@loopstack/loopstack-studio 0.24.0 → 0.25.0

package/dist/pages/PreviewWorkbenchPage.js

@@ -1,21 +1,14 @@
 import { useStudio } from "../providers/StudioProvider.js";
-import { useFilterPipelines, usePipeline, usePipelineConfigByName } from "../hooks/usePipelines.js";
-import { useWorkspace } from "../hooks/useWorkspaces.js";
+import { useFilterWorkflows, useWorkflow, useWorkflowConfigByName } from "../hooks/useWorkflows.js";
 import { Button } from "../components/ui/button.js";
-import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "../components/ui/collapsible.js";
-import { SidebarMenu, SidebarProvider } from "../components/ui/sidebar.js";
 import LoadingCentered_default from "../components/feedback/LoadingCentered.js";
 import ErrorSnackbar_default from "../components/feedback/ErrorSnackbar.js";
 import { require_enums } from "../packages/contracts/dist/enums/index.js";
-import { useFetchWorkflowsByPipeline } from "../hooks/useWorkflows.js";
 import WorkflowItem_default from "../features/workbench/WorkflowItem.js";
-import WorkflowButtons_default from "../features/workbench/components/buttons/WorkflowButtons.js";
 import { ReactFlowProvider } from "../node_modules/@xyflow/react/dist/esm/index.js";
-import PipelineFlowViewer_default from "../features/debug/components/PipelineFlowViewer.js";
+import WorkflowFlowViewer_default from "../features/debug/components/WorkflowFlowViewer.js";
 import "../features/debug/index.js";
-import { useNamespaceTree } from "../hooks/useNamespaceTree.js";
-import WorkbenchNavigation_default from "../features/workbench/WorkbenchNavigation.js";
-import PipelineHistoryList_default from "../features/workbench/components/PipelineHistoryList.js";
+import WorkflowHistoryList_default from "../features/workbench/components/WorkflowHistoryList.js";
 import { NewRunDialog } from "../features/workbench/components/NewRunDialog.js";
 import "../features/workbench/index.js";
 import { c } from "react/compiler-runtime";
@@ -23,15 +16,15 @@ import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useQuery } from "@tanstack/react-query";
 import { useNavigate, useParams } from "react-router-dom";
