@loopstack/loopstack-studio 0.23.1 → 0.25.0

package/dist/components/loopstack-elements/tool.js

@@ -0,0 +1,171 @@
+"use client";
+import { cn } from "../../lib/utils.js";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "../ui/collapsible.js";
+import { Tooltip, TooltipContent, TooltipTrigger } from "../ui/tooltip.js";
+import { CodeBlock } from "../ai-elements/code-block.js";
+import { c } from "react/compiler-runtime";
+import { isValidElement } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CheckCircleIcon, ChevronDownIcon, CircleIcon, ClockIcon, XCircleIcon } from "lucide-react";
+const Tool = (a) => {
+	let o = c(8), s, l;
+	o[0] === a ? (s = o[1], l = o[2]) : ({className: s, ...l} = a, o[0] = a, o[1] = s, o[2] = l);
+	let u;
+	o[3] === s ? u = o[4] : (u = cn("not-prose mt-3 w-full", s), o[3] = s, o[4] = u);
+	let d;
+	return o[5] !== l || o[6] !== u ? (d = /* @__PURE__ */ jsx(Collapsible, {
+		className: u,
+		...l
+	}), o[5] = l, o[6] = u, o[7] = d) : d = o[7], d;
+};
+var statusConfig = {
+	"input-streaming": {
+		label: "Pending",
+		icon: /* @__PURE__ */ jsx(CircleIcon, { className: "size-4" })
+	},
+	"input-available": {
+		label: "Running",
+		icon: /* @__PURE__ */ jsx(ClockIcon, { className: "size-4 animate-pulse" })
+	},
+	"approval-requested": {
+		label: "Awaiting Approval",
+		icon: /* @__PURE__ */ jsx(ClockIcon, { className: "size-4 text-yellow-600" })
+	},
+	"approval-responded": {
+		label: "Responded",
+		icon: /* @__PURE__ */ jsx(CheckCircleIcon, { className: "size-4 text-blue-600" })
+	},
+	"output-available": {
+		label: "Completed",
+		icon: /* @__PURE__ */ jsx(CheckCircleIcon, { className: "size-4 text-green-600" })
+	},
+	"output-error": {
+		label: "Error",
+		icon: /* @__PURE__ */ jsx(XCircleIcon, { className: "size-4 text-red-600" })
+	},
+	"output-denied": {
+		label: "Denied",
+		icon: /* @__PURE__ */ jsx(XCircleIcon, { className: "size-4 text-orange-600" })
+	}
+};
+const ToolHeader = (i) => {
+	let a = c(28), d, f, p, h, g;
+	a[0] === i ? (d = a[1], f = a[2], p = a[3], h = a[4], g = a[5]) : ({className: d, title: h, type: g, state: p, ...f} = i, a[0] = i, a[1] = d, a[2] = f, a[3] = p, a[4] = h, a[5] = g);
+	let _;
+	a[6] === d ? _ = a[7] : (_ = cn("flex w-full items-center justify-between gap-3 py-1", d), a[6] = d, a[7] = _);
+	let v = statusConfig[p], b;
+	a[8] === v.icon ? b = a[9] : (b = /* @__PURE__ */ jsx(TooltipTrigger, {
+		asChild: !0,
+		children: /* @__PURE__ */ jsx("span", {
+			className: "text-muted-foreground flex shrink-0 items-center",
+			children: v.icon
+		})
+	}), a[8] = v.icon, a[9] = b);
+	let x = statusConfig[p], S;
+	a[10] === x.label ? S = a[11] : (S = /* @__PURE__ */ jsx(TooltipContent, {
+		side: "top",
+		children: x.label
+	}), a[10] = x.label, a[11] = S);
+	let C;
+	a[12] !== b || a[13] !== S ? (C = /* @__PURE__ */ jsxs(Tooltip, { children: [b, S] }), a[12] = b, a[13] = S, a[14] = C) : C = a[14];
+	let w;
+	a[15] !== h || a[16] !== g ? (w = h ?? g.split("-").slice(1).join("-"), a[15] = h, a[16] = g, a[17] = w) : w = a[17];
+	let T;
+	a[18] === w ? T = a[19] : (T = /* @__PURE__ */ jsx("span", {
+		className: "text-muted-foreground text-sm",
+		children: w
+	}), a[18] = w, a[19] = T);
+	let E;
+	a[20] !== C || a[21] !== T ? (E = /* @__PURE__ */ jsxs("div", {
+		className: "flex items-center gap-1.5",
+		children: [C, T]
+	}), a[20] = C, a[21] = T, a[22] = E) : E = a[22];
+	let D;
+	a[23] === Symbol.for("react.memo_cache_sentinel") ? (D = /* @__PURE__ */ jsx(ChevronDownIcon, { className: "text-muted-foreground size-4 transition-transform group-data-[state=open]:rotate-180" }), a[23] = D) : D = a[23];
+	let O;
+	return a[24] !== f || a[25] !== _ || a[26] !== E ? (O = /* @__PURE__ */ jsxs(CollapsibleTrigger, {
+		className: _,
+		...f,
+		children: [E, D]
+	}), a[24] = f, a[25] = _, a[26] = E, a[27] = O) : O = a[27], O;
+}, ToolContent = (i) => {
+	let o = c(8), s, l;
+	o[0] === i ? (s = o[1], l = o[2]) : ({className: s, ...l} = i, o[0] = i, o[1] = s, o[2] = l);
+	let u;
+	o[3] === s ? u = o[4] : (u = cn("data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 text-popover-foreground data-[state=closed]:animate-out data-[state=open]:animate-in outline-none", s), o[3] = s, o[4] = u);
+	let d;
+	return o[5] !== l || o[6] !== u ? (d = /* @__PURE__ */ jsx(CollapsibleContent, {
+		className: u,
+		...l
+	}), o[5] = l, o[6] = u, o[7] = d) : d = o[7], d;
+}, ToolInput = (i) => {
+	let a = c(15), o, s, l;
+	a[0] === i ? (o = a[1], s = a[2], l = a[3]) : ({className: o, input: s, ...l} = i, a[0] = i, a[1] = o, a[2] = s, a[3] = l);
+	let u;
+	a[4] === o ? u = a[5] : (u = cn("space-y-2 overflow-hidden py-2", o), a[4] = o, a[5] = u);
+	let f;
+	a[6] === Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ jsx("h4", {
+		className: "text-muted-foreground text-xs font-medium tracking-wide uppercase",
+		children: "Parameters"
+	}), a[6] = f) : f = a[6];
+	let p;
+	a[7] === s ? p = a[8] : (p = JSON.stringify(s, null, 2), a[7] = s, a[8] = p);
+	let m;
+	a[9] === p ? m = a[10] : (m = /* @__PURE__ */ jsx("div", {
+		className: "bg-muted/50 rounded-md",
+		children: /* @__PURE__ */ jsx(CodeBlock, {
+			code: p,
+			language: "json"
+		})
+	}), a[9] = p, a[10] = m);
+	let h;
+	return a[11] !== l || a[12] !== u || a[13] !== m ? (h = /* @__PURE__ */ jsxs("div", {
+		className: u,
+		...l,
+		children: [f, m]
+	}), a[11] = l, a[12] = u, a[13] = m, a[14] = h) : h = a[14], h;
+}, ToolOutput = (i) => {
+	let a = c(30), o, s, l, u;
+	if (a[0] === i ? (o = a[1], s = a[2], l = a[3], u = a[4]) : ({className: o, output: l, errorText: s, ...u} = i, a[0] = i, a[1] = o, a[2] = s, a[3] = l, a[4] = u), !(l || s)) return null;
+	let p = l, m;
+	a[5] === p ? m = a[6] : (m = /* @__PURE__ */ jsx("div", { children: p }), a[5] = p, a[6] = m);
+	let h = m;
+	if (typeof l == "object" && !isValidElement(l)) {
+		let e;
+		a[7] === l ? e = a[8] : (e = JSON.stringify(l, null, 2), a[7] = l, a[8] = e);
+		let i;
+		a[9] === e ? i = a[10] : (i = /* @__PURE__ */ jsx(CodeBlock, {
+			code: e,
+			language: "json"
+		}), a[9] = e, a[10] = i), h = i;
+	} else if (typeof l == "string") {
+		let e;
+		a[11] === l ? e = a[12] : (e = /* @__PURE__ */ jsx(CodeBlock, {
+			code: l,
+			language: "json"
+		}), a[11] = l, a[12] = e), h = e;
+	}
+	let g;
+	a[13] === o ? g = a[14] : (g = cn("space-y-2 py-2", o), a[13] = o, a[14] = g);
+	let _ = s ? "Error" : "Result", v;
+	a[15] === _ ? v = a[16] : (v = /* @__PURE__ */ jsx("h4", {
+		className: "text-muted-foreground text-xs font-medium tracking-wide uppercase",
+		children: _
+	}), a[15] = _, a[16] = v);
+	let y = s ? "bg-destructive/10 text-destructive" : "bg-muted/50 text-foreground", b;
+	a[17] === y ? b = a[18] : (b = cn("overflow-x-auto rounded-md text-xs [&_table]:w-full", y), a[17] = y, a[18] = b);
+	let x;
+	a[19] === s ? x = a[20] : (x = s && /* @__PURE__ */ jsx("div", { children: s }), a[19] = s, a[20] = x);
+	let S;
+	a[21] !== h || a[22] !== b || a[23] !== x ? (S = /* @__PURE__ */ jsxs("div", {
+		className: b,
+		children: [x, h]
+	}), a[21] = h, a[22] = b, a[23] = x, a[24] = S) : S = a[24];
+	let C;
+	return a[25] !== u || a[26] !== g || a[27] !== v || a[28] !== S ? (C = /* @__PURE__ */ jsxs("div", {
+		className: g,
+		...u,
+		children: [v, S]
+	}), a[25] = u, a[26] = g, a[27] = v, a[28] = S, a[29] = C) : C = a[29], C;
+};
+export { Tool, ToolContent, ToolHeader, ToolInput, ToolOutput };

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/UiActions.js

