@loopstack/loopstack-studio 0.21.3 → 0.23.0

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

@@ -3,22 +3,29 @@ import { c } from "react/compiler-runtime";
 import React, { Fragment } from "react";
 import { jsx } from "react/jsx-runtime";
 var UiActions_default = (i) => {
-	let a = c(13), { actions: o, availableTransitions: s, disabled: l, onSubmit: u, isLoading: d } = i, f;
-	if (a[0] !== o || a[1] !== s || a[2] !== l || a[3] !== d || a[4] !== u) {
+	let a = c(15), { actions: o, availableTransitions: s, currentPlace: l, disabled: u, onSubmit: d, isLoading: f } = i, p;
+	if (a[0] !== o || a[1] !== s || a[2] !== l || a[3] !== u || a[4] !== f || a[5] !== d) {
 		let r;
-		a[6] !== s || a[7] !== l || a[8] !== d || a[9] !== u ? (r = (r, i) => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(UiWidget_default, {
-			config: r,
-			onSubmit: (e) => {
-				u(r.transition, e);
-			},
-			disabled: l || r.transition === void 0 || !s.includes(r.transition),
-			isLoading: d
-		}) }, `ui-widget-${i}-${r.transition}`), a[6] = s, a[7] = l, a[8] = d, a[9] = u, a[10] = r) : r = a[10], f = o.map(r), a[0] = o, a[1] = s, a[2] = l, a[3] = d, a[4] = u, a[5] = f;
-	} else f = a[5];
-	let p;
-	return a[11] === f ? p = a[12] : (p = /* @__PURE__ */ jsx("div", {
+		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;
+			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.`);
+						return;
+					}
+					d(o, e);
+				},
+				disabled: u || a !== void 0 && (!l || !a.includes(l)) || o !== void 0 && !s.includes(o),
+				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;
+	} else p = a[6];
+	let m;
+	return a[13] === p ? m = a[14] : (m = /* @__PURE__ */ jsx("div", {
 		className: "flex w-full flex-col items-end gap-4",
-		children: f
-	}), a[11] = f, a[12] = p), p;
+		children: p
+	}), a[13] = p, a[14] = m), m;
 };
 export { UiActions_default as default };

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

@@ -1,43 +1,48 @@
 import AiPromptInput_default from "./widgets/AiPromptInput.js";
 import { ButtonFullWidth } from "./widgets/ButtonFullWidth.js";
+import { SandboxRun } from "./widgets/SandboxRun.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) {
+var UiWidget_default = (s) => {
+	let l = c(18), { config: u, onSubmit: d, disabled: f, isLoading: p } = s, m = u.options;
+	switch (u.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;
+			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;
 		}
 		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,
+			let e = m, a;
+			return l[4] !== f || l[5] !== p || l[6] !== d || l[7] !== e ? (a = /* @__PURE__ */ jsx(SubmitButton, {
 				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;
+				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;
 		}
 		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,
+			let e = m, o;
+			return l[9] !== f || l[10] !== p || l[11] !== d || l[12] !== e ? (o = /* @__PURE__ */ jsx(ButtonFullWidth, {
 				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;
+				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;
+		}
+		case "sandbox-run": {
+			let e = m, a;
+			return l[14] !== f || l[15] !== e ? (a = /* @__PURE__ */ jsx(SandboxRun, {
+				ui: e,
+				disabled: f
+			}), l[14] = f, l[15] = e, l[16] = a) : a = l[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;
+	let h;
+	return l[17] === Symbol.for("react.memo_cache_sentinel") ? (h = /* @__PURE__ */ jsx(Fragment$1, {}), l[17] = h) : h = l[17], h;
 };
 export { UiWidget_default as default };

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

@@ -4,40 +4,40 @@ 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,
+	let f = c(18), { onSubmit: p, disabled: m, ui: h } = d, [g, _] = useState(""), v = h?.label ?? "Submit", y;
+	f[0] === p ? y = f[1] : (y = (e, u) => {
+		u.preventDefault(), e.text && (p(e.text), _(""));
+	}, f[0] = p, f[1] = y);
+	let b;
+	f[2] === Symbol.for("react.memo_cache_sentinel") ? (b = (e) => _(e.target.value), f[2] = b) : b = f[2];
+	let x = m || !1, S;
+	f[3] !== g || f[4] !== x ? (S = /* @__PURE__ */ jsx(PromptInputBody, { children: /* @__PURE__ */ jsx(PromptInputTextarea, {
+		value: g,
+		onChange: b,
 		placeholder: "Type your message...",
-		disabled: S,
+		disabled: x,
 		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, {
+	}) }), f[3] = g, f[4] = x, f[5] = S) : S = f[5];
+	let C;
+	f[6] === Symbol.for("react.memo_cache_sentinel") ? (C = /* @__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", {
+	}), f[6] = C) : C = f[6];
+	let w;
+	f[7] === v ? w = f[8] : (w = /* @__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);
+		children: [C, v]
+	}), f[7] = v, f[8] = w);
+	let T = m || !1, E;
+	f[9] === T ? E = f[10] : (E = /* @__PURE__ */ jsx(PromptInputSubmit, { disabled: T }), f[9] = T, f[10] = E);
+	let D;
+	f[11] !== w || f[12] !== E ? (D = /* @__PURE__ */ jsxs(PromptInputFooter, { children: [w, E] }), f[11] = w, f[12] = E, f[13] = D) : D = f[13];
 	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;
+	return f[14] !== y || f[15] !== S || f[16] !== D ? (O = /* @__PURE__ */ jsxs(PromptInput, {
+		onSubmit: y,
+		children: [S, D]
+	}), f[14] = y, f[15] = S, f[16] = D, f[17] = O) : O = f[17], O;
 }
 var AiPromptInput_default = AiPromptInput;
 export { AiPromptInput_default as default };

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

@@ -4,20 +4,20 @@ 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, {
+	let o = c(11), { 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] = _);
+	let v;
+	return o[4] !== u || o[5] !== m || o[6] !== f || o[7] !== g || o[8] !== _ || o[9] !== h ? (v = /* @__PURE__ */ jsxs(Button, {
 		type: "button",
-		variant: g,
-		...h,
-		disabled: _,
-		onClick: d,
+		variant: h,
+		...m,
+		disabled: g,
+		onClick: u,
 		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;
+		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;
 };
 export { ButtonFullWidth };

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

@@ -0,0 +1,33 @@
+import { Button } from "../../ui/button.js";
+import { Tooltip, TooltipContent, TooltipTrigger } from "../../ui/tooltip.js";
+import { useWorkbenchLayout } from "../../../features/workbench/providers/WorkbenchLayoutProvider.js";
+import "../../../features/workbench/index.js";
+import { c } from "react/compiler-runtime";
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { MonitorPlay } from "lucide-react";
+const SandboxRun = (u) => {
+	let d = c(12), { ui: f, disabled: p } = u, { openPreviewWithEnvironment: m, environments: h } = useWorkbenchLayout(), g = f?.slotId, _ = g ? h?.find((e) => e.slotId === g) : void 0, v = !!_, y = _?.envName ? `Open ${_.envName}` : "Open Sandbox", b;
+	d[0] !== m || d[1] !== g ? (b = () => {
+		g && m(g);
+	}, d[0] = m, d[1] = g, d[2] = b) : b = d[2];
+	let x = b, S = p || !v, C;
+	d[3] === Symbol.for("react.memo_cache_sentinel") ? (C = /* @__PURE__ */ jsx(MonitorPlay, { className: "h-4 w-4" }), d[3] = C) : C = d[3];
+	let w;
+	d[4] !== x || d[5] !== S ? (w = /* @__PURE__ */ jsx(TooltipTrigger, {
+		asChild: !0,
+		children: /* @__PURE__ */ jsx(Button, {
+			type: "button",
+			variant: "default",
+			size: "icon",
+			disabled: S,
+			onClick: x,
+			children: C
+		})
+	}), d[4] = x, d[5] = S, d[6] = w) : w = d[6];
+	let T;
+	d[7] === y ? T = d[8] : (T = /* @__PURE__ */ jsx(TooltipContent, { children: y }), d[7] = y, d[8] = T);
+	let E;
+	return d[9] !== w || d[10] !== T ? (E = /* @__PURE__ */ jsxs(Tooltip, { children: [w, T] }), d[9] = w, d[10] = T, d[11] = E) : E = d[11], E;
+};
+export { SandboxRun };

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

@@ -4,20 +4,20 @@ 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, {
+	let o = c(10), { 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);
+	let _;
+	return o[4] !== u || o[5] !== m || o[6] !== f || o[7] !== h || o[8] !== g ? (_ = /* @__PURE__ */ jsxs(Button, {
 		type: "button",
 		variant: "default",
-		...h,
-		disabled: g,
-		onClick: d,
+		...m,
+		disabled: h,
+		onClick: u,
 		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;
+		children: [g, f]
+	}), o[4] = u, o[5] = m, o[6] = f, o[7] = h, o[8] = g, o[9] = _) : _ = o[9], _;
 };
 export { SubmitButton };

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

@@ -1,69 +1,6 @@
-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 "../../lib/utils.js";
+import "../../components/ui/input.js";
+import "./providers/CodeExplorerProvider.js";
+import "./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

@@ -1,43 +1,5 @@
-import { ScrollArea } from "../../../components/ui/scroll-area.js";
-import { useCodeExplorerContext } from "../providers/CodeExplorerProvider.js";
-import { CodeExplorerTreeNode } from "./CodeExplorerTreeNode.js";
+import "../../../components/ui/scroll-area.js";
+import "../providers/CodeExplorerProvider.js";
+import "./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

@@ -1,82 +1,6 @@
-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 "../../../lib/utils.js";
+import "../../../components/ui/button.js";
+import "../../../components/ui/collapsible.js";
+import "../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

@@ -4,6 +4,7 @@ import MarkdownContent_default from "../../../components/dynamic-form/MarkdownCo
 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 "../../debug/index.js";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Loader2 } from "lucide-react";

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

@@ -2,9 +2,9 @@ import { cn } from "../../../lib/utils.js";
 import { Button } from "../../../components/ui/button.js";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger } from "../../../components/ui/dropdown-menu.js";
 import { ScrollArea, ScrollBar } from "../../../components/ui/scroll-area.js";
-import { ContextMenu, ContextMenuContent, ContextMenuItem, ContextMenuSeparator, ContextMenuTrigger } from "../../../components/ui/context-menu.js";
 import { useCodeExplorerContext } from "../providers/CodeExplorerProvider.js";
 import { getFileIcon } from "../utils/fileIcons.js";
+import { ContextMenu, ContextMenuContent, ContextMenuItem, ContextMenuSeparator, ContextMenuTrigger } from "../../../components/ui/context-menu.js";
 import { c } from "react/compiler-runtime";
 import { useEffect, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

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

@@ -0,0 +1,4 @@
+import { CodeExplorerProvider, useCodeExplorerContext } from "./providers/CodeExplorerProvider.js";
+import "./CodeExplorer.js";
+import { FileContentViewer } from "./components/FileContentViewer.js";
+import { FileTabsBar } from "./components/FileTabsBar.js";

package/dist/features/code-explorer/utils/fileIcons.js

@@ -1,4 +1,4 @@
-import { File, FileCode, FileJson, FileText, Folder, FolderOpen } from "lucide-react";
+import { File, FileCode, FileJson, FileText } from "lucide-react";
 var EXTENSION_ICON_MAP = {
 	".ts": FileCode,
 	".tsx": FileCode,
@@ -33,10 +33,7 @@ var EXTENSION_ICON_MAP = {
 	".log": FileText,
 	".env": FileText
 };
-function getFileIcon(c) {
-	return EXTENSION_ICON_MAP[c.includes(".") ? c.slice(c.lastIndexOf(".")).toLowerCase() : ""] ?? File;
+function getFileIcon(a) {
+	return EXTENSION_ICON_MAP[a.includes(".") ? a.slice(a.lastIndexOf(".")).toLowerCase() : ""] ?? File;
 }
-function getFolderIcon(e) {
-	return e ? FolderOpen : Folder;
-}
-export { getFileIcon, getFolderIcon };
+export { getFileIcon };

package/dist/features/debug/components/ConfigFlowViewer.js

@@ -1,7 +1,7 @@
 import { Background, BackgroundVariant, Controls, index, useEdgesState, useNodesState, useReactFlow } from "../../../node_modules/@xyflow/react/dist/esm/index.js";
 /* empty css                                             */
-import { buildWorkflowGraph } from "../lib/flow-utils.js";
 import StateNode_default from "./pipeline-flow/StateNode.js";
+import { buildWorkflowGraph } from "../lib/flow-utils.js";
 import WorkflowTransitionEdge_default from "./pipeline-flow/WorkflowTransitionEdge.js";
 import { c } from "react/compiler-runtime";
 import React, { useEffect, useRef } from "react";

package/dist/features/debug/components/PipelineFlowViewer.js

@@ -2,8 +2,8 @@ import { usePipeline } from "../../../hooks/usePipelines.js";
 import { Background, BackgroundVariant, Controls, index, useEdgesState, useNodesState, useReactFlow } from "../../../node_modules/@xyflow/react/dist/esm/index.js";
 /* empty css                                             */
 import StateNode_default from "./pipeline-flow/StateNode.js";
-import WorkflowTransitionEdge_default from "./pipeline-flow/WorkflowTransitionEdge.js";
 import WorkflowGraph_default from "./pipeline-flow/WorkflowGraph.js";
+import WorkflowTransitionEdge_default from "./pipeline-flow/WorkflowTransitionEdge.js";
 import { c } from "react/compiler-runtime";
 import React, { useCallback, useEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/features/debug/index.js

@@ -0,0 +1,3 @@
+import PipelineFlowViewer_default from "./components/PipelineFlowViewer.js";
+import PipelineDebugHeader_default from "./components/PipelineDebugHeader.js";
+import ConfigFlowViewer_default from "./components/ConfigFlowViewer.js";

package/dist/features/documents/DocumentRenderer.js

@@ -0,0 +1,53 @@
+import CompletionMessagePaper_default from "../../components/messages/CompletionMessagePaper.js";
+import OAuthPromptRenderer_default from "../oauth/OAuthPromptRenderer.js";
+import "../oauth/index.js";
+import AiMessage_default from "./renderers/AiMessage.js";
+import DocumentDebugRenderer_default from "./renderers/DocumentDebugRenderer.js";
+import DocumentFormRenderer_default from "./renderers/DocumentFormRenderer.js";
+import DocumentMessageRenderer_default from "./renderers/DocumentMessageRenderer.js";
+import ErrorMessageRenderer_default from "./renderers/ErrorMessageRenderer.js";
+import LinkMessageRenderer_default from "./renderers/LinkMessageRenderer.js";
+import MarkdownMessageRenderer_default from "./renderers/MarkdownMessageRenderer.js";
+import PlainMessageRenderer_default from "./renderers/PlainMessageRenderer.js";
+import { c } from "react/compiler-runtime";
+import React from "react";
+import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
+var rendererRegistry = new Map([
+	["ai-message", ({ document: e, isLastItem: f }) => /* @__PURE__ */ jsx(AiMessage_default, {
+		document: e,
+		isLastItem: f
+	})],
+	["debug", ({ document: e }) => /* @__PURE__ */ jsx("div", {
+		className: "mb-4 flex",
+		children: /* @__PURE__ */ jsx(DocumentDebugRenderer_default, { document: e })
+	})],
+	["object-form", ({ pipeline: f, workflow: p, document: m, isActive: g }) => /* @__PURE__ */ jsx(CompletionMessagePaper_default, {
+		role: "document",
+		fullWidth: !0,
+		timestamp: new Date(m.createdAt),
+		children: /* @__PURE__ */ jsx(DocumentFormRenderer_default, {
+			pipeline: f,
+			workflow: p,
+			document: m,
+			enabled: g,
+			viewOnly: !g
+		})
+	})],
+	["message", ({ document: e }) => /* @__PURE__ */ jsx(DocumentMessageRenderer_default, { document: e })],
+	["error", ({ document: e }) => /* @__PURE__ */ jsx(ErrorMessageRenderer_default, { document: e })],
+	["plain", ({ document: e }) => /* @__PURE__ */ jsx(PlainMessageRenderer_default, { document: e })],
+	["markdown", ({ document: e }) => /* @__PURE__ */ jsx(MarkdownMessageRenderer_default, { document: e })],
+	["link", ({ document: e }) => /* @__PURE__ */ jsx(LinkMessageRenderer_default, { document: e })],
+	["oauth-prompt", ({ pipeline: e, workflow: p, document: m, isActive: h }) => /* @__PURE__ */ jsx(OAuthPromptRenderer_default, {
+		pipeline: e,
+		workflow: p,
+		document: m,
+		isActive: h
+	})]
+]), DocumentRenderer_default = (e) => {
+	let f = c(5), p = e.document.ui?.form?.widget ?? "object-form", m;
+	f[0] === p ? m = f[1] : (m = rendererRegistry.get(p), f[0] = p, f[1] = m);
+	let h = m, g;
+	return f[2] !== h || f[3] !== e ? (g = /* @__PURE__ */ jsx("div", { children: h ? /* @__PURE__ */ jsx(h, { ...e }) : /* @__PURE__ */ jsx(Fragment$1, { children: "unknown document type" }) }), f[2] = h, f[3] = e, f[4] = g) : g = f[4], g;
+};
+export { DocumentRenderer_default as default };