@loopstack/loopstack-studio 0.25.1 → 0.26.0

package/dist/features/workbench/components/WorkbenchPreviewPanel.js

@@ -1,130 +1,141 @@
-import { Select as e, SelectContent as t, SelectItem as n, SelectTrigger as r, SelectValue as i } from "../../../components/ui/select.js";
-import { Tooltip as a, TooltipContent as o, TooltipTrigger as s } from "../../../components/ui/tooltip.js";
-import { useWorkbenchLayout as c } from "../providers/WorkbenchLayoutProvider.js";
-import { useEffect as l, useMemo as u, useRef as d, useState as f } from "react";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
-import { ExternalLink as h, Loader2 as g, X as _ } from "lucide-react";
-//#region src/features/workbench/components/WorkbenchPreviewPanel.tsx
-var v = "loopstack:embed:new-run";
-function y() {
-	let { getEnvironmentPreviewUrl: y, environments: b, closeSidePanel: x, selectedSlotId: S, setSelectedSlotId: C } = c(), w = d(null), T = u(() => (b ?? []).filter((e) => !!e.connectionUrl && (!!e.workerId || e.local)), [b]), [E, D] = f(null);
-	l(() => {
-		!S && T.length > 0 && C(T[0].slotId);
-	}, [
-		T,
-		S,
-		C
-	]);
-	let O = u(() => T.find((e) => e.slotId === S), [T, S]), k = u(() => {
-		if (!(!y || !O)) return y(O, E ?? void 0);
-	}, [
-		y,
-		O,
-		E
-	]);
-	return l(() => {
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../../../components/ui/select.js";
+import { useWorkbenchLayout } from "../providers/WorkbenchLayoutProvider.js";
+import { SidebarPanel } from "./SidebarPanel.js";
+import { c } from "react/compiler-runtime";
+import { useEffect, useMemo, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Loader2, MonitorPlay } from "lucide-react";
+var EMBED_NEW_RUN_MESSAGE_TYPE = "loopstack:embed:new-run";
+function WorkbenchPreviewPanel() {
+	let _ = c(55), { getEnvironmentPreviewUrl: y, environments: b, closePanel: x, panelSize: S, setPanelSize: C, selectedSlotId: w, setSelectedSlotId: T } = useWorkbenchLayout(), E = useRef(null), D;
+	_[0] === b ? D = _[1] : (D = b ?? [], _[0] = b, _[1] = D);
+	let O;
+	_[2] === D ? O = _[3] : (O = D.filter(_temp), _[2] = D, _[3] = O);
+	let k = O, [A, j] = useState(null), M;
+	_[4] !== k[0] || _[5] !== k.length || _[6] !== w || _[7] !== T ? (M = () => {
+		!w && k.length > 0 && T(k[0].slotId);
+	}, _[4] = k[0], _[5] = k.length, _[6] = w, _[7] = T, _[8] = M) : M = _[8];
+	let N;
+	_[9] !== k || _[10] !== w || _[11] !== T ? (N = [
+		k,
+		w,
+		T
+	], _[9] = k, _[10] = w, _[11] = T, _[12] = N) : N = _[12], useEffect(M, N);
+	let P;
+	if (_[13] !== k || _[14] !== w) {
+		let e;
+		_[16] === w ? e = _[17] : (e = (e) => e.slotId === w, _[16] = w, _[17] = e), P = k.find(e), _[13] = k, _[14] = w, _[15] = P;
+	} else P = _[15];
+	let F = P, I;
+	bb0: {
+		if (!y || !F) {
+			I = void 0;
+			break bb0;
+		}
+		let e = A ?? void 0, g;
+		_[18] !== y || _[19] !== F || _[20] !== e ? (g = y(F, e), _[18] = y, _[19] = F, _[20] = e, _[21] = g) : g = _[21], I = g;
+	}
+	let L = I, R;
+	_[22] === T ? R = _[23] : (R = (e) => {
+		T(e), j(null);
+	}, _[22] = T, _[23] = R);
+	let z = R, B, V;
+	if (_[24] === Symbol.for("react.memo_cache_sentinel") ? (B = () => {
 		let e = (e) => {
 			if (e.origin !== window.location.origin) return;
-			let t = e.data;
-			if (t?.type !== v) return;
-			let n = t?.workflowId;
-			typeof n == "string" && D(n);
+			let g = e.data;
+			if (g?.type !== EMBED_NEW_RUN_MESSAGE_TYPE) return;
+			let _ = g?.workflowId;
+			typeof _ == "string" && j(_);
 		};
 		return window.addEventListener("message", e), () => window.removeEventListener("message", e);
-	}, []), b === void 0 ? /* @__PURE__ */ m("div", {
-		className: "border-l bg-zinc-950 flex w-1/2 shrink-0 flex-col",
-		children: [/* @__PURE__ */ m("div", {
-			className: "flex h-12 shrink-0 items-center justify-between px-3",
-			children: [/* @__PURE__ */ p("span", {
-				className: "text-sm font-medium text-white",
-				children: "Preview"
-			}), /* @__PURE__ */ p("button", {
-				onClick: x,
-				className: "text-zinc-400 hover:text-white flex h-8 w-8 items-center justify-center rounded-md transition-colors hover:cursor-pointer",
-				children: /* @__PURE__ */ p(_, { className: "h-4 w-4" })
-			})]
-		}), /* @__PURE__ */ p("div", {
+	}, V = [], _[24] = B, _[25] = V) : (B = _[24], V = _[25]), useEffect(B, V), b === void 0) {
+		let e;
+		_[26] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ jsx(MonitorPlay, { className: "h-4 w-4" }), _[26] = e) : e = _[26];
+		let g;
+		_[27] === Symbol.for("react.memo_cache_sentinel") ? (g = /* @__PURE__ */ jsx("div", {
 			className: "flex flex-1 items-center justify-center",
-			children: /* @__PURE__ */ p(g, { className: "h-5 w-5 animate-spin text-zinc-400" })
-		})]
-	}) : !y || T.length === 0 ? /* @__PURE__ */ m("div", {
-		className: "border-l bg-zinc-950 flex w-1/2 shrink-0 flex-col",
-		children: [/* @__PURE__ */ m("div", {
-			className: "flex h-12 shrink-0 items-center justify-between px-3",
-			children: [/* @__PURE__ */ p("span", {
-				className: "text-sm font-medium text-white",
-				children: "Preview"
-			}), /* @__PURE__ */ p("button", {
-				onClick: x,
-				className: "text-zinc-400 hover:text-white flex h-8 w-8 items-center justify-center rounded-md transition-colors hover:cursor-pointer",
-				children: /* @__PURE__ */ p(_, { className: "h-4 w-4" })
-			})]
-		}), /* @__PURE__ */ p("div", {
-			className: "text-zinc-400 flex flex-1 items-center justify-center text-sm",
+			children: /* @__PURE__ */ jsx(Loader2, { className: "h-5 w-5 animate-spin text-muted-foreground" })
+		}), _[27] = g) : g = _[27];
+		let v;
+		return _[28] !== x || _[29] !== S || _[30] !== C ? (v = /* @__PURE__ */ jsx(SidebarPanel, {
+			icon: e,
+			title: "Preview",
+			size: S,
+			onSizeChange: C,
+			onClose: x,
+			children: g
+		}), _[28] = x, _[29] = S, _[30] = C, _[31] = v) : v = _[31], v;
+	}
+	if (!y || k.length === 0) {
+		let e;
+		_[32] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ jsx(MonitorPlay, { className: "h-4 w-4" }), _[32] = e) : e = _[32];
+		let g;
+		_[33] === Symbol.for("react.memo_cache_sentinel") ? (g = /* @__PURE__ */ jsx("div", {
+			className: "text-muted-foreground flex flex-1 items-center justify-center text-sm",
 			children: "Preview not available"
-		})]
-	}) : /* @__PURE__ */ m("div", {
-		className: "border-l bg-zinc-950 flex w-1/2 shrink-0 flex-col",
-		children: [/* @__PURE__ */ m("div", {
-			className: "flex h-12 shrink-0 items-center justify-between px-3",
-			children: [/* @__PURE__ */ m("div", {
-				className: "flex items-center gap-2",
-				children: [
-					/* @__PURE__ */ p("span", {
-						className: "text-sm font-medium text-white",
-						children: "Preview"
-					}),
-					T.length > 1 && /* @__PURE__ */ m(e, {
-						value: S,
-						onValueChange: (e) => {
-							C(e), D(null);
-						},
-						children: [/* @__PURE__ */ p(r, {
-							className: "h-7 w-40 border-zinc-700 bg-zinc-900 text-zinc-200 text-xs",
-							children: /* @__PURE__ */ p(i, {})
-						}), /* @__PURE__ */ p(t, { children: T.map((e) => /* @__PURE__ */ p(n, {
-							value: e.slotId,
-							children: e.envName || e.slotId
-						}, e.slotId)) })]
-					}),
-					T.length === 1 && O && /* @__PURE__ */ p("span", {
-						className: "text-xs text-zinc-400",
-						children: O.envName || O.slotId
-					})
-				]
-			}), /* @__PURE__ */ m("div", {
-				className: "flex items-center gap-1",
-				children: [k && /* @__PURE__ */ m(a, { children: [/* @__PURE__ */ p(s, {
-					asChild: !0,
-					children: /* @__PURE__ */ p("a", {
-						href: k,
-						target: "_blank",
-						rel: "noopener noreferrer",
-						className: "text-zinc-400 hover:text-white flex h-8 w-8 items-center justify-center rounded-md transition-colors hover:cursor-pointer",
-						children: /* @__PURE__ */ p(h, { className: "h-4 w-4" })
-					})
-				}), /* @__PURE__ */ p(o, {
-					side: "bottom",
-					children: "Open in new tab"
-				})] }), /* @__PURE__ */ p("button", {
-					onClick: x,
-					className: "text-zinc-400 hover:text-white flex h-8 w-8 items-center justify-center rounded-md transition-colors hover:cursor-pointer",
-					children: /* @__PURE__ */ p(_, { className: "h-4 w-4" })
-				})]
-			})]
-		}), k ? /* @__PURE__ */ p("div", {
-			className: "flex-1 overflow-hidden p-3 pt-0",
-			children: /* @__PURE__ */ p("iframe", {
-				ref: w,
-				src: k,
-				className: "bg-background h-full w-full rounded-lg",
-				title: "Workflow preview"
-			})
-		}) : /* @__PURE__ */ p("div", {
-			className: "text-zinc-400 flex flex-1 items-center justify-center text-sm",
-			children: "Preview not available"
-		})]
-	});
+		}), _[33] = g) : g = _[33];
+		let v;
+		return _[34] !== x || _[35] !== S || _[36] !== C ? (v = /* @__PURE__ */ jsx(SidebarPanel, {
+			icon: e,
+			title: "Preview",
+			size: S,
+			onSizeChange: C,
+			onClose: x,
+			children: g
+		}), _[34] = x, _[35] = S, _[36] = C, _[37] = v) : v = _[37], v;
+	}
+	let H;
+	_[38] === Symbol.for("react.memo_cache_sentinel") ? (H = /* @__PURE__ */ jsx(MonitorPlay, { className: "h-4 w-4" }), _[38] = H) : H = _[38];
+	let U = k.length === 1 && F ? F.envName || F.slotId : void 0, W;
+	_[39] !== k || _[40] !== z || _[41] !== w ? (W = k.length > 1 && /* @__PURE__ */ jsx("div", {
+		className: "border-b px-4 py-2",
+		children: /* @__PURE__ */ jsxs(Select, {
+			value: w,
+			onValueChange: z,
+			children: [/* @__PURE__ */ jsx(SelectTrigger, {
+				className: "h-8 text-xs",
+				children: /* @__PURE__ */ jsx(SelectValue, {})
+			}), /* @__PURE__ */ jsx(SelectContent, { children: k.map(_temp2) })]
+		})
+	}), _[39] = k, _[40] = z, _[41] = w, _[42] = W) : W = _[42];
+	let G;
+	_[43] === L ? G = _[44] : (G = L ? /* @__PURE__ */ jsx("div", {
+		className: "flex-1 overflow-hidden p-3",
+		children: /* @__PURE__ */ jsx("iframe", {
+			ref: E,
+			src: L,
+			className: "bg-muted h-full w-full rounded-lg border",
+			title: "Workflow preview"
+		})
+	}) : /* @__PURE__ */ jsx("div", {
+		className: "text-muted-foreground flex flex-1 items-center justify-center text-sm",
+		children: "Preview not available"
+	}), _[43] = L, _[44] = G);
+	let K;
+	_[45] !== W || _[46] !== G ? (K = /* @__PURE__ */ jsxs("div", {
+		className: "flex h-full flex-col",
+		children: [W, G]
+	}), _[45] = W, _[46] = G, _[47] = K) : K = _[47];
+	let q;
+	return _[48] !== x || _[49] !== S || _[50] !== L || _[51] !== C || _[52] !== U || _[53] !== K ? (q = /* @__PURE__ */ jsx(SidebarPanel, {
+		icon: H,
+		title: "Preview",
+		description: U,
+		size: S,
+		onSizeChange: C,
+		onClose: x,
+		expandUrl: L,
+		children: K
+	}), _[48] = x, _[49] = S, _[50] = L, _[51] = C, _[52] = U, _[53] = K, _[54] = q) : q = _[54], q;
+}
+function _temp2(e) {
+	return /* @__PURE__ */ jsx(SelectItem, {
+		value: e.slotId,
+		children: e.envName || e.slotId
+	}, e.slotId);
+}
+function _temp(e) {
+	return !!e.connectionUrl && (!!e.workerId || e.local);
 }
