@loopstack/loopstack-studio 0.25.1 → 0.25.2

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

@@ -1,16 +1,16 @@
-import { cn as e } from "../../../lib/utils.js";
-import { ScrollArea as t, ScrollBar as n } from "../../../components/ui/scroll-area.js";
-import r from "../../../components/dynamic-form/MarkdownContent.js";
-import { ReactFlowProvider as i } from "../../../node_modules/@xyflow/react/dist/esm/index.js";
-import { Tabs as a, TabsContent as o, TabsList as s, TabsTrigger as c } from "../../../components/ui/tabs.js";
-import l from "../../debug/components/ConfigFlowViewer.js";
+import { cn } from "../../../lib/utils.js";
+import { ScrollArea, ScrollBar } from "../../../components/ui/scroll-area.js";
+import MarkdownContent_default from "../../../components/dynamic-form/MarkdownContent.js";
+import { ReactFlowProvider } from "../../../node_modules/@xyflow/react/dist/esm/index.js";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "../../../components/ui/tabs.js";
+import ConfigFlowViewer_default from "../../debug/components/ConfigFlowViewer.js";
 import "../../debug/index.js";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
-import { Loader2 as f } from "lucide-react";
-import { Prism as p } from "react-syntax-highlighter";
-import { vscDarkPlus as m } from "react-syntax-highlighter/dist/esm/styles/prism";
-//#region src/features/code-explorer/components/FileContentViewer.tsx
-var h = new Set([
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Loader2 } from "lucide-react";
+import { Prism } from "react-syntax-highlighter";
+import { vscDarkPlus } from "react-syntax-highlighter/dist/esm/styles/prism";
+var BINARY_EXTENSIONS = new Set([
 	".ico",
 	".svg",
 	".png",
@@ -28,11 +28,11 @@ var h = new Set([
 	".so",
 	".dylib"
 ]);
-function g(e) {
-	let t = e.includes(".") ? e.slice(e.lastIndexOf(".")).toLowerCase() : "";
-	return h.has(t);
+function isBinaryFileName(e) {
+	let g = e.includes(".") ? e.slice(e.lastIndexOf(".")).toLowerCase() : "";
+	return BINARY_EXTENSIONS.has(g);
 }
-var _ = {
+var EXTENSION_LANGUAGE = {
 	".ts": "typescript",
 	".tsx": "tsx",
 	".js": "javascript",
@@ -64,50 +64,86 @@ var _ = {
 	".dockerfile": "dockerfile",
 	".dockerignore": "plaintext"
 };
-function v(e) {
-	return _[e.includes(".") ? e.slice(e.lastIndexOf(".")).toLowerCase() : ""] ?? "plaintext";
+function getLanguageForFileName(e) {
+	return EXTENSION_LANGUAGE[e.includes(".") ? e.slice(e.lastIndexOf(".")).toLowerCase() : ""] ?? "plaintext";
 }
-function y({ selectedFile: h, content: _, workflowConfig: y = null, isLoading: b = !1, className: x }) {
-	if (!h) return /* @__PURE__ */ u("div", {
-		className: e("flex flex-1 items-center justify-center bg-background", x),
-		children: /* @__PURE__ */ u("p", {
+function FileContentViewer(y) {
+	let b = c(41), { selectedFile: x, content: S, workflowConfig: C, isLoading: w, className: T } = y, E = C === void 0 ? null : C, D = w === void 0 ? !1 : w;
+	if (!x) {
+		let g;
+		b[0] === T ? g = b[1] : (g = cn("flex flex-1 items-center justify-center bg-background", T), b[0] = T, b[1] = g);
+		let _;
+		b[2] === Symbol.for("react.memo_cache_sentinel") ? (_ = /* @__PURE__ */ jsx("p", {
 			className: "text-sm text-muted-foreground",
 			children: "Select a tab to view its content"
-		})
-	});
-	let S = g(h.name), C = _ != null, w = _ ?? "";
-	if (S && !C) return /* @__PURE__ */ u("div", {
-		className: e("flex flex-1 flex-col rounded-lg border bg-background", x),
-		children: /* @__PURE__ */ u("div", {
+		}), b[2] = _) : _ = b[2];
+		let v;
+		return b[3] === g ? v = b[4] : (v = /* @__PURE__ */ jsx("div", {
+			className: g,
+			children: _
+		}), b[3] = g, b[4] = v), v;
+	}
+	let O = isBinaryFileName(x.name), k = S != null, A = S ?? "";
+	if (O && !k) {
+		let g;
+		b[5] === T ? g = b[6] : (g = cn("flex flex-1 flex-col rounded-lg border bg-background", T), b[5] = T, b[6] = g);
+		let _;
+		b[7] === Symbol.for("react.memo_cache_sentinel") ? (_ = /* @__PURE__ */ jsx("div", {
 			className: "flex flex-1 items-center justify-center p-8",
-			children: /* @__PURE__ */ u("p", {
+			children: /* @__PURE__ */ jsx("p", {
 				className: "text-sm text-muted-foreground",
 				children: "Binary file — preview not available"
 			})
-		})
-	});
-	if (!C && !b) return /* @__PURE__ */ u("div", {
-		className: e("flex flex-1 flex-col rounded-lg border bg-background", x),
-		children: /* @__PURE__ */ u("div", {
+		}), b[7] = _) : _ = b[7];
+		let v;
+		return b[8] === g ? v = b[9] : (v = /* @__PURE__ */ jsx("div", {
+			className: g,
+			children: _
+		}), b[8] = g, b[9] = v), v;
+	}
+	if (!k && !D) {
+		let g;
+		b[10] === T ? g = b[11] : (g = cn("flex flex-1 flex-col rounded-lg border bg-background", T), b[10] = T, b[11] = g);
+		let _;
+		b[12] === Symbol.for("react.memo_cache_sentinel") ? (_ = /* @__PURE__ */ jsx("div", {
 			className: "flex flex-1 items-center justify-center p-8",
-			children: /* @__PURE__ */ u("p", {
+			children: /* @__PURE__ */ jsx("p", {
 				className: "text-sm text-destructive",
 				children: "Error loading file content"
 			})
-		})
-	});
-	if (b) return /* @__PURE__ */ u("div", {
-		className: e("flex flex-1 flex-col rounded-lg border bg-background", x),
-		children: /* @__PURE__ */ u("div", {
+		}), b[12] = _) : _ = b[12];
+		let v;
+		return b[13] === g ? v = b[14] : (v = /* @__PURE__ */ jsx("div", {
+			className: g,
+			children: _
+		}), b[13] = g, b[14] = v), v;
+	}
+	if (D) {
+		let g;
+		b[15] === T ? g = b[16] : (g = cn("flex flex-1 flex-col rounded-lg border bg-background", T), b[15] = T, b[16] = g);
+		let _;
+		b[17] === Symbol.for("react.memo_cache_sentinel") ? (_ = /* @__PURE__ */ jsx("div", {
 			className: "flex justify-center p-8",
-			children: /* @__PURE__ */ u(f, { className: "h-6 w-6 animate-spin text-muted-foreground" })
-		})
-	});
-	let T = v(h.name), E = T === "markdown" || h.name.endsWith(".md") || h.name.endsWith(".mdx"), D = (T === "yaml" || h.name.endsWith(".yaml") || h.name.endsWith(".yml")) && y !== null, O = (e) => /* @__PURE__ */ d(t, {
+			children: /* @__PURE__ */ jsx(Loader2, { className: "h-6 w-6 animate-spin text-muted-foreground" })
+		}), b[17] = _) : _ = b[17];
+		let v;
+		return b[18] === g ? v = b[19] : (v = /* @__PURE__ */ jsx("div", {
+			className: g,
+			children: _
+		}), b[18] = g, b[19] = v), v;
+	}
+	let j;
+	b[20] === x.name ? j = b[21] : (j = getLanguageForFileName(x.name), b[20] = x.name, b[21] = j);
+	let M = j, N;
+	b[22] !== M || b[23] !== x.name ? (N = M === "markdown" || x.name.endsWith(".md") || x.name.endsWith(".mdx"), b[22] = M, b[23] = x.name, b[24] = N) : N = b[24];
+	let P = N, F;
+	b[25] !== M || b[26] !== x.name ? (F = M === "yaml" || x.name.endsWith(".yaml") || x.name.endsWith(".yml"), b[25] = M, b[26] = x.name, b[27] = F) : F = b[27];
+	let I = F && E !== null, L;
+	b[28] === M ? L = b[29] : (L = (e) => /* @__PURE__ */ jsxs(ScrollArea, {
 		className: "h-full w-full",
-		children: [/* @__PURE__ */ u(p, {
-			language: T,
-			style: m,
+		children: [/* @__PURE__ */ jsx(Prism, {
+			language: M,
+			style: vscDarkPlus,
 			customStyle: {
 				margin: 0,
 				padding: "1rem",
@@ -120,71 +156,75 @@ function y({ selectedFile: h, content: _, workflowConfig: y = null, isLoading: b
 			PreTag: "div",
 			codeTagProps: { style: { fontFamily: "inherit" } },
 			children: e
-		}), /* @__PURE__ */ u(n, { orientation: "horizontal" })]
-	});
-	return /* @__PURE__ */ u("div", {
-		className: e("flex h-full flex-col overflow-hidden rounded-lg border bg-background", x),
-		children: E && w ? /* @__PURE__ */ d(a, {
-			defaultValue: "rendered",
-			className: "flex h-full flex-col overflow-hidden",
-			children: [
-				/* @__PURE__ */ d(s, {
-					className: "shrink-0 mx-2 mt-2",
-					children: [/* @__PURE__ */ u(c, {
-						value: "rendered",
-						children: "Rendered"
-					}), /* @__PURE__ */ u(c, {
-						value: "unrendered",
-						children: "Unrendered"
-					})]
-				}),
-				/* @__PURE__ */ u(o, {
+		}), /* @__PURE__ */ jsx(ScrollBar, { orientation: "horizontal" })]
+	}), b[28] = M, b[29] = L);
+	let R = L, z;
+	b[30] === T ? z = b[31] : (z = cn("flex h-full flex-col overflow-hidden rounded-lg border bg-background", T), b[30] = T, b[31] = z);
+	let B;
+	b[32] !== A || b[33] !== P || b[34] !== I || b[35] !== R || b[36] !== E ? (B = P && A ? /* @__PURE__ */ jsxs(Tabs, {
+		defaultValue: "rendered",
+		className: "flex h-full flex-col overflow-hidden",
+		children: [
+			/* @__PURE__ */ jsxs(TabsList, {
+				className: "shrink-0 mx-2 mt-2",
+				children: [/* @__PURE__ */ jsx(TabsTrigger, {
 					value: "rendered",
-					className: "flex-1 min-h-0 overflow-hidden mt-2",
-					children: /* @__PURE__ */ u(t, {
-						className: "h-full",
-						children: /* @__PURE__ */ u("div", {
-							className: "p-4",
-							children: /* @__PURE__ */ u(r, { content: w })
-						})
-					})
-				}),
-				/* @__PURE__ */ u(o, {
+					children: "Rendered"
+				}), /* @__PURE__ */ jsx(TabsTrigger, {
 					value: "unrendered",
-					className: "flex-1 min-h-0 overflow-hidden mt-0",
-					children: O(w)
+					children: "Unrendered"
+				})]
+			}),
+			/* @__PURE__ */ jsx(TabsContent, {
+				value: "rendered",
+				className: "flex-1 min-h-0 overflow-hidden mt-2",
+				children: /* @__PURE__ */ jsx(ScrollArea, {
+					className: "h-full",
+					children: /* @__PURE__ */ jsx("div", {
+						className: "p-4",
+						children: /* @__PURE__ */ jsx(MarkdownContent_default, { content: A })
+					})
 				})
-			]
-		}) : D && y ? /* @__PURE__ */ d(a, {
-			defaultValue: "code",
-			className: "flex h-full flex-col overflow-hidden",
-			children: [
-				/* @__PURE__ */ d(s, {
-					className: "shrink-0 mx-2 mt-2",
-					children: [/* @__PURE__ */ u(c, {
-						value: "code",
-						children: "Code"
-					}), /* @__PURE__ */ u(c, {
-						value: "flow",
-						children: "Flow Diagram"
-					})]
-				}),
-				/* @__PURE__ */ u(o, {
+			}),
+			/* @__PURE__ */ jsx(TabsContent, {
+				value: "unrendered",
+				className: "flex-1 min-h-0 overflow-hidden mt-0",
+				children: R(A)
+			})
+		]
+	}) : I && E ? /* @__PURE__ */ jsxs(Tabs, {
+		defaultValue: "code",
+		className: "flex h-full flex-col overflow-hidden",
+		children: [
+			/* @__PURE__ */ jsxs(TabsList, {
+				className: "shrink-0 mx-2 mt-2",
+				children: [/* @__PURE__ */ jsx(TabsTrigger, {
 					value: "code",
-					className: "flex-1 min-h-0 overflow-hidden mt-0",
-					children: O(w)
-				}),
-				/* @__PURE__ */ u(o, {
+					children: "Code"
+				}), /* @__PURE__ */ jsx(TabsTrigger, {
 					value: "flow",
-					className: "flex-1 min-h-0 overflow-hidden mt-0",
-					children: /* @__PURE__ */ u("div", {
-						className: "h-full w-full",
-						children: /* @__PURE__ */ u(i, { children: /* @__PURE__ */ u(l, { config: y }) })
-					})
+					children: "Flow Diagram"
+				})]
+			}),
+			/* @__PURE__ */ jsx(TabsContent, {
+				value: "code",
+				className: "flex-1 min-h-0 overflow-hidden mt-0",
+				children: R(A)
+			}),
+			/* @__PURE__ */ jsx(TabsContent, {
+				value: "flow",
+				className: "flex-1 min-h-0 overflow-hidden mt-0",
+				children: /* @__PURE__ */ jsx("div", {
+					className: "h-full w-full",
+					children: /* @__PURE__ */ jsx(ReactFlowProvider, { children: /* @__PURE__ */ jsx(ConfigFlowViewer_default, { config: E }) })
 				})
-			]
-		}) : O(w)
-	});
+			})
+		]
+	}) : R(A), b[32] = A, b[33] = P, b[34] = I, b[35] = R, b[36] = E, b[37] = B) : B = b[37];
+	let V;
+	return b[38] !== z || b[39] !== B ? (V = /* @__PURE__ */ jsx("div", {
+		className: z,
+		children: B
+	}), b[38] = z, b[39] = B, b[40] = V) : V = b[40], V;
 }
-//#endregion
-export { y as FileContentViewer };
+export { FileContentViewer };

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

@@ -1,3 +1,4 @@
 import "../providers/CodeExplorerProvider.js";
 import "./FileTabsBarBase.js";
-import "react/jsx-runtime";
+import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";

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

@@ -1,18 +1,18 @@
-import { cn as e } from "../../../lib/utils.js";
-import { Button as t } from "../../../components/ui/button.js";
-import { DropdownMenu as n, DropdownMenuContent as r, DropdownMenuItem as i, DropdownMenuSeparator as a, DropdownMenuTrigger as o } from "../../../components/ui/dropdown-menu.js";
-import { ScrollArea as s, ScrollBar as c } from "../../../components/ui/scroll-area.js";
-import { getFileIcon as l } from "../utils/fileIcons.js";
-import { ContextMenu as u, ContextMenuContent as d, ContextMenuItem as f, ContextMenuSeparator as p, ContextMenuTrigger as m } from "../../../components/ui/context-menu.js";
-import { useEffect as h, useRef as g } from "react";
-import { jsx as _, jsxs as v } from "react/jsx-runtime";
-import { ClipboardCopy as y, MoreHorizontal as b, X as x, XCircle as S } from "lucide-react";
-//#region src/features/code-explorer/components/FileTabsBarBase.tsx
-function C({ openFiles: C, selectedFile: w, selectFile: T, closeFile: E, closeAll: D, closeOthers: O, closeToLeft: k, closeToRight: A }) {
-	let j = g(null), M = g(C.length);
-	if (h(() => {
-		if (C.length > M.current && j.current) {
-			let e = j.current.closest("[data-slot=\"scroll-area-viewport\"]");
+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,
@@ -20,10 +20,12 @@ function C({ openFiles: C, selectedFile: w, selectFile: T, closeFile: E, closeAl
 				});
 			});
 		}
-		M.current = C.length;
-	}, [C.length]), h(() => {
-		if (w && j.current) {
-			let e = j.current.querySelector(`[data-tab-path="${w.path}"]`);
+		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",
@@ -32,124 +34,157 @@ function C({ openFiles: C, selectedFile: w, selectFile: T, closeFile: E, closeAl
 				});
 			});
 		}
-	}, [w]), C.length === 0) return null;
-	let N = (e) => {
-		T(e);
-	}, P = (e, t) => {
-		e.stopPropagation(), E(t);
-	}, F = (e) => {
-		navigator.clipboard.writeText(e).catch((e) => {
-			console.error("Failed to copy path:", e);
-		});
-	};
-	return /* @__PURE__ */ v("div", {
-		className: "shrink-0 border-b bg-muted/50 flex items-center overflow-hidden",
-		children: [/* @__PURE__ */ v(s, {
-			className: "flex-1 min-w-0",
-			children: [/* @__PURE__ */ _("div", {
-				ref: j,
-				className: "flex h-9 items-center",
-				style: { width: "max-content" },
-				children: C.map((n) => {
-					let r = l(n.name), i = w?.path === n.path, a = C.findIndex((e) => e.path === n.path), o = a > 0, s = a < C.length - 1;
-					return /* @__PURE__ */ v(u, { children: [/* @__PURE__ */ _(m, {
-						asChild: !0,
-						children: /* @__PURE__ */ v("button", {
-							type: "button",
-							"data-tab-path": n.path,
-							onClick: () => N(n),
-							className: e("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", i ? "bg-background text-foreground border-b-2 border-b-primary shadow-sm" : "text-muted-foreground bg-muted/30"),
-							"aria-selected": i,
-							"aria-label": `Tab: ${n.name}`,
-							children: [
-								/* @__PURE__ */ _(r, {
-									className: "h-3.5 w-3.5 shrink-0",
-									"aria-hidden": !0
-								}),
-								/* @__PURE__ */ _("span", {
-									className: "truncate flex-1 text-left font-medium",
-									children: n.name
-								}),
-								/* @__PURE__ */ _(t, {
-									variant: "ghost",
-									size: "icon",
-									className: e("h-5 w-5 shrink-0 rounded opacity-0 group-hover:opacity-100 transition-opacity", "hover:bg-destructive/10 hover:text-destructive", i && "opacity-70"),
-									onClick: (e) => P(e, n),
-									"aria-label": `Close ${n.name}`,
-									children: /* @__PURE__ */ _(x, { className: "h-3.5 w-3.5" })
-								})
-							]
-						})
-					}), /* @__PURE__ */ v(d, {
-						className: "min-w-[180px]",
-						children: [
-							/* @__PURE__ */ _(f, {
-								onClick: () => E(n),
-								children: "Close"
-							}),
-							/* @__PURE__ */ _(f, {
-								onClick: () => O(n),
-								disabled: C.length <= 1,
-								children: "Close Others"
-							}),
-							/* @__PURE__ */ _(f, {
-								onClick: () => k(n),
-								disabled: !o,
-								children: "Close to the Left"
-							}),
-							/* @__PURE__ */ _(f, {
-								onClick: () => A(n),
-								disabled: !s,
-								children: "Close to the Right"
-							}),
-							/* @__PURE__ */ _(p, {}),
-							/* @__PURE__ */ _(f, {
-								onClick: D,
-								children: "Close All"
-							}),
-							/* @__PURE__ */ _(p, {}),
-							/* @__PURE__ */ v(f, {
-								onClick: () => F(n.path),
-								children: [/* @__PURE__ */ _(y, { className: "h-4 w-4" }), "Copy Path"]
-							})
-						]
-					})] }, n.path);
-				})
-			}), /* @__PURE__ */ _(c, { orientation: "horizontal" })]
-		}), /* @__PURE__ */ _("div", {
-			className: "shrink-0 border-l border-border/50 bg-muted/30 h-9 flex items-center",
-			children: /* @__PURE__ */ v(n, { children: [/* @__PURE__ */ _(o, {
-				asChild: !0,
-				children: /* @__PURE__ */ _(t, {
-					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__ */ _(b, { className: "h-4 w-4" })
-				})
-			}), /* @__PURE__ */ v(r, {
-				align: "end",
-				className: "min-w-[180px]",
+	}, 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__ */ _(i, {
-						onClick: () => w && E(w),
-						disabled: !w,
-						children: "Close Active Tab"
+					/* @__PURE__ */ jsx(u, {
+						className: "h-3.5 w-3.5 shrink-0",
+						"aria-hidden": !0
 					}),
-					/* @__PURE__ */ _(i, {
-						onClick: () => w && O(w),
-						disabled: !w || C.length <= 1,
-						children: "Close Other Tabs"
+					/* @__PURE__ */ jsx("span", {
+						className: "truncate flex-1 text-left font-medium",
+						children: l.name
 					}),
-					/* @__PURE__ */ _(a, {}),
-					/* @__PURE__ */ v(i, {
-						onClick: D,
-						children: [/* @__PURE__ */ _(S, { className: "h-4 w-4" }), "Close All Tabs"]
+					/* @__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);
 }
-//#endregion
-export { C as FileTabsBarBase };
+export { FileTabsBarBase };

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

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

package/dist/features/code-explorer/providers/CodeExplorerProvider.js

@@ -1,5 +1,5 @@
 import "../../../hooks/useFiles.js";
-import { createContext as e } from "react";
-import "react/jsx-runtime";
-e(null);
-//#endregion
+import { c } from "react/compiler-runtime";
+import { createContext, useCallback, useContext, useEffect, useMemo, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+createContext(null);