@loopstack/loopstack-studio 0.24.0 → 0.25.1

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

@@ -1,90 +1,59 @@
-import { Button } from "../../../components/ui/button.js";
-import { ScrollArea } from "../../../components/ui/scroll-area.js";
-import { CodeExplorerTreeNode } from "../../code-explorer/components/CodeExplorerTreeNode.js";
-import { useRemoteFileExplorer } from "../providers/RemoteFileExplorerProvider.js";
-import { c } from "react/compiler-runtime";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { AlertCircle, Loader2, RefreshCw } from "lucide-react";
-var RemoteFileTree_default = () => {
-	let d = c(35), { nodes: f, isTreeLoading: p, treeError: m, isFetchingTree: h, expandedFolders: g, toggleFolder: _, selectFile: v, closeFile: y, selectedFile: b, refreshTree: x } = useRemoteFileExplorer();
-	if (p) {
-		let e;
-		return d[0] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ jsxs("div", {
-			className: "flex items-center gap-2 p-3 text-sm text-muted-foreground",
-			children: [/* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }), "Loading file tree…"]
-		}), d[0] = e) : e = d[0], e;
-	}
-	if (m) {
-		let a;
-		d[1] === Symbol.for("react.memo_cache_sentinel") ? (a = /* @__PURE__ */ jsx(AlertCircle, { className: "mt-0.5 h-4 w-4 shrink-0" }), d[1] = a) : a = d[1];
-		let o = m instanceof Error ? m.message : String(m), s;
-		d[2] === o ? s = d[3] : (s = /* @__PURE__ */ jsxs("div", {
+import { Button as e } from "../../../components/ui/button.js";
+import { ScrollArea as t } from "../../../components/ui/scroll-area.js";
+import { CodeExplorerTreeNode as n } from "../../code-explorer/components/CodeExplorerTreeNode.js";
+import { useRemoteFileExplorer as r } from "../providers/RemoteFileExplorerProvider.js";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { AlertCircle as o, Loader2 as s, RefreshCw as c } from "lucide-react";
+//#region src/features/workbench/components/RemoteFileTree.tsx
+var l = () => {
+	let { nodes: l, isTreeLoading: u, treeError: d, isFetchingTree: f, expandedFolders: p, toggleFolder: m, selectFile: h, closeFile: g, selectedFile: _, refreshTree: v } = r();
+	return u ? /* @__PURE__ */ a("div", {
+		className: "flex items-center gap-2 p-3 text-sm text-muted-foreground",
+		children: [/* @__PURE__ */ i(s, { className: "h-4 w-4 animate-spin" }), "Loading file tree…"]
+	}) : d ? /* @__PURE__ */ a("div", {
+		className: "space-y-2 p-3",
+		children: [/* @__PURE__ */ a("div", {
 			className: "flex items-start gap-2 text-sm text-destructive",
-			children: [a, /* @__PURE__ */ jsx("span", { children: o })]
-		}), d[2] = o, d[3] = s);
-		let l;
-		d[4] === Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ jsx(RefreshCw, { className: "mr-1.5 h-3.5 w-3.5" }), d[4] = l) : l = d[4];
-		let u;
-		d[5] === x ? u = d[6] : (u = /* @__PURE__ */ jsxs(Button, {
+			children: [/* @__PURE__ */ i(o, { className: "mt-0.5 h-4 w-4 shrink-0" }), /* @__PURE__ */ i("span", { children: d instanceof Error ? d.message : String(d) })]
+		}), /* @__PURE__ */ a(e, {
 			variant: "outline",
 			size: "sm",
-			onClick: x,
-			children: [l, "Retry"]
-		}), d[5] = x, d[6] = u);
-		let f;
-		return d[7] !== s || d[8] !== u ? (f = /* @__PURE__ */ jsxs("div", {
-			className: "space-y-2 p-3",
-			children: [s, u]
-		}), d[7] = s, d[8] = u, d[9] = f) : f = d[9], f;
-	}
-	if (f.length === 0) {
-		let e;
-		return d[10] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ jsx("p", {
-			className: "px-2 py-4 text-sm text-muted-foreground",
-			children: "No files found"
-		}), d[10] = e) : e = d[10], e;
-	}
-	let S = `h-3 w-3 ${h ? "animate-spin" : ""}`, C;
-	d[11] === S ? C = d[12] : (C = /* @__PURE__ */ jsx(RefreshCw, { className: S }), d[11] = S, d[12] = C);
-	let w;
-	d[13] !== h || d[14] !== x || d[15] !== C ? (w = /* @__PURE__ */ jsx("div", {
-		className: "flex items-center justify-end px-1",
-		children: /* @__PURE__ */ jsx(Button, {
-			variant: "ghost",
-			size: "icon",
-			className: "h-6 w-6",
-			onClick: x,
-			disabled: h,
-			children: C
-		})
-	}), d[13] = h, d[14] = x, d[15] = C, d[16] = w) : w = d[16];
-	let T;
-	if (d[17] !== y || d[18] !== g || d[19] !== f || d[20] !== v || d[21] !== b?.id || d[22] !== _) {
-		let e;
-		d[24] !== y || d[25] !== g || d[26] !== v || d[27] !== b?.id || d[28] !== _ ? (e = (e) => /* @__PURE__ */ jsx(CodeExplorerTreeNode, {
-			node: e,
-			depth: 0,
-			expandedFolders: g,
-			toggleFolder: _,
-			onSelectFile: v,
-			onCloseFile: y,
-			selectedFileId: b?.id
-		}, e.id), d[24] = y, d[25] = g, d[26] = v, d[27] = b?.id, d[28] = _, d[29] = e) : e = d[29], T = f.map(e), d[17] = y, d[18] = g, d[19] = f, d[20] = v, d[21] = b?.id, d[22] = _, d[23] = T;
-	} else T = d[23];
-	let E;
-	d[30] === T ? E = d[31] : (E = /* @__PURE__ */ jsx(ScrollArea, {
-		className: "h-full w-full",
-		children: /* @__PURE__ */ jsx("div", {
-			className: "w-full py-1",
-			role: "tree",
-			"aria-label": "Remote file tree",
-			children: T
-		})
-	}), d[30] = T, d[31] = E);
-	let D;
-	return d[32] !== w || d[33] !== E ? (D = /* @__PURE__ */ jsxs("div", {
+			onClick: v,
+			children: [/* @__PURE__ */ i(c, { className: "mr-1.5 h-3.5 w-3.5" }), "Retry"]
+		})]
+	}) : l.length === 0 ? /* @__PURE__ */ i("p", {
+		className: "px-2 py-4 text-sm text-muted-foreground",
+		children: "No files found"
+	}) : /* @__PURE__ */ a("div", {
 		className: "flex h-full flex-col gap-1.5",
-		children: [w, E]
-	}), d[32] = w, d[33] = E, d[34] = D) : D = d[34], D;
+		children: [/* @__PURE__ */ i("div", {
+			className: "flex items-center justify-end px-1",
+			children: /* @__PURE__ */ i(e, {
+				variant: "ghost",
+				size: "icon",
+				className: "h-6 w-6",
+				onClick: v,
+				disabled: f,
+				children: /* @__PURE__ */ i(c, { className: `h-3 w-3 ${f ? "animate-spin" : ""}` })
+			})
+		}), /* @__PURE__ */ i(t, {
+			className: "h-full w-full",
+			children: /* @__PURE__ */ i("div", {
+				className: "w-full py-1",
+				role: "tree",
+				"aria-label": "Remote file tree",
+				children: l.map((e) => /* @__PURE__ */ i(n, {
+					node: e,
+					depth: 0,
+					expandedFolders: p,
+					toggleFolder: m,
+					onSelectFile: h,
+					onCloseFile: g,
+					selectedFileId: _?.id
+				}, e.id))
+			})
+		})]
+	});
 };
-export { RemoteFileTree_default as default };
+//#endregion
+export { l as default };

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

@@ -1,67 +1,56 @@
-import { cn } from "../../../lib/utils.js";
-import { Button } from "../../../components/ui/button.js";
-import { useWorkbenchLayout } from "../providers/WorkbenchLayoutProvider.js";
-import { FileContentViewer } from "../../code-explorer/components/FileContentViewer.js";
+import { cn as e } from "../../../lib/utils.js";
+import { Button as t } from "../../../components/ui/button.js";
+import { FileContentViewer as n } from "../../code-explorer/components/FileContentViewer.js";
 import "../../code-explorer/index.js";
-import { useOptionalRemoteFileExplorer } from "../providers/RemoteFileExplorerProvider.js";
-import { RemoteFileTabsBar } from "./RemoteFileTabsBar.js";
-import RemoteFileTree_default from "./RemoteFileTree.js";
-import { c } from "react/compiler-runtime";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { X } from "lucide-react";
-function WorkbenchFilesPanel() {
-	let p = c(10), { closeSidePanel: m, fileExplorerEnabled: h } = useWorkbenchLayout(), g = useOptionalRemoteFileExplorer();
-	if (!h) return null;
-	let _;
-	p[0] === Symbol.for("react.memo_cache_sentinel") ? (_ = /* @__PURE__ */ jsx("span", {
-		className: "text-sm font-medium",
-		children: "Files"
-	}), p[0] = _) : _ = p[0];
-	let v;
-	p[1] === Symbol.for("react.memo_cache_sentinel") ? (v = cn("h-5 w-5 shrink-0 rounded transition-opacity", "hover:bg-destructive/10 hover:text-destructive"), p[1] = v) : v = p[1];
-	let y;
-	p[2] === Symbol.for("react.memo_cache_sentinel") ? (y = /* @__PURE__ */ jsx(X, { className: "h-3.5 w-3.5" }), p[2] = y) : y = p[2];
-	let b;
-	p[3] === m ? b = p[4] : (b = /* @__PURE__ */ jsxs("div", {
-		className: "border-b flex h-12 shrink-0 items-center justify-between px-3",
-		children: [_, /* @__PURE__ */ jsx(Button, {
-			variant: "ghost",
-			size: "icon",
-			className: v,
-			onClick: m,
-			"aria-label": "Close Files Panel",
-			children: y
-		})]
-	}), p[3] = m, p[4] = b);
-	let x;
-	p[5] === g ? x = p[6] : (x = /* @__PURE__ */ jsx("div", {
-		className: "flex-1 overflow-hidden flex",
-		children: g ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", {
-			className: "w-64 shrink-0 border-r bg-muted/40",
-			children: /* @__PURE__ */ jsx(RemoteFileTree_default, {})
-		}), /* @__PURE__ */ jsxs("div", {
-			className: "flex-1 flex flex-col min-w-0",
-			children: [/* @__PURE__ */ jsx(RemoteFileTabsBar, {}), /* @__PURE__ */ jsx("div", {
-				className: "flex-1 overflow-hidden p-3 pt-2",
-				children: /* @__PURE__ */ jsx(FileContentViewer, {
-					selectedFile: g.selectedFile,
-					content: g.fileContent,
-					isLoading: g.isContentLoading,
-					className: "h-full"
-				})
+import { useOptionalRemoteFileExplorer as r } from "../providers/RemoteFileExplorerProvider.js";
+import { useWorkbenchLayout as i } from "../providers/WorkbenchLayoutProvider.js";
+import { RemoteFileTabsBar as a } from "./RemoteFileTabsBar.js";
+import o from "./RemoteFileTree.js";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+import { X as u } from "lucide-react";
+//#region src/features/workbench/components/WorkbenchFilesPanel.tsx
+function d() {
+	let { closeSidePanel: d, fileExplorerEnabled: f } = i(), p = r();
+	return f ? /* @__PURE__ */ l("div", {
+		className: "border-l bg-background flex w-2/3 shrink-0 flex-col",
+		children: [/* @__PURE__ */ l("div", {
+			className: "border-b flex h-12 shrink-0 items-center justify-between px-3",
+			children: [/* @__PURE__ */ c("span", {
+				className: "text-sm font-medium",
+				children: "Files"
+			}), /* @__PURE__ */ c(t, {
+				variant: "ghost",
+				size: "icon",
+				className: e("h-5 w-5 shrink-0 rounded transition-opacity", "hover:bg-destructive/10 hover:text-destructive"),
+				onClick: d,
+				"aria-label": "Close Files Panel",
+				children: /* @__PURE__ */ c(u, { className: "h-3.5 w-3.5" })
 			})]
-		})] }) : /* @__PURE__ */ jsx("div", {
-			className: "flex-1 flex items-center justify-center p-4",
-			children: /* @__PURE__ */ jsx("p", {
-				className: "text-sm text-muted-foreground",
-				children: "Remote file explorer is not available for this workspace."
+		}), /* @__PURE__ */ c("div", {
+			className: "flex-1 overflow-hidden flex",
+			children: p ? /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c("div", {
+				className: "w-64 shrink-0 border-r bg-muted/40",
+				children: /* @__PURE__ */ c(o, {})
+			}), /* @__PURE__ */ l("div", {
+				className: "flex-1 flex flex-col min-w-0",
+				children: [/* @__PURE__ */ c(a, {}), /* @__PURE__ */ c("div", {
+					className: "flex-1 overflow-hidden p-3 pt-2",
+					children: /* @__PURE__ */ c(n, {
+						selectedFile: p.selectedFile,
+						content: p.fileContent,
+						isLoading: p.isContentLoading,
+						className: "h-full"
+					})
+				})]
+			})] }) : /* @__PURE__ */ c("div", {
+				className: "flex-1 flex items-center justify-center p-4",
+				children: /* @__PURE__ */ c("p", {
+					className: "text-sm text-muted-foreground",
+					children: "Remote file explorer is not available for this workspace."
+				})
 			})
-		})
-	}), p[5] = g, p[6] = x);
-	let S;
-	return p[7] !== b || p[8] !== x ? (S = /* @__PURE__ */ jsxs("div", {
-		className: "border-l bg-background flex w-2/3 shrink-0 flex-col",
-		children: [b, x]
-	}), p[7] = b, p[8] = x, p[9] = S) : S = p[9], S;
+		})]
+	}) : null;
 }