-//#endregion
-export { y as WorkbenchPreviewPanel };
+export { WorkbenchPreviewPanel };

package/dist/features/workbench/components/WorkbenchRunsPanel.js

@@ -0,0 +1,32 @@
+import { useWorkspace } from "../../../hooks/useWorkspaces.js";
+import { useWorkbenchLayout } from "../providers/WorkbenchLayoutProvider.js";
+import { SidebarPanel } from "./SidebarPanel.js";
+import ExecutionTimeline_default from "../../workspaces/components/ExecutionTimeline.js";
+import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+import { Loader2, Play } from "lucide-react";
+function WorkbenchRunsPanel() {
+	let l = c(11), { workspaceId: u, panelSize: d, setPanelSize: f, closePanel: p } = useWorkbenchLayout(), { data: m, isLoading: h } = useWorkspace(u), g;
+	l[0] === Symbol.for("react.memo_cache_sentinel") ? (g = /* @__PURE__ */ jsx(Play, { className: "h-4 w-4" }), l[0] = g) : g = l[0];
+	let _;
+	l[1] !== h || l[2] !== m ? (_ = h ? /* @__PURE__ */ jsx("div", {
+		className: "flex items-center justify-center py-8",
+		children: /* @__PURE__ */ jsx(Loader2, { className: "h-5 w-5 animate-spin text-muted-foreground" })
+	}) : m ? /* @__PURE__ */ jsx(ExecutionTimeline_default, { workspace: m }) : null, l[1] = h, l[2] = m, l[3] = _) : _ = l[3];
+	let v;
+	l[4] === _ ? v = l[5] : (v = /* @__PURE__ */ jsx("div", {
+		className: "h-full overflow-auto p-4",
+		children: _
+	}), l[4] = _, l[5] = v);
+	let y;
+	return l[6] !== p || l[7] !== d || l[8] !== f || l[9] !== v ? (y = /* @__PURE__ */ jsx(SidebarPanel, {
+		icon: g,
+		title: "Runs",
+		description: "Workflow execution history for this workspace.",
+		size: d,
+		onSizeChange: f,
+		onClose: p,
+		children: v
+	}), l[6] = p, l[7] = d, l[8] = f, l[9] = v, l[10] = y) : y = l[10], y;
+}
+export { WorkbenchRunsPanel };

