@tangle-network/sandbox-ui 0.2.1 → 0.3.3

package/dist/chunk-KYY2X6LY.js

@@ -1,318 +0,0 @@
-import {
-  cn
-} from "./chunk-RQHJBTEU.js";
-
-// src/workspace/workspace-layout.tsx
-import { useState } from "react";
-import { PanelLeftClose, PanelLeftOpen, PanelRightClose, PanelRightOpen } from "lucide-react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function WorkspaceLayout({
-  left,
-  leftHeader,
-  center,
-  centerHeader,
-  centerFooter,
-  right,
-  rightHeader,
-  bottom,
-  defaultLeftOpen = true,
-  defaultRightOpen = false,
-  defaultBottomOpen = false,
-  className
-}) {
-  const [leftOpen, setLeftOpen] = useState(defaultLeftOpen);
-  const [rightOpen, setRightOpen] = useState(defaultRightOpen);
-  const [bottomOpen, setBottomOpen] = useState(defaultBottomOpen);
-  return /* @__PURE__ */ jsx("div", { className: cn("flex flex-col h-screen bg-[var(--bg-root)] text-[var(--text-primary)] font-[var(--font-sans)]", className), children: /* @__PURE__ */ jsxs("div", { className: "flex flex-1 min-h-0", children: [
-    left && leftOpen && /* @__PURE__ */ jsxs("aside", { className: "w-64 shrink-0 border-r border-[var(--border-subtle)] flex flex-col bg-[var(--bg-dark)]", children: [
-      leftHeader && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-3 py-2 border-b border-[var(--border-subtle)] shrink-0", children: [
-        leftHeader,
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            onClick: () => setLeftOpen(false),
-            className: "p-1 rounded-[var(--radius-sm)] hover:bg-[var(--bg-hover)] text-[var(--text-muted)]",
-            children: /* @__PURE__ */ jsx(PanelLeftClose, { className: "h-4 w-4" })
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-auto py-1", children: left })
-    ] }),
-    /* @__PURE__ */ jsxs("main", { className: "flex-1 flex flex-col min-w-0", children: [
-      (centerHeader || left) && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-3 py-2 border-b border-[var(--border-subtle)] shrink-0 bg-[var(--bg-dark)]", children: [
-        left && !leftOpen && /* @__PURE__ */ jsx(
-          "button",
-          {
-            onClick: () => setLeftOpen(true),
-            className: "p-1 rounded-[var(--radius-sm)] hover:bg-[var(--bg-hover)] text-[var(--text-muted)]",
-            children: /* @__PURE__ */ jsx(PanelLeftOpen, { className: "h-4 w-4" })
-          }
-        ),
-        /* @__PURE__ */ jsx("div", { className: "flex-1 min-w-0", children: centerHeader }),
-        right && !rightOpen && /* @__PURE__ */ jsx(
-          "button",
-          {
-            onClick: () => setRightOpen(true),
-            className: "p-1 rounded-[var(--radius-sm)] hover:bg-[var(--bg-hover)] text-[var(--text-muted)]",
-            children: /* @__PURE__ */ jsx(PanelRightOpen, { className: "h-4 w-4" })
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-auto", children: center }),
-      bottom && bottomOpen && /* @__PURE__ */ jsx("div", { className: "border-t border-[var(--border-subtle)] bg-[var(--bg-card)] max-h-48 overflow-auto", children: bottom }),
-      centerFooter && /* @__PURE__ */ jsx("div", { className: "border-t border-[var(--border-subtle)] shrink-0 bg-[var(--bg-dark)]", children: centerFooter })
-    ] }),
-    right && rightOpen && /* @__PURE__ */ jsxs("aside", { className: "w-[480px] shrink-0 border-l border-[var(--border-subtle)] flex flex-col bg-[var(--bg-dark)]", children: [
-      rightHeader !== void 0 ? /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-3 py-2 border-b border-[var(--border-subtle)] shrink-0", children: [
-        rightHeader,
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            onClick: () => setRightOpen(false),
-            className: "p-1 rounded-[var(--radius-sm)] hover:bg-[var(--bg-hover)] text-[var(--text-muted)]",
-            children: /* @__PURE__ */ jsx(PanelRightClose, { className: "h-4 w-4" })
-          }
-        )
-      ] }) : /* @__PURE__ */ jsx("div", { className: "flex justify-end px-3 py-2 border-b border-[var(--border-subtle)] shrink-0", children: /* @__PURE__ */ jsx(
-        "button",
-        {
-          onClick: () => setRightOpen(false),
-          className: "p-1 rounded-[var(--radius-sm)] hover:bg-[var(--bg-hover)] text-[var(--text-muted)]",
-          children: /* @__PURE__ */ jsx(PanelRightClose, { className: "h-4 w-4" })
-        }
-      ) }),
-      /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-auto", children: right })
-    ] })
-  ] }) });
-}
-
-// src/workspace/status-bar.tsx
-import { Zap, FileText, X } from "lucide-react";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var STATUS_LABELS = {
-  connected: { label: "", color: "bg-[var(--code-success)]" },
-  connecting: { label: "Connecting...", color: "bg-[var(--code-number)]" },
-  disconnected: { label: "Disconnected", color: "bg-[var(--code-error)]" },
-  provisioning: { label: "Provisioning...", color: "bg-[var(--code-number)]" }
-};
-function StatusBar({
-  modelLabel,
-  onModelClick,
-  credits,
-  contextBadges = [],
-  onRemoveBadge,
-  status = "connected",
-  className
-}) {
-  const statusInfo = STATUS_LABELS[status];
-  return /* @__PURE__ */ jsxs2(
-    "div",
-    {
-      className: cn(
-        "flex items-center gap-3 px-4 py-1.5 border-t border-[var(--border-subtle)] bg-[var(--bg-dark)] text-xs",
-        className
-      ),
-      children: [
-        modelLabel && /* @__PURE__ */ jsxs2(
-          "button",
-          {
-            onClick: onModelClick,
-            className: "inline-flex items-center gap-1.5 px-2 py-0.5 rounded-[var(--radius-full)] border border-[var(--border-subtle)] text-[var(--text-muted)] hover:border-[var(--border-accent)] hover:text-[var(--text-secondary)] transition-colors",
-            children: [
-              /* @__PURE__ */ jsx2("span", { className: cn("w-1.5 h-1.5 rounded-full", statusInfo.color) }),
-              modelLabel
-            ]
-          }
-        ),
-        statusInfo.label && /* @__PURE__ */ jsx2("span", { className: "text-[var(--text-muted)]", children: statusInfo.label }),
-        contextBadges.map((badge) => /* @__PURE__ */ jsxs2(
-          "span",
-          {
-            className: "inline-flex items-center gap-1 px-2 py-0.5 rounded-[var(--radius-full)] border border-[var(--border-accent)] text-[var(--text-secondary)] bg-[var(--border-accent)]/5",
-            children: [
-              /* @__PURE__ */ jsx2(FileText, { className: "h-3 w-3" }),
-              badge.label,
-              badge.count !== void 0 && /* @__PURE__ */ jsx2("span", { className: "text-[var(--text-muted)]", children: badge.count }),
-              onRemoveBadge && /* @__PURE__ */ jsx2(
-                "button",
-                {
-                  onClick: () => onRemoveBadge(badge.id),
-                  className: "hover:text-[var(--text-primary)] transition-colors",
-                  children: /* @__PURE__ */ jsx2(X, { className: "h-2.5 w-2.5" })
-                }
-              )
-            ]
-          },
-          badge.id
-        )),
-        /* @__PURE__ */ jsx2("div", { className: "flex-1" }),
-        credits !== void 0 && /* @__PURE__ */ jsxs2("span", { className: "inline-flex items-center gap-1 text-[var(--text-muted)]", children: [
-          /* @__PURE__ */ jsx2(Zap, { className: "h-3 w-3" }),
-          credits.toLocaleString(),
-          " credits"
-        ] })
-      ]
-    }
-  );
-}
-
-// src/workspace/status-banner.tsx
-import { Loader2, AlertCircle, CheckCircle, Wifi } from "lucide-react";
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-var BANNER_STYLES = {
-  provisioning: { bg: "bg-[var(--brand-cool)]/5", border: "border-[var(--brand-cool)]/20", icon: Loader2 },
-  connecting: { bg: "bg-[var(--code-number)]/5", border: "border-[var(--code-number)]/20", icon: Wifi },
-  error: { bg: "bg-[var(--code-error)]/5", border: "border-[var(--code-error)]/20", icon: AlertCircle },
-  success: { bg: "bg-[var(--code-success)]/5", border: "border-[var(--code-success)]/20", icon: CheckCircle },
-  info: { bg: "bg-[var(--bg-elevated)]", border: "border-[var(--border-default)]", icon: AlertCircle }
-};
-function StatusBanner({ type, message, detail, onDismiss, className }) {
-  const style = BANNER_STYLES[type];
-  const Icon = style.icon;
-  const isAnimated = type === "provisioning" || type === "connecting";
-  return /* @__PURE__ */ jsxs3("div", { className: cn("flex items-center gap-3 px-4 py-2 border-b text-sm", style.bg, style.border, className), children: [
-    /* @__PURE__ */ jsx3(Icon, { className: cn("h-4 w-4 shrink-0", isAnimated && "animate-spin") }),
-    /* @__PURE__ */ jsx3("span", { className: "text-[var(--text-secondary)]", children: message }),
-    detail && /* @__PURE__ */ jsx3("span", { className: "text-[var(--text-muted)] text-xs", children: detail }),
-    onDismiss && /* @__PURE__ */ jsx3("button", { onClick: onDismiss, className: "ml-auto text-[var(--text-muted)] hover:text-[var(--text-secondary)] text-xs", children: "Dismiss" })
-  ] });
-}
-
-// src/workspace/audit-results.tsx
-import { useState as useState2 } from "react";
-import { CheckCircle as CheckCircle2, XCircle, ChevronRight, Shield } from "lucide-react";
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
-function AuditResults({ forms, crossFormChecks = [], overallScore, className }) {
-  const totalPassed = forms.reduce((s, f) => s + f.passed, 0);
-  const totalChecks = forms.reduce((s, f) => s + f.passed + f.failed, 0);
-  return /* @__PURE__ */ jsxs4("div", { className: cn("space-y-3 p-3", className), children: [
-    /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-3 px-3 py-2 rounded-[var(--radius-md)] bg-[var(--bg-input)] border border-[var(--border-subtle)]", children: [
-      /* @__PURE__ */ jsx4(Shield, { className: cn("h-5 w-5", totalChecks === totalPassed ? "text-[var(--code-success)]" : "text-[var(--code-number)]") }),
-      /* @__PURE__ */ jsxs4("div", { children: [
-        /* @__PURE__ */ jsxs4("div", { className: "text-sm font-semibold text-[var(--text-primary)]", children: [
-          totalPassed,
-          "/",
-          totalChecks,
-          " checks passed"
-        ] }),
-        overallScore !== void 0 && /* @__PURE__ */ jsxs4("div", { className: "text-xs text-[var(--text-muted)]", children: [
-          "Score: ",
-          overallScore,
-          "/100"
-        ] })
-      ] })
-    ] }),
-    forms.map((form) => /* @__PURE__ */ jsx4(FormAuditCard, { form }, form.formId)),
-    crossFormChecks.length > 0 && /* @__PURE__ */ jsxs4("div", { children: [
-      /* @__PURE__ */ jsx4("div", { className: "text-xs font-semibold text-[var(--text-muted)] uppercase tracking-wider mb-1", children: "Cross-Form Checks" }),
-      crossFormChecks.map((check, i) => /* @__PURE__ */ jsx4(CheckRow, { check }, i))
-    ] })
-  ] });
-}
-function FormAuditCard({ form }) {
-  const [expanded, setExpanded] = useState2(form.failed > 0);
-  const allPassed = form.failed === 0 && form.found;
-  return /* @__PURE__ */ jsxs4("div", { className: "rounded-[var(--radius-md)] border border-[var(--border-subtle)] overflow-hidden", children: [
-    /* @__PURE__ */ jsxs4(
-      "button",
-      {
-        onClick: () => setExpanded(!expanded),
-        className: "flex items-center gap-2 w-full px-3 py-2 text-left hover:bg-[var(--bg-hover)] transition-colors",
-        children: [
-          allPassed ? /* @__PURE__ */ jsx4(CheckCircle2, { className: "h-4 w-4 text-[var(--code-success)] shrink-0" }) : !form.found ? /* @__PURE__ */ jsx4(XCircle, { className: "h-4 w-4 text-[var(--code-error)] shrink-0" }) : /* @__PURE__ */ jsx4(XCircle, { className: "h-4 w-4 text-[var(--code-number)] shrink-0" }),
-          /* @__PURE__ */ jsx4("span", { className: "text-sm font-medium text-[var(--text-primary)] flex-1", children: form.formName || form.formId }),
-          /* @__PURE__ */ jsxs4("span", { className: cn("text-xs tabular-nums", allPassed ? "text-[var(--code-success)]" : "text-[var(--text-muted)]"), children: [
-            form.passed,
-            "/",
-            form.passed + form.failed
-          ] }),
-          /* @__PURE__ */ jsx4(ChevronRight, { className: cn("h-3 w-3 text-[var(--text-muted)] transition-transform", expanded && "rotate-90") })
-        ]
-      }
-    ),
-    expanded && /* @__PURE__ */ jsx4("div", { className: "border-t border-[var(--border-subtle)] px-3 py-1.5 space-y-0.5", children: form.checks.map((check, i) => /* @__PURE__ */ jsx4(CheckRow, { check }, i)) })
-  ] });
-}
-function CheckRow({ check }) {
-  return /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-2 py-1 text-xs", children: [
-    check.passed ? /* @__PURE__ */ jsx4(CheckCircle2, { className: "h-3 w-3 text-[var(--code-success)] shrink-0" }) : /* @__PURE__ */ jsx4(XCircle, { className: "h-3 w-3 text-[var(--code-error)] shrink-0" }),
-    /* @__PURE__ */ jsx4("span", { className: "text-[var(--text-secondary)] flex-1 truncate", children: check.label }),
-    /* @__PURE__ */ jsx4("span", { className: "text-[var(--text-muted)] tabular-nums shrink-0", children: check.passed ? String(check.actual ?? check.expected) : `${check.actual ?? "missing"} \u2260 ${check.expected}` })
-  ] });
-}
-
-// src/workspace/terminal-panel.tsx
-import { useRef, useEffect } from "react";
-import { Terminal as TerminalIcon, ChevronDown, ChevronUp, X as X2 } from "lucide-react";
-import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
-var LINE_COLORS = {
-  command: "text-[var(--code-function)]",
-  stdout: "text-[var(--text-secondary)]",
-  stderr: "text-[var(--code-error)]",
-  system: "text-[var(--text-muted)]"
-};
-var LINE_PREFIXES = {
-  command: "$ ",
-  stdout: "",
-  stderr: "",
-  system: "# "
-};
-function TerminalPanel({
-  lines,
-  title = "Terminal",
-  isCollapsed = false,
-  onToggle,
-  onClose,
-  maxHeight = 200,
-  className
-}) {
-  const scrollRef = useRef(null);
-  useEffect(() => {
-    if (!isCollapsed && scrollRef.current) {
-      scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
-    }
-  }, [lines, isCollapsed]);
-  return /* @__PURE__ */ jsxs5("div", { className: cn("border-t border-[var(--border-subtle)] bg-[var(--bg-card)]", className), children: [
-    /* @__PURE__ */ jsxs5(
-      "button",
-      {
-        onClick: onToggle,
-        className: "flex items-center gap-2 w-full px-3 py-1.5 text-xs text-[var(--text-muted)] hover:text-[var(--text-secondary)] transition-colors",
-        children: [
-          /* @__PURE__ */ jsx5(TerminalIcon, { className: "h-3.5 w-3.5" }),
-          /* @__PURE__ */ jsx5("span", { className: "font-medium", children: title }),
-          lines.length > 0 && /* @__PURE__ */ jsx5("span", { className: "px-1.5 py-0.5 rounded-[var(--radius-full)] bg-[var(--bg-input)] text-[10px] tabular-nums", children: lines.length }),
-          /* @__PURE__ */ jsx5("div", { className: "flex-1" }),
-          onClose && /* @__PURE__ */ jsx5(X2, { className: "h-3 w-3 hover:text-[var(--text-primary)]", onClick: (e) => {
-            e.stopPropagation();
-            onClose();
-          } }),
-          isCollapsed ? /* @__PURE__ */ jsx5(ChevronUp, { className: "h-3 w-3" }) : /* @__PURE__ */ jsx5(ChevronDown, { className: "h-3 w-3" })
-        ]
-      }
-    ),
-    !isCollapsed && /* @__PURE__ */ jsxs5(
-      "div",
-      {
-        ref: scrollRef,
-        className: "overflow-auto px-3 pb-2 font-[var(--font-mono)] text-xs leading-[1.6]",
-        style: { maxHeight },
-        children: [
-          lines.map((line) => /* @__PURE__ */ jsxs5("div", { className: cn("whitespace-pre-wrap", LINE_COLORS[line.type]), children: [
-            /* @__PURE__ */ jsx5("span", { className: "text-[var(--text-muted)] select-none", children: LINE_PREFIXES[line.type] }),
-            line.text
-          ] }, line.id)),
-          lines.length === 0 && /* @__PURE__ */ jsx5("div", { className: "text-[var(--text-muted)] py-2", children: "No output yet" })
-        ]
-      }
-    )
-  ] });
-}
-
-export {
-  WorkspaceLayout,
-  StatusBar,
-  StatusBanner,
-  AuditResults,
-  TerminalPanel
-};

