feat: add code path (#642)

Author: Cahllagerfeld

src/components/steps/step-sheet/DetailsTab.tsx

@@ -1,20 +1,21 @@
+import Github from "@/assets/icons/github.svg?react";
+import Pipelines from "@/assets/icons/pipeline.svg?react";
+import { CopyButton } from "@/components/CopyButton";
+import { InlineAvatar } from "@/components/InlineAvatar";
+import { useCodeRepository } from "@/data/code-repositories/code-repositories-detail-query";
 import { usePipelineRun } from "@/data/pipeline-runs/pipeline-run-detail-query";
-import { KeyValue } from "../../KeyValue";
-import { Badge, Skeleton, Tag } from "@zenml-io/react-component-library";
-import { DisplayDate } from "../../DisplayDate";
-import { CollapsibleCard } from "../../CollapsibleCard";
-import { ExecutionStatusIcon, getExecutionStatusTagColor } from "../../ExecutionStatus";
 import { useStepDetail } from "@/data/steps/step-detail-query";
-import Pipelines from "@/assets/icons/pipeline.svg?react";
 import { calculateTimeDifference } from "@/lib/dates";
-import { ErrorFallback } from "../../Error";
-import Github from "@/assets/icons/github.svg?react";
-import { CopyButton } from "@/components/CopyButton";
 import { transformToEllipsis } from "@/lib/strings";
-import { useCodeRepository } from "@/data/code-repositories/code-repositories-detail-query";
-import { InlineAvatar } from "@/components/InlineAvatar";
-import { Link } from "react-router-dom";
 import { routes } from "@/router/routes";
+import { Badge, Skeleton, Tag } from "@zenml-io/react-component-library";
+import { Link } from "react-router-dom";
+import { Codesnippet } from "../../CodeSnippet";
+import { CollapsibleCard } from "../../CollapsibleCard";
+import { DisplayDate } from "../../DisplayDate";
+import { ErrorFallback } from "../../Error";
+import { ExecutionStatusIcon, getExecutionStatusTagColor } from "../../ExecutionStatus";
+import { Key, KeyValue, Value } from "../../KeyValue";
 
 type Props = {
 	stepId: string;
@@ -211,6 +212,14 @@ export function StepDetailsTab({ stepId, runId }: Props) {
 								}
 							/>
 						)}
+						<Key className={pipelineRunData.metadata?.code_path ? "col-span-3" : ""}>Code Path</Key>
+						<Value className={pipelineRunData.metadata?.code_path ? "col-span-3 h-auto" : ""}>
+							{pipelineRunData.metadata?.code_path ? (
+								<Codesnippet code={pipelineRunData.metadata.code_path} />
+							) : (
+								"Not available"
+							)}
+						</Value>
 					</>
 				) : (
 					<Skeleton className="h-6 w-full" />

src/types/core.ts

@@ -6186,6 +6186,8 @@ export type components = {
 			schedule?: string | null;
 			/** The code reference associated with the deployment. */
 			code_reference?: components["schemas"]["CodeReferenceRequest"] | null;
+			/** Optional path where the code is stored in the artifact store. */
+			code_path?: string | null;
 			/**
 			 * Template
 			 * @description Template used for the deployment.
@@ -6265,6 +6267,8 @@ export type components = {
 			pipeline_version_hash?: string | null;
 			/** The pipeline spec of the deployment. */
 			pipeline_spec?: components["schemas"]["PipelineSpec-Output"] | null;
+			/** Optional path where the code is stored in the artifact store. */
+			code_path?: string | null;
 			/** The pipeline associated with the deployment. */
 			pipeline?: components["schemas"]["PipelineResponse"] | null;
 			/** The stack associated with the deployment. */
@@ -6365,6 +6369,8 @@ export type components = {
 		PipelineResponseMetadata: {
 			/** The workspace of this resource. */
 			workspace: components["schemas"]["WorkspaceResponse"];
+			/** The description of the pipeline. */
+			description?: string | null;
 		};
 		/**
 		 * PipelineResponseResources
@@ -6527,6 +6533,8 @@ export type components = {
 			};
 			/** The orchestrator run ID. */
 			orchestrator_run_id?: string | null;
+			/** Optional path where the code is stored in the artifact store. */
+			code_path?: string | null;
 			/**
 			 * Template Id
 			 * @description Template used for the pipeline run.
@@ -8064,6 +8072,7 @@ export type components = {
 			| "internal"
 			| "distribution_package"
 			| "code_repository"
+			| "notebook"
 			| "unknown";
 		/**
 		 * StackComponentType
@@ -8093,7 +8102,9 @@ export type components = {
 			/** A textual description for the cloud provider console URL. */
 			deployment_url_text: string;
 			/** Configuration for the stack deployment that the user must manually configure into the cloud provider console. */
-			configuration: string | null;
+			configuration?: string | null;
+			/** Instructions for deploying the stack. */
+			instructions?: string | null;
 		};
 		/**
 		 * StackDeploymentInfo