@loopstack/loopstack-studio 0.21.0 → 0.21.2

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

@@ -0,0 +1,43 @@
+import AiPromptInput_default from "./widgets/AiPromptInput.js";
+import { ButtonFullWidth } from "./widgets/ButtonFullWidth.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 = (o) => {
+	let s = c(18), { config: l, onSubmit: u, disabled: d, isLoading: f } = o;
+	switch (l.widget) {
+		case "prompt-input": {
+			let i;
+			return s[0] !== l.options || s[1] !== l.transition || s[2] !== d || s[3] !== u ? (i = /* @__PURE__ */ jsx(AiPromptInput_default, {
+				transition: l.transition,
+				disabled: d,
+				onSubmit: u,
+				ui: l.options
+			}), s[0] = l.options, s[1] = l.transition, s[2] = d, s[3] = u, s[4] = i) : i = s[4], i;
+		}
+		case "button": {
+			let e = l.options, i;
+			return s[5] !== l.transition || s[6] !== d || s[7] !== f || s[8] !== u || s[9] !== e ? (i = /* @__PURE__ */ jsx(SubmitButton, {
+				transition: l.transition,
+				ui: e,
+				disabled: d,
+				onClick: u,
+				isLoading: f
+			}), s[5] = l.transition, s[6] = d, s[7] = f, s[8] = u, s[9] = e, s[10] = i) : i = s[10], i;
+		}
+		case "button-full-w": {
+			let e = l.options, a;
+			return s[11] !== l.transition || s[12] !== d || s[13] !== f || s[14] !== u || s[15] !== e ? (a = /* @__PURE__ */ jsx(ButtonFullWidth, {
+				transition: l.transition,
+				ui: e,
+				disabled: d,
+				onClick: u,
+				isLoading: f
+			}), s[11] = l.transition, s[12] = d, s[13] = f, s[14] = u, s[15] = e, s[16] = a) : a = s[16], a;
+		}
+	}
+	let p;
+	return s[17] === Symbol.for("react.memo_cache_sentinel") ? (p = /* @__PURE__ */ jsx(Fragment$1, {}), s[17] = p) : p = s[17], p;
+};
+export { UiWidget_default as default };

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

@@ -0,0 +1,43 @@
+import { PromptInput, PromptInputBody, PromptInputFooter, PromptInputSubmit, PromptInputTextarea } from "../../ai-elements/prompt-input.js";
+import { c } from "react/compiler-runtime";
+import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Pill } from "lucide-react";
+function AiPromptInput(d) {
+	let f = c(18), { transition: p, onSubmit: m, disabled: h, ui: g } = d, [_, v] = useState(""), y = g?.label ?? p, b;
+	f[0] === m ? b = f[1] : (b = (e, u) => {
+		u.preventDefault(), e.text && (m(e.text), v(""));
+	}, f[0] = m, f[1] = b);
+	let x;
+	f[2] === Symbol.for("react.memo_cache_sentinel") ? (x = (e) => v(e.target.value), f[2] = x) : x = f[2];
+	let S = h || !1, C;
+	f[3] !== _ || f[4] !== S ? (C = /* @__PURE__ */ jsx(PromptInputBody, { children: /* @__PURE__ */ jsx(PromptInputTextarea, {
+		value: _,
+		onChange: x,
+		placeholder: "Type your message...",
+		disabled: S,
+		rows: 1,
+		className: "flex-1"
+	}) }), f[3] = _, f[4] = S, f[5] = C) : C = f[5];
+	let w;
+	f[6] === Symbol.for("react.memo_cache_sentinel") ? (w = /* @__PURE__ */ jsx(Pill, {
+		size: "16",
+		className: "mr-2"
+	}), f[6] = w) : w = f[6];
+	let T;
+	f[7] === y ? T = f[8] : (T = /* @__PURE__ */ jsxs("div", {
+		className: "mr-4 flex items-center",
+		children: [w, y]
+	}), f[7] = y, f[8] = T);
+	let E = h || !1, D;
+	f[9] === E ? D = f[10] : (D = /* @__PURE__ */ jsx(PromptInputSubmit, { disabled: E }), f[9] = E, f[10] = D);
+	let O;
+	f[11] !== T || f[12] !== D ? (O = /* @__PURE__ */ jsxs(PromptInputFooter, { children: [T, D] }), f[11] = T, f[12] = D, f[13] = O) : O = f[13];
+	let k;
+	return f[14] !== b || f[15] !== C || f[16] !== O ? (k = /* @__PURE__ */ jsxs(PromptInput, {
+		onSubmit: b,
+		children: [C, O]
+	}), f[14] = b, f[15] = C, f[16] = O, f[17] = k) : k = f[17], k;
+}
+var AiPromptInput_default = AiPromptInput;
+export { AiPromptInput_default as default };

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

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

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

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

