@tangle-network/sandbox-ui 2.0.20 → 2.0.22

package/dist/{workspace-files-pane-DB9Nvwh4.js → workspace-files-pane-C0PeY6rY.js}

@@ -1,5 +1,5 @@
 import { t as cn } from "./utils-BER_bdgE.js";
-import { i as VaultTree, n as filterFileNodes, t as fileTreeFromPaths } from "./tree-data-C8CNt4WE.js";
+import { i as VaultTree, n as filterFileNodes, t as fileTreeFromPaths } from "./tree-data-B_IXAIgg.js";
 import { Button, EmptyState, Input, SegmentedControl } from "@tangle-network/ui/primitives";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useId, useMemo, useRef, useState } from "react";
@@ -263,7 +263,7 @@ function WorkspaceFilesPane({ root, paths, selectedPath, onSelect, preview, onBa
 				preview,
 				split,
 				tabs: split && tabs,
-				empty: isEmpty,
+				files: index,
 				backRef,
 				onBack,
 				onOpen: (path) => onSelect?.(path, index.get(path)),
@@ -277,7 +277,7 @@ function WorkspaceFilesPane({ root, paths, selectedPath, onSelect, preview, onBa
 }
 const baseName = (path) => path.replace(/\/+$/, "").split("/").pop() || path;
 /** The editor side of the pane: open-file tabs, a File | Diff toggle, the full-screen control, and the open file. */
-function FilesViewer({ preview, split, tabs, empty, backRef, onBack, onOpen, expand }) {
+function FilesViewer({ preview, split, tabs, files, backRef, onBack, onOpen, expand }) {
 	const path = preview?.path;
 	const [open, setOpen] = useState(() => path ? [path] : []);
 	useEffect(() => {
@@ -285,12 +285,12 @@ function FilesViewer({ preview, split, tabs, empty, backRef, onBack, onOpen, exp
 	}, [path]);
 	const [mode, setMode] = useState("file");
 	useEffect(() => setMode("file"), [path]);
+	const shown = open.filter((entry) => entry === path || files.get(entry)?.type === "file");
 	const close = (target) => {
-		const at = open.indexOf(target);
-		const rest = open.filter((entry) => entry !== target);
-		setOpen(rest);
+		const rest = shown.filter((entry) => entry !== target);
+		setOpen((paths) => paths.filter((entry) => entry !== target));
 		if (target !== path) return;
-		const neighbour = rest[Math.min(at, rest.length - 1)];
+		const neighbour = rest[Math.min(shown.indexOf(target), rest.length - 1)];
 		if (neighbour) onOpen(neighbour);
 		else onBack?.();
 	};
@@ -299,7 +299,7 @@ function FilesViewer({ preview, split, tabs, empty, backRef, onBack, onOpen, exp
 	return /* @__PURE__ */ jsxs("div", {
 		className: "flex min-h-0 min-w-0 flex-1 flex-col",
 		children: [/* @__PURE__ */ jsxs("div", {
-			className: cn(HEADER_ROW, "sticky top-0 z-10 gap-2 pr-[var(--files-inset)]", !(tabs && open.length > 0) && "pl-[var(--files-inset)]", !split && "h-auto min-h-11 flex-wrap py-1.5 pointer-coarse:h-auto"),
+			className: cn(HEADER_ROW, "sticky top-0 z-10 gap-2 pr-[var(--files-inset)]", !(tabs && shown.length > 0) && "pl-[var(--files-inset)]", !split && "h-auto min-h-11 flex-wrap py-1.5 pointer-coarse:h-auto"),
 			children: [
 				onBack && !split && preview && /* @__PURE__ */ jsxs(Button, {
 					ref: backRef,
@@ -310,8 +310,8 @@ function FilesViewer({ preview, split, tabs, empty, backRef, onBack, onOpen, exp
 					className: "-ml-2 shrink-0 gap-1 px-2 text-muted-foreground",
 					children: [/* @__PURE__ */ jsx(ArrowLeft, { "aria-hidden": "true" }), "Back to files"]
 				}),
-				tabs && open.length > 0 ? /* @__PURE__ */ jsx(FileTabs, {
-					tabs: open.map((entry) => ({
+				tabs && shown.length > 0 ? /* @__PURE__ */ jsx(FileTabs, {
+					tabs: shown.map((entry) => ({
 						id: entry,
 						name: baseName(entry),
 						path: entry
@@ -339,7 +339,7 @@ function FilesViewer({ preview, split, tabs, empty, backRef, onBack, onOpen, exp
 					className: cn("shrink-0 p-0.5 [&>button]:py-1", !split && "order-last")
 				}),
 				preview?.actions && /* @__PURE__ */ jsx("div", {
-					className: "flex shrink-0 items-center gap-2",
+					className: cn("flex min-w-0 max-w-full flex-wrap items-center gap-2", !split && "order-last"),
 					children: preview.actions
 				}),
 				expand && /* @__PURE__ */ jsx(Button, {
@@ -360,7 +360,7 @@ function FilesViewer({ preview, split, tabs, empty, backRef, onBack, onOpen, exp
 			children: mode === "diff" && compare ? compare.content : preview.content
 		}) : /* @__PURE__ */ jsx("div", {
 			className: "flex min-h-0 min-w-0 flex-1 items-center justify-center p-6 text-sm text-muted-foreground",
-			children: empty ? null : "Select a file to open it here."
+			children: files.size === 0 ? null : "Select a file to open it here."
 		})]
 	});
 }