@loopstack/loopstack-studio 0.23.1 → 0.24.0

package/dist/components/page/PageBreadcrumbs.js

@@ -1,41 +1,88 @@
 import { cn } from "../../lib/utils.js";
-import { Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from "../ui/breadcrumb.js";
+import { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from "../ui/breadcrumb.js";
 import { c } from "react/compiler-runtime";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useNavigate } from "react-router-dom";
 import { ChevronRight } from "lucide-react";
-var PageBreadcrumbs_default = (p) => {
-	let m = c(15), { breadcrumbData: h, className: g } = p, _ = useNavigate(), v;
-	m[0] === _ ? v = m[1] : (v = (e, d) => {
-		e.preventDefault(), _(d);
-	}, m[0] = _, m[1] = v);
-	let y = v, b;
-	m[2] === g ? b = m[3] : (b = cn("ml-3", g), m[2] = g, m[3] = b);
-	let x;
-	if (m[4] !== h || m[5] !== y) {
+var PageBreadcrumbs_default = (g) => {
+	let _ = c(26), { breadcrumbData: v, className: y } = g, b = useNavigate(), x;
+	_[0] === b ? x = _[1] : (x = (e, m) => {
+		e.preventDefault(), b(m);
+	}, _[0] = b, _[1] = x);
+	let S = x, C = _temp, w = v.length > 2, T = v[0], E = v[v.length - 1], D;
+	_[2] === y ? D = _[3] : (D = cn("ml-3 min-w-0 max-w-full", y), _[2] = y, _[3] = D);
+	let O;
+	_[4] !== v.length || _[5] !== T || _[6] !== S || _[7] !== w || _[8] !== E ? (O = v.length <= 1 ? null : /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx(BreadcrumbItem, {
+			className: "min-w-0",
+			children: T.current ? /* @__PURE__ */ jsx(BreadcrumbPage, {
+				className: "flex min-w-0 items-center gap-2",
+				children: C(T)
+			}) : /* @__PURE__ */ jsx(BreadcrumbLink, {
+				href: T.href,
+				onClick: (e) => T.href && S(e, T.href),
+				className: "flex min-w-0 items-center gap-2",
+				title: T.label,
+				children: C(T)
+			})
+		}),
+		w ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(BreadcrumbSeparator, { children: /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" }) }), /* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbEllipsis, {}) })] }) : null,
+		/* @__PURE__ */ jsx(BreadcrumbSeparator, { children: /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" }) }),
+		/* @__PURE__ */ jsx(BreadcrumbItem, {
+			className: "min-w-0",
+			children: /* @__PURE__ */ jsx(BreadcrumbPage, {
+				className: "flex min-w-0 items-center gap-2",
+				title: E.label,
+				children: C(E)
+			})
+		})
+	] }), _[4] = v.length, _[5] = T, _[6] = S, _[7] = w, _[8] = E, _[9] = O) : O = _[9];
+	let k;
+	_[10] === O ? k = _[11] : (k = /* @__PURE__ */ jsx(BreadcrumbList, {
+		className: "flex-nowrap overflow-hidden sm:hidden",
+		children: O
+	}), _[10] = O, _[11] = k);
+	let A;
+	if (_[12] !== v || _[13] !== S) {
 		let e;
-		m[7] !== h.length || m[8] !== y ? (e = (e, d) => {
-			let f = d === h.length - 1;
+		_[15] !== v.length || _[16] !== S ? (e = (e, m) => {
+			let h = m === v.length - 1;
 			return /* @__PURE__ */ jsxs("div", {
 				className: "contents",
-				children: [/* @__PURE__ */ jsx(BreadcrumbItem, { children: f || e.current ? /* @__PURE__ */ jsxs(BreadcrumbPage, {
-					className: "flex items-center gap-2",
-					children: [e.icon, e.label]
-				}) : /* @__PURE__ */ jsxs(BreadcrumbLink, {
-					href: e.href,
-					onClick: (d) => e.href && y(d, e.href),
-					className: "flex items-center gap-2",
-					children: [e.icon, e.label]
-				}) }), !f && /* @__PURE__ */ jsx(BreadcrumbSeparator, { children: /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" }) })]
-			}, d);
-		}, m[7] = h.length, m[8] = y, m[9] = e) : e = m[9], x = h.map(e), m[4] = h, m[5] = y, m[6] = x;
-	} else x = m[6];
-	let S;
-	m[10] === x ? S = m[11] : (S = /* @__PURE__ */ jsx(Breadcrumb, { children: /* @__PURE__ */ jsx(BreadcrumbList, { children: x }) }), m[10] = x, m[11] = S);
-	let C;
-	return m[12] !== b || m[13] !== S ? (C = /* @__PURE__ */ jsx("div", {
-		className: b,
-		children: S
-	}), m[12] = b, m[13] = S, m[14] = C) : C = m[14], C;
+				children: [/* @__PURE__ */ jsx(BreadcrumbItem, {
+					className: "min-w-0",
+					children: h || e.current ? /* @__PURE__ */ jsx(BreadcrumbPage, {
+						className: "flex min-w-0 items-center gap-2",
+						title: e.label,
+						children: C(e)
+					}) : /* @__PURE__ */ jsx(BreadcrumbLink, {
+						href: e.href,
+						onClick: (m) => e.href && S(m, e.href),
+						className: "flex min-w-0 items-center gap-2",
+						title: e.label,
+						children: C(e)
+					})
+				}), !h && /* @__PURE__ */ jsx(BreadcrumbSeparator, { children: /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" }) })]
+			}, m);
+		}, _[15] = v.length, _[16] = S, _[17] = e) : e = _[17], A = v.map(e), _[12] = v, _[13] = S, _[14] = A;
+	} else A = _[14];
+	let j;
+	_[18] === A ? j = _[19] : (j = /* @__PURE__ */ jsx(BreadcrumbList, {
+		className: "hidden flex-nowrap overflow-hidden sm:flex",
+		children: A
+	}), _[18] = A, _[19] = j);
+	let M;
+	_[20] !== k || _[21] !== j ? (M = /* @__PURE__ */ jsxs(Breadcrumb, { children: [k, j] }), _[20] = k, _[21] = j, _[22] = M) : M = _[22];
+	let N;
+	return _[23] !== D || _[24] !== M ? (N = /* @__PURE__ */ jsx("div", {
+		className: D,
+		children: M
+	}), _[23] = D, _[24] = M, _[25] = N) : N = _[25], N;
 };
+function _temp(e) {
+	return /* @__PURE__ */ jsxs(Fragment, { children: [e.icon, /* @__PURE__ */ jsx("span", {
+		className: "min-w-0 truncate",
+		children: e.label
+	})] });
+}
 export { PageBreadcrumbs_default as default };

package/dist/components/ui-widgets/UiWidget.js

@@ -1,48 +1,57 @@
 import AiPromptInput_default from "./widgets/AiPromptInput.js";
 import { ButtonFullWidth } from "./widgets/ButtonFullWidth.js";
 import { SandboxRun } from "./widgets/SandboxRun.js";
+import { SecretInput } from "./widgets/SecretInput.js";
 import { SubmitButton } from "./widgets/SubmitButton.js";
 import { c } from "react/compiler-runtime";
 import React from "react";
 import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
-var UiWidget_default = (s) => {
-	let l = c(18), { config: u, onSubmit: d, disabled: f, isLoading: p } = s, m = u.options;
-	switch (u.widget) {
+var UiWidget_default = (l) => {
+	let u = c(22), { config: d, onSubmit: f, disabled: p, isLoading: m } = l, h = d.options;
+	switch (d.widget) {
 		case "prompt-input": {
-			let a;
-			return l[0] !== f || l[1] !== d || l[2] !== m ? (a = /* @__PURE__ */ jsx(AiPromptInput_default, {
-				disabled: f,
-				onSubmit: d,
-				ui: m
-			}), l[0] = f, l[1] = d, l[2] = m, l[3] = a) : a = l[3], a;
+			let o;
+			return u[0] !== p || u[1] !== f || u[2] !== h ? (o = /* @__PURE__ */ jsx(AiPromptInput_default, {
+				disabled: p,
+				onSubmit: f,
+				ui: h
+			}), u[0] = p, u[1] = f, u[2] = h, u[3] = o) : o = u[3], o;
 		}
 		case "button": {
-			let e = m, a;
-			return l[4] !== f || l[5] !== p || l[6] !== d || l[7] !== e ? (a = /* @__PURE__ */ jsx(SubmitButton, {
+			let e = h, o;
+			return u[4] !== p || u[5] !== m || u[6] !== f || u[7] !== e ? (o = /* @__PURE__ */ jsx(SubmitButton, {
 				ui: e,
-				disabled: f,
-				onClick: d,
-				isLoading: p
-			}), l[4] = f, l[5] = p, l[6] = d, l[7] = e, l[8] = a) : a = l[8], a;
+				disabled: p,
+				onClick: f,
+				isLoading: m
+			}), u[4] = p, u[5] = m, u[6] = f, u[7] = e, u[8] = o) : o = u[8], o;
 		}
 		case "button-full-w": {
-			let e = m, o;
-			return l[9] !== f || l[10] !== p || l[11] !== d || l[12] !== e ? (o = /* @__PURE__ */ jsx(ButtonFullWidth, {
+			let e = h, s;
+			return u[9] !== p || u[10] !== m || u[11] !== f || u[12] !== e ? (s = /* @__PURE__ */ jsx(ButtonFullWidth, {
 				ui: e,
-				disabled: f,
-				onClick: d,
-				isLoading: p
-			}), l[9] = f, l[10] = p, l[11] = d, l[12] = e, l[13] = o) : o = l[13], o;
+				disabled: p,
+				onClick: f,
+				isLoading: m
+			}), u[9] = p, u[10] = m, u[11] = f, u[12] = e, u[13] = s) : s = u[13], s;
 		}
 		case "sandbox-run": {
-			let e = m, a;
-			return l[14] !== f || l[15] !== e ? (a = /* @__PURE__ */ jsx(SandboxRun, {
+			let e = h, o;
+			return u[14] !== p || u[15] !== e ? (o = /* @__PURE__ */ jsx(SandboxRun, {
 				ui: e,
-				disabled: f
-			}), l[14] = f, l[15] = e, l[16] = a) : a = l[16], a;
+				disabled: p
+			}), u[14] = p, u[15] = e, u[16] = o) : o = u[16], o;
+		}
+		case "secret-input": {
+			let e = h, o;
+			return u[17] !== p || u[18] !== f || u[19] !== e ? (o = /* @__PURE__ */ jsx(SecretInput, {
+				ui: e,
+				disabled: p,
+				onSubmit: f
+			}), u[17] = p, u[18] = f, u[19] = e, u[20] = o) : o = u[20], o;
 		}
 	}
-	let h;
-	return l[17] === Symbol.for("react.memo_cache_sentinel") ? (h = /* @__PURE__ */ jsx(Fragment$1, {}), l[17] = h) : h = l[17], h;
+	let g;
+	return u[21] === Symbol.for("react.memo_cache_sentinel") ? (g = /* @__PURE__ */ jsx(Fragment$1, {}), u[21] = g) : g = u[21], g;
 };
 export { UiWidget_default as default };

package/dist/components/ui-widgets/widgets/SecretInput.js

@@ -0,0 +1,42 @@
+import { Button } from "../../ui/button.js";
+import { useUpsertSecret } from "../../../hooks/useSecrets.js";
+import { useWorkbenchLayout } from "../../../features/workbench/providers/WorkbenchLayoutProvider.js";
+import "../../../features/workbench/index.js";
+import React, { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Info, KeyRound, Loader2 } from "lucide-react";
+import { useFormContext } from "react-hook-form";
+const SecretInput = ({ ui: u, disabled: d, onSubmit: f }) => {
+	let { pipeline: p } = useWorkbenchLayout(), m = p?.workspaceId, h = useFormContext(), g = useUpsertSecret(), [_, v] = useState(!1), y = async () => {
+		if (m) {
+			v(!0);
+			try {
+				let e = h.getValues().variables ?? [], c = [];
+				for (let l of e) !l.key?.trim() || !l.value?.trim() || (await g.mutateAsync({
+					workspaceId: m,
+					key: l.key,
+					value: l.value
+				}), c.push(l.key));
+				f({ keys: c });
+			} finally {
+				v(!1);
+			}
+		}
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex w-full flex-col gap-3",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "text-muted-foreground flex items-center gap-2 text-xs",
+			children: [/* @__PURE__ */ jsx(Info, { className: "h-3.5 w-3.5 shrink-0" }), /* @__PURE__ */ jsx("span", { children: "To add or remove other secrets, use the Secrets panel in the right sidebar." })]
+		}), /* @__PURE__ */ jsx("div", {
+			className: "flex justify-end",
+			children: /* @__PURE__ */ jsxs(Button, {
+				onClick: () => void y(),
+				disabled: d || _,
+				className: "w-48",
+				children: [_ ? /* @__PURE__ */ jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx(KeyRound, { className: "mr-2 h-4 w-4" }), u?.label ?? "Save & Continue"]
+			})
+		})]
+	});
+};
+export { SecretInput };

package/dist/features/code-explorer/components/FileContentViewer.js

@@ -68,7 +68,7 @@ function getLanguageForFileName(e) {
 	return EXTENSION_LANGUAGE[e.includes(".") ? e.slice(e.lastIndexOf(".")).toLowerCase() : ""] ?? "plaintext";
 }
 function FileContentViewer(v) {
-	let y = c(34), { selectedFile: b, content: x, workflowConfig: S, isLoading: C, className: w } = v, T = S === void 0 ? null : S, E = C === void 0 ? !1 : C;
+	let y = c(39), { selectedFile: b, content: x, workflowConfig: S, isLoading: C, className: w } = v, T = S === void 0 ? null : S, E = C === void 0 ? !1 : C;
 	if (!b) {
 		let h;
 		y[0] === w ? h = y[1] : (h = cn("flex flex-1 items-center justify-center bg-background", w), y[0] = w, y[1] = h);
@@ -83,8 +83,8 @@ function FileContentViewer(v) {
 			children: g
 		}), y[3] = h, y[4] = _), _;
 	}
-	let D = isBinaryFileName(b.name), O = x ?? (D ? null : `// ${b.path ?? b.name}\n\n(No content available)`);
-	if (D && x == null) {
+	let D = isBinaryFileName(b.name), O = x != null, k = x ?? "";
+	if (D && !O) {
 		let h;
 		y[5] === w ? h = y[6] : (h = cn("flex flex-1 flex-col rounded-lg border bg-background", w), y[5] = w, y[6] = h);
 		let g;
@@ -101,13 +101,16 @@ function FileContentViewer(v) {
 			children: g
 		}), y[8] = h, y[9] = _), _;
 	}
-	if (E) {
+	if (!O && !E) {
 		let h;
 		y[10] === w ? h = y[11] : (h = cn("flex flex-1 flex-col rounded-lg border bg-background", w), y[10] = w, y[11] = h);
 		let g;
 		y[12] === Symbol.for("react.memo_cache_sentinel") ? (g = /* @__PURE__ */ jsx("div", {
-			className: "flex justify-center p-8",
-			children: /* @__PURE__ */ jsx(Loader2, { className: "h-6 w-6 animate-spin text-muted-foreground" })
+			className: "flex flex-1 items-center justify-center p-8",
+			children: /* @__PURE__ */ jsx("p", {
+				className: "text-sm text-destructive",
+				children: "Error loading file content"
+			})
 		}), y[12] = g) : g = y[12];
 		let _;
 		return y[13] === h ? _ = y[14] : (_ = /* @__PURE__ */ jsx("div", {
@@ -115,16 +118,30 @@ function FileContentViewer(v) {
 			children: g
 		}), y[13] = h, y[14] = _), _;
 	}
-	let k;
-	y[15] === b.name ? k = y[16] : (k = getLanguageForFileName(b.name), y[15] = b.name, y[16] = k);
-	let A = k, j;
-	y[17] !== A || y[18] !== b.name ? (j = A === "markdown" || b.name.endsWith(".md") || b.name.endsWith(".mdx"), y[17] = A, y[18] = b.name, y[19] = j) : j = y[19];
-	let M = j, N;
-	y[20] !== A || y[21] !== b.name ? (N = A === "yaml" || b.name.endsWith(".yaml") || b.name.endsWith(".yml"), y[20] = A, y[21] = b.name, y[22] = N) : N = y[22];
-	let P = N && T !== null, F;
-	y[23] === w ? F = y[24] : (F = cn("flex h-full flex-col overflow-hidden rounded-lg border bg-background", w), y[23] = w, y[24] = F);
-	let I;
-	y[25] !== O || y[26] !== M || y[27] !== P || y[28] !== A || y[29] !== T ? (I = M && O ? /* @__PURE__ */ jsxs(Tabs, {
+	if (E) {
+		let h;
+		y[15] === w ? h = y[16] : (h = cn("flex flex-1 flex-col rounded-lg border bg-background", w), y[15] = w, y[16] = h);
+		let g;
+		y[17] === Symbol.for("react.memo_cache_sentinel") ? (g = /* @__PURE__ */ jsx("div", {
+			className: "flex justify-center p-8",
+			children: /* @__PURE__ */ jsx(Loader2, { className: "h-6 w-6 animate-spin text-muted-foreground" })
+		}), y[17] = g) : g = y[17];
+		let _;
+		return y[18] === h ? _ = y[19] : (_ = /* @__PURE__ */ jsx("div", {
+			className: h,
+			children: g
+		}), y[18] = h, y[19] = _), _;
+	}
+	let A;
+	y[20] === b.name ? A = y[21] : (A = getLanguageForFileName(b.name), y[20] = b.name, y[21] = A);
+	let j = A, M;
+	y[22] !== j || y[23] !== b.name ? (M = j === "markdown" || b.name.endsWith(".md") || b.name.endsWith(".mdx"), y[22] = j, y[23] = b.name, y[24] = M) : M = y[24];
+	let N = M, P;
+	y[25] !== j || y[26] !== b.name ? (P = j === "yaml" || b.name.endsWith(".yaml") || b.name.endsWith(".yml"), y[25] = j, y[26] = b.name, y[27] = P) : P = y[27];
+	let F = P && T !== null, I;
+	y[28] === w ? I = y[29] : (I = cn("flex h-full flex-col overflow-hidden rounded-lg border bg-background", w), y[28] = w, y[29] = I);
+	let L;
+	y[30] !== k || y[31] !== N || y[32] !== F || y[33] !== j || y[34] !== T ? (L = N && k ? /* @__PURE__ */ jsxs(Tabs, {
 		defaultValue: "rendered",
 		className: "flex h-full flex-col overflow-hidden",
 		children: [
@@ -145,7 +162,7 @@ function FileContentViewer(v) {
 					className: "h-full",
 					children: /* @__PURE__ */ jsx("div", {
 						className: "p-4",
-						children: /* @__PURE__ */ jsx(MarkdownContent_default, { content: O })
+						children: /* @__PURE__ */ jsx(MarkdownContent_default, { content: k })
 					})
 				})
 			}),
@@ -155,7 +172,7 @@ function FileContentViewer(v) {
 				children: /* @__PURE__ */ jsx(ScrollArea, {
 					className: "flex-1 min-h-0",
 					children: /* @__PURE__ */ jsx(Prism, {
-						language: A,
+						language: j,
 						style: vscDarkPlus,
 						customStyle: {
 							margin: 0,
@@ -165,12 +182,12 @@ function FileContentViewer(v) {
 						showLineNumbers: !0,
 						PreTag: "div",
 						codeTagProps: { style: { fontFamily: "inherit" } },
-						children: O ?? ""
+						children: k ?? ""
 					})
 				})
 			})
 		]
-	}) : P && T ? /* @__PURE__ */ jsxs(Tabs, {
+	}) : F && T ? /* @__PURE__ */ jsxs(Tabs, {
 		defaultValue: "code",
 		className: "flex h-full flex-col overflow-hidden",
 		children: [
@@ -190,7 +207,7 @@ function FileContentViewer(v) {
 				children: /* @__PURE__ */ jsx(ScrollArea, {
 					className: "flex-1 min-h-0",
 					children: /* @__PURE__ */ jsx(Prism, {
-						language: A,
+						language: j,
 						style: vscDarkPlus,
 						customStyle: {
 							margin: 0,
@@ -200,7 +217,7 @@ function FileContentViewer(v) {
 						showLineNumbers: !0,
 						PreTag: "div",
 						codeTagProps: { style: { fontFamily: "inherit" } },
-						children: O ?? ""
+						children: k ?? ""
 					})
 				})
 			}),
@@ -216,7 +233,7 @@ function FileContentViewer(v) {
 	}) : /* @__PURE__ */ jsx(ScrollArea, {
 		className: "flex-1 min-h-0",
 		children: /* @__PURE__ */ jsx(Prism, {
-			language: A,
+			language: j,
 			style: vscDarkPlus,
 			customStyle: {
 				margin: 0,
@@ -226,13 +243,13 @@ function FileContentViewer(v) {
 			showLineNumbers: !0,
 			PreTag: "div",
 			codeTagProps: { style: { fontFamily: "inherit" } },
-			children: O ?? ""
+			children: k ?? ""
 		})
-	}), y[25] = O, y[26] = M, y[27] = P, y[28] = A, y[29] = T, y[30] = I) : I = y[30];
-	let L;
-	return y[31] !== F || y[32] !== I ? (L = /* @__PURE__ */ jsx("div", {
-		className: F,
-		children: I
-	}), y[31] = F, y[32] = I, y[33] = L) : L = y[33], L;
+	}), y[30] = k, y[31] = N, y[32] = F, y[33] = j, y[34] = T, y[35] = L) : L = y[35];
+	let R;
+	return y[36] !== I || y[37] !== L ? (R = /* @__PURE__ */ jsx("div", {
+		className: I,
+		children: L
+	}), y[36] = I, y[37] = L, y[38] = R) : R = y[38], R;
 }
 export { FileContentViewer };

package/dist/features/documents/components/DocumentList.js

@@ -21,7 +21,11 @@ var import_enums = require_enums(), DocumentList_default = (e) => {
 		let e;
 		o[15] !== d.length || o[16] !== v || o[17] !== l || o[18] !== p || o[19] !== u ? (e = (e, a) => {
 			let o = e, s = e.place === u.place || !!o.meta?.enableAtPlaces?.includes(u.place);
-			return /* @__PURE__ */ jsx(DocumentItem_default, {
+			return console.log({
+				isDocumentActive: s,
+				enableAtPlaces: o.meta?.enableAtPlaces,
+				place: u.place
+			}), /* @__PURE__ */ jsx(DocumentItem_default, {
 				document: e,
 				workflow: u,
 				pipeline: l,

package/dist/features/documents/renderers/AiMessage.js

@@ -1,23 +1,23 @@
-import { getToolOrDynamicToolName, isReasoningUIPart, isTextUIPart, isToolOrDynamicToolUIPart } from "../../../node_modules/ai/dist/index.js";
 import { Message, MessageAction, MessageActions, MessageContent, MessageResponse } from "../../../components/ai-elements/message.js";
 import { Reasoning, ReasoningContent, ReasoningTrigger } from "../../../components/ai-elements/reasoning.js";
 import { Source, Sources, SourcesContent, SourcesTrigger } from "../../../components/ai-elements/sources.js";
 import { Tool, ToolContent, ToolHeader, ToolInput, ToolOutput } from "../../../components/ai-elements/tool.js";
+import { getToolOrDynamicToolName, isReasoningUIPart, isTextUIPart, isToolOrDynamicToolUIPart } from "../../../types/ai.types.js";
 import { c } from "react/compiler-runtime";
 import { Fragment } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { CopyIcon } from "lucide-react";
 var AiMessage_default = (O) => {
-	let k = c(13), { document: A } = O, j = A.content, M, N;
+	let k = c(13), { document: A } = O, j = A.content, M = _temp, N, P;
 	if (k[0] !== j.id || k[1] !== j.parts || k[2] !== j.role) {
-		let n = j.parts?.filter(_temp) ?? [];
-		M = Fragment, N = j.role === "assistant" && n.length > 0 && /* @__PURE__ */ jsxs(Sources, { children: [/* @__PURE__ */ jsx(SourcesTrigger, { count: n.length }), n.map((n, T) => /* @__PURE__ */ jsx(SourcesContent, { children: /* @__PURE__ */ jsx(Source, {
+		let n = j.parts?.filter(M) ?? [];
+		N = Fragment, P = j.role === "assistant" && n.length > 0 && /* @__PURE__ */ jsxs(Sources, { children: [/* @__PURE__ */ jsx(SourcesTrigger, { count: n.length }), n.map((n, T) => /* @__PURE__ */ jsx(SourcesContent, { children: /* @__PURE__ */ jsx(Source, {
 			href: n.url,
 			title: n.url
-		}) }, `${j.id}-source-${T}`))] }), k[0] = j.id, k[1] = j.parts, k[2] = j.role, k[3] = M, k[4] = N;
-	} else M = k[3], N = k[4];
-	let P;
-	k[5] !== j.id || k[6] !== j.parts || k[7] !== j.role ? (P = j.parts?.map((E, D) => {
+		}) }, `${j.id}-source-${T}`))] }), k[0] = j.id, k[1] = j.parts, k[2] = j.role, k[3] = N, k[4] = P;
+	} else N = k[3], P = k[4];
+	let F;
+	k[5] !== j.id || k[6] !== j.parts || k[7] !== j.role ? (F = j.parts?.map((E, D) => {
 		if (isTextUIPart(E)) return /* @__PURE__ */ jsxs(Message, {
 			from: j.role,
 			children: [/* @__PURE__ */ jsx(MessageContent, { children: /* @__PURE__ */ jsx(MessageResponse, { children: E.text }) }), j.role === "assistant" && /* @__PURE__ */ jsx(MessageActions, { children: /* @__PURE__ */ jsx(MessageAction, {
@@ -46,9 +46,9 @@ var AiMessage_default = (O) => {
 			}, `${j.id}-${D}`);
 		}
 		return null;
-	}), k[5] = j.id, k[6] = j.parts, k[7] = j.role, k[8] = P) : P = k[8];
-	let F;
-	return k[9] !== M || k[10] !== N || k[11] !== P ? (F = /* @__PURE__ */ jsxs(M, { children: [N, P] }), k[9] = M, k[10] = N, k[11] = P, k[12] = F) : F = k[12], F;
+	}), k[5] = j.id, k[6] = j.parts, k[7] = j.role, k[8] = F) : F = k[8];
+	let I;
+	return k[9] !== N || k[10] !== P || k[11] !== F ? (I = /* @__PURE__ */ jsxs(N, { children: [P, F] }), k[9] = N, k[10] = P, k[11] = F, k[12] = I) : I = k[12], I;
 };
 function _temp(n) {
 	return n.type === "source-url";

package/dist/features/documents/renderers/DocumentFormRenderer.js

@@ -7,7 +7,7 @@ import { jsx } from "react/jsx-runtime";
 import { useForm } from "react-hook-form";
 import "zod";
 var DocumentFormRenderer_default = (l) => {
-	let u = c(39), { pipeline: d, workflow: f, document: p, enabled: m, viewOnly: h } = l, g = useRunPipeline(), _;
+	let u = c(40), { pipeline: d, workflow: f, document: p, enabled: m, viewOnly: h } = l, g = useRunPipeline(), _;
 	u[0] !== p.content || u[1] !== p.schema.type ? (_ = p.schema.type === "object" ? p.content : { raw: p.content }, u[0] = p.content, u[1] = p.schema.type, u[2] = _) : _ = u[2];
 	let v;
 	u[3] === _ ? v = u[4] : (v = {
@@ -46,22 +46,28 @@ var DocumentFormRenderer_default = (l) => {
 		p.schema.type === "object" ? T(e, s) : T(e, s.raw);
 	}, u[16] = p.schema.type, u[17] = T, u[18] = E) : E = u[18];
 	let D = E, O;
-	u[19] !== y || u[20] !== D ? (O = (e) => {
-		y.handleSubmit(D(e))();
-	}, u[19] = y, u[20] = D, u[21] = O) : O = u[21];
-	let k = O, A = p.ui, j = p.schema, M = A?.form?.disabled, N = !m || M || !1, P;
-	u[22] === p.ui?.actions ? P = u[23] : (P = p.ui?.actions ?? [], u[22] = p.ui?.actions, u[23] = P);
-	let F = P, I = A ?? void 0, L = p.meta?.mimeType, R;
-	u[24] !== F || u[25] !== C || u[26] !== N || u[27] !== k || u[28] !== g.isPending || u[29] !== f.place ? (R = /* @__PURE__ */ jsx(UiActions_default, {
+	u[19] !== T || u[20] !== y || u[21] !== D ? (O = (e, s) => {
+		s === void 0 ? y.handleSubmit(D(e))() : T(e, s);
+	}, u[19] = T, u[20] = y, u[21] = D, u[22] = O) : O = u[22];
+	let k = O, A = p.ui, j = p.schema, M = !!A?.form?.disabled, N = !m || M || !1, P;
+	u[23] === p.ui?.actions ? P = u[24] : (P = p.ui?.actions ?? [], u[23] = p.ui?.actions, u[24] = P);
+	let F = P;
+	console.log({
+		document: p,
+		formDisabled: M,
+		enabled: m
+	});
+	let I = A ?? void 0, L = p.meta?.mimeType, R;
+	u[25] !== F || u[26] !== C || u[27] !== N || u[28] !== k || u[29] !== g.isPending || u[30] !== f.place ? (R = /* @__PURE__ */ jsx(UiActions_default, {
 		actions: F,
 		onSubmit: k,
 		availableTransitions: C,
 		currentPlace: f.place,
 		disabled: N,
 		isLoading: g.isPending
-	}), u[24] = F, u[25] = C, u[26] = N, u[27] = k, u[28] = g.isPending, u[29] = f.place, u[30] = R) : R = u[30];
+	}), u[25] = F, u[26] = C, u[27] = N, u[28] = k, u[29] = g.isPending, u[30] = f.place, u[31] = R) : R = u[31];
 	let z;
-	return u[31] !== N || u[32] !== y || u[33] !== j || u[34] !== I || u[35] !== L || u[36] !== R || u[37] !== h ? (z = /* @__PURE__ */ jsx("div", {
+	return u[32] !== N || u[33] !== y || u[34] !== j || u[35] !== I || u[36] !== L || u[37] !== R || u[38] !== h ? (z = /* @__PURE__ */ jsx("div", {
 		className: "flex",
 		children: /* @__PURE__ */ jsx(Form_default, {
 			form: y,
@@ -72,7 +78,7 @@ var DocumentFormRenderer_default = (l) => {
 			viewOnly: h,
 			actions: R
 		})
-	}), u[31] = N, u[32] = y, u[33] = j, u[34] = I, u[35] = L, u[36] = R, u[37] = h, u[38] = z) : z = u[38], z;
+	}), u[32] = N, u[33] = y, u[34] = j, u[35] = I, u[36] = L, u[37] = R, u[38] = h, u[39] = z) : z = u[39], z;
 };
 function _temp(e) {
 	return e.id;

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

@@ -1,3 +1,5 @@
+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 "../../code-explorer/index.js";
@@ -8,28 +10,33 @@ import { c } from "react/compiler-runtime";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { X } from "lucide-react";
 function WorkbenchFilesPanel() {
-	let d = c(9), { closeSidePanel: f, fileExplorerEnabled: p } = useWorkbenchLayout(), m = useOptionalRemoteFileExplorer();
-	if (!p) return null;
-	let h;
-	d[0] === Symbol.for("react.memo_cache_sentinel") ? (h = /* @__PURE__ */ jsx("span", {
+	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"
-	}), d[0] = h) : h = d[0];
-	let g;
-	d[1] === Symbol.for("react.memo_cache_sentinel") ? (g = /* @__PURE__ */ jsx(X, { className: "h-4 w-4" }), d[1] = g) : g = d[1];
-	let _;
-	d[2] === f ? _ = d[3] : (_ = /* @__PURE__ */ jsxs("div", {
+	}), 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: [h, /* @__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
+		children: [_, /* @__PURE__ */ jsx(Button, {
+			variant: "ghost",
+			size: "icon",
+			className: v,
+			onClick: m,
+			"aria-label": "Close Files Panel",
+			children: y
 		})]
-	}), d[2] = f, d[3] = _);
-	let v;
-	d[4] === m ? v = d[5] : (v = /* @__PURE__ */ jsx("div", {
+	}), 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: m ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", {
+		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", {
@@ -37,9 +44,9 @@ function WorkbenchFilesPanel() {
 			children: [/* @__PURE__ */ jsx(RemoteFileTabsBar, {}), /* @__PURE__ */ jsx("div", {
 				className: "flex-1 overflow-hidden p-3 pt-2",
 				children: /* @__PURE__ */ jsx(FileContentViewer, {
-					selectedFile: m.selectedFile,
-					content: m.fileContent,
-					isLoading: m.isContentLoading,
+					selectedFile: g.selectedFile,
+					content: g.fileContent,
+					isLoading: g.isContentLoading,
 					className: "h-full"
 				})
 			})]
@@ -50,11 +57,11 @@ function WorkbenchFilesPanel() {
 				children: "Remote file explorer is not available for this workspace."
 			})
 		})
-	}), d[4] = m, d[5] = v);
-	let y;
-	return d[6] !== _ || d[7] !== v ? (y = /* @__PURE__ */ jsxs("div", {
+	}), 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: [_, v]
-	}), d[6] = _, d[7] = v, d[8] = y) : y = d[8], y;
+		children: [b, x]
+	}), p[7] = b, p[8] = x, p[9] = S) : S = p[9], S;
 }
 export { WorkbenchFilesPanel };