@tangle-network/ui 11.10.0 → 11.11.1

package/dist/chunk-YZ6AK25N.js

@@ -1,886 +0,0 @@
-import {
-  formatBytes
-} from "./chunk-4CLN43XT.js";
-import {
-  detectFileFormat,
-  fileExtension,
-  getCodeLanguage,
-  getFormatLabel,
-  resolveFilePreviewKind
-} from "./chunk-XU3HB5QL.js";
-import {
-  Button
-} from "./chunk-42PAH5D2.js";
-import {
-  ArtifactPane
-} from "./chunk-LTEKI7YJ.js";
-import {
-  Markdown
-} from "./chunk-OL5GYLHV.js";
-import {
-  CodeBlock,
-  CopyButton
-} from "./chunk-3XXBZL53.js";
-import {
-  focusRing,
-  focusRingInset
-} from "./chunk-WKWBTL2V.js";
-import {
-  cn
-} from "./chunk-RQHJBTEU.js";
-
-// src/files/file-tree.tsx
-import { useState } from "react";
-import {
-  File,
-  FileText,
-  FileCode,
-  FileSpreadsheet,
-  FileImage,
-  Folder,
-  FolderOpen,
-  ChevronRight,
-  FileJson
-} from "lucide-react";
-import { jsx, jsxs } from "react/jsx-runtime";
-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
-  };
-}
-var 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) {
-  const ext = name.split(".").pop()?.toLowerCase() || "";
-  switch (ext) {
-    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 < 1024 * 1024) return `${(bytes / 1024).toFixed(0)}K`;
-  return `${(bytes / (1024 * 1024)).toFixed(1)}M`;
-}
-function FileTree({
-  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
-    }
-  ) });
-}
-
-// src/files/rich-file-tree.tsx
-import {
-  FileTree as PierreFileTree,
-  useFileTree as usePierreFileTree
-} from "@pierre/trees/react";
-import { useEffect, useMemo } from "react";
-import { jsx as jsx2 } from "react/jsx-runtime";
-function cssVarFromToken(name) {
-  return `var(${name})`;
-}
-var DEFAULT_THEME = {
-  selectedBg: cssVarFromToken("--accent-surface-soft"),
-  selectedFg: cssVarFromToken("--accent-text"),
-  fg: cssVarFromToken("--foreground"),
-  hoverBg: cssVarFromToken("--muted"),
-  border: cssVarFromToken("--border"),
-  mutedFg: cssVarFromToken("--muted-foreground")
-};
-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 } = usePierreFileTree({
-    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;
-    const m = model;
-    m.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__ */ jsx2(
-    PierreFileTree,
-    {
-      model,
-      header,
-      renderContextMenu,
-      className,
-      style: themeStyle
-    }
-  );
-}
-
-// src/files/file-preview.tsx
-import { useState as useState2 } from "react";
-import {
-  Download,
-  FileSpreadsheet as FileSpreadsheet2,
-  FileText as FileText2,
-  Music,
-  X
-} from "lucide-react";
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
-var CSV_PREVIEW_ROW_LIMIT = 500;
-var NEEDS_DOWNLOAD_LINK = "This file needs a download link to preview.";
-var NO_INLINE_PREVIEW = "This file type has no inline preview.";
-var 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__ */ jsx3(
-    CodeBlock,
-    {
-      code: content,
-      language,
-      label: `${labelToken} \xB7 ${lineCount} lines`,
-      showLineNumbers: true,
-      className: "max-h-[70vh] overflow-auto",
-      children: /* @__PURE__ */ jsx3(CopyButton, { text: content })
-    }
-  );
-}
-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, CSV_PREVIEW_ROW_LIMIT);
-  const columnCount = Math.max(headers.length, ...visible.map((cells) => cells.length));
-  const capped = body.length > visible.length;
-  return /* @__PURE__ */ jsxs2("div", { className: "flex min-h-0 flex-1 flex-col gap-2", children: [
-    /* @__PURE__ */ jsx3("div", { className: "min-h-0 overflow-auto rounded-[var(--radius-md)] border border-border", children: /* @__PURE__ */ jsxs2("table", { className: "w-full text-sm", children: [
-      /* @__PURE__ */ jsx3("thead", { children: /* @__PURE__ */ jsx3("tr", { children: Array.from({ length: columnCount }, (_, column) => /* @__PURE__ */ jsx3(
-        "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__ */ jsx3("tbody", { children: visible.map((cells, rowIndex) => /* @__PURE__ */ jsx3("tr", { className: "border-b border-border hover:bg-accent", children: Array.from({ length: columnCount }, (_, column) => /* @__PURE__ */ jsx3(
-        "td",
-        {
-          className: "whitespace-nowrap px-3 py-1.5 font-mono text-xs text-foreground",
-          children: cells[column] ?? ""
-        },
-        column
-      )) }, rowIndex)) })
-    ] }) }),
-    /* @__PURE__ */ jsxs2("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"}`,
-      ` \xB7 ${columnCount} ${columnCount === 1 ? "column" : "columns"}`
-    ] })
-  ] });
-}
-var 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] = useState2(false);
-  return /* @__PURE__ */ jsx3(
-    "div",
-    {
-      className: "flex min-h-[12rem] flex-1 overflow-auto rounded-[var(--radius-md)] border border-border",
-      style: CHECKER_STYLE,
-      children: /* @__PURE__ */ jsx3(
-        "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__ */ jsx3(
-            "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__ */ jsx3(
-    "object",
-    {
-      data: blobUrl,
-      type: "application/pdf",
-      title: filename,
-      className: "min-h-[24rem] w-full flex-1 rounded-[var(--radius-md)]",
-      children: /* @__PURE__ */ jsx3(
-        DownloadCard,
-        {
-          filename,
-          size,
-          sentence: "This browser does not show PDFs inline.",
-          onDownload,
-          className: "h-full"
-        }
-      )
-    }
-  );
-}
-function VideoPreview({ src, filename }) {
-  return /* @__PURE__ */ jsx3("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__ */ jsx3(
-    "video",
-    {
-      controls: true,
-      preload: "metadata",
-      src,
-      "aria-label": filename,
-      className: "max-h-full max-w-full"
-    }
-  ) });
-}
-function AudioPreview({ src, filename }) {
-  return /* @__PURE__ */ jsxs2("div", { className: "flex flex-col items-center gap-4 rounded-[var(--radius-md)] border border-border bg-background px-6 py-10", children: [
-    /* @__PURE__ */ jsx3(Music, { className: "h-10 w-10 text-muted-foreground opacity-60" }),
-    /* @__PURE__ */ jsx3("p", { className: "max-w-full truncate text-sm font-medium text-foreground", children: filename }),
-    /* @__PURE__ */ jsx3("audio", { controls: true, preload: "metadata", src, "aria-label": filename, className: "w-full max-w-md" })
-  ] });
-}
-function TextPreview({ content }) {
-  return /* @__PURE__ */ jsx3("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 }) {
-  return /* @__PURE__ */ jsx3("div", { className: "rounded-[var(--radius-md)] border border-border bg-background p-5", children: /* @__PURE__ */ jsx3(Markdown, { children: content }) });
-}
-function DownloadCard({
-  filename,
-  size,
-  sentence,
-  icon: Icon = FileText2,
-  onDownload,
-  className
-}) {
-  return /* @__PURE__ */ jsxs2(
-    "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__ */ jsx3(Icon, { className: "mb-3 h-12 w-12 text-muted-foreground opacity-40" }),
-        /* @__PURE__ */ jsx3("p", { className: "max-w-full truncate text-sm font-medium text-foreground", children: filename }),
-        size !== void 0 && /* @__PURE__ */ jsx3("p", { className: "mt-1 text-xs text-muted-foreground", children: formatBytes(size) }),
-        /* @__PURE__ */ jsx3("p", { className: "mt-3 max-w-md text-sm text-muted-foreground", children: sentence }),
-        onDownload && /* @__PURE__ */ jsxs2(Button, { type: "button", variant: "outline", size: "sm", className: "mt-5", onClick: onDownload, children: [
-          /* @__PURE__ */ jsx3(Download, {}),
-          "Download"
-        ] })
-      ]
-    }
-  );
-}
-function PreviewBody({
-  kind,
-  filename,
-  content,
-  blobUrl,
-  size,
-  onDownload
-}) {
-  const hasText = typeof content === "string";
-  const card = (sentence, icon) => /* @__PURE__ */ jsx3(
-    DownloadCard,
-    {
-      filename,
-      size,
-      sentence,
-      icon,
-      onDownload
-    }
-  );
-  switch (kind) {
-    case "pdf":
-      if (blobUrl) {
-        return /* @__PURE__ */ jsx3(PdfPreview, { blobUrl, filename, size, onDownload });
-      }
-      return card(NEEDS_DOWNLOAD_LINK);
-    case "image":
-      if (blobUrl) return /* @__PURE__ */ jsx3(ImagePreview, { src: blobUrl, filename });
-      if (hasText) return /* @__PURE__ */ jsx3(CodePreview, { content, filename, kind: "code" });
-      return card(NEEDS_DOWNLOAD_LINK);
-    case "video":
-      if (blobUrl) return /* @__PURE__ */ jsx3(VideoPreview, { src: blobUrl, filename });
-      return card(NEEDS_DOWNLOAD_LINK);
-    case "audio":
-      if (blobUrl) return /* @__PURE__ */ jsx3(AudioPreview, { src: blobUrl, filename });
-      return card(NEEDS_DOWNLOAD_LINK, Music);
-    case "csv":
-      if (hasText) return /* @__PURE__ */ jsx3(CsvPreview, { content });
-      return card(NO_INLINE_CONTENT, FileSpreadsheet2);
-    case "code":
-    case "json":
-    case "yaml":
-      if (hasText) return /* @__PURE__ */ jsx3(CodePreview, { content, filename, kind });
-      return card(NO_INLINE_CONTENT);
-    case "markdown":
-      if (hasText) return /* @__PURE__ */ jsx3(MarkdownPreview, { content });
-      return card(NO_INLINE_CONTENT);
-    case "text":
-      if (hasText) return /* @__PURE__ */ jsx3(TextPreview, { content });
-      return card(NO_INLINE_CONTENT);
-    case "spreadsheet":
-      return card("Download to open this workbook in a spreadsheet app.", FileSpreadsheet2);
-    case "binary":
-      if (hasText) return /* @__PURE__ */ jsx3(TextPreview, { content });
-      return card(blobUrl ? NO_INLINE_PREVIEW : NEEDS_DOWNLOAD_LINK);
-  }
-}
-function FilePreview({
-  filename,
-  content,
-  blobUrl,
-  mimeType,
-  size,
-  onClose,
-  onDownload,
-  hideHeader = false,
-  className
-}) {
-  const kind = resolveFilePreviewKind(filename, mimeType);
-  const previewLabel = getFormatLabel(kind);
-  return /* @__PURE__ */ jsxs2("div", { className: cn("flex flex-col h-full", className), children: [
-    !hideHeader && /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2 px-3 py-2 border-b border-border shrink-0", children: [
-      /* @__PURE__ */ jsxs2("div", { className: "min-w-0 flex-1", children: [
-        /* @__PURE__ */ jsx3("div", { className: "truncate text-sm font-medium text-foreground", children: filename }),
-        /* @__PURE__ */ jsx3("div", { className: "mt-0.5 text-[11px] uppercase tracking-[0.12em] text-muted-foreground", children: previewLabel })
-      ] }),
-      onDownload && /* @__PURE__ */ jsx3(
-        "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__ */ jsx3(Download, { className: "h-4 w-4" })
-        }
-      ),
-      onClose && /* @__PURE__ */ jsx3(
-        "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__ */ jsx3(X, { className: "h-4 w-4" })
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx3("div", { className: "flex min-h-0 flex-1 flex-col overflow-auto p-3", children: /* @__PURE__ */ jsx3(
-      PreviewBody,
-      {
-        kind,
-        filename,
-        content,
-        blobUrl,
-        size,
-        onDownload
-      }
-    ) })
-  ] });
-}
-
-// src/files/file-tabs.tsx
-import { X as X2, FileText as FileText3, FileCode as FileCode2, FileSpreadsheet as FileSpreadsheet3 } from "lucide-react";
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
-function getTabIcon(name) {
-  const ext = name.split(".").pop()?.toLowerCase() || "";
-  if (["pdf"].includes(ext)) return FileText3;
-  if (["csv", "xlsx"].includes(ext)) return FileSpreadsheet3;
-  return FileCode2;
-}
-function FileTabs({ tabs, activeId, onSelect, onClose, className }) {
-  if (tabs.length === 0) return null;
-  return /* @__PURE__ */ jsx4("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__ */ jsxs3(
-      "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__ */ jsxs3(
-            "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__ */ jsx4(Icon, { className: "h-3 w-3 shrink-0" }),
-                /* @__PURE__ */ jsx4("span", { className: "max-w-[120px] truncate", children: tab.name }),
-                tab.dirty && /* @__PURE__ */ jsx4("span", { className: "h-1.5 w-1.5 rounded-full bg-primary" })
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsx4(
-            "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__ */ jsx4(X2, { className: "h-2.5 w-2.5" })
-            }
-          )
-        ]
-      },
-      tab.id
-    );
-  }) });
-}
-
-// src/files/file-artifact-pane.tsx
-import { lazy, Suspense } from "react";
-import { Download as Download2, X as X3 } from "lucide-react";
-import { Fragment, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
-var LazyDocumentEditorPane = lazy(async () => {
-  const module = await import("./document-editor-pane-QHDOBA43.js");
-  return { default: module.DocumentEditorPane };
-});
-function FileArtifactPane({
-  filename,
-  content,
-  blobUrl,
-  mimeType,
-  size,
-  onClose,
-  onDownload,
-  path,
-  tabs = [],
-  activeTabId,
-  onTabSelect,
-  onTabClose,
-  eyebrow = "Artifact",
-  meta,
-  toolbar,
-  footer,
-  className,
-  headerClassName,
-  hideTitleBlock,
-  editor
-}) {
-  const showTabs = tabs.length > 0 && onTabSelect && onTabClose;
-  const paneTabs = showTabs ? /* @__PURE__ */ jsx5(
-    FileTabs,
-    {
-      tabs,
-      activeId: activeTabId,
-      onSelect: onTabSelect,
-      onClose: onTabClose
-    }
-  ) : void 0;
-  const isMarkdown = detectFileFormat(filename, mimeType) === "markdown" || (path ? detectFileFormat(path, mimeType) === "markdown" : false);
-  const isEditableMarkdown = isMarkdown && editor?.enabled;
-  const headerActions = onDownload || onClose ? /* @__PURE__ */ jsxs4(Fragment, { children: [
-    onDownload && /* @__PURE__ */ jsx5(
-      "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__ */ jsx5(Download2, { className: "h-4 w-4" })
-      }
-    ),
-    onClose && /* @__PURE__ */ jsx5(
-      "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__ */ jsx5(X3, { className: "h-4 w-4" })
-      }
-    )
-  ] }) : void 0;
-  if (isEditableMarkdown) {
-    return /* @__PURE__ */ jsx5(
-      Suspense,
-      {
-        fallback: /* @__PURE__ */ jsx5(
-          ArtifactPane,
-          {
-            eyebrow,
-            title: filename,
-            subtitle: path,
-            meta,
-            toolbar,
-            footer,
-            className,
-            tabs: paneTabs,
-            headerActions,
-            headerClassName,
-            hideTitleBlock,
-            children: /* @__PURE__ */ jsx5("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\u2026" })
-          }
-        ),
-        children: /* @__PURE__ */ jsx5(
-          LazyDocumentEditorPane,
-          {
-            eyebrow,
-            title: filename,
-            subtitle: path,
-            meta,
-            toolbar,
-            footer,
-            className,
-            tabs: paneTabs,
-            headerActions,
-            headerClassName,
-            hideTitleBlock,
-            markdown: content ?? "",
-            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__ */ jsx5(
-    ArtifactPane,
-    {
-      eyebrow,
-      title: filename,
-      subtitle: path,
-      meta,
-      toolbar,
-      footer,
-      className,
-      tabs: paneTabs,
-      headerActions,
-      headerClassName,
-      hideTitleBlock,
-      children: /* @__PURE__ */ jsx5(
-        FilePreview,
-        {
-          filename,
-          content,
-          blobUrl,
-          mimeType,
-          size,
-          onDownload,
-          hideHeader: true
-        }
-      )
-    }
-  );
-}
-
-export {
-  filterFileTree,
-  FileTree,
-  RichFileTree,
-  CSV_PREVIEW_ROW_LIMIT,
-  parseCsv,
-  FilePreview,
-  FileTabs,
-  FileArtifactPane
-};