@loopstack/loopstack-studio 0.23.1 → 0.24.0

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

@@ -4,85 +4,93 @@ 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",
-	history: "Run Log"
+	history: "Run Log",
+	secrets: "Secrets"
 };
 function NavigationContent() {
-	let e = c(3), { pipeline: f } = useWorkbenchLayout(), p;
-	e[0] === Symbol.for("react.memo_cache_sentinel") ? (p = { "--sidebar-width": "100%" }, e[0] = p) : p = e[0];
-	let m;
-	return e[1] === f.id ? m = e[2] : (m = /* @__PURE__ */ jsx(SidebarProvider, {
+	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: p,
+		style: m,
 		children: /* @__PURE__ */ jsx("div", {
 			className: "w-full overflow-auto p-2",
-			children: /* @__PURE__ */ jsx(SidebarMenu, { children: /* @__PURE__ */ jsx(NavigationContentInner, { pipelineId: f.id }) })
+			children: /* @__PURE__ */ jsx(SidebarMenu, { children: /* @__PURE__ */ jsx(NavigationContentInner, { pipelineId: p.id }) })
 		})
-	}), e[1] = f.id, e[2] = m), m;
+	}), e[1] = p.id, e[2] = h), h;
 }
 function NavigationContentInner(e) {
-	let l = c(3), { pipelineId: u } = e, d = useNamespaceTree(u);
-	if (!d || d.length === 0) {
+	let u = c(3), { pipelineId: d } = e, f = useNamespaceTree(d);
+	if (!f || f.length === 0) {
 		let e;
-		return l[0] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ jsx("div", {
+		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"
-		}), l[0] = e) : e = l[0], e;
+		}), u[0] = e) : e = u[0], e;
 	}
-	let m;
-	return l[1] === d ? m = l[2] : (m = /* @__PURE__ */ jsx(WorkbenchNavigation_default, {
-		namespaceTree: d,
+	let h;
+	return u[1] === f ? h = u[2] : (h = /* @__PURE__ */ jsx(WorkbenchNavigation_default, {
+		namespaceTree: f,
 		indent: 0
-	}), l[1] = d, l[2] = m), m;
+	}), u[1] = f, u[2] = h), h;
 }
 function HistoryContent() {
-	let e = c(2), { pipeline: l } = useWorkbenchLayout(), u;
-	return e[0] === l ? u = e[1] : (u = /* @__PURE__ */ jsx("div", {
+	let e = c(2), { pipeline: u } = useWorkbenchLayout(), d;
+	return e[0] === u ? d = e[1] : (d = /* @__PURE__ */ jsx("div", {
 		className: "overflow-auto p-2",
-		children: /* @__PURE__ */ jsx(PipelineHistoryList_default, { pipeline: l })
-	}), e[0] = l, e[1] = u), u;
+		children: /* @__PURE__ */ jsx(PipelineHistoryList_default, { pipeline: u })
+	}), e[0] = u, e[1] = d), d;
 }
 function WorkbenchFloatingPanel() {
-	let l = c(19), { activeFloatingPanel: u, closeFloatingPanel: f } = useWorkbenchLayout();
-	if (!u) return null;
-	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[u], h;
-	l[1] === m ? h = l[2] : (h = /* @__PURE__ */ jsx("span", {
+	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: 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];
+		children: h
+	}), u[1] = h, u[2] = g);
 	let _;
-	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: g
-	}), l[4] = f, l[5] = _);
+	u[3] === Symbol.for("react.memo_cache_sentinel") ? (_ = /* @__PURE__ */ jsx(X, { className: "h-4 w-4" }), u[3] = _) : _ = u[3];
 	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: [h, _]
