@loopstack/loopstack-studio 0.24.0 → 0.25.0

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

@@ -1,96 +1,57 @@
 import { cn } from "../../../lib/utils.js";
-import { SidebarMenu, SidebarProvider } from "../../../components/ui/sidebar.js";
 import { useWorkbenchLayout } from "../providers/WorkbenchLayoutProvider.js";
-import { useNamespaceTree } from "../../../hooks/useNamespaceTree.js";
-import WorkbenchNavigation_default from "../WorkbenchNavigation.js";
-import PipelineHistoryList_default from "./PipelineHistoryList.js";
 import { WorkbenchSecretsPanel } from "./WorkbenchSecretsPanel.js";
+import WorkflowHistoryList_default from "./WorkflowHistoryList.js";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { X } from "lucide-react";
 var PANEL_TITLES = {
-	navigation: "Navigate",
 	history: "Run Log",
 	secrets: "Secrets"
 };
-function NavigationContent() {
-	let e = c(3), { pipeline: p } = useWorkbenchLayout(), m;
-	e[0] === Symbol.for("react.memo_cache_sentinel") ? (m = { "--sidebar-width": "100%" }, e[0] = m) : m = e[0];
-	let h;
-	return e[1] === p.id ? h = e[2] : (h = /* @__PURE__ */ jsx(SidebarProvider, {
-		defaultOpen: !0,
-		className: "min-h-0",
-		style: m,
-		children: /* @__PURE__ */ jsx("div", {
-			className: "w-full overflow-auto p-2",
-			children: /* @__PURE__ */ jsx(SidebarMenu, { children: /* @__PURE__ */ jsx(NavigationContentInner, { pipelineId: p.id }) })
-		})
-	}), e[1] = p.id, e[2] = h), h;
-}
-function NavigationContentInner(e) {
-	let u = c(3), { pipelineId: d } = e, f = useNamespaceTree(d);
-	if (!f || f.length === 0) {
-		let e;
-		return u[0] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ jsx("div", {
-			className: "text-muted-foreground py-4 text-center text-sm",
-			children: "No navigation items"
-		}), u[0] = e) : e = u[0], e;
-	}
-	let h;
-	return u[1] === f ? h = u[2] : (h = /* @__PURE__ */ jsx(WorkbenchNavigation_default, {
-		namespaceTree: f,
-		indent: 0
-	}), u[1] = f, u[2] = h), h;
-}
 function HistoryContent() {
-	let e = c(2), { pipeline: u } = useWorkbenchLayout(), d;
-	return e[0] === u ? d = e[1] : (d = /* @__PURE__ */ jsx("div", {
+	let e = c(2), { workflow: s } = useWorkbenchLayout(), u;
+	return e[0] === s ? u = e[1] : (u = /* @__PURE__ */ jsx("div", {
 		className: "overflow-auto p-2",
-		children: /* @__PURE__ */ jsx(PipelineHistoryList_default, { pipeline: u })
-	}), e[0] = u, e[1] = d), d;
+		children: /* @__PURE__ */ jsx(WorkflowHistoryList_default, { workflow: s })
+	}), e[0] = s, e[1] = u), u;
 }
 function WorkbenchFloatingPanel() {
-	let u = c(22), { activeFloatingPanel: d, closeFloatingPanel: p } = useWorkbenchLayout();
+	let l = c(19), { activeFloatingPanel: d, closeFloatingPanel: f } = useWorkbenchLayout();
 	if (!d) return null;
-	let m;
-	u[0] === Symbol.for("react.memo_cache_sentinel") ? (m = cn("border-l bg-background absolute right-0 top-0 bottom-0 z-20 flex w-80 flex-col shadow-lg", "animate-in slide-in-from-right duration-200"), u[0] = m) : m = u[0];
-	let h = PANEL_TITLES[d], g;
-	u[1] === h ? g = u[2] : (g = /* @__PURE__ */ jsx("span", {
+	let p;
+	l[0] === Symbol.for("react.memo_cache_sentinel") ? (p = cn("border-l bg-background absolute right-0 top-0 bottom-0 z-20 flex w-80 flex-col shadow-lg", "animate-in slide-in-from-right duration-200"), l[0] = p) : p = l[0];
+	let m = PANEL_TITLES[d], h;
+	l[1] === m ? h = l[2] : (h = /* @__PURE__ */ jsx("span", {
 		className: "text-sm font-medium",
-		children: h
-	}), u[1] = h, u[2] = g);
+		children: m
+	}), l[1] = m, l[2] = h);
+	let g;
+	l[3] === Symbol.for("react.memo_cache_sentinel") ? (g = /* @__PURE__ */ jsx(X, { className: "h-4 w-4" }), l[3] = g) : g = l[3];
 	let _;
-	u[3] === Symbol.for("react.memo_cache_sentinel") ? (_ = /* @__PURE__ */ jsx(X, { className: "h-4 w-4" }), u[3] = _) : _ = u[3];
-	let v;
-	u[4] === p ? v = u[5] : (v = /* @__PURE__ */ jsx("button", {
-		onClick: p,
+	l[4] === f ? _ = l[5] : (_ = /* @__PURE__ */ jsx("button", {
+		onClick: f,
 		className: "text-muted-foreground hover:text-foreground flex h-8 w-8 items-center justify-center rounded-md transition-colors hover:cursor-pointer",
-		children: _
-	}), u[4] = p, u[5] = v);
-	let y;
-	u[6] !== g || u[7] !== v ? (y = /* @__PURE__ */ jsxs("div", {
+		children: g
+	}), l[4] = f, l[5] = _);
+	let v;
+	l[6] !== h || l[7] !== _ ? (v = /* @__PURE__ */ jsxs("div", {
 		className: "border-b flex h-12 shrink-0 items-center justify-between px-3",
-		children: [g, v]
-	}), u[6] = g, u[7] = v, u[8] = y) : y = u[8];
+		children: [h, _]
+	}), l[6] = h, l[7] = _, l[8] = v) : v = l[8];
+	let y;
+	l[9] === d ? y = l[10] : (y = d === "history" && /* @__PURE__ */ jsx(HistoryContent, {}), l[9] = d, l[10] = y);
 	let b;
-	u[9] === d ? b = u[10] : (b = d === "navigation" && /* @__PURE__ */ jsx(NavigationContent, {}), u[9] = d, u[10] = b);
+	l[11] === d ? b = l[12] : (b = d === "secrets" && /* @__PURE__ */ jsx(WorkbenchSecretsPanel, {}), l[11] = d, l[12] = b);
 	let x;
-	u[11] === d ? x = u[12] : (x = d === "history" && /* @__PURE__ */ jsx(HistoryContent, {}), u[11] = d, u[12] = x);
-	let S;
-	u[13] === d ? S = u[14] : (S = d === "secrets" && /* @__PURE__ */ jsx(WorkbenchSecretsPanel, {}), u[13] = d, u[14] = S);
-	let C;
-	u[15] !== b || u[16] !== x || u[17] !== S ? (C = /* @__PURE__ */ jsxs("div", {
+	l[13] !== y || l[14] !== b ? (x = /* @__PURE__ */ jsxs("div", {
 		className: "flex-1 overflow-hidden",
-		children: [
-			b,
-			x,
-			S
-		]
-	}), u[15] = b, u[16] = x, u[17] = S, u[18] = C) : C = u[18];
-	let w;
-	return u[19] !== y || u[20] !== C ? (w = /* @__PURE__ */ jsxs("div", {
-		className: m,
-		children: [y, C]
-	}), u[19] = y, u[20] = C, u[21] = w) : w = u[21], w;
+		children: [y, b]
+	}), l[13] = y, l[14] = b, l[15] = x) : x = l[15];
+	let S;
+	return l[16] !== v || l[17] !== x ? (S = /* @__PURE__ */ jsxs("div", {
+		className: p,
+		children: [v, x]
+	}), l[16] = v, l[17] = x, l[18] = S) : S = l[18], S;
 }
 export { WorkbenchFloatingPanel };

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

