@loopstack/loopstack-studio 0.21.0-rc.0 → 0.21.1

package/dist/components/ui/table.js

@@ -2,80 +2,104 @@ import { cn } from "../../lib/utils.js";
 import { c } from "react/compiler-runtime";
 import "react";
 import { jsx } from "react/jsx-runtime";
-function Table(r) {
-	let i = c(8), a, o;
-	i[0] === r ? (a = i[1], o = i[2]) : ({className: a, ...o} = r, i[0] = r, i[1] = a, i[2] = o);
-	let s;
-	i[3] === a ? s = i[4] : (s = cn("w-full caption-bottom text-sm", a), i[3] = a, i[4] = s);
-	let l;
-	return i[5] !== o || i[6] !== s ? (l = /* @__PURE__ */ jsx("div", {
+function Table(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("w-full caption-bottom text-sm", s), o[3] = s, o[4] = u);
+	let d;
+	return o[5] !== l || o[6] !== u ? (d = /* @__PURE__ */ jsx("div", {
 		"data-slot": "table-container",
 		className: "relative w-full overflow-x-auto",
 		children: /* @__PURE__ */ jsx("table", {
 			"data-slot": "table",
-			className: s,
-			...o
+			className: u,
+			...l
 		})
-	}), i[5] = o, i[6] = s, i[7] = l) : l = i[7], l;
+	}), o[5] = l, o[6] = u, o[7] = d) : d = o[7], d;
 }
-function TableHeader(r) {
-	let i = c(8), a, o;
-	i[0] === r ? (a = i[1], o = i[2]) : ({className: a, ...o} = r, i[0] = r, i[1] = a, i[2] = o);
-	let s;
-	i[3] === a ? s = i[4] : (s = cn("[&_tr]:border-b", a), i[3] = a, i[4] = s);
-	let l;
-	return i[5] !== o || i[6] !== s ? (l = /* @__PURE__ */ jsx("thead", {
+function TableHeader(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("[&_tr]:border-b", s), o[3] = s, o[4] = u);
+	let d;
+	return o[5] !== l || o[6] !== u ? (d = /* @__PURE__ */ jsx("thead", {
 		"data-slot": "table-header",
-		className: s,
-		...o
-	}), i[5] = o, i[6] = s, i[7] = l) : l = i[7], l;
+		className: u,
+		...l
+	}), o[5] = l, o[6] = u, o[7] = d) : d = o[7], d;
 }
-function TableBody(r) {
-	let i = c(8), a, o;
-	i[0] === r ? (a = i[1], o = i[2]) : ({className: a, ...o} = r, i[0] = r, i[1] = a, i[2] = o);
-	let s;
-	i[3] === a ? s = i[4] : (s = cn("[&_tr:last-child]:border-0", a), i[3] = a, i[4] = s);
-	let l;
-	return i[5] !== o || i[6] !== s ? (l = /* @__PURE__ */ jsx("tbody", {
+function TableBody(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("[&_tr:last-child]:border-0", s), o[3] = s, o[4] = u);
+	let d;
+	return o[5] !== l || o[6] !== u ? (d = /* @__PURE__ */ jsx("tbody", {
 		"data-slot": "table-body",
-		className: s,
-		...o
-	}), i[5] = o, i[6] = s, i[7] = l) : l = i[7], l;
+		className: u,
+		...l
+	}), o[5] = l, o[6] = u, o[7] = d) : d = o[7], d;
 }
-function TableRow(r) {
-	let i = c(8), a, o;
-	i[0] === r ? (a = i[1], o = i[2]) : ({className: a, ...o} = r, i[0] = r, i[1] = a, i[2] = o);
-	let s;
-	i[3] === a ? s = i[4] : (s = cn("hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors", a), i[3] = a, i[4] = s);
-	let l;
-	return i[5] !== o || i[6] !== s ? (l = /* @__PURE__ */ jsx("tr", {
+function TableFooter(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("bg-muted/50 border-t font-medium [&>tr]:last:border-b-0", s), o[3] = s, o[4] = u);
+	let d;
+	return o[5] !== l || o[6] !== u ? (d = /* @__PURE__ */ jsx("tfoot", {
+		"data-slot": "table-footer",
+		className: u,
+		...l
+	}), o[5] = l, o[6] = u, o[7] = d) : d = o[7], d;
+}
+function TableRow(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("hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors", s), o[3] = s, o[4] = u);
+	let d;
+	return o[5] !== l || o[6] !== u ? (d = /* @__PURE__ */ jsx("tr", {
 		"data-slot": "table-row",
-		className: s,
-		...o
-	}), i[5] = o, i[6] = s, i[7] = l) : l = i[7], l;
+		className: u,
+		...l
+	}), o[5] = l, o[6] = u, o[7] = d) : d = o[7], d;
 }
