@loopstack/loopstack-studio 0.23.0 → 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/CodeExplorerTreeNode.js

@@ -1,6 +1,82 @@
-import "../../../lib/utils.js";
-import "../../../components/ui/button.js";
-import "../../../components/ui/collapsible.js";
-import "../utils/fileIcons.js";
+import { cn } from "../../../lib/utils.js";
+import { Button } from "../../../components/ui/button.js";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "../../../components/ui/collapsible.js";
+import { getFileIcon, getFolderIcon } from "../utils/fileIcons.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ChevronDown, ChevronRight, X } from "lucide-react";
+var INDENT_PX = 16, BASE_PADDING_PX = 8;
+function CodeExplorerTreeNode({ node: h, depth: g, onSelectFile: _, onClearSelection: v, onCloseFile: y, isSelected: b = !1, selectedFileId: x, expandedFolders: S = /* @__PURE__ */ new Set(), toggleFolder: C }) {
+	let w = S.has(h.id), T = g * INDENT_PX + BASE_PADDING_PX, E = x === h.id || b;
+	if (h.type === "file") {
+		let m = getFileIcon(h.name);
+		return /* @__PURE__ */ jsxs("div", {
+			className: cn("flex w-full min-w-0 items-center gap-2 rounded-sm py-1 group", "text-muted-foreground", E && "bg-muted"),
+			style: { paddingLeft: T },
+			children: [/* @__PURE__ */ jsxs("button", {
+				type: "button",
+				className: cn("flex flex-1 min-w-0 items-center gap-2 rounded-sm text-left text-sm hover:bg-muted/50", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"),
+				onClick: () => _?.(h),
+				"aria-label": `Select file ${h.name}`,
+				children: [/* @__PURE__ */ jsx(m, {
+					className: "h-4 w-4 shrink-0 text-muted-foreground",
+					"aria-hidden": !0
+				}), /* @__PURE__ */ jsx("span", {
+					className: "truncate",
+					children: h.name
+				})]
+			}), E && (y || v) && /* @__PURE__ */ jsx(Button, {
+				variant: "ghost",
+				size: "icon",
+				className: "h-6 w-6 shrink-0 opacity-0 group-hover:opacity-100 transition-opacity",
+				onClick: (e) => {
+					e.stopPropagation(), y ? y(h) : v && v();
+				},
+				"aria-label": "Close file",
+				children: /* @__PURE__ */ jsx(X, { className: "h-3.5 w-3.5" })
+			})]
+		});
+	}
+	let D = h.children && h.children.length > 0, O = getFolderIcon(w);
+	return /* @__PURE__ */ jsxs(Collapsible, {
+		open: w,
+		onOpenChange: () => {
+			C && C(h.id);
+		},
+		children: [/* @__PURE__ */ jsxs(CollapsibleTrigger, {
+			className: cn("flex w-full min-w-0 items-center gap-1 rounded-sm py-1 text-left text-sm hover:bg-muted", "text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", "disabled:cursor-default disabled:opacity-50"),
+			style: { paddingLeft: T },
+			disabled: !D,
+			"aria-label": `${w ? "Collapse" : "Expand"} folder ${h.name}`,
+			children: [
+				D ? jsx(w ? ChevronDown : ChevronRight, {
+					className: "h-4 w-4 shrink-0",
+					"aria-hidden": !0
+				}) : /* @__PURE__ */ jsx("span", {
+					className: "w-4 shrink-0",
+					"aria-hidden": !0
+				}),
+				/* @__PURE__ */ jsx(O, {
+					className: "h-4 w-4 shrink-0 text-muted-foreground",
+					"aria-hidden": !0
+				}),
+				/* @__PURE__ */ jsx("span", {
+					className: "truncate",
+					children: h.name
+				})
+			]
+		}), D && /* @__PURE__ */ jsx(CollapsibleContent, {
+			className: "h-full",
+			children: h.children.map((e) => /* @__PURE__ */ jsx(CodeExplorerTreeNode, {
+				node: e,
+				depth: g + 1,
+				onSelectFile: _,
+				onClearSelection: v,
+				onCloseFile: y,
+				selectedFileId: x,
+				expandedFolders: S,
+				toggleFolder: C
+			}, e.id))
+		})]
+	});
+}
+export { CodeExplorerTreeNode };

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 };