@loopstack/loopstack-studio 0.25.0 → 0.25.1

package/dist/pages/RunsListPage.js

@@ -1,64 +1,47 @@
-import { useStudio } from "../providers/StudioProvider.js";
-import { Button } from "../components/ui/button.js";
-import MainLayout_default from "../components/layout/MainLayout.js";
-import { NewRunDialog } from "../features/workbench/components/NewRunDialog.js";
-import Runs_default from "../features/runs/Runs.js";
-import { c } from "react/compiler-runtime";
-import { useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Home, Play } from "lucide-react";
-function RunsListPage() {
-	let f = c(19), { router: p } = useStudio(), [m, h] = useState(!1), g;
-	f[0] === p ? g = f[1] : (g = p.getDashboard(), f[0] = p, f[1] = g);
-	let _;
-	f[2] === Symbol.for("react.memo_cache_sentinel") ? (_ = /* @__PURE__ */ jsx(Home, { className: "h-4 w-4" }), f[2] = _) : _ = f[2];
-	let v;
-	f[3] === g ? v = f[4] : (v = {
-		label: "Dashboard",
-		href: g,
-		icon: _
-	}, f[3] = g, f[4] = v);
-	let y;
-	f[5] === Symbol.for("react.memo_cache_sentinel") ? (y = {
-		label: "Runs",
-		current: !0
-	}, f[5] = y) : y = f[5];
-	let b;
-	f[6] === v ? b = f[7] : (b = [v, y], f[6] = v, f[7] = b);
-	let x = b, S;
-	f[8] === Symbol.for("react.memo_cache_sentinel") ? (S = /* @__PURE__ */ jsx("h1", {
-		className: "text-3xl font-bold tracking-tight",
-		children: "Runs"
-	}), f[8] = S) : S = f[8];
-	let C, w;
-	f[9] === Symbol.for("react.memo_cache_sentinel") ? (C = /* @__PURE__ */ jsxs("div", {
-		className: "mb-4 flex items-center justify-between",
-		children: [S, /* @__PURE__ */ jsxs(Button, {
-			variant: "default",
-			size: "sm",
-			className: "gap-1.5",
-			onClick: () => h(!0),
-			children: [/* @__PURE__ */ jsx(Play, { className: "h-3.5 w-3.5" }), "New Run"]
-		})]
-	}), 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.navigateToWorkflow(r);
-	}, f[11] = p, f[12] = T);
-	let E;
-	f[13] !== m || f[14] !== T ? (E = /* @__PURE__ */ jsx(NewRunDialog, {
-		open: m,
-		onOpenChange: h,
-		onSuccess: T
-	}), f[13] = m, f[14] = T, f[15] = E) : E = f[15];
-	let D;
-	return f[16] !== x || f[17] !== E ? (D = /* @__PURE__ */ jsxs(MainLayout_default, {
-		breadcrumbsData: x,
+import { useStudio as e } from "../providers/StudioProvider.js";
+import { Button as t } from "../components/ui/button.js";
+import n from "../components/layout/MainLayout.js";
+import { NewRunDialog as r } from "../features/workbench/components/NewRunDialog.js";
+import i from "../features/runs/Runs.js";
+import { useState as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { Home as c, Play as l } from "lucide-react";
+//#region src/pages/RunsListPage.tsx
+function u() {
+	let { router: u } = e(), [d, f] = a(!1);
+	return /* @__PURE__ */ s(n, {
+		breadcrumbsData: [{
+			label: "Dashboard",
+			href: u.getDashboard(),
+			icon: /* @__PURE__ */ o(c, { className: "h-4 w-4" })
+		}, {
+			label: "Runs",
+			current: !0
+		}],
 		children: [
-			C,
-			w,
-			E
+			/* @__PURE__ */ s("div", {
+				className: "mb-4 flex items-center justify-between",
+				children: [/* @__PURE__ */ o("h1", {
+					className: "text-3xl font-bold tracking-tight",
+					children: "Runs"
+				}), /* @__PURE__ */ s(t, {
+					variant: "default",
+					size: "sm",
+					className: "gap-1.5",
+					onClick: () => f(!0),
+					children: [/* @__PURE__ */ o(l, { className: "h-3.5 w-3.5" }), "New Run"]
+				})]
+			}),
+			/* @__PURE__ */ o(i, {}),
+			/* @__PURE__ */ o(r, {
+				open: d,
+				onOpenChange: f,
+				onSuccess: (e) => {
+					f(!1), u.navigateToWorkflow(e);
+				}
+			})
 		]
-	}), f[16] = x, f[17] = E, f[18] = D) : D = f[18], D;
+	});
 }
-export { RunsListPage as default };
+//#endregion
+export { u as default };

package/dist/pages/RunsPage.js

@@ -1,49 +1,32 @@
-import { useStudio } from "../providers/StudioProvider.js";
-import MainLayout_default from "../components/layout/MainLayout.js";
-import Runs_default from "../features/runs/Runs.js";
-import { c } from "react/compiler-runtime";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Home } from "lucide-react";
-function RunsPage() {
-	let s = c(17), { router: l } = useStudio(), u;
-	s[0] === l ? u = s[1] : (u = l.getDashboard(), s[0] = l, s[1] = u);
-	let d;
-	s[2] === Symbol.for("react.memo_cache_sentinel") ? (d = /* @__PURE__ */ jsx(Home, { className: "h-4 w-4" }), s[2] = d) : d = s[2];
-	let f;
-	s[3] === u ? f = s[4] : (f = {
-		label: "Dashboard",
-		href: u,
-		icon: d
-	}, s[3] = u, s[4] = f);
-	let p;
-	s[5] === l ? p = s[6] : (p = l.getRuns(), s[5] = l, s[6] = p);
-	let m;
-	s[7] === p ? m = s[8] : (m = {
-		label: "Runs",
-		href: p
-	}, s[7] = p, s[8] = m);
-	let h;
-	s[9] === Symbol.for("react.memo_cache_sentinel") ? (h = {
-		label: "Action Required",
-		current: !0
-	}, s[9] = h) : h = s[9];
-	let g;
-	s[10] !== f || s[11] !== m ? (g = [
-		f,
-		m,
-		h
-	], s[10] = f, s[11] = m, s[12] = g) : g = s[12];
-	let _ = g, v;
-	s[13] === Symbol.for("react.memo_cache_sentinel") ? (v = /* @__PURE__ */ jsx("h1", {
-		className: "mb-4 text-3xl font-bold tracking-tight",
-		children: "Action Required"
-	}), s[13] = v) : v = s[13];
-	let y;
-	s[14] === Symbol.for("react.memo_cache_sentinel") ? (y = /* @__PURE__ */ jsx(Runs_default, { defaultFilters: { status: "paused" } }), s[14] = y) : y = s[14];
-	let b;
-	return s[15] === _ ? b = s[16] : (b = /* @__PURE__ */ jsxs(MainLayout_default, {
-		breadcrumbsData: _,
-		children: [v, y]
-	}), s[15] = _, s[16] = b), b;
+import { useStudio as e } from "../providers/StudioProvider.js";
+import t from "../components/layout/MainLayout.js";
+import n from "../features/runs/Runs.js";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { Home as a } from "lucide-react";
+//#region src/pages/RunsPage.tsx
+function o() {
+	let { router: o } = e();
+	return /* @__PURE__ */ i(t, {
+		breadcrumbsData: [
+			{
+				label: "Dashboard",
+				href: o.getDashboard(),
+				icon: /* @__PURE__ */ r(a, { className: "h-4 w-4" })
+			},
+			{
+				label: "Runs",
+				href: o.getRuns()
+			},
+			{
+				label: "Action Required",
+				current: !0
+			}
+		],
+		children: [/* @__PURE__ */ r("h1", {
+			className: "mb-4 text-3xl font-bold tracking-tight",
+			children: "Action Required"
+		}), /* @__PURE__ */ r(n, { defaultFilters: { status: "paused" } })]
+	});
 }
-export { RunsPage as default };
+//#endregion
+export { o as default };

package/dist/pages/StudioLandingPage.js

@@ -1,14 +1,14 @@
-import { useStudio } from "../providers/StudioProvider.js";
-import { useFilterWorkflows } from "../hooks/useWorkflows.js";
-import { Button } from "../components/ui/button.js";
-import { NewRunDialog } from "../features/workbench/components/NewRunDialog.js";
+import { useStudio as e } from "../providers/StudioProvider.js";
+import { useFilterWorkflows as t } from "../hooks/useWorkflows.js";
+import { Button as n } from "../components/ui/button.js";
+import { NewRunDialog as r } from "../features/workbench/components/NewRunDialog.js";
 import "../features/workbench/index.js";
-import { c } from "react/compiler-runtime";
-import { useCallback, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { ChevronDown, Loader2, Play } from "lucide-react";
-import { formatDistanceToNow } from "date-fns";
-var STATUS_DOT_COLORS = {
+import { useCallback as i, useState as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { ChevronDown as c, Loader2 as l, Play as u } from "lucide-react";
+import { formatDistanceToNow as d } from "date-fns";
+//#region src/pages/StudioLandingPage.tsx
+var f = {
 	completed: "bg-green-500",
 	running: "bg-blue-500",
 	failed: "bg-red-500",
@@ -16,131 +16,96 @@ var STATUS_DOT_COLORS = {
 	canceled: "bg-orange-500",
 	pending: "bg-muted-foreground"
 };
-function StudioLandingPage() {
-	let s = c(28), { router: p } = useStudio(), [m, h] = useState(!1), [v, y] = useState(3), b;
-	s[0] === Symbol.for("react.memo_cache_sentinel") ? (b = { parentId: null }, s[0] = b) : b = s[0];
-	let x = useFilterWorkflows(void 0, b, "createdAt", "DESC", 0, v), S;
-	s[1] === x.data?.data ? S = s[2] : (S = x.data?.data ?? [], s[1] = x.data?.data, s[2] = S);
-	let C = S, w = x.data?.total ?? 0, T = C.length < w, E;
-	s[3] === Symbol.for("react.memo_cache_sentinel") ? (E = {
+function p() {
+	let { router: d } = e(), [f, p] = a(!1), [h, g] = a(3), _ = t(void 0, { parentId: null }, "createdAt", "DESC", 0, h), v = _.data?.data ?? [], y = _.data?.total ?? 0, b = v.length < y, x = t(void 0, {
 		parentId: null,
 		status: "paused"
-	}, s[3] = E) : E = s[3];
-	let D = useFilterWorkflows(void 0, E, "createdAt", "DESC", 0, 5), O;
-	s[4] === D.data?.data ? O = s[5] : (O = D.data?.data ?? [], s[4] = D.data?.data, s[5] = O);
-	let k = O, A;
-	s[6] === p ? A = s[7] : (A = (e) => {
-		h(!1), p.navigateToWorkflow(e);
-	}, s[6] = p, s[7] = A);
-	let j = A, M;
-	s[8] === p ? M = s[9] : (M = (e) => {
-		p.navigateToWorkflow(e);
-	}, s[8] = p, s[9] = M);
-	let N = M, P;
-	s[10] === Symbol.for("react.memo_cache_sentinel") ? (P = /* @__PURE__ */ jsx("div", {
-		className: "flex justify-center",
-		children: /* @__PURE__ */ jsxs(Button, {
-			variant: "secondary",
-			size: "sm",
-			className: "gap-1.5",
-			onClick: () => h(!0),
-			children: [/* @__PURE__ */ jsx(Play, { className: "h-3.5 w-3.5" }), "New Run"]
-		})
-	}), s[10] = P) : P = s[10];
-	let F;
-	s[11] !== N || s[12] !== k ? (F = k.length > 0 && /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("p", {
-		className: "text-muted-foreground mb-2 text-xs font-medium",
-		children: "Needs Attention"
-	}), /* @__PURE__ */ jsx("div", {
-		className: "divide-border divide-y",
-		children: k.map((e) => /* @__PURE__ */ jsx(RecentRunItem, {
-			workflow: e,
-			onClick: () => N(e.id)
-		}, e.id))
-	})] }), s[11] = N, s[12] = k, s[13] = F) : F = s[13];
-	let I;
-	s[14] !== x.isLoading || s[15] !== N || s[16] !== T || s[17] !== C ? (I = x.isLoading && C.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" })
-	}) : C.length > 0 ? /* @__PURE__ */ jsxs("div", { children: [
-		/* @__PURE__ */ jsx("p", {
-			className: "text-muted-foreground mb-2 text-xs font-medium",
-			children: "Recent"
-		}),
-		/* @__PURE__ */ jsx("div", {
-			className: "max-h-[280px] overflow-auto",
-			children: /* @__PURE__ */ jsx("div", {
-				className: "divide-border divide-y",
-				children: C.map((e) => /* @__PURE__ */ jsx(RecentRunItem, {
-					workflow: e,
-					onClick: () => N(e.id)
-				}, e.id))
-			})
-		}),
-		T && /* @__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: () => y(_temp),
-			children: [/* @__PURE__ */ jsx(ChevronDown, { className: "h-3 w-3" }), "Load more"]
-		})
-	] }) : null, s[14] = x.isLoading, s[15] = N, s[16] = T, s[17] = C, s[18] = I) : I = s[18];
-	let L;
-	s[19] !== F || s[20] !== I ? (L = /* @__PURE__ */ jsxs("div", {
-		className: "w-full max-w-sm space-y-6 px-4",
-		children: [
-			P,
-			F,
-			I
-		]
-	}), s[19] = F, s[20] = I, s[21] = L) : L = s[21];
-	let R;
-	s[22] !== j || s[23] !== m ? (R = /* @__PURE__ */ jsx(NewRunDialog, {
-		open: m,
-		onOpenChange: h,
-		onSuccess: j
-	}), s[22] = j, s[23] = m, s[24] = R) : R = s[24];
-	let z;
-	return s[25] !== R || s[26] !== L ? (z = /* @__PURE__ */ jsxs("div", {
+	}, "createdAt", "DESC", 0, 5).data?.data ?? [], S = i((e) => {
+		p(!1), d.navigateToWorkflow(e);
+	}, [d]), C = i((e) => {
+		d.navigateToWorkflow(e);
+	}, [d]);
+	return /* @__PURE__ */ s("div", {
 		className: "flex h-full flex-col items-center justify-center",
-		children: [L, R]
-	}), s[25] = R, s[26] = L, s[27] = z) : z = s[27], z;
+		children: [/* @__PURE__ */ s("div", {
+			className: "w-full max-w-sm space-y-6 px-4",
+			children: [
+				/* @__PURE__ */ o("div", {
+					className: "flex justify-center",
+					children: /* @__PURE__ */ s(n, {
+						variant: "secondary",
+						size: "sm",
+						className: "gap-1.5",
+						onClick: () => p(!0),
+						children: [/* @__PURE__ */ o(u, { className: "h-3.5 w-3.5" }), "New Run"]
+					})
+				}),
+				x.length > 0 && /* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("p", {
+					className: "text-muted-foreground mb-2 text-xs font-medium",
+					children: "Needs Attention"
+				}), /* @__PURE__ */ o("div", {
+					className: "divide-border divide-y",
+					children: x.map((e) => /* @__PURE__ */ o(m, {
+						workflow: e,
+						onClick: () => C(e.id)
+					}, e.id))
+				})] }),
+				_.isLoading && v.length === 0 ? /* @__PURE__ */ o("div", {
+					className: "flex justify-center py-4",
+					children: /* @__PURE__ */ o(l, { className: "text-muted-foreground h-4 w-4 animate-spin" })
+				}) : v.length > 0 ? /* @__PURE__ */ s("div", { children: [
+					/* @__PURE__ */ o("p", {
+						className: "text-muted-foreground mb-2 text-xs font-medium",
+						children: "Recent"
+					}),
+					/* @__PURE__ */ o("div", {
+						className: "max-h-[280px] overflow-auto",
+						children: /* @__PURE__ */ o("div", {
+							className: "divide-border divide-y",
+							children: v.map((e) => /* @__PURE__ */ o(m, {
+								workflow: e,
+								onClick: () => C(e.id)
+							}, e.id))
+						})
+					}),
+					b && /* @__PURE__ */ s("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: () => g((e) => e + 5),
+						children: [/* @__PURE__ */ o(c, { className: "h-3 w-3" }), "Load more"]
+					})
+				] }) : null
+			]
+		}), /* @__PURE__ */ o(r, {
+			open: f,
+			onOpenChange: p,
+			onSuccess: S
+		})]
+	});
 }
