@tangle-network/ui 11.12.0 → 11.13.1

package/dist/files-hywocVZz.js

@@ -1,753 +0,0 @@
-import { a as focusRingInset, i as focusRing } from "./focus-BcE_SHqz.js";
-import { t as cn } from "./utils-C_uf36nf.js";
-import { t as Button } from "./button-C87nEe2R.js";
-import { t as ArtifactPane } from "./artifact-pane-DMXT9a8U.js";
-import { n as CopyButton, t as CodeBlock } from "./code-block-B36KVUSN.js";
-import { t as formatBytes } from "./format-DfcLWqMa.js";
-import { i as getFormatLabel, n as fileExtension, o as resolveFilePreviewKind, r as getCodeLanguage, t as detectFileFormat } from "./file-format-BgXbr-Ib.js";
-import { t as Markdown } from "./markdown-Db08KAYF.js";
-import { Suspense, lazy, useEffect, useMemo, useState } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { ChevronRight, Download, File, FileCode, FileImage, FileJson, FileSpreadsheet, FileText, Folder, FolderOpen, Music, X } from "lucide-react";
-import { FileTree, useFileTree } from "@pierre/trees/react";
-//#region src/files/file-tree.tsx
-/**
-* FileTree — directory browser with file type icons.
-*
-* Renders a hierarchical file system view. Clicking a file
-* triggers onSelect with the full path.
-*/
-function isNodeVisible(node, visibility) {
-	if (!visibility) return true;
-	if (visibility.hiddenPaths?.includes(node.path)) return false;
-	if (visibility.hiddenPathPrefixes?.some((prefix) => node.path === prefix || node.path.startsWith(`${prefix}/`))) return false;
-	return visibility.isVisible ? visibility.isVisible(node) : true;
-}
-function filterFileTree(root, visibility) {
-	if (!isNodeVisible(root, visibility)) return null;
-	if (root.type === "file") return root;
-	const children = (root.children ?? []).map((child) => filterFileTree(child, visibility)).filter((child) => child !== null);
-	if (root.children && root.children.length > 0 && children.length === 0) return null;
-	return {
-		...root,
-		children
-	};
-}
-const FILE_ICONS = {
-	pdf: FileText,
-	csv: FileSpreadsheet,
-	xlsx: FileSpreadsheet,
-	xls: FileSpreadsheet,
-	py: FileCode,
-	ts: FileCode,
-	js: FileCode,
-	json: FileJson,
-	yaml: FileCode,
-	yml: FileCode,
-	md: FileText,
-	txt: FileText,
-	png: FileImage,
-	jpg: FileImage,
-	jpeg: FileImage,
-	gif: FileImage,
-	svg: FileImage
-};
-function getFileIcon(name) {
-	const ext = name.split(".").pop()?.toLowerCase() || "";
-	return FILE_ICONS[ext] || File;
-}
-function getFileColor(name) {
-	switch (name.split(".").pop()?.toLowerCase() || "") {
-		case "pdf": return "text-red-400";
-		case "py": return "text-yellow-400";
-		case "ts":
-		case "js": return "text-blue-400";
-		case "json": return "text-green-400";
-		case "yaml":
-		case "yml": return "text-[var(--accent-text)]";
-		case "csv":
-		case "xlsx": return "text-emerald-400";
-		case "md": return "text-foreground";
-		default: return "text-muted-foreground";
-	}
-}
-function TreeNode({ node, depth, selectedPath, onSelect, defaultExpanded }) {
-	const [expanded, setExpanded] = useState(defaultExpanded);
-	const isSelected = node.path === selectedPath;
-	const isDir = node.type === "directory";
-	const handleClick = () => {
-		if (isDir) setExpanded(!expanded);
-		onSelect?.(node.path, node);
-	};
-	const Icon = isDir ? expanded ? FolderOpen : Folder : getFileIcon(node.name);
-	const iconColor = isDir ? "text-primary" : getFileColor(node.name);
-	return /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsxs("button", {
-		type: "button",
-		className: cn("flex items-center gap-1.5 w-full text-left px-2 py-[2px] cursor-pointer text-[13px] transition-colors", "appearance-none bg-transparent border-none", "hover:bg-accent", isSelected ? "bg-primary/15 text-foreground" : "text-foreground"),
-		style: { paddingLeft: `${depth * 16 + 8}px` },
-		onClick: handleClick,
-		"aria-expanded": isDir ? expanded : void 0,
-		children: [
-			isDir && /* @__PURE__ */ jsx(ChevronRight, { className: cn("h-3 w-3 shrink-0 text-muted-foreground transition-transform", expanded && "rotate-90") }),
-			!isDir && /* @__PURE__ */ jsx("span", { className: "w-3" }),
-			/* @__PURE__ */ jsx(Icon, { className: cn("h-4 w-4 shrink-0", iconColor) }),
-			/* @__PURE__ */ jsx("span", {
-				className: "truncate",
-				children: node.name
-			}),
-			node.size !== void 0 && !isDir && /* @__PURE__ */ jsx("span", {
-				className: "text-muted-foreground text-xs ml-auto tabular-nums",
-				children: formatSize(node.size)
-			})
-		]
-	}), isDir && expanded && node.children && /* @__PURE__ */ jsx("div", { children: node.children.sort((a, b) => {
-		if (a.type !== b.type) return a.type === "directory" ? -1 : 1;
-		return a.name.localeCompare(b.name);
-	}).map((child) => /* @__PURE__ */ jsx(TreeNode, {
-		node: child,
-		depth: depth + 1,
-		selectedPath,
-		onSelect,
-		defaultExpanded
-	}, child.path)) })] });
-}
-function formatSize(bytes) {
-	if (bytes < 1024) return `${bytes}B`;
-	if (bytes < 1048576) return `${(bytes / 1024).toFixed(0)}K`;
-	return `${(bytes / 1048576).toFixed(1)}M`;
-}
-function FileTree$1({ root, selectedPath, onSelect, className, defaultExpanded = true, visibility }) {
-	const visibleRoot = filterFileTree(root, visibility);
-	if (!visibleRoot) return null;
-	return /* @__PURE__ */ jsx("div", {
-		className: cn("text-sm font-sans", className),
-		children: visibleRoot.children ? visibleRoot.children.sort((a, b) => {
-			if (a.type !== b.type) return a.type === "directory" ? -1 : 1;
-			return a.name.localeCompare(b.name);
-		}).map((child) => /* @__PURE__ */ jsx(TreeNode, {
-			node: child,
-			depth: 0,
-			selectedPath,
-			onSelect,
-			defaultExpanded
-		}, child.path)) : /* @__PURE__ */ jsx(TreeNode, {
-			node: visibleRoot,
-			depth: 0,
-			selectedPath,
-			onSelect,
-			defaultExpanded
-		})
-	});
-}
-//#endregion
-//#region src/files/rich-file-tree.tsx
-/**
-* RichFileTree — feature-rich file browser built on @pierre/trees.
-*
-* Why this exists alongside the existing FileTree:
-* - Built-in search (cmd-K-style fuzzy filter)
-* - Virtualized rendering for vaults with thousands of files
-* - Git-status overlays per row (modified / added / staged)
-* - Right-click + button-lane context menus with custom item rendering
-* - VS Code-style icons via @pierre/vscode-icons (optional)
-*
-* The existing FileTree stays as-is for simple cases. RichFileTree is the
-* upgrade path when a consumer's vault grows past a few hundred files or
-* needs richer affordances.
-*
-* Pierre renders inside a shadow DOM to keep its CSS isolated. We bridge
-* the host theme via CSS variables on the host element below — the tree
-* picks them up through `--trees-*-override` overrides.
-*/
-/**
-* Map a sandbox-ui design token (e.g. `--accent-surface-soft`) to a CSS
-* `var(--token)` reference. Pierre's CSS-variable surface accepts any
-* valid CSS color expression, so passing `var(--token)` lets the host
-* theme propagate through without us having to read computed styles.
-*/
-function cssVarFromToken(name) {
-	return `var(${name})`;
-}
-const DEFAULT_THEME = {
-	selectedBg: cssVarFromToken("--accent-surface-soft"),
-	selectedFg: cssVarFromToken("--accent-text"),
-	fg: cssVarFromToken("--foreground"),
-	hoverBg: cssVarFromToken("--muted"),
-	border: cssVarFromToken("--border"),
-	mutedFg: cssVarFromToken("--muted-foreground")
-};
-/**
-* Walk a recursive FileNode and return a flat list of canonical paths.
-*
-* Pierre infers directory structure from path segments — passing both
-* `dir` and `dir/file.md` collides because `dir` looks like a file.
-* We emit only files; pure-directory leaves get a trailing slash so
-* Pierre keeps them as folders even when they have no children.
-*/
-function flattenFileNode(node, out = []) {
-	if (node.type === "file" && node.path) {
-		out.push(node.path);
-		return out;
-	}
-	if (node.type === "directory") {
-		if (node.children?.length) {
-			for (const child of node.children) flattenFileNode(child, out);
-			return out;
-		}
-		if (node.path) out.push(`${node.path}/`);
-	}
-	return out;
-}
-function RichFileTree({ root, paths, selectedPath, onSelect, search = true, initialExpansion = "open", gitStatus, renderContextMenu, header, themeOverrides, className, style, height }) {
-	if (root && paths) throw new Error("RichFileTree: pass `root` or `paths`, not both");
-	const flatPaths = useMemo(() => {
-		if (paths) return Array.from(paths);
-		if (root) return flattenFileNode(root);
-		return [];
-	}, [paths, root]);
-	const { model } = useFileTree({
-		paths: flatPaths,
-		search,
-		initialExpansion,
-		onSelectionChange: (selected) => {
-			const next = selected[0];
-			if (next && next !== selectedPath) onSelect?.(next);
-		}
-	});
-	useEffect(() => {
-		if (!gitStatus) return;
-		model.setGitStatus(gitStatus);
-	}, [model, gitStatus]);
-	useEffect(() => {
-		model.resetPaths(flatPaths);
-	}, [model, flatPaths]);
-	useEffect(() => {
-		if (!selectedPath) return;
-		const current = model.getSelectedPaths();
-		if (current.length === 1 && current[0] === selectedPath) return;
-		model.setSelectedPaths?.([selectedPath]);
-	}, [model, selectedPath]);
-	const theme = {
-		...DEFAULT_THEME,
-		...themeOverrides
-	};
-	const themeStyle = useMemo(() => ({
-		["--trees-selected-bg-override"]: theme.selectedBg,
-		["--trees-selected-fg-override"]: theme.selectedFg,
-		["--trees-fg-override"]: theme.fg,
-		["--trees-hover-bg-override"]: theme.hoverBg,
-		["--trees-border-color-override"]: theme.border,
-		["--trees-muted-fg-override"]: theme.mutedFg,
-		height: height ?? "100%",
-		...style
-	}), [
-		theme,
-		height,
-		style
-	]);
-	return /* @__PURE__ */ jsx(FileTree, {
-		model,
-		header,
-		renderContextMenu,
-		className,
-		style: themeStyle
-	});
-}
-//#endregion
-//#region src/files/file-preview.tsx
-/**
-* FilePreview — universal file renderer.
-*
-* Renders any file type:
-* - PDF: embedded viewer at full pane height
-* - Images: fit to the pane on a checker ground; click toggles natural size
-* - Video / audio: native players
-* - CSV: sticky-header table, capped at CSV_PREVIEW_ROW_LIMIT rows
-* - XLSX / XLS: download card
-* - Code (py/json/yaml/ts/js): syntax-highlighted, line-numbered viewer
-* - Markdown: rendered prose
-* - Text: monospace preview
-* - Anything else: text when content is a string, otherwise a download card
-*/
-/** Rows rendered by the CSV preview; the count line reports the total. */
-const CSV_PREVIEW_ROW_LIMIT = 500;
-const NEEDS_DOWNLOAD_LINK = "This file needs a download link to preview.";
-const NO_INLINE_PREVIEW = "This file type has no inline preview.";
-const NO_INLINE_CONTENT = "This file has no inline content to preview yet.";
-function CodePreview({ content, filename, kind }) {
-	const lineCount = content.split("\n").length;
-	const language = getCodeLanguage(filename, kind);
-	const labelToken = fileExtension(filename) || language || "txt";
-	return /* @__PURE__ */ jsx(CodeBlock, {
-		code: content,
-		language,
-		label: `${labelToken} · ${lineCount} lines`,
-		showLineNumbers: true,
-		className: "max-h-[70vh] overflow-auto",
-		children: /* @__PURE__ */ jsx(CopyButton, { text: content })
-	});
-}
-/**
-* Split CSV text into rows of cells (RFC 4180): a quoted cell may hold commas,
-* line breaks, and doubled quotes. Unquoted cells are trimmed; blank lines and
-* a trailing line break add no row.
-*/
-function parseCsv(content) {
-	const rows = [];
-	let row = [];
-	let cell = "";
-	let quoted = false;
-	let inQuotes = false;
-	const endCell = () => {
-		row.push(quoted ? cell : cell.trim());
-		cell = "";
-		quoted = false;
-	};
-	const endRow = () => {
-		endCell();
-		if (row.length > 1 || row[0] !== "") rows.push(row);
-		row = [];
-	};
-	for (let index = 0; index < content.length; index += 1) {
-		const char = content[index];
-		if (inQuotes) {
-			if (char === "\"") {
-				if (content[index + 1] === "\"") {
-					cell += "\"";
-					index += 1;
-				} else inQuotes = false;
-			} else cell += char;
-			continue;
-		}
-		if (char === "\"") {
-			inQuotes = true;
-			quoted = true;
-			continue;
-		}
-		if (char === ",") {
-			endCell();
-			continue;
-		}
-		if (char === "\r" || char === "\n") {
-			if (char === "\r" && content[index + 1] === "\n") index += 1;
-			endRow();
-			continue;
-		}
-		cell += char;
-	}
-	if (cell.length > 0 || quoted || row.length > 0) endRow();
-	return rows;
-}
-function CsvPreview({ content }) {
-	const [headers = [], ...body] = parseCsv(content);
-	if (headers.length === 0) return null;
-	const visible = body.slice(0, 500);
-	const columnCount = Math.max(headers.length, ...visible.map((cells) => cells.length));
-	const capped = body.length > visible.length;
-	return /* @__PURE__ */ jsxs("div", {
-		className: "flex min-h-0 flex-1 flex-col gap-2",
-		children: [/* @__PURE__ */ jsx("div", {
-			className: "min-h-0 overflow-auto rounded-[var(--radius-md)] border border-border",
-			children: /* @__PURE__ */ jsxs("table", {
-				className: "w-full text-sm",
-				children: [/* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { children: Array.from({ length: columnCount }, (_, column) => /* @__PURE__ */ jsx("th", {
-					className: "sticky top-0 whitespace-nowrap border-b border-border bg-card px-3 py-2 text-left text-xs font-semibold text-foreground",
-					children: headers[column] ?? ""
-				}, column)) }) }), /* @__PURE__ */ jsx("tbody", { children: visible.map((cells, rowIndex) => /* @__PURE__ */ jsx("tr", {
-					className: "border-b border-border hover:bg-accent",
-					children: Array.from({ length: columnCount }, (_, column) => /* @__PURE__ */ jsx("td", {
-						className: "whitespace-nowrap px-3 py-1.5 font-mono text-xs text-foreground",
-						children: cells[column] ?? ""
-					}, column))
-				}, rowIndex)) })]
-			})
-		}), /* @__PURE__ */ jsxs("p", {
-			className: "shrink-0 text-xs text-muted-foreground",
-			children: [capped ? `Showing ${visible.length} of ${body.length} rows` : `${body.length} ${body.length === 1 ? "row" : "rows"}`, ` · ${columnCount} ${columnCount === 1 ? "column" : "columns"}`]
-		})]
-	});
-}
-const CHECKER_STYLE = {
-	backgroundColor: "var(--color-background)",
-	backgroundImage: "repeating-conic-gradient(var(--color-muted) 0% 25%, transparent 0% 50%)",
-	backgroundSize: "16px 16px"
-};
-function ImagePreview({ src, filename }) {
-	const [naturalSize, setNaturalSize] = useState(false);
-	return /* @__PURE__ */ jsx("div", {
-		className: "flex min-h-[12rem] flex-1 overflow-auto rounded-[var(--radius-md)] border border-border",
-		style: CHECKER_STYLE,
-		children: /* @__PURE__ */ jsx("button", {
-			type: "button",
-			onClick: () => setNaturalSize((value) => !value),
-			"aria-pressed": naturalSize,
-			"aria-label": naturalSize ? "Fit image to pane" : "Show image at natural size",
-			className: cn("flex items-center justify-center", focusRingInset, naturalSize ? "m-auto cursor-zoom-out" : "h-full w-full cursor-zoom-in p-4"),
-			children: /* @__PURE__ */ jsx("img", {
-				src,
-				alt: filename,
-				draggable: false,
-				className: naturalSize ? "max-w-none" : "max-h-full max-w-full object-contain"
-			})
-		})
-	});
-}
-function PdfPreview({ blobUrl, filename, size, onDownload }) {
-	return /* @__PURE__ */ jsx("object", {
-		data: blobUrl,
-		type: "application/pdf",
-		title: filename,
-		className: "min-h-[24rem] w-full flex-1 rounded-[var(--radius-md)]",
-		children: /* @__PURE__ */ jsx(DownloadCard, {
-			filename,
-			size,
-			sentence: "This browser does not show PDFs inline.",
-			onDownload,
-			className: "h-full"
-		})
-	});
-}
-function VideoPreview({ src, filename }) {
-	return /* @__PURE__ */ jsx("div", {
-		className: "flex min-h-[12rem] flex-1 items-center justify-center overflow-hidden rounded-[var(--radius-md)] border border-border bg-background",
-		children: /* @__PURE__ */ jsx("video", {
-			controls: true,
-			preload: "metadata",
-			src,
-			"aria-label": filename,
-			className: "max-h-full max-w-full"
-		})
-	});
-}
-function AudioPreview({ src, filename }) {
-	return /* @__PURE__ */ jsxs("div", {
-		className: "flex flex-col items-center gap-4 rounded-[var(--radius-md)] border border-border bg-background px-6 py-10",
-		children: [
-			/* @__PURE__ */ jsx(Music, { className: "h-10 w-10 text-muted-foreground opacity-60" }),
-			/* @__PURE__ */ jsx("p", {
-				className: "max-w-full truncate text-sm font-medium text-foreground",
-				children: filename
-			}),
-			/* @__PURE__ */ jsx("audio", {
-				controls: true,
-				preload: "metadata",
-				src,
-				"aria-label": filename,
-				className: "w-full max-w-md"
-			})
-		]
-	});
-}
-function TextPreview({ content }) {
-	return /* @__PURE__ */ jsx("pre", {
-		className: "bg-card rounded-[var(--radius-md)] border border-border p-4 overflow-auto max-h-[70vh] text-sm text-foreground font-mono leading-[1.55]",
-		children: content
-	});
-}
-function MarkdownPreview({ content, urlTransform }) {
-	return /* @__PURE__ */ jsx("div", {
-		className: "rounded-[var(--radius-md)] border border-border bg-background p-5",
-		children: /* @__PURE__ */ jsx(Markdown, {
-			urlTransform,
-			children: content
-		})
-	});
-}
-/**
-* One muted sentence plus the filename, its size when known, and a Download
-* button when the host wires `onDownload`. Serves spreadsheets, binaries, and
-* every kind whose source (blob or text) is missing.
-*/
-function DownloadCard({ filename, size, sentence, icon: Icon = FileText, onDownload, className }) {
-	return /* @__PURE__ */ jsxs("div", {
-		className: cn("flex flex-col items-center justify-center rounded-[var(--radius-md)] border border-dashed border-border bg-background px-6 py-16 text-center", className),
-		children: [
-			/* @__PURE__ */ jsx(Icon, { className: "mb-3 h-12 w-12 text-muted-foreground opacity-40" }),
-			/* @__PURE__ */ jsx("p", {
-				className: "max-w-full truncate text-sm font-medium text-foreground",
-				children: filename
-			}),
-			size !== void 0 && /* @__PURE__ */ jsx("p", {
-				className: "mt-1 text-xs text-muted-foreground",
-				children: formatBytes(size)
-			}),
-			/* @__PURE__ */ jsx("p", {
-				className: "mt-3 max-w-md text-sm text-muted-foreground",
-				children: sentence
-			}),
-			onDownload && /* @__PURE__ */ jsxs(Button, {
-				type: "button",
-				variant: "outline",
-				size: "sm",
-				className: "mt-5",
-				onClick: onDownload,
-				children: [/* @__PURE__ */ jsx(Download, {}), "Download"]
-			})
-		]
-	});
-}
-function PreviewBody({ kind, filename, content, blobUrl, size, urlTransform, onDownload }) {
-	const hasText = typeof content === "string";
-	const card = (sentence, icon) => /* @__PURE__ */ jsx(DownloadCard, {
-		filename,
-		size,
-		sentence,
-		icon,
-		onDownload
-	});
-	switch (kind) {
-		case "pdf":
-			if (blobUrl) return /* @__PURE__ */ jsx(PdfPreview, {
-				blobUrl,
-				filename,
-				size,
-				onDownload
-			});
-			return card(NEEDS_DOWNLOAD_LINK);
-		case "image":
-			if (blobUrl) return /* @__PURE__ */ jsx(ImagePreview, {
-				src: blobUrl,
-				filename
-			});
-			if (hasText) return /* @__PURE__ */ jsx(CodePreview, {
-				content,
-				filename,
-				kind: "code"
-			});
-			return card(NEEDS_DOWNLOAD_LINK);
-		case "video":
-			if (blobUrl) return /* @__PURE__ */ jsx(VideoPreview, {
-				src: blobUrl,
-				filename
-			});
-			return card(NEEDS_DOWNLOAD_LINK);
-		case "audio":
-			if (blobUrl) return /* @__PURE__ */ jsx(AudioPreview, {
-				src: blobUrl,
-				filename
-			});
-			return card(NEEDS_DOWNLOAD_LINK, Music);
-		case "csv":
-			if (hasText) return /* @__PURE__ */ jsx(CsvPreview, { content });
-			return card(NO_INLINE_CONTENT, FileSpreadsheet);
-		case "code":
-		case "json":
-		case "yaml":
-			if (hasText) return /* @__PURE__ */ jsx(CodePreview, {
-				content,
-				filename,
-				kind
-			});
-			return card(NO_INLINE_CONTENT);
-		case "markdown":
-			if (hasText) return /* @__PURE__ */ jsx(MarkdownPreview, {
-				content,
-				urlTransform
-			});
-			return card(NO_INLINE_CONTENT);
-		case "text":
-			if (hasText) return /* @__PURE__ */ jsx(TextPreview, { content });
-			return card(NO_INLINE_CONTENT);
-		case "spreadsheet": return card("Download to open this workbook in a spreadsheet app.", FileSpreadsheet);
-		case "binary":
-			if (hasText) return /* @__PURE__ */ jsx(TextPreview, { content });
-			return card(blobUrl ? NO_INLINE_PREVIEW : NEEDS_DOWNLOAD_LINK);
-	}
-}
-function FilePreview({ filename, content, blobUrl, mimeType, size, urlTransform, onClose, onDownload, hideHeader = false, className }) {
-	const kind = resolveFilePreviewKind(filename, mimeType);
-	const previewLabel = getFormatLabel(kind);
-	return /* @__PURE__ */ jsxs("div", {
-		className: cn("flex flex-col h-full", className),
-		children: [!hideHeader && /* @__PURE__ */ jsxs("div", {
-			className: "flex items-center gap-2 px-3 py-2 border-b border-border shrink-0",
-			children: [
-				/* @__PURE__ */ jsxs("div", {
-					className: "min-w-0 flex-1",
-					children: [/* @__PURE__ */ jsx("div", {
-						className: "truncate text-sm font-medium text-foreground",
-						children: filename
-					}), /* @__PURE__ */ jsx("div", {
-						className: "mt-0.5 text-[11px] uppercase tracking-[0.12em] text-muted-foreground",
-						children: previewLabel
-					})]
-				}),
-				onDownload && /* @__PURE__ */ jsx("button", {
-					type: "button",
-					onClick: onDownload,
-					"aria-label": `Download ${filename}`,
-					className: "p-1.5 rounded-[var(--radius-sm)] hover:bg-accent text-muted-foreground hover:text-foreground transition-colors",
-					children: /* @__PURE__ */ jsx(Download, { className: "h-4 w-4" })
-				}),
-				onClose && /* @__PURE__ */ jsx("button", {
-					type: "button",
-					onClick: onClose,
-					"aria-label": `Close ${filename}`,
-					className: "p-1.5 rounded-[var(--radius-sm)] hover:bg-accent text-muted-foreground hover:text-foreground transition-colors",
-					children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
-				})
-			]
-		}), /* @__PURE__ */ jsx("div", {
-			className: "flex min-h-0 flex-1 flex-col overflow-auto p-3",
-			children: /* @__PURE__ */ jsx(PreviewBody, {
-				kind,
-				filename,
-				content,
-				blobUrl,
-				size,
-				urlTransform,
-				onDownload
-			})
-		})]
-	});
-}
-//#endregion
-//#region src/files/file-tabs.tsx
-/**
-* FileTabs — tab bar for open files in the preview panel.
-*/
-function getTabIcon(name) {
-	const ext = name.split(".").pop()?.toLowerCase() || "";
-	if (["pdf"].includes(ext)) return FileText;
-	if (["csv", "xlsx"].includes(ext)) return FileSpreadsheet;
-	return FileCode;
-}
-function FileTabs({ tabs, activeId, onSelect, onClose, className }) {
-	if (tabs.length === 0) return null;
-	return /* @__PURE__ */ jsx("div", {
-		className: cn("flex items-center border-b border-border bg-background overflow-x-auto", className),
-		children: tabs.map((tab) => {
-			const isActive = tab.id === activeId;
-			const Icon = getTabIcon(tab.name);
-			return /* @__PURE__ */ jsxs("div", {
-				className: cn("group flex items-center border-r border-border shrink-0", isActive ? "bg-card text-foreground border-b-2 border-b-primary" : "text-muted-foreground hover:bg-muted/50"),
-				children: [/* @__PURE__ */ jsxs("button", {
-					type: "button",
-					onClick: () => onSelect(tab.id),
-					className: cn("flex min-w-0 items-center gap-1.5 px-3 py-1.5 text-xs transition-colors hover:text-foreground", focusRingInset),
-					children: [
-						/* @__PURE__ */ jsx(Icon, { className: "h-3 w-3 shrink-0" }),
-						/* @__PURE__ */ jsx("span", {
-							className: "max-w-[120px] truncate",
-							children: tab.name
-						}),
-						tab.dirty && /* @__PURE__ */ jsx("span", { className: "h-1.5 w-1.5 rounded-full bg-primary" })
-					]
-				}), /* @__PURE__ */ jsx("button", {
-					type: "button",
-					"aria-label": `Close ${tab.name}`,
-					onClick: () => onClose(tab.id),
-					className: cn("mr-1 rounded p-0.5 opacity-0 transition-opacity hover:bg-accent focus-visible:opacity-100 group-hover:opacity-100", focusRing),
-					children: /* @__PURE__ */ jsx(X, { className: "h-2.5 w-2.5" })
-				})]
-			}, tab.id);
-		})
-	});
-}
-//#endregion
-//#region src/files/file-artifact-pane.tsx
-const LazyDocumentEditorPane = lazy(async () => {
-	return { default: (await import("./document-editor-pane-POsq5Q0o.js").then((n) => n.n)).DocumentEditorPane };
-});
-/**
-* FileArtifactPane — opinionated artifact frame for file previews with tabs and
-* header actions. The body is `FilePreview`, so every kind it renders (image,
-* PDF, video, audio, CSV, spreadsheet, markdown, code, text) renders here too;
-* `onDownload` drives both the header button and the body's download cards.
-*/
-function FileArtifactPane({ filename, content, blobUrl, mimeType, size, onClose, onDownload, urlTransform, path, tabs = [], activeTabId, onTabSelect, onTabClose, eyebrow = "Artifact", meta, toolbar, footer, className, headerClassName, hideTitleBlock, editor }) {
-	const paneTabs = tabs.length > 0 && onTabSelect && onTabClose ? /* @__PURE__ */ jsx(FileTabs, {
-		tabs,
-		activeId: activeTabId,
-		onSelect: onTabSelect,
-		onClose: onTabClose
-	}) : void 0;
-	const isEditableMarkdown = (detectFileFormat(filename, mimeType) === "markdown" || (path ? detectFileFormat(path, mimeType) === "markdown" : false)) && editor?.enabled;
-	const headerActions = onDownload || onClose ? /* @__PURE__ */ jsxs(Fragment$1, { children: [onDownload && /* @__PURE__ */ jsx("button", {
-		type: "button",
-		"aria-label": `Download ${filename}`,
-		onClick: onDownload,
-		className: `rounded-[var(--radius-sm)] p-1.5 text-muted-foreground transition-colors hover:bg-accent hover:text-foreground ${focusRing}`,
-		children: /* @__PURE__ */ jsx(Download, { className: "h-4 w-4" })
-	}), onClose && /* @__PURE__ */ jsx("button", {
-		type: "button",
-		"aria-label": `Close ${filename}`,
-		onClick: onClose,
-		className: `rounded-[var(--radius-sm)] p-1.5 text-muted-foreground transition-colors hover:bg-accent hover:text-foreground ${focusRing}`,
-		children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
-	})] }) : void 0;
-	if (isEditableMarkdown) return /* @__PURE__ */ jsx(Suspense, {
-		fallback: /* @__PURE__ */ jsx(ArtifactPane, {
-			eyebrow,
-			title: filename,
-			subtitle: path,
-			meta,
-			toolbar,
-			footer,
-			className,
-			tabs: paneTabs,
-			headerActions,
-			headerClassName,
-			hideTitleBlock,
-			children: /* @__PURE__ */ jsx("div", {
-				className: "flex min-h-[12rem] items-center justify-center rounded-[var(--radius-lg)] border border-dashed border-border bg-muted text-sm text-muted-foreground",
-				children: "Loading editor…"
-			})
-		}),
-		children: /* @__PURE__ */ jsx(LazyDocumentEditorPane, {
-			eyebrow,
-			title: filename,
-			subtitle: path,
-			meta,
-			toolbar,
-			footer,
-			className,
-			tabs: paneTabs,
-			headerActions,
-			headerClassName,
-			hideTitleBlock,
-			markdown: content ?? "",
-			savedMarkdown: editor.savedContent,
-			urlTransform,
-			mode: editor.mode,
-			defaultMode: editor.defaultMode,
-			onModeChange: editor.onModeChange,
-			backend: editor.backend,
-			collaboration: editor.collaboration,
-			placeholder: editor.placeholder,
-			autoFocus: editor.autoFocus,
-			readOnly: editor.readOnly,
-			saving: editor.saving,
-			saveLabel: editor.saveLabel,
-			onChange: editor.onChange,
-			onSave: editor.onSave,
-			previewClassName: editor.previewClassName,
-			editorClassName: editor.editorClassName
-		})
-	});
-	return /* @__PURE__ */ jsx(ArtifactPane, {
-		eyebrow,
-		title: filename,
-		subtitle: path,
-		meta,
-		toolbar,
-		footer,
-		className,
-		tabs: paneTabs,
-		headerActions,
-		headerClassName,
-		hideTitleBlock,
-		children: /* @__PURE__ */ jsx(FilePreview, {
-			filename,
-			content,
-			blobUrl,
-			mimeType,
-			size,
-			urlTransform,
-			onDownload,
-			hideHeader: true
-		})
-	});
-}
-//#endregion
-export { parseCsv as a, filterFileTree as c, FilePreview as i, FileTabs as n, RichFileTree as o, CSV_PREVIEW_ROW_LIMIT as r, FileTree$1 as s, FileArtifactPane as t };