feat: remove sequence name, update workflow preview modal, bug fixes & UI changes (SBP-479 SBP-480)

.github/workflows/ci-deploy.yml

@@ -2,9 +2,9 @@ name: CI / Build and Deploy
 
 on:
   push:
-    branches: [ main ]
+    branches: [dev]
   pull_request:
-    branches: [ main ]
+    branches: [dev]
 
 jobs:
   build:
@@ -15,7 +15,7 @@ jobs:
       - name: Use Node.js 24
         uses: actions/setup-node@v6
         with:
-          node-version: '24'
+          node-version: "24"
 
       - name: Install dependencies
         run: |

.github/workflows/e2e.yml

@@ -2,9 +2,9 @@ name: Playwright E2E
 
 on:
   push:
-    branches: [ main ]
+    branches: [dev]
   pull_request:
-    branches: [ main ]
+    branches: [dev]
 
 jobs:
   e2e:
@@ -16,7 +16,7 @@ jobs:
       - name: Use Node.js 24
         uses: actions/setup-node@v6
         with:
-          node-version: '24'
+          node-version: "24"
 
       - name: Install dependencies
         run: npm ci

.github/workflows/lint.yml

@@ -3,9 +3,9 @@ name: Code Style/Lint
 
 on:
   push:
-    branches: ["main"]
+    branches: ["dev"]
   pull_request:
-    branches: ["main"]
+    branches: ["dev"]
 
 jobs:
   build:

.github/workflows/test-coverage.yml

@@ -4,9 +4,9 @@ name: Coverage
 
 on:
   push:
-    branches: ["main", "test"]
+    branches: ["dev", "test"]
   pull_request:
-    branches: ["main", "test"]
+    branches: ["dev", "test"]
 
 jobs:
   build:
@@ -37,4 +37,4 @@ jobs:
           hide_complexity: true
           indicators: true
           output: console
-          thresholds: "80 80"
+          thresholds: "80 80"

src/app/core/configs/themes.config.ts

@@ -1,22 +1,22 @@
-export interface WorkflowItem {
+export interface ToolItem {
   id: string;
   label: string;
   href: string;
   disabled?: boolean;
 }
 
-export interface ToolItem {
+export interface WorkflowItem {
   id: string;
   label: string;
   href: string;
   disabled?: boolean;
+  tools: ToolItem[];
 }
 
 export interface ThemeConfig {
   id: string;
   label: string;
   workflows: WorkflowItem[];
-  tools: ToolItem[];
 }
 
 export const THEMES: ThemeConfig[] = [
@@ -28,19 +28,47 @@ export const THEMES: ThemeConfig[] = [
         id: "de-novo-design",
         label: "De Novo Design",
         href: "/binder-design/de-novo-design",
+        tools: [
+          {
+            id: "bindcraft",
+            label: "BindCraft",
+            href: "/binder-design/de-novo-design",
+          },
+          {
+            id: "rfdiffusion",
+            label: "RFdiffusion",
+            href: "/binder-design/de-novo-design",
+            disabled: true,
+          },
+        ],
       },
-    ],
-    tools: [
       {
-        id: "bindcraft",
-        label: "BindCraft",
-        href: "/binder-design/de-novo-design",
+        id: "partial-diffusion",
+        label: "Partial Diffusion",
+        href: "/binder-design/partial-diffusion",
+        disabled: true,
+        tools: [
+          {
+            id: "rfdiffusion",
+            label: "RFdiffusion",
+            href: "/binder-design/partial-diffusion",
+            disabled: true,
+          },
+        ],
       },
       {
-        id: "rfdiffusion",
-        label: "RFdiffusion",
-        href: "/tools/rfdiffusion",
+        id: "motif-scaffolding",
+        label: "Motif Scaffolding",
+        href: "/binder-design/motif-scaffolding",
         disabled: true,
+        tools: [
+          {
+            id: "rfdiffusion",
+            label: "RFdiffusion",
+            href: "/binder-design/motif-scaffolding",
+            disabled: true,
+          },
+        ],
       },
     ],
   },
@@ -52,33 +80,57 @@ export const THEMES: ThemeConfig[] = [
         id: "single-prediction",
         label: "Single Prediction",
         href: "/structure-prediction/single-prediction",
+        tools: [
+          {
+            id: "colabfold",
+            label: "ColabFold",
+            href: "/structure-prediction/single-prediction",
+          },
+          {
+            id: "alphafold2",
+            label: "AlphaFold2",
+            href: "/structure-prediction/single-prediction",
+          },
+          {
+            id: "boltz",
+            label: "Boltz",
+            href: "/structure-prediction/single-prediction",
+          },
+        ],
       },
       {
         id: "bulk-prediction",
         label: "Bulk Prediction",
         href: "/structure-prediction/bulk-prediction",
+        tools: [
+          {
+            id: "boltz",
+            label: "Boltz",
+            href: "/structure-prediction/bulk-prediction",
+          },
+          {
+            id: "colabfold",
+            label: "ColabFold",
+            href: "/structure-prediction/bulk-prediction",
+          },
+        ],
       },
       {
         id: "interaction-screening",
         label: "Interaction Screening",
         href: "/structure-prediction/interaction-screening",
-      },
-    ],
-    tools: [
-      {
-        id: "boltz",
-        label: "Boltz",
-        href: "/structure-prediction/single-prediction",
-      },
-      {
-        id: "colabfold",
-        label: "ColabFold",
-        href: "/structure-prediction/single-prediction",
-      },
-      {
-        id: "alphafold2",
-        label: "AlphaFold2",
-        href: "/structure-prediction/single-prediction",
+        tools: [
+          {
+            id: "boltz",
+            label: "Boltz",
+            href: "/structure-prediction/interaction-screening",
+          },
+          {
+            id: "colabfold",
+            label: "ColabFold",
+            href: "/structure-prediction/interaction-screening",
+          },
+        ],
       },
     ],
   },

src/app/features/jobs/jobs-list/jobs-list.spec.ts

@@ -182,7 +182,7 @@ describe("JobsListComponent", () => {
 
   it("should load jobs on init", () => {
     expect(mockJobsService.listJobs).toHaveBeenCalledWith({
-      limit: 50,
+      limit: 10,
       offset: 0,
     });
     expect(component.jobs()).toEqual([mockJob]);
@@ -280,8 +280,8 @@ describe("JobsListComponent", () => {
     component.loadJobs();
 
     expect(mockJobsService.listJobs).toHaveBeenCalledWith({
-      limit: 50,
-      offset: 50,
+      limit: 10,
+      offset: 10,
       search: "binder",
       status: ["Completed", "Failed"],
     });

src/app/features/jobs/jobs-list/jobs-list.ts

@@ -94,7 +94,7 @@ export default class JobsListComponent implements OnInit, OnDestroy {
   searchQuery = signal<string>("");
   selectedStatuses = signal<string[]>([]);
   currentPage = signal<number>(1);
-  pageSize = signal<number>(50);
+  pageSize = signal<number>(10);
   scoreSortDirection = signal<"asc" | "desc">("desc");
   submittedSortDirection = signal<"asc" | "desc">("desc");
   activeSort = signal<"score" | "submitted">("submitted");

src/app/features/themes/binder-design/binder-design.html

@@ -1,8 +1,4 @@
-<app-theme-layout
-  title="Protein Binder Design"
-  [workflows]="workflows()"
-  [tools]="tools()"
->
+<app-theme-layout title="Protein Binder Design" [workflows]="workflows()">
   <p description class="text-gray-500">
     Synthetic protein binders are emerging as powerful tools in therapeutics,
     diagnostics, and fundamental research, offering a highly tunable alternative