@@ -7,17 +7,23 @@ var UiActions_default = (i) => {
 	if (a[0] !== o || a[1] !== s || a[2] !== l || a[3] !== u || a[4] !== f || a[5] !== d) {
 		let r;
 		a[7] !== s || a[8] !== l || a[9] !== u || a[10] !== f || a[11] !== d ? (r = (r, i) => {
-			let { enabledWhen: a } = r, o = r.options?.transition;
+			let { enabledWhen: a } = r, o = r.options?.transition, p = u || a !== void 0 && (!l || !a.includes(l)) || o !== void 0 && !s.includes(o);
 			return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(UiWidget_default, {
 				config: r,
 				onSubmit: (e) => {
-					if (!o) {
-						console.error(`[UiActions] Widget "${r.widget ?? r.type}" has no transition configured.`);
+					if (console.log("[UiActions] handleSubmit called", {
+						transition: o,
+						data: e,
+						isDisabled: p,
+						currentPlace: l,
+						availableTransitions: s
+					}), !o) {
+						console.error(`[UiActions] Widget "${r.widget}" has no transition configured.`);
 						return;
 					}
 					d(o, e);
 				},
-				disabled: u || a !== void 0 && (!l || !a.includes(l)) || o !== void 0 && !s.includes(o),
+				disabled: p,
 				isLoading: f
 			}) }, `ui-widget-${i}-${o ?? r.widget}`);
 		}, a[7] = s, a[8] = l, a[9] = u, a[10] = f, a[11] = d, a[12] = r) : r = a[12], p = o.map(r), a[0] = o, a[1] = s, a[2] = l, a[3] = u, a[4] = f, a[5] = d, a[6] = p;

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

@@ -4,20 +4,22 @@ import React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Loader2 } from "lucide-react";
 const ButtonFullWidth = (a) => {
-	let o = c(11), { ui: s, disabled: l, onClick: u, isLoading: d } = a, f = s?.label ?? "Submit", p;
+	let o = c(13), { ui: s, disabled: l, onClick: u, isLoading: d } = a, f = s?.label ?? "Submit", p;
 	o[0] === s?.props ? p = o[1] : (p = s?.props ?? {}, o[0] = s?.props, o[1] = p);
 	let m = p, h = s?.variant ?? "default", g = l || d, _;
-	o[2] === d ? _ = o[3] : (_ = d && /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }), o[2] = d, o[3] = _);
+	o[2] === u ? _ = o[3] : (_ = () => u(), o[2] = u, o[3] = _);
 	let v;
