@loopstack/loopstack-studio 0.25.1 → 0.25.2

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

@@ -1,29 +1,43 @@
-import { PromptInput as e, PromptInputBody as t, PromptInputFooter as n, PromptInputSubmit as r, PromptInputTextarea as i } from "../../ai-elements/prompt-input.js";
-import { useState as a } from "react";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { Pill as c } from "lucide-react";
-//#region src/components/ui-widgets/widgets/AiPromptInput.tsx
-function l({ onSubmit: l, disabled: u, ui: d }) {
-	let [f, p] = a(""), m = d?.label ?? "Submit";
-	return /* @__PURE__ */ s(e, {
-		onSubmit: (e, t) => {
-			t.preventDefault(), e.text && (l(e.text), p(""));
-		},
-		children: [/* @__PURE__ */ o(t, { children: /* @__PURE__ */ o(i, {
-			value: f,
-			onChange: (e) => p(e.target.value),
-			placeholder: "Type your message...",
-			disabled: u || !1,
-			rows: 1,
-			className: "flex-1"
-		}) }), /* @__PURE__ */ s(n, { children: [/* @__PURE__ */ s("div", {
-			className: "mr-4 flex items-center",
-			children: [/* @__PURE__ */ o(c, {
-				size: "16",
-				className: "mr-2"
-			}), m]
-		}), /* @__PURE__ */ o(r, { disabled: u || !1 })] })]
-	});
+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), { 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: x,
+		rows: 1,
+		className: "flex-1"
+	}) }), 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] = C) : C = f[6];
+	let w;
+	f[7] === v ? w = f[8] : (w = /* @__PURE__ */ jsxs("div", {
+		className: "mr-4 flex items-center",
+		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;
+	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;
 }
-//#endregion
-export { l as default };
+var AiPromptInput_default = AiPromptInput;
+export { AiPromptInput_default as default };

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

@@ -1,20 +1,25 @@
-import { Button as e } from "../../ui/button.js";
-import "react";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import { Loader2 as r } from "lucide-react";
-//#region src/components/ui-widgets/widgets/ButtonFullWidth.tsx
-var i = ({ ui: i, disabled: a, onClick: o, isLoading: s }) => {
-	let c = i?.label ?? "Submit", l = i?.props ?? {};
-	return /* @__PURE__ */ n(e, {
+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(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] === u ? _ = o[3] : (_ = () => u(), o[2] = u, o[3] = _);
+	let v;
+	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: i?.variant ?? "default",
-		...l,
-		disabled: a || s,
-		onClick: () => o(),
+		variant: h,
+		...m,
+		disabled: g,
+		onClick: _,
 		size: "lg",
 		className: "w-full font-medium",
-		children: [s && /* @__PURE__ */ t(r, { className: "h-4 w-4 animate-spin" }), c]
-	});
+		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;
 };
-//#endregion
-export { i as ButtonFullWidth };
+export { ButtonFullWidth };

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

@@ -1,26 +1,33 @@
-import { Button as e } from "../../ui/button.js";
-import { Tooltip as t, TooltipContent as n, TooltipTrigger as r } from "../../ui/tooltip.js";
-import { useWorkbenchLayout as i } from "../../../features/workbench/providers/WorkbenchLayoutProvider.js";
+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 "react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { MonitorPlay as s } from "lucide-react";
-//#region src/components/ui-widgets/widgets/SandboxRun.tsx
-var c = ({ ui: c, disabled: l }) => {
-	let { openPreviewWithEnvironment: u, environments: d } = i(), f = c?.slotId, p = f ? d?.find((e) => e.slotId === f) : void 0, m = !!p, h = p?.envName ? `Open ${p.envName}` : "Open Sandbox";
-	return /* @__PURE__ */ o(t, { children: [/* @__PURE__ */ a(r, {
+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__ */ a(e, {
+		children: /* @__PURE__ */ jsx(Button, {
 			type: "button",
 			variant: "default",
 			size: "icon",
-			disabled: l || !m,
-			onClick: () => {
-				f && u(f);
-			},
-			children: /* @__PURE__ */ a(s, { className: "h-4 w-4" })
+			disabled: S,
+			onClick: x,
+			children: C
 		})
-	}), /* @__PURE__ */ a(n, { children: h })] });
+	}), 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;
 };
-//#endregion
-export { c as SandboxRun };
+export { SandboxRun };

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

@@ -1,20 +1,25 @@
-import { Button as e } from "../../ui/button.js";
-import "react";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import { Loader2 as r } from "lucide-react";
-//#region src/components/ui-widgets/widgets/SubmitButton.tsx
-var i = ({ ui: i, disabled: a, onClick: o, isLoading: s }) => {
-	let c = i?.label || "Submit";
-	return /* @__PURE__ */ n(e, {
+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(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] === u ? g = o[3] : (g = () => u(), o[2] = u, o[3] = g);
+	let _;
+	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",
-		...i?.props || {},
-		disabled: a || s,
-		onClick: () => o(),
+		...m,
+		disabled: h,
+		onClick: g,
 		size: "default",
 		className: "w-48",
-		children: [s && /* @__PURE__ */ t(r, { className: "h-4 w-4 animate-spin" }), c]
-	});
+		children: [_, f]
+	}), o[6] = m, o[7] = f, o[8] = h, o[9] = g, o[10] = _, o[11] = v) : v = o[11], v;
 };
