@adoptai/genui-components 0.1.67 → 0.1.69

package/dist/renderer.js

@@ -1,5 +1,5 @@
 "use client";
-import React45, { lazy, createContext, useState, useCallback, useEffect, useRef, Suspense, useMemo, useContext, useLayoutEffect } from 'react';
+import React46, { lazy, createContext, useState, useCallback, useEffect, useRef, Suspense, useMemo, useContext, useLayoutEffect } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import dagre from '@dagrejs/dagre';
 import { createPortal } from 'react-dom';
@@ -1264,13 +1264,74 @@ var init_FlowGraph = __esm({
     renderSeq = 0;
   }
 });
+function resolvePdfWorkerSrc(pdfjs2) {
+  const override = typeof window !== "undefined" ? window.__GENUI_PDF_WORKER_SRC__ : void 0;
+  const current = pdfjs2.GlobalWorkerOptions.workerSrc;
+  const isConfigured = !!current && current !== "pdf.worker.mjs";
+  if (override) {
+    pdfjs2.GlobalWorkerOptions.workerSrc = override;
+  } else if (!isConfigured) {
+    pdfjs2.GlobalWorkerOptions.workerSrc = `https://cdn.jsdelivr.net/npm/pdfjs-dist@${pdfjs2.version}/build/pdf.worker.min.mjs`;
+  }
+  return pdfjs2.GlobalWorkerOptions.workerSrc;
+}
+function probePdfWorker() {
+  if (probe) return probe;
+  probe = (async () => {
+    if (typeof window === "undefined") return false;
+    try {
+      const { pdfjs: pdfjs2 } = await import('react-pdf');
+      resolvePdfWorkerSrc(pdfjs2);
+      const task = pdfjs2.getDocument({ data: new TextEncoder().encode(TINY_PDF) });
+      const doc = await Promise.race([
+        task.promise,
+        new Promise(
+          (_, reject) => setTimeout(() => reject(new Error("pdf worker probe timed out")), PROBE_TIMEOUT_MS)
+        )
+      ]);
+      await doc.destroy();
+      return true;
+    } catch (e) {
+      probe = null;
+      return false;
+    }
+  })();
+  return probe;
+}
+function usePdfWorkerReady(enabled) {
+  const [ready, setReady] = useState(null);
+  useEffect(() => {
+    if (!enabled) return;
+    let cancelled = false;
+    probePdfWorker().then((ok) => {
+      if (!cancelled) setReady(ok);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [enabled]);
+  return enabled ? ready : null;
+}
+var TINY_PDF, PROBE_TIMEOUT_MS, probe;
+var init_pdfWorkerProbe = __esm({
+  "src/shared/viewers/pdfWorkerProbe.ts"() {
+    "use client";
+    TINY_PDF = `%PDF-1.1
+1 0 obj<</Type/Catalog/Pages 2 0 R>>endobj
+2 0 obj<</Type/Pages/Kids[3 0 R]/Count 1>>endobj
+3 0 obj<</Type/Page/Parent 2 0 R/MediaBox[0 0 3 3]>>endobj
+trailer<</Root 1 0 R>>`;
+    PROBE_TIMEOUT_MS = 5e3;
+    probe = null;
+  }
+});
 
 // src/composites/document-preview/PdfViewer.tsx
 var PdfViewer_exports = {};
 __export(PdfViewer_exports, {
   PdfViewer: () => PdfViewer
 });
-function PdfViewer({ url, base64, onLoadSuccess }) {
+function PdfViewer({ url, base64, onLoadSuccess, onLoadError }) {
   const { BORDER: BORDER3, MUTED: MUTED2, SURFACE: SURFACE2 } = useTheme();
   const [numPages, setNumPages] = useState(0);
   const [currentPage, setCurrentPage] = useState(1);
@@ -1350,23 +1411,34 @@ function PdfViewer({ url, base64, onLoadSuccess }) {
     ] }),
     /* @__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: MUTED2, fontSize: "13px" }, children: "Loading PDF..." }),
-      /* @__PURE__ */ jsx(Document, { file: base64 ? `data:application/pdf;base64,${base64}` : url, onLoadSuccess: handleLoad, loading: "", children: /* @__PURE__ */ jsx(
-        Page,
+      /* @__PURE__ */ jsx(
+        Document,
         {
-          pageNumber: currentPage,
-          width: 540,
-          renderTextLayer: true,
-          renderAnnotationLayer: true
+          file: base64 ? `data:application/pdf;base64,${base64}` : url,
+          onLoadSuccess: handleLoad,
+          onLoadError,
+          loading: "",
+          error: "",
+          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_pdfWorkerProbe();
     init_ThemeContext();
-    pdfjs.GlobalWorkerOptions.workerSrc = `https://unpkg.com/pdfjs-dist@${pdfjs.version}/build/pdf.worker.min.mjs`;
+    resolvePdfWorkerSrc(pdfjs);
   }
 });
 
@@ -1872,6 +1944,89 @@ var init_DocxViewer = __esm({
     init_decode();
   }
 });
+
+// src/shared/viewers/HtmlViewer.tsx
+var HtmlViewer_exports = {};
+__export(HtmlViewer_exports, {
+  HtmlViewer: () => HtmlViewer
+});
+function HtmlViewer({ url, base64, height = 480 }) {
+  const { MUTED: MUTED2 } = useTheme();
+  const [html, setHtml] = useState("");
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  useEffect(() => {
+    let cancelled = false;
+    setLoading(true);
+    setError(null);
+    if (base64) {
+      try {
+        if (!cancelled) {
+          setHtml(base64ToText(base64));
+          setLoading(false);
+        }
+      } catch (e) {
+        if (!cancelled) {
+          setError(e instanceof Error ? e.message : "Failed to decode HTML");
+          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;
+      setHtml(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 });
+  }
+  return /* @__PURE__ */ jsx(
+    "iframe",
+    {
+      title: "HTML preview",
+      sandbox: "",
+      srcDoc: html,
+      style: {
+        width: "100%",
+        height: `${height}px`,
+        border: "none",
+        background: "white",
+        display: "block"
+      }
+    }
+  );
+}
+var init_HtmlViewer = __esm({
+  "src/shared/viewers/HtmlViewer.tsx"() {
+    "use client";
+    init_ThemeContext();
+    init_decode();
+  }
+});
 var dataTableSchema = z.object({
   type: z.literal("data-table"),
   title: z.string().optional(),
@@ -7325,7 +7480,7 @@ function WaterfallChartResolver(p) {
 }
 init_ThemeContext();
 init_theme();
-var FlowGraph2 = React45.lazy(
+var FlowGraph2 = React46.lazy(
   () => Promise.resolve().then(() => (init_FlowGraph(), FlowGraph_exports)).then((m) => ({ default: m.FlowGraph }))
 );
 function FlowCanvasRenderer({
@@ -7601,7 +7756,7 @@ function TrialBalanceResolver(p) {
             gDebit += a.debit;
             gCredit += a.credit;
           });
-          return /* @__PURE__ */ jsxs(React45.Fragment, { children: [
+          return /* @__PURE__ */ jsxs(React46.Fragment, { children: [
             /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { colSpan: 4, style: {
               padding: "8px 12px",
               fontSize: "12px",
@@ -8992,10 +9147,11 @@ function useFullscreen(ref) {
 // src/composites/document-preview/resolver.tsx
 init_theme();
 init_ThemeContext();
-var PdfViewer2 = React45.lazy(
+init_pdfWorkerProbe();
+var PdfViewer2 = React46.lazy(
   () => Promise.resolve().then(() => (init_PdfViewer(), PdfViewer_exports)).then((m) => ({ default: m.PdfViewer }))
 );
-var ExcelViewer2 = React45.lazy(
+var ExcelViewer2 = React46.lazy(
   () => Promise.resolve().then(() => (init_ExcelViewer(), ExcelViewer_exports)).then((m) => ({ default: m.ExcelViewer }))
 );
 var highlightColors = {
@@ -9055,8 +9211,14 @@ function DocumentPreviewResolver(p) {
   const totalPages = ((_c = p.pages) != null ? _c : []).length;
   const page = p.pages[currentPage];
   const pageHighlights = ((_d = p.highlights) != null ? _d : []).filter((h) => h.pageIndex === currentPage);
+  const [pdfFailed, setPdfFailed] = useState(false);
+  const pdfWorkerReady = usePdfWorkerReady(hasRealFile && isPdf);
+  const pdfReady = pdfFailed ? false : pdfWorkerReady;
+  const showPdfViewer = hasRealFile && isPdf && pdfReady === true;
+  const pdfPending = hasRealFile && isPdf && pdfReady === null;
   const handlePdfLoad = useCallback(() => {
   }, []);
+  const handlePdfError = useCallback(() => setPdfFailed(true), []);
   const handleExcelLoad = useCallback(() => {
   }, []);
   return /* @__PURE__ */ jsx(ComponentActions, { filename: (_e = p.title) != null ? _e : "document-preview", children: /* @__PURE__ */ jsxs(
@@ -9150,7 +9312,7 @@ function DocumentPreviewResolver(p) {
             children: pg.label
           },
           i
-        )) }) : !hasRealFile && totalPages > 1 && /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "8px", padding: "6px 14px", borderLeft: `1px solid ${BORDER3}`, borderRight: `1px solid ${BORDER3}`, background: SURFACE2 }, children: [
+        )) }) : (!hasRealFile || pdfReady === false) && totalPages > 1 && /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "8px", padding: "6px 14px", borderLeft: `1px solid ${BORDER3}`, borderRight: `1px solid ${BORDER3}`, background: SURFACE2 }, children: [
           /* @__PURE__ */ jsx("button", { onClick: () => setCurrentPage(Math.max(0, currentPage - 1)), disabled: currentPage === 0, style: { border: `1px solid ${BORDER3}`, borderRadius: "4px", padding: "2px 8px", background: SURFACE2, cursor: "pointer", fontSize: "12px", color: currentPage === 0 ? BORDER3 : MUTED2 }, children: "\u2190" }),
           /* @__PURE__ */ jsxs("span", { style: { fontSize: "12px", color: MUTED2 }, children: [
             currentPage + 1,
@@ -9170,7 +9332,7 @@ function DocumentPreviewResolver(p) {
           display: "flex",
           flexDirection: "column"
         }, children: [
-          hasRealFile && isPdf ? /* @__PURE__ */ jsx(Suspense, { fallback: null, children: /* @__PURE__ */ jsx(PdfViewer2, { url: (_q = p.source) == null ? void 0 : _q.url, base64: (_r = p.source) == null ? void 0 : _r.base64, onLoadSuccess: handlePdfLoad }) }) : hasRealFile && isExcel ? /* @__PURE__ */ jsx(Suspense, { fallback: null, children: /* @__PURE__ */ jsx(ExcelViewer2, { url: (_s = p.source) == null ? void 0 : _s.url, base64: (_t = p.source) == null ? void 0 : _t.base64, onLoadSuccess: handleExcelLoad }) }) : (page == null ? void 0 : page.imageUrl) ? /* @__PURE__ */ jsx("div", { style: { padding: "20px" }, children: /* @__PURE__ */ jsx("img", { src: page.imageUrl, alt: page.label, style: { maxWidth: "100%", borderRadius: "4px" } }) }) : (page == null ? void 0 : page.content) ? /* @__PURE__ */ jsx("div", { style: { fontFamily: "var(--font-sans, system-ui)", fontSize: "13px", color: "var(--foreground)", lineHeight: 1.6, margin: 0, padding: "20px" }, children: /* @__PURE__ */ jsx(Markdown, { content: page.content }) }) : /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", height: "120px", color: MUTED2, fontSize: "13px" }, children: [
+          showPdfViewer ? /* @__PURE__ */ jsx(Suspense, { fallback: null, children: /* @__PURE__ */ jsx(PdfViewer2, { url: (_q = p.source) == null ? void 0 : _q.url, base64: (_r = p.source) == null ? void 0 : _r.base64, onLoadSuccess: handlePdfLoad, onLoadError: handlePdfError }) }) : pdfPending ? /* @__PURE__ */ jsx("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", height: "200px", color: MUTED2, fontSize: "13px" }, children: "Loading preview\u2026" }) : hasRealFile && isExcel ? /* @__PURE__ */ jsx(Suspense, { fallback: null, children: /* @__PURE__ */ jsx(ExcelViewer2, { url: (_s = p.source) == null ? void 0 : _s.url, base64: (_t = p.source) == null ? void 0 : _t.base64, onLoadSuccess: handleExcelLoad }) }) : (page == null ? void 0 : page.imageUrl) ? /* @__PURE__ */ jsx("div", { style: { padding: "20px" }, children: /* @__PURE__ */ jsx("img", { src: page.imageUrl, alt: page.label, style: { maxWidth: "100%", borderRadius: "4px" } }) }) : (page == null ? void 0 : page.content) ? /* @__PURE__ */ jsx("div", { style: { fontFamily: "var(--font-sans, system-ui)", fontSize: "13px", color: "var(--foreground)", lineHeight: 1.6, margin: 0, padding: "20px" }, children: /* @__PURE__ */ jsx(Markdown, { content: page.content }) }) : /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", height: "120px", color: MUTED2, fontSize: "13px" }, children: [
             "No content available for ",
             (_u = page == null ? void 0 : page.label) != null ? _u : "this page"
           ] }),
@@ -9958,7 +10120,7 @@ function EngagementPipelineResolver(p) {
             const color = (_a2 = statusColor2[phase.status]) != null ? _a2 : "#d6d3d1";
             const isCurrent = i === activeIdx;
             const size = isCurrent ? 28 : 20;
-            return /* @__PURE__ */ jsxs(React45.Fragment, { children: [
+            return /* @__PURE__ */ jsxs(React46.Fragment, { children: [
               i > 0 && /* @__PURE__ */ jsx(
                 "div",
                 {
@@ -11678,7 +11840,7 @@ init_theme();
 var FAMILIES = [
   { exts: ["csv", "tsv", "xls", "xlsx", "numbers"], fg: SEMANTIC.success.color, bg: SEMANTIC.success.bg },
   { exts: ["pdf"], fg: SEMANTIC.error.color, bg: SEMANTIC.error.bg },
-  { exts: ["doc", "docx", "txt", "md", "rtf", "pages"], fg: SEMANTIC.info.color, bg: SEMANTIC.info.bg },
+  { exts: ["doc", "docx", "txt", "md", "rtf", "pages", "html", "htm"], fg: SEMANTIC.info.color, bg: SEMANTIC.info.bg },
   { exts: ["json", "yaml", "yml", "xml", "toml"], fg: SEMANTIC.purple.color, bg: SEMANTIC.purple.bg },
   { exts: ["zip", "tar", "gz", "rar", "7z"], fg: SEMANTIC.warning.color, bg: SEMANTIC.warning.bg },
   { exts: ["png", "jpg", "jpeg", "gif", "svg", "webp", "bmp"], fg: SEMANTIC.info.color, bg: SEMANTIC.info.bg }
@@ -11705,7 +11867,9 @@ var PREVIEW_EXTS = {
   txt: "text",
   log: "text",
   text: "text",
-  docx: "docx"
+  docx: "docx",
+  html: "html",
+  htm: "html"
 };
 function extOf(fileType, filename) {
   var _a;
@@ -11716,6 +11880,7 @@ function extOf(fileType, filename) {
     if (mime.includes("csv")) return "csv";
     if (mime.includes("markdown")) return "md";
     if (mime.includes("wordprocessing") || mime.includes("msword")) return "docx";
+    if (mime.includes("html")) return "html";
     if (mime.startsWith("text/")) return "txt";
   } else if (fileType) {
     const t = fileType.toLowerCase().replace(/[^a-z0-9]/g, "");
@@ -11749,6 +11914,7 @@ function isExpirySoon(expiresAt) {
 
 // src/shared/viewers/PreviewHost.tsx
 init_ThemeContext();
+init_pdfWorkerProbe();
 var PdfViewer3 = lazy(
   () => Promise.resolve().then(() => (init_PdfViewer(), PdfViewer_exports)).then((m) => ({ default: m.PdfViewer }))
 );
@@ -11758,8 +11924,22 @@ var ExcelViewer3 = lazy(
 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 HtmlViewer2 = lazy(() => Promise.resolve().then(() => (init_HtmlViewer(), HtmlViewer_exports)).then((m) => ({ default: m.HtmlViewer })));
 var PEEK_ROWS = 20;
 var PEEK_LINES = 40;
+function GatedPdfViewer({ source }) {
+  const { MUTED: MUTED2 } = useTheme();
+  const [failed, setFailed] = useState(false);
+  const workerReady = usePdfWorkerReady(true);
+  const ready = failed ? false : workerReady;
+  if (ready === null) {
+    return /* @__PURE__ */ jsx("div", { style: { padding: "24px", color: MUTED2, fontSize: "13px", textAlign: "center" }, children: "Loading preview\u2026" });
+  }
+  if (ready === false) {
+    return /* @__PURE__ */ jsx("div", { style: { padding: "24px", color: MUTED2, fontSize: "13px", textAlign: "center" }, children: "Preview unavailable \u2014 download the file to view it." });
+  }
+  return /* @__PURE__ */ jsx(PdfViewer3, { url: source.url, base64: source.base64, onLoadError: () => setFailed(true) });
+}
 function PreviewHost({ kind, source, mode = "full" }) {
   const { MUTED: MUTED2 } = useTheme();
   const peek = mode === "peek";
@@ -11767,7 +11947,7 @@ function PreviewHost({ kind, source, mode = "full" }) {
   let viewer = null;
   switch (kind) {
     case "pdf":
-      viewer = /* @__PURE__ */ jsx(PdfViewer3, { url: source.url, base64: source.base64 });
+      viewer = /* @__PURE__ */ jsx(GatedPdfViewer, { source });
       break;
     case "excel":
       viewer = /* @__PURE__ */ jsx(ExcelViewer3, { url: source.url, base64: source.base64 });
@@ -11784,6 +11964,9 @@ function PreviewHost({ kind, source, mode = "full" }) {
     case "docx":
       viewer = /* @__PURE__ */ jsx(DocxViewer2, { url: source.url, base64: source.base64 });
       break;
+    case "html":
+      viewer = /* @__PURE__ */ jsx(HtmlViewer2, { url: source.url, base64: source.base64, height: peek ? 240 : 480 });
+      break;
     default:
       return null;
   }
@@ -12135,7 +12318,7 @@ function FileCard({
                       whiteSpace: "nowrap"
                     },
                     children: [
-                      metaTokens.map((t, i) => /* @__PURE__ */ jsxs(React45.Fragment, { children: [
+                      metaTokens.map((t, i) => /* @__PURE__ */ jsxs(React46.Fragment, { children: [
                         i > 0 && /* @__PURE__ */ jsx("span", { style: { color: MUTED2 }, children: "\xB7" }),
                         /* @__PURE__ */ jsx("span", { children: t })
                       ] }, i)),
@@ -12714,7 +12897,7 @@ function KeyValueListResolver(p) {
               var _a3;
               return sum + ((_a3 = g.items) != null ? _a3 : []).length;
             }, 0);
-            return /* @__PURE__ */ jsxs(React45.Fragment, { children: [
+            return /* @__PURE__ */ jsxs(React46.Fragment, { children: [
               /* @__PURE__ */ jsxs(
                 "div",
                 {
@@ -12892,7 +13075,7 @@ function BalanceSheetResolver(p) {
       /* @__PURE__ */ jsxs("tbody", { children: [
         ((_p = p.sections) != null ? _p : []).map((section) => {
           var _a2;
-          return /* @__PURE__ */ jsxs(React45.Fragment, { children: [
+          return /* @__PURE__ */ jsxs(React46.Fragment, { children: [
             /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { colSpan, style: {
               padding: "8px 12px",
               fontSize: "12px",
@@ -12905,7 +13088,7 @@ function BalanceSheetResolver(p) {
             }, children: (_a2 = categoryLabels2[section.category]) != null ? _a2 : section.category }) }),
             section.subsections.map((sub, si) => {
               var _a3;
-              return /* @__PURE__ */ jsxs(React45.Fragment, { children: [
+              return /* @__PURE__ */ jsxs(React46.Fragment, { children: [
                 /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { colSpan, style: {
                   padding: "6px 10px 6px 24px",
                   fontSize: "12px",
@@ -13081,7 +13264,7 @@ function IncomeStatementResolver(p) {
           textAlign: "left",
           whiteSpace: "nowrap"
         }, children: "\xA0" }),
-        periods.map((period) => /* @__PURE__ */ jsxs(React45.Fragment, { children: [
+        periods.map((period) => /* @__PURE__ */ jsxs(React46.Fragment, { children: [
           /* @__PURE__ */ jsx("th", { style: {
             fontSize: "11px",
             fontWeight: 500,
@@ -13112,7 +13295,7 @@ function IncomeStatementResolver(p) {
         sections.map((section, si) => {
           var _a2;
           const isSubtotal = section.sectionType === "subtotal";
-          return /* @__PURE__ */ jsxs(React45.Fragment, { children: [
+          return /* @__PURE__ */ jsxs(React46.Fragment, { children: [
             /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { colSpan: colCount, style: {
               padding: "8px 12px",
               fontSize: "12px",
@@ -13143,7 +13326,7 @@ function IncomeStatementResolver(p) {
                   var _a4;
                   const val = (_a4 = amounts[pi]) != null ? _a4 : 0;
                   const isNeg = val < 0;
-                  return /* @__PURE__ */ jsxs(React45.Fragment, { children: [
+                  return /* @__PURE__ */ jsxs(React46.Fragment, { children: [
                     /* @__PURE__ */ jsx("td", { style: {
                       padding: "6px 10px",
                       fontSize: "13px",
@@ -13178,7 +13361,7 @@ function IncomeStatementResolver(p) {
             var _a2;
             const val = (_a2 = grossProfit[pi]) != null ? _a2 : 0;
             const isNeg = val < 0;
-            return /* @__PURE__ */ jsxs(React45.Fragment, { children: [
+            return /* @__PURE__ */ jsxs(React46.Fragment, { children: [
               /* @__PURE__ */ jsx("td", { style: {
                 padding: "8px 10px",
                 fontSize: "12px",
@@ -13213,7 +13396,7 @@ function IncomeStatementResolver(p) {
             var _a2;
             const val = (_a2 = operatingIncome[pi]) != null ? _a2 : 0;
             const isNeg = val < 0;
-            return /* @__PURE__ */ jsxs(React45.Fragment, { children: [
+            return /* @__PURE__ */ jsxs(React46.Fragment, { children: [
               /* @__PURE__ */ jsx("td", { style: {
                 padding: "8px 10px",
                 fontSize: "12px",
@@ -13247,7 +13430,7 @@ function IncomeStatementResolver(p) {
             var _a2;
             const val = (_a2 = netIncome[pi]) != null ? _a2 : 0;
             const isNeg = val < 0;
-            return /* @__PURE__ */ jsxs(React45.Fragment, { children: [
+            return /* @__PURE__ */ jsxs(React46.Fragment, { children: [
               /* @__PURE__ */ jsx("td", { style: {
                 padding: "10px 10px",
                 fontSize: "13px",
@@ -13467,7 +13650,7 @@ function CashFlowStatementResolver(p) {
                       /* @__PURE__ */ jsxs("tbody", { children: [
                         activities.map((activity, ai) => {
                           var _a2, _b2, _c2;
-                          return /* @__PURE__ */ jsxs(React45.Fragment, { children: [
+                          return /* @__PURE__ */ jsxs(React46.Fragment, { children: [
                             ai > 0 && /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx(
                               "td",
                               {
@@ -18004,8 +18187,8 @@ var CARD_MIN = 132;
 var CARD_GAP = 16;
 var AUTO_COMPACT_BELOW = 360;
 function useContainerWidth(ref) {
-  const [w, setW] = React45.useState(0);
-  React45.useLayoutEffect(() => {
+  const [w, setW] = React46.useState(0);
+  React46.useLayoutEffect(() => {
     const el = ref.current;
     if (!el || typeof ResizeObserver === "undefined") return;
     const ro = new ResizeObserver((entries) => {
@@ -18108,15 +18291,15 @@ function WorkflowStepperRenderer({
   const interactive = typeof onSelectStep === "function";
   const statusColor3 = (s) => s === "active" || s === "running" ? ACCENT2 : STATUS_COLORS3[s];
   const doneCount = steps.filter((s) => s.status === "done").length;
-  const rootRef = React45.useRef(null);
+  const rootRef = React46.useRef(null);
   const containerW = useContainerWidth(rootRef);
   let resolved = density === "auto" ? "full" : density;
   if (density === "auto" && containerW > 0) {
     const needed = steps.length * CARD_MIN + Math.max(0, steps.length - 1) * CARD_GAP;
     resolved = containerW < AUTO_COMPACT_BELOW || needed > containerW * 1.6 ? "compact" : "full";
   }
-  const scrollerRef = React45.useRef(null);
-  React45.useEffect(() => {
+  const scrollerRef = React46.useRef(null);
+  React46.useEffect(() => {
     if (resolved !== "full" || loading) return;
     const sc = scrollerRef.current;
     if (!sc) return;
@@ -18127,11 +18310,11 @@ function WorkflowStepperRenderer({
       el.scrollIntoView({ inline: "center", block: "nearest", behavior: "smooth" });
     }
   }, [resolved, loading, selectedStep, activeStepId]);
-  const [edges, setEdges] = React45.useState({
+  const [edges, setEdges] = React46.useState({
     left: false,
     right: false
   });
-  const updateEdges = React45.useCallback(() => {
+  const updateEdges = React46.useCallback(() => {
     const sc = scrollerRef.current;
     if (!sc) return;
     const max = sc.scrollWidth - sc.clientWidth;
@@ -18140,7 +18323,7 @@ function WorkflowStepperRenderer({
     const right = sl < max - 1;
     setEdges((prev) => prev.left === left && prev.right === right ? prev : { left, right });
   }, []);
-  React45.useLayoutEffect(() => {
+  React46.useLayoutEffect(() => {
     if (resolved !== "full" || loading) return;
     updateEdges();
     const sc = scrollerRef.current;
@@ -18196,7 +18379,7 @@ function WorkflowStepperRenderer({
               const reached = s.status !== "pending";
               const clickable = interactive && reached;
               const size = act ? 11 : done ? 9 : 8;
-              return /* @__PURE__ */ jsxs(React45.Fragment, { children: [
+              return /* @__PURE__ */ jsxs(React46.Fragment, { children: [
                 i > 0 && /* @__PURE__ */ jsx(
                   "span",
                   {
@@ -18340,7 +18523,7 @@ function WorkflowStepperRenderer({
             const color = statusColor3(step.status);
             const humans = ((_a2 = step.assignees) != null ? _a2 : []).filter((a) => a.kind === "human");
             const roleCaption = humans.map((h) => h.role).filter(Boolean).slice(0, 2).join(" \xB7 ");
-            return /* @__PURE__ */ jsxs(React45.Fragment, { children: [
+            return /* @__PURE__ */ jsxs(React46.Fragment, { children: [
               i > 0 && /* @__PURE__ */ jsx(
                 "div",
                 {
@@ -18706,11 +18889,11 @@ function FieldDetail({
 }) {
   var _a, _b, _c, _d;
   const { BORDER: BORDER3, MUTED: MUTED2, PAPER: PAPER2, SECONDARY: SECONDARY2, SURFACE: SURFACE2, ACCENT: ACCENT2 } = useTheme();
-  const [editing, setEditing] = React45.useState(false);
-  const [draft, setDraft] = React45.useState("");
-  const [saving, setSaving] = React45.useState(false);
-  const [saveError, setSaveError] = React45.useState(null);
-  const textareaRef = React45.useRef(null);
+  const [editing, setEditing] = React46.useState(false);
+  const [draft, setDraft] = React46.useState("");
+  const [saving, setSaving] = React46.useState(false);
+  const [saveError, setSaveError] = React46.useState(null);
+  const textareaRef = React46.useRef(null);
   const color = fieldColor(field, SECONDARY2);
   const corrected = field.state === "corrected";
   const startEdit = (e) => {
@@ -19220,7 +19403,7 @@ function FieldDetails({
           },
           children: facts.map((f) => {
             var _a2;
-            return /* @__PURE__ */ jsxs(React45.Fragment, { children: [
+            return /* @__PURE__ */ jsxs(React46.Fragment, { children: [
               /* @__PURE__ */ jsx("dt", { style: { fontSize: "12px", color: MUTED2 }, children: f.label }),
               /* @__PURE__ */ jsxs(
                 "dd",
@@ -19319,7 +19502,7 @@ function FieldAuditLog({
   fields = []
 }) {
   const { BORDER: BORDER3, MUTED: MUTED2, PAPER: PAPER2, SECONDARY: SECONDARY2 } = useTheme();
-  const fieldLabelMap = React45.useMemo(() => {
+  const fieldLabelMap = React46.useMemo(() => {
     var _a;
     const map = {};
     for (const f of fields) map[f.field_key] = (_a = f.label) != null ? _a : f.field_key;
@@ -19518,10 +19701,10 @@ function PageOverlay({
   secondary
 }) {
   const { PAPER: PAPER2, MUTED: MUTED2 } = useTheme();
-  const imgRef = React45.useRef(null);
-  const selectedBoxRef = React45.useRef(null);
-  const [px, setPx] = React45.useState(null);
-  React45.useEffect(() => {
+  const imgRef = React46.useRef(null);
+  const selectedBoxRef = React46.useRef(null);
+  const [px, setPx] = React46.useState(null);
+  React46.useEffect(() => {
     const el = imgRef.current;
     if (!el) return;
     const measure = () => {
@@ -19535,7 +19718,7 @@ function PageOverlay({
     ro.observe(el);
     return () => ro.disconnect();
   }, [page.imageUrl]);
-  React45.useEffect(() => {
+  React46.useEffect(() => {
     if (!selectedKey) return;
     if (!fields.some((f) => f.field_key === selectedKey && f.bbox)) return;
     const el = selectedBoxRef.current;
@@ -19637,8 +19820,8 @@ function ExtractionDetail({
   auditLoading
 }) {
   const { BORDER: BORDER3, MUTED: MUTED2, PAPER: PAPER2, SECONDARY: SECONDARY2 } = useTheme();
-  const selectedCardRef = React45.useRef(null);
-  React45.useEffect(() => {
+  const selectedCardRef = React46.useRef(null);
+  React46.useEffect(() => {
     if (!selectedKey || tab !== "fields") return;
     const el = selectedCardRef.current;
     if (el && typeof el.scrollIntoView === "function") {
@@ -19809,7 +19992,7 @@ function ExtractionModal({
   children
 }) {
   const { BORDER: BORDER3, MUTED: MUTED2, SURFACE: SURFACE2, FOREGROUND: FOREGROUND2, SCRIM: SCRIM2 } = useTheme();
-  React45.useEffect(() => {
+  React46.useEffect(() => {
     if (!open) return;
     const onKey = (e) => {
       if (e.key === "Escape") onClose();
@@ -19938,19 +20121,19 @@ function ExtractionModal({
 function DocumentFieldExtractionResolver(p) {
   var _a, _b;
   const { BORDER: BORDER3, MUTED: MUTED2, PAPER: PAPER2, SURFACE: SURFACE2, SHADOW: SHADOW2, ACCENT: ACCENT2 } = useTheme();
-  const [selectedKey, setSelectedKey] = React45.useState(null);
-  const [open, setOpen] = React45.useState(false);
-  const [tab, setTab] = React45.useState("fields");
+  const [selectedKey, setSelectedKey] = React46.useState(null);
+  const [open, setOpen] = React46.useState(false);
+  const [tab, setTab] = React46.useState("fields");
   const pages = (_a = p.pages) != null ? _a : [];
   const fields = (_b = p.fields) != null ? _b : [];
   const editable = typeof p.onFieldSave === "function";
   const onLoadAudit = p.onLoadAudit;
-  React45.useEffect(() => {
+  React46.useEffect(() => {
     if (tab === "audit" && onLoadAudit) {
       onLoadAudit();
     }
   }, [tab, onLoadAudit]);
-  const correctionCounts = React45.useMemo(() => {
+  const correctionCounts = React46.useMemo(() => {
     var _a2, _b2;
     const counts = {};
     for (const ev of (_a2 = p.auditEvents) != null ? _a2 : []) {
@@ -20196,8 +20379,8 @@ function formatAmount2(amount, currency = "USD") {
   return `${sign}${symbol}${body}`;
 }
 function useContainerWidth2(ref) {
-  const [w, setW] = React45.useState(0);
-  React45.useLayoutEffect(() => {
+  const [w, setW] = React46.useState(0);
+  React46.useLayoutEffect(() => {
     const el = ref.current;
     if (!el || typeof ResizeObserver === "undefined") return;
     const ro = new ResizeObserver((entries) => {
@@ -20292,8 +20475,8 @@ function ValueAdjuster({
   const { SURFACE_MUTED: SURFACE_MUTED2 } = useTheme();
   const adjust = option.adjust;
   const suggested = clampToRange((_a = option.value) != null ? _a : adjust.min, adjust);
-  const [value, setValue] = React45.useState(suggested);
-  const [text, setText] = React45.useState(String(suggested));
+  const [value, setValue] = React46.useState(suggested);
+  const [text, setText] = React46.useState(String(suggested));
   const step = (_b = adjust.step) != null ? _b : Number.isInteger(adjust.min) && Number.isInteger(adjust.max) ? 1 : (adjust.max - adjust.min) / 100;
   const pct = adjust.max > adjust.min ? (value - adjust.min) / (adjust.max - adjust.min) * 100 : 0;
   const suggestedPct = adjust.max > adjust.min ? (suggested - adjust.min) / (adjust.max - adjust.min) * 100 : 0;
@@ -20499,10 +20682,10 @@ function DecisionCardRenderer({
 }) {
   var _a, _b, _c;
   const { BORDER: BORDER3, MUTED: MUTED2, ACCENT: ACCENT2, ACCENT_SOFT: ACCENT_SOFT2, SURFACE: SURFACE2, SURFACE_MUTED: SURFACE_MUTED2, SHADOW: SHADOW2 } = useTheme();
-  const rootRef = React45.useRef(null);
+  const rootRef = React46.useRef(null);
   const width = useContainerWidth2(rootRef);
   const stacked = width > 0 && width < STACK_BELOW;
-  const [adjustingIdx, setAdjustingIdx] = React45.useState(null);
+  const [adjustingIdx, setAdjustingIdx] = React46.useState(null);
   const options = (_a = data.options) != null ? _a : [];
   const recommendedIdx = Math.max(
     0,
@@ -20803,8 +20986,8 @@ function DecisionCardResolver(p) {
   const decisionId = (_a = p.id) != null ? _a : p.title;
   const hostResolved = resolvedDecisions == null ? void 0 : resolvedDecisions[decisionId];
   const initial = hostResolved != null ? hostResolved : p.resolved ? composeResolution(p, p.resolved.option, p.resolved.value) : null;
-  const [localResolved, setLocalResolved] = React45.useState(initial);
-  React45.useEffect(() => {
+  const [localResolved, setLocalResolved] = React46.useState(initial);
+  React46.useEffect(() => {
     if (hostResolved !== void 0) setLocalResolved(hostResolved);
   }, [hostResolved]);
   const resolved = hostResolved != null ? hostResolved : localResolved;
@@ -20878,11 +21061,11 @@ function DecisionQueueRenderer({
   var _a;
   const { BORDER: BORDER3, MUTED: MUTED2, ACCENT: ACCENT2, SURFACE: SURFACE2, SURFACE_MUTED: SURFACE_MUTED2, BORDER_SOFT: BORDER_SOFT2, PAPER: PAPER2, SHADOW: SHADOW2 } = useTheme();
   const items = (_a = data.items) != null ? _a : [];
-  const [decisions, setDecisions] = React45.useState(
+  const [decisions, setDecisions] = React46.useState(
     () => items.map(() => void 0)
   );
   const firstUndecided = decisions.findIndex((d) => !d);
-  const [focusIdx, setFocusIdx] = React45.useState(firstUndecided >= 0 ? firstUndecided : null);
+  const [focusIdx, setFocusIdx] = React46.useState(firstUndecided >= 0 ? firstUndecided : null);
   const isSubmitted = submitted != null;
   const shown = isSubmitted ? items.map(
     (item, i) => {
@@ -20907,16 +21090,16 @@ function DecisionQueueRenderer({
     const final = decisions;
     onSubmit == null ? void 0 : onSubmit(final, composeQueueMessage(items, final));
   };
-  const onReadyRef = React45.useRef(onReady);
-  React45.useEffect(() => {
+  const onReadyRef = React46.useRef(onReady);
+  React46.useEffect(() => {
     onReadyRef.current = onReady;
   });
-  React45.useEffect(() => {
+  React46.useEffect(() => {
     if (!onReadyRef.current) return;
     const msg = allDecided ? composeQueueMessage(items, decisions) : null;
     onReadyRef.current(allDecided && !isSubmitted, msg, decisions.filter(Boolean));
   }, [decisions, allDecided, isSubmitted]);
-  React45.useEffect(() => {
+  React46.useEffect(() => {
     if (!submitRef) return;
     submitRef.current = handleSubmit;
     return () => {
@@ -21141,7 +21324,7 @@ function DecisionQueueResolver(p) {
   const { resolvedDecisions, onDecisionQueueSubmit } = useGenUIInteraction();
   const queueId = (_b = (_a = p.id) != null ? _a : p.title) != null ? _b : "decision-queue";
   const replayed = (_d = (_c = p.resolved) == null ? void 0 : _c.decisions) != null ? _d : null;
-  const [localSubmitted, setLocalSubmitted] = React45.useState(null);
+  const [localSubmitted, setLocalSubmitted] = React46.useState(null);
   const hostLocked = (resolvedDecisions == null ? void 0 : resolvedDecisions[queueId]) != null;
   const submitted = (_e = replayed != null ? replayed : localSubmitted) != null ? _e : hostLocked ? [] : null;
   const handleSubmit = (decisions, message) => {