-	}), l[6] = h, l[7] = _, l[8] = v) : v = l[8];
+	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;
-	l[9] === u ? y = l[10] : (y = u === "navigation" && /* @__PURE__ */ jsx(NavigationContent, {}), l[9] = u, l[10] = 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;
-	l[11] === u ? b = l[12] : (b = u === "history" && /* @__PURE__ */ jsx(HistoryContent, {}), l[11] = u, l[12] = b);
+	u[9] === d ? b = u[10] : (b = d === "navigation" && /* @__PURE__ */ jsx(NavigationContent, {}), u[9] = d, u[10] = b);
 	let x;
-	l[13] !== y || l[14] !== b ? (x = /* @__PURE__ */ jsxs("div", {
-		className: "flex-1 overflow-hidden",
-		children: [y, b]
-	}), l[13] = y, l[14] = b, l[15] = x) : x = l[15];
+	u[11] === d ? x = u[12] : (x = d === "history" && /* @__PURE__ */ jsx(HistoryContent, {}), u[11] = d, u[12] = x);
 	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;
+	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;
 }
 export { WorkbenchFloatingPanel };

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, ListOrdered, MonitorPlay, Navigation, Workflow } from "lucide-react";
+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);
@@ -25,52 +25,64 @@ 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(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, {
+	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: 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, {
+		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: v === "flow",
-		onClick: () => y("flow")
+		active: y === "flow",
+		onClick: () => b("flow")
 	}), /* @__PURE__ */ jsx(IconButton, {
 		icon: /* @__PURE__ */ jsx(ListOrdered, { className: "h-5 w-5" }),
 		label: "Run Log",
-		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] === Symbol.for("react.memo_cache_sentinel") ? (S = /* @__PURE__ */ jsx(Navigation, { className: "h-5 w-5" }), e[10] = S) : S = e[10];
-	let C = g === "navigation", w;
-	e[11] === _ ? w = e[12] : (w = () => _("navigation"), e[11] = _, e[12] = w);
-	let T;
-	e[13] !== C || e[14] !== w ? (T = /* @__PURE__ */ jsx(IconButton, {
-		icon: S,
-		label: "Navigate",
-		active: C,
-		onClick: w
-	}), e[13] = C, e[14] = w, e[15] = T) : T = e[15];
+		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[16] !== v || e[17] !== a || e[18] !== y ? (E = a && /* @__PURE__ */ jsx(IconButton, {
+	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: v === "files",
-		onClick: () => y("files")
-	}), e[16] = v, e[17] = a, e[18] = y, e[19] = E) : E = e[19];
-	let D;
-	return e[20] !== b || e[21] !== x || e[22] !== T || e[23] !== E ? (D = /* @__PURE__ */ jsxs("div", {
+		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", {
 		className: "border-l bg-background flex w-12 shrink-0 flex-col items-center gap-1 py-2",
 		children: [
-			b,
 			x,
-			T,
-			E
+			S,
+			E,
+			D,
+			j
 		]
-	}), e[20] = b, e[21] = x, e[22] = T, e[23] = E, e[24] = D) : D = e[24], D;
+	}), e[26] = x, e[27] = S, e[28] = j, e[29] = E, e[30] = D, e[31] = M) : M = e[31], M;
 }
 export { WorkbenchIconSidebar };

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

