Merge pull request #638 from zenml-io/staging

.github/workflows/unit-tests.yml

@@ -1,4 +1,4 @@
-name: Unit Tests
+name: Build & Unit Tests
 
 on:
   push:
@@ -10,6 +10,7 @@ on:
       - main
       - dev
       - future
+      - staging
   workflow_dispatch:
 
 jobs:
@@ -32,6 +33,9 @@ jobs:
 
       - name: Install project dependencies
         run: pnpm install --frozen-lockfile
+
+      - name: "Run Build"
+        run: pnpm build
 
       - name: Run Unit Tests
         run: pnpm test:unit

package.json

@@ -30,7 +30,9 @@
 		"@tanstack/react-table": "^8.17.3",
 		"@tisoap/react-flow-smart-edge": "^3.0.0",
 		"@zenml-io/react-component-library": "^0.18.0",
+		"awesome-debounce-promise": "^2.1.0",
 		"class-variance-authority": "^0.7.0",
+		"immer": "^10.1.1",
 		"lodash.debounce": "^4.0.8",
 		"papaparse": "^5.4.1",
 		"prismjs": "^1.29.0",

src/app/pipelines/[namespace]/columns.tsx

@@ -6,11 +6,10 @@ import { InlineAvatar } from "@/components/InlineAvatar";
 import { routes } from "@/router/routes";
 import { CodeRepository } from "@/types/code-repository";
 import { PipelineRun, PipelineRunBody } from "@/types/pipeline-runs";
-import { PipelineBody } from "@/types/pipelines";
 import { Stack } from "@/types/stack";
 import { User } from "@/types/user";
 import { ColumnDef } from "@tanstack/react-table";
-import { Badge, Tag } from "@zenml-io/react-component-library";
+import { Tag } from "@zenml-io/react-component-library";
 import { Link } from "react-router-dom";
 
 export function getPipelineDetailColumns(): ColumnDef<PipelineRun>[] {
@@ -48,19 +47,6 @@ export function getPipelineDetailColumns(): ColumnDef<PipelineRun>[] {
 				);
 			}
 		},
-		{
-			id: "version",
-			header: "Version",
-			accessorFn: (row) => row.body?.pipeline?.body?.version,
-			cell: ({ getValue }) => {
-				const version = getValue<PipelineBody["version"]>();
-				return (
-					<Badge color="purple" className="inline-flex" size="sm">
-						{version}
-					</Badge>
-				);
-			}
-		},
 		{
 			id: "stack",
 			header: "Stack",

src/app/pipelines/columns.tsx

@@ -1,24 +1,24 @@
-import RunIcon from "@/assets/icons/terminal.svg?react";
 import PipelineIcon from "@/assets/icons/pipeline.svg?react";
+import RunIcon from "@/assets/icons/terminal.svg?react";
+import { CopyButton } from "@/components/CopyButton";
 import { ExecutionStatusIcon, getExecutionStatusColor } from "@/components/ExecutionStatus";
+import { routes } from "@/router/routes";
 import { ExecutionStatus } from "@/types/pipeline-runs";
-import { PipelineNamespace, PipelineNamespaceBody } from "@/types/pipelines";
+import { Pipeline } from "@/types/pipelines";
 import { ColumnDef } from "@tanstack/react-table";
 import { Tag, TagProps } from "@zenml-io/react-component-library";
 import { Link } from "react-router-dom";
-import { routes } from "@/router/routes";
-import { CopyButton } from "@/components/CopyButton";
 
-export function getPipelineColumns(): ColumnDef<PipelineNamespace>[] {
+export function getPipelineColumns(): ColumnDef<Pipeline>[] {
 	return [
 		{
 			id: "name",
 			header: "Pipeline",
 			accessorFn: (row) => ({ name: row.name, status: row.body?.latest_run_status }),
 			cell: ({ getValue }) => {
 				const { name, status } = getValue<{
-					name: PipelineNamespace["name"];
-					status: PipelineNamespaceBody["latest_run_status"];
+					name: string;
+					status: ExecutionStatus;
 				}>();
 
 				return (
@@ -46,7 +46,7 @@ export function getPipelineColumns(): ColumnDef<PipelineNamespace>[] {
 			cell: ({ getValue }) => {
 				const { runId, status } = getValue<{
 					runId?: string;
-					status?: PipelineNamespaceBody["latest_run_status"];
+					status?: ExecutionStatus;
 				}>();
 
 				if (!runId || !status) return <div>No run</div>;