package/dist/events/sse-client-events.js

@@ -0,0 +1,7 @@
+const SseClientEvents = {
+	WORKFLOW_CREATED: "workflow.created",
+	WORKFLOW_UPDATED: "workflow.updated",
+	DOCUMENT_CREATED: "document.created",
+	SSE_CONNECTED: "sse.connected"
+};
+export { SseClientEvents };

package/dist/features/code-explorer/CodeExplorer.js

@@ -0,0 +1,69 @@
+import { cn } from "../../lib/utils.js";
+import { Input } from "../../components/ui/input.js";
+import { useCodeExplorerContext } from "./providers/CodeExplorerProvider.js";
+import { CodeExplorerTree } from "./components/CodeExplorerTree.js";
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+function CodeExplorer(s) {
+	let l = c(20), { className: u } = s, { fileTree: d, isTreeLoading: f, error: p, searchQuery: m, setSearchQuery: h, selectFile: g, selectedFile: _, clearSelection: v, closeFile: y } = useCodeExplorerContext(), b;
+	l[0] === u ? b = l[1] : (b = cn("flex h-full w-full flex-col gap-2 overflow-hidden", u), l[0] = u, l[1] = b);
+	let x;
+	l[2] === h ? x = l[3] : (x = (e) => h(e.target.value), l[2] = h, l[3] = x);
+	let S;
+	l[4] !== m || l[5] !== x ? (S = /* @__PURE__ */ jsx("div", {
+		className: "flex shrink-0 flex-col gap-2",
+		children: /* @__PURE__ */ jsx(Input, {
+			type: "search",
+			placeholder: "Search files...",
+			value: m,
+			onChange: x,
+			className: "h-8 w-full",
+			"aria-label": "Search files"
+		})
+	}), l[4] = m, l[5] = x, l[6] = S) : S = l[6];
+	let C;
+	l[7] !== v || l[8] !== y || l[9] !== p || l[10] !== d || l[11] !== f || l[12] !== m || l[13] !== g || l[14] !== _?.id ? (C = /* @__PURE__ */ jsx("div", {
+		className: "flex min-h-0 flex-1 flex-col overflow-hidden",
+		children: /* @__PURE__ */ jsx("div", {
+			className: "flex min-h-0 flex-1 flex-col overflow-hidden rounded-md border bg-background",
+			children: p ? /* @__PURE__ */ jsx("div", {
+				className: "flex flex-1 flex-col items-center justify-center p-6 text-center",
+				children: /* @__PURE__ */ jsxs("div", {
+					className: "rounded-lg border border-destructive bg-destructive/10 p-4 max-w-md",
+					children: [/* @__PURE__ */ jsx("p", {
+						className: "text-sm font-semibold text-destructive mb-2",
+						children: "File Explorer Error"
+					}), /* @__PURE__ */ jsx("p", {
+						className: "text-xs text-destructive/90",
+						children: p.message
+					})]
+				})
+			}) : f ? /* @__PURE__ */ jsx("div", {
+				className: "flex flex-1 items-center justify-center p-4",
+				children: /* @__PURE__ */ jsx("p", {
+					className: "text-xs text-muted-foreground",
+					children: "Loading file tree..."
+				})
+			}) : d.length === 0 ? /* @__PURE__ */ jsx("div", {
+				className: "flex flex-1 items-center justify-center p-4",
+				children: /* @__PURE__ */ jsx("p", {
+					className: "text-xs text-muted-foreground",
+					children: "No files found"
+				})
+			}) : /* @__PURE__ */ jsx(CodeExplorerTree, {
+				nodes: d,
+				searchQuery: m,
+				onSelectFile: g,
+				onClearSelection: v,
+				onCloseFile: y,
+				selectedFileId: _?.id
+			})
+		})
+	}), l[7] = v, l[8] = y, l[9] = p, l[10] = d, l[11] = f, l[12] = m, l[13] = g, l[14] = _?.id, l[15] = C) : C = l[15];
+	let w;
+	return l[16] !== b || l[17] !== S || l[18] !== C ? (w = /* @__PURE__ */ jsxs("div", {
+		className: b,
+		children: [S, C]
+	}), l[16] = b, l[17] = S, l[18] = C, l[19] = w) : w = l[19], w;
+}
+export { CodeExplorer };

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

