@loopstack/loopstack-studio 0.23.0 → 0.23.1

package/dist/components/dynamic-form/Form.js

@@ -1,35 +1,58 @@
 import { FormElementHeader } from "./FormElementHeader.js";
 import FormBody_default from "./FormBody.js";
 import { c } from "react/compiler-runtime";
-import React from "react";
+import React, { useEffect } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-var Form_default = (a) => {
-	let o = c(20), { form: s, schema: l, ui: u, mimeType: d, disabled: f, viewOnly: p, actions: m } = a, h = u, g = h?.form?.title, _ = h?.form?.description, v;
-	o[0] !== f || o[1] !== g || o[2] !== _ ? (v = /* @__PURE__ */ jsx(FormElementHeader, {
-		title: g,
-		description: _,
-		disabled: f
-	}), o[0] = f, o[1] = g, o[2] = _, o[3] = v) : v = o[3];
-	let y = l, b = u?.form, x;
-	o[4] !== f || o[5] !== s || o[6] !== d || o[7] !== y || o[8] !== b || o[9] !== p ? (x = /* @__PURE__ */ jsx(FormBody_default, {
-		form: s,
-		mimeType: d,
-		schema: y,
-		ui: b,
-		disabled: f,
-		viewOnly: p
-	}), o[4] = f, o[5] = s, o[6] = d, o[7] = y, o[8] = b, o[9] = p, o[10] = x) : x = o[10];
-	let S;
-	o[11] !== m || o[12] !== p ? (S = !p && !!m && /* @__PURE__ */ jsx("div", {
+function extractSchemaDefaults(e) {
+	if (e.default !== void 0) return e.default;
+	if (e.properties) {
+		let i = {}, a = !1;
+		for (let [o, s] of Object.entries(e.properties)) if (s.default !== void 0) i[o] = s.default, a = !0;
+		else if (s.type === "object" && s.properties) {
+			let e = extractSchemaDefaults(s);
+			e !== void 0 && (i[o] = e, a = !0);
+		}
+		return a ? i : void 0;
+	}
+}
+var Form_default = (o) => {
+	let l = c(25), { form: u, schema: d, ui: f, mimeType: p, disabled: m, viewOnly: h, actions: g } = o, _ = f, v = d, y;
+	l[0] !== u || l[1] !== v ? (y = () => {
+		let e = extractSchemaDefaults(v);
+		if (e) {
+			let i = u.getValues(), a = { ...e };
+			for (let [e, o] of Object.entries(i)) o !== void 0 && o !== "" && o !== null && (a[e] = o);
+			u.reset(a);
+		}
+	}, l[0] = u, l[1] = v, l[2] = y) : y = l[2];
+	let b;
+	l[3] === d ? b = l[4] : (b = [d], l[3] = d, l[4] = b), useEffect(y, b);
+	let x = _?.form?.title, S = _?.form?.description, C;
+	l[5] !== m || l[6] !== x || l[7] !== S ? (C = /* @__PURE__ */ jsx(FormElementHeader, {
+		title: x,
+		description: S,
+		disabled: m
+	}), l[5] = m, l[6] = x, l[7] = S, l[8] = C) : C = l[8];
+	let w = d, T = f?.form, E;
+	l[9] !== m || l[10] !== u || l[11] !== p || l[12] !== w || l[13] !== T || l[14] !== h ? (E = /* @__PURE__ */ jsx(FormBody_default, {
+		form: u,
+		mimeType: p,
+		schema: w,
+		ui: T,
+		disabled: m,
+		viewOnly: h
+	}), l[9] = m, l[10] = u, l[11] = p, l[12] = w, l[13] = T, l[14] = h, l[15] = E) : E = l[15];
+	let D;
+	l[16] !== g || l[17] !== h ? (D = !h && !!g && /* @__PURE__ */ jsx("div", {
 		className: "mt-4 flex w-full justify-end",
-		children: m
-	}), o[11] = m, o[12] = p, o[13] = S) : S = o[13];
-	let C;
-	o[14] !== x || o[15] !== S ? (C = /* @__PURE__ */ jsxs("form", { children: [x, S] }), o[14] = x, o[15] = S, o[16] = C) : C = o[16];
-	let w;
-	return o[17] !== v || o[18] !== C ? (w = /* @__PURE__ */ jsxs("div", {
+		children: g
+	}), l[16] = g, l[17] = h, l[18] = D) : D = l[18];
+	let O;
+	l[19] !== E || l[20] !== D ? (O = /* @__PURE__ */ jsxs("form", { children: [E, D] }), l[19] = E, l[20] = D, l[21] = O) : O = l[21];
+	let k;
+	return l[22] !== O || l[23] !== C ? (k = /* @__PURE__ */ jsxs("div", {
 		className: "container mx-auto",
-		children: [v, C]
-	}), o[17] = v, o[18] = C, o[19] = w) : w = o[19], w;
+		children: [C, O]
+	}), l[22] = O, l[23] = C, l[24] = k) : k = l[24], k;
 };
 export { Form_default as default };

package/dist/components/dynamic-form/InputController.js

@@ -2,6 +2,7 @@ import { InputField } from "./fields/InputField.js";
 import { TextareaField } from "./fields/TextareaField.js";
 import { CheckboxField } from "./fields/CheckboxField.js";
 import { CodeViewField } from "./fields/CodeViewField.js";
+import { MarkdownViewField } from "./fields/MarkdownViewField.js";
 import { RadioField } from "./fields/RadioField.js";
 import { SelectField } from "./fields/SelectField.js";
 import { SliderField } from "./fields/SliderField.js";
@@ -17,7 +18,8 @@ var WIDGET_REGISTRY = {
 	slider: SliderField,
 	text: InputField,
 	textarea: TextareaField,
-	"code-view": CodeViewField
+	"code-view": CodeViewField,
+	"markdown-view": MarkdownViewField
 }, WIDGET_NAMES = Object.keys(WIDGET_REGISTRY), resolveWidgetType = (e, o) => {
 	if (o && WIDGET_NAMES.includes(o)) return o;
 	let s = e;

package/dist/components/dynamic-form/fields/MarkdownViewField.js

@@ -0,0 +1,20 @@
+import MarkdownContent_default from "../MarkdownContent.js";
+import { useFieldConfig } from "../hooks/useFieldConfig.js";
+import { c } from "react/compiler-runtime";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+import { Controller } from "react-hook-form";
+const MarkdownViewField = (e) => {
+	let o = c(4), { name: s, schema: l, ui: u, form: d, disabled: f } = e, p = useFieldConfig(s, l, u, f).defaultValue || "", m;
+	return o[0] !== d.control || o[1] !== s || o[2] !== p ? (m = /* @__PURE__ */ jsx(Controller, {
+		name: s,
+		control: d.control,
+		defaultValue: p,
+		render: _temp
+	}), o[0] = d.control, o[1] = s, o[2] = p, o[3] = m) : m = o[3], m;
+};
+function _temp(i) {
+	let { field: a } = i;
+	return /* @__PURE__ */ jsx(MarkdownContent_default, { content: String(a.value ?? "") });
+}
+export { MarkdownViewField };

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

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

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

@@ -1,191 +1,4 @@
-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 { useCodeExplorerContext } from "../providers/CodeExplorerProvider.js";
-import { getFileIcon } from "../utils/fileIcons.js";
-import { ContextMenu, ContextMenuContent, ContextMenuItem, ContextMenuSeparator, ContextMenuTrigger } from "../../../components/ui/context-menu.js";
+import "../providers/CodeExplorerProvider.js";
+import "./FileTabsBarBase.js";
 import { c } from "react/compiler-runtime";
-import { useEffect, useRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { ClipboardCopy, MoreHorizontal, X, XCircle } from "lucide-react";
-function FileTabsBar() {
-	let g = c(50), { openFiles: _, selectedFile: v, selectFile: y, closeFile: b, closeAll: x, closeOthers: S, closeToLeft: C, closeToRight: w } = useCodeExplorerContext(), T = useRef(null), E = useRef(_.length), D, O;
-	g[0] === _.length ? (D = g[1], O = g[2]) : (D = () => {
-		if (_.length > E.current && T.current) {
-			let e = T.current.closest("[data-slot=\"scroll-area-viewport\"]");
-			e && requestAnimationFrame(() => {
-				e.scrollTo({
-					left: e.scrollWidth,
-					behavior: "smooth"
-				});
-			});
-		}
-		E.current = _.length;
-	}, O = [_.length], g[0] = _.length, g[1] = D, g[2] = O), useEffect(D, O);
-	let k, A;
-	if (g[3] === v ? (k = g[4], A = g[5]) : (k = () => {
-		if (v && T.current) {
-			let e = T.current.querySelector(`[data-tab-path="${v.path}"]`);
-			e && requestAnimationFrame(() => {
-				e.scrollIntoView({
-					behavior: "smooth",
-					block: "nearest",
-					inline: "nearest"
-				});
-			});
-		}
-	}, A = [v], g[3] = v, g[4] = k, g[5] = A), useEffect(k, A), _.length === 0) return null;
-	let j;
-	g[6] === y ? j = g[7] : (j = (e) => {
-		y(e);
-	}, g[6] = y, g[7] = j);
-	let M = j, N;
-	g[8] === b ? N = g[9] : (N = (e, l) => {
-		e.stopPropagation(), b(l);
-	}, g[8] = b, g[9] = N);
-	let P = N, F = _temp2, I;
-	g[10] === Symbol.for("react.memo_cache_sentinel") ? (I = { width: "max-content" }, g[10] = I) : I = g[10];
-	let L;
-	g[11] !== x || g[12] !== b || g[13] !== S || g[14] !== C || g[15] !== w || g[16] !== P || g[17] !== M || g[18] !== _ || g[19] !== v?.path ? (L = _.map((u) => {
-		let d = getFileIcon(u.name), f = v?.path === u.path, p = _.findIndex((e) => e.path === u.path), m = p > 0, h = p < _.length - 1;
-		return /* @__PURE__ */ jsxs(ContextMenu, { children: [/* @__PURE__ */ jsx(ContextMenuTrigger, {
-			asChild: !0,
-			children: /* @__PURE__ */ jsxs("button", {
-				type: "button",
-				"data-tab-path": u.path,
-				onClick: () => M(u),
-				className: cn("group relative flex h-9 min-w-[140px] max-w-[280px] shrink-0 items-center gap-2 border-r border-border/50 px-3 text-sm transition-all", "hover:bg-muted/70", f ? "bg-background text-foreground border-b-2 border-b-primary shadow-sm" : "text-muted-foreground bg-muted/30"),
-				"aria-selected": f,
-				"aria-label": `Tab: ${u.name}`,
-				children: [
-					/* @__PURE__ */ jsx(d, {
-						className: "h-3.5 w-3.5 shrink-0",
-						"aria-hidden": !0
-					}),
-					/* @__PURE__ */ jsx("span", {
-						className: "truncate flex-1 text-left font-medium",
-						children: u.name
-					}),
-					/* @__PURE__ */ jsx(Button, {
-						variant: "ghost",
-						size: "icon",
-						className: cn("h-5 w-5 shrink-0 rounded opacity-0 group-hover:opacity-100 transition-opacity", "hover:bg-destructive/10 hover:text-destructive", f && "opacity-70"),
-						onClick: (e) => P(e, u),
-						"aria-label": `Close ${u.name}`,
-						children: /* @__PURE__ */ jsx(X, { className: "h-3.5 w-3.5" })
-					})
-				]
-			})
-		}), /* @__PURE__ */ jsxs(ContextMenuContent, {
-			className: "min-w-[180px]",
-			children: [
-				/* @__PURE__ */ jsx(ContextMenuItem, {
-					onClick: () => b(u),
-					children: "Close"
-				}),
-				/* @__PURE__ */ jsx(ContextMenuItem, {
-					onClick: () => S(u),
-					disabled: _.length <= 1,
-					children: "Close Others"
-				}),
-				/* @__PURE__ */ jsx(ContextMenuItem, {
-					onClick: () => C(u),
-					disabled: !m,
-					children: "Close to the Left"
-				}),
-				/* @__PURE__ */ jsx(ContextMenuItem, {
-					onClick: () => w(u),
-					disabled: !h,
-					children: "Close to the Right"
-				}),
-				/* @__PURE__ */ jsx(ContextMenuSeparator, {}),
-				/* @__PURE__ */ jsx(ContextMenuItem, {
-					onClick: x,
-					children: "Close All"
-				}),
-				/* @__PURE__ */ jsx(ContextMenuSeparator, {}),
-				/* @__PURE__ */ jsxs(ContextMenuItem, {
-					onClick: () => F(u.path),
-					children: [/* @__PURE__ */ jsx(ClipboardCopy, { className: "h-4 w-4" }), "Copy Path"]
-				})
-			]
-		})] }, u.path);
-	}), g[11] = x, g[12] = b, g[13] = S, g[14] = C, g[15] = w, g[16] = P, g[17] = M, g[18] = _, g[19] = v?.path, g[20] = L) : L = g[20];
-	let R;
-	g[21] === L ? R = g[22] : (R = /* @__PURE__ */ jsx("div", {
-		ref: T,
-		className: "flex h-9 items-center",
-		style: I,
-		children: L
-	}), g[21] = L, g[22] = R);
-	let z;
-	g[23] === Symbol.for("react.memo_cache_sentinel") ? (z = /* @__PURE__ */ jsx(ScrollBar, { orientation: "horizontal" }), g[23] = z) : z = g[23];
-	let B;
-	g[24] === R ? B = g[25] : (B = /* @__PURE__ */ jsxs(ScrollArea, {
-		className: "flex-1 min-w-0",
-		children: [R, z]
-	}), g[24] = R, g[25] = B);
-	let V;
-	g[26] === Symbol.for("react.memo_cache_sentinel") ? (V = /* @__PURE__ */ jsx(DropdownMenuTrigger, {
-		asChild: !0,
-		children: /* @__PURE__ */ jsx(Button, {
-			variant: "ghost",
-			size: "icon",
-			className: "h-9 w-9 rounded-none text-muted-foreground hover:bg-muted/70 hover:text-foreground",
-			"aria-label": "Tab actions",
-			children: /* @__PURE__ */ jsx(MoreHorizontal, { className: "h-4 w-4" })
-		})
-	}), g[26] = V) : V = g[26];
-	let H;
-	g[27] !== b || g[28] !== v ? (H = () => v && b(v), g[27] = b, g[28] = v, g[29] = H) : H = g[29];
-	let U = !v, W;
-	g[30] !== H || g[31] !== U ? (W = /* @__PURE__ */ jsx(DropdownMenuItem, {
-		onClick: H,
-		disabled: U,
-		children: "Close Active Tab"
-	}), g[30] = H, g[31] = U, g[32] = W) : W = g[32];
-	let G;
-	g[33] !== S || g[34] !== v ? (G = () => v && S(v), g[33] = S, g[34] = v, g[35] = G) : G = g[35];
-	let K = !v || _.length <= 1, q;
-	g[36] !== G || g[37] !== K ? (q = /* @__PURE__ */ jsx(DropdownMenuItem, {
-		onClick: G,
-		disabled: K,
-		children: "Close Other Tabs"
-	}), g[36] = G, g[37] = K, g[38] = q) : q = g[38];
-	let J;
-	g[39] === Symbol.for("react.memo_cache_sentinel") ? (J = /* @__PURE__ */ jsx(DropdownMenuSeparator, {}), g[39] = J) : J = g[39];
-	let Y;
-	g[40] === Symbol.for("react.memo_cache_sentinel") ? (Y = /* @__PURE__ */ jsx(XCircle, { className: "h-4 w-4" }), g[40] = Y) : Y = g[40];
-	let Z;
-	g[41] === x ? Z = g[42] : (Z = /* @__PURE__ */ jsxs(DropdownMenuItem, {
-		onClick: x,
-		children: [Y, "Close All Tabs"]
-	}), g[41] = x, g[42] = Z);
-	let Q;
-	g[43] !== W || g[44] !== q || g[45] !== Z ? (Q = /* @__PURE__ */ jsx("div", {
-		className: "shrink-0 border-l border-border/50 bg-muted/30 h-9 flex items-center",
-		children: /* @__PURE__ */ jsxs(DropdownMenu, { children: [V, /* @__PURE__ */ jsxs(DropdownMenuContent, {
-			align: "end",
-			className: "min-w-[180px]",
-			children: [
-				W,
-				q,
-				J,
-				Z
-			]
-		})] })
-	}), g[43] = W, g[44] = q, g[45] = Z, g[46] = Q) : Q = g[46];
-	let $;
-	return g[47] !== B || g[48] !== Q ? ($ = /* @__PURE__ */ jsxs("div", {
-		className: "shrink-0 border-b bg-muted/50 flex items-center overflow-hidden",
-		children: [B, Q]
-	}), g[47] = B, g[48] = Q, g[49] = $) : $ = g[49], $;
-}
-function _temp2(e) {
-	navigator.clipboard.writeText(e).catch(_temp);
-}
-function _temp(e) {
-	console.error("Failed to copy path:", e);
-}
-export { FileTabsBar };
+import { jsx } from "react/jsx-runtime";

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

@@ -0,0 +1,190 @@
+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 { 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";
+import { ClipboardCopy, MoreHorizontal, X, XCircle } from "lucide-react";
+function FileTabsBarBase(h) {
+	let g = c(50), { openFiles: _, selectedFile: v, selectFile: y, closeFile: b, closeAll: x, closeOthers: S, closeToLeft: C, closeToRight: w } = h, T = useRef(null), E = useRef(_.length), D, O;
+	g[0] === _.length ? (D = g[1], O = g[2]) : (D = () => {
+		if (_.length > E.current && T.current) {
+			let e = T.current.closest("[data-slot=\"scroll-area-viewport\"]");
+			e && requestAnimationFrame(() => {
+				e.scrollTo({
+					left: e.scrollWidth,
+					behavior: "smooth"
+				});
+			});
+		}
+		E.current = _.length;
+	}, O = [_.length], g[0] = _.length, g[1] = D, g[2] = O), useEffect(D, O);
+	let k, A;
+	if (g[3] === v ? (k = g[4], A = g[5]) : (k = () => {
+		if (v && T.current) {
+			let e = T.current.querySelector(`[data-tab-path="${v.path}"]`);
+			e && requestAnimationFrame(() => {
+				e.scrollIntoView({
+					behavior: "smooth",
+					block: "nearest",
+					inline: "nearest"
+				});
+			});
+		}
+	}, A = [v], g[3] = v, g[4] = k, g[5] = A), useEffect(k, A), _.length === 0) return null;
+	let j;
+	g[6] === y ? j = g[7] : (j = (e) => {
+		y(e);
+	}, g[6] = y, g[7] = j);
+	let M = j, N;
+	g[8] === b ? N = g[9] : (N = (e, s) => {
+		e.stopPropagation(), b(s);
+	}, g[8] = b, g[9] = N);
+	let P = N, F = _temp2, I;
+	g[10] === Symbol.for("react.memo_cache_sentinel") ? (I = { width: "max-content" }, g[10] = I) : I = g[10];
+	let L;
+	g[11] !== x || g[12] !== b || g[13] !== S || g[14] !== C || g[15] !== w || g[16] !== P || g[17] !== M || g[18] !== _ || g[19] !== v?.path ? (L = _.map((l) => {
+		let u = getFileIcon(l.name), d = v?.path === l.path, f = _.findIndex((e) => e.path === l.path), p = f > 0, m = f < _.length - 1;
+		return /* @__PURE__ */ jsxs(ContextMenu, { children: [/* @__PURE__ */ jsx(ContextMenuTrigger, {
+			asChild: !0,
+			children: /* @__PURE__ */ jsxs("button", {
+				type: "button",
+				"data-tab-path": l.path,
+				onClick: () => M(l),
+				className: cn("group relative flex h-9 min-w-[140px] max-w-[280px] shrink-0 items-center gap-2 border-r border-border/50 px-3 text-sm transition-all", "hover:bg-muted/70", d ? "bg-background text-foreground border-b-2 border-b-primary shadow-sm" : "text-muted-foreground bg-muted/30"),
+				"aria-selected": d,
+				"aria-label": `Tab: ${l.name}`,
+				children: [
+					/* @__PURE__ */ jsx(u, {
+						className: "h-3.5 w-3.5 shrink-0",
+						"aria-hidden": !0
+					}),
+					/* @__PURE__ */ jsx("span", {
+						className: "truncate flex-1 text-left font-medium",
+						children: l.name
+					}),
+					/* @__PURE__ */ jsx(Button, {
+						variant: "ghost",
+						size: "icon",
+						className: cn("h-5 w-5 shrink-0 rounded opacity-0 group-hover:opacity-100 transition-opacity", "hover:bg-destructive/10 hover:text-destructive", d && "opacity-70"),
+						onClick: (e) => P(e, l),
+						"aria-label": `Close ${l.name}`,
+						children: /* @__PURE__ */ jsx(X, { className: "h-3.5 w-3.5" })
+					})
+				]
+			})
+		}), /* @__PURE__ */ jsxs(ContextMenuContent, {
+			className: "min-w-[180px]",
+			children: [
+				/* @__PURE__ */ jsx(ContextMenuItem, {
+					onClick: () => b(l),
+					children: "Close"
+				}),
+				/* @__PURE__ */ jsx(ContextMenuItem, {
+					onClick: () => S(l),
+					disabled: _.length <= 1,
+					children: "Close Others"
+				}),
+				/* @__PURE__ */ jsx(ContextMenuItem, {
+					onClick: () => C(l),
+					disabled: !p,
+					children: "Close to the Left"
+				}),
+				/* @__PURE__ */ jsx(ContextMenuItem, {
+					onClick: () => w(l),
+					disabled: !m,
+					children: "Close to the Right"
+				}),
+				/* @__PURE__ */ jsx(ContextMenuSeparator, {}),
+				/* @__PURE__ */ jsx(ContextMenuItem, {
+					onClick: x,
+					children: "Close All"
+				}),
+				/* @__PURE__ */ jsx(ContextMenuSeparator, {}),
+				/* @__PURE__ */ jsxs(ContextMenuItem, {
+					onClick: () => F(l.path),
+					children: [/* @__PURE__ */ jsx(ClipboardCopy, { className: "h-4 w-4" }), "Copy Path"]
+				})
+			]
+		})] }, l.path);
+	}), g[11] = x, g[12] = b, g[13] = S, g[14] = C, g[15] = w, g[16] = P, g[17] = M, g[18] = _, g[19] = v?.path, g[20] = L) : L = g[20];
+	let R;
+	g[21] === L ? R = g[22] : (R = /* @__PURE__ */ jsx("div", {
+		ref: T,
+		className: "flex h-9 items-center",
+		style: I,
+		children: L
+	}), g[21] = L, g[22] = R);
+	let z;
+	g[23] === Symbol.for("react.memo_cache_sentinel") ? (z = /* @__PURE__ */ jsx(ScrollBar, { orientation: "horizontal" }), g[23] = z) : z = g[23];
+	let B;
+	g[24] === R ? B = g[25] : (B = /* @__PURE__ */ jsxs(ScrollArea, {
+		className: "flex-1 min-w-0",
+		children: [R, z]
+	}), g[24] = R, g[25] = B);
+	let V;
+	g[26] === Symbol.for("react.memo_cache_sentinel") ? (V = /* @__PURE__ */ jsx(DropdownMenuTrigger, {
+		asChild: !0,
+		children: /* @__PURE__ */ jsx(Button, {
+			variant: "ghost",
+			size: "icon",
+			className: "h-9 w-9 rounded-none text-muted-foreground hover:bg-muted/70 hover:text-foreground",
+			"aria-label": "Tab actions",
+			children: /* @__PURE__ */ jsx(MoreHorizontal, { className: "h-4 w-4" })
+		})
+	}), g[26] = V) : V = g[26];
+	let H;
+	g[27] !== b || g[28] !== v ? (H = () => v && b(v), g[27] = b, g[28] = v, g[29] = H) : H = g[29];
+	let U = !v, W;
+	g[30] !== H || g[31] !== U ? (W = /* @__PURE__ */ jsx(DropdownMenuItem, {
+		onClick: H,
+		disabled: U,
+		children: "Close Active Tab"
+	}), g[30] = H, g[31] = U, g[32] = W) : W = g[32];
+	let G;
+	g[33] !== S || g[34] !== v ? (G = () => v && S(v), g[33] = S, g[34] = v, g[35] = G) : G = g[35];
+	let K = !v || _.length <= 1, q;
+	g[36] !== G || g[37] !== K ? (q = /* @__PURE__ */ jsx(DropdownMenuItem, {
+		onClick: G,
+		disabled: K,
+		children: "Close Other Tabs"
+	}), g[36] = G, g[37] = K, g[38] = q) : q = g[38];
+	let J;
+	g[39] === Symbol.for("react.memo_cache_sentinel") ? (J = /* @__PURE__ */ jsx(DropdownMenuSeparator, {}), g[39] = J) : J = g[39];
+	let Y;
+	g[40] === Symbol.for("react.memo_cache_sentinel") ? (Y = /* @__PURE__ */ jsx(XCircle, { className: "h-4 w-4" }), g[40] = Y) : Y = g[40];
+	let Z;
+	g[41] === x ? Z = g[42] : (Z = /* @__PURE__ */ jsxs(DropdownMenuItem, {
+		onClick: x,
+		children: [Y, "Close All Tabs"]
+	}), g[41] = x, g[42] = Z);
+	let Q;
+	g[43] !== W || g[44] !== q || g[45] !== Z ? (Q = /* @__PURE__ */ jsx("div", {
+		className: "shrink-0 border-l border-border/50 bg-muted/30 h-9 flex items-center",
+		children: /* @__PURE__ */ jsxs(DropdownMenu, { children: [V, /* @__PURE__ */ jsxs(DropdownMenuContent, {
+			align: "end",
+			className: "min-w-[180px]",
+			children: [
+				W,
+				q,
+				J,
+				Z
+			]
+		})] })
+	}), g[43] = W, g[44] = q, g[45] = Z, g[46] = Q) : Q = g[46];
+	let $;
+	return g[47] !== B || g[48] !== Q ? ($ = /* @__PURE__ */ jsxs("div", {
+		className: "shrink-0 border-b bg-muted/50 flex items-center overflow-hidden",
+		children: [B, Q]
+	}), g[47] = B, g[48] = Q, g[49] = $) : $ = g[49], $;
+}
+function _temp2(e) {
+	navigator.clipboard.writeText(e).catch(_temp);
+}
+function _temp(e) {
+	console.error("Failed to copy path:", e);
+}
+export { FileTabsBarBase };

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

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