@loopstack/loopstack-studio 0.25.2 → 0.26.0

package/dist/features/oauth/OAuthPromptRenderer.js

@@ -4,164 +4,185 @@ import { useOAuthPopup } from "./useOAuthPopup.js";
 import { c } from "react/compiler-runtime";
 import React, { useCallback, useEffect, useRef } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-var OAuthPromptRenderer = ({ parentWorkflow: l, workflow: u, document: m, isActive: h }) => {
-	let g = m.content, _ = m.ui, v = (_?.widgets)?.[0]?.options?.transition ?? (_?.actions)?.map((e) => e.options?.transition).find((e) => !!e), y = useRunWorkflow(), { result: b, open: x, reset: S } = useOAuthPopup(), C = useRef(!1), w = u.availableTransitions?.map((e) => e.id) ?? [], T = useCallback((e, o) => {
-		!v || !w.includes(v) || y.mutate({
-			workflowId: l.id,
+var OAuthPromptRenderer = (p) => {
+	let m = c(47), { parentWorkflow: _, workflow: v, document: y, isActive: b } = p, x = y.content, S = y.ui, C = S?.widgets, w;
+	m[0] !== S?.actions || m[1] !== C?.[0]?.options?.transition ? (w = C?.[0]?.options?.transition ?? (S?.actions)?.map(_temp).find(_temp2), m[0] = S?.actions, m[1] = C?.[0]?.options?.transition, m[2] = w) : w = m[2];
+	let T = w, E = useRunWorkflow(), { result: D, open: O, reset: k } = useOAuthPopup(), A = useRef(!1), j;
+	m[3] === v.availableTransitions ? j = m[4] : (j = v.availableTransitions?.map(_temp3) ?? [], m[3] = v.availableTransitions, m[4] = j);
+	let M = j, N;
+	m[5] !== M || m[6] !== _.id || m[7] !== E || m[8] !== T || m[9] !== v.id ? (N = (t, u) => {
+		!T || !M.includes(T) || E.mutate({
+			workflowId: _.id,
 			runWorkflowPayloadDto: { transition: {
-				id: v,
-				workflowId: u.id,
+				id: T,
+				workflowId: v.id,
 				payload: {
-					code: e,
-					state: o
+					code: t,
+					state: u
 				}
 			} }
 		});
-	}, [
-		v,
-		w,
-		y,
-		l.id,
-		u.id
-	]);
-	useEffect(() => {
-		b.status === "success" && !C.current && (C.current = !0, T(b.code, b.state));
-	}, [b, T]);
-	let E = () => {
-		C.current = !1, x({
-			authUrl: g.authUrl,
-			state: g.state
+	}, m[5] = M, m[6] = _.id, m[7] = E, m[8] = T, m[9] = v.id, m[10] = N) : N = m[10];
+	let P = N, F;
+	m[11] !== D.code || m[12] !== D.state || m[13] !== D.status || m[14] !== P ? (F = () => {
+		D.status === "success" && !A.current && (A.current = !0, P(D.code, D.state));
+	}, m[11] = D.code, m[12] = D.state, m[13] = D.status, m[14] = P, m[15] = F) : F = m[15];
+	let I;
+	m[16] !== D || m[17] !== P ? (I = [D, P], m[16] = D, m[17] = P, m[18] = I) : I = m[18], useEffect(F, I);
+	let L;
+	m[19] !== x.authUrl || m[20] !== x.state || m[21] !== O ? (L = () => {
+		A.current = !1, O({
+			authUrl: x.authUrl,
+			state: x.state
 		});
-	}, D = () => {
-		S(), C.current = !1, x({
-			authUrl: g.authUrl,
-			state: g.state
+	}, m[19] = x.authUrl, m[20] = x.state, m[21] = O, m[22] = L) : L = m[22];
+	let R = L, z;
+	m[23] !== x.authUrl || m[24] !== x.state || m[25] !== O || m[26] !== k ? (z = () => {
+		k(), A.current = !1, O({
+			authUrl: x.authUrl,
+			state: x.state
 		});
-	};
-	return g.status === "success" ? /* @__PURE__ */ jsx(CompletionMessagePaper_default, { children: /* @__PURE__ */ jsx(StatusDisplay, {
-		status: "success",
-		provider: g.provider,
-		message: g.message
-	}) }) : g.status === "error" ? /* @__PURE__ */ jsxs(CompletionMessagePaper_default, { children: [/* @__PURE__ */ jsx(StatusDisplay, {
-		status: "error",
-		provider: g.provider,
-		message: g.message
-	}), h && /* @__PURE__ */ jsx(RetryButton, { onClick: D })] }) : /* @__PURE__ */ jsx(CompletionMessagePaper_default, { children: /* @__PURE__ */ jsx(PopupResultView, {
-		result: b,
-		provider: g.provider,
-		isActive: h,
-		isSubmitting: y.isPending,
-		onSignIn: E,
-		onRetry: D
-	}) });
-}, ProviderLabel = (e) => {
-	let o = c(2), { provider: s } = e, u = s.charAt(0).toUpperCase() + s.slice(1), d;
-	return o[0] === u ? d = o[1] : (d = /* @__PURE__ */ jsx(Fragment$1, { children: u }), o[0] = u, o[1] = d), d;
-}, StatusDisplay = (e) => {
-	let o = c(4), { status: s, provider: u, message: d } = e, f;
-	return o[0] !== d || o[1] !== u || o[2] !== s ? (f = /* @__PURE__ */ jsx("div", {
+	}, m[23] = x.authUrl, m[24] = x.state, m[25] = O, m[26] = k, m[27] = z) : z = m[27];
+	let B = z;
+	if (x.status === "success") {
+		let u;
+		return m[28] !== x.message || m[29] !== x.provider ? (u = /* @__PURE__ */ jsx(CompletionMessagePaper_default, { children: /* @__PURE__ */ jsx(StatusDisplay, {
+			status: "success",
+			provider: x.provider,
+			message: x.message
+		}) }), m[28] = x.message, m[29] = x.provider, m[30] = u) : u = m[30], u;
+	}
+	if (x.status === "error") {
+		let u;
+		m[31] !== x.message || m[32] !== x.provider ? (u = /* @__PURE__ */ jsx(StatusDisplay, {
+			status: "error",
+			provider: x.provider,
+			message: x.message
+		}), m[31] = x.message, m[32] = x.provider, m[33] = u) : u = m[33];
+		let d;
+		m[34] !== B || m[35] !== b ? (d = b && /* @__PURE__ */ jsx(RetryButton, { onClick: B }), m[34] = B, m[35] = b, m[36] = d) : d = m[36];
+		let f;
+		return m[37] !== u || m[38] !== d ? (f = /* @__PURE__ */ jsxs(CompletionMessagePaper_default, { children: [u, d] }), m[37] = u, m[38] = d, m[39] = f) : f = m[39], f;
+	}
+	let V;
+	return m[40] !== x.provider || m[41] !== B || m[42] !== R || m[43] !== b || m[44] !== D || m[45] !== E.isPending ? (V = /* @__PURE__ */ jsx(CompletionMessagePaper_default, { children: /* @__PURE__ */ jsx(PopupResultView, {
+		result: D,
+		provider: x.provider,
+		isActive: b,
+		isSubmitting: E.isPending,
+		onSignIn: R,
+		onRetry: B
+	}) }), m[40] = x.provider, m[41] = B, m[42] = R, m[43] = b, m[44] = D, m[45] = E.isPending, m[46] = V) : V = m[46], V;
+}, ProviderLabel = (t) => {
+	let u = c(4), { provider: d } = t, p;
+	u[0] === d ? p = u[1] : (p = d.charAt(0).toUpperCase(), u[0] = d, u[1] = p);
+	let m = p + d.slice(1), h;
+	return u[2] === m ? h = u[3] : (h = /* @__PURE__ */ jsx(Fragment$1, { children: m }), u[2] = m, u[3] = h), h;
+}, StatusDisplay = (t) => {
+	let u = c(4), { status: d, provider: p, message: m } = t, h;
+	return u[0] !== m || u[1] !== p || u[2] !== d ? (h = /* @__PURE__ */ jsx("div", {
 		className: "flex items-center gap-3 py-1",
-		children: s === "success" ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("span", {
+		children: d === "success" ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("span", {
 			className: "flex h-6 w-6 items-center justify-center rounded-full bg-green-100 text-green-600 text-sm",
 			children: "✓"
 		}), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsxs("div", {
 			className: "text-sm font-medium",
-			children: ["Connected to ", /* @__PURE__ */ jsx(ProviderLabel, { provider: u })]
-		}), d && /* @__PURE__ */ jsx("div", {
+			children: ["Connected to ", /* @__PURE__ */ jsx(ProviderLabel, { provider: p })]
+		}), m && /* @__PURE__ */ jsx("div", {
 			className: "text-xs text-gray-500 mt-0.5",
-			children: d
+			children: m
 		})] })] }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("span", {
 			className: "flex h-6 w-6 items-center justify-center rounded-full bg-red-100 text-red-600 text-sm",
 			children: "✗"
 		}), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("div", {
 			className: "text-sm font-medium",
 			children: "Authentication failed"
-		}), d && /* @__PURE__ */ jsx("div", {
+		}), m && /* @__PURE__ */ jsx("div", {
 			className: "text-xs text-red-500 mt-0.5",
-			children: d
+			children: m
 		})] })] })
-	}), o[0] = d, o[1] = u, o[2] = s, o[3] = f) : f = o[3], f;
-}, RetryButton = (e) => {
-	let o = c(2), { onClick: s } = e, u;
-	return o[0] === s ? u = o[1] : (u = /* @__PURE__ */ jsx("button", {
-		onClick: s,
+	}), u[0] = m, u[1] = p, u[2] = d, u[3] = h) : h = u[3], h;
+}, RetryButton = (t) => {
+	let u = c(2), { onClick: d } = t, p;
+	return u[0] === d ? p = u[1] : (p = /* @__PURE__ */ jsx("button", {
+		onClick: d,
 		className: "mt-3 rounded-md border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-700 shadow-sm hover:bg-gray-50",
 		children: "Try again"
-	}), o[0] = s, o[1] = u), u;
-}, PopupResultView = (e) => {
-	let o = c(47), { result: s, provider: u, isActive: d, isSubmitting: f, onSignIn: p, onRetry: m } = e;
-	switch (s.status) {
+	}), u[0] = d, u[1] = p), p;
+}, PopupResultView = (t) => {
+	let u = c(47), { result: d, provider: p, isActive: m, isSubmitting: h, onSignIn: g, onRetry: _ } = t;
+	switch (d.status) {
 		case "idle": {
-			let e;
-			o[0] === u ? e = o[1] : (e = /* @__PURE__ */ jsxs("div", {
+			let t;
+			u[0] === p ? t = u[1] : (t = /* @__PURE__ */ jsxs("div", {
 				className: "text-sm font-medium mb-1",
 				children: [
 					"Connect your ",
-					/* @__PURE__ */ jsx(ProviderLabel, { provider: u }),
+					/* @__PURE__ */ jsx(ProviderLabel, { provider: p }),
 					" account"
 				]
-			}), o[0] = u, o[1] = e);
-			let s;
-			o[2] === u ? s = o[3] : (s = /* @__PURE__ */ jsxs("div", {
+			}), u[0] = p, u[1] = t);
+			let d;
+			u[2] === p ? d = u[3] : (d = /* @__PURE__ */ jsxs("div", {
 				className: "text-xs text-gray-500 mb-3",
 				children: [
 					"This workflow needs access to your ",
-					/* @__PURE__ */ jsx(ProviderLabel, { provider: u }),
+					/* @__PURE__ */ jsx(ProviderLabel, { provider: p }),
 					" resources."
 				]
-			}), o[2] = u, o[3] = s);
-			let l;
-			o[4] !== d || o[5] !== p || o[6] !== u ? (l = d && /* @__PURE__ */ jsxs("button", {
-				onClick: p,
-				className: "rounded-md border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-700 shadow-sm hover:bg-gray-50",
-				children: ["Sign in with ", /* @__PURE__ */ jsx(ProviderLabel, { provider: u })]
-			}), o[4] = d, o[5] = p, o[6] = u, o[7] = l) : l = o[7];
+			}), u[2] = p, u[3] = d);
 			let f;
-			return o[8] !== e || o[9] !== s || o[10] !== l ? (f = /* @__PURE__ */ jsxs("div", {
+			u[4] !== m || u[5] !== g || u[6] !== p ? (f = m && /* @__PURE__ */ jsxs("button", {
+				onClick: g,
+				className: "rounded-md border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-700 shadow-sm hover:bg-gray-50",
+				children: ["Sign in with ", /* @__PURE__ */ jsx(ProviderLabel, { provider: p })]
+			}), u[4] = m, u[5] = g, u[6] = p, u[7] = f) : f = u[7];
+			let h;
+			return u[8] !== t || u[9] !== d || u[10] !== f ? (h = /* @__PURE__ */ jsxs("div", {
 				className: "py-1",
 				children: [
-					e,
-					s,
-					l
+					t,
+					d,
+					f
 				]
-			}), o[8] = e, o[9] = s, o[10] = l, o[11] = f) : f = o[11], f;
+			}), u[8] = t, u[9] = d, u[10] = f, u[11] = h) : h = u[11], h;
 		}
 		case "pending": {
-			let e, s;
-			o[12] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ jsxs("div", {
+			let t, d;
+			u[12] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ jsxs("div", {
 				className: "flex items-center gap-3",
 				children: [/* @__PURE__ */ jsx("div", { className: "h-4 w-4 animate-spin rounded-full border-2 border-gray-300 border-t-gray-600" }), /* @__PURE__ */ jsx("div", {
 					className: "text-sm font-medium",
 					children: "Waiting for authentication..."
 				})]
-			}), s = /* @__PURE__ */ jsx("div", {
+			}), d = /* @__PURE__ */ jsx("div", {
 				className: "text-xs text-gray-500 mt-2",
 				children: "Complete the sign-in in the popup window."
-			}), o[12] = e, o[13] = s) : (e = o[12], s = o[13]);
-			let l;
-			o[14] !== d || o[15] !== m ? (l = d && /* @__PURE__ */ jsx("div", {
+			}), u[12] = t, u[13] = d) : (t = u[12], d = u[13]);
+			let f;
+			u[14] !== m || u[15] !== _ ? (f = m && /* @__PURE__ */ jsx("div", {
 				className: "mt-3 flex gap-2",
 				children: /* @__PURE__ */ jsx("button", {
-					onClick: m,
+					onClick: _,
 					className: "rounded-md border border-gray-300 bg-white px-3 py-1.5 text-xs font-medium text-gray-600 hover:bg-gray-50",
 					children: "Retry"
 				})
-			}), o[14] = d, o[15] = m, o[16] = l) : l = o[16];
-			let u;
-			return o[17] === l ? u = o[18] : (u = /* @__PURE__ */ jsxs("div", {
+			}), u[14] = m, u[15] = _, u[16] = f) : f = u[16];
+			let p;
+			return u[17] === f ? p = u[18] : (p = /* @__PURE__ */ jsxs("div", {
 				className: "py-1",
 				children: [
-					e,
-					s,
-					l
+					t,
+					d,
+					f
 				]
-			}), o[17] = l, o[18] = u), u;
+			}), u[17] = f, u[18] = p), p;
 		}
 		case "success": {
-			let e;
-			return o[19] !== f || o[20] !== u ? (e = /* @__PURE__ */ jsx("div", {
+			let t;
+			return u[19] !== h || u[20] !== p ? (t = /* @__PURE__ */ jsx("div", {
 				className: "py-1",
-				children: f ? /* @__PURE__ */ jsxs("div", {
+				children: h ? /* @__PURE__ */ jsxs("div", {
 					className: "flex items-center gap-3",
 					children: [/* @__PURE__ */ jsx("div", { className: "h-4 w-4 animate-spin rounded-full border-2 border-gray-300 border-t-gray-600" }), /* @__PURE__ */ jsx("div", {
 						className: "text-sm font-medium",
@@ -169,55 +190,64 @@ var OAuthPromptRenderer = ({ parentWorkflow: l, workflow: u, document: m, isActi
 					})]
 				}) : /* @__PURE__ */ jsx(StatusDisplay, {
 					status: "success",
-					provider: u
+					provider: p
 				})
-			}), o[19] = f, o[20] = u, o[21] = e) : e = o[21], e;
+			}), u[19] = h, u[20] = p, u[21] = t) : t = u[21], t;
 		}
 		case "error": {
-			let e;
-			o[22] !== u || o[23] !== s.error ? (e = /* @__PURE__ */ jsx(StatusDisplay, {
+			let t;
+			u[22] !== p || u[23] !== d.error ? (t = /* @__PURE__ */ jsx(StatusDisplay, {
 				status: "error",
-				provider: u,
-				message: s.error
-			}), o[22] = u, o[23] = s.error, o[24] = e) : e = o[24];
-			let l;
-			o[25] !== d || o[26] !== m ? (l = d && /* @__PURE__ */ jsx(RetryButton, { onClick: m }), o[25] = d, o[26] = m, o[27] = l) : l = o[27];
+				provider: p,
+				message: d.error
+			}), u[22] = p, u[23] = d.error, u[24] = t) : t = u[24];
 			let f;
-			return o[28] !== e || o[29] !== l ? (f = /* @__PURE__ */ jsxs("div", {
+			u[25] !== m || u[26] !== _ ? (f = m && /* @__PURE__ */ jsx(RetryButton, { onClick: _ }), u[25] = m, u[26] = _, u[27] = f) : f = u[27];
+			let h;
+			return u[28] !== t || u[29] !== f ? (h = /* @__PURE__ */ jsxs("div", {
 				className: "py-1",
-				children: [e, l]
-			}), o[28] = e, o[29] = l, o[30] = f) : f = o[30], f;
+				children: [t, f]
+			}), u[28] = t, u[29] = f, u[30] = h) : h = u[30], h;
 		}
 		case "timeout": {
-			let e;
-			o[31] === u ? e = o[32] : (e = /* @__PURE__ */ jsx(StatusDisplay, {
+			let t;
+			u[31] === p ? t = u[32] : (t = /* @__PURE__ */ jsx(StatusDisplay, {
 				status: "error",
-				provider: u,
+				provider: p,
 				message: "Authentication timed out."
-			}), o[31] = u, o[32] = e);
-			let s;
-			o[33] !== d || o[34] !== m ? (s = d && /* @__PURE__ */ jsx(RetryButton, { onClick: m }), o[33] = d, o[34] = m, o[35] = s) : s = o[35];
-			let l;
-			return o[36] !== e || o[37] !== s ? (l = /* @__PURE__ */ jsxs("div", {
+			}), u[31] = p, u[32] = t);
+			let d;
+			u[33] !== m || u[34] !== _ ? (d = m && /* @__PURE__ */ jsx(RetryButton, { onClick: _ }), u[33] = m, u[34] = _, u[35] = d) : d = u[35];
+			let f;
+			return u[36] !== t || u[37] !== d ? (f = /* @__PURE__ */ jsxs("div", {
 				className: "py-1",
-				children: [e, s]
-			}), o[36] = e, o[37] = s, o[38] = l) : l = o[38], l;
+				children: [t, d]
+			}), u[36] = t, u[37] = d, u[38] = f) : f = u[38], f;
 		}
 		case "blocked": {
-			let e;
-			o[39] === u ? e = o[40] : (e = /* @__PURE__ */ jsx(StatusDisplay, {
+			let t;
+			u[39] === p ? t = u[40] : (t = /* @__PURE__ */ jsx(StatusDisplay, {
 				status: "error",
-				provider: u,
+				provider: p,
 				message: "Popup was blocked by the browser. Please allow popups for this site and try again."
-			}), o[39] = u, o[40] = e);
-			let s;
-			o[41] !== d || o[42] !== m ? (s = d && /* @__PURE__ */ jsx(RetryButton, { onClick: m }), o[41] = d, o[42] = m, o[43] = s) : s = o[43];
-			let l;
-			return o[44] !== e || o[45] !== s ? (l = /* @__PURE__ */ jsxs("div", {
+			}), u[39] = p, u[40] = t);
+			let d;
+			u[41] !== m || u[42] !== _ ? (d = m && /* @__PURE__ */ jsx(RetryButton, { onClick: _ }), u[41] = m, u[42] = _, u[43] = d) : d = u[43];
+			let f;
+			return u[44] !== t || u[45] !== d ? (f = /* @__PURE__ */ jsxs("div", {
 				className: "py-1",
-				children: [e, s]
-			}), o[44] = e, o[45] = s, o[46] = l) : l = o[46], l;
+				children: [t, d]
+			}), u[44] = t, u[45] = d, u[46] = f) : f = u[46], f;
 		}
 	}
 }, OAuthPromptRenderer_default = OAuthPromptRenderer;
+function _temp(t) {
+	return t.options?.transition;
+}
+function _temp2(t) {
+	return !!t;
+}
+function _temp3(t) {
+	return t.id;
+}
 export { OAuthPromptRenderer_default as default };

package/dist/features/runs/Runs.js

@@ -192,6 +192,6 @@ function _temp4(e) {
 	});
 }
 function _temp5(e) {
-	return new Date(e).toLocaleDateString();
+	return new Date(e).toLocaleString();
 }
 export { Runs_default as default };

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

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

package/dist/features/secrets/index.js

@@ -0,0 +1 @@
+import { secretsFeature } from "./secrets-feature.js";