-	return o[4] !== u || o[5] !== m || o[6] !== f || o[7] !== g || o[8] !== _ || o[9] !== h ? (v = /* @__PURE__ */ jsxs(Button, {
+	o[4] === d ? v = o[5] : (v = d && /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }), o[4] = d, o[5] = v);
+	let y;
+	return o[6] !== m || o[7] !== f || o[8] !== g || o[9] !== _ || o[10] !== v || o[11] !== h ? (y = /* @__PURE__ */ jsxs(Button, {
 		type: "button",
 		variant: h,
 		...m,
 		disabled: g,
-		onClick: u,
+		onClick: _,
 		size: "lg",
 		className: "w-full font-medium",
-		children: [_, f]
-	}), o[4] = u, o[5] = m, o[6] = f, o[7] = g, o[8] = _, o[9] = h, o[10] = v) : v = o[10], v;
+		children: [v, f]
+	}), o[6] = m, o[7] = f, o[8] = g, o[9] = _, o[10] = v, o[11] = h, o[12] = y) : y = o[12], y;
 };
 export { ButtonFullWidth };

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

@@ -4,20 +4,22 @@ import React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Loader2 } from "lucide-react";
 const SubmitButton = (a) => {
-	let o = c(10), { ui: s, disabled: l, onClick: u, isLoading: d } = a, f = s?.label || "Submit", p;
+	let o = c(12), { ui: s, disabled: l, onClick: u, isLoading: d } = a, f = s?.label || "Submit", p;
 	o[0] === s?.props ? p = o[1] : (p = s?.props || {}, o[0] = s?.props, o[1] = p);
 	let m = p, h = l || d, g;
-	o[2] === d ? g = o[3] : (g = d && /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }), o[2] = d, o[3] = g);
+	o[2] === u ? g = o[3] : (g = () => u(), o[2] = u, o[3] = g);
 	let _;