-//#endregion
-export { i as SubmitButton };
+export { SubmitButton };

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

@@ -1,7 +1,5 @@
-//#region src/events/api-client-events.ts
-var e = {
+const ApiClientEvents = {
 	UNAUTHORIZED: "api.unauthorized",
 	ERR_NETWORK: "api.ERR_NETWORK"
 };
-//#endregion
-export { e as ApiClientEvents };
+export { ApiClientEvents };

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

@@ -1,9 +1,7 @@
-//#region src/events/sse-client-events.ts
-var e = {
+const SseClientEvents = {
 	WORKFLOW_CREATED: "workflow.created",
 	WORKFLOW_UPDATED: "workflow.updated",
 	DOCUMENT_CREATED: "document.created",
 	SSE_CONNECTED: "sse.connected"
 };
-//#endregion
-export { e as SseClientEvents };
+export { SseClientEvents };

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

@@ -2,4 +2,5 @@ import "../../lib/utils.js";
 import "../../components/ui/input.js";
 import "./providers/CodeExplorerProvider.js";
 import "./components/CodeExplorerTree.js";
-import "react/jsx-runtime";
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";

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

@@ -1,5 +1,5 @@
 import "../../../components/ui/scroll-area.js";
 import "../providers/CodeExplorerProvider.js";
 import "./CodeExplorerTreeNode.js";
-import "react";
-import "react/jsx-runtime";
+import { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";

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

@@ -1,31 +1,30 @@
-import { cn as e } from "../../../lib/utils.js";
-import { Button as t } from "../../../components/ui/button.js";
-import { Collapsible as n, CollapsibleContent as r, CollapsibleTrigger as i } from "../../../components/ui/collapsible.js";
-import { getFileIcon as a, getFolderIcon as o } from "../utils/fileIcons.js";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import { ChevronDown as l, ChevronRight as u, X as d } from "lucide-react";
-//#region src/features/code-explorer/components/CodeExplorerTreeNode.tsx
-var f = 16, p = 8;
-function m({ 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 * f + p, E = x === h.id || b;
+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 n = a(h.name);
-		return /* @__PURE__ */ c("div", {
-			className: e("flex w-full min-w-0 items-center gap-2 rounded-sm py-1 group", "text-muted-foreground", E && "bg-muted"),
+		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__ */ c("button", {
+			children: [/* @__PURE__ */ jsxs("button", {
 				type: "button",
-				className: e("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"),
+				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__ */ s(n, {
+				children: [/* @__PURE__ */ jsx(m, {
 					className: "h-4 w-4 shrink-0 text-muted-foreground",
 					"aria-hidden": !0
-				}), /* @__PURE__ */ s("span", {
+				}), /* @__PURE__ */ jsx("span", {
 					className: "truncate",
 					children: h.name
 				})]
-			}), E && (y || v) && /* @__PURE__ */ s(t, {
+			}), 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",
@@ -33,41 +32,41 @@ function m({ node: h, depth: g, onSelectFile: _, onClearSelection: v, onCloseFil
 					e.stopPropagation(), y ? y(h) : v && v();
 				},
 				"aria-label": "Close file",
-				children: /* @__PURE__ */ s(d, { className: "h-3.5 w-3.5" })
+				children: /* @__PURE__ */ jsx(X, { className: "h-3.5 w-3.5" })
 			})]
 		});
 	}
-	let D = h.children && h.children.length > 0, O = o(w);
-	return /* @__PURE__ */ c(n, {
+	let D = h.children && h.children.length > 0, O = getFolderIcon(w);
+	return /* @__PURE__ */ jsxs(Collapsible, {
 		open: w,
 		onOpenChange: () => {
 			C && C(h.id);
 		},
-		children: [/* @__PURE__ */ c(i, {
-			className: e("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"),
+		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 ? s(w ? l : u, {
+				D ? jsx(w ? ChevronDown : ChevronRight, {
 					className: "h-4 w-4 shrink-0",
 					"aria-hidden": !0
-				}) : /* @__PURE__ */ s("span", {
+				}) : /* @__PURE__ */ jsx("span", {
 					className: "w-4 shrink-0",
 					"aria-hidden": !0
 				}),
-				/* @__PURE__ */ s(O, {
+				/* @__PURE__ */ jsx(O, {
 					className: "h-4 w-4 shrink-0 text-muted-foreground",
 					"aria-hidden": !0
 				}),
-				/* @__PURE__ */ s("span", {
+				/* @__PURE__ */ jsx("span", {
 					className: "truncate",
 					children: h.name
 				})
 			]
-		}), D && /* @__PURE__ */ s(r, {
+		}), D && /* @__PURE__ */ jsx(CollapsibleContent, {
 			className: "h-full",
-			children: h.children.map((e) => /* @__PURE__ */ s(m, {
+			children: h.children.map((e) => /* @__PURE__ */ jsx(CodeExplorerTreeNode, {
 				node: e,
 				depth: g + 1,
 				onSelectFile: _,
@@ -80,5 +79,4 @@ function m({ node: h, depth: g, onSelectFile: _, onClearSelection: v, onCloseFil
 		})]
 	});
 }
-//#endregion
-export { m as CodeExplorerTreeNode };
+export { CodeExplorerTreeNode };