-export { WorkbenchFilesPanel };
+//#endregion
+export { d as WorkbenchFilesPanel };

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

@@ -1,96 +1,40 @@
-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 { c } from "react/compiler-runtime";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { X } from "lucide-react";
-var PANEL_TITLES = {
-	navigation: "Navigate",
+import { cn as e } from "../../../lib/utils.js";
+import { useWorkbenchLayout as t } from "../providers/WorkbenchLayoutProvider.js";
+import { WorkbenchSecretsPanel as n } from "./WorkbenchSecretsPanel.js";
+import r from "./WorkflowHistoryList.js";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { X as o } from "lucide-react";
+//#region src/features/workbench/components/WorkbenchFloatingPanel.tsx
+var s = {
 	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", {
+function c() {
+	let { workflow: e } = t();
+	return /* @__PURE__ */ i("div", {
 		className: "overflow-auto p-2",
-		children: /* @__PURE__ */ jsx(PipelineHistoryList_default, { pipeline: u })
-	}), e[0] = u, e[1] = d), d;
+		children: /* @__PURE__ */ i(r, { workflow: e })
+	});
 }
-function WorkbenchFloatingPanel() {
-	let u = c(22), { activeFloatingPanel: d, closeFloatingPanel: p } = 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", {
-		className: "text-sm font-medium",
-		children: h
-	}), u[1] = h, u[2] = g);
-	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,
-		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", {
-		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];
-	let b;
-	u[9] === d ? b = u[10] : (b = d === "navigation" && /* @__PURE__ */ jsx(NavigationContent, {}), u[9] = d, u[10] = 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", {
-		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;
+function l() {
+	let { activeFloatingPanel: r, closeFloatingPanel: l } = t();
+	return r ? /* @__PURE__ */ a("div", {
+		className: e("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"),
+		children: [/* @__PURE__ */ a("div", {
+			className: "border-b flex h-12 shrink-0 items-center justify-between px-3",
+			children: [/* @__PURE__ */ i("span", {
+				className: "text-sm font-medium",
+				children: s[r]
+			}), /* @__PURE__ */ i("button", {
+				onClick: l,
+				className: "text-muted-foreground hover:text-foreground flex h-8 w-8 items-center justify-center rounded-md transition-colors hover:cursor-pointer",
+				children: /* @__PURE__ */ i(o, { className: "h-4 w-4" })
+			})]
+		}), /* @__PURE__ */ a("div", {
+			className: "flex-1 overflow-hidden",
+			children: [r === "history" && /* @__PURE__ */ i(c, {}), r === "secrets" && /* @__PURE__ */ i(n, {})]
+		})]
+	}) : null;
 }
-export { WorkbenchFloatingPanel };
+//#endregion
+export { l as WorkbenchFloatingPanel };

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

@@ -1,49 +1,38 @@
-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 { ReactFlowProvider } from "../../../node_modules/@xyflow/react/dist/esm/index.js";
-import PipelineFlowViewer_default from "../../debug/components/PipelineFlowViewer.js";
+import { useChildWorkflows as e, useWorkflow as t, useWorkflowConfigByName as n } from "../../../hooks/useWorkflows.js";
+import { ReactFlowProvider as r } from "../../../node_modules/@xyflow/react/dist/esm/index.js";
+import i from "../../debug/components/WorkflowFlowViewer.js";
 import "../../debug/index.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", {
-		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", {
-		className: "border-b flex h-12 shrink-0 items-center justify-between px-3",
-		children: [x, /* @__PURE__ */ jsx("button", {
-			onClick: m,
-			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
-		})]
-	}), f[4] = m, f[5] = C);
-	let w;
-	f[6] !== v || f[7] !== p.id || f[8] !== b ? (w = /* @__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
-		}) }) : /* @__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", {
+import { useWorkbenchLayout as a } from "../providers/WorkbenchLayoutProvider.js";
+import { useMemo as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { X as l } from "lucide-react";
+//#region src/features/workbench/components/WorkbenchFlowPanel.tsx
+function u() {
+	let { workflow: u, closeSidePanel: d } = a(), f = t(u.id), p = e(u.id), m = n(f.data?.className ?? void 0), h = o(() => p.data ?? [], [p.data]);
+	return /* @__PURE__ */ c("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: [/* @__PURE__ */ c("div", {
+			className: "border-b flex h-12 shrink-0 items-center justify-between px-3",
+			children: [/* @__PURE__ */ s("span", {
+				className: "text-sm font-medium",
+				children: "Graph"
+			}), /* @__PURE__ */ s("button", {
+				onClick: d,
+				className: "text-muted-foreground hover:text-foreground flex h-8 w-8 items-center justify-center rounded-md transition-colors hover:cursor-pointer",
+				children: /* @__PURE__ */ s(l, { className: "h-4 w-4" })
+			})]
+		}), /* @__PURE__ */ s("div", {
+			className: "flex-1 overflow-hidden",
+			children: h.length > 0 ? /* @__PURE__ */ s(r, { children: /* @__PURE__ */ s(i, {
+				workflowId: u.id,
+				workflows: h,
+				workflowConfig: m.data
+			}) }) : /* @__PURE__ */ s("div", {
+				className: "text-muted-foreground flex h-full items-center justify-center text-sm",
+				children: "No workflows found"
+			})
+		})]
+	});
 }