-	return o[4] !== u || o[5] !== m || o[6] !== f || o[7] !== h || o[8] !== g ? (_ = /* @__PURE__ */ jsxs(Button, {
+	o[4] === d ? _ = o[5] : (_ = d && /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }), o[4] = d, o[5] = _);
+	let v;
+	return o[6] !== m || o[7] !== f || o[8] !== h || o[9] !== g || o[10] !== _ ? (v = /* @__PURE__ */ jsxs(Button, {
 		type: "button",
 		variant: "default",
 		...m,
 		disabled: h,
-		onClick: u,
+		onClick: g,
 		size: "default",
 		className: "w-48",
-		children: [g, f]
-	}), o[4] = u, o[5] = m, o[6] = f, o[7] = h, o[8] = g, o[9] = _) : _ = o[9], _;
+		children: [_, f]
+	}), o[6] = m, o[7] = f, o[8] = h, o[9] = g, o[10] = _, o[11] = v) : v = o[11], v;
 };
 export { SubmitButton };

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

@@ -1,5 +1,5 @@
 import { cn } from "../../../lib/utils.js";
-import { ScrollArea } from "../../../components/ui/scroll-area.js";
+import { ScrollArea, ScrollBar } from "../../../components/ui/scroll-area.js";
 import MarkdownContent_default from "../../../components/dynamic-form/MarkdownContent.js";
 import { ReactFlowProvider } from "../../../node_modules/@xyflow/react/dist/esm/index.js";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "../../../components/ui/tabs.js";
