@loopstack/loopstack-studio 0.24.0 → 0.25.1

package/dist/features/runs/Runs.js

@@ -1,197 +1,155 @@
-import { useStudio } from "../../providers/StudioProvider.js";
-import { useBatchDeletePipeline, useDeletePipeline, useFilterPipelines } from "../../hooks/usePipelines.js";
-import { useFilterWorkspaces } from "../../hooks/useWorkspaces.js";
-import { Badge } from "../../components/ui/badge.js";
-import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "../../components/ui/tooltip.js";
-import ListView_default from "../../components/lists/ListView.js";
-import { useDebounce } from "../../hooks/useDebounce.js";
-import { c } from "react/compiler-runtime";
-import { useMemo, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var statusColors = {
+import { useStudio as e } from "../../providers/StudioProvider.js";
+import { useBatchDeleteWorkflows as t, useDeleteWorkflow as n, useFilterWorkflows as r } from "../../hooks/useWorkflows.js";
+import { useFilterWorkspaces as i } from "../../hooks/useWorkspaces.js";
+import { Badge as a } from "../../components/ui/badge.js";
+import { Tooltip as o, TooltipContent as s, TooltipProvider as c, TooltipTrigger as l } from "../../components/ui/tooltip.js";
+import u from "../../components/lists/ListView.js";
+import { useDebounce as d } from "../../hooks/useDebounce.js";
+import { useMemo as f, useState as p } from "react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+//#region src/features/runs/Runs.tsx
+var g = {
 	completed: "bg-green-50 text-green-900 border-green-200",
 	failed: "bg-destructive/10 text-destructive border-destructive/20",
 	canceled: "bg-orange-50 text-orange-900 border-orange-200",
 	running: "bg-blue-50 text-blue-900 border-blue-200",
 	paused: "bg-yellow-50 text-yellow-900 border-yellow-200",
 	pending: "bg-muted text-muted-foreground border-border"
-}, Runs_default = (n) => {
-	let r = c(50), { defaultFilters: i } = n, a;
-	r[0] === i ? a = r[1] : (a = i === void 0 ? {} : i, r[0] = i, r[1] = a);
-	let o = a, { router: s } = useStudio(), [l, u] = useState(0), [d, f] = useState(10), [p, m] = useState("createdAt"), [h, g] = useState("DESC"), [_, v] = useState(), [y, b] = useState(o), me = useDebounce(_, 500), x;
-	r[2] === y ? x = r[3] : (x = {
-		...y,
+}, _ = ({ defaultFilters: _ = {} }) => {
+	let { router: v } = e(), [y, b] = p(0), [x, S] = p(10), [C, w] = p("createdAt"), [T, E] = p("DESC"), [D, O] = p(), [k, A] = p(_), j = r(d(D, 500), {
+		...k,
 		parentId: null
-	}, r[2] = y, r[3] = x);
-	let S = useFilterPipelines(me, x, p, h, l, d), C;
-	r[4] === Symbol.for("react.memo_cache_sentinel") ? (C = {}, r[4] = C) : C = r[4];
-	let w = useFilterWorkspaces(void 0, C, "title", "ASC", 0, 100), T = useDeletePipeline(), E = useBatchDeletePipeline(), D;
-	if (r[5] !== w.data?.data) {
-		D = /* @__PURE__ */ new Map();
-		for (let e of w.data?.data ?? []) D.set(e.id, e.title);
-		r[5] = w.data?.data, r[6] = D;
-	} else D = r[6];
-	let O = D, k;
-	r[7] === w.data?.data ? k = r[8] : (k = w.data?.data ?? [], r[7] = w.data?.data, r[8] = k);
-	let A;
-	r[9] === k ? A = r[10] : (A = k.map(_temp), r[9] = k, r[10] = A);
-	let j = A, M;
-	if (r[11] !== S.data?.data) {
-		let e = /* @__PURE__ */ new Set();
-		for (let t of S.data?.data ?? []) t.blockName && e.add(t.blockName);
-		M = Array.from(e).sort(), r[11] = S.data?.data, r[12] = M;
-	} else M = r[12];
-	let N = M, P;
-	r[13] === T ? P = r[14] : (P = (e) => {
-		T.mutate(e);
-	}, r[13] = T, r[14] = P);
-	let F = P, I;
-	r[15] === E ? I = r[16] : (I = (e) => {
-		E.mutate(e);
-	}, r[15] = E, r[16] = I);
-	let L = I, R;
-	r[17] === s ? R = r[18] : (R = (e) => {
-		s.navigateToPipeline(e);
-	}, r[17] = s, r[18] = R);
-	let z = R, B = S.error ?? null, V;
-	r[19] === S.data?.data ? V = r[20] : (V = S.data?.data ?? [], r[19] = S.data?.data, r[20] = V);
-	let H = S.data?.total ?? 0, U;
-	r[21] === Symbol.for("react.memo_cache_sentinel") ? (U = {
-		id: "run",
-		label: "Run",
-		minWidth: 60,
-		format: _temp2
-	}, r[21] = U) : U = r[21];
-	let W;
-	r[22] === O ? W = r[23] : (W = {
-		id: "workspaceId",
-		label: "Workspace",
-		minWidth: 120,
-		format: (e) => {
-			let t = e;
-			return /* @__PURE__ */ jsx(Badge, {
-				variant: "outline",
-				className: "hover:bg-primary/10 cursor-pointer",
-				onClick: (e) => {
-					e.stopPropagation(), b((e) => ({
-						...e,
-						workspaceId: t
-					}));
-				},
-				children: O.get(t) ?? t.slice(0, 8)
-			});
-		}
-	}, r[22] = O, r[23] = W);
-	let G, K, q, J;
-	r[24] === Symbol.for("react.memo_cache_sentinel") ? (G = {
-		id: "blockName",
-		label: "Type",
-		minWidth: 100,
-		format: (e) => {
-			let t = e;
-			return /* @__PURE__ */ jsx(Badge, {
-				variant: "outline",
-				className: "hover:bg-primary/10 cursor-pointer",
-				onClick: (e) => {
-					e.stopPropagation(), b((e) => ({
-						...e,
-						blockName: t
-					}));
-				},
-				children: t
-			});
-		}
-	}, K = {
-		id: "title",
-		label: "Title",
-		minWidth: 150,
-		format: _temp3
-	}, q = {
-		id: "status",
-		label: "Status",
-		minWidth: 100,
-		format: _temp4
-	}, J = {
-		id: "createdAt",
-		label: "Date Created",
-		minWidth: 100,
-		format: _temp5
-	}, r[24] = G, r[25] = K, r[26] = q, r[27] = J) : (G = r[24], K = r[25], q = r[26], J = r[27]);
-	let Y;
-	r[28] === W ? Y = r[29] : (Y = [
-		U,
-		W,
-		G,
-		K,
-		q,
-		J
-	], r[28] = W, r[29] = Y);
-	let X = Y, Z;
-	r[30] === Symbol.for("react.memo_cache_sentinel") ? (Z = [
-		"pending",
-		"running",
-		"paused",
-		"completed",
-		"failed",
-		"canceled"
-	], r[30] = Z) : Z = r[30];
-	let Q;
-	r[31] !== N || r[32] !== j ? (Q = {
-		status: Z,
-		workspaceId: j,
-		blockName: N
-	}, r[31] = N, r[32] = j, r[33] = Q) : Q = r[33];
-	let $;
-	return r[34] !== S.isPending || r[35] !== y || r[36] !== L || r[37] !== F || r[38] !== z || r[39] !== h || r[40] !== p || r[41] !== l || r[42] !== d || r[43] !== _ || r[44] !== B || r[45] !== V || r[46] !== H || r[47] !== X || r[48] !== Q ? ($ = /* @__PURE__ */ jsx(ListView_default, {
-		loading: S.isPending,
-		error: B,
-		items: V,
-		totalItems: H,
-		setPage: u,
-		setRowsPerPage: f,
-		setOrderBy: m,
-		setOrder: g,
-		setSearchTerm: v,
-		setFilters: b,
-		orderBy: p,
-		order: h,
-		searchTerm: _,
-		filters: y,
-		page: l,
-		rowsPerPage: d,
-		deleteItem: F,
-		onClick: z,
-		enableBatchActions: !0,
-		batchDelete: L,
-		columns: X,
-		filterConfig: Q
-	}), r[34] = S.isPending, r[35] = y, r[36] = L, r[37] = F, r[38] = z, r[39] = h, r[40] = p, r[41] = l, r[42] = d, r[43] = _, r[44] = B, r[45] = V, r[46] = H, r[47] = X, r[48] = Q, r[49] = $) : $ = r[49], $;
-};
-function _temp(e) {
-	return {
+	}, C, T, y, x), M = i(void 0, {}, "title", "ASC", 0, 100), N = n(), P = t(), F = f(() => {
+		let e = /* @__PURE__ */ new Map();
+		for (let t of M.data?.data ?? []) e.set(t.id, t.title);
+		return e;
+	}, [M.data]), I = f(() => (M.data?.data ?? []).map((e) => ({
 		label: e.title,
 		value: e.id
-	};
-}
-function _temp2(e) {
-	let t = e;
-	return t == null ? "—" : `#${t}`;
-}
-function _temp3(e) {
-	let t = e;
-	return t ? /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
-		asChild: !0,
-		children: /* @__PURE__ */ jsx("span", { children: t.length > 40 ? t.slice(0, 40) + "..." : t })
-	}), t.length > 40 && /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: t }) })] }) }) : "—";
-}
-function _temp4(e) {
-	let t = e;
-	return /* @__PURE__ */ jsx(Badge, {
-		className: `rounded-full border px-2 py-1 text-xs whitespace-nowrap ${statusColors[t] || "bg-muted text-muted-foreground border-border"}`,
-		children: t
+	})), [M.data]), L = f(() => {
+		let e = /* @__PURE__ */ new Set();
+		for (let t of j.data?.data ?? []) t.alias && e.add(t.alias);
+		return Array.from(e).sort();
+	}, [j.data]);
+	return /* @__PURE__ */ m(u, {
+		loading: j.isPending,
+		error: j.error ?? null,
+		items: j.data?.data ?? [],
+		totalItems: j.data?.total ?? 0,
+		setPage: b,
+		setRowsPerPage: S,
+		setOrderBy: w,
+		setOrder: E,
+		setSearchTerm: O,
+		setFilters: A,
+		orderBy: C,
+		order: T,
+		searchTerm: D,
+		filters: k,
+		page: y,
+		rowsPerPage: x,
+		deleteItem: (e) => {
+			N.mutate(e);
+		},
+		onClick: (e) => {
+			v.navigateToWorkflow(e);
+		},
+		enableBatchActions: !0,
+		batchDelete: (e) => {
+			P.mutate(e);
+		},
+		columns: [
+			{
+				id: "run",
+				label: "Run",
+				minWidth: 60,
+				format: (e) => {
+					let t = e;
+					return t == null ? "—" : `#${t}`;
+				}
+			},
+			{
+				id: "workspaceId",
+				label: "Workspace",
+				minWidth: 120,
+				format: (e) => {
+					let t = e;
+					return /* @__PURE__ */ m(a, {
+						variant: "outline",
+						className: "hover:bg-primary/10 cursor-pointer",
+						onClick: (e) => {
+							e.stopPropagation(), A((e) => ({
+								...e,
+								workspaceId: t
+							}));
+						},
+						children: F.get(t) ?? t.slice(0, 8)
+					});
+				}
+			},
+			{
+				id: "alias",
+				label: "Type",
+				minWidth: 100,
+				format: (e) => {
+					let t = e;
+					return /* @__PURE__ */ m(a, {
+						variant: "outline",
+						className: "hover:bg-primary/10 cursor-pointer",
+						onClick: (e) => {
+							e.stopPropagation(), A((e) => ({
+								...e,
+								alias: t
+							}));
+						},
+						children: t
+					});
+				}
+			},
+			{
+				id: "title",
+				label: "Title",
+				minWidth: 150,
+				format: (e) => {
+					let t = e;
+					return t ? /* @__PURE__ */ m(c, { children: /* @__PURE__ */ h(o, { children: [/* @__PURE__ */ m(l, {
+						asChild: !0,
+						children: /* @__PURE__ */ m("span", { children: t.length > 40 ? t.slice(0, 40) + "..." : t })
+					}), t.length > 40 && /* @__PURE__ */ m(s, { children: /* @__PURE__ */ m("p", { children: t }) })] }) }) : "—";
+				}
+			},
+			{
+				id: "status",
+				label: "Status",
+				minWidth: 100,
+				format: (e) => {
+					let t = e;
+					return /* @__PURE__ */ m(a, {
+						className: `rounded-full border px-2 py-1 text-xs whitespace-nowrap ${g[t] || "bg-muted text-muted-foreground border-border"}`,
+						children: t
+					});
+				}
+			},
+			{
+				id: "createdAt",
+				label: "Date Created",
+				minWidth: 100,
+				format: (e) => new Date(e).toLocaleDateString()
+			}
+		],
+		filterConfig: {
+			status: [
+				"pending",
+				"running",
+				"paused",
+				"completed",
+				"failed",
+				"canceled"
+			],
+			workspaceId: I,
+			alias: L
+		}
 	});