-export { WorkbenchFlowPanel };
+//#endregion
+export { u as WorkbenchFlowPanel };

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

@@ -1,88 +1,58 @@
-import { cn } from "../../../lib/utils.js";
-import { Tooltip, TooltipContent, TooltipTrigger } from "../../../components/ui/tooltip.js";
-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";
-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);
-	let g;
-	l[2] !== u || l[3] !== p || l[4] !== h ? (g = /* @__PURE__ */ jsx(TooltipTrigger, {
+import { cn as e } from "../../../lib/utils.js";
+import { Tooltip as t, TooltipContent as n, TooltipTrigger as r } from "../../../components/ui/tooltip.js";
+import { useWorkbenchLayout as i } from "../providers/WorkbenchLayoutProvider.js";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+import { Files as c, KeyRound as l, ListOrdered as u, MonitorPlay as d, Workflow as f } from "lucide-react";
+//#region src/features/workbench/components/WorkbenchIconSidebar.tsx
+function p({ icon: i, label: a, active: c, onClick: l }) {
+	return /* @__PURE__ */ s(t, { children: [/* @__PURE__ */ o(r, {
 		asChild: !0,
-		children: /* @__PURE__ */ jsx("button", {
-			onClick: p,
-			className: h,
-			children: u
+		children: /* @__PURE__ */ o("button", {
+			onClick: l,
+			className: e("flex h-10 w-10 items-center justify-center rounded-md transition-colors hover:cursor-pointer", c ? "bg-foreground text-background" : "text-muted-foreground hover:bg-accent/50 hover:text-accent-foreground"),
+			children: i
 		})
-	}), l[2] = u, l[3] = p, l[4] = h, l[5] = g) : g = l[5];
-	let _;
-	l[6] === d ? _ = l[7] : (_ = /* @__PURE__ */ jsx(TooltipContent, {
+	}), /* @__PURE__ */ o(n, {
 		side: "left",
-		children: d
-	}), l[6] = d, l[7] = _);
-	let v;
-	return l[8] !== g || l[9] !== _ ? (v = /* @__PURE__ */ jsxs(Tooltip, { children: [g, _] }), l[8] = g, l[9] = _, l[10] = v) : v = l[10], v;
+		children: a
+	})] });
 }
-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, {
-		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, {
-		icon: /* @__PURE__ */ jsx(Workflow, { className: "h-5 w-5" }),
-		label: "Graph",
-		active: y === "flow",
-		onClick: () => b("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];
-	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);
-	let E;
-	e[13] !== w || e[14] !== T ? (E = /* @__PURE__ */ jsx(IconButton, {
-		icon: C,
-		label: "Navigate",
-		active: w,
-		onClick: T
-	}), e[13] = w, e[14] = T, e[15] = E) : E = e[15];
-	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", {
+function m() {
+	let { previewPanelEnabled: e, fileExplorerEnabled: t, isDeveloperMode: n, activeFloatingPanel: r, toggleFloatingPanel: m, activeSidePanel: h, toggleSidePanel: g } = i();
+	return /* @__PURE__ */ s("div", {
 		className: "border-l bg-background flex w-12 shrink-0 flex-col items-center gap-1 py-2",
 		children: [
-			x,
-			S,
-			E,
-			D,
-			j
+			e && /* @__PURE__ */ o(p, {
+				icon: /* @__PURE__ */ o(d, { className: "h-5 w-5" }),
+				label: "Preview",
+				active: h === "preview",
+				onClick: () => g("preview")
+			}),
+			n && /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o(p, {
+				icon: /* @__PURE__ */ o(f, { className: "h-5 w-5" }),
+				label: "Graph",
+				active: h === "flow",
+				onClick: () => g("flow")
+			}), /* @__PURE__ */ o(p, {
+				icon: /* @__PURE__ */ o(u, { className: "h-5 w-5" }),
+				label: "Run Log",
+				active: r === "history",
+				onClick: () => m("history")
+			})] }),
+			t && /* @__PURE__ */ o(p, {
+				icon: /* @__PURE__ */ o(c, { className: "h-5 w-5" }),
+				label: "Files",
+				active: h === "files",
+				onClick: () => g("files")
+			}),
+			/* @__PURE__ */ o(p, {
+				icon: /* @__PURE__ */ o(l, { className: "h-5 w-5" }),
+				label: "Secrets",
+				active: r === "secrets",
+				onClick: () => m("secrets")
+			})
 		]
-	}), e[26] = x, e[27] = S, e[28] = j, e[29] = E, e[30] = D, e[31] = M) : M = e[31], M;
+	});
 }
-export { WorkbenchIconSidebar };
+//#endregion
+export { m as WorkbenchIconSidebar };