From 4b505a3b9f104c726b25f0e856942e5ba00ffc83 Mon Sep 17 00:00:00 2001
From: Cahllagerfeld <43843195+Cahllagerfeld@users.noreply.github.com>
Date: Fri, 31 Oct 2025 12:08:28 +0100
Subject: [PATCH 1/3] feat: add deployable flag

---
 src/app/overview/pipelines-grid/index.tsx          |  1 +
 src/app/overview/pipelines-grid/pipeline-item.tsx  |  4 +++-
 src/app/overview/pipelines-grid/pipeline-sheet.tsx | 12 +++++++++++-
 src/data/github/pipelines.ts                       |  3 ++-
 4 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/src/app/overview/pipelines-grid/index.tsx b/src/app/overview/pipelines-grid/index.tsx
index c1f56f17d..51368544c 100644
--- a/src/app/overview/pipelines-grid/index.tsx
+++ b/src/app/overview/pipelines-grid/index.tsx
@@ -102,6 +102,7 @@ function PipelinesGrid({ pipelines }: Props) {
 						isDone={apiPipelines.some((p) => p.name === pipeline.directory)}
 						pipelineName={pipeline.directory}
 						displayName={pipeline.name}
+						deployable={pipeline.deployable ?? false}
 					/>
 				</li>
 			))}
diff --git a/src/app/overview/pipelines-grid/pipeline-item.tsx b/src/app/overview/pipelines-grid/pipeline-item.tsx
index 25856333b..46863e33b 100644
--- a/src/app/overview/pipelines-grid/pipeline-item.tsx
+++ b/src/app/overview/pipelines-grid/pipeline-item.tsx
@@ -12,9 +12,10 @@ type Props = {
 	displayName: string;
 	pipelineName: string;
 	isDone: boolean;
+	deployable: boolean;
 };
 
-export function PipelineItem({ displayName, pipelineName, isDone }: Props) {
+export function PipelineItem({ displayName, pipelineName, isDone, deployable }: Props) {
 	const [open, setOpen] = useState(false);
 	const content = useGithubPipelineContent(pipelineName, {
 		refetchOnWindowFocus: false,
@@ -36,6 +37,7 @@ export function PipelineItem({ displayName, pipelineName, isDone }: Props) {
 			pipelineContent={content.data}
 			open={open}
 			onOpenChange={setOpen}
+			deployable={deployable}
 		>
 			<Box className="space-y-5 p-5 text-start transition-shadow duration-200 hover:shadow-sm">
 				{isDone ? <Tick /> : <ProgressOutstanding />}
diff --git a/src/app/overview/pipelines-grid/pipeline-sheet.tsx b/src/app/overview/pipelines-grid/pipeline-sheet.tsx
index 033fbb858..e410011e5 100644
--- a/src/app/overview/pipelines-grid/pipeline-sheet.tsx
+++ b/src/app/overview/pipelines-grid/pipeline-sheet.tsx
@@ -29,6 +29,7 @@ type Props = {
 	isDone: boolean;
 	name: string;
 	displayName: string;
+	deployable: boolean;
 };
 
 export function GithubPipelineSheet({
@@ -38,7 +39,8 @@ export function GithubPipelineSheet({
 	open,
 	name,
 	displayName,
-	isDone
+	isDone,
+	deployable
 }: PropsWithChildren<Props>) {
 	return (
 		<Sheet open={open} onOpenChange={onOpenChange}>
@@ -69,6 +71,14 @@ export function GithubPipelineSheet({
 								<p className="mb-1 text-text-sm text-theme-text-secondary">Run the pipeline.</p>
 								<Codesnippet code={`python ${name}.py`} />
 							</div>
+							{deployable && (
+								<div>
+									<p className="mb-1 text-text-sm text-theme-text-secondary">
+										Deploy the pipeline.
+									</p>
+									<Codesnippet code={`zenml pipeline deploy run.${name}`} />
+								</div>
+							)}
 							<HelpBox link="https://docs.zenml.io/user-guides/starter-guide/create-an-ml-pipeline" />
 						</Box>
 					) : (
diff --git a/src/data/github/pipelines.ts b/src/data/github/pipelines.ts
index ad07d13f5..ff66ccc20 100644
--- a/src/data/github/pipelines.ts
+++ b/src/data/github/pipelines.ts
@@ -4,7 +4,8 @@ import { z } from "zod";
 const githubPipelineOrderEntrySchema = z.object({
 	index: z.number(),
 	directory: z.string(),
-	name: z.string()
+	name: z.string(),
+	deployable: z.boolean()
 });
 
 const githubPipelinesOrderSchema = z.object({

From 6f492ccfcb2e43c21508e831762d833dbfdcebdd Mon Sep 17 00:00:00 2001
From: Cahllagerfeld <43843195+Cahllagerfeld@users.noreply.github.com>
Date: Fri, 31 Oct 2025 12:15:40 +0100
Subject: [PATCH 2/3] fix: path

---
 src/app/overview/pipelines-grid/pipeline-sheet.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/overview/pipelines-grid/pipeline-sheet.tsx b/src/app/overview/pipelines-grid/pipeline-sheet.tsx
index e410011e5..4fc5f20e7 100644
--- a/src/app/overview/pipelines-grid/pipeline-sheet.tsx
+++ b/src/app/overview/pipelines-grid/pipeline-sheet.tsx
@@ -76,7 +76,7 @@ export function GithubPipelineSheet({
 									<p className="mb-1 text-text-sm text-theme-text-secondary">
 										Deploy the pipeline.
 									</p>
-									<Codesnippet code={`zenml pipeline deploy run.${name}`} />
+									<Codesnippet code={`zenml pipeline deploy ${name}.${name}`} />
 								</div>
 							)}
 							<HelpBox link="https://docs.zenml.io/user-guides/starter-guide/create-an-ml-pipeline" />

From 1b2601d244e4430abaf685dc43a45953913954c4 Mon Sep 17 00:00:00 2001
From: Cahllagerfeld <43843195+Cahllagerfeld@users.noreply.github.com>
Date: Tue, 4 Nov 2025 17:17:47 +0100
Subject: [PATCH 3/3] fix: bg color

---
 src/components/sheet/resizable-sheet.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/sheet/resizable-sheet.tsx b/src/components/sheet/resizable-sheet.tsx
index f1e54f2bc..dc3901fe7 100644
--- a/src/components/sheet/resizable-sheet.tsx
+++ b/src/components/sheet/resizable-sheet.tsx
@@ -25,7 +25,11 @@ export const ResizableSheetContent = forwardRef<
 					<SheetClose className="absolute inset-0 hover:cursor-default" />
 				</Panel>
 				<PanelResizeHandle className="w-[1px] bg-theme-border-moderate transition-colors duration-200 data-[resize-handle-state=drag]:bg-theme-border-bold data-[resize-handle-state=hover]:bg-theme-border-bold" />
-				<Panel className="!overflow-y-auto bg-theme-surface-primary" minSize={25} defaultSize={50}>
+				<Panel
+					className="!overflow-y-auto bg-theme-surface-secondary"
+					minSize={25}
+					defaultSize={50}
+				>
 					{children}
 				</Panel>
 			</PanelGroup>