package/dist/features/workbench/components/WorkbenchSettingsModal.js

@@ -1,53 +1,64 @@
-import { Button as e } from "../../../components/ui/button.js";
-import { Dialog as t, DialogContent as n, DialogHeader as r, DialogTitle as i, DialogTrigger as a } from "../../../components/ui/dialog.js";
-import { Label as o } from "../../../components/ui/label.js";
-import { Switch as s } from "../../../components/ui/switch.js";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import { Settings as u } from "lucide-react";
-//#region src/features/workbench/components/WorkbenchSettingsModal.tsx
-var d = ({ settings: d, onSettingsChange: f, open: p, onOpenChange: m }) => {
-	let h = (e, t) => {
-		f({
-			...d,
-			[e]: t
+import { Button } from "../../../components/ui/button.js";
+import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogTrigger } from "../../../components/ui/dialog.js";
+import { Label } from "../../../components/ui/label.js";
+import { Switch } from "../../../components/ui/switch.js";
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Settings } from "lucide-react";
+var WorkbenchSettingsModal_default = (p) => {
+	let m = c(15), { settings: h, onSettingsChange: g, open: _, onOpenChange: v } = p, y;
+	m[0] !== g || m[1] !== h ? (y = (e, f) => {
+		g({
+			...h,
+			[e]: f
 		});
-	};
-	return /* @__PURE__ */ l(t, {
-		open: p,
-		onOpenChange: m,
-		children: [/* @__PURE__ */ c(a, {
-			asChild: !0,
-			children: /* @__PURE__ */ c(e, {
-				variant: "ghost",
-				size: "icon",
-				className: "text-gray-500 hover:cursor-pointer hover:text-gray-700",
-				children: /* @__PURE__ */ c(u, { className: "h-5 w-5" })
+	}, m[0] = g, m[1] = h, m[2] = y) : y = m[2];
+	let b = y, x;
+	m[3] === Symbol.for("react.memo_cache_sentinel") ? (x = /* @__PURE__ */ jsx(DialogTrigger, {
+		asChild: !0,
+		children: /* @__PURE__ */ jsx(Button, {
+			variant: "ghost",
+			size: "icon",
+			className: "text-gray-500 hover:cursor-pointer hover:text-gray-700",
+			children: /* @__PURE__ */ jsx(Settings, { className: "h-5 w-5" })
+		})
+	}), m[3] = x) : x = m[3];
+	let S;
+	m[4] === Symbol.for("react.memo_cache_sentinel") ? (S = /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: "Workflow Settings" }) }), m[4] = S) : S = m[4];
+	let C;
+	m[5] === Symbol.for("react.memo_cache_sentinel") ? (C = /* @__PURE__ */ jsxs("div", {
+		className: "flex-1",
+		children: [/* @__PURE__ */ jsx(Label, {
+			htmlFor: "debug-mode",
+			className: "text-sm font-medium",
+			children: "Enable Debug Mode"
+		}), /* @__PURE__ */ jsx("p", {
+			className: "text-muted-foreground text-sm",
+			children: "Show debug info for each document"
+		})]
+	}), m[5] = C) : C = m[5];
+	let w;
+	m[6] === b ? w = m[7] : (w = (e) => b("enableDebugMode", e), m[6] = b, m[7] = w);
+	let T;
+	m[8] !== h.enableDebugMode || m[9] !== w ? (T = /* @__PURE__ */ jsxs(DialogContent, {
+		className: "sm:max-w-md",
+		children: [S, /* @__PURE__ */ jsx("div", {
+			className: "flex flex-col gap-4 p-4",
+			children: /* @__PURE__ */ jsxs("div", {
+				className: "flex items-center justify-between space-x-2",
+				children: [C, /* @__PURE__ */ jsx(Switch, {
+					id: "debug-mode",
+					checked: h.enableDebugMode,
+					onCheckedChange: w
+				})]
 			})
-		}), /* @__PURE__ */ l(n, {
-			className: "sm:max-w-md",
-			children: [/* @__PURE__ */ c(r, { children: /* @__PURE__ */ c(i, { children: "Workflow Settings" }) }), /* @__PURE__ */ c("div", {
-				className: "flex flex-col gap-4 p-4",
-				children: /* @__PURE__ */ l("div", {
-					className: "flex items-center justify-between space-x-2",
-					children: [/* @__PURE__ */ l("div", {
-						className: "flex-1",
-						children: [/* @__PURE__ */ c(o, {
-							htmlFor: "debug-mode",
-							className: "text-sm font-medium",
-							children: "Enable Debug Mode"
-						}), /* @__PURE__ */ c("p", {
-							className: "text-muted-foreground text-sm",
-							children: "Show debug info for each document"
-						})]
-					}), /* @__PURE__ */ c(s, {
-						id: "debug-mode",
-						checked: d.enableDebugMode,
-						onCheckedChange: (e) => h("enableDebugMode", e)
-					})]
-				})
-			})]
 		})]
-	});
+	}), m[8] = h.enableDebugMode, m[9] = w, m[10] = T) : T = m[10];
+	let E;
+	return m[11] !== v || m[12] !== _ || m[13] !== T ? (E = /* @__PURE__ */ jsxs(Dialog, {
+		open: _,
+		onOpenChange: v,
+		children: [x, T]
+	}), m[11] = v, m[12] = _, m[13] = T, m[14] = E) : E = m[14], E;
 };
-//#endregion
-export { d as default };
+export { WorkbenchSettingsModal_default as default };

package/dist/features/workbench/components/WorkbenchSidebarShell.js

@@ -0,0 +1,80 @@
+import { useFeatureRegistry } from "../../feature-registry/FeatureRegistryProvider.js";
+import "../../feature-registry/index.js";
+import { useWorkbenchLayout } from "../providers/WorkbenchLayoutProvider.js";
+import { WorkbenchEnvironmentPanel } from "./WorkbenchEnvironmentPanel.js";
+import { WorkbenchIconSidebar } from "./WorkbenchIconSidebar.js";
+import { WorkbenchPreviewPanel } from "./WorkbenchPreviewPanel.js";
+import { WorkbenchRunsPanel } from "./WorkbenchRunsPanel.js";
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+var PANEL_WIDTH = {
+	small: "w-80",
+	medium: "w-1/2",
+	large: "w-2/3"
+}, CONTENT_WIDTH = {
+	small: "w-full",
+	medium: "w-1/2",
+	large: "w-1/3"
+};
+function ActivePanelContent() {
+	let a = c(13), { activePanel: l, workspaceId: u, environments: d } = useWorkbenchLayout(), f = useFeatureRegistry();
+	switch (l) {
+		case "runs": {
+			let e;
+			return a[0] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ jsx(WorkbenchRunsPanel, {}), a[0] = e) : e = a[0], e;
+		}
+		case "preview": {
+			let e;
+			return a[1] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ jsx(WorkbenchPreviewPanel, {}), a[1] = e) : e = a[1], e;
+		}
+		case "environment": {
+			let e;
+			return a[2] !== d || a[3] !== u ? (e = /* @__PURE__ */ jsx(WorkbenchEnvironmentPanel, {
+				workspaceId: u,
+				environments: d
+			}), a[2] = d, a[3] = u, a[4] = e) : e = a[4], e;
+		}
+		default: {
+			let e;
+			if (a[5] !== l || a[6] !== f) {
+				let r;
+				a[8] === l ? r = a[9] : (r = (e) => e.sidebarPanel?.id === l, a[8] = l, a[9] = r), e = f.find(r), a[5] = l, a[6] = f, a[7] = e;
+			} else e = a[7];
+			let r = e;
+			if (r?.sidebarPanel) {
+				let e = r.sidebarPanel.component, i;
+				return a[10] !== e || a[11] !== u ? (i = /* @__PURE__ */ jsx(e, { workspaceId: u }), a[10] = e, a[11] = u, a[12] = i) : i = a[12], i;
+			}
+			return null;
+		}
+	}
+}
+function SidebarContent(e) {
+	let i = c(12), { children: o } = e, { activePanel: s, panelSize: p } = useWorkbenchLayout(), m = `${s ? CONTENT_WIDTH[p] : "w-full"} overflow-hidden`, h;
+	i[0] !== o || i[1] !== m ? (h = /* @__PURE__ */ jsx("div", {
+		className: m,
+		children: o
+	}), i[0] = o, i[1] = m, i[2] = h) : h = i[2];
+	let g;
+	i[3] !== s || i[4] !== p ? (g = s && /* @__PURE__ */ jsx("div", {
+		className: `${PANEL_WIDTH[p]} shrink-0 overflow-hidden`,
+		children: /* @__PURE__ */ jsx(ActivePanelContent, {})
+	}), i[3] = s, i[4] = p, i[5] = g) : g = i[5];
+	let _;
+	i[6] !== h || i[7] !== g ? (_ = /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-1 overflow-hidden",
+		children: [h, g]
+	}), i[6] = h, i[7] = g, i[8] = _) : _ = i[8];
+	let v;
+	i[9] === Symbol.for("react.memo_cache_sentinel") ? (v = /* @__PURE__ */ jsx(WorkbenchIconSidebar, {}), i[9] = v) : v = i[9];
+	let y;
+	return i[10] === _ ? y = i[11] : (y = /* @__PURE__ */ jsxs("div", {
+		className: "flex h-full w-full",
+		children: [_, v]
+	}), i[10] = _, i[11] = y), y;
+}
+function WorkbenchSidebarShell(e) {
+	let r = c(2), { children: i } = e, a;
+	return r[0] === i ? a = r[1] : (a = /* @__PURE__ */ jsx(SidebarContent, { children: i }), r[0] = i, r[1] = a), a;
+}
+export { WorkbenchSidebarShell };