@@ -0,0 +1,43 @@
+import { ScrollArea } from "../../../components/ui/scroll-area.js";
+import { useCodeExplorerContext } from "../providers/CodeExplorerProvider.js";
+import { CodeExplorerTreeNode } from "./CodeExplorerTreeNode.js";
+import { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+function filterTree(e, i) {
+	if (!i.trim()) return e;
+	let a = i.trim().toLowerCase();
+	return e.map((e) => filterNode(e, a)).filter((e) => e !== null);
+}
+function filterNode(e, i) {
+	if (e.type === "file") return e.name.toLowerCase().includes(i) ? e : null;
+	let a = e.children ? e.children.map((e) => filterNode(e, i)).filter((e) => e !== null) : [];
+	return e.name.toLowerCase().includes(i) || a.length > 0 ? {
+		...e,
+		children: a
+	} : null;
+}
+function CodeExplorerTree({ nodes: o, searchQuery: s = "", onSelectFile: c, onClearSelection: l, onCloseFile: u, selectedFileId: d }) {
+	let f = useMemo(() => filterTree(o, s), [o, s]), { expandedFolders: p, toggleFolder: m } = useCodeExplorerContext();
+	return /* @__PURE__ */ jsx(ScrollArea, {
+		className: "h-full w-full",
+		children: /* @__PURE__ */ jsx("div", {
+			className: "w-full py-1",
+			role: "tree",
+			"aria-label": "File tree",
+			children: f.length === 0 ? /* @__PURE__ */ jsx("p", {
+				className: "px-2 py-4 text-sm text-muted-foreground",
+				children: "No files match"
+			}) : f.map((e) => /* @__PURE__ */ jsx(CodeExplorerTreeNode, {
+				node: e,
+				depth: 0,
+				onSelectFile: c,
+				onClearSelection: l,
+				onCloseFile: u,
+				selectedFileId: d,
+				expandedFolders: p,
+				toggleFolder: m
+			}, e.id))
+		})
+	});
+}
+export { CodeExplorerTree };

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

@@ -0,0 +1,82 @@
+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

@@ -0,0 +1,237 @@
+import { cn } from "../../../lib/utils.js";
+import { ScrollArea } 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";
+import ConfigFlowViewer_default from "../../debug/components/ConfigFlowViewer.js";
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Loader2 } from "lucide-react";
+import { Prism } from "react-syntax-highlighter";
+import { vscDarkPlus } from "react-syntax-highlighter/dist/esm/styles/prism";
+var BINARY_EXTENSIONS = new Set([
+	".ico",
+	".svg",
+	".png",
+	".jpg",
+	".jpeg",
+	".gif",
+	".webp",
+	".woff",
+	".woff2",
+	".ttf",
+	".eot",
+	".bin",
+	".exe",
+	".dll",
+	".so",
+	".dylib"
+]);
+function isBinaryFileName(e) {
+	let h = e.includes(".") ? e.slice(e.lastIndexOf(".")).toLowerCase() : "";
+	return BINARY_EXTENSIONS.has(h);
+}
+var EXTENSION_LANGUAGE = {
+	".ts": "typescript",
+	".tsx": "tsx",
+	".js": "javascript",
+	".jsx": "jsx",
+	".mjs": "javascript",
+	".cjs": "javascript",
+	".json": "json",
+	".jsonc": "json",
+	".md": "markdown",
+	".mdx": "markdown",
+	".css": "css",
+	".scss": "scss",
+	".sass": "sass",
+	".less": "less",
+	".html": "html",
+	".htm": "html",
+	".xml": "xml",
+	".yaml": "yaml",
+	".yml": "yaml",
+	".toml": "toml",
+	".sh": "bash",
+	".bash": "bash",
+	".zsh": "bash",
+	".fish": "bash",
+	".txt": "plaintext",
+	".log": "plaintext",
+	".env": "plaintext",
+	".gitignore": "plaintext",
+	".dockerfile": "dockerfile",
+	".dockerignore": "plaintext"
+};
+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);
+		let g;
+		y[2] === Symbol.for("react.memo_cache_sentinel") ? (g = /* @__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] = _), _;
+	}
+	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 g;
+		y[7] === Symbol.for("react.memo_cache_sentinel") ? (g = /* @__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];
+		let _;
+		return y[8] === h ? _ = y[9] : (_ = /* @__PURE__ */ jsx("div", {
+			className: h,
+			children: g
+		}), y[8] = h, y[9] = _), _;
+	}
+	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);
+		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" })
+		}), 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] = _), _;
+	}
+	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, {
+		defaultValue: "rendered",
+		className: "flex h-full flex-col overflow-hidden",
+		children: [
+			/* @__PURE__ */ jsxs(TabsList, {
+				className: "shrink-0 mx-2 mt-2",
+				children: [/* @__PURE__ */ jsx(TabsTrigger, {
+					value: "rendered",
+					children: "Rendered"
+				}), /* @__PURE__ */ jsx(TabsTrigger, {
+					value: "unrendered",
+					children: "Unrendered"
+				})]
+			}),
+			/* @__PURE__ */ jsx(TabsContent, {
+				value: "rendered",
+				className: "flex-1 min-h-0 overflow-hidden mt-2",
+				children: /* @__PURE__ */ jsx(ScrollArea, {
+					className: "h-full",
+					children: /* @__PURE__ */ jsx("div", {
+						className: "p-4",
+						children: /* @__PURE__ */ jsx(MarkdownContent_default, { content: O })
+					})
+				})
+			}),
+			/* @__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 ?? ""
+					})
+				})
+			})
+		]
+	}) : P && T ? /* @__PURE__ */ jsxs(Tabs, {
+		defaultValue: "code",
+		className: "flex h-full flex-col overflow-hidden",
+		children: [
+			/* @__PURE__ */ jsxs(TabsList, {
+				className: "shrink-0 mx-2 mt-2",
+				children: [/* @__PURE__ */ jsx(TabsTrigger, {
+					value: "code",
+					children: "Code"
+				}), /* @__PURE__ */ jsx(TabsTrigger, {
+					value: "flow",
+					children: "Flow Diagram"
+				})]
+			}),
+			/* @__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 ?? ""
+					})
+				})
+			}),
+			/* @__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 }) })
+				})
+			})
+		]
+	}) : /* @__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;
+}
+export { FileContentViewer };