-import { ChevronDown, ChevronRight, ListOrdered, Loader2, Navigation, Play, RefreshCw, ScrollText, Workflow } from "lucide-react";
+import { ChevronDown, ListOrdered, Loader2, Play, RefreshCw, ScrollText, Workflow } from "lucide-react";
 import { formatDistanceToNow } from "date-fns";
 var import_enums = require_enums(), EMBED_MESSAGE_TYPE = "loopstack:embed:workflow-completed", EMBED_RESIZE_MESSAGE_TYPE = "loopstack:embed:resize", EMBED_NEW_RUN_MESSAGE_TYPE = "loopstack:embed:new-run";
 function PreviewWorkbenchPage() {
-	let e = c(5), { pipelineId: t } = useParams(), [n, r] = useState(!1), i;
+	let e = c(5), { workflowId: t } = useParams(), [n, r] = useState(!1), i;
 	e[0] === Symbol.for("react.memo_cache_sentinel") ? (i = (e) => {
 		r(!1), window.parent !== window && window.parent.postMessage({
 			type: EMBED_NEW_RUN_MESSAGE_TYPE,
-			pipelineId: e
+			workflowId: e
 		}, window.location.origin);
 	}, e[0] = i) : i = e[0];
 	let a = i;
@@ -45,125 +38,116 @@ function PreviewWorkbenchPage() {
 	}
 	let o;
 	return e[3] === t ? o = e[4] : (o = /* @__PURE__ */ jsx(PreviewWorkbenchContent, {
-		pipelineId: t,
+		workflowId: t,
 		onNewRunSuccess: a
 	}), e[3] = t, e[4] = o), o;
 }
 function PreviewWorkbenchContent(e) {
-	let t = c(61), { pipelineId: o, onNewRunSuccess: s } = e, l = useRef(null), [u, d] = useState("output"), [m, _] = useState(!1), b = usePipeline(o), x = useFetchWorkflowsByPipeline(o), C;
-	t[0] === x.data ? C = t[1] : (C = x.data ?? [], t[0] = x.data, t[1] = C);
-	let T = C, E = useRef(!1), _e = b.data?.workspaceId, ve = useWorkspace(_e).data?.blockName, ye = b.data?.blockName, D = usePipelineConfigByName(ve, ye), O, k;
-	t[2] !== x.data || t[3] !== o ? (O = () => {
-		!x.data || E.current || x.data.length > 0 && x.data.every(_temp) && window.parent !== window && (E.current = !0, window.parent.postMessage({
+	let t = c(49), { workflowId: s, onNewRunSuccess: m } = e, g = useRef(null), [v, ce] = useState("output"), [y, b] = useState(!1), S = useWorkflow(s), C = useRef(!1), E = useWorkflowConfigByName(S.data?.className ?? void 0), k, A;
+	t[0] !== S.data || t[1] !== s ? (k = () => {
+		!S.data || C.current || S.data.status === import_enums.WorkflowState.Completed && window.parent !== window && (C.current = !0, window.parent.postMessage({
 			type: EMBED_MESSAGE_TYPE,
-			pipelineId: o
+			workflowId: s
 		}, window.location.origin));
-	}, k = [x.data, o], t[2] = x.data, t[3] = o, t[4] = O, t[5] = k) : (O = t[4], k = t[5]), useEffect(O, k);
-	let A, j;
-	t[6] === o ? (A = t[7], j = t[8]) : (A = () => {
-		if (window.parent === window || !l.current) return;
+	}, A = [S.data, s], t[0] = S.data, t[1] = s, t[2] = k, t[3] = A) : (k = t[2], A = t[3]), useEffect(k, A);
+	let j, M;
+	t[4] === s ? (j = t[5], M = t[6]) : (j = () => {
+		if (window.parent === window || !g.current) return;
 		let e = new ResizeObserver(() => {
-			if (!l.current) return;
+			if (!g.current) return;
 			let e = Math.max(document.body.scrollHeight, document.body.offsetHeight, document.documentElement.scrollHeight, document.documentElement.offsetHeight);
 			window.parent.postMessage({
 				type: EMBED_RESIZE_MESSAGE_TYPE,
-				pipelineId: o,
+				workflowId: s,
 				height: e
 			}, window.location.origin);
 		});
-		return e.observe(l.current), () => e.disconnect();
-	}, j = [o], t[6] = o, t[7] = A, t[8] = j), useEffect(A, j);
-	let M;
-	t[9] === s ? M = t[10] : (M = (e) => {
-		_(!1), s(e);
-	}, t[9] = s, t[10] = M);
-	let N = M, P = _temp2, F;
-	t[11] === Symbol.for("react.memo_cache_sentinel") ? (F = {
+		return e.observe(g.current), () => e.disconnect();
+	}, M = [s], t[4] = s, t[5] = j, t[6] = M), useEffect(j, M);
+	let N;
+	t[7] === m ? N = t[8] : (N = (e) => {
+		b(!1), m(e);
+	}, t[7] = m, t[8] = N);
+	let P = N, F = _temp, I;
+	t[9] === Symbol.for("react.memo_cache_sentinel") ? (I = {
 		enableDebugMode: !1,
 		showFullMessageHistory: !1
-	}, t[11] = F) : F = t[11];
-	let I = F, L;
-	t[12] === Symbol.for("react.memo_cache_sentinel") ? (L = {
+	}, t[9] = I) : I = t[9];
+	let L = I, R;
+	t[10] === Symbol.for("react.memo_cache_sentinel") ? (R = {
 		value: "output",
 		label: "Output",
 		icon: /* @__PURE__ */ jsx(ScrollText, { className: "h-3.5 w-3.5" })
-	}, t[12] = L) : L = t[12];
-	let R;
-	t[13] === Symbol.for("react.memo_cache_sentinel") ? (R = {
+	}, t[10] = R) : R = t[10];
+	let z;
+	t[11] === Symbol.for("react.memo_cache_sentinel") ? (z = {
 		value: "graph",
 		label: "Graph",
 		icon: /* @__PURE__ */ jsx(Workflow, { className: "h-3.5 w-3.5" })
-	}, t[13] = R) : R = t[13];
-	let z;
-	t[14] === Symbol.for("react.memo_cache_sentinel") ? (z = {
+	}, t[11] = z) : z = t[11];
+	let B;
+	t[12] === Symbol.for("react.memo_cache_sentinel") ? (B = {
 		value: "run-log",
 		label: "Run Log",
 		icon: /* @__PURE__ */ jsx(ListOrdered, { className: "h-3.5 w-3.5" })
-	}, t[14] = z) : z = t[14];
-	let B;
-	t[15] === Symbol.for("react.memo_cache_sentinel") ? (B = [
-		L,
+	}, t[12] = B) : B = t[12];
+	let V;
+	t[13] === Symbol.for("react.memo_cache_sentinel") ? (V = [
 		R,
 		z,
+		B,
 		{
 			value: "logs",
 			label: "Logs",
 			icon: /* @__PURE__ */ jsx(ScrollText, { className: "h-3.5 w-3.5" })
 		}
-	], t[15] = B) : B = t[15];
-	let be = B, V;
-	t[16] === u ? V = t[17] : (V = /* @__PURE__ */ jsx("div", {
+	], t[13] = V) : V = t[13];
+	let H = V, U;
+	t[14] === v ? U = t[15] : (U = /* @__PURE__ */ jsx("div", {
 		className: "bg-background flex items-center rounded-md border p-0.5",
-		children: be.map((e) => /* @__PURE__ */ jsxs("button", {
-			onClick: () => d(e.value),
-			className: `flex items-center gap-1.5 rounded-sm px-2.5 py-1 text-xs font-medium transition-colors ${u === e.value ? "bg-foreground text-background shadow-sm" : "text-muted-foreground hover:text-foreground"}`,
+		children: H.map((e) => /* @__PURE__ */ jsxs("button", {
+			onClick: () => ce(e.value),
+			className: `flex items-center gap-1.5 rounded-sm px-2.5 py-1 text-xs font-medium transition-colors ${v === e.value ? "bg-foreground text-background shadow-sm" : "text-muted-foreground hover:text-foreground"}`,
 			children: [e.icon, e.label]
 		}, e.value))
-	}), t[16] = u, t[17] = V);
-	let H;
-	t[18] === Symbol.for("react.memo_cache_sentinel") ? (H = /* @__PURE__ */ jsxs(Button, {
+	}), t[14] = v, t[15] = U);
+	let W;
+	t[16] === Symbol.for("react.memo_cache_sentinel") ? (W = /* @__PURE__ */ jsxs(Button, {
 		variant: "outline",
 		size: "sm",
 		className: "h-7 gap-1.5",
-		onClick: () => _(!0),
+		onClick: () => b(!0),
 		children: [/* @__PURE__ */ jsx(Play, { className: "h-3 w-3" }), "New Run"]
-	}), t[18] = H) : H = t[18];
-	let U;
-	t[19] === V ? U = t[20] : (U = /* @__PURE__ */ jsxs("div", {
-		className: "bg-muted/50 flex h-11 shrink-0 items-center justify-between border-b px-3",
-		children: [V, H]
-	}), t[19] = V, t[20] = U);
-	let W;
-	t[21] === b.error ? W = t[22] : (W = /* @__PURE__ */ jsx(ErrorSnackbar_default, { error: b.error }), t[21] = b.error, t[22] = W);
+	}), t[16] = W) : W = t[16];
 	let G;
-	t[23] === x.error ? G = t[24] : (G = /* @__PURE__ */ jsx(ErrorSnackbar_default, { error: x.error }), t[23] = x.error, t[24] = G);
+	t[17] === U ? G = t[18] : (G = /* @__PURE__ */ jsxs("div", {
+		className: "bg-muted/50 flex h-11 shrink-0 items-center justify-between border-b px-3",
+		children: [U, W]
+	}), t[17] = U, t[18] = G);
 	let K;
-	t[25] !== u || t[26] !== b.data || t[27] !== b.isLoading || t[28] !== x.data || t[29] !== x.isLoading ? (K = u === "output" && /* @__PURE__ */ jsx("div", {
+	t[19] === S.error ? K = t[20] : (K = /* @__PURE__ */ jsx(ErrorSnackbar_default, { error: S.error }), t[19] = S.error, t[20] = K);
+	let q;
+	t[21] !== v || t[22] !== S.data || t[23] !== S.isLoading ? (q = v === "output" && /* @__PURE__ */ jsx("div", {
 		className: "px-4 py-3",
 		children: /* @__PURE__ */ jsx(LoadingCentered_default, {
-			loading: b.isLoading || x.isLoading,
-			children: b.data && x.data ? x.data.map((e) => /* @__PURE__ */ jsx(EmbedWorkflowSection, {
-				workflow: e,
-				pipeline: b.data,
-				collapsible: x.data.length > 1,
-				children: /* @__PURE__ */ jsx(WorkflowItem_default, {
-					pipeline: b.data,
-					workflowId: e.id,
-					scrollTo: P,
-					settings: I
-				})
-			}, e.id)) : null
+			loading: S.isLoading,
+			children: S.data ? /* @__PURE__ */ jsx(WorkflowItem_default, {
+				workflow: S.data,
+				workflowId: S.data.id,
+				scrollTo: F,
+				settings: L
+			}) : null
 		})
-	}), t[25] = u, t[26] = b.data, t[27] = b.isLoading, t[28] = x.data, t[29] = x.isLoading, t[30] = K) : K = t[30];
-	let q;
-	t[31] !== u || t[32] !== b.isLoading || t[33] !== D || t[34] !== x.isLoading || t[35] !== o || t[36] !== T ? (q = u === "graph" && /* @__PURE__ */ jsx("div", {
+	}), t[21] = v, t[22] = S.data, t[23] = S.isLoading, t[24] = q) : q = t[24];
+	let J;
+	t[25] !== v || t[26] !== S.data || t[27] !== S.isLoading || t[28] !== E || t[29] !== s ? (J = v === "graph" && /* @__PURE__ */ jsx("div", {
 		className: "h-full",
 		children: /* @__PURE__ */ jsx(LoadingCentered_default, {
-			loading: b.isLoading || x.isLoading,
-			children: T.length > 0 ? /* @__PURE__ */ jsx(ReactFlowProvider, { children: /* @__PURE__ */ jsx(PipelineFlowViewer_default, {
-				pipelineId: o,
-				workflows: T,
-				pipelineConfig: D.data,
+			loading: S.isLoading,
+			children: S.data ? /* @__PURE__ */ jsx(ReactFlowProvider, { children: /* @__PURE__ */ jsx(WorkflowFlowViewer_default, {
+				workflowId: s,
+				workflows: [S.data],
+				workflowConfig: E.data,
 				direction: "TB"
 			}) }) : /* @__PURE__ */ jsx("div", {
 				className: "text-muted-foreground flex h-full items-center justify-center",
@@ -173,53 +157,43 @@ function PreviewWorkbenchContent(e) {
 				})
 			})
 		})
-	}), t[31] = u, t[32] = b.isLoading, t[33] = D, t[34] = x.isLoading, t[35] = o, t[36] = T, t[37] = q) : q = t[37];
-	let J;
-	t[38] !== u || t[39] !== b.data ? (J = u === "run-log" && /* @__PURE__ */ jsx("div", {
-		className: "px-4",
-		children: /* @__PURE__ */ jsx(PipelineHistoryList_default, { pipeline: b.data })
-	}), t[38] = u, t[39] = b.data, t[40] = J) : J = t[40];
+	}), t[25] = v, t[26] = S.data, t[27] = S.isLoading, t[28] = E, t[29] = s, t[30] = J) : J = t[30];
 	let Y;
-	t[41] !== u || t[42] !== o ? (Y = u === "navigate" && /* @__PURE__ */ jsx("div", {
-		className: "px-4 py-2",
-		children: /* @__PURE__ */ jsx(EmbedNavigationContent, { pipelineId: o })
-	}), t[41] = u, t[42] = o, t[43] = Y) : Y = t[43];
+	t[31] !== v || t[32] !== S.data ? (Y = v === "run-log" && /* @__PURE__ */ jsx("div", {
+		className: "px-4",
+		children: /* @__PURE__ */ jsx(WorkflowHistoryList_default, { workflow: S.data })
+	}), t[31] = v, t[32] = S.data, t[33] = Y) : Y = t[33];
 	let X;
-	t[44] === u ? X = t[45] : (X = u === "logs" && /* @__PURE__ */ jsx(EmbedLogsContent, {}), t[44] = u, t[45] = X);
+	t[34] === v ? X = t[35] : (X = v === "logs" && /* @__PURE__ */ jsx(EmbedLogsContent, {}), t[34] = v, t[35] = X);
 	let Z;
-	t[46] !== W || t[47] !== G || t[48] !== K || t[49] !== q || t[50] !== J || t[51] !== Y || t[52] !== X ? (Z = /* @__PURE__ */ jsxs("div", {
+	t[36] !== K || t[37] !== q || t[38] !== J || t[39] !== Y || t[40] !== X ? (Z = /* @__PURE__ */ jsxs("div", {
 		className: "flex-1 overflow-auto",
 		children: [
-			W,
-			G,
 			K,
 			q,
 			J,
 			Y,
 			X
 		]
-	}), t[46] = W, t[47] = G, t[48] = K, t[49] = q, t[50] = J, t[51] = Y, t[52] = X, t[53] = Z) : Z = t[53];
+	}), t[36] = K, t[37] = q, t[38] = J, t[39] = Y, t[40] = X, t[41] = Z) : Z = t[41];
 	let Q;
-	t[54] !== N || t[55] !== m ? (Q = /* @__PURE__ */ jsx(NewRunDialog, {
-		open: m,
-		onOpenChange: _,
-		onSuccess: N
-	}), t[54] = N, t[55] = m, t[56] = Q) : Q = t[56];
+	t[42] !== P || t[43] !== y ? (Q = /* @__PURE__ */ jsx(NewRunDialog, {
+		open: y,
+		onOpenChange: b,
+		onSuccess: P
+	}), t[42] = P, t[43] = y, t[44] = Q) : Q = t[44];
 	let $;
-	return t[57] !== U || t[58] !== Z || t[59] !== Q ? ($ = /* @__PURE__ */ jsxs("div", {
-		ref: l,
+	return t[45] !== G || t[46] !== Z || t[47] !== Q ? ($ = /* @__PURE__ */ jsxs("div", {
+		ref: g,
 		className: "flex h-screen flex-col overflow-hidden",
 		children: [
-			U,
+			G,
 			Z,
 			Q
 		]
-	}), t[57] = U, t[58] = Z, t[59] = Q, t[60] = $) : $ = t[60], $;
-}
-function _temp2() {}
-function _temp(e) {
-	return e.status === import_enums.WorkflowState.Completed;
+	}), t[45] = G, t[46] = Z, t[47] = Q, t[48] = $) : $ = t[48], $;
 }
+function _temp() {}
 var STATUS_DOT_COLORS = {
 	completed: "bg-green-500",
 	running: "bg-blue-500",
@@ -229,30 +203,30 @@ var STATUS_DOT_COLORS = {
 	pending: "bg-muted-foreground"
 };
 function PreviewEmptyState(n) {
-	let r = c(24), { newRunDialogOpen: i, onNewRunDialogOpenChange: o, onNewRunSuccess: s } = n, l = useNavigate(), { router: u } = useStudio(), [d, f] = useState(3), p;
-	r[0] === Symbol.for("react.memo_cache_sentinel") ? (p = { parentId: null }, r[0] = p) : p = r[0];
-	let m = useFilterPipelines(void 0, p, "createdAt", "DESC", 0, d), h;
-	r[1] === m.data?.data ? h = r[2] : (h = m.data?.data ?? [], r[1] = m.data?.data, r[2] = h);
-	let g = h, _ = m.data?.total ?? 0, v = g.length < _, y;
-	r[3] === o ? y = r[4] : (y = () => o(!0), r[3] = o, r[4] = y);
-	let b;
-	r[5] === Symbol.for("react.memo_cache_sentinel") ? (b = /* @__PURE__ */ jsx(Play, { className: "h-3.5 w-3.5" }), r[5] = b) : b = r[5];
-	let x;
-	r[6] === y ? x = r[7] : (x = /* @__PURE__ */ jsx("div", {
+	let r = c(24), { newRunDialogOpen: a, onNewRunDialogOpenChange: o, onNewRunSuccess: s } = n, l = useNavigate(), { router: u } = useStudio(), [d, f] = useState(3), m;
+	r[0] === Symbol.for("react.memo_cache_sentinel") ? (m = { parentId: null }, r[0] = m) : m = r[0];
+	let h = useFilterWorkflows(void 0, m, "createdAt", "DESC", 0, d), g;
+	r[1] === h.data?.data ? g = r[2] : (g = h.data?.data ?? [], r[1] = h.data?.data, r[2] = g);
+	let _ = g, v = h.data?.total ?? 0, y = _.length < v, x;
+	r[3] === o ? x = r[4] : (x = () => o(!0), r[3] = o, r[4] = x);
+	let C;
+	r[5] === Symbol.for("react.memo_cache_sentinel") ? (C = /* @__PURE__ */ jsx(Play, { className: "h-3.5 w-3.5" }), r[5] = C) : C = r[5];
+	let w;
+	r[6] === x ? w = r[7] : (w = /* @__PURE__ */ jsx("div", {
 		className: "flex justify-center",
 		children: /* @__PURE__ */ jsxs(Button, {
 			variant: "secondary",
 			size: "sm",
 			className: "gap-1.5",
-			onClick: y,
-			children: [b, "New Run"]
+			onClick: x,
+			children: [C, "New Run"]
 		})
-	}), r[6] = y, r[7] = x);
-	let S;
-	r[8] !== m.isLoading || r[9] !== v || r[10] !== l || r[11] !== g || r[12] !== u ? (S = m.isLoading && g.length === 0 ? /* @__PURE__ */ jsx("div", {
+	}), r[6] = x, r[7] = w);
+	let T;
+	r[8] !== h.isLoading || r[9] !== y || r[10] !== l || r[11] !== u || r[12] !== _ ? (T = h.isLoading && _.length === 0 ? /* @__PURE__ */ jsx("div", {
 		className: "flex justify-center py-4",
 		children: /* @__PURE__ */ jsx(Loader2, { className: "text-muted-foreground h-4 w-4 animate-spin" })
-	}) : g.length > 0 ? /* @__PURE__ */ jsxs("div", { children: [
+	}) : _.length > 0 ? /* @__PURE__ */ jsxs("div", { children: [
 		/* @__PURE__ */ jsx("p", {
 			className: "text-muted-foreground mb-2 text-xs font-medium",
 			children: "Recent"
@@ -261,51 +235,51 @@ function PreviewEmptyState(n) {
 			className: "max-h-[280px] overflow-auto",
 			children: /* @__PURE__ */ jsx("div", {
 				className: "divide-border divide-y",
-				children: g.map((e) => /* @__PURE__ */ jsx(RecentRunItem, {
-					pipeline: e,
-					onClick: () => void l(u.getPreviewPipeline(e.id))
+				children: _.map((e) => /* @__PURE__ */ jsx(RecentRunItem, {
+					workflow: e,
+					onClick: () => void l(u.getPreviewWorkflow(e.id))
 				}, e.id))
 			})
 		}),
-		v && /* @__PURE__ */ jsxs("button", {
+		y && /* @__PURE__ */ jsxs("button", {
 			className: "text-muted-foreground hover:text-foreground mt-2 flex w-full items-center justify-center gap-1 py-1 text-xs transition-colors",
-			onClick: () => f(_temp3),
+			onClick: () => f(_temp2),
 			children: [/* @__PURE__ */ jsx(ChevronDown, { className: "h-3 w-3" }), "Load more"]
 		})
-	] }) : null, r[8] = m.isLoading, r[9] = v, r[10] = l, r[11] = g, r[12] = u, r[13] = S) : S = r[13];
-	let C;
-	r[14] !== x || r[15] !== S ? (C = /* @__PURE__ */ jsxs("div", {
+	] }) : null, r[8] = h.isLoading, r[9] = y, r[10] = l, r[11] = u, r[12] = _, r[13] = T) : T = r[13];
+	let E;
+	r[14] !== w || r[15] !== T ? (E = /* @__PURE__ */ jsxs("div", {
 		className: "w-full max-w-sm space-y-6 px-4",
-		children: [x, S]
-	}), r[14] = x, r[15] = S, r[16] = C) : C = r[16];
-	let w;
-	r[17] !== i || r[18] !== o || r[19] !== s ? (w = /* @__PURE__ */ jsx(NewRunDialog, {
-		open: i,
+		children: [w, T]
+	}), r[14] = w, r[15] = T, r[16] = E) : E = r[16];
+	let D;
+	r[17] !== a || r[18] !== o || r[19] !== s ? (D = /* @__PURE__ */ jsx(NewRunDialog, {
+		open: a,
 		onOpenChange: o,
 		onSuccess: s
-	}), r[17] = i, r[18] = o, r[19] = s, r[20] = w) : w = r[20];
-	let T;
-	return r[21] !== C || r[22] !== w ? (T = /* @__PURE__ */ jsxs("div", {
+	}), r[17] = a, r[18] = o, r[19] = s, r[20] = D) : D = r[20];
+	let O;
+	return r[21] !== E || r[22] !== D ? (O = /* @__PURE__ */ jsxs("div", {
 		className: "flex h-screen flex-col items-center justify-center",
-		children: [C, w]
-	}), r[21] = C, r[22] = w, r[23] = T) : T = r[23], T;
+		children: [E, D]
+	}), r[21] = E, r[22] = D, r[23] = O) : O = r[23], O;
 }
-function _temp3(e) {
+function _temp2(e) {
 	return e + 5;
 }
 function RecentRunItem(e) {
-	let t = c(17), { pipeline: n, onClick: r } = e, i = `h-1.5 w-1.5 shrink-0 rounded-full ${STATUS_DOT_COLORS[n.status] ?? "bg-muted-foreground"}`, a;
+	let t = c(17), { workflow: n, onClick: r } = e, i = `h-1.5 w-1.5 shrink-0 rounded-full ${STATUS_DOT_COLORS[n.status] ?? "bg-muted-foreground"}`, a;
 	t[0] === i ? a = t[1] : (a = /* @__PURE__ */ jsx("span", { className: i }), t[0] = i, t[1] = a);
 	let o;
-	t[2] !== n.blockName || t[3] !== n.run ? (o = /* @__PURE__ */ jsxs("span", {
+	t[2] !== n.alias || t[3] !== n.run ? (o = /* @__PURE__ */ jsxs("span", {
 		className: "truncate text-sm font-medium",
 		children: [
 			"Run #",
 			n.run,
 			" · ",
-			n.blockName
+			n.alias
 		]
-	}), t[2] = n.blockName, t[3] = n.run, t[4] = o) : o = t[4];
+	}), t[2] = n.alias, t[3] = n.run, t[4] = o) : o = t[4];
 	let s;
 	t[5] !== a || t[6] !== o ? (s = /* @__PURE__ */ jsxs("div", {
 		className: "flex items-center gap-2",
@@ -314,14 +288,14 @@ function RecentRunItem(e) {
 	let l = n.status, u;
 	t[8] === n.createdAt ? u = t[9] : (u = formatDistanceToNow(new Date(n.createdAt), { addSuffix: !0 }), t[8] = n.createdAt, t[9] = u);
 	let d;
-	t[10] !== n.status || t[11] !== u ? (d = /* @__PURE__ */ jsxs("p", {
+	t[10] !== u || t[11] !== n.status ? (d = /* @__PURE__ */ jsxs("p", {
 		className: "text-muted-foreground mt-0.5 pl-3.5 text-xs",
 		children: [
 			l,
 			" · ",
 			u
 		]
-	}), t[10] = n.status, t[11] = u, t[12] = d) : d = t[12];
+	}), t[10] = u, t[11] = n.status, t[12] = d) : d = t[12];
 	let f;
 	return t[13] !== r || t[14] !== s || t[15] !== d ? (f = /* @__PURE__ */ jsxs("button", {
 		className: "hover:bg-accent w-full rounded-md px-2 py-2.5 text-left transition-colors",
@@ -329,77 +303,6 @@ function RecentRunItem(e) {
 		children: [s, d]
 	}), t[13] = r, t[14] = s, t[15] = d, t[16] = f) : f = t[16], f;
 }
-function EmbedWorkflowSection(e) {
-	let t = c(29), { workflow: n, pipeline: r, collapsible: i, children: a } = e;
-	if (!i) {
-		let e;
-		t[0] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ jsx(Play, { className: "text-primary h-3.5 w-3.5 fill-current" }), t[0] = e) : e = t[0];
-		let i = n.title ?? n.blockName, o;
-		t[1] === i ? o = t[2] : (o = /* @__PURE__ */ jsx("span", {
-			className: "flex-1 truncate text-sm",
-			children: i
-		}), t[1] = i, t[2] = o);
-		let s;
-		t[3] !== r || t[4] !== n.id ? (s = /* @__PURE__ */ jsx(WorkflowButtons_default, {
-			pipeline: r,
-			workflowId: n.id
-		}), t[3] = r, t[4] = n.id, t[5] = s) : s = t[5];
-		let l;
-		t[6] !== o || t[7] !== s ? (l = /* @__PURE__ */ jsxs("div", {
-			className: "flex items-center gap-2 p-2 text-sm font-medium",
-			children: [
-				e,
-				o,
-				s
-			]
-		}), t[6] = o, t[7] = s, t[8] = l) : l = t[8];
-		let u;
-		t[9] === a ? u = t[10] : (u = /* @__PURE__ */ jsx("div", {
-			className: "py-1",
-			children: a
-		}), t[9] = a, t[10] = u);
-		let d;
-		return t[11] !== l || t[12] !== u ? (d = /* @__PURE__ */ jsxs("div", { children: [l, u] }), t[11] = l, t[12] = u, t[13] = d) : d = t[13], d;
-	}
-	let u;
-	t[14] === Symbol.for("react.memo_cache_sentinel") ? (u = /* @__PURE__ */ jsx(Play, { className: "text-primary h-3.5 w-3.5 fill-current" }), t[14] = u) : u = t[14];
-	let d = n.title ?? n.blockName, f;
-	t[15] === d ? f = t[16] : (f = /* @__PURE__ */ jsx("span", {
-		className: "flex-1 truncate text-sm",
-		children: d
-	}), t[15] = d, t[16] = f);
-	let p;
-	t[17] !== r || t[18] !== n.id ? (p = /* @__PURE__ */ jsx(WorkflowButtons_default, {
-		pipeline: r,
-		workflowId: n.id
-	}), t[17] = r, t[18] = n.id, t[19] = p) : p = t[19];
-	let m;
-	t[20] === Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ jsx(ChevronRight, { className: "text-muted-foreground h-3.5 w-3.5 transition-transform group-data-[state=open]/collapsible:rotate-90" }), t[20] = m) : m = t[20];
-	let h;
-	t[21] !== f || t[22] !== p ? (h = /* @__PURE__ */ jsx(CollapsibleTrigger, {
-		asChild: !0,
-		children: /* @__PURE__ */ jsxs("button", {
-			className: "hover:bg-accent hover:text-accent-foreground group/trigger flex w-full items-center gap-2 rounded-md p-2 text-left text-sm font-medium",
-			children: [
-				u,
-				f,
-				p,
-				m
-			]
-		})
-	}), t[21] = f, t[22] = p, t[23] = h) : h = t[23];
-	let g;
-	t[24] === a ? g = t[25] : (g = /* @__PURE__ */ jsx(CollapsibleContent, { children: /* @__PURE__ */ jsx("div", {
-		className: "py-1",
-		children: a
-	}) }), t[24] = a, t[25] = g);
-	let v;
-	return t[26] !== h || t[27] !== g ? (v = /* @__PURE__ */ jsxs(Collapsible, {
-		defaultOpen: !0,
-		className: "group/collapsible",
-		children: [h, g]
-	}), t[26] = h, t[27] = g, t[28] = v) : v = t[28], v;
-}
 function stripAnsi(e) {
 	return e.replace(/\x1b\[[0-9;]*m/g, "");
 }
@@ -485,32 +388,4 @@ function EmbedLogsContent() {
 		})]
 	});
 }
-function EmbedNavigationContent(e) {
-	let t = c(4), { pipelineId: n } = e, r = useNamespaceTree(n);
-	if (!r || r.length === 0) {
-		let e;
-		return t[0] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ jsxs("div", {
-			className: "text-muted-foreground flex flex-col items-center justify-center gap-2 py-8",
-			children: [/* @__PURE__ */ jsx(Navigation, { className: "h-6 w-6" }), /* @__PURE__ */ jsx("span", {
-				className: "text-sm",
-				children: "No navigation items"
-			})]
-		}), t[0] = e) : e = t[0], e;
-	}
-	let i;
-	t[1] === Symbol.for("react.memo_cache_sentinel") ? (i = { "--sidebar-width": "100%" }, t[1] = i) : i = t[1];
-	let a;
-	return t[2] === r ? a = t[3] : (a = /* @__PURE__ */ jsx(SidebarProvider, {
-		defaultOpen: !0,
-		className: "min-h-0",
-		style: i,
-		children: /* @__PURE__ */ jsx("div", {
-			className: "w-full overflow-auto",
-			children: /* @__PURE__ */ jsx(SidebarMenu, { children: /* @__PURE__ */ jsx(WorkbenchNavigation_default, {
-				namespaceTree: r,
-				indent: 0
-			}) })
-		})
-	}), t[2] = r, t[3] = a), a;
-}
 export { PreviewWorkbenchPage as default };

package/dist/pages/RunsListPage.js

@@ -43,7 +43,7 @@ function RunsListPage() {
 	}), w = /* @__PURE__ */ jsx(Runs_default, {}), f[9] = C, f[10] = w) : (C = f[9], w = f[10]);
 	let T;
 	f[11] === p ? T = f[12] : (T = (r) => {
-		h(!1), p.navigateToPipeline(r);
+		h(!1), p.navigateToWorkflow(r);
 	}, f[11] = p, f[12] = T);
 	let E;
 	f[13] !== m || f[14] !== T ? (E = /* @__PURE__ */ jsx(NewRunDialog, {