@adoptai/genui-components 0.1.32

package/dist/composites/download-card/resolver.js

@@ -0,0 +1,1804 @@
+"use client";
+import React10, { lazy, createContext, useState, useCallback, useEffect, useRef, useContext, Suspense } from 'react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { Document, Page, pdfjs } from 'react-pdf';
+import 'react-pdf/dist/Page/AnnotationLayer.css';
+import 'react-pdf/dist/Page/TextLayer.css';
+import * as XLSX from 'xlsx';
+import Papa from 'papaparse';
+import * as mammoth from 'mammoth';
+import { toPng } from 'html-to-image';
+import { createPortal } from 'react-dom';
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __esm = (fn, res) => function __init() {
+  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+
+// src/shared/theme.ts
+var BORDER, MUTED, PAPER, ACCENT, ACCENT_SOFT, SECONDARY, CHART_PALETTE;
+var init_theme = __esm({
+  "src/shared/theme.ts"() {
+    BORDER = "#dedede";
+    MUTED = "#777777";
+    PAPER = "#f6f6f6";
+    ACCENT = "#ff5000";
+    ACCENT_SOFT = "#cc4000";
+    SECONDARY = "#0364ff";
+    CHART_PALETTE = [
+      "#ff5000",
+      "#0364ff",
+      "#16a34a",
+      "#dc2626",
+      "#7c3aed",
+      "#0891b2",
+      "#f59e0b",
+      "#6366f1",
+      "#ec4899",
+      "#84cc16",
+      "#e11d48",
+      "#0ea5e9"
+    ];
+  }
+});
+function useTheme() {
+  return useContext(GenUIThemeContext);
+}
+var DEFAULT_TOKENS, GenUIThemeContext;
+var init_ThemeContext = __esm({
+  "src/shared/ThemeContext.tsx"() {
+    "use client";
+    init_theme();
+    DEFAULT_TOKENS = {
+      BORDER,
+      MUTED,
+      PAPER,
+      ACCENT,
+      ACCENT_SOFT,
+      SECONDARY,
+      CHART_PALETTE: [...CHART_PALETTE]
+    };
+    GenUIThemeContext = createContext(DEFAULT_TOKENS);
+  }
+});
+function renderInline(text) {
+  const parts = [];
+  let rest = text;
+  let k = 0;
+  const nextIndex = (needle) => {
+    const idx = rest.indexOf(needle);
+    return idx >= 0 ? idx : Infinity;
+  };
+  while (rest.length > 0) {
+    const boldIdx = nextIndex("**");
+    const codeIdx = nextIndex("`");
+    const linkIdx = nextIndex("[");
+    let italicIdx = rest.indexOf("*");
+    if (italicIdx === boldIdx) italicIdx = rest.indexOf("*", italicIdx + 2);
+    const italicIdxN = italicIdx >= 0 ? italicIdx : Infinity;
+    const nextSpecial = Math.min(boldIdx, codeIdx, linkIdx, italicIdxN);
+    if (nextSpecial === Infinity) {
+      parts.push(/* @__PURE__ */ jsx("span", { children: rest }, k++));
+      break;
+    }
+    if (nextSpecial > 0) {
+      parts.push(/* @__PURE__ */ jsx("span", { children: rest.slice(0, nextSpecial) }, k++));
+      rest = rest.slice(nextSpecial);
+    }
+    if (rest.startsWith("**")) {
+      const end = rest.indexOf("**", 2);
+      if (end > 2) {
+        parts.push(
+          /* @__PURE__ */ jsx("strong", { style: { fontWeight: 600, color: "var(--foreground)" }, children: renderInline(rest.slice(2, end)) }, k++)
+        );
+        rest = rest.slice(end + 2);
+        continue;
+      }
+    }
+    if (rest.startsWith("`")) {
+      const end = rest.indexOf("`", 1);
+      if (end > 1) {
+        parts.push(
+          /* @__PURE__ */ jsx(
+            "code",
+            {
+              style: {
+                fontSize: "0.9em",
+                padding: "1px 5px",
+                borderRadius: "4px",
+                background: "#f0f0f0",
+                fontFamily: "monospace",
+                color: ACCENT
+              },
+              children: rest.slice(1, end)
+            },
+            k++
+          )
+        );
+        rest = rest.slice(end + 1);
+        continue;
+      }
+    }
+    if (rest.startsWith("[")) {
+      const closeText = rest.indexOf("]");
+      if (closeText > 0 && rest[closeText + 1] === "(") {
+        const closeUrl = rest.indexOf(")", closeText + 2);
+        if (closeUrl > closeText + 1) {
+          const label = rest.slice(1, closeText);
+          const url = rest.slice(closeText + 2, closeUrl);
+          parts.push(
+            /* @__PURE__ */ jsx(
+              "a",
+              {
+                href: url,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                style: { color: SECONDARY, textDecoration: "none" },
+                children: renderInline(label)
+              },
+              k++
+            )
+          );
+          rest = rest.slice(closeUrl + 1);
+          continue;
+        }
+      }
+    }
+    if (rest.startsWith("*")) {
+      const end = rest.indexOf("*", 1);
+      if (end > 1) {
+        parts.push(
+          /* @__PURE__ */ jsx("em", { style: { fontStyle: "italic" }, children: renderInline(rest.slice(1, end)) }, k++)
+        );
+        rest = rest.slice(end + 1);
+        continue;
+      }
+    }
+    parts.push(/* @__PURE__ */ jsx("span", { children: rest[0] }, k++));
+    rest = rest.slice(1);
+  }
+  return parts;
+}
+function MarkdownBlock({ content }) {
+  var _a;
+  const lines = content.split("\n");
+  const elements = [];
+  let key = 0;
+  let i = 0;
+  while (i < lines.length) {
+    const trimmed = lines[i].trim();
+    if (!trimmed) {
+      i++;
+      continue;
+    }
+    const headingMatch = trimmed.match(/^(#{1,4})\s+(.+)/);
+    if (headingMatch) {
+      const level = headingMatch[1].length;
+      const cfg = {
+        1: { size: "15px", weight: 600, serif: true, mt: "0" },
+        2: { size: "14px", weight: 600, serif: true, mt: "14px" },
+        3: { size: "12px", weight: 600, serif: false, mt: "12px" },
+        4: { size: "11px", weight: 600, serif: false, mt: "10px" }
+      };
+      const s = (_a = cfg[level]) != null ? _a : cfg[3];
+      elements.push(
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              fontSize: s.size,
+              fontWeight: s.weight,
+              fontFamily: s.serif ? "var(--font-serif)" : "var(--font-sans)",
+              color: "var(--foreground)",
+              letterSpacing: s.serif ? "-0.005em" : "0",
+              marginTop: s.mt,
+              marginBottom: "6px",
+              lineHeight: 1.3
+            },
+            children: renderInline(headingMatch[2])
+          },
+          key++
+        )
+      );
+      i++;
+      continue;
+    }
+    if (trimmed.startsWith("- ") || trimmed.startsWith("* ")) {
+      const items = [];
+      while (i < lines.length) {
+        const li = lines[i].trim();
+        if (!li.startsWith("- ") && !li.startsWith("* ")) break;
+        items.push(li.slice(2));
+        i++;
+      }
+      elements.push(
+        /* @__PURE__ */ jsx("div", { style: { margin: "4px 0 8px 0", paddingLeft: "4px" }, children: items.map((text, idx) => /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              display: "flex",
+              gap: "8px",
+              marginBottom: "5px",
+              alignItems: "baseline"
+            },
+            children: [
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  style: {
+                    width: "4px",
+                    height: "4px",
+                    borderRadius: "9999px",
+                    background: ACCENT,
+                    opacity: 0.5,
+                    flexShrink: 0,
+                    marginTop: "7px"
+                  }
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { style: { flex: 1 }, children: renderInline(text) })
+            ]
+          },
+          idx
+        )) }, key++)
+      );
+      continue;
+    }
+    const numMatch = trimmed.match(/^(\d+)\.\s+(.+)/);
+    if (numMatch) {
+      const items = [];
+      while (i < lines.length) {
+        const li = lines[i].trim();
+        const m = li.match(/^(\d+)\.\s+(.+)/);
+        if (!m) break;
+        items.push({ num: m[1], text: m[2] });
+        i++;
+      }
+      elements.push(
+        /* @__PURE__ */ jsx("div", { style: { margin: "4px 0 8px 0", paddingLeft: "4px" }, children: items.map((item, idx) => /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              display: "flex",
+              gap: "8px",
+              marginBottom: "6px",
+              alignItems: "baseline"
+            },
+            children: [
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  style: {
+                    fontSize: "10px",
+                    fontWeight: 700,
+                    color: ACCENT,
+                    opacity: 0.7,
+                    minWidth: "14px",
+                    textAlign: "right",
+                    fontVariantNumeric: "tabular-nums",
+                    flexShrink: 0
+                  },
+                  children: item.num
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { style: { flex: 1 }, children: renderInline(item.text) })
+            ]
+          },
+          idx
+        )) }, key++)
+      );
+      continue;
+    }
+    elements.push(
+      /* @__PURE__ */ jsx("p", { style: { margin: "0 0 8px 0", lineHeight: 1.65 }, children: renderInline(trimmed) }, key++)
+    );
+    i++;
+  }
+  return /* @__PURE__ */ jsx(Fragment, { children: elements });
+}
+function Markdown({
+  content,
+  inline = false
+}) {
+  if (!content) return null;
+  if (inline) {
+    return /* @__PURE__ */ jsx("span", { style: { whiteSpace: "pre-wrap" }, children: renderInline(content) });
+  }
+  return /* @__PURE__ */ jsx(MarkdownBlock, { content });
+}
+var init_Markdown = __esm({
+  "src/shared/Markdown.tsx"() {
+    "use client";
+    init_theme();
+  }
+});
+
+// src/composites/document-preview/PdfViewer.tsx
+var PdfViewer_exports = {};
+__export(PdfViewer_exports, {
+  PdfViewer: () => PdfViewer
+});
+function PdfViewer({ url, base64, onLoadSuccess }) {
+  const [numPages, setNumPages] = useState(0);
+  const [currentPage, setCurrentPage] = useState(1);
+  const [loading, setLoading] = useState(true);
+  const handleLoad = useCallback(({ numPages: n }) => {
+    setNumPages(n);
+    setLoading(false);
+    onLoadSuccess == null ? void 0 : onLoadSuccess(n);
+  }, [onLoadSuccess]);
+  useEffect(() => {
+    if (numPages <= 1) return;
+    const handler = (e) => {
+      var _a;
+      const tag = (_a = e.target) == null ? void 0 : _a.tagName;
+      if (tag === "INPUT" || tag === "TEXTAREA") return;
+      if (e.key === "ArrowLeft" || e.key === "ArrowUp") {
+        e.preventDefault();
+        setCurrentPage((p) => Math.max(1, p - 1));
+      } else if (e.key === "ArrowRight" || e.key === "ArrowDown") {
+        e.preventDefault();
+        setCurrentPage((p) => Math.min(numPages, p + 1));
+      }
+    };
+    window.addEventListener("keydown", handler);
+    return () => window.removeEventListener("keydown", handler);
+  }, [numPages]);
+  return /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", gap: "0" }, children: [
+    numPages > 1 && /* @__PURE__ */ jsxs("div", { style: {
+      display: "flex",
+      alignItems: "center",
+      gap: "8px",
+      padding: "8px 14px",
+      background: "white",
+      width: "100%",
+      justifyContent: "center",
+      borderBottom: `1px solid ${BORDER}`
+    }, children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: () => setCurrentPage((p) => Math.max(1, p - 1)),
+          disabled: currentPage === 1,
+          style: {
+            border: `1px solid ${BORDER}`,
+            borderRadius: "4px",
+            padding: "2px 8px",
+            background: "white",
+            cursor: "pointer",
+            fontSize: "12px",
+            color: currentPage === 1 ? BORDER : MUTED
+          },
+          children: "\u2190"
+        }
+      ),
+      /* @__PURE__ */ jsxs("span", { style: { fontSize: "12px", color: MUTED }, children: [
+        currentPage,
+        " / ",
+        numPages
+      ] }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: () => setCurrentPage((p) => Math.min(numPages, p + 1)),
+          disabled: currentPage === numPages,
+          style: {
+            border: `1px solid ${BORDER}`,
+            borderRadius: "4px",
+            padding: "2px 8px",
+            background: "white",
+            cursor: "pointer",
+            fontSize: "12px",
+            color: currentPage === numPages ? BORDER : MUTED
+          },
+          children: "\u2192"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { style: { overflow: "auto", width: "100%", display: "flex", justifyContent: "center", padding: "16px" }, children: [
+      loading && /* @__PURE__ */ jsx("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", height: "200px", color: MUTED, fontSize: "13px" }, children: "Loading PDF..." }),
+      /* @__PURE__ */ jsx(Document, { file: base64 ? `data:application/pdf;base64,${base64}` : url, onLoadSuccess: handleLoad, loading: "", children: /* @__PURE__ */ jsx(
+        Page,
+        {
+          pageNumber: currentPage,
+          width: 540,
+          renderTextLayer: true,
+          renderAnnotationLayer: true
+        }
+      ) })
+    ] })
+  ] });
+}
+var init_PdfViewer = __esm({
+  "src/composites/document-preview/PdfViewer.tsx"() {
+    "use client";
+    init_theme();
+    pdfjs.GlobalWorkerOptions.workerSrc = `https://unpkg.com/pdfjs-dist@${pdfjs.version}/build/pdf.worker.min.mjs`;
+  }
+});
+
+// src/composites/document-preview/ExcelViewer.tsx
+var ExcelViewer_exports = {};
+__export(ExcelViewer_exports, {
+  ExcelViewer: () => ExcelViewer
+});
+function ExcelViewer({ url, base64, onLoadSuccess }) {
+  const [sheetNames, setSheetNames] = useState([]);
+  const [activeSheet, setActiveSheet] = useState(0);
+  const [data, setData] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const wbRef = useRef(null);
+  useEffect(() => {
+    let cancelled = false;
+    setLoading(true);
+    setError(null);
+    const loadFromBuffer = (buf) => {
+      if (cancelled) return;
+      const wb = XLSX.read(buf, { type: "array" });
+      wbRef.current = wb;
+      setSheetNames(wb.SheetNames);
+      onLoadSuccess == null ? void 0 : onLoadSuccess(wb.SheetNames);
+      const rows = XLSX.utils.sheet_to_json(wb.Sheets[wb.SheetNames[0]], { header: 1 });
+      setData(rows);
+      setActiveSheet(0);
+      setLoading(false);
+    };
+    if (base64) {
+      try {
+        const binary = atob(base64);
+        const bytes = new Uint8Array(binary.length);
+        for (let i = 0; i < binary.length; i++) bytes[i] = binary.charCodeAt(i);
+        loadFromBuffer(bytes.buffer);
+      } catch (e) {
+        if (!cancelled) {
+          setError(e instanceof Error ? e.message : "Failed to decode base64");
+          setLoading(false);
+        }
+      }
+      return () => {
+        cancelled = true;
+      };
+    }
+    if (!url) {
+      setError("No file source provided");
+      setLoading(false);
+      return () => {
+        cancelled = true;
+      };
+    }
+    fetch(url).then((r) => {
+      if (!r.ok) throw new Error(`Failed to fetch: ${r.status}`);
+      return r.arrayBuffer();
+    }).then((buf) => {
+      loadFromBuffer(buf);
+    }).catch((e) => {
+      if (cancelled) return;
+      setError(e.message);
+      setLoading(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [url, base64, onLoadSuccess]);
+  const switchSheet = (idx) => {
+    if (!wbRef.current) return;
+    setActiveSheet(idx);
+    const rows = XLSX.utils.sheet_to_json(wbRef.current.Sheets[wbRef.current.SheetNames[idx]], { header: 1 });
+    setData(rows);
+  };
+  useEffect(() => {
+    if (sheetNames.length <= 1) return;
+    const handler = (e) => {
+      var _a;
+      const tag = (_a = e.target) == null ? void 0 : _a.tagName;
+      if (tag === "INPUT" || tag === "TEXTAREA") return;
+      if (e.key === "ArrowLeft") {
+        e.preventDefault();
+        setActiveSheet((prev) => {
+          const next = Math.max(0, prev - 1);
+          if (next !== prev && wbRef.current) {
+            const rows = XLSX.utils.sheet_to_json(wbRef.current.Sheets[wbRef.current.SheetNames[next]], { header: 1 });
+            setData(rows);
+          }
+          return next;
+        });
+      } else if (e.key === "ArrowRight") {
+        e.preventDefault();
+        setActiveSheet((prev) => {
+          const next = Math.min(sheetNames.length - 1, prev + 1);
+          if (next !== prev && wbRef.current) {
+            const rows = XLSX.utils.sheet_to_json(wbRef.current.Sheets[wbRef.current.SheetNames[next]], { header: 1 });
+            setData(rows);
+          }
+          return next;
+        });
+      }
+    };
+    window.addEventListener("keydown", handler);
+    return () => window.removeEventListener("keydown", handler);
+  }, [sheetNames.length]);
+  if (loading) {
+    return /* @__PURE__ */ jsx("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", height: "200px", color: MUTED, fontSize: "13px" }, children: "Loading spreadsheet..." });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsx("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", height: "120px", color: "#dc2626", fontSize: "13px" }, children: error });
+  }
+  return /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column" }, children: [
+    sheetNames.length > 1 && /* @__PURE__ */ jsx("div", { style: { display: "flex", gap: "0", overflowX: "auto", borderBottom: `1px solid ${BORDER}` }, children: sheetNames.map((name, i) => /* @__PURE__ */ jsx(
+      "button",
+      {
+        onClick: () => switchSheet(i),
+        style: {
+          padding: "6px 14px",
+          border: "none",
+          cursor: "pointer",
+          fontSize: "12px",
+          fontWeight: 600,
+          background: i === activeSheet ? "white" : PAPER,
+          color: i === activeSheet ? TERRACOTTA : MUTED,
+          borderBottom: i === activeSheet ? `2px solid ${TERRACOTTA}` : "2px solid transparent",
+          whiteSpace: "nowrap"
+        },
+        children: name
+      },
+      name
+    )) }),
+    /* @__PURE__ */ jsx("div", { style: { overflow: "auto", maxHeight: "500px" }, children: /* @__PURE__ */ jsx("table", { style: { width: "100%", borderCollapse: "collapse", fontSize: "12px" }, children: /* @__PURE__ */ jsx("tbody", { children: data.map((row, ri) => /* @__PURE__ */ jsx("tr", { children: row.map((cell, ci) => {
+      var _a, _b;
+      const isHeader = ri === 0 || ri === 2 && ((_a = data[0]) == null ? void 0 : _a[0]) && !((_b = data[1]) == null ? void 0 : _b[0]);
+      const Tag = isHeader ? "th" : "td";
+      return /* @__PURE__ */ jsx(
+        Tag,
+        {
+          style: {
+            padding: "6px 10px",
+            borderBottom: `1px solid ${BORDER}`,
+            textAlign: typeof cell === "number" ? "right" : "left",
+            fontWeight: isHeader ? 600 : 400,
+            color: isHeader ? "var(--foreground)" : MUTED,
+            background: isHeader ? PAPER : "white",
+            whiteSpace: "nowrap",
+            fontFamily: typeof cell === "number" ? "var(--font-mono, monospace)" : "var(--font-sans)"
+          },
+          children: cell != null ? String(cell) : ""
+        },
+        ci
+      );
+    }) }, ri)) }) }) })
+  ] });
+}
+var TERRACOTTA;
+var init_ExcelViewer = __esm({
+  "src/composites/document-preview/ExcelViewer.tsx"() {
+    "use client";
+    init_theme();
+    TERRACOTTA = ACCENT;
+  }
+});
+
+// src/shared/viewers/decode.ts
+async function blobToBase64(blob) {
+  const buf = await blob.arrayBuffer();
+  const bytes = new Uint8Array(buf);
+  let binary = "";
+  const chunk = 32768;
+  for (let i = 0; i < bytes.length; i += chunk) {
+    binary += String.fromCharCode(...bytes.subarray(i, i + chunk));
+  }
+  return btoa(binary);
+}
+function base64ToText(base64) {
+  const binary = atob(base64);
+  const bytes = new Uint8Array(binary.length);
+  for (let i = 0; i < binary.length; i++) bytes[i] = binary.charCodeAt(i);
+  return new TextDecoder("utf-8").decode(bytes);
+}
+function base64ToArrayBuffer(base64) {
+  const binary = atob(base64);
+  const bytes = new Uint8Array(binary.length);
+  for (let i = 0; i < binary.length; i++) bytes[i] = binary.charCodeAt(i);
+  return bytes.buffer;
+}
+var init_decode = __esm({
+  "src/shared/viewers/decode.ts"() {
+  }
+});
+
+// src/shared/viewers/CsvViewer.tsx
+var CsvViewer_exports = {};
+__export(CsvViewer_exports, {
+  CsvViewer: () => CsvViewer
+});
+function CsvViewer({ url, base64, delimiter, maxRows }) {
+  const { BORDER: BORDER2, MUTED: MUTED2, PAPER: PAPER2 } = useTheme();
+  const [rows, setRows] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  useEffect(() => {
+    let cancelled = false;
+    setLoading(true);
+    setError(null);
+    const parse = (text) => {
+      if (cancelled) return;
+      const out = Papa.parse(text, {
+        delimiter: delimiter || "",
+        skipEmptyLines: true
+      });
+      setRows(out.data || []);
+      setLoading(false);
+    };
+    if (base64) {
+      try {
+        parse(base64ToText(base64));
+      } catch (e) {
+        if (!cancelled) {
+          setError(e instanceof Error ? e.message : "Failed to decode CSV");
+          setLoading(false);
+        }
+      }
+      return () => {
+        cancelled = true;
+      };
+    }
+    if (!url) {
+      setError("No file source provided");
+      setLoading(false);
+      return () => {
+        cancelled = true;
+      };
+    }
+    fetch(url).then((r) => {
+      if (!r.ok) throw new Error(`Failed to fetch: ${r.status}`);
+      return r.text();
+    }).then(parse).catch((e) => {
+      if (cancelled) return;
+      setError(e.message);
+      setLoading(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [url, base64, delimiter]);
+  if (loading) {
+    return /* @__PURE__ */ jsx("div", { style: { padding: "24px", color: MUTED2, fontSize: "13px", textAlign: "center" }, children: "Loading CSV\u2026" });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsx("div", { style: { padding: "24px", color: "#dc2626", fontSize: "13px", textAlign: "center" }, children: error });
+  }
+  if (!rows.length) {
+    return /* @__PURE__ */ jsx("div", { style: { padding: "24px", color: MUTED2, fontSize: "13px", textAlign: "center" }, children: "Empty file" });
+  }
+  const [header, ...body] = rows;
+  const shown = maxRows != null ? body.slice(0, maxRows) : body;
+  const isNum = (v) => v !== "" && !isNaN(Number(v));
+  return /* @__PURE__ */ jsxs("div", { style: { overflow: "auto", width: "100%" }, children: [
+    /* @__PURE__ */ jsxs("table", { style: { borderCollapse: "collapse", width: "100%", fontSize: "12px" }, children: [
+      /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { children: header.map((h, i) => /* @__PURE__ */ jsx(
+        "th",
+        {
+          style: {
+            position: "sticky",
+            top: 0,
+            textAlign: "left",
+            padding: "6px 10px",
+            background: PAPER2,
+            color: "var(--foreground)",
+            fontWeight: 600,
+            borderBottom: `1px solid ${BORDER2}`,
+            whiteSpace: "nowrap"
+          },
+          children: h
+        },
+        i
+      )) }) }),
+      /* @__PURE__ */ jsx("tbody", { children: shown.map((row, ri) => /* @__PURE__ */ jsx("tr", { children: header.map((_, ci) => {
+        var _a;
+        const cell = (_a = row[ci]) != null ? _a : "";
+        return /* @__PURE__ */ jsx(
+          "td",
+          {
+            style: {
+              padding: "5px 10px",
+              borderBottom: `1px solid ${BORDER2}`,
+              color: MUTED2,
+              textAlign: isNum(cell) ? "right" : "left",
+              fontVariantNumeric: isNum(cell) ? "tabular-nums" : "normal",
+              whiteSpace: "nowrap"
+            },
+            children: cell
+          },
+          ci
+        );
+      }) }, ri)) })
+    ] }),
+    maxRows != null && body.length > maxRows && /* @__PURE__ */ jsxs("div", { style: { padding: "6px 10px", fontSize: "11px", color: MUTED2 }, children: [
+      "+",
+      body.length - maxRows,
+      " more rows"
+    ] })
+  ] });
+}
+var init_CsvViewer = __esm({
+  "src/shared/viewers/CsvViewer.tsx"() {
+    "use client";
+    init_ThemeContext();
+    init_decode();
+  }
+});
+
+// src/shared/viewers/TextViewer.tsx
+var TextViewer_exports = {};
+__export(TextViewer_exports, {
+  TextViewer: () => TextViewer
+});
+function TextViewer({ url, base64, markdown = false, maxLines }) {
+  const { MUTED: MUTED2 } = useTheme();
+  const [text, setText] = useState("");
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  useEffect(() => {
+    let cancelled = false;
+    setLoading(true);
+    setError(null);
+    if (base64) {
+      try {
+        if (!cancelled) {
+          setText(base64ToText(base64));
+          setLoading(false);
+        }
+      } catch (e) {
+        if (!cancelled) {
+          setError(e instanceof Error ? e.message : "Failed to decode text");
+          setLoading(false);
+        }
+      }
+      return () => {
+        cancelled = true;
+      };
+    }
+    if (!url) {
+      setError("No file source provided");
+      setLoading(false);
+      return () => {
+        cancelled = true;
+      };
+    }
+    fetch(url).then((r) => {
+      if (!r.ok) throw new Error(`Failed to fetch: ${r.status}`);
+      return r.text();
+    }).then((t) => {
+      if (cancelled) return;
+      setText(t);
+      setLoading(false);
+    }).catch((e) => {
+      if (cancelled) return;
+      setError(e.message);
+      setLoading(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [url, base64]);
+  if (loading) {
+    return /* @__PURE__ */ jsx("div", { style: { padding: "24px", color: MUTED2, fontSize: "13px", textAlign: "center" }, children: "Loading\u2026" });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsx("div", { style: { padding: "24px", color: "#dc2626", fontSize: "13px", textAlign: "center" }, children: error });
+  }
+  const shown = maxLines != null ? text.split("\n").slice(0, maxLines).join("\n") : text;
+  const clipped = maxLines != null && text.split("\n").length > maxLines;
+  if (markdown) {
+    return /* @__PURE__ */ jsxs("div", { style: { padding: "14px 16px", fontSize: "13px", lineHeight: 1.6 }, children: [
+      /* @__PURE__ */ jsx(Markdown, { content: shown }),
+      clipped && /* @__PURE__ */ jsx("div", { style: { color: MUTED2, fontSize: "11px", marginTop: "6px" }, children: "\u2026" })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(
+    "pre",
+    {
+      style: {
+        margin: 0,
+        padding: "14px 16px",
+        fontSize: "12px",
+        lineHeight: 1.5,
+        fontFamily: "ui-monospace, SFMono-Regular, Menlo, monospace",
+        color: "var(--foreground)",
+        whiteSpace: "pre",
+        overflow: "auto",
+        width: "100%",
+        boxSizing: "border-box"
+      },
+      children: [
+        shown,
+        clipped ? "\n\u2026" : ""
+      ]
+    }
+  );
+}
+var init_TextViewer = __esm({
+  "src/shared/viewers/TextViewer.tsx"() {
+    "use client";
+    init_ThemeContext();
+    init_Markdown();
+    init_decode();
+  }
+});
+
+// src/shared/viewers/DocxViewer.tsx
+var DocxViewer_exports = {};
+__export(DocxViewer_exports, {
+  DocxViewer: () => DocxViewer
+});
+function sanitize(html) {
+  return html.replace(/<\s*(script|style|iframe|object|embed)[\s\S]*?<\/\s*\1\s*>/gi, "").replace(/\son\w+\s*=\s*("[^"]*"|'[^']*'|[^\s>]+)/gi, "").replace(/javascript:/gi, "");
+}
+function DocxViewer({ url, base64 }) {
+  const { MUTED: MUTED2, BORDER: BORDER2 } = useTheme();
+  const [html, setHtml] = useState("");
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  useEffect(() => {
+    let cancelled = false;
+    setLoading(true);
+    setError(null);
+    const convert = (arrayBuffer) => {
+      mammoth.convertToHtml({ arrayBuffer }).then((res) => {
+        if (cancelled) return;
+        setHtml(sanitize(res.value || ""));
+        setLoading(false);
+      }).catch((e) => {
+        if (cancelled) return;
+        setError(e instanceof Error ? e.message : "Failed to render DOCX");
+        setLoading(false);
+      });
+    };
+    try {
+      if (base64) {
+        convert(base64ToArrayBuffer(base64));
+        return () => {
+          cancelled = true;
+        };
+      }
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Failed to decode DOCX");
+      setLoading(false);
+      return () => {
+        cancelled = true;
+      };
+    }
+    if (!url) {
+      setError("No file source provided");
+      setLoading(false);
+      return () => {
+        cancelled = true;
+      };
+    }
+    fetch(url).then((r) => {
+      if (!r.ok) throw new Error(`Failed to fetch: ${r.status}`);
+      return r.arrayBuffer();
+    }).then(convert).catch((e) => {
+      if (cancelled) return;
+      setError(e.message);
+      setLoading(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [url, base64]);
+  if (loading) {
+    return /* @__PURE__ */ jsx("div", { style: { padding: "24px", color: MUTED2, fontSize: "13px", textAlign: "center" }, children: "Loading document\u2026" });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsx("div", { style: { padding: "24px", color: "#dc2626", fontSize: "13px", textAlign: "center" }, children: error });
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      style: {
+        padding: "18px 22px",
+        fontSize: "13px",
+        lineHeight: 1.6,
+        color: "var(--foreground)",
+        maxWidth: "720px",
+        margin: "0 auto",
+        borderLeft: `1px solid ${BORDER2}`,
+        borderRight: `1px solid ${BORDER2}`,
+        background: "white"
+      },
+      dangerouslySetInnerHTML: { __html: html }
+    }
+  );
+}
+var init_DocxViewer = __esm({
+  "src/shared/viewers/DocxViewer.tsx"() {
+    "use client";
+    init_ThemeContext();
+    init_decode();
+  }
+});
+
+// src/shared/ColumnSettingsPanel.tsx
+init_theme();
+function ColumnSettingsPanel({ columns, hidden, onToggle, onShowAll, onHideAll }) {
+  return /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "6px", minWidth: "180px" }, children: [
+    /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "space-between", paddingBottom: "4px", borderBottom: `1px solid ${BORDER}` }, children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: onShowAll,
+          style: { background: "none", border: "none", cursor: "pointer", fontSize: "11px", color: ACCENT, fontWeight: 500, padding: 0 },
+          children: "Show all"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: onHideAll,
+          style: { background: "none", border: "none", cursor: "pointer", fontSize: "11px", color: MUTED, fontWeight: 500, padding: 0 },
+          children: "Hide all"
+        }
+      )
+    ] }),
+    columns.map((col) => /* @__PURE__ */ jsxs(
+      "label",
+      {
+        style: { display: "flex", alignItems: "center", gap: "8px", cursor: "pointer", fontSize: "12px", color: "var(--foreground)" },
+        children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "checkbox",
+              checked: !hidden.has(col.key),
+              onChange: () => onToggle(col.key),
+              style: { accentColor: ACCENT, width: "14px", height: "14px", margin: 0, cursor: "pointer" }
+            }
+          ),
+          col.label
+        ]
+      },
+      col.key
+    ))
+  ] });
+}
+
+// src/shared/ComponentActions.tsx
+init_theme();
+var DOT_COLOR = "#aaaaaa";
+var DOT_HOVER = "#555555";
+function ComponentActions({ children, onDownloadCSV, columnConfig, filename = "component" }) {
+  const [open, setOpen] = useState(false);
+  const [view, setView] = useState("main");
+  const contentRef = useRef(null);
+  const menuRef = useRef(null);
+  const btnRef = useRef(null);
+  const close = useCallback(() => {
+    setOpen(false);
+    setView("main");
+  }, []);
+  useEffect(() => {
+    if (!open) return;
+    const handler = (e) => {
+      var _a, _b;
+      if ((_a = menuRef.current) == null ? void 0 : _a.contains(e.target)) return;
+      if ((_b = btnRef.current) == null ? void 0 : _b.contains(e.target)) return;
+      close();
+    };
+    document.addEventListener("mousedown", handler);
+    return () => document.removeEventListener("mousedown", handler);
+  }, [open, close]);
+  const handleDownloadPNG = useCallback(async () => {
+    if (!contentRef.current) return;
+    try {
+      const url = await toPng(contentRef.current, { backgroundColor: "white", pixelRatio: 2 });
+      const a = document.createElement("a");
+      a.href = url;
+      a.download = `${filename}.png`;
+      a.click();
+    } catch (e) {
+    }
+    close();
+  }, [filename, close]);
+  const handleCSV = useCallback(() => {
+    onDownloadCSV == null ? void 0 : onDownloadCSV();
+    close();
+  }, [onDownloadCSV, close]);
+  return /* @__PURE__ */ jsxs("div", { style: { width: "100%", display: "flex", flexDirection: "column" }, children: [
+    /* @__PURE__ */ jsx("div", { ref: contentRef, style: { width: "100%" }, children }),
+    /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "flex-end", marginTop: "4px", position: "relative", zIndex: 10, flexShrink: 0 }, children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          ref: btnRef,
+          onClick: () => {
+            setOpen((o) => !o);
+            setView("main");
+          },
+          "aria-label": "Component actions",
+          style: {
+            background: "none",
+            border: "none",
+            cursor: "pointer",
+            padding: "4px 8px",
+            display: "flex",
+            gap: "3px",
+            alignItems: "center",
+            borderRadius: "6px",
+            transition: "background 0.15s"
+          },
+          onMouseEnter: (e) => {
+            e.currentTarget.style.background = "#f2f2f2";
+            e.currentTarget.querySelectorAll("circle").forEach((c) => c.style.fill = DOT_HOVER);
+          },
+          onMouseLeave: (e) => {
+            e.currentTarget.style.background = "none";
+            e.currentTarget.querySelectorAll("circle").forEach((c) => c.style.fill = DOT_COLOR);
+          },
+          children: /* @__PURE__ */ jsxs("svg", { width: "20", height: "6", viewBox: "0 0 20 6", children: [
+            /* @__PURE__ */ jsx("circle", { cx: "3", cy: "3", r: "2", style: { fill: DOT_COLOR, transition: "fill 0.15s" } }),
+            /* @__PURE__ */ jsx("circle", { cx: "10", cy: "3", r: "2", style: { fill: DOT_COLOR, transition: "fill 0.15s" } }),
+            /* @__PURE__ */ jsx("circle", { cx: "17", cy: "3", r: "2", style: { fill: DOT_COLOR, transition: "fill 0.15s" } })
+          ] })
+        }
+      ),
+      open && /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref: menuRef,
+          style: {
+            position: "absolute",
+            bottom: "100%",
+            right: 0,
+            marginBottom: "4px",
+            background: "white",
+            border: `1px solid ${BORDER}`,
+            borderRadius: "0.75rem",
+            boxShadow: "0 4px 12px rgba(0,0,0,0.06)",
+            zIndex: 50,
+            padding: view === "columns" ? "10px" : "4px",
+            minWidth: view === "columns" ? "200px" : "160px"
+          },
+          children: view === "main" ? /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column" }, children: [
+            columnConfig && /* @__PURE__ */ jsx(MenuButton, { label: "Customize columns", onClick: () => setView("columns") }),
+            onDownloadCSV && /* @__PURE__ */ jsx(MenuButton, { label: "Download CSV", onClick: handleCSV }),
+            /* @__PURE__ */ jsx(MenuButton, { label: "Download PNG", onClick: handleDownloadPNG })
+          ] }) : /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                onClick: () => setView("main"),
+                style: { background: "none", border: "none", cursor: "pointer", fontSize: "11px", color: MUTED, marginBottom: "6px", padding: 0 },
+                children: "\u2190 Back"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              ColumnSettingsPanel,
+              {
+                columns: columnConfig.columns,
+                hidden: columnConfig.hidden,
+                onToggle: columnConfig.onToggle,
+                onShowAll: columnConfig.onShowAll,
+                onHideAll: columnConfig.onHideAll
+              }
+            )
+          ] })
+        }
+      )
+    ] })
+  ] });
+}
+function MenuButton({ label, onClick }) {
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      onClick,
+      style: {
+        background: "none",
+        border: "none",
+        cursor: "pointer",
+        padding: "8px 12px",
+        fontSize: "12.5px",
+        color: "var(--foreground)",
+        textAlign: "left",
+        borderRadius: "8px",
+        transition: "background 0.15s",
+        whiteSpace: "nowrap"
+      },
+      onMouseEnter: (e) => e.currentTarget.style.background = "#f2f2f2",
+      onMouseLeave: (e) => e.currentTarget.style.background = "none",
+      children: label
+    }
+  );
+}
+
+// src/shared/FileCard.tsx
+init_ThemeContext();
+init_Markdown();
+
+// src/shared/fileType.ts
+var FAMILIES = [
+  { exts: ["csv", "tsv", "xls", "xlsx", "numbers"], fg: "#15803d", bg: "#e7f6ee" },
+  { exts: ["pdf"], fg: "#dc2626", bg: "#fdecec" },
+  { exts: ["doc", "docx", "txt", "md", "rtf", "pages"], fg: "#2563eb", bg: "#e8f0fe" },
+  { exts: ["json", "yaml", "yml", "xml", "toml"], fg: "#7c3aed", bg: "#f1ebfe" },
+  { exts: ["zip", "tar", "gz", "rar", "7z"], fg: "#b45309", bg: "#fdf2e3" },
+  { exts: ["png", "jpg", "jpeg", "gif", "svg", "webp", "bmp"], fg: "#0891b2", bg: "#e4f6fa" }
+];
+function fileTypeMeta(fileType, filename) {
+  const token = fileType && !fileType.includes("/") ? fileType : (filename || "").split(".").pop() || "";
+  const ext = token.toLowerCase().replace(/[^a-z0-9]/g, "");
+  if (!ext) return { label: "FILE", fg: "", bg: "" };
+  const fam = FAMILIES.find((f) => f.exts.includes(ext));
+  return {
+    label: ext.slice(0, 4).toUpperCase(),
+    fg: fam ? fam.fg : "",
+    bg: fam ? fam.bg : ""
+  };
+}
+var PREVIEW_EXTS = {
+  pdf: "pdf",
+  xlsx: "excel",
+  xls: "excel",
+  csv: "csv",
+  tsv: "csv",
+  md: "markdown",
+  markdown: "markdown",
+  txt: "text",
+  log: "text",
+  text: "text",
+  docx: "docx"
+};
+function extOf(fileType, filename) {
+  var _a;
+  if (fileType && fileType.includes("/")) {
+    const mime = fileType.toLowerCase();
+    if (mime.includes("pdf")) return "pdf";
+    if (mime.includes("spreadsheet") || mime.includes("excel")) return "xlsx";
+    if (mime.includes("csv")) return "csv";
+    if (mime.includes("markdown")) return "md";
+    if (mime.includes("wordprocessing") || mime.includes("msword")) return "docx";
+    if (mime.startsWith("text/")) return "txt";
+  } else if (fileType) {
+    const t = fileType.toLowerCase().replace(/[^a-z0-9]/g, "");
+    if (t) return t;
+  }
+  return ((_a = (filename || "").split(".").pop()) == null ? void 0 : _a.toLowerCase().replace(/[^a-z0-9]/g, "")) || "";
+}
+function previewKindFor(fileType, filename) {
+  var _a;
+  return (_a = PREVIEW_EXTS[extOf(fileType, filename)]) != null ? _a : null;
+}
+function formatExpiry(expiresAt) {
+  const date = new Date(expiresAt);
+  if (isNaN(date.getTime())) return expiresAt;
+  const diffDays = Math.round((date.getTime() - Date.now()) / (1e3 * 60 * 60 * 24));
+  if (diffDays < 0) return "Expired";
+  if (diffDays === 0) return "Today";
+  if (diffDays === 1) return "Tomorrow";
+  if (diffDays < 7) return `in ${diffDays} days`;
+  return date.toLocaleDateString(void 0, {
+    month: "short",
+    day: "numeric",
+    year: "numeric"
+  });
+}
+function isExpirySoon(expiresAt) {
+  const date = new Date(expiresAt);
+  if (isNaN(date.getTime())) return false;
+  return date.getTime() - Date.now() < 2 * 24 * 60 * 60 * 1e3;
+}
+
+// src/shared/viewers/PreviewHost.tsx
+init_ThemeContext();
+var PdfViewer2 = lazy(
+  () => Promise.resolve().then(() => (init_PdfViewer(), PdfViewer_exports)).then((m) => ({ default: m.PdfViewer }))
+);
+var ExcelViewer2 = lazy(
+  () => Promise.resolve().then(() => (init_ExcelViewer(), ExcelViewer_exports)).then((m) => ({ default: m.ExcelViewer }))
+);
+var CsvViewer2 = lazy(() => Promise.resolve().then(() => (init_CsvViewer(), CsvViewer_exports)).then((m) => ({ default: m.CsvViewer })));
+var TextViewer2 = lazy(() => Promise.resolve().then(() => (init_TextViewer(), TextViewer_exports)).then((m) => ({ default: m.TextViewer })));
+var DocxViewer2 = lazy(() => Promise.resolve().then(() => (init_DocxViewer(), DocxViewer_exports)).then((m) => ({ default: m.DocxViewer })));
+var PEEK_ROWS = 20;
+var PEEK_LINES = 40;
+function PreviewHost({ kind, source, mode = "full" }) {
+  const { MUTED: MUTED2 } = useTheme();
+  const peek = mode === "peek";
+  const fallback = /* @__PURE__ */ jsx("div", { style: { padding: "24px", color: MUTED2, fontSize: "13px", textAlign: "center" }, children: "Loading preview\u2026" });
+  let viewer = null;
+  switch (kind) {
+    case "pdf":
+      viewer = /* @__PURE__ */ jsx(PdfViewer2, { url: source.url, base64: source.base64 });
+      break;
+    case "excel":
+      viewer = /* @__PURE__ */ jsx(ExcelViewer2, { url: source.url, base64: source.base64 });
+      break;
+    case "csv":
+      viewer = /* @__PURE__ */ jsx(CsvViewer2, { url: source.url, base64: source.base64, maxRows: peek ? PEEK_ROWS : void 0 });
+      break;
+    case "markdown":
+      viewer = /* @__PURE__ */ jsx(TextViewer2, { url: source.url, base64: source.base64, markdown: true, maxLines: peek ? PEEK_LINES : void 0 });
+      break;
+    case "text":
+      viewer = /* @__PURE__ */ jsx(TextViewer2, { url: source.url, base64: source.base64, maxLines: peek ? PEEK_LINES : void 0 });
+      break;
+    case "docx":
+      viewer = /* @__PURE__ */ jsx(DocxViewer2, { url: source.url, base64: source.base64 });
+      break;
+    default:
+      return null;
+  }
+  return /* @__PURE__ */ jsx(Suspense, { fallback, children: viewer });
+}
+
+// src/shared/PreviewModal.tsx
+init_ThemeContext();
+function PreviewModal({
+  open,
+  onClose,
+  filename,
+  fileType,
+  kind,
+  source,
+  downloadUrl,
+  onDownload
+}) {
+  const { BORDER: BORDER2, MUTED: MUTED2, ACCENT: ACCENT2 } = useTheme();
+  useEffect(() => {
+    if (!open) return;
+    const onKey = (e) => {
+      if (e.key === "Escape") onClose();
+    };
+    window.addEventListener("keydown", onKey);
+    const prev = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+    return () => {
+      window.removeEventListener("keydown", onKey);
+      document.body.style.overflow = prev;
+    };
+  }, [open, onClose]);
+  if (!open || typeof document === "undefined") return null;
+  const ftype = fileTypeMeta(fileType, filename);
+  return createPortal(
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-label": `Preview ${filename}`,
+        onClick: onClose,
+        style: {
+          position: "fixed",
+          inset: 0,
+          zIndex: 2147483e3,
+          background: "rgba(15,23,42,0.55)",
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          padding: "4vh 4vw",
+          backdropFilter: "blur(2px)"
+        },
+        children: /* @__PURE__ */ jsxs(
+          "div",
+          {
+            onClick: (e) => e.stopPropagation(),
+            style: {
+              width: "min(960px, 100%)",
+              height: "min(92vh, 100%)",
+              background: "white",
+              borderRadius: "0.875rem",
+              border: `1px solid ${BORDER2}`,
+              boxShadow: "0 20px 60px rgba(15,23,42,0.30)",
+              display: "flex",
+              flexDirection: "column",
+              overflow: "hidden"
+            },
+            children: [
+              /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  style: {
+                    display: "flex",
+                    alignItems: "center",
+                    gap: "10px",
+                    padding: "11px 14px",
+                    borderBottom: `1px solid ${BORDER2}`,
+                    flexShrink: 0
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        "aria-hidden": "true",
+                        style: {
+                          fontSize: "9.5px",
+                          fontWeight: 700,
+                          letterSpacing: "0.04em",
+                          padding: "3px 7px",
+                          borderRadius: "6px",
+                          fontFamily: "ui-monospace, SFMono-Regular, Menlo, monospace",
+                          color: ftype.fg || ACCENT2,
+                          background: ftype.bg || "rgba(99,102,241,0.06)"
+                        },
+                        children: ftype.label
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        style: {
+                          flex: 1,
+                          minWidth: 0,
+                          fontSize: "13.5px",
+                          fontWeight: 600,
+                          color: "var(--foreground)",
+                          overflow: "hidden",
+                          textOverflow: "ellipsis",
+                          whiteSpace: "nowrap"
+                        },
+                        children: filename
+                      }
+                    ),
+                    (downloadUrl || onDownload) && (downloadUrl ? /* @__PURE__ */ jsx(
+                      "a",
+                      {
+                        href: downloadUrl,
+                        target: "_blank",
+                        rel: "noopener noreferrer",
+                        style: footerBtn(BORDER2),
+                        children: "Download"
+                      }
+                    ) : /* @__PURE__ */ jsx("button", { type: "button", onClick: onDownload, style: footerBtn(BORDER2), children: "Download" })),
+                    /* @__PURE__ */ jsx(
+                      "button",
+                      {
+                        type: "button",
+                        "aria-label": "Close preview",
+                        onClick: onClose,
+                        style: {
+                          border: `1px solid ${BORDER2}`,
+                          borderRadius: "8px",
+                          background: "white",
+                          cursor: "pointer",
+                          padding: "5px 9px",
+                          fontSize: "13px",
+                          color: MUTED2,
+                          lineHeight: 1
+                        },
+                        children: "\u2715"
+                      }
+                    )
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx("div", { style: { flex: 1, minHeight: 0, overflow: "auto", background: "white" }, children: /* @__PURE__ */ jsx(PreviewHost, { kind, source, mode: "full" }) })
+            ]
+          }
+        )
+      }
+    ),
+    document.body
+  );
+}
+function footerBtn(border) {
+  return {
+    display: "inline-flex",
+    alignItems: "center",
+    gap: "6px",
+    border: `1px solid ${border}`,
+    borderRadius: "8px",
+    background: "white",
+    color: "var(--foreground)",
+    cursor: "pointer",
+    padding: "5px 11px",
+    fontSize: "12px",
+    fontWeight: 600,
+    textDecoration: "none",
+    fontFamily: "inherit"
+  };
+}
+
+// src/shared/FileCard.tsx
+init_decode();
+function FileCard({
+  filename,
+  size,
+  fileType,
+  expiresAt,
+  description,
+  downloadUrl,
+  onDownload,
+  downloadBusy = false,
+  downloadLabel = "Download",
+  actions,
+  dense = false,
+  previewUrl,
+  fetchPreviewBlob,
+  previewDisabled = false
+}) {
+  const { BORDER: BORDER2, MUTED: MUTED2, ACCENT: ACCENT2 } = useTheme();
+  const [cardHover, setCardHover] = useState(false);
+  const [btnHover, setBtnHover] = useState(false);
+  const [pvHover, setPvHover] = useState(false);
+  const previewKind = previewKindFor(fileType, filename);
+  const canPreview = !previewDisabled && previewKind !== null && (!!previewUrl || !!fetchPreviewBlob);
+  const [peekOpen, setPeekOpen] = useState(false);
+  const [modalOpen, setModalOpen] = useState(false);
+  const [source, setSource] = useState(previewUrl ? { url: previewUrl } : null);
+  const [pvLoading, setPvLoading] = useState(false);
+  const [pvError, setPvError] = useState(null);
+  const ensureSource = useCallback(async () => {
+    if (source) return source;
+    if (previewUrl) {
+      const s = { url: previewUrl };
+      setSource(s);
+      return s;
+    }
+    if (!fetchPreviewBlob) return null;
+    setPvLoading(true);
+    setPvError(null);
+    try {
+      const blob = await fetchPreviewBlob();
+      const s = { base64: await blobToBase64(blob) };
+      setSource(s);
+      return s;
+    } catch (e) {
+      setPvError(e instanceof Error ? e.message : "Failed to load preview");
+      return null;
+    } finally {
+      setPvLoading(false);
+    }
+  }, [source, previewUrl, fetchPreviewBlob]);
+  const togglePeek = useCallback(async () => {
+    if (peekOpen) {
+      setPeekOpen(false);
+      return;
+    }
+    setPeekOpen(true);
+    await ensureSource();
+  }, [peekOpen, ensureSource]);
+  const openModal = useCallback(async () => {
+    const s = await ensureSource();
+    if (s) setModalOpen(true);
+  }, [ensureSource]);
+  const ftype = fileTypeMeta(fileType, filename);
+  const tileSize = dense ? 28 : 40;
+  const tileRadius = dense ? 8 : 11;
+  const expirySoon = expiresAt ? isExpirySoon(expiresAt) : false;
+  const metaTokens = [];
+  if (ftype.label && ftype.label !== "FILE") metaTokens.push(ftype.label);
+  if (size) metaTokens.push(size);
+  const ghostBtn = (hover) => ({
+    display: "inline-flex",
+    alignItems: "center",
+    gap: "6px",
+    background: hover ? "#f4f4f5" : "white",
+    color: "var(--foreground)",
+    borderRadius: "8px",
+    padding: dense ? "5px 11px" : "7px 13px",
+    fontSize: dense ? "11.5px" : "12px",
+    fontWeight: 600,
+    textDecoration: "none",
+    whiteSpace: "nowrap",
+    flexShrink: 0,
+    cursor: "pointer",
+    border: `1px solid ${hover ? "#d2d2d2" : BORDER2}`,
+    fontFamily: "inherit",
+    transition: "background 0.15s ease, border-color 0.15s ease"
+  });
+  const downloadStyle = __spreadProps(__spreadValues({}, ghostBtn(btnHover)), {
+    cursor: downloadBusy ? "progress" : "pointer",
+    opacity: downloadBusy ? 0.8 : 1
+  });
+  const downloadInner = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(DownloadGlyph, { spinning: downloadBusy, size: dense ? 13 : 14 }),
+    !dense && /* @__PURE__ */ jsx("span", { children: downloadBusy ? "Downloading\u2026" : downloadLabel })
+  ] });
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      onMouseEnter: () => setCardHover(true),
+      onMouseLeave: () => setCardHover(false),
+      style: {
+        width: "100%",
+        boxSizing: "border-box",
+        borderRadius: "0.875rem",
+        border: `1px solid ${cardHover ? "#d2d2d2" : BORDER2}`,
+        background: "white",
+        display: "flex",
+        flexDirection: "column",
+        boxShadow: cardHover ? "0 2px 10px rgba(15,23,42,0.06), 0 10px 28px rgba(15,23,42,0.07)" : "0 1px 2px rgba(15,23,42,0.04)",
+        transform: cardHover ? "translateY(-1px)" : "translateY(0)",
+        transition: "box-shadow 0.2s ease, border-color 0.2s ease, transform 0.2s ease"
+      },
+      children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              display: "flex",
+              flexDirection: "row",
+              alignItems: "center",
+              gap: dense ? "11px" : "13px",
+              padding: dense ? "9px 11px" : "12px 14px"
+            },
+            children: [
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  "aria-hidden": "true",
+                  style: {
+                    width: tileSize,
+                    height: tileSize,
+                    borderRadius: tileRadius,
+                    flexShrink: 0,
+                    display: "grid",
+                    placeItems: "center",
+                    fontFamily: "ui-monospace, SFMono-Regular, Menlo, monospace",
+                    fontSize: dense ? "9.5px" : "10.5px",
+                    fontWeight: 700,
+                    letterSpacing: "0.04em",
+                    color: ftype.fg || ACCENT2,
+                    background: ftype.bg || "var(--ag-accent-tint-canvas, rgba(99,102,241,0.06))",
+                    boxShadow: "inset 0 0 0 1px rgba(15,23,42,0.06)"
+                  },
+                  children: ftype.label
+                }
+              ),
+              /* @__PURE__ */ jsxs("div", { style: { flex: 1, minWidth: 0, display: "flex", flexDirection: "column", gap: "2px" }, children: [
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    style: {
+                      fontSize: dense ? "13px" : "13.5px",
+                      fontWeight: 600,
+                      color: "var(--foreground)",
+                      overflow: "hidden",
+                      textOverflow: "ellipsis",
+                      whiteSpace: "nowrap"
+                    },
+                    children: filename
+                  }
+                ),
+                (metaTokens.length > 0 || expiresAt) && /* @__PURE__ */ jsxs(
+                  "span",
+                  {
+                    style: {
+                      fontSize: "11.5px",
+                      color: MUTED2,
+                      display: "flex",
+                      alignItems: "center",
+                      gap: "6px",
+                      whiteSpace: "nowrap"
+                    },
+                    children: [
+                      metaTokens.map((t, i) => /* @__PURE__ */ jsxs(React10.Fragment, { children: [
+                        i > 0 && /* @__PURE__ */ jsx("span", { style: { color: "#c4c4c4" }, children: "\xB7" }),
+                        /* @__PURE__ */ jsx("span", { children: t })
+                      ] }, i)),
+                      expiresAt && /* @__PURE__ */ jsxs(Fragment, { children: [
+                        metaTokens.length > 0 && /* @__PURE__ */ jsx("span", { style: { color: "#c4c4c4" }, children: "\xB7" }),
+                        /* @__PURE__ */ jsxs("span", { style: { color: expirySoon ? "#b45309" : MUTED2, fontWeight: expirySoon ? 600 : 400 }, children: [
+                          "Expires ",
+                          formatExpiry(expiresAt)
+                        ] })
+                      ] })
+                    ]
+                  }
+                ),
+                description && !dense && /* @__PURE__ */ jsx("span", { style: { fontSize: "12px", color: MUTED2, lineHeight: 1.4 }, children: /* @__PURE__ */ jsx(Markdown, { inline: true, content: description }) })
+              ] }),
+              canPreview && /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  type: "button",
+                  onClick: togglePeek,
+                  "aria-expanded": peekOpen,
+                  onMouseEnter: () => setPvHover(true),
+                  onMouseLeave: () => setPvHover(false),
+                  style: ghostBtn(pvHover),
+                  children: [
+                    /* @__PURE__ */ jsx(EyeGlyph, { size: dense ? 13 : 14 }),
+                    !dense && /* @__PURE__ */ jsx("span", { children: "Preview" }),
+                    !dense && /* @__PURE__ */ jsx(Chevron, { open: peekOpen })
+                  ]
+                }
+              ),
+              downloadUrl ? /* @__PURE__ */ jsx(
+                "a",
+                {
+                  href: downloadUrl,
+                  target: "_blank",
+                  rel: "noopener noreferrer",
+                  onMouseEnter: () => setBtnHover(true),
+                  onMouseLeave: () => setBtnHover(false),
+                  style: downloadStyle,
+                  children: downloadInner
+                }
+              ) : onDownload ? /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: onDownload,
+                  disabled: downloadBusy,
+                  "aria-busy": downloadBusy || void 0,
+                  onMouseEnter: () => setBtnHover(true),
+                  onMouseLeave: () => setBtnHover(false),
+                  style: downloadStyle,
+                  children: downloadInner
+                }
+              ) : null,
+              actions
+            ]
+          }
+        ),
+        canPreview && peekOpen && previewKind && /* @__PURE__ */ jsx("div", { style: { borderTop: `1px solid ${BORDER2}` }, children: pvError ? /* @__PURE__ */ jsx("div", { style: { padding: "16px", fontSize: "12.5px", color: "#dc2626" }, children: pvError }) : pvLoading || !source ? /* @__PURE__ */ jsx("div", { style: { padding: "20px", fontSize: "12.5px", color: MUTED2, textAlign: "center" }, children: "Loading preview\u2026" }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsxs("div", { style: { position: "relative", maxHeight: "280px", overflow: "hidden" }, children: [
+            /* @__PURE__ */ jsx(PreviewHost, { kind: previewKind, source, mode: "peek" }),
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                "aria-hidden": "true",
+                style: {
+                  position: "absolute",
+                  left: 0,
+                  right: 0,
+                  bottom: 0,
+                  height: "56px",
+                  background: "linear-gradient(to bottom, rgba(255,255,255,0), white)",
+                  pointerEvents: "none"
+                }
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              style: {
+                display: "flex",
+                justifyContent: "center",
+                padding: "9px",
+                borderTop: `1px solid ${BORDER2}`
+              },
+              children: /* @__PURE__ */ jsx("button", { type: "button", onClick: openModal, style: ghostBtn(false), children: "Open full preview" })
+            }
+          )
+        ] }) }),
+        canPreview && previewKind && source && /* @__PURE__ */ jsx(
+          PreviewModal,
+          {
+            open: modalOpen,
+            onClose: () => setModalOpen(false),
+            filename,
+            fileType,
+            kind: previewKind,
+            source,
+            downloadUrl,
+            onDownload
+          }
+        )
+      ]
+    }
+  );
+}
+function DownloadGlyph({ spinning, size }) {
+  if (spinning) {
+    return /* @__PURE__ */ jsxs(
+      "svg",
+      {
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        "aria-hidden": "true",
+        style: { animation: "fileCardSpin 720ms linear infinite" },
+        children: [
+          /* @__PURE__ */ jsx("style", { children: "@keyframes fileCardSpin{to{transform:rotate(360deg)}}" }),
+          /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "9", stroke: "currentColor", strokeOpacity: "0.3", strokeWidth: "2" }),
+          /* @__PURE__ */ jsx("path", { d: "M21 12a9 9 0 0 0-9-9", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M12 3v12m0 0 4-4m-4 4-4-4M5 21h14",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ) });
+}
+function EyeGlyph({ size }) {
+  return /* @__PURE__ */ jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7-10-7-10-7Z",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ),
+    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "3", stroke: "currentColor", strokeWidth: "2" })
+  ] });
+}
+function Chevron({ open }) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "12",
+      height: "12",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      "aria-hidden": "true",
+      style: { transition: "transform 0.15s ease", transform: open ? "rotate(180deg)" : "rotate(0deg)" },
+      children: /* @__PURE__ */ jsx("path", { d: "m6 9 6 6 6-6", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
+    }
+  );
+}
+function DownloadCardResolver(p) {
+  var _a, _b;
+  const files = (_a = p.files) != null ? _a : [];
+  return /* @__PURE__ */ jsx(ComponentActions, { filename: (_b = p.title) != null ? _b : "download-card", children: /* @__PURE__ */ jsxs("div", { style: { width: "100%", display: "flex", flexDirection: "column", gap: "10px" }, children: [
+    p.title && /* @__PURE__ */ jsx(
+      "p",
+      {
+        style: {
+          fontFamily: "var(--font-serif)",
+          fontSize: "15px",
+          fontWeight: 400,
+          color: "var(--foreground)",
+          letterSpacing: "-0.01em",
+          margin: 0
+        },
+        children: p.title
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { style: { display: "flex", flexDirection: "column", gap: "8px" }, children: files.map((file, i) => /* @__PURE__ */ jsx(
+      FileCard,
+      {
+        filename: file.filename,
+        size: file.size,
+        fileType: file.fileType,
+        expiresAt: file.expiresAt,
+        description: file.description,
+        downloadUrl: file.url,
+        previewUrl: file.url,
+        previewDisabled: file.preview === false,
+        dense: files.length > 1
+      },
+      i
+    )) })
+  ] }) });
+}
+
+export { DownloadCardResolver };
+//# sourceMappingURL=resolver.js.map
+//# sourceMappingURL=resolver.js.map