package/dist/features/workbench/components/WorkflowForms.js

@@ -1,18 +1,24 @@
-import { useWorkflowConfigByName as e } from "../../../hooks/useWorkflows.js";
-import { require_enums as t } from "../../../packages/contracts/dist/enums/index.js";
-import n from "../../../components/ui-widgets/UiActions.js";
-import "react";
-import { jsx as r } from "react/jsx-runtime";
-//#region src/features/workbench/components/WorkflowForms.tsx
-var i = t(), a = ({ workflow: t, onSubmit: a }) => {
-	let o = e(t.className ?? void 0).data?.ui, s = o?.widgets ?? o?.actions;
-	return s?.length ? /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(n, {
-		actions: s,
-		availableTransitions: t.availableTransitions?.map((e) => e.id) ?? [],
-		currentPlace: t.place,
-		disabled: t.status === i.WorkflowState.Completed,
-		onSubmit: a
-	}) }) : null;
+import { useWorkflowConfigByName } from "../../../hooks/useWorkflows.js";
+import { require_enums } from "../../../packages/contracts/dist/enums/index.js";
+import UiActions_default from "../../../components/ui-widgets/UiActions.js";
+import { c } from "react/compiler-runtime";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+var import_enums = require_enums(), WorkflowForms_default = (o) => {
+	let s = c(8), { workflow: l, onSubmit: u } = o, d = useWorkflowConfigByName(l.className ?? void 0).data?.ui, f = d?.widgets ?? d?.actions;
+	if (!f?.length) return null;
+	let p;
+	s[0] === l.availableTransitions ? p = s[1] : (p = l.availableTransitions?.map(_temp) ?? [], s[0] = l.availableTransitions, s[1] = p);
+	let m = p, h = f, g = l.status === import_enums.WorkflowState.Completed, _;
+	return s[2] !== m || s[3] !== u || s[4] !== h || s[5] !== g || s[6] !== l.place ? (_ = /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(UiActions_default, {
+		actions: h,
+		availableTransitions: m,
+		currentPlace: l.place,
+		disabled: g,
+		onSubmit: u
+	}) }), s[2] = m, s[3] = u, s[4] = h, s[5] = g, s[6] = l.place, s[7] = _) : _ = s[7], _;
 };
-//#endregion
-export { a as default };
+function _temp(e) {
+	return e.id;
+}
+export { WorkflowForms_default as default };