package/dist/chunk-L6ZDH5F4.js

@@ -1,334 +0,0 @@
-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";
-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-purple-400";
-    case "csv":
-    case "xlsx":
-      return "text-emerald-400";
-    case "md":
-      return "text-[var(--text-secondary)]";
-    default:
-      return "text-[var(--text-muted)]";
-  }
-}
-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-[var(--brand-cool)]" : getFileColor(node.name);
-  return /* @__PURE__ */ jsxs("div", { children: [
-    /* @__PURE__ */ jsxs(
-      "button",
-      {
-        onClick: handleClick,
-        className: cn(
-          "flex items-center gap-1.5 w-full text-left px-2 py-1 rounded-[var(--radius-sm)] text-sm transition-colors",
-          "hover:bg-[var(--bg-hover)]",
-          isSelected && "bg-[var(--brand-cool)]/10 text-[var(--text-primary)]",
-          !isSelected && "text-[var(--text-secondary)]"
-        ),
-        style: { paddingLeft: `${depth * 16 + 8}px` },
-        children: [
-          isDir && /* @__PURE__ */ jsx(
-            ChevronRight,
-            {
-              className: cn(
-                "h-3 w-3 shrink-0 text-[var(--text-muted)] 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-[var(--text-muted)] 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 }) {
-  return /* @__PURE__ */ jsx("div", { className: cn("text-sm font-[var(--font-sans)]", className), children: root.children ? root.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: root,
-      depth: 0,
-      selectedPath,
-      onSelect,
-      defaultExpanded
-    }
-  ) });
-}
-
-// src/files/file-preview.tsx
-import {
-  Download,
-  X,
-  FileText as FileText2
-} from "lucide-react";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-function getPreviewType(filename, mimeType) {
-  const ext = filename.split(".").pop()?.toLowerCase() || "";
-  if (mimeType?.startsWith("application/pdf") || ext === "pdf") return "pdf";
-  if (mimeType?.startsWith("image/") || ["png", "jpg", "jpeg", "gif", "svg", "webp"].includes(ext)) return "image";
-  if (["csv"].includes(ext)) return "csv";
-  if (["xlsx", "xls"].includes(ext)) return "spreadsheet";
-  if (["py", "ts", "js", "tsx", "jsx", "sh", "bash"].includes(ext)) return "code";
-  if (["json"].includes(ext)) return "json";
-  if (["yaml", "yml"].includes(ext)) return "yaml";
-  if (["md", "markdown"].includes(ext)) return "markdown";
-  if (["txt", "log", "text"].includes(ext)) return "text";
-  return "unknown";
-}
-function CodePreview({ content, filename }) {
-  const lines = content.split("\n");
-  return /* @__PURE__ */ jsxs2("div", { className: "relative bg-[var(--bg-input)] rounded-[var(--radius-md)] border border-[var(--border-subtle)] overflow-hidden", children: [
-    /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2 px-4 py-2.5 border-b border-[var(--border-subtle)]", children: [
-      /* @__PURE__ */ jsxs2("div", { className: "flex gap-1.5", children: [
-        /* @__PURE__ */ jsx2("div", { className: "w-3 h-3 rounded-full bg-[#FF5F57]" }),
-        /* @__PURE__ */ jsx2("div", { className: "w-3 h-3 rounded-full bg-[#FEBC2E]" }),
-        /* @__PURE__ */ jsx2("div", { className: "w-3 h-3 rounded-full bg-[#8E59FF]" })
-      ] }),
-      /* @__PURE__ */ jsx2("span", { className: "text-xs text-[var(--text-muted)] font-[var(--font-mono)] ml-2", children: filename })
-    ] }),
-    /* @__PURE__ */ jsx2("div", { className: "overflow-auto max-h-[70vh]", children: /* @__PURE__ */ jsx2("table", { className: "w-full", children: /* @__PURE__ */ jsx2("tbody", { children: lines.map((line, i) => /* @__PURE__ */ jsxs2("tr", { className: "hover:bg-[var(--bg-hover)]/50", children: [
-      /* @__PURE__ */ jsx2("td", { className: "text-right pr-4 pl-4 py-0 select-none text-[var(--text-muted)] text-xs font-[var(--font-mono)] w-10 align-top leading-[1.55]", children: i + 1 }),
-      /* @__PURE__ */ jsx2("td", { className: "pr-4 py-0 font-[var(--font-mono)] text-[13px] text-[var(--text-secondary)] leading-[1.55] whitespace-pre", children: line || " " })
-    ] }, i)) }) }) })
-  ] });
-}
-function CsvPreview({ content }) {
-  const lines = content.trim().split("\n");
-  if (lines.length === 0) return null;
-  const headers = lines[0].split(",").map((h) => h.trim().replace(/^"|"$/g, ""));
-  const rows = lines.slice(1).map(
-    (line) => line.split(",").map((cell) => cell.trim().replace(/^"|"$/g, ""))
-  );
-  return /* @__PURE__ */ jsx2("div", { className: "overflow-auto max-h-[70vh] rounded-[var(--radius-md)] border border-[var(--border-subtle)]", children: /* @__PURE__ */ jsxs2("table", { className: "w-full text-sm", children: [
-    /* @__PURE__ */ jsx2("thead", { children: /* @__PURE__ */ jsx2("tr", { className: "bg-[var(--bg-elevated)] sticky top-0", children: headers.map((h, i) => /* @__PURE__ */ jsx2(
-      "th",
-      {
-        className: "px-3 py-2 text-left text-xs font-semibold text-[var(--text-secondary)] border-b border-[var(--border-subtle)] whitespace-nowrap",
-        children: h
-      },
-      i
-    )) }) }),
-    /* @__PURE__ */ jsx2("tbody", { children: rows.map((row, i) => /* @__PURE__ */ jsx2("tr", { className: "border-b border-[var(--border-subtle)] hover:bg-[var(--bg-hover)]/50", children: row.map((cell, j) => /* @__PURE__ */ jsx2(
-      "td",
-      {
-        className: "px-3 py-1.5 text-[var(--text-secondary)] font-[var(--font-mono)] text-xs whitespace-nowrap",
-        children: cell
-      },
-      j
-    )) }, i)) })
-  ] }) });
-}
-function ImagePreview({ src, filename }) {
-  return /* @__PURE__ */ jsx2("div", { className: "flex items-center justify-center p-4 bg-[var(--bg-input)] rounded-[var(--radius-md)] border border-[var(--border-subtle)]", children: /* @__PURE__ */ jsx2("img", { src, alt: filename, className: "max-w-full max-h-[70vh] object-contain rounded" }) });
-}
-function PdfPreview({ blobUrl, filename }) {
-  return /* @__PURE__ */ jsx2("div", { className: "rounded-[var(--radius-md)] border border-[var(--border-subtle)] overflow-hidden bg-[var(--bg-input)]", children: /* @__PURE__ */ jsx2(
-    "iframe",
-    {
-      src: blobUrl,
-      title: filename,
-      className: "w-full h-[70vh] border-0"
-    }
-  ) });
-}
-function TextPreview({ content }) {
-  return /* @__PURE__ */ jsx2("pre", { className: "bg-[var(--bg-input)] rounded-[var(--radius-md)] border border-[var(--border-subtle)] p-4 overflow-auto max-h-[70vh] text-sm text-[var(--text-secondary)] font-[var(--font-mono)] leading-[1.55]", children: content });
-}
-function EmptyPreview({ filename }) {
-  return /* @__PURE__ */ jsxs2("div", { className: "flex flex-col items-center justify-center py-16 text-[var(--text-muted)]", children: [
-    /* @__PURE__ */ jsx2(FileText2, { className: "h-12 w-12 mb-3 opacity-30" }),
-    /* @__PURE__ */ jsxs2("p", { className: "text-sm", children: [
-      "Cannot preview ",
-      filename
-    ] }),
-    /* @__PURE__ */ jsx2("p", { className: "text-xs mt-1", children: "Download to view this file" })
-  ] });
-}
-function FilePreview({
-  filename,
-  content,
-  blobUrl,
-  mimeType,
-  onClose,
-  onDownload,
-  className
-}) {
-  const previewType = getPreviewType(filename, mimeType);
-  return /* @__PURE__ */ jsxs2("div", { className: cn("flex flex-col h-full", className), children: [
-    /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2 px-3 py-2 border-b border-[var(--border-subtle)] shrink-0", children: [
-      /* @__PURE__ */ jsx2("span", { className: "text-sm font-medium text-[var(--text-primary)] truncate flex-1", children: filename }),
-      onDownload && /* @__PURE__ */ jsx2(
-        "button",
-        {
-          onClick: onDownload,
-          className: "p-1.5 rounded-[var(--radius-sm)] hover:bg-[var(--bg-hover)] text-[var(--text-muted)] hover:text-[var(--text-secondary)] transition-colors",
-          children: /* @__PURE__ */ jsx2(Download, { className: "h-4 w-4" })
-        }
-      ),
-      onClose && /* @__PURE__ */ jsx2(
-        "button",
-        {
-          onClick: onClose,
-          className: "p-1.5 rounded-[var(--radius-sm)] hover:bg-[var(--bg-hover)] text-[var(--text-muted)] hover:text-[var(--text-secondary)] transition-colors",
-          children: /* @__PURE__ */ jsx2(X, { className: "h-4 w-4" })
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs2("div", { className: "flex-1 overflow-auto p-3", children: [
-      previewType === "pdf" && blobUrl && /* @__PURE__ */ jsx2(PdfPreview, { blobUrl, filename }),
-      previewType === "image" && (blobUrl || content) && /* @__PURE__ */ jsx2(ImagePreview, { src: blobUrl || `data:image/*;base64,${content}`, filename }),
-      previewType === "csv" && content && /* @__PURE__ */ jsx2(CsvPreview, { content }),
-      (previewType === "code" || previewType === "json" || previewType === "yaml") && content && /* @__PURE__ */ jsx2(CodePreview, { content, filename }),
-      previewType === "text" && content && /* @__PURE__ */ jsx2(TextPreview, { content }),
-      previewType === "markdown" && content && /* @__PURE__ */ jsx2(TextPreview, { content }),
-      previewType === "unknown" && /* @__PURE__ */ jsx2(EmptyPreview, { filename }),
-      !content && !blobUrl && /* @__PURE__ */ jsx2(EmptyPreview, { filename })
-    ] })
-  ] });
-}
-
-// src/files/file-tabs.tsx
-import { X as X2, FileText as FileText3, FileCode as FileCode2, FileSpreadsheet as FileSpreadsheet2 } from "lucide-react";
-import { jsx as jsx3, 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 FileSpreadsheet2;
-  return FileCode2;
-}
-function FileTabs({ tabs, activeId, onSelect, onClose, className }) {
-  if (tabs.length === 0) return null;
-  return /* @__PURE__ */ jsx3("div", { className: cn("flex items-center border-b border-[var(--border-subtle)] bg-[var(--bg-dark)] overflow-x-auto", className), children: tabs.map((tab) => {
-    const isActive = tab.id === activeId;
-    const Icon = getTabIcon(tab.name);
-    return /* @__PURE__ */ jsxs3(
-      "button",
-      {
-        onClick: () => onSelect(tab.id),
-        className: cn(
-          "group flex items-center gap-1.5 px-3 py-1.5 text-xs border-r border-[var(--border-subtle)] shrink-0 transition-colors",
-          isActive ? "bg-[var(--bg-card)] text-[var(--text-primary)] border-b-2 border-b-[var(--brand-cool)]" : "text-[var(--text-muted)] hover:text-[var(--text-secondary)] hover:bg-[var(--bg-elevated)]"
-        ),
-        children: [
-          /* @__PURE__ */ jsx3(Icon, { className: "h-3 w-3 shrink-0" }),
-          /* @__PURE__ */ jsx3("span", { className: "truncate max-w-[120px]", children: tab.name }),
-          tab.dirty && /* @__PURE__ */ jsx3("span", { className: "w-1.5 h-1.5 rounded-full bg-[var(--brand-cool)]" }),
-          /* @__PURE__ */ jsx3(
-            "span",
-            {
-              onClick: (e) => {
-                e.stopPropagation();
-                onClose(tab.id);
-              },
-              className: "p-0.5 rounded hover:bg-[var(--bg-hover)] opacity-0 group-hover:opacity-100 transition-opacity",
-              children: /* @__PURE__ */ jsx3(X2, { className: "h-2.5 w-2.5" })
-            }
-          )
-        ]
-      },
-      tab.id
-    );
-  }) });
-}
-
-export {
-  FileTree,
-  FilePreview,
-  FileTabs
-};