-function _temp(e) {
-	return e + 5;
-}
-function RecentRunItem(e) {
-	let i = c(17), { workflow: a, onClick: o } = e, s = `h-1.5 w-1.5 shrink-0 rounded-full ${STATUS_DOT_COLORS[a.status] ?? "bg-muted-foreground"}`, l;
-	i[0] === s ? l = i[1] : (l = /* @__PURE__ */ jsx("span", { className: s }), i[0] = s, i[1] = l);
-	let u;
-	i[2] !== a.alias || i[3] !== a.run ? (u = /* @__PURE__ */ jsxs("span", {
-		className: "truncate text-sm font-medium",
-		children: [
-			"Run #",
-			a.run,
-			" · ",
-			a.alias
-		]
-	}), i[2] = a.alias, i[3] = a.run, i[4] = u) : u = i[4];
-	let d;
-	i[5] !== l || i[6] !== u ? (d = /* @__PURE__ */ jsxs("div", {
-		className: "flex items-center gap-2",
-		children: [l, u]
-	}), i[5] = l, i[6] = u, i[7] = d) : d = i[7];
-	let f = a.status, h;
-	i[8] === a.createdAt ? h = i[9] : (h = formatDistanceToNow(new Date(a.createdAt), { addSuffix: !0 }), i[8] = a.createdAt, i[9] = h);
-	let g;
-	i[10] !== h || i[11] !== a.status ? (g = /* @__PURE__ */ jsxs("p", {
-		className: "text-muted-foreground mt-0.5 pl-3.5 text-xs",
-		children: [
-			f,
-			" · ",
-			h
-		]
-	}), i[10] = h, i[11] = a.status, i[12] = g) : g = i[12];
-	let _;
-	return i[13] !== o || i[14] !== d || i[15] !== g ? (_ = /* @__PURE__ */ jsxs("button", {
+function m({ workflow: e, onClick: t }) {
+	return /* @__PURE__ */ s("button", {
 		className: "hover:bg-accent w-full rounded-md px-2 py-2.5 text-left transition-colors",
-		onClick: o,
-		children: [d, g]
-	}), i[13] = o, i[14] = d, i[15] = g, i[16] = _) : _ = i[16], _;
+		onClick: t,
+		children: [/* @__PURE__ */ s("div", {
+			className: "flex items-center gap-2",
+			children: [/* @__PURE__ */ o("span", { className: `h-1.5 w-1.5 shrink-0 rounded-full ${f[e.status] ?? "bg-muted-foreground"}` }), /* @__PURE__ */ s("span", {
+				className: "truncate text-sm font-medium",
+				children: [
+					"Run #",
+					e.run,
+					" · ",
+					e.alias
+				]
+			})]
+		}), /* @__PURE__ */ s("p", {
+			className: "text-muted-foreground mt-0.5 pl-3.5 text-xs",
+			children: [
+				e.status,
+				" · ",
+				d(new Date(e.createdAt), { addSuffix: !0 })
+			]
+		})]
+	});
 }
-export { StudioLandingPage as default };
+//#endregion
+export { p as default };

package/dist/pages/WorkbenchPage.js

@@ -1,92 +1,62 @@
-import { useStudio } from "../providers/StudioProvider.js";
-import { useWorkflow } from "../hooks/useWorkflows.js";
-import { useWorkspace } from "../hooks/useWorkspaces.js";
-import LoadingCentered_default from "../components/feedback/LoadingCentered.js";
-import ErrorSnackbar_default from "../components/feedback/ErrorSnackbar.js";
-import Workbench from "../features/workbench/Workbench.js";
+import { useStudio as e } from "../providers/StudioProvider.js";
+import { useWorkflow as t } from "../hooks/useWorkflows.js";
+import { useWorkspace as n } from "../hooks/useWorkspaces.js";
+import r from "../components/feedback/LoadingCentered.js";
+import i from "../components/feedback/ErrorSnackbar.js";
+import a from "../features/workbench/Workbench.js";
 import "../features/workbench/index.js";
-import { requireParam } from "../lib/requireParam.js";
-import { c } from "react/compiler-runtime";
-import { useCallback, useMemo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useParams } from "react-router-dom";
-import { Home } from "lucide-react";
-function WorkbenchPage(m) {
-	let h = c(45), g;
-	h[0] === m ? g = h[1] : (g = m === void 0 ? {} : m, h[0] = m, h[1] = g);
-	let { previewPanelOpen: _, onPreviewPanelOpenChange: v, isDeveloperMode: y, getPreviewUrl: b, getEnvironmentPreviewUrl: x, environments: S } = g, { router: C } = useStudio(), w = useParams(), T;
-	h[2] === w ? T = h[3] : (T = requireParam(w, "workflowId"), h[2] = w, h[3] = T);
-	let E = useWorkflow(T), D = E.data?.workspaceId, O = useWorkspace(D);
-	O.data?.environments;
-	let k = S ?? O.data?.environments, A = x ?? _temp, j;
-	h[4] === C ? j = h[5] : (j = C.getDashboard(), h[4] = C, h[5] = j);
-	let M;
-	h[6] === Symbol.for("react.memo_cache_sentinel") ? (M = /* @__PURE__ */ jsx(Home, { className: "h-4 w-4" }), h[6] = M) : M = h[6];
-	let N;
-	h[7] === j ? N = h[8] : (N = {
-		label: "Dashboard",
-		href: j,
-		icon: M
-	}, h[7] = j, h[8] = N);
-	let P;
-	h[9] === C ? P = h[10] : (P = C.getWorkspaces(), h[9] = C, h[10] = P);
-	let F;
-	h[11] === P ? F = h[12] : (F = {
-		label: "Workspaces",
-		href: P
-	}, h[11] = P, h[12] = F);
-	let I = O.data?.title ?? "", L;
-	h[13] !== C || h[14] !== D ? (L = D ? C.getWorkspace(D) : void 0, h[13] = C, h[14] = D, h[15] = L) : L = h[15];
-	let R;
-	h[16] !== I || h[17] !== L ? (R = {
-		label: I,
-		href: L
-	}, h[16] = I, h[17] = L, h[18] = R) : R = h[18];
-	let z = `Run #${E.data?.run}${E.data?.title ? ` (${E.data.title})` : ""}`, B;
-	h[19] === z ? B = h[20] : (B = { label: z }, h[19] = z, h[20] = B);
-	let V;
-	h[21] !== R || h[22] !== B || h[23] !== N || h[24] !== F ? (V = [
-		N,
-		F,
-		R,
-		B
-	], h[21] = R, h[22] = B, h[23] = N, h[24] = F, h[25] = V) : V = h[25];
-	let H = V, U;
-	h[26] === E.error ? U = h[27] : (U = /* @__PURE__ */ jsx(ErrorSnackbar_default, { error: E.error }), h[26] = E.error, h[27] = U);
-	let W;
-	h[28] !== H || h[29] !== E.data || h[30] !== E.error || h[31] !== E.isLoading || h[32] !== b || h[33] !== y || h[34] !== v || h[35] !== _ || h[36] !== k || h[37] !== A ? (W = E.data ? /* @__PURE__ */ jsx(Workbench, {
-		workflow: E.data,
-		breadcrumbData: H,
-		previewPanelOpen: _,
-		onPreviewPanelOpenChange: v,
-		isDeveloperMode: y,
-		getPreviewUrl: b,
-		getEnvironmentPreviewUrl: A,
-		environments: k
-	}) : !E.isLoading && !E.error ? /* @__PURE__ */ jsx("p", {
-		className: "text-muted-foreground py-8 text-center text-sm",
-		children: "Workflow not found."
-	}) : null, h[28] = H, h[29] = E.data, h[30] = E.error, h[31] = E.isLoading, h[32] = b, h[33] = y, h[34] = v, h[35] = _, h[36] = k, h[37] = A, h[38] = W) : W = h[38];
-	let G;
-	h[39] !== E.isLoading || h[40] !== W ? (G = /* @__PURE__ */ jsx(LoadingCentered_default, {
-		loading: E.isLoading,
-		children: W
-	}), h[39] = E.isLoading, h[40] = W, h[41] = G) : G = h[41];
-	let K;
-	return h[42] !== U || h[43] !== G ? (K = /* @__PURE__ */ jsx("div", {
+import { requireParam as o } from "../lib/requireParam.js";
+import { useCallback as s, useMemo as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { useParams as d } from "react-router-dom";
+import { Home as f } from "lucide-react";
+//#region src/pages/WorkbenchPage.tsx
+function p({ previewPanelOpen: p, onPreviewPanelOpenChange: m, isDeveloperMode: h, getPreviewUrl: g, getEnvironmentPreviewUrl: _, environments: v } = {}) {
+	let { router: y } = e(), b = t(o(d(), "workflowId")), x = b.data?.workspaceId, S = n(x), C = c(() => v ?? S.data?.environments, [v, S.data?.environments]), w = s((e, t) => {
+		if (!e.connectionUrl) return "";
+		let n = new URLSearchParams({
+			url: e.connectionUrl,
+			name: e.envName || e.workerId || ""
+		}), r = "/embed/env/preview";
+		return t ? `${r}/workflows/${t}?${n}` : `${r}?${n}`;
+	}, []), T = _ ?? w, E = [
+		{
+			label: "Dashboard",
+			href: y.getDashboard(),
+			icon: /* @__PURE__ */ l(f, { className: "h-4 w-4" })
+		},
+		{
+			label: "Workspaces",
+			href: y.getWorkspaces()
+		},
+		{
+			label: S.data?.title ?? "",
+			href: x ? y.getWorkspace(x) : void 0
+		},
+		{ label: `Run #${b.data?.run}${b.data?.title ? ` (${b.data.title})` : ""}` }
+	];
+	return /* @__PURE__ */ l("div", {
 		className: "flex h-svh flex-col",
-		children: /* @__PURE__ */ jsxs("div", {
+		children: /* @__PURE__ */ u("div", {
 			className: "flex-1 overflow-hidden",
-			children: [U, G]
+			children: [/* @__PURE__ */ l(i, { error: b.error }), /* @__PURE__ */ l(r, {
+				loading: b.isLoading,
+				children: b.data ? /* @__PURE__ */ l(a, {
+					workflow: b.data,
+					breadcrumbData: E,
+					previewPanelOpen: p,
+					onPreviewPanelOpenChange: m,
+					isDeveloperMode: h,
+					getPreviewUrl: g,
+					getEnvironmentPreviewUrl: T,
+					environments: C
+				}) : !b.isLoading && !b.error ? /* @__PURE__ */ l("p", {
+					className: "text-muted-foreground py-8 text-center text-sm",
+					children: "Workflow not found."
+				}) : null
+			})]
 		})
-	}), h[42] = U, h[43] = G, h[44] = K) : K = h[44], K;
-}
-function _temp(t, f) {
-	if (!t.connectionUrl) return "";
-	let p = new URLSearchParams({
-		url: t.connectionUrl,
-		name: t.envName || t.workerId || ""
 	});
-	return f ? `/embed/env/preview/workflows/${f}?${p}` : `/embed/env/preview?${p}`;
 }
-export { WorkbenchPage as default };
+//#endregion
+export { p as default };