-function TableHead(r) {
-	let i = c(8), a, o;
-	i[0] === r ? (a = i[1], o = i[2]) : ({className: a, ...o} = r, i[0] = r, i[1] = a, i[2] = o);
-	let s;
-	i[3] === a ? s = i[4] : (s = cn("text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", a), i[3] = a, i[4] = s);
-	let l;
-	return i[5] !== o || i[6] !== s ? (l = /* @__PURE__ */ jsx("th", {
+function TableHead(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("text-muted-foreground h-10 px-4 py-3 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", s), o[3] = s, o[4] = u);
+	let d;
+	return o[5] !== l || o[6] !== u ? (d = /* @__PURE__ */ jsx("th", {
 		"data-slot": "table-head",
-		className: s,
-		...o
-	}), i[5] = o, i[6] = s, i[7] = l) : l = i[7], l;
+		className: u,
+		...l
+	}), o[5] = l, o[6] = u, o[7] = d) : d = o[7], d;
 }
-function TableCell(r) {
-	let i = c(8), a, o;
-	i[0] === r ? (a = i[1], o = i[2]) : ({className: a, ...o} = r, i[0] = r, i[1] = a, i[2] = o);
-	let s;
-	i[3] === a ? s = i[4] : (s = cn("p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", a), i[3] = a, i[4] = s);
-	let l;
-	return i[5] !== o || i[6] !== s ? (l = /* @__PURE__ */ jsx("td", {
+function TableCell(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("px-4 py-3 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", s), o[3] = s, o[4] = u);
+	let d;
+	return o[5] !== l || o[6] !== u ? (d = /* @__PURE__ */ jsx("td", {
 		"data-slot": "table-cell",
-		className: s,
-		...o
-	}), i[5] = o, i[6] = s, i[7] = l) : l = i[7], l;
+		className: u,
+		...l
+	}), o[5] = l, o[6] = u, o[7] = d) : d = o[7], d;
+}
+function TableCaption(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("text-muted-foreground mt-4 text-sm", s), o[3] = s, o[4] = u);
+	let d;
+	return o[5] !== l || o[6] !== u ? (d = /* @__PURE__ */ jsx("caption", {
+		"data-slot": "table-caption",
+		className: u,
+		...l
+	}), o[5] = l, o[6] = u, o[7] = d) : d = o[7], d;
 }
-export { Table, TableBody, TableCell, TableHead, TableHeader, TableRow };
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };

package/dist/components/ui/tabs.js

@@ -0,0 +1,54 @@
+import { cn } from "../../lib/utils.js";
+import { c } from "react/compiler-runtime";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+function Tabs(i) {
+	let a = c(8), o, s;
+	a[0] === i ? (o = a[1], s = a[2]) : ({className: o, ...s} = i, a[0] = i, a[1] = o, a[2] = s);
+	let l;
+	a[3] === o ? l = a[4] : (l = cn("flex flex-col gap-2", o), a[3] = o, a[4] = l);
+	let u;
+	return a[5] !== s || a[6] !== l ? (u = /* @__PURE__ */ jsx(TabsPrimitive.Root, {
+		"data-slot": "tabs",
+		className: l,
+		...s
+	}), a[5] = s, a[6] = l, a[7] = u) : u = a[7], u;
+}
+function TabsList(i) {
+	let a = c(8), o, s;
+	a[0] === i ? (o = a[1], s = a[2]) : ({className: o, ...s} = i, a[0] = i, a[1] = o, a[2] = s);
+	let l;
+	a[3] === o ? l = a[4] : (l = cn("bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]", o), a[3] = o, a[4] = l);
+	let u;
+	return a[5] !== s || a[6] !== l ? (u = /* @__PURE__ */ jsx(TabsPrimitive.List, {
+		"data-slot": "tabs-list",
+		className: l,
+		...s
+	}), a[5] = s, a[6] = l, a[7] = u) : u = a[7], u;
+}
+function TabsTrigger(i) {
+	let a = c(8), o, s;
+	a[0] === i ? (o = a[1], s = a[2]) : ({className: o, ...s} = i, a[0] = i, a[1] = o, a[2] = s);
+	let l;
+	a[3] === o ? l = a[4] : (l = cn("data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", o), a[3] = o, a[4] = l);
+	let u;
+	return a[5] !== s || a[6] !== l ? (u = /* @__PURE__ */ jsx(TabsPrimitive.Trigger, {
+		"data-slot": "tabs-trigger",
+		className: l,
+		...s
+	}), a[5] = s, a[6] = l, a[7] = u) : u = a[7], u;
+}
+function TabsContent(i) {
+	let a = c(8), o, s;
+	a[0] === i ? (o = a[1], s = a[2]) : ({className: o, ...s} = i, a[0] = i, a[1] = o, a[2] = s);
+	let l;
+	a[3] === o ? l = a[4] : (l = cn("flex-1 outline-none", o), a[3] = o, a[4] = l);
+	let u;
+	return a[5] !== s || a[6] !== l ? (u = /* @__PURE__ */ jsx(TabsPrimitive.Content, {
+		"data-slot": "tabs-content",
+		className: l,
+		...s
+	}), a[5] = s, a[6] = l, a[7] = u) : u = a[7], u;
+}
+export { Tabs, TabsContent, TabsList, TabsTrigger };

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

@@ -0,0 +1,24 @@
+import UiWidget_default from "./UiWidget.js";
+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 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", {
+		className: "flex w-full flex-col items-end gap-4",
+		children: f
+	}), a[11] = f, a[12] = p), p;
+};
+export { UiActions_default as default };

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