-}
-function _temp5(e) {
-	return new Date(e).toLocaleDateString();
-}
-export { Runs_default as default };
+};
+//#endregion
+export { _ as default };

package/dist/features/workbench/Workbench.js

@@ -1,107 +1,81 @@
-import { useWorkspace } from "../../hooks/useWorkspaces.js";
-import PageBreadcrumbs_default from "../../components/page/PageBreadcrumbs.js";
-import { WorkbenchLayoutProvider, useWorkbenchLayout } from "./providers/WorkbenchLayoutProvider.js";
-import WorkflowList_default from "./WorkflowList.js";
-import { RemoteFileExplorerProvider } from "./providers/RemoteFileExplorerProvider.js";
-import { WorkbenchFilesPanel } from "./components/WorkbenchFilesPanel.js";
-import { ScrollProvider } from "./providers/ScrollProvider.js";
-import { WorkbenchFloatingPanel } from "./components/WorkbenchFloatingPanel.js";
-import { WorkbenchFlowPanel } from "./components/WorkbenchFlowPanel.js";
-import { WorkbenchIconSidebar } from "./components/WorkbenchIconSidebar.js";
-import { WorkbenchPreviewPanel } from "./components/WorkbenchPreviewPanel.js";
-import { c } from "react/compiler-runtime";
-import { jsx, jsxs } from "react/jsx-runtime";
-function WorkbenchContent(t) {
-	let i = c(7), { pipeline: a, breadcrumbData: s } = t, l;
-	i[0] === s ? l = i[1] : (l = /* @__PURE__ */ jsx("div", {
-		className: "border-b flex h-12 shrink-0 items-center",
-		children: s ? /* @__PURE__ */ jsx(PageBreadcrumbs_default, { breadcrumbData: s }) : /* @__PURE__ */ jsx("span", {
-			className: "px-3 text-sm font-medium",
-			children: "Workflows"
-		})
-	}), i[0] = s, i[1] = l);
-	let d;
-	i[2] === a ? d = i[3] : (d = /* @__PURE__ */ jsx(ScrollProvider, { children: /* @__PURE__ */ jsx("div", {
-		className: "flex-1 overflow-auto",
-		children: /* @__PURE__ */ jsx(WorkflowList_default, { pipeline: a })
-	}) }), i[2] = a, i[3] = d);
-	let f;
-	return i[4] !== l || i[5] !== d ? (f = /* @__PURE__ */ jsx("div", {
+import { useWorkspace as e } from "../../hooks/useWorkspaces.js";
+import t from "../../components/page/PageBreadcrumbs.js";
+import n from "./WorkflowList.js";
+import { RemoteFileExplorerProvider as r } from "./providers/RemoteFileExplorerProvider.js";
+import { WorkbenchLayoutProvider as i, useWorkbenchLayout as a } from "./providers/WorkbenchLayoutProvider.js";
+import { WorkbenchFilesPanel as o } from "./components/WorkbenchFilesPanel.js";
+import { WorkbenchFloatingPanel as s } from "./components/WorkbenchFloatingPanel.js";
+import { WorkbenchFlowPanel as c } from "./components/WorkbenchFlowPanel.js";
+import { WorkbenchIconSidebar as l } from "./components/WorkbenchIconSidebar.js";
+import { WorkbenchPreviewPanel as u } from "./components/WorkbenchPreviewPanel.js";
+import { ScrollProvider as d } from "./providers/ScrollProvider.js";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+//#region src/features/workbench/Workbench.tsx
+function m({ workflow: e, breadcrumbData: r }) {
+	return /* @__PURE__ */ f("div", {
 		className: "flex h-full flex-col",
-		children: /* @__PURE__ */ jsx("div", {
+		children: /* @__PURE__ */ f("div", {
 			className: "flex flex-1 gap-4 overflow-hidden md:flex-row flex-col",
-			children: /* @__PURE__ */ jsxs("div", {
+			children: /* @__PURE__ */ p("div", {
 				className: "flex flex-1 flex-col overflow-hidden",
-				children: [l, d]
+				children: [/* @__PURE__ */ f("div", {
+					className: "border-b flex h-12 shrink-0 items-center",
+					children: r ? /* @__PURE__ */ f(t, { breadcrumbData: r }) : /* @__PURE__ */ f("span", {
+						className: "px-3 text-sm font-medium",
+						children: "Workflows"
+					})
+				}), /* @__PURE__ */ f(d, { children: /* @__PURE__ */ f("div", {
+					className: "flex-1 overflow-auto",
+					children: /* @__PURE__ */ f(n, { workflow: e })
+				}) })]
 			})
 		})
-	}), i[4] = l, i[5] = d, i[6] = f) : f = i[6], f;
+	});
 }
-function WorkbenchInner(t) {
-	let r = c(21), { pipeline: i, breadcrumbData: o } = t, { activeSidePanel: s } = useWorkbenchLayout(), u = s ? "w-1/2 overflow-hidden" : "w-full overflow-hidden", _;
-	r[0] !== o || r[1] !== i ? (_ = /* @__PURE__ */ jsx(WorkbenchContent, {
-		pipeline: i,
-		breadcrumbData: o
-	}), r[0] = o, r[1] = i, r[2] = _) : _ = r[2];
-	let v;
-	r[3] !== u || r[4] !== _ ? (v = /* @__PURE__ */ jsx("div", {
-		className: u,
-		children: _
-	}), r[3] = u, r[4] = _, r[5] = v) : v = r[5];
-	let y;
-	r[6] === s ? y = r[7] : (y = s === "preview" && /* @__PURE__ */ jsx(WorkbenchPreviewPanel, {}), r[6] = s, r[7] = y);
-	let b;
-	r[8] === s ? b = r[9] : (b = s === "flow" && /* @__PURE__ */ jsx(WorkbenchFlowPanel, {}), r[8] = s, r[9] = b);
-	let x;
-	r[10] === s ? x = r[11] : (x = s === "files" && /* @__PURE__ */ jsx(WorkbenchFilesPanel, {}), r[10] = s, r[11] = x);
-	let S;
-	r[12] === Symbol.for("react.memo_cache_sentinel") ? (S = /* @__PURE__ */ jsx(WorkbenchFloatingPanel, {}), r[12] = S) : S = r[12];
-	let C;
-	r[13] !== v || r[14] !== y || r[15] !== b || r[16] !== x ? (C = /* @__PURE__ */ jsxs("div", {
-		className: "relative flex flex-1 overflow-hidden",
-		children: [
-			v,
-			y,
-			b,
-			x,
-			S
-		]
-	}), r[13] = v, r[14] = y, r[15] = b, r[16] = x, r[17] = C) : C = r[17];
-	let w;
-	r[18] === Symbol.for("react.memo_cache_sentinel") ? (w = /* @__PURE__ */ jsx(WorkbenchIconSidebar, {}), r[18] = w) : w = r[18];
-	let T;
-	return r[19] === C ? T = r[20] : (T = /* @__PURE__ */ jsxs("div", {
+function h({ workflow: e, breadcrumbData: t }) {
+	let { activeSidePanel: n } = a();
+	return /* @__PURE__ */ p("div", {
 		className: "flex h-full w-full",
-		children: [C, w]
-	}), r[19] = C, r[20] = T), T;
+		children: [/* @__PURE__ */ p("div", {
+			className: "relative flex flex-1 overflow-hidden",
+			children: [
+				/* @__PURE__ */ f("div", {
+					className: n ? "w-1/2 overflow-hidden" : "w-full overflow-hidden",
+					children: /* @__PURE__ */ f(m, {
+						workflow: e,
+						breadcrumbData: t
+					})
+				}),
+				n === "preview" && /* @__PURE__ */ f(u, {}),
+				n === "flow" && /* @__PURE__ */ f(c, {}),
+				n === "files" && /* @__PURE__ */ f(o, {}),
+				/* @__PURE__ */ f(s, {})
+			]
+		}), /* @__PURE__ */ f(l, {})]
+	});
 }
-function Workbench(r) {
-	let a = c(20), { pipeline: o, breadcrumbData: l, previewPanelOpen: u, onPreviewPanelOpenChange: d, isDeveloperMode: f, getPreviewUrl: p, getEnvironmentPreviewUrl: m, environments: h } = r, g = o?.workspaceId, v = useWorkspace(g), y;
-	a[0] !== h?.[0]?.slotId || a[1] !== v.data?.features?.fileExplorer?.enabled || a[2] !== v.data?.features?.fileExplorer?.environments ? (y = v.data?.features?.fileExplorer?.enabled && v.data?.features?.fileExplorer?.environments?.includes(h?.[0]?.slotId ?? ""), a[0] = h?.[0]?.slotId, a[1] = v.data?.features?.fileExplorer?.enabled, a[2] = v.data?.features?.fileExplorer?.environments, a[3] = y) : y = a[3];
-	let b = y, x;
-	a[4] === v.data ? x = a[5] : (x = v.data ? {
-		volumes: v.data.volumes,
-		features: v.data.features
-	} : void 0, a[4] = v.data, a[5] = x);
-	let S = x, C = h ?? v.data?.environments, w;
-	a[6] !== l || a[7] !== b || a[8] !== o ? (w = b ? /* @__PURE__ */ jsx(RemoteFileExplorerProvider, { children: /* @__PURE__ */ jsx(WorkbenchInner, {
-		pipeline: o,
-		breadcrumbData: l
-	}) }) : /* @__PURE__ */ jsx(WorkbenchInner, {
-		pipeline: o,
-		breadcrumbData: l
-	}), a[6] = l, a[7] = b, a[8] = o, a[9] = w) : w = a[9];
-	let T;
-	return a[10] !== m || a[11] !== p || a[12] !== f || a[13] !== d || a[14] !== o || a[15] !== u || a[16] !== C || a[17] !== w || a[18] !== S ? (T = /* @__PURE__ */ jsx(WorkbenchLayoutProvider, {
-		pipeline: o,
-		isDeveloperMode: f,
-		workspaceConfig: S,
-		getPreviewUrl: p,
-		getEnvironmentPreviewUrl: m,
-		environments: C,
-		previewPanelOpen: u,
-		onPreviewPanelOpenChange: d,
-		children: w
-	}), a[10] = m, a[11] = p, a[12] = f, a[13] = d, a[14] = o, a[15] = u, a[16] = C, a[17] = w, a[18] = S, a[19] = T) : T = a[19], T;
+function g({ workflow: t, breadcrumbData: n, previewPanelOpen: a, onPreviewPanelOpenChange: o, isDeveloperMode: s, getPreviewUrl: c, getEnvironmentPreviewUrl: l, environments: u }) {
+	let d = t?.workspaceId, p = e(d), m = p.data?.features?.fileExplorer?.enabled && p.data?.features?.fileExplorer?.environments?.includes(u?.[0]?.slotId ?? "");
+	return /* @__PURE__ */ f(i, {
+		workflow: t,
+		isDeveloperMode: s,
+		workspaceConfig: p.data ? {
+			volumes: p.data.volumes,
+			features: p.data.features
+		} : void 0,
+		getPreviewUrl: c,
+		getEnvironmentPreviewUrl: l,
+		environments: u ?? p.data?.environments,
+		previewPanelOpen: a,
+		onPreviewPanelOpenChange: o,
+		children: m ? /* @__PURE__ */ f(r, { children: /* @__PURE__ */ f(h, {
+			workflow: t,
+			breadcrumbData: n
+		}) }) : /* @__PURE__ */ f(h, {
+			workflow: t,
+			breadcrumbData: n
+		})
+	});
 }
-export { Workbench as default };
+//#endregion
+export { g as default };

package/dist/features/workbench/WorkflowItem.js

@@ -1,72 +1,54 @@
-import { cn } from "../../lib/utils.js";
-import LoadingCentered_default from "../../components/feedback/LoadingCentered.js";
-import ErrorSnackbar_default from "../../components/feedback/ErrorSnackbar.js";
-import ErrorAlert_default from "../../components/feedback/ErrorAlert.js";
-import DocumentList_default from "../documents/components/DocumentList.js";
+import { cn as e } from "../../lib/utils.js";
+import t from "../../components/feedback/LoadingCentered.js";
+import n from "../../components/feedback/ErrorSnackbar.js";
+import r from "../../components/feedback/ErrorAlert.js";
+import i from "../documents/components/DocumentList.js";
 import "../documents/index.js";
-import WorkflowForms_default from "./components/WorkflowForms.js";
-import { useWorkflowData } from "./hooks/useWorkflowData.js";
-import { c } from "react/compiler-runtime";
-import React, { useEffect } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useParams } from "react-router-dom";
-var WorkflowItem_default = (p) => {
-	let m = c(45), { pipeline: h, workflowId: g, scrollTo: _, settings: v, embed: y } = p, { workflowId: b, clickId: x } = useParams(), S;
-	m[0] !== v.showFullMessageHistory || m[1] !== g ? (S = {
-		workflowId: g,
-		showFullMessageHistory: v.showFullMessageHistory
-	}, m[0] = v.showFullMessageHistory, m[1] = g, m[2] = S) : S = m[2];
-	let { workflow: C, workflowLoading: w, workflowReady: T, workflowError: E, documents: D, documentsLoading: O, documentsReady: k, documentsError: A, isLoading: j, handleRun: M } = useWorkflowData(S), N;
-	m[3] !== k || m[4] !== b || m[5] !== _ || m[6] !== g || m[7] !== T ? (N = () => {
-		b === g && T && k && _(g);
-	}, m[3] = k, m[4] = b, m[5] = _, m[6] = g, m[7] = T, m[8] = N) : N = m[8];
-	let P;
-	m[9] !== x || m[10] !== k || m[11] !== b || m[12] !== _ || m[13] !== g || m[14] !== T ? (P = [
-		T,
-		k,
-		g,
+import a from "./components/WorkflowForms.js";
+import { useWorkflowData as o } from "./hooks/useWorkflowData.js";
+import { useEffect as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { useParams as u } from "react-router-dom";
+//#region src/features/workbench/WorkflowItem.tsx
+var d = ({ workflow: d, workflowId: f, scrollTo: p, settings: m, embed: h }) => {
+	let { workflowId: g, clickId: _ } = u(), { workflow: v, workflowLoading: y, workflowReady: b, workflowError: x, documents: S, documentsLoading: C, documentsReady: w, documentsError: T, isLoading: E, handleRun: D } = o({
+		workflowId: f,
+		showFullMessageHistory: m.showFullMessageHistory
+	});
+	return s(() => {
+		g === f && b && w && p(f);
+	}, [
 		b,
-		x,
-		_
-	], m[9] = x, m[10] = k, m[11] = b, m[12] = _, m[13] = g, m[14] = T, m[15] = P) : P = m[15], useEffect(N, P);
-	let F = y ? "p-0" : "p-4", I;
-	m[16] === F ? I = m[17] : (I = cn("flex flex-col", F), m[16] = F, m[17] = I);
-	let L = w || O, R;
-	m[18] === L ? R = m[19] : (R = /* @__PURE__ */ jsx(LoadingCentered_default, { loading: L }), m[18] = L, m[19] = R);
-	let z;
-	m[20] === A ? z = m[21] : (z = /* @__PURE__ */ jsx(ErrorSnackbar_default, { error: A }), m[20] = A, m[21] = z);
-	let B;
-	m[22] === E ? B = m[23] : (B = /* @__PURE__ */ jsx(ErrorAlert_default, { error: E }), m[22] = E, m[23] = B);
-	let V;
-	m[24] !== D || m[25] !== j || m[26] !== h || m[27] !== _ || m[28] !== v || m[29] !== C || m[30] !== T ? (V = T && C && /* @__PURE__ */ jsx(DocumentList_default, {
-		pipeline: h,
-		workflow: C,
-		documents: D,
-		scrollTo: _,
-		settings: v,
-		isLoading: j
-	}), m[24] = D, m[25] = j, m[26] = h, m[27] = _, m[28] = v, m[29] = C, m[30] = T, m[31] = V) : V = m[31];
-	let H;
-	m[32] === j ? H = m[33] : (H = /* @__PURE__ */ jsx(LoadingCentered_default, { loading: j }), m[32] = j, m[33] = H);
-	let U;
-	m[34] !== M || m[35] !== C ? (U = !!C && /* @__PURE__ */ jsx("div", {
-		className: "mt-6",
-		children: /* @__PURE__ */ jsx(WorkflowForms_default, {
-			workflow: C,
-			onSubmit: M
-		})
-	}), m[34] = M, m[35] = C, m[36] = U) : U = m[36];
-	let W;
-	return m[37] !== V || m[38] !== H || m[39] !== U || m[40] !== I || m[41] !== R || m[42] !== z || m[43] !== B ? (W = /* @__PURE__ */ jsxs("div", {
-		className: I,
+		w,
+		f,
+		g,
+		_,
+		p
+	]), /* @__PURE__ */ l("div", {
+		className: e("flex flex-col", h ? "p-0" : "p-4"),
 		children: [
-			R,
-			z,
-			B,
-			V,
-			H,
-			U
+			/* @__PURE__ */ c(t, { loading: y || C }),
+			/* @__PURE__ */ c(n, { error: T }),
+			/* @__PURE__ */ c(r, { error: x }),
+			b && v && /* @__PURE__ */ c(i, {
+				workflow: d,
+				childWorkflow: v,
+				documents: S,
+				scrollTo: p,
+				settings: m,
+				isLoading: E
+			}),
+			/* @__PURE__ */ c(t, { loading: E }),
+			!!v && /* @__PURE__ */ c("div", {
+				className: "mt-6",
+				children: /* @__PURE__ */ c(a, {
+					workflow: v,
+					parentWorkflow: d,
+					onSubmit: D
+				})
+			})
 		]
-	}), m[37] = V, m[38] = H, m[39] = U, m[40] = I, m[41] = R, m[42] = z, m[43] = B, m[44] = W) : W = m[44], W;
+	});
 };
-export { WorkflowItem_default as default };
+//#endregion
+export { d as default };