@@ -1,49 +1,47 @@
-import { usePipeline, usePipelineConfigByName } from "../../../hooks/usePipelines.js";
-import { useWorkspace } from "../../../hooks/useWorkspaces.js";
-import { useFetchWorkflowsByPipeline } from "../../../hooks/useWorkflows.js";
-import { useWorkbenchLayout } from "../providers/WorkbenchLayoutProvider.js";
+import { useChildWorkflows, useWorkflow, useWorkflowConfigByName } from "../../../hooks/useWorkflows.js";
 import { ReactFlowProvider } from "../../../node_modules/@xyflow/react/dist/esm/index.js";
-import PipelineFlowViewer_default from "../../debug/components/PipelineFlowViewer.js";
+import WorkflowFlowViewer_default from "../../debug/components/WorkflowFlowViewer.js";
 import "../../debug/index.js";
+import { useWorkbenchLayout } from "../providers/WorkbenchLayoutProvider.js";
 import { c } from "react/compiler-runtime";
 import { useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { X } from "lucide-react";
 function WorkbenchFlowPanel() {
-	let f = c(13), { pipeline: p, closeSidePanel: m } = useWorkbenchLayout(), h = usePipeline(p.id), g = useWorkspace(p.workspaceId), _ = useFetchWorkflowsByPipeline(p.id), v = usePipelineConfigByName(g.data?.blockName, h.data?.blockName), y;
-	f[0] === _.data ? y = f[1] : (y = _.data ?? [], f[0] = _.data, f[1] = y);
-	let b = y, x;
-	f[2] === Symbol.for("react.memo_cache_sentinel") ? (x = /* @__PURE__ */ jsx("span", {
+	let d = c(13), { workflow: f, closeSidePanel: p } = useWorkbenchLayout(), m = useWorkflow(f.id), h = useChildWorkflows(f.id), g = useWorkflowConfigByName(m.data?.className ?? void 0), _;
+	d[0] === h.data ? _ = d[1] : (_ = h.data ?? [], d[0] = h.data, d[1] = _);
+	let v = _, y;
+	d[2] === Symbol.for("react.memo_cache_sentinel") ? (y = /* @__PURE__ */ jsx("span", {
 		className: "text-sm font-medium",
 		children: "Graph"
-	}), f[2] = x) : x = f[2];
-	let S;
-	f[3] === Symbol.for("react.memo_cache_sentinel") ? (S = /* @__PURE__ */ jsx(X, { className: "h-4 w-4" }), f[3] = S) : S = f[3];
-	let C;
-	f[4] === m ? C = f[5] : (C = /* @__PURE__ */ jsxs("div", {
+	}), d[2] = y) : y = d[2];
+	let b;
+	d[3] === Symbol.for("react.memo_cache_sentinel") ? (b = /* @__PURE__ */ jsx(X, { className: "h-4 w-4" }), d[3] = b) : b = d[3];
+	let x;
+	d[4] === p ? x = d[5] : (x = /* @__PURE__ */ jsxs("div", {
 		className: "border-b flex h-12 shrink-0 items-center justify-between px-3",
-		children: [x, /* @__PURE__ */ jsx("button", {
-			onClick: m,
+		children: [y, /* @__PURE__ */ jsx("button", {
+			onClick: p,
 			className: "text-muted-foreground hover:text-foreground flex h-8 w-8 items-center justify-center rounded-md transition-colors hover:cursor-pointer",
-			children: S
+			children: b
 		})]
-	}), f[4] = m, f[5] = C);
-	let w;
-	f[6] !== v || f[7] !== p.id || f[8] !== b ? (w = /* @__PURE__ */ jsx("div", {
+	}), d[4] = p, d[5] = x);
+	let S;
+	d[6] !== v || d[7] !== g || d[8] !== f.id ? (S = /* @__PURE__ */ jsx("div", {
 		className: "flex-1 overflow-hidden",
-		children: b.length > 0 ? /* @__PURE__ */ jsx(ReactFlowProvider, { children: /* @__PURE__ */ jsx(PipelineFlowViewer_default, {
-			pipelineId: p.id,
-			workflows: b,
-			pipelineConfig: v.data
+		children: v.length > 0 ? /* @__PURE__ */ jsx(ReactFlowProvider, { children: /* @__PURE__ */ jsx(WorkflowFlowViewer_default, {
+			workflowId: f.id,
+			workflows: v,
+			workflowConfig: g.data
 		}) }) : /* @__PURE__ */ jsx("div", {
 			className: "text-muted-foreground flex h-full items-center justify-center text-sm",
 			children: "No workflows found"
 		})
-	}), f[6] = v, f[7] = p.id, f[8] = b, f[9] = w) : w = f[9];
-	let T;
-	return f[10] !== C || f[11] !== w ? (T = /* @__PURE__ */ jsxs("div", {
+	}), d[6] = v, d[7] = g, d[8] = f.id, d[9] = S) : S = d[9];
+	let C;
+	return d[10] !== x || d[11] !== S ? (C = /* @__PURE__ */ jsxs("div", {
 		className: "border-l bg-background flex w-1/2 shrink-0 flex-col",
-		children: [C, w]
-	}), f[10] = C, f[11] = w, f[12] = T) : T = f[12], T;
+		children: [x, S]
+	}), d[10] = x, d[11] = S, d[12] = C) : C = d[12], C;
 }
 export { WorkbenchFlowPanel };

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

@@ -3,7 +3,7 @@ import { Tooltip, TooltipContent, TooltipTrigger } from "../../../components/ui/
 import { useWorkbenchLayout } from "../providers/WorkbenchLayoutProvider.js";
 import { c } from "react/compiler-runtime";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { Files, KeyRound, ListOrdered, MonitorPlay, Navigation, Workflow } from "lucide-react";
+import { Files, KeyRound, ListOrdered, MonitorPlay, Workflow } from "lucide-react";
 function IconButton(s) {
 	let l = c(11), { icon: u, label: d, active: f, onClick: p } = s, m = f ? "bg-foreground text-background" : "text-muted-foreground hover:bg-accent/50 hover:text-accent-foreground", h;
 	l[0] === m ? h = l[1] : (h = cn("flex h-10 w-10 items-center justify-center rounded-md transition-colors hover:cursor-pointer", m), l[0] = m, l[1] = h);
@@ -25,64 +25,52 @@ function IconButton(s) {
 	return l[8] !== g || l[9] !== _ ? (v = /* @__PURE__ */ jsxs(Tooltip, { children: [g, _] }), l[8] = g, l[9] = _, l[10] = v) : v = l[10], v;
 }
 function WorkbenchIconSidebar() {
-	let e = c(32), { previewPanelEnabled: i, fileExplorerEnabled: a, isDeveloperMode: o, activeFloatingPanel: _, toggleFloatingPanel: v, activeSidePanel: y, toggleSidePanel: b } = useWorkbenchLayout(), x;
-	e[0] !== y || e[1] !== i || e[2] !== b ? (x = i && /* @__PURE__ */ jsx(IconButton, {
+	let e = c(25), { previewPanelEnabled: i, fileExplorerEnabled: a, isDeveloperMode: o, activeFloatingPanel: g, toggleFloatingPanel: _, activeSidePanel: v, toggleSidePanel: y } = useWorkbenchLayout(), b;
+	e[0] !== v || e[1] !== i || e[2] !== y ? (b = i && /* @__PURE__ */ jsx(IconButton, {
 		icon: /* @__PURE__ */ jsx(MonitorPlay, { className: "h-5 w-5" }),
 		label: "Preview",
-		active: y === "preview",
-		onClick: () => b("preview")
-	}), e[0] = y, e[1] = i, e[2] = b, e[3] = x) : x = e[3];
-	let S;
-	e[4] !== _ || e[5] !== y || e[6] !== o || e[7] !== v || e[8] !== b ? (S = o && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(IconButton, {
+		active: v === "preview",
+		onClick: () => y("preview")
+	}), e[0] = v, e[1] = i, e[2] = y, e[3] = b) : b = e[3];
+	let x;
+	e[4] !== g || e[5] !== v || e[6] !== o || e[7] !== _ || e[8] !== y ? (x = o && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(IconButton, {
 		icon: /* @__PURE__ */ jsx(Workflow, { className: "h-5 w-5" }),
 		label: "Graph",
-		active: y === "flow",
-		onClick: () => b("flow")
+		active: v === "flow",
+		onClick: () => y("flow")
 	}), /* @__PURE__ */ jsx(IconButton, {
 		icon: /* @__PURE__ */ jsx(ListOrdered, { className: "h-5 w-5" }),
 		label: "Run Log",
-		active: _ === "history",
-		onClick: () => v("history")
-	})] }), e[4] = _, e[5] = y, e[6] = o, e[7] = v, e[8] = b, e[9] = S) : S = e[9];
+		active: g === "history",
+		onClick: () => _("history")
+	})] }), e[4] = g, e[5] = v, e[6] = o, e[7] = _, e[8] = y, e[9] = x) : x = e[9];
+	let S;
+	e[10] !== v || e[11] !== a || e[12] !== y ? (S = a && /* @__PURE__ */ jsx(IconButton, {
+		icon: /* @__PURE__ */ jsx(Files, { className: "h-5 w-5" }),
+		label: "Files",
+		active: v === "files",
+		onClick: () => y("files")
+	}), e[10] = v, e[11] = a, e[12] = y, e[13] = S) : S = e[13];
 	let C;
-	e[10] === Symbol.for("react.memo_cache_sentinel") ? (C = /* @__PURE__ */ jsx(Navigation, { className: "h-5 w-5" }), e[10] = C) : C = e[10];
-	let w = _ === "navigation", T;
-	e[11] === v ? T = e[12] : (T = () => v("navigation"), e[11] = v, e[12] = T);
+	e[14] === Symbol.for("react.memo_cache_sentinel") ? (C = /* @__PURE__ */ jsx(KeyRound, { className: "h-5 w-5" }), e[14] = C) : C = e[14];
+	let w = g === "secrets", T;
+	e[15] === _ ? T = e[16] : (T = () => _("secrets"), e[15] = _, e[16] = T);
 	let E;
-	e[13] !== w || e[14] !== T ? (E = /* @__PURE__ */ jsx(IconButton, {
+	e[17] !== w || e[18] !== T ? (E = /* @__PURE__ */ jsx(IconButton, {
 		icon: C,
-		label: "Navigate",
+		label: "Secrets",
 		active: w,
 		onClick: T
-	}), e[13] = w, e[14] = T, e[15] = E) : E = e[15];
+	}), e[17] = w, e[18] = T, e[19] = E) : E = e[19];
 	let D;
-	e[16] !== y || e[17] !== a || e[18] !== b ? (D = a && /* @__PURE__ */ jsx(IconButton, {
-		icon: /* @__PURE__ */ jsx(Files, { className: "h-5 w-5" }),
-		label: "Files",
-		active: y === "files",
-		onClick: () => b("files")
-	}), e[16] = y, e[17] = a, e[18] = b, e[19] = D) : D = e[19];
-	let O;
-	e[20] === Symbol.for("react.memo_cache_sentinel") ? (O = /* @__PURE__ */ jsx(KeyRound, { className: "h-5 w-5" }), e[20] = O) : O = e[20];
-	let k = _ === "secrets", A;
-	e[21] === v ? A = e[22] : (A = () => v("secrets"), e[21] = v, e[22] = A);
-	let j;
-	e[23] !== k || e[24] !== A ? (j = /* @__PURE__ */ jsx(IconButton, {
-		icon: O,
-		label: "Secrets",
-		active: k,
-		onClick: A
-	}), e[23] = k, e[24] = A, e[25] = j) : j = e[25];
-	let M;
-	return e[26] !== x || e[27] !== S || e[28] !== j || e[29] !== E || e[30] !== D ? (M = /* @__PURE__ */ jsxs("div", {
+	return e[20] !== b || e[21] !== x || e[22] !== S || e[23] !== E ? (D = /* @__PURE__ */ jsxs("div", {
 		className: "border-l bg-background flex w-12 shrink-0 flex-col items-center gap-1 py-2",
 		children: [
+			b,
 			x,
 			S,
-			E,
-			D,
-			j
+			E
 		]
-	}), e[26] = x, e[27] = S, e[28] = j, e[29] = E, e[30] = D, e[31] = M) : M = e[31], M;
+	}), e[20] = b, e[21] = x, e[22] = S, e[23] = E, e[24] = D) : D = e[24], D;
 }
 export { WorkbenchIconSidebar };

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

@@ -26,7 +26,7 @@ function WorkbenchPreviewPanel() {
 			if (e.origin !== window.location.origin) return;
 			let _ = e.data;
 			if (_?.type !== EMBED_NEW_RUN_MESSAGE_TYPE) return;
-			let v = _?.pipelineId;
+			let v = _?.workflowId;
 			typeof v == "string" && D(v);
 		};
 		return window.addEventListener("message", e), () => window.removeEventListener("message", e);
@@ -117,7 +117,7 @@ function WorkbenchPreviewPanel() {
 				ref: w,
 				src: k,
 				className: "bg-background h-full w-full rounded-lg",
-				title: "Pipeline preview"
+				title: "Workflow preview"
 			})
 		}) : /* @__PURE__ */ jsx("div", {
 			className: "text-zinc-400 flex flex-1 items-center justify-center text-sm",

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

@@ -8,7 +8,7 @@ import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { KeyRound, Loader2, Plus, Trash2 } from "lucide-react";
 function WorkbenchSecretsPanel() {
-	let _ = c(46), { pipeline: v } = useWorkbenchLayout(), y = v?.workspaceId, { data: b, isLoading: x } = useWorkspaceSecrets(y), S = useCreateSecret(), C = useUpdateSecret(), w = useDeleteSecret(), [T, E] = useState(""), [D, O] = useState(""), [k, A] = useState(null), [j, M] = useState(""), N;
+	let _ = c(46), { workflow: v } = useWorkbenchLayout(), y = v?.workspaceId, { data: b, isLoading: x } = useWorkspaceSecrets(y), S = useCreateSecret(), C = useUpdateSecret(), w = useDeleteSecret(), [T, E] = useState(""), [D, O] = useState(""), [k, A] = useState(null), [j, M] = useState(""), N;
 	_[0] !== S || _[1] !== T || _[2] !== D || _[3] !== y ? (N = async () => {
 		!y || !T.trim() || !D.trim() || (await S.mutateAsync({
 			workspaceId: y,

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

@@ -6,7 +6,7 @@ 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(24), { settings: h, onSettingsChange: g, open: _, onOpenChange: v } = p, y;
+	let m = c(15), { settings: h, onSettingsChange: g, open: _, onOpenChange: v } = p, y;
 	m[0] !== g || m[1] !== h ? (y = (e, f) => {
 		g({
 			...h,
@@ -40,50 +40,25 @@ var WorkbenchSettingsModal_default = (p) => {
 	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("div", {
-		className: "flex items-center justify-between space-x-2",
-		children: [C, /* @__PURE__ */ jsx(Switch, {
-			id: "debug-mode",
-			checked: h.enableDebugMode,
-			onCheckedChange: w
-		})]
-	}), m[8] = h.enableDebugMode, m[9] = w, m[10] = T) : T = m[10];
-	let E;
-	m[11] === Symbol.for("react.memo_cache_sentinel") ? (E = /* @__PURE__ */ jsxs("div", {
-		className: "flex-1",
-		children: [/* @__PURE__ */ jsx(Label, {
-			htmlFor: "message-history",
-			className: "text-sm font-medium",
-			children: "Full Message History"
-		}), /* @__PURE__ */ jsx("p", {
-			className: "text-muted-foreground text-sm",
-			children: "Show all internal messages and prompts"
-		})]
-	}), m[11] = E) : E = m[11];
-	let D;
-	m[12] === b ? D = m[13] : (D = (e) => b("showFullMessageHistory", e), m[12] = b, m[13] = D);
-	let O;
-	m[14] !== h.showFullMessageHistory || m[15] !== D ? (O = /* @__PURE__ */ jsxs("div", {
-		className: "flex items-center justify-between space-x-2",
-		children: [E, /* @__PURE__ */ jsx(Switch, {
-			id: "message-history",
-			checked: h.showFullMessageHistory,
-			onCheckedChange: D
-		})]
-	}), m[14] = h.showFullMessageHistory, m[15] = D, m[16] = O) : O = m[16];
-	let k;
-	m[17] !== T || m[18] !== O ? (k = /* @__PURE__ */ jsxs(DialogContent, {
+	m[8] !== h.enableDebugMode || m[9] !== w ? (T = /* @__PURE__ */ jsxs(DialogContent, {
 		className: "sm:max-w-md",
-		children: [S, /* @__PURE__ */ jsxs("div", {
+		children: [S, /* @__PURE__ */ jsx("div", {
 			className: "flex flex-col gap-4 p-4",
-			children: [T, O]
+			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
+				})]
+			})
 		})]
-	}), m[17] = T, m[18] = O, m[19] = k) : k = m[19];
-	let A;
-	return m[20] !== v || m[21] !== _ || m[22] !== k ? (A = /* @__PURE__ */ jsxs(Dialog, {
+	}), 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, k]
-	}), m[20] = v, m[21] = _, m[22] = k, m[23] = A) : A = m[23], A;
+		children: [x, T]
+	}), m[11] = v, m[12] = _, m[13] = T, m[14] = E) : E = m[14], E;
 };
 export { WorkbenchSettingsModal_default as default };

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

@@ -1,21 +1,22 @@
+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 = (e) => {
-	let o = c(8), { workflow: s, onSubmit: l } = e, u = s.ui?.actions;
-	if (!u?.length) return null;
-	let d;
-	o[0] === s.availableTransitions ? d = o[1] : (d = s.availableTransitions?.map(_temp) ?? [], o[0] = s.availableTransitions, o[1] = d);
-	let f = d, p = u, m = s.status === import_enums.WorkflowState.Completed, h;
-	return o[2] !== f || o[3] !== l || o[4] !== p || o[5] !== m || o[6] !== s.place ? (h = /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(UiActions_default, {
-		actions: p,
-		availableTransitions: f,
-		currentPlace: s.place,
-		disabled: m,
-		onSubmit: l
-	}) }), o[2] = f, o[3] = l, o[4] = p, o[5] = m, o[6] = s.place, o[7] = h) : h = o[7], h;
+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], _;
 };
 function _temp(e) {
 	return e.id;