@@ -0,0 +1,182 @@
+import { Button } from "../../../components/ui/button.js";
+import { Input } from "../../../components/ui/input.js";
+import { Label } from "../../../components/ui/label.js";
+import { useCreateSecret, useDeleteSecret, useUpdateSecret, useWorkspaceSecrets } from "../../../hooks/useSecrets.js";
+import { useWorkbenchLayout } from "../providers/WorkbenchLayoutProvider.js";
+import { c } from "react/compiler-runtime";
+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;
+	_[0] !== S || _[1] !== T || _[2] !== D || _[3] !== y ? (N = async () => {
+		!y || !T.trim() || !D.trim() || (await S.mutateAsync({
+			workspaceId: y,
+			key: T.trim(),
+			value: D
+		}), E(""), O(""));
+	}, _[0] = S, _[1] = T, _[2] = D, _[3] = y, _[4] = N) : N = _[4];
+	let P = N, F;
+	_[5] !== j || _[6] !== C || _[7] !== y ? (F = async (n) => {
+		!y || !j || (await C.mutateAsync({
+			workspaceId: y,
+			id: n,
+			value: j
+		}), A(null), M(""));
+	}, _[5] = j, _[6] = C, _[7] = y, _[8] = F) : F = _[8];
+	let I = F, L;
+	_[9] !== w || _[10] !== y ? (L = async (n) => {
+		y && await w.mutateAsync({
+			workspaceId: y,
+			id: n
+		});
+	}, _[9] = w, _[10] = y, _[11] = L) : L = _[11];
+	let R = L, z;
+	_[12] === Symbol.for("react.memo_cache_sentinel") ? (z = /* @__PURE__ */ jsxs("div", {
+		className: "border-b px-4 py-3",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-2",
+			children: [/* @__PURE__ */ jsx(KeyRound, { className: "h-4 w-4" }), /* @__PURE__ */ jsx("h3", {
+				className: "text-sm font-medium",
+				children: "Secrets"
+			})]
+		}), /* @__PURE__ */ jsx("p", {
+			className: "text-muted-foreground mt-1 text-xs",
+			children: "Manage environment variables for this workspace."
+		})]
+	}), _[12] = z) : z = _[12];
+	let B;
+	_[13] !== j || _[14] !== k || _[15] !== R || _[16] !== I || _[17] !== x || _[18] !== b ? (B = /* @__PURE__ */ jsx("div", {
+		className: "flex-1 overflow-y-auto px-4 py-3",
+		children: x ? /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-2 py-4",
+			children: [/* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }), /* @__PURE__ */ jsx("span", {
+				className: "text-muted-foreground text-sm",
+				children: "Loading..."
+			})]
+		}) : /* @__PURE__ */ jsxs("div", {
+			className: "space-y-2",
+			children: [b?.map((g) => /* @__PURE__ */ jsxs("div", {
+				className: "bg-muted/50 flex items-center gap-2 rounded-md px-3 py-2",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "flex-1",
+					children: [/* @__PURE__ */ jsx("div", {
+						className: "font-mono text-sm",
+						children: g.key
+					}), /* @__PURE__ */ jsx("div", {
+						className: "text-muted-foreground text-xs",
+						children: g.hasValue ? "Value set" : "No value"
+					})]
+				}), k === g.id ? /* @__PURE__ */ jsxs("div", {
+					className: "flex items-center gap-1",
+					children: [
+						/* @__PURE__ */ jsx(Input, {
+							type: "password",
+							value: j,
+							onChange: (n) => M(n.target.value),
+							placeholder: "New value",
+							className: "h-7 w-32 text-xs"
+						}),
+						/* @__PURE__ */ jsx(Button, {
+							size: "sm",
+							variant: "outline",
+							className: "h-7 text-xs",
+							onClick: () => void I(g.id),
+							children: "Save"
+						}),
+						/* @__PURE__ */ jsx(Button, {
+							size: "sm",
+							variant: "ghost",
+							className: "h-7 text-xs",
+							onClick: () => {
+								A(null), M("");
+							},
+							children: "Cancel"
+						})
+					]
+				}) : /* @__PURE__ */ jsxs("div", {
+					className: "flex items-center gap-1",
+					children: [/* @__PURE__ */ jsx(Button, {
+						size: "sm",
+						variant: "ghost",
+						className: "h-7 text-xs",
+						onClick: () => {
+							A(g.id), M("");
+						},
+						children: "Update"
+					}), /* @__PURE__ */ jsx(Button, {
+						size: "sm",
+						variant: "ghost",
+						className: "h-7",
+						onClick: () => void R(g.id),
+						children: /* @__PURE__ */ jsx(Trash2, { className: "h-3 w-3" })
+					})]
+				})]
+			}, g.id)), b?.length === 0 && /* @__PURE__ */ jsx("p", {
+				className: "text-muted-foreground py-4 text-center text-sm",
+				children: "No secrets yet."
+			})]
+		})
+	}), _[13] = j, _[14] = k, _[15] = R, _[16] = I, _[17] = x, _[18] = b, _[19] = B) : B = _[19];
+	let V;
+	_[20] === Symbol.for("react.memo_cache_sentinel") ? (V = /* @__PURE__ */ jsx(Label, {
+		className: "text-xs",
+		children: "Add Secret"
+	}), _[20] = V) : V = _[20];
+	let H;
+	_[21] === Symbol.for("react.memo_cache_sentinel") ? (H = (n) => E(n.target.value), _[21] = H) : H = _[21];
+	let U;
+	_[22] === T ? U = _[23] : (U = /* @__PURE__ */ jsx(Input, {
+		value: T,
+		onChange: H,
+		placeholder: "KEY_NAME",
+		className: "font-mono text-sm"
+	}), _[22] = T, _[23] = U);
+	let W;
+	_[24] === Symbol.for("react.memo_cache_sentinel") ? (W = (n) => O(n.target.value), _[24] = W) : W = _[24];
+	let G;
+	_[25] === D ? G = _[26] : (G = /* @__PURE__ */ jsx(Input, {
+		type: "password",
+		value: D,
+		onChange: W,
+		placeholder: "Value",
+		className: "text-sm"
+	}), _[25] = D, _[26] = G);
+	let K;
+	_[27] !== S.isPending || _[28] !== T || _[29] !== D ? (K = !T.trim() || !D.trim() || S.isPending, _[27] = S.isPending, _[28] = T, _[29] = D, _[30] = K) : K = _[30];
+	let q;
+	_[31] === P ? q = _[32] : (q = () => void P(), _[31] = P, _[32] = q);
+	let J;
+	_[33] === S.isPending ? J = _[34] : (J = S.isPending ? /* @__PURE__ */ jsx(Loader2, { className: "mr-1 h-3 w-3 animate-spin" }) : /* @__PURE__ */ jsx(Plus, { className: "mr-1 h-3 w-3" }), _[33] = S.isPending, _[34] = J);
+	let Y;
+	_[35] !== K || _[36] !== q || _[37] !== J ? (Y = /* @__PURE__ */ jsxs(Button, {
+		size: "sm",
+		className: "w-full",
+		disabled: K,
+		onClick: q,
+		children: [J, "Add Secret"]
+	}), _[35] = K, _[36] = q, _[37] = J, _[38] = Y) : Y = _[38];
+	let X;
+	_[39] !== Y || _[40] !== U || _[41] !== G ? (X = /* @__PURE__ */ jsx("div", {
+		className: "border-t px-4 py-3",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "space-y-2",
+			children: [
+				V,
+				U,
+				G,
+				Y
+			]
+		})
+	}), _[39] = Y, _[40] = U, _[41] = G, _[42] = X) : X = _[42];
+	let Z;
+	return _[43] !== X || _[44] !== B ? (Z = /* @__PURE__ */ jsxs("div", {
+		className: "flex h-full flex-col",
+		children: [
+			z,
+			B,
+			X
+		]
+	}), _[43] = X, _[44] = B, _[45] = Z) : Z = _[45], Z;
+}
+export { WorkbenchSecretsPanel };