@@ -29,8 +29,8 @@ var BINARY_EXTENSIONS = new Set([
 	".dylib"
 ]);
 function isBinaryFileName(e) {
-	let h = e.includes(".") ? e.slice(e.lastIndexOf(".")).toLowerCase() : "";
-	return BINARY_EXTENSIONS.has(h);
+	let g = e.includes(".") ? e.slice(e.lastIndexOf(".")).toLowerCase() : "";
+	return BINARY_EXTENSIONS.has(g);
 }
 var EXTENSION_LANGUAGE = {
 	".ts": "typescript",
@@ -67,64 +67,101 @@ var EXTENSION_LANGUAGE = {
 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;
-	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);
+function FileContentViewer(y) {
+	let b = c(41), { selectedFile: x, content: S, workflowConfig: C, isLoading: w, className: T } = y, E = C === void 0 ? null : C, D = w === void 0 ? !1 : w;
+	if (!x) {
 		let g;
-		y[2] === Symbol.for("react.memo_cache_sentinel") ? (g = /* @__PURE__ */ jsx("p", {
+		b[0] === T ? g = b[1] : (g = cn("flex flex-1 items-center justify-center bg-background", T), b[0] = T, b[1] = g);
+		let _;
+		b[2] === Symbol.for("react.memo_cache_sentinel") ? (_ = /* @__PURE__ */ jsx("p", {
 			className: "text-sm text-muted-foreground",
 			children: "Select a tab to view its content"
-		}), y[2] = g) : g = y[2];
-		let _;
-		return y[3] === h ? _ = y[4] : (_ = /* @__PURE__ */ jsx("div", {
-			className: h,
-			children: g
-		}), y[3] = h, y[4] = _), _;
+		}), b[2] = _) : _ = b[2];
+		let v;
+		return b[3] === g ? v = b[4] : (v = /* @__PURE__ */ jsx("div", {
+			className: g,
+			children: _
+		}), b[3] = g, b[4] = v), v;
 	}
-	let D = isBinaryFileName(b.name), O = x ?? (D ? null : `// ${b.path ?? b.name}\n\n(No content available)`);
-	if (D && x == null) {
-		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 O = isBinaryFileName(x.name), k = S != null, A = S ?? "";
+	if (O && !k) {
 		let g;
-		y[7] === Symbol.for("react.memo_cache_sentinel") ? (g = /* @__PURE__ */ jsx("div", {
+		b[5] === T ? g = b[6] : (g = cn("flex flex-1 flex-col rounded-lg border bg-background", T), b[5] = T, b[6] = g);
+		let _;
+		b[7] === Symbol.for("react.memo_cache_sentinel") ? (_ = /* @__PURE__ */ jsx("div", {
 			className: "flex flex-1 items-center justify-center p-8",
 			children: /* @__PURE__ */ jsx("p", {
 				className: "text-sm text-muted-foreground",
 				children: "Binary file — preview not available"
 			})
-		}), y[7] = g) : g = y[7];
+		}), b[7] = _) : _ = b[7];
+		let v;
+		return b[8] === g ? v = b[9] : (v = /* @__PURE__ */ jsx("div", {
+			className: g,
+			children: _
+		}), b[8] = g, b[9] = v), v;
+	}
+	if (!k && !D) {
+		let g;
+		b[10] === T ? g = b[11] : (g = cn("flex flex-1 flex-col rounded-lg border bg-background", T), b[10] = T, b[11] = g);
 		let _;
-		return y[8] === h ? _ = y[9] : (_ = /* @__PURE__ */ jsx("div", {
-			className: h,
-			children: g
-		}), y[8] = h, y[9] = _), _;
+		b[12] === Symbol.for("react.memo_cache_sentinel") ? (_ = /* @__PURE__ */ jsx("div", {
+			className: "flex flex-1 items-center justify-center p-8",
+			children: /* @__PURE__ */ jsx("p", {
+				className: "text-sm text-destructive",
+				children: "Error loading file content"
+			})
+		}), b[12] = _) : _ = b[12];
+		let v;
+		return b[13] === g ? v = b[14] : (v = /* @__PURE__ */ jsx("div", {
+			className: g,
+			children: _
+		}), b[13] = g, b[14] = v), v;
 	}
-	if (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);
+	if (D) {
 		let g;
-		y[12] === Symbol.for("react.memo_cache_sentinel") ? (g = /* @__PURE__ */ jsx("div", {
+		b[15] === T ? g = b[16] : (g = cn("flex flex-1 flex-col rounded-lg border bg-background", T), b[15] = T, b[16] = g);
+		let _;
+		b[17] === Symbol.for("react.memo_cache_sentinel") ? (_ = /* @__PURE__ */ jsx("div", {
 			className: "flex justify-center p-8",
 			children: /* @__PURE__ */ jsx(Loader2, { className: "h-6 w-6 animate-spin text-muted-foreground" })
-		}), y[12] = g) : g = y[12];
-		let _;
-		return y[13] === h ? _ = y[14] : (_ = /* @__PURE__ */ jsx("div", {
-			className: h,
-			children: g
-		}), y[13] = h, y[14] = _), _;
+		}), b[17] = _) : _ = b[17];
+		let v;
+		return b[18] === g ? v = b[19] : (v = /* @__PURE__ */ jsx("div", {
+			className: g,
+			children: _
+		}), b[18] = g, b[19] = v), v;
 	}
-	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 j;
+	b[20] === x.name ? j = b[21] : (j = getLanguageForFileName(x.name), b[20] = x.name, b[21] = j);
 	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, {
+	b[22] !== M || b[23] !== x.name ? (N = M === "markdown" || x.name.endsWith(".md") || x.name.endsWith(".mdx"), b[22] = M, b[23] = x.name, b[24] = N) : N = b[24];
+	let P = N, F;
+	b[25] !== M || b[26] !== x.name ? (F = M === "yaml" || x.name.endsWith(".yaml") || x.name.endsWith(".yml"), b[25] = M, b[26] = x.name, b[27] = F) : F = b[27];
+	let I = F && E !== null, L;
+	b[28] === M ? L = b[29] : (L = (e) => /* @__PURE__ */ jsxs(ScrollArea, {
+		className: "h-full w-full",
+		children: [/* @__PURE__ */ jsx(Prism, {
+			language: M,
+			style: vscDarkPlus,
+			customStyle: {
+				margin: 0,
+				padding: "1rem",
+				fontSize: "13px",
+				overflow: "visible",
+				minWidth: "max-content",
+				width: "100%"
+			},
+			showLineNumbers: !0,
+			PreTag: "div",
+			codeTagProps: { style: { fontFamily: "inherit" } },
+			children: e
+		}), /* @__PURE__ */ jsx(ScrollBar, { orientation: "horizontal" })]
+	}), b[28] = M, b[29] = L);
+	let R = L, z;
+	b[30] === T ? z = b[31] : (z = cn("flex h-full flex-col overflow-hidden rounded-lg border bg-background", T), b[30] = T, b[31] = z);
+	let B;
+	b[32] !== A || b[33] !== P || b[34] !== I || b[35] !== R || b[36] !== E ? (B = P && A ? /* @__PURE__ */ jsxs(Tabs, {
 		defaultValue: "rendered",
 		className: "flex h-full flex-col overflow-hidden",
 		children: [
@@ -145,32 +182,17 @@ 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: A })
 					})
 				})
 			}),
 			/* @__PURE__ */ jsx(TabsContent, {
 				value: "unrendered",
 				className: "flex-1 min-h-0 overflow-hidden mt-0",
-				children: /* @__PURE__ */ jsx(ScrollArea, {
-					className: "flex-1 min-h-0",
-					children: /* @__PURE__ */ jsx(Prism, {
-						language: A,
-						style: vscDarkPlus,
-						customStyle: {
-							margin: 0,
-							padding: "1rem",
-							fontSize: "13px"
-						},
-						showLineNumbers: !0,
-						PreTag: "div",
-						codeTagProps: { style: { fontFamily: "inherit" } },
-						children: O ?? ""
-					})
-				})
+				children: R(A)
 			})
 		]
-	}) : P && T ? /* @__PURE__ */ jsxs(Tabs, {
+	}) : I && E ? /* @__PURE__ */ jsxs(Tabs, {
 		defaultValue: "code",
 		className: "flex h-full flex-col overflow-hidden",
 		children: [
@@ -187,52 +209,22 @@ function FileContentViewer(v) {
 			/* @__PURE__ */ jsx(TabsContent, {
 				value: "code",
 				className: "flex-1 min-h-0 overflow-hidden mt-0",
-				children: /* @__PURE__ */ jsx(ScrollArea, {
-					className: "flex-1 min-h-0",
-					children: /* @__PURE__ */ jsx(Prism, {
-						language: A,
-						style: vscDarkPlus,
-						customStyle: {
-							margin: 0,
-							padding: "1rem",
-							fontSize: "13px"
-						},
-						showLineNumbers: !0,
-						PreTag: "div",
-						codeTagProps: { style: { fontFamily: "inherit" } },
-						children: O ?? ""
-					})
-				})
+				children: R(A)
 			}),
 			/* @__PURE__ */ jsx(TabsContent, {
 				value: "flow",
 				className: "flex-1 min-h-0 overflow-hidden mt-0",
 				children: /* @__PURE__ */ jsx("div", {
 					className: "h-full w-full",
-					children: /* @__PURE__ */ jsx(ReactFlowProvider, { children: /* @__PURE__ */ jsx(ConfigFlowViewer_default, { config: T }) })
+					children: /* @__PURE__ */ jsx(ReactFlowProvider, { children: /* @__PURE__ */ jsx(ConfigFlowViewer_default, { config: E }) })
 				})
 			})
 		]
-	}) : /* @__PURE__ */ jsx(ScrollArea, {
-		className: "flex-1 min-h-0",
-		children: /* @__PURE__ */ jsx(Prism, {
-			language: A,
-			style: vscDarkPlus,
-			customStyle: {
-				margin: 0,
-				padding: "1rem",
-				fontSize: "13px"
-			},
-			showLineNumbers: !0,
-			PreTag: "div",
-			codeTagProps: { style: { fontFamily: "inherit" } },
-			children: O ?? ""
-		})
-	}), 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;
+	}) : R(A), b[32] = A, b[33] = P, b[34] = I, b[35] = R, b[36] = E, b[37] = B) : B = b[37];
+	let V;
+	return b[38] !== z || b[39] !== B ? (V = /* @__PURE__ */ jsx("div", {
+		className: z,
+		children: B
+	}), b[38] = z, b[39] = B, b[40] = V) : V = b[40], V;
 }
 export { FileContentViewer };