@adoptai/genui-components 0.1.67 → 0.1.69

package/dist/index.cjs

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var React45 = require('react');
+var React46 = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 var dagre = require('@dagrejs/dagre');
 var reactDom = require('react-dom');
@@ -37,7 +37,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React45__default = /*#__PURE__*/_interopDefault(React45);
+var React46__default = /*#__PURE__*/_interopDefault(React46);
 var dagre__default = /*#__PURE__*/_interopDefault(dagre);
 var XLSX__namespace = /*#__PURE__*/_interopNamespace(XLSX);
 var Papa__default = /*#__PURE__*/_interopDefault(Papa);
@@ -125,14 +125,14 @@ var init_theme = __esm({
   }
 });
 function GenUIThemeProvider({ colors, children }) {
-  const merged = React45.useMemo(
+  const merged = React46.useMemo(
     () => colors ? __spreadValues(__spreadValues({}, exports.DEFAULT_TOKENS), colors) : exports.DEFAULT_TOKENS,
     [colors]
   );
   return /* @__PURE__ */ jsxRuntime.jsx(GenUIThemeContext.Provider, { value: merged, children });
 }
 function useTheme() {
-  return React45.useContext(GenUIThemeContext);
+  return React46.useContext(GenUIThemeContext);
 }
 exports.DEFAULT_TOKENS = void 0; var GenUIThemeContext;
 var init_ThemeContext = __esm({
@@ -154,7 +154,7 @@ var init_ThemeContext = __esm({
       SECONDARY: exports.SECONDARY,
       CHART_PALETTE: [...exports.CHART_PALETTE]
     };
-    GenUIThemeContext = React45.createContext(exports.DEFAULT_TOKENS);
+    GenUIThemeContext = React46.createContext(exports.DEFAULT_TOKENS);
   }
 });
 function renderInline(text) {
@@ -890,11 +890,11 @@ async function getMermaid(t) {
 }
 function MermaidFallback({ diagram, title }) {
   const tokens = useTheme();
-  const [svg, setSvg] = React45.useState("");
-  const [err, setErr] = React45.useState(false);
-  const [full, setFull] = React45.useState(false);
-  const idRef = React45.useRef(0);
-  React45.useEffect(() => {
+  const [svg, setSvg] = React46.useState("");
+  const [err, setErr] = React46.useState(false);
+  const [full, setFull] = React46.useState(false);
+  const idRef = React46.useRef(0);
+  React46.useEffect(() => {
     const id = ++renderSeq;
     idRef.current = id;
     setErr(false);
@@ -963,7 +963,7 @@ function FullscreenModalInner({ nodes, edges, title, onClose }) {
   ] }) });
 }
 function FullscreenModal({ nodes, edges, title, onClose }) {
-  React45.useEffect(() => {
+  React46.useEffect(() => {
     const h = (e) => {
       if (e.key === "Escape") onClose();
     };
@@ -976,8 +976,8 @@ function FullscreenModal({ nodes, edges, title, onClose }) {
   );
 }
 function usePrefersReducedMotion() {
-  const [reduced, setReduced] = React45.useState(false);
-  React45.useEffect(() => {
+  const [reduced, setReduced] = React46.useState(false);
+  React46.useEffect(() => {
     var _a2;
     if (typeof matchMedia === "undefined") return;
     const mq = matchMedia("(prefers-reduced-motion: reduce)");
@@ -1021,9 +1021,9 @@ function topoOrder(nodeIds, edges) {
 }
 function useAutoplay(order, enabled) {
   const reduced = usePrefersReducedMotion();
-  const [step, setStep] = React45.useState(0);
+  const [step, setStep] = React46.useState(0);
   const key = order.join("|");
-  React45.useEffect(() => {
+  React46.useEffect(() => {
     if (!enabled || reduced || order.length === 0) {
       setStep(0);
       return;
@@ -1045,7 +1045,7 @@ function useAutoplay(order, enabled) {
     timer = setTimeout(tick, 850);
     return () => clearTimeout(timer);
   }, [enabled, reduced, key]);
-  return React45.useMemo(() => {
+  return React46.useMemo(() => {
     const m = {};
     order.forEach((id, i) => {
       m[id] = i < step ? "done" : i === step ? "active" : "pending";
@@ -1067,13 +1067,13 @@ function resolveStates(nodes, nodeStates) {
 }
 function Inner({ diagram, title, autoplay, nodeStates }) {
   const tokens = useTheme();
-  const [full, setFull] = React45.useState(false);
-  const [focused, setFocused] = React45.useState(false);
-  const [boxW, setBoxW] = React45.useState(640);
-  const containerRef = React45.useRef(null);
-  const parsed = React45.useMemo(() => parseMermaidFlow(diagram), [diagram]);
-  const layout = React45.useMemo(() => parsed ? computeLayout(parsed) : null, [parsed]);
-  const themedEdges = React45.useMemo(
+  const [full, setFull] = React46.useState(false);
+  const [focused, setFocused] = React46.useState(false);
+  const [boxW, setBoxW] = React46.useState(640);
+  const containerRef = React46.useRef(null);
+  const parsed = React46.useMemo(() => parseMermaidFlow(diagram), [diagram]);
+  const layout = React46.useMemo(() => parsed ? computeLayout(parsed) : null, [parsed]);
+  const themedEdges = React46.useMemo(
     () => {
       var _a2;
       return ((_a2 = layout == null ? void 0 : layout.edges) != null ? _a2 : []).map((e) => __spreadProps(__spreadValues({}, e), {
@@ -1085,7 +1085,7 @@ function Inner({ diagram, title, autoplay, nodeStates }) {
     },
     [layout, tokens.ACCENT, tokens.MUTED]
   );
-  const order = React45.useMemo(
+  const order = React46.useMemo(
     () => {
       var _a2, _b;
       return topoOrder(((_a2 = layout == null ? void 0 : layout.nodes) != null ? _a2 : []).map((n) => n.id), (_b = layout == null ? void 0 : layout.edges) != null ? _b : []);
@@ -1093,19 +1093,19 @@ function Inner({ diagram, title, autoplay, nodeStates }) {
     [layout]
   );
   const autoStatus = useAutoplay(order, !!autoplay);
-  const staticStatus = React45.useMemo(() => {
+  const staticStatus = React46.useMemo(() => {
     var _a2;
     return resolveStates((_a2 = layout == null ? void 0 : layout.nodes) != null ? _a2 : [], nodeStates);
   }, [layout, nodeStates]);
   const statusMap = autoplay ? autoStatus : staticStatus;
-  const displayNodes = React45.useMemo(
+  const displayNodes = React46.useMemo(
     () => {
       var _a2;
       return ((_a2 = layout == null ? void 0 : layout.nodes) != null ? _a2 : []).map((n) => __spreadProps(__spreadValues({}, n), { data: __spreadProps(__spreadValues({}, n.data), { status: statusMap[n.id] }) }));
     },
     [layout, statusMap]
   );
-  const displayEdges = React45.useMemo(
+  const displayEdges = React46.useMemo(
     () => themedEdges.map((e) => {
       const ss = statusMap[e.source];
       const ts = statusMap[e.target];
@@ -1125,13 +1125,13 @@ function Inner({ diagram, title, autoplay, nodeStates }) {
   const [nodes, setNodes, onNC] = react.useNodesState(displayNodes);
   const [edges, setEdges, onEC] = react.useEdgesState(displayEdges);
   const rf = react.useReactFlow();
-  React45.useEffect(() => {
+  React46.useEffect(() => {
     setNodes(displayNodes);
   }, [displayNodes, setNodes]);
-  React45.useEffect(() => {
+  React46.useEffect(() => {
     setEdges(displayEdges);
   }, [displayEdges, setEdges]);
-  React45.useEffect(() => {
+  React46.useEffect(() => {
     const id = requestAnimationFrame(() => {
       try {
         rf.fitView({ padding: 0.1 });
@@ -1140,14 +1140,14 @@ function Inner({ diagram, title, autoplay, nodeStates }) {
     });
     return () => cancelAnimationFrame(id);
   }, [layout, rf]);
-  const handleClickOutside = React45.useCallback((e) => {
+  const handleClickOutside = React46.useCallback((e) => {
     if (containerRef.current && !containerRef.current.contains(e.target)) setFocused(false);
   }, []);
-  React45.useEffect(() => {
+  React46.useEffect(() => {
     document.addEventListener("mousedown", handleClickOutside);
     return () => document.removeEventListener("mousedown", handleClickOutside);
   }, [handleClickOutside]);
-  React45.useEffect(() => {
+  React46.useEffect(() => {
     const el = containerRef.current;
     if (!el) return;
     let raf = 0;
@@ -1299,23 +1299,84 @@ 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] = React46.useState(null);
+  React46.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] = React45.useState(0);
-  const [currentPage, setCurrentPage] = React45.useState(1);
-  const [loading, setLoading] = React45.useState(true);
-  const handleLoad = React45.useCallback(({ numPages: n }) => {
+  const [numPages, setNumPages] = React46.useState(0);
+  const [currentPage, setCurrentPage] = React46.useState(1);
+  const [loading, setLoading] = React46.useState(true);
+  const handleLoad = React46.useCallback(({ numPages: n }) => {
     setNumPages(n);
     setLoading(false);
     onLoadSuccess == null ? void 0 : onLoadSuccess(n);
   }, [onLoadSuccess]);
-  React45.useEffect(() => {
+  React46.useEffect(() => {
     if (numPages <= 1) return;
     const handler = (e) => {
       var _a2;
@@ -1385,23 +1446,34 @@ function PdfViewer({ url, base64, onLoadSuccess }) {
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { overflow: "auto", width: "100%", display: "flex", justifyContent: "center", padding: "16px" }, children: [
       loading && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", height: "200px", color: MUTED2, fontSize: "13px" }, children: "Loading PDF..." }),
-      /* @__PURE__ */ jsxRuntime.jsx(reactPdf.Document, { file: base64 ? `data:application/pdf;base64,${base64}` : url, onLoadSuccess: handleLoad, loading: "", children: /* @__PURE__ */ jsxRuntime.jsx(
-        reactPdf.Page,
+      /* @__PURE__ */ jsxRuntime.jsx(
+        reactPdf.Document,
         {
-          pageNumber: currentPage,
-          width: 540,
-          renderTextLayer: true,
-          renderAnnotationLayer: true
+          file: base64 ? `data:application/pdf;base64,${base64}` : url,
+          onLoadSuccess: handleLoad,
+          onLoadError,
+          loading: "",
+          error: "",
+          children: /* @__PURE__ */ jsxRuntime.jsx(
+            reactPdf.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();
-    reactPdf.pdfjs.GlobalWorkerOptions.workerSrc = `https://unpkg.com/pdfjs-dist@${reactPdf.pdfjs.version}/build/pdf.worker.min.mjs`;
+    resolvePdfWorkerSrc(reactPdf.pdfjs);
   }
 });
 
@@ -1412,13 +1484,13 @@ __export(ExcelViewer_exports, {
 });
 function ExcelViewer({ url, base64, onLoadSuccess }) {
   const { BORDER: BORDER3, MUTED: MUTED2, PAPER: PAPER2, SURFACE: SURFACE2 } = useTheme();
-  const [sheetNames, setSheetNames] = React45.useState([]);
-  const [activeSheet, setActiveSheet] = React45.useState(0);
-  const [data, setData] = React45.useState([]);
-  const [loading, setLoading] = React45.useState(true);
-  const [error, setError] = React45.useState(null);
-  const wbRef = React45.useRef(null);
-  React45.useEffect(() => {
+  const [sheetNames, setSheetNames] = React46.useState([]);
+  const [activeSheet, setActiveSheet] = React46.useState(0);
+  const [data, setData] = React46.useState([]);
+  const [loading, setLoading] = React46.useState(true);
+  const [error, setError] = React46.useState(null);
+  const wbRef = React46.useRef(null);
+  React46.useEffect(() => {
     let cancelled = false;
     setLoading(true);
     setError(null);
@@ -1476,7 +1548,7 @@ function ExcelViewer({ url, base64, onLoadSuccess }) {
     const rows = XLSX__namespace.utils.sheet_to_json(wbRef.current.Sheets[wbRef.current.SheetNames[idx]], { header: 1 });
     setData(rows);
   };
-  React45.useEffect(() => {
+  React46.useEffect(() => {
     if (sheetNames.length <= 1) return;
     const handler = (e) => {
       var _a2;
@@ -1602,10 +1674,10 @@ __export(CsvViewer_exports, {
 });
 function CsvViewer({ url, base64, delimiter, maxRows }) {
   const { BORDER: BORDER3, MUTED: MUTED2, PAPER: PAPER2 } = useTheme();
-  const [rows, setRows] = React45.useState([]);
-  const [loading, setLoading] = React45.useState(true);
-  const [error, setError] = React45.useState(null);
-  React45.useEffect(() => {
+  const [rows, setRows] = React46.useState([]);
+  const [loading, setLoading] = React46.useState(true);
+  const [error, setError] = React46.useState(null);
+  React46.useEffect(() => {
     let cancelled = false;
     setLoading(true);
     setError(null);
@@ -1724,10 +1796,10 @@ __export(TextViewer_exports, {
 });
 function TextViewer({ url, base64, markdown = false, maxLines }) {
   const { MUTED: MUTED2 } = useTheme();
-  const [text, setText] = React45.useState("");
-  const [loading, setLoading] = React45.useState(true);
-  const [error, setError] = React45.useState(null);
-  React45.useEffect(() => {
+  const [text, setText] = React46.useState("");
+  const [loading, setLoading] = React46.useState(true);
+  const [error, setError] = React46.useState(null);
+  React46.useEffect(() => {
     let cancelled = false;
     setLoading(true);
     setError(null);
@@ -1825,10 +1897,10 @@ function sanitize(html) {
 }
 function DocxViewer({ url, base64 }) {
   const { MUTED: MUTED2, BORDER: BORDER3, SURFACE: SURFACE2 } = useTheme();
-  const [html, setHtml] = React45.useState("");
-  const [loading, setLoading] = React45.useState(true);
-  const [error, setError] = React45.useState(null);
-  React45.useEffect(() => {
+  const [html, setHtml] = React46.useState("");
+  const [loading, setLoading] = React46.useState(true);
+  const [error, setError] = React46.useState(null);
+  React46.useEffect(() => {
     let cancelled = false;
     setLoading(true);
     setError(null);
@@ -1908,6 +1980,89 @@ var init_DocxViewer = __esm({
   }
 });
 
+// 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] = React46.useState("");
+  const [loading, setLoading] = React46.useState(true);
+  const [error, setError] = React46.useState(null);
+  React46.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__ */ jsxRuntime.jsx("div", { style: { padding: "24px", color: MUTED2, fontSize: "13px", textAlign: "center" }, children: "Loading\u2026" });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { padding: "24px", color: "#dc2626", fontSize: "13px", textAlign: "center" }, children: error });
+  }
+  return /* @__PURE__ */ jsxRuntime.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();
+  }
+});
+
 // src/index.ts
 init_ThemeContext();
 var dataTableSchema = zod.z.object({
@@ -6089,16 +6244,16 @@ var DOT_COLOR = "#aaaaaa";
 var DOT_HOVER = "#555555";
 function ComponentActions({ children, onDownloadCSV, columnConfig, filename = "component" }) {
   const { BORDER: BORDER3, MUTED: MUTED2, SURFACE: SURFACE2, SURFACE_MUTED: SURFACE_MUTED2 } = useTheme();
-  const [open, setOpen] = React45.useState(false);
-  const [view, setView] = React45.useState("main");
-  const contentRef = React45.useRef(null);
-  const menuRef = React45.useRef(null);
-  const btnRef = React45.useRef(null);
-  const close = React45.useCallback(() => {
+  const [open, setOpen] = React46.useState(false);
+  const [view, setView] = React46.useState("main");
+  const contentRef = React46.useRef(null);
+  const menuRef = React46.useRef(null);
+  const btnRef = React46.useRef(null);
+  const close = React46.useCallback(() => {
     setOpen(false);
     setView("main");
   }, []);
-  React45.useEffect(() => {
+  React46.useEffect(() => {
     if (!open) return;
     const handler = (e) => {
       var _a2, _b;
@@ -6109,7 +6264,7 @@ function ComponentActions({ children, onDownloadCSV, columnConfig, filename = "c
     document.addEventListener("mousedown", handler);
     return () => document.removeEventListener("mousedown", handler);
   }, [open, close]);
-  const handleDownloadPNG = React45.useCallback(async () => {
+  const handleDownloadPNG = React46.useCallback(async () => {
     if (!contentRef.current) return;
     try {
       const url = await htmlToImage.toPng(contentRef.current, { backgroundColor: "white", pixelRatio: 2 });
@@ -6121,7 +6276,7 @@ function ComponentActions({ children, onDownloadCSV, columnConfig, filename = "c
     }
     close();
   }, [filename, close]);
-  const handleCSV = React45.useCallback(() => {
+  const handleCSV = React46.useCallback(() => {
     onDownloadCSV == null ? void 0 : onDownloadCSV();
     close();
   }, [onDownloadCSV, close]);
@@ -6234,12 +6389,12 @@ function MenuButton({ label, onClick }) {
   );
 }
 function useColumnVisibility(columns) {
-  const [hidden, setHidden] = React45.useState(/* @__PURE__ */ new Set());
-  const visibleColumns = React45.useMemo(
+  const [hidden, setHidden] = React46.useState(/* @__PURE__ */ new Set());
+  const visibleColumns = React46.useMemo(
     () => columns.filter((c) => !hidden.has(c.key)),
     [columns, hidden]
   );
-  const toggle = React45.useCallback((key) => {
+  const toggle = React46.useCallback((key) => {
     setHidden((prev) => {
       const next = new Set(prev);
       if (next.has(key)) next.delete(key);
@@ -6247,8 +6402,8 @@ function useColumnVisibility(columns) {
       return next;
     });
   }, []);
-  const showAll = React45.useCallback(() => setHidden(/* @__PURE__ */ new Set()), []);
-  const hideAll = React45.useCallback(
+  const showAll = React46.useCallback(() => setHidden(/* @__PURE__ */ new Set()), []);
+  const hideAll = React46.useCallback(
     () => setHidden(new Set(columns.map((c) => c.key))),
     [columns]
   );
@@ -6505,9 +6660,9 @@ function AlertResolver(p) {
 // src/composites/stat-grid/resolver.tsx
 init_Markdown();
 function FitText({ children, max = 22, min = 13, title, className, style }) {
-  const ref = React45.useRef(null);
-  const [size, setSize] = React45.useState(max);
-  React45.useLayoutEffect(() => {
+  const ref = React46.useRef(null);
+  const [size, setSize] = React46.useState(max);
+  React46.useLayoutEffect(() => {
     const el = ref.current;
     if (!el) return void 0;
     const fit = () => {
@@ -6601,7 +6756,7 @@ init_ThemeContext();
 function TabsPanelResolver(p) {
   var _a2;
   const { BORDER: BORDER3, MUTED: MUTED2, PAPER: PAPER2, SURFACE: SURFACE2, ACCENT: ACCENT2 } = useTheme();
-  const [activeIdx, setActiveIdx] = React45.useState(0);
+  const [activeIdx, setActiveIdx] = React46.useState(0);
   const activeTab = p.tabs[activeIdx];
   return /* @__PURE__ */ jsxRuntime.jsx(ComponentActions, { filename: "tabs-panel", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { width: "100%", display: "flex", flexDirection: "column", gap: "0" }, children: [
     /* @__PURE__ */ jsxRuntime.jsx(
@@ -6865,7 +7020,7 @@ var thStyle = (MUTED2, BORDER3, PAPER2) => ({
 function ScreenerTableResolver(p) {
   var _a2, _b, _c, _d, _e, _f;
   const { ACCENT: ACCENT2, BORDER: BORDER3, BORDER_SOFT: BORDER_SOFT2, MUTED: MUTED2, PAPER: PAPER2, SURFACE: SURFACE2, SURFACE_MUTED: SURFACE_MUTED2 } = useTheme();
-  const [activeFilters, setActiveFilters] = React45.useState(new Set((_a2 = p.activeFilters) != null ? _a2 : []));
+  const [activeFilters, setActiveFilters] = React46.useState(new Set((_a2 = p.activeFilters) != null ? _a2 : []));
   const { visibleColumns, hidden, toggle, showAll, hideAll, allColumns } = useColumnVisibility((_b = p.columns) != null ? _b : []);
   const toggleFilter = (f) => setActiveFilters((prev) => {
     const next = new Set(prev);
@@ -6935,7 +7090,7 @@ var th2 = (MUTED2, BORDER3, PAPER2) => ({
 function GroupRows({ group, columns, depth }) {
   var _a2, _b;
   const { MUTED: MUTED2, PAPER: PAPER2, BORDER_SOFT: BORDER_SOFT2 } = useTheme();
-  const [open, setOpen] = React45.useState(true);
+  const [open, setOpen] = React46.useState(true);
   const indent = depth * 14;
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsxs(
@@ -7040,7 +7195,7 @@ var dotColor = {
 function NewsFeedResolver(p) {
   var _a2, _b;
   const { ACCENT: ACCENT2, MUTED: MUTED2, SURFACE: SURFACE2, SHADOW: SHADOW2 } = useTheme();
-  const [filter, setFilter] = React45.useState(null);
+  const [filter, setFilter] = React46.useState(null);
   const sentiments = ["positive", "neutral", "negative"].filter(
     (s) => {
       var _a3;
@@ -7082,9 +7237,9 @@ function NewsFeedResolver(p) {
   ] }) });
 }
 function useSeriesToggle(seriesKeys) {
-  const [hidden, setHidden] = React45.useState(/* @__PURE__ */ new Set());
-  const isVisible = React45.useCallback((key) => !hidden.has(key), [hidden]);
-  const toggle = React45.useCallback((key) => {
+  const [hidden, setHidden] = React46.useState(/* @__PURE__ */ new Set());
+  const isVisible = React46.useCallback((key) => !hidden.has(key), [hidden]);
+  const toggle = React46.useCallback((key) => {
     setHidden((prev) => {
       const next = new Set(prev);
       if (next.has(key)) next.delete(key);
@@ -7092,7 +7247,7 @@ function useSeriesToggle(seriesKeys) {
       return next;
     });
   }, []);
-  const showAll = React45.useCallback(() => setHidden(/* @__PURE__ */ new Set()), []);
+  const showAll = React46.useCallback(() => setHidden(/* @__PURE__ */ new Set()), []);
   return { hidden, isVisible, toggle, showAll, allKeys: seriesKeys };
 }
 
@@ -7397,7 +7552,7 @@ function WaterfallChartResolver(p) {
 }
 init_ThemeContext();
 init_theme();
-var FlowGraph2 = React45__default.default.lazy(
+var FlowGraph2 = React46__default.default.lazy(
   () => Promise.resolve().then(() => (init_FlowGraph(), FlowGraph_exports)).then((m) => ({ default: m.FlowGraph }))
 );
 function FlowCanvasRenderer({
@@ -7438,7 +7593,7 @@ function FlowCanvasRenderer({
       overflow: "hidden",
       background: SURFACE2,
       position: "relative"
-    }, diagram ? {} : { height: "320px" }), children: diagram ? /* @__PURE__ */ jsxRuntime.jsx(React45.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntime.jsx(FlowGraph2, { diagram, title, autoplay, nodeStates }) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { style: {
+    }, diagram ? {} : { height: "320px" }), children: diagram ? /* @__PURE__ */ jsxRuntime.jsx(React46.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntime.jsx(FlowGraph2, { diagram, title, autoplay, nodeStates }) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { style: {
       position: "absolute",
       inset: 0,
       display: "flex",
@@ -7673,7 +7828,7 @@ function TrialBalanceResolver(p) {
             gDebit += a.debit;
             gCredit += a.credit;
           });
-          return /* @__PURE__ */ jsxRuntime.jsxs(React45__default.default.Fragment, { children: [
+          return /* @__PURE__ */ jsxRuntime.jsxs(React46__default.default.Fragment, { children: [
             /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.jsx("td", { colSpan: 4, style: {
               padding: "8px 12px",
               fontSize: "12px",
@@ -8211,7 +8366,7 @@ function ItemRow({ item }) {
 }
 function Section({ section }) {
   const { BORDER: BORDER3, MUTED: MUTED2, SURFACE: SURFACE2 } = useTheme();
-  const [open, setOpen] = React45.useState(true);
+  const [open, setOpen] = React46.useState(true);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
     /* @__PURE__ */ jsxRuntime.jsxs(
       "button",
@@ -8334,7 +8489,7 @@ function ReconciliationViewResolver(p) {
   const { BORDER: BORDER3, BORDER_SOFT: BORDER_SOFT2, MUTED: MUTED2, PAPER: PAPER2, ACCENT: ACCENT2, SURFACE: SURFACE2, SURFACE_MUTED: SURFACE_MUTED2 } = useTheme();
   const sourceA = (_a2 = p.sourceA) != null ? _a2 : { label: "Source A" };
   const sourceB = (_b = p.sourceB) != null ? _b : { label: "Source B" };
-  const [activeTab, setActiveTab] = React45.useState("matched");
+  const [activeTab, setActiveTab] = React46.useState("matched");
   const balanceA = (_d = (_c = p.summary) == null ? void 0 : _c.balanceA) != null ? _d : 0;
   const balanceB = (_f = (_e = p.summary) == null ? void 0 : _e.balanceB) != null ? _f : 0;
   const difference = (_h = (_g = p.summary) == null ? void 0 : _g.difference) != null ? _h : balanceA - balanceB;
@@ -8980,7 +9135,7 @@ function ChangesView({ changes }) {
 function EventCard({ event }) {
   var _a2;
   const { BORDER: BORDER3, MUTED: MUTED2, ACCENT: ACCENT2, SURFACE: SURFACE2 } = useTheme();
-  const [showChanges, setShowChanges] = React45.useState(false);
+  const [showChanges, setShowChanges] = React46.useState(false);
   const ac = (_a2 = actionConfig[event.action]) != null ? _a2 : actionConfig.commented;
   const hasChanges = event.changes && event.changes.length > 0;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", gap: "12px", position: "relative" }, children: [
@@ -9038,23 +9193,23 @@ function AuditTrailResolver(p) {
 }
 init_Markdown();
 function useFullscreen(ref) {
-  const [isFullscreen, setIsFullscreen] = React45.useState(false);
-  React45.useEffect(() => {
+  const [isFullscreen, setIsFullscreen] = React46.useState(false);
+  React46.useEffect(() => {
     const handler = () => {
       setIsFullscreen(!!document.fullscreenElement);
     };
     document.addEventListener("fullscreenchange", handler);
     return () => document.removeEventListener("fullscreenchange", handler);
   }, []);
-  const enter = React45.useCallback(() => {
+  const enter = React46.useCallback(() => {
     var _a2, _b;
     (_b = (_a2 = ref.current) == null ? void 0 : _a2.requestFullscreen) == null ? void 0 : _b.call(_a2);
   }, [ref]);
-  const exit = React45.useCallback(() => {
+  const exit = React46.useCallback(() => {
     var _a2;
     if (document.fullscreenElement) (_a2 = document.exitFullscreen) == null ? void 0 : _a2.call(document);
   }, []);
-  const toggle = React45.useCallback(() => {
+  const toggle = React46.useCallback(() => {
     if (isFullscreen) exit();
     else enter();
   }, [isFullscreen, enter, exit]);
@@ -9064,10 +9219,11 @@ function useFullscreen(ref) {
 // src/composites/document-preview/resolver.tsx
 init_theme();
 init_ThemeContext();
-var PdfViewer2 = React45__default.default.lazy(
+init_pdfWorkerProbe();
+var PdfViewer2 = React46__default.default.lazy(
   () => Promise.resolve().then(() => (init_PdfViewer(), PdfViewer_exports)).then((m) => ({ default: m.PdfViewer }))
 );
-var ExcelViewer2 = React45__default.default.lazy(
+var ExcelViewer2 = React46__default.default.lazy(
   () => Promise.resolve().then(() => (init_ExcelViewer(), ExcelViewer_exports)).then((m) => ({ default: m.ExcelViewer }))
 );
 var highlightColors = {
@@ -9118,8 +9274,8 @@ function DownloadIcon() {
 function DocumentPreviewResolver(p) {
   var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u;
   const { BORDER: BORDER3, MUTED: MUTED2, PAPER: PAPER2, ACCENT: ACCENT2, SURFACE: SURFACE2, SHADOW: SHADOW2 } = useTheme();
-  const [currentPage, setCurrentPage] = React45.useState(0);
-  const containerRef = React45.useRef(null);
+  const [currentPage, setCurrentPage] = React46.useState(0);
+  const containerRef = React46.useRef(null);
   const { isFullscreen, toggle } = useFullscreen(containerRef);
   const hasRealFile = !!(((_a2 = p.source) == null ? void 0 : _a2.url) || ((_b = p.source) == null ? void 0 : _b.base64));
   const isPdf = p.documentType === "pdf";
@@ -9127,9 +9283,15 @@ 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 handlePdfLoad = React45.useCallback(() => {
+  const [pdfFailed, setPdfFailed] = React46.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 = React46.useCallback(() => {
   }, []);
-  const handleExcelLoad = React45.useCallback(() => {
+  const handlePdfError = React46.useCallback(() => setPdfFailed(true), []);
+  const handleExcelLoad = React46.useCallback(() => {
   }, []);
   return /* @__PURE__ */ jsxRuntime.jsx(ComponentActions, { filename: (_e = p.title) != null ? _e : "document-preview", children: /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
@@ -9222,7 +9384,7 @@ function DocumentPreviewResolver(p) {
             children: pg.label
           },
           i
-        )) }) : !hasRealFile && totalPages > 1 && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", gap: "8px", padding: "6px 14px", borderLeft: `1px solid ${BORDER3}`, borderRight: `1px solid ${BORDER3}`, background: SURFACE2 }, children: [
           /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("span", { style: { fontSize: "12px", color: MUTED2 }, children: [
             currentPage + 1,
@@ -9242,7 +9404,7 @@ function DocumentPreviewResolver(p) {
           display: "flex",
           flexDirection: "column"
         }, children: [
-          hasRealFile && isPdf ? /* @__PURE__ */ jsxRuntime.jsx(React45.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(React45.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { style: { padding: "20px" }, children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: page.imageUrl, alt: page.label, style: { maxWidth: "100%", borderRadius: "4px" } }) }) : (page == null ? void 0 : page.content) ? /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontFamily: "var(--font-sans, system-ui)", fontSize: "13px", color: "var(--foreground)", lineHeight: 1.6, margin: 0, padding: "20px" }, children: /* @__PURE__ */ jsxRuntime.jsx(Markdown, { content: page.content }) }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", height: "120px", color: MUTED2, fontSize: "13px" }, children: [
+          showPdfViewer ? /* @__PURE__ */ jsxRuntime.jsx(React46.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", height: "200px", color: MUTED2, fontSize: "13px" }, children: "Loading preview\u2026" }) : hasRealFile && isExcel ? /* @__PURE__ */ jsxRuntime.jsx(React46.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { style: { padding: "20px" }, children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: page.imageUrl, alt: page.label, style: { maxWidth: "100%", borderRadius: "4px" } }) }) : (page == null ? void 0 : page.content) ? /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontFamily: "var(--font-sans, system-ui)", fontSize: "13px", color: "var(--foreground)", lineHeight: 1.6, margin: 0, padding: "20px" }, children: /* @__PURE__ */ jsxRuntime.jsx(Markdown, { content: page.content }) }) : /* @__PURE__ */ jsxRuntime.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"
           ] }),
@@ -9307,7 +9469,7 @@ function ConfidenceBar({ confidence, height = 6 }) {
 function StepCard({ step, isLast }) {
   var _a2;
   const { ACCENT: ACCENT2, MUTED: MUTED2, BORDER: BORDER3, SURFACE_MUTED: SURFACE_MUTED2 } = useTheme();
-  const [expanded, setExpanded] = React45.useState(false);
+  const [expanded, setExpanded] = React46.useState(false);
   const cfg = stepTypeConfig[step.stepType];
   const detail = (_a2 = step.detail) != null ? _a2 : "";
   const isLong = detail.length > 100;
@@ -9816,7 +9978,7 @@ function ExampleRow({ example }) {
 }
 function PartSection({ part, defaultOpen }) {
   const { BORDER: BORDER3, MUTED: MUTED2, SURFACE: SURFACE2 } = useTheme();
-  const [open, setOpen] = React45.useState(defaultOpen);
+  const [open, setOpen] = React46.useState(defaultOpen);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
     /* @__PURE__ */ jsxRuntime.jsxs(
       "button",
@@ -9946,7 +10108,7 @@ function EngagementPipelineResolver(p) {
   const defaultActive = phases.findIndex(
     (ph) => ph.status === "in-progress" || ph.status === "blocked"
   );
-  const [activeIdx, setActiveIdx] = React45.useState(defaultActive >= 0 ? defaultActive : 0);
+  const [activeIdx, setActiveIdx] = React46.useState(defaultActive >= 0 ? defaultActive : 0);
   const activePhase = phases[activeIdx];
   return /* @__PURE__ */ jsxRuntime.jsx(ComponentActions, { filename: (_b = p.title) != null ? _b : "engagement-pipeline", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { width: "100%", display: "flex", flexDirection: "column", gap: "12px" }, children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "4px" }, children: [
@@ -10030,7 +10192,7 @@ function EngagementPipelineResolver(p) {
             const color = (_a3 = statusColor2[phase.status]) != null ? _a3 : "#d6d3d1";
             const isCurrent = i === activeIdx;
             const size = isCurrent ? 28 : 20;
-            return /* @__PURE__ */ jsxRuntime.jsxs(React45__default.default.Fragment, { children: [
+            return /* @__PURE__ */ jsxRuntime.jsxs(React46__default.default.Fragment, { children: [
               i > 0 && /* @__PURE__ */ jsxRuntime.jsx(
                 "div",
                 {
@@ -10338,7 +10500,7 @@ function Avatar({ name, avatar, hovered }) {
 function EntityCardGridResolver(p) {
   var _a2, _b;
   const { BORDER: BORDER3, MUTED: MUTED2, ACCENT: ACCENT2, SHADOW: SHADOW2 } = useTheme();
-  const [hoveredId, setHoveredId] = React45.useState(null);
+  const [hoveredId, setHoveredId] = React46.useState(null);
   return /* @__PURE__ */ jsxRuntime.jsx(ComponentActions, { filename: (_a2 = p.title) != null ? _a2 : "entity-card-grid", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { width: "100%", display: "flex", flexDirection: "column", gap: "10px" }, children: [
     p.title && /* @__PURE__ */ jsxRuntime.jsx(
       "p",
@@ -10595,7 +10757,7 @@ function StepRow({ step }) {
 function JobTrackerResolver(p) {
   var _a2, _b, _c, _d, _e, _f, _g;
   const { BORDER: BORDER3, MUTED: MUTED2, ACCENT: ACCENT2, PAPER: PAPER2, SURFACE: SURFACE2, SURFACE_MUTED: SURFACE_MUTED2, SHADOW: SHADOW2 } = useTheme();
-  const [stepsOpen, setStepsOpen] = React45.useState(true);
+  const [stepsOpen, setStepsOpen] = React46.useState(true);
   const barColor = (_a2 = statusColors[p.status]) != null ? _a2 : MUTED2;
   const badge = (_b = statusBadgeConfig[p.status]) != null ? _b : statusBadgeConfig.queued;
   const progress = (_c = p.progress) != null ? _c : p.status === "completed" ? 100 : 0;
@@ -11038,7 +11200,7 @@ function CitationCard({
 }
 function FollowUpItem({ text }) {
   const { SECONDARY: SECONDARY2 } = useTheme();
-  const [hovered, setHovered] = React45.useState(false);
+  const [hovered, setHovered] = React46.useState(false);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "span",
     {
@@ -11064,7 +11226,7 @@ function CitationMarker({
   onClick
 }) {
   const { SECONDARY: SECONDARY2 } = useTheme();
-  const [hovered, setHovered] = React45.useState(false);
+  const [hovered, setHovered] = React46.useState(false);
   return /* @__PURE__ */ jsxRuntime.jsx(
     "sup",
     {
@@ -11093,7 +11255,7 @@ function CitationMarker({
 function CitedAnswerResolver(p) {
   var _a2, _b, _c, _d, _e;
   const { BORDER: BORDER3, MUTED: MUTED2, ACCENT: ACCENT2, SECONDARY: SECONDARY2, SURFACE: SURFACE2, SHADOW: SHADOW2 } = useTheme();
-  const [expandedIds, setExpandedIds] = React45.useState(/* @__PURE__ */ new Set());
+  const [expandedIds, setExpandedIds] = React46.useState(/* @__PURE__ */ new Set());
   const toggleCitation = (id) => {
     setExpandedIds((prev) => {
       const next = new Set(prev);
@@ -11398,7 +11560,7 @@ function TransactionFeedResolver(p) {
   var _a2, _b, _c, _d, _e;
   const { BORDER: BORDER3, MUTED: MUTED2 } = useTheme();
   const currency = (_a2 = p.currency) != null ? _a2 : "USD";
-  const [hoveredIndex, setHoveredIndex] = React45.useState(null);
+  const [hoveredIndex, setHoveredIndex] = React46.useState(null);
   const hasBalance = ((_b = p.transactions) != null ? _b : []).some((tx) => tx.balance != null);
   const totalInflows = p.transactions.filter((tx) => tx.amount > 0 && tx.status !== "reversed").reduce((sum, tx) => sum + tx.amount, 0);
   const totalOutflows = p.transactions.filter((tx) => tx.amount < 0 && tx.status !== "reversed").reduce((sum, tx) => sum + tx.amount, 0);
@@ -11556,7 +11718,7 @@ function formatDate2(dateStr) {
 function FileRow({ item }) {
   var _a2;
   const { BORDER: BORDER3, MUTED: MUTED2, PAPER: PAPER2, SURFACE: SURFACE2, SECONDARY: SECONDARY2 } = useTheme();
-  const [hovered, setHovered] = React45.useState(false);
+  const [hovered, setHovered] = React46.useState(false);
   const cfg = getDocConfig(item.docType);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
@@ -11633,8 +11795,8 @@ function FileRow({ item }) {
 }
 function GroupSection({ groupName, items }) {
   const { BORDER: BORDER3, MUTED: MUTED2, SURFACE: SURFACE2, SURFACE_MUTED: SURFACE_MUTED2 } = useTheme();
-  const [open, setOpen] = React45.useState(true);
-  const [headerHovered, setHeaderHovered] = React45.useState(false);
+  const [open, setOpen] = React46.useState(true);
+  const [headerHovered, setHeaderHovered] = React46.useState(false);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
     /* @__PURE__ */ jsxRuntime.jsxs(
       "button",
@@ -11750,7 +11912,7 @@ init_theme();
 var FAMILIES = [
   { exts: ["csv", "tsv", "xls", "xlsx", "numbers"], fg: exports.SEMANTIC.success.color, bg: exports.SEMANTIC.success.bg },
   { exts: ["pdf"], fg: exports.SEMANTIC.error.color, bg: exports.SEMANTIC.error.bg },
-  { exts: ["doc", "docx", "txt", "md", "rtf", "pages"], fg: exports.SEMANTIC.info.color, bg: exports.SEMANTIC.info.bg },
+  { exts: ["doc", "docx", "txt", "md", "rtf", "pages", "html", "htm"], fg: exports.SEMANTIC.info.color, bg: exports.SEMANTIC.info.bg },
   { exts: ["json", "yaml", "yml", "xml", "toml"], fg: exports.SEMANTIC.purple.color, bg: exports.SEMANTIC.purple.bg },
   { exts: ["zip", "tar", "gz", "rar", "7z"], fg: exports.SEMANTIC.warning.color, bg: exports.SEMANTIC.warning.bg },
   { exts: ["png", "jpg", "jpeg", "gif", "svg", "webp", "bmp"], fg: exports.SEMANTIC.info.color, bg: exports.SEMANTIC.info.bg }
@@ -11777,7 +11939,9 @@ var PREVIEW_EXTS = {
   txt: "text",
   log: "text",
   text: "text",
-  docx: "docx"
+  docx: "docx",
+  html: "html",
+  htm: "html"
 };
 function extOf(fileType, filename) {
   var _a2;
@@ -11788,6 +11952,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, "");
@@ -11824,17 +11989,32 @@ function isExpirySoon(expiresAt) {
 
 // src/shared/viewers/PreviewHost.tsx
 init_ThemeContext();
-var PdfViewer3 = React45.lazy(
+init_pdfWorkerProbe();
+var PdfViewer3 = React46.lazy(
   () => Promise.resolve().then(() => (init_PdfViewer(), PdfViewer_exports)).then((m) => ({ default: m.PdfViewer }))
 );
-var ExcelViewer3 = React45.lazy(
+var ExcelViewer3 = React46.lazy(
   () => Promise.resolve().then(() => (init_ExcelViewer(), ExcelViewer_exports)).then((m) => ({ default: m.ExcelViewer }))
 );
-var CsvViewer2 = React45.lazy(() => Promise.resolve().then(() => (init_CsvViewer(), CsvViewer_exports)).then((m) => ({ default: m.CsvViewer })));
-var TextViewer2 = React45.lazy(() => Promise.resolve().then(() => (init_TextViewer(), TextViewer_exports)).then((m) => ({ default: m.TextViewer })));
-var DocxViewer2 = React45.lazy(() => Promise.resolve().then(() => (init_DocxViewer(), DocxViewer_exports)).then((m) => ({ default: m.DocxViewer })));
+var CsvViewer2 = React46.lazy(() => Promise.resolve().then(() => (init_CsvViewer(), CsvViewer_exports)).then((m) => ({ default: m.CsvViewer })));
+var TextViewer2 = React46.lazy(() => Promise.resolve().then(() => (init_TextViewer(), TextViewer_exports)).then((m) => ({ default: m.TextViewer })));
+var DocxViewer2 = React46.lazy(() => Promise.resolve().then(() => (init_DocxViewer(), DocxViewer_exports)).then((m) => ({ default: m.DocxViewer })));
+var HtmlViewer2 = React46.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] = React46.useState(false);
+  const workerReady = usePdfWorkerReady(true);
+  const ready = failed ? false : workerReady;
+  if (ready === null) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { padding: "24px", color: MUTED2, fontSize: "13px", textAlign: "center" }, children: "Loading preview\u2026" });
+  }
+  if (ready === false) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { padding: "24px", color: MUTED2, fontSize: "13px", textAlign: "center" }, children: "Preview unavailable \u2014 download the file to view it." });
+  }
+  return /* @__PURE__ */ jsxRuntime.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";
@@ -11842,7 +12022,7 @@ function PreviewHost({ kind, source, mode = "full" }) {
   let viewer = null;
   switch (kind) {
     case "pdf":
-      viewer = /* @__PURE__ */ jsxRuntime.jsx(PdfViewer3, { url: source.url, base64: source.base64 });
+      viewer = /* @__PURE__ */ jsxRuntime.jsx(GatedPdfViewer, { source });
       break;
     case "excel":
       viewer = /* @__PURE__ */ jsxRuntime.jsx(ExcelViewer3, { url: source.url, base64: source.base64 });
@@ -11859,10 +12039,13 @@ function PreviewHost({ kind, source, mode = "full" }) {
     case "docx":
       viewer = /* @__PURE__ */ jsxRuntime.jsx(DocxViewer2, { url: source.url, base64: source.base64 });
       break;
+    case "html":
+      viewer = /* @__PURE__ */ jsxRuntime.jsx(HtmlViewer2, { url: source.url, base64: source.base64, height: peek ? 240 : 480 });
+      break;
     default:
       return null;
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(React45.Suspense, { fallback, children: viewer });
+  return /* @__PURE__ */ jsxRuntime.jsx(React46.Suspense, { fallback, children: viewer });
 }
 
 // src/shared/PreviewModal.tsx
@@ -11878,7 +12061,7 @@ function PreviewModal({
   onDownload
 }) {
   const { BORDER: BORDER3, MUTED: MUTED2, ACCENT: ACCENT2, SURFACE: SURFACE2, FOREGROUND: FOREGROUND2, SCRIM: SCRIM2 } = useTheme();
-  React45.useEffect(() => {
+  React46.useEffect(() => {
     if (!open) return;
     const onKey = (e) => {
       if (e.key === "Escape") onClose();
@@ -12055,17 +12238,17 @@ function FileCard({
   previewDisabled = false
 }) {
   const { BORDER: BORDER3, MUTED: MUTED2, ACCENT: ACCENT2, SURFACE: SURFACE2, SURFACE_MUTED: SURFACE_MUTED2, SHADOW: SHADOW2 } = useTheme();
-  const [cardHover, setCardHover] = React45.useState(false);
-  const [btnHover, setBtnHover] = React45.useState(false);
-  const [pvHover, setPvHover] = React45.useState(false);
+  const [cardHover, setCardHover] = React46.useState(false);
+  const [btnHover, setBtnHover] = React46.useState(false);
+  const [pvHover, setPvHover] = React46.useState(false);
   const previewKind = previewKindFor(fileType, filename);
   const canPreview = !previewDisabled && previewKind !== null && (!!previewUrl || !!fetchPreviewBlob);
-  const [peekOpen, setPeekOpen] = React45.useState(false);
-  const [modalOpen, setModalOpen] = React45.useState(false);
-  const [source, setSource] = React45.useState(previewUrl ? { url: previewUrl } : null);
-  const [pvLoading, setPvLoading] = React45.useState(false);
-  const [pvError, setPvError] = React45.useState(null);
-  const ensureSource = React45.useCallback(async () => {
+  const [peekOpen, setPeekOpen] = React46.useState(false);
+  const [modalOpen, setModalOpen] = React46.useState(false);
+  const [source, setSource] = React46.useState(previewUrl ? { url: previewUrl } : null);
+  const [pvLoading, setPvLoading] = React46.useState(false);
+  const [pvError, setPvError] = React46.useState(null);
+  const ensureSource = React46.useCallback(async () => {
     if (source) return source;
     if (previewUrl) {
       const s = { url: previewUrl };
@@ -12087,7 +12270,7 @@ function FileCard({
       setPvLoading(false);
     }
   }, [source, previewUrl, fetchPreviewBlob]);
-  const togglePeek = React45.useCallback(async () => {
+  const togglePeek = React46.useCallback(async () => {
     if (peekOpen) {
       setPeekOpen(false);
       return;
@@ -12095,7 +12278,7 @@ function FileCard({
     setPeekOpen(true);
     await ensureSource();
   }, [peekOpen, ensureSource]);
-  const openModal = React45.useCallback(async () => {
+  const openModal = React46.useCallback(async () => {
     const s = await ensureSource();
     if (s) setModalOpen(true);
   }, [ensureSource]);
@@ -12210,7 +12393,7 @@ function FileCard({
                       whiteSpace: "nowrap"
                     },
                     children: [
-                      metaTokens.map((t, i) => /* @__PURE__ */ jsxRuntime.jsxs(React45__default.default.Fragment, { children: [
+                      metaTokens.map((t, i) => /* @__PURE__ */ jsxRuntime.jsxs(React46__default.default.Fragment, { children: [
                         i > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: MUTED2 }, children: "\xB7" }),
                         /* @__PURE__ */ jsxRuntime.jsx("span", { children: t })
                       ] }, i)),
@@ -12555,7 +12738,7 @@ function ServiceCard({ item, isHovered, onHover, onLeave: onLeave2 }) {
 function OpsDashboardResolver(p) {
   var _a2, _b, _c;
   const { BORDER: BORDER3, MUTED: MUTED2 } = useTheme();
-  const [hoveredId, setHoveredId] = React45.useState(null);
+  const [hoveredId, setHoveredId] = React46.useState(null);
   const hasRunning = ((_a2 = p.items) != null ? _a2 : []).some((item) => item.state === "running");
   return /* @__PURE__ */ jsxRuntime.jsxs(ComponentActions, { filename: (_b = p.title) != null ? _b : "ops-dashboard", children: [
     hasRunning && /* @__PURE__ */ jsxRuntime.jsx("style", { children: PULSE_KEYFRAMES }),
@@ -12609,8 +12792,8 @@ function formatDate3(value) {
 }
 function CopyButton({ value, rowHovered }) {
   const { MUTED: MUTED2 } = useTheme();
-  const [copied, setCopied] = React45.useState(false);
-  const [btnHovered, setBtnHovered] = React45.useState(false);
+  const [copied, setCopied] = React46.useState(false);
+  const [btnHovered, setBtnHovered] = React46.useState(false);
   const handleCopy = () => {
     navigator.clipboard.writeText(value).then(() => {
       setCopied(true);
@@ -12704,7 +12887,7 @@ function ValueCell({ item }) {
 }
 function KVRow({ item, isLast, index }) {
   const { MUTED: MUTED2, BORDER: BORDER3, SURFACE: SURFACE2, SURFACE_MUTED: SURFACE_MUTED2 } = useTheme();
-  const [hovered, setHovered] = React45.useState(false);
+  const [hovered, setHovered] = React46.useState(false);
   const altBg = index % 2 === 1 ? SURFACE_MUTED2 : SURFACE2;
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
@@ -12789,7 +12972,7 @@ function KeyValueListResolver(p) {
               var _a4;
               return sum + ((_a4 = g.items) != null ? _a4 : []).length;
             }, 0);
-            return /* @__PURE__ */ jsxRuntime.jsxs(React45__default.default.Fragment, { children: [
+            return /* @__PURE__ */ jsxRuntime.jsxs(React46__default.default.Fragment, { children: [
               /* @__PURE__ */ jsxRuntime.jsxs(
                 "div",
                 {
@@ -12967,7 +13150,7 @@ function BalanceSheetResolver(p) {
       /* @__PURE__ */ jsxRuntime.jsxs("tbody", { children: [
         ((_p = p.sections) != null ? _p : []).map((section) => {
           var _a3;
-          return /* @__PURE__ */ jsxRuntime.jsxs(React45__default.default.Fragment, { children: [
+          return /* @__PURE__ */ jsxRuntime.jsxs(React46__default.default.Fragment, { children: [
             /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.jsx("td", { colSpan, style: {
               padding: "8px 12px",
               fontSize: "12px",
@@ -12980,7 +13163,7 @@ function BalanceSheetResolver(p) {
             }, children: (_a3 = categoryLabels2[section.category]) != null ? _a3 : section.category }) }),
             section.subsections.map((sub, si) => {
               var _a4;
-              return /* @__PURE__ */ jsxRuntime.jsxs(React45__default.default.Fragment, { children: [
+              return /* @__PURE__ */ jsxRuntime.jsxs(React46__default.default.Fragment, { children: [
                 /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.jsx("td", { colSpan, style: {
                   padding: "6px 10px 6px 24px",
                   fontSize: "12px",
@@ -13156,7 +13339,7 @@ function IncomeStatementResolver(p) {
           textAlign: "left",
           whiteSpace: "nowrap"
         }, children: "\xA0" }),
-        periods.map((period) => /* @__PURE__ */ jsxRuntime.jsxs(React45__default.default.Fragment, { children: [
+        periods.map((period) => /* @__PURE__ */ jsxRuntime.jsxs(React46__default.default.Fragment, { children: [
           /* @__PURE__ */ jsxRuntime.jsx("th", { style: {
             fontSize: "11px",
             fontWeight: 500,
@@ -13187,7 +13370,7 @@ function IncomeStatementResolver(p) {
         sections.map((section, si) => {
           var _a3;
           const isSubtotal = section.sectionType === "subtotal";
-          return /* @__PURE__ */ jsxRuntime.jsxs(React45__default.default.Fragment, { children: [
+          return /* @__PURE__ */ jsxRuntime.jsxs(React46__default.default.Fragment, { children: [
             /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.jsx("td", { colSpan: colCount, style: {
               padding: "8px 12px",
               fontSize: "12px",
@@ -13218,7 +13401,7 @@ function IncomeStatementResolver(p) {
                   var _a5;
                   const val = (_a5 = amounts[pi]) != null ? _a5 : 0;
                   const isNeg = val < 0;
-                  return /* @__PURE__ */ jsxRuntime.jsxs(React45__default.default.Fragment, { children: [
+                  return /* @__PURE__ */ jsxRuntime.jsxs(React46__default.default.Fragment, { children: [
                     /* @__PURE__ */ jsxRuntime.jsx("td", { style: {
                       padding: "6px 10px",
                       fontSize: "13px",
@@ -13253,7 +13436,7 @@ function IncomeStatementResolver(p) {
             var _a3;
             const val = (_a3 = grossProfit[pi]) != null ? _a3 : 0;
             const isNeg = val < 0;
-            return /* @__PURE__ */ jsxRuntime.jsxs(React45__default.default.Fragment, { children: [
+            return /* @__PURE__ */ jsxRuntime.jsxs(React46__default.default.Fragment, { children: [
               /* @__PURE__ */ jsxRuntime.jsx("td", { style: {
                 padding: "8px 10px",
                 fontSize: "12px",
@@ -13288,7 +13471,7 @@ function IncomeStatementResolver(p) {
             var _a3;
             const val = (_a3 = operatingIncome[pi]) != null ? _a3 : 0;
             const isNeg = val < 0;
-            return /* @__PURE__ */ jsxRuntime.jsxs(React45__default.default.Fragment, { children: [
+            return /* @__PURE__ */ jsxRuntime.jsxs(React46__default.default.Fragment, { children: [
               /* @__PURE__ */ jsxRuntime.jsx("td", { style: {
                 padding: "8px 10px",
                 fontSize: "12px",
@@ -13322,7 +13505,7 @@ function IncomeStatementResolver(p) {
             var _a3;
             const val = (_a3 = netIncome[pi]) != null ? _a3 : 0;
             const isNeg = val < 0;
-            return /* @__PURE__ */ jsxRuntime.jsxs(React45__default.default.Fragment, { children: [
+            return /* @__PURE__ */ jsxRuntime.jsxs(React46__default.default.Fragment, { children: [
               /* @__PURE__ */ jsxRuntime.jsx("td", { style: {
                 padding: "10px 10px",
                 fontSize: "13px",
@@ -13542,7 +13725,7 @@ function CashFlowStatementResolver(p) {
                       /* @__PURE__ */ jsxRuntime.jsxs("tbody", { children: [
                         activities.map((activity, ai) => {
                           var _a3, _b2, _c2;
-                          return /* @__PURE__ */ jsxRuntime.jsxs(React45__default.default.Fragment, { children: [
+                          return /* @__PURE__ */ jsxRuntime.jsxs(React46__default.default.Fragment, { children: [
                             ai > 0 && /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.jsx(
                               "td",
                               {
@@ -15956,8 +16139,8 @@ var PRIORITY_STYLES = {
 function EscalationCardResolver(p) {
   var _a2, _b, _c, _d, _e;
   const { BORDER: BORDER3, MUTED: MUTED2, ACCENT: ACCENT2, ACCENT_SOFT: ACCENT_SOFT2, SHADOW: SHADOW2 } = useTheme();
-  const [cardHovered, setCardHovered] = React45.useState(false);
-  const [btnHovered, setBtnHovered] = React45.useState(false);
+  const [cardHovered, setCardHovered] = React46.useState(false);
+  const [btnHovered, setBtnHovered] = React46.useState(false);
   const priorityStyle = p.priority ? PRIORITY_STYLES[p.priority] : null;
   const railColor = (_a2 = priorityStyle == null ? void 0 : priorityStyle.color) != null ? _a2 : ACCENT2;
   const iconBg = (_b = priorityStyle == null ? void 0 : priorityStyle.bg) != null ? _b : "#fff2ec";
@@ -16829,9 +17012,9 @@ var CONNECTED_GREEN = "#15803d";
 function ConnectIntegrationResolver(p) {
   var _a2;
   const { BORDER: BORDER3, MUTED: MUTED2, ACCENT: ACCENT2, ACCENT_SOFT: ACCENT_SOFT2, PAPER: PAPER2, SURFACE: SURFACE2, SHADOW: SHADOW2 } = useTheme();
-  const [cardHovered, setCardHovered] = React45.useState(false);
-  const [btnHovered, setBtnHovered] = React45.useState(false);
-  const [imgFailed, setImgFailed] = React45.useState(false);
+  const [cardHovered, setCardHovered] = React46.useState(false);
+  const [btnHovered, setBtnHovered] = React46.useState(false);
+  const [imgFailed, setImgFailed] = React46.useState(false);
   const name = (p.integrationName || "Integration").trim();
   const initial = name.charAt(0).toUpperCase();
   const iconSrc = p.iconUrl || brandIconUrl(name);
@@ -16993,9 +17176,9 @@ function IntegrationsListResolver(p) {
   var _a2, _b;
   const { BORDER: BORDER3, MUTED: MUTED2, PAPER: PAPER2, ACCENT: ACCENT2, ACCENT_SOFT: ACCENT_SOFT2, SURFACE: SURFACE2, SHADOW: SHADOW2 } = useTheme();
   const integrations = Array.isArray(p.integrations) ? p.integrations : [];
-  const [rowHover, setRowHover] = React45.useState(null);
-  const [btnHover, setBtnHover] = React45.useState(null);
-  const [failed, setFailed] = React45.useState({});
+  const [rowHover, setRowHover] = React46.useState(null);
+  const [btnHover, setBtnHover] = React46.useState(null);
+  const [failed, setFailed] = React46.useState({});
   const connectedCount = integrations.filter((i) => i.status === "connected").length;
   return /* @__PURE__ */ jsxRuntime.jsx(ComponentActions, { filename: (_a2 = p.title) != null ? _a2 : "integrations", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { width: "100%", display: "flex", flexDirection: "column", gap: "11px" }, children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "2px" }, children: [
@@ -17487,13 +17670,13 @@ var ellipsis = {
 function PipelinePreviewResolver(p) {
   var _a2, _b, _c, _d, _e, _f, _g;
   const { MUTED: MUTED2, PAPER: PAPER2, BORDER: BORDER3, ACCENT: ACCENT2, ACCENT_SOFT: ACCENT_SOFT2, SURFACE: SURFACE2 } = useTheme();
-  const [btnHovered, setBtnHovered] = React45.useState(false);
+  const [btnHovered, setBtnHovered] = React46.useState(false);
   const stateCfg = STATE_CONFIG[(_a2 = p.state) != null ? _a2 : "draft"];
   const destinations = (_b = p.destinations) != null ? _b : [];
   const steps = (_c = p.steps) != null ? _c : [];
   const workstreams = (_d = p.workstreams) != null ? _d : [];
   const scheduleLabel = p.schedule ? p.schedule.type === "manual" ? "Manual" : (_f = (_e = p.schedule.label) != null ? _e : p.schedule.cron) != null ? _f : "Scheduled" : null;
-  const { nodes, edges, viewBox, vbW, vbH } = React45.useMemo(() => {
+  const { nodes, edges, viewBox, vbW, vbH } = React46.useMemo(() => {
     const res = layoutGraph(steps);
     const b = layoutBounds(res.nodes);
     const pad = 24;
@@ -17507,7 +17690,7 @@ function PipelinePreviewResolver(p) {
       vbH: h
     };
   }, [steps]);
-  const nodeMap = React45.useMemo(() => {
+  const nodeMap = React46.useMemo(() => {
     const m = {};
     nodes.forEach((n) => m[n.id] = n);
     return m;
@@ -17885,12 +18068,12 @@ var DEFAULT_INTERACTION = {
   onDecisionSource: void 0,
   onDecisionQueueSubmit: void 0
 };
-var GenUIInteractionContext = React45.createContext(DEFAULT_INTERACTION);
+var GenUIInteractionContext = React46.createContext(DEFAULT_INTERACTION);
 function GenUIInteractionProvider({ value, children }) {
   return /* @__PURE__ */ jsxRuntime.jsx(GenUIInteractionContext.Provider, { value, children });
 }
 function useGenUIInteraction() {
-  return React45.useContext(GenUIInteractionContext);
+  return React46.useContext(GenUIInteractionContext);
 }
 var STATUS_COLORS3 = {
   done: "#15803d",
@@ -18082,8 +18265,8 @@ var CARD_MIN = 132;
 var CARD_GAP = 16;
 var AUTO_COMPACT_BELOW = 360;
 function useContainerWidth(ref) {
-  const [w, setW] = React45__default.default.useState(0);
-  React45__default.default.useLayoutEffect(() => {
+  const [w, setW] = React46__default.default.useState(0);
+  React46__default.default.useLayoutEffect(() => {
     const el = ref.current;
     if (!el || typeof ResizeObserver === "undefined") return;
     const ro = new ResizeObserver((entries) => {
@@ -18186,15 +18369,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__default.default.useRef(null);
+  const rootRef = React46__default.default.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__default.default.useRef(null);
-  React45__default.default.useEffect(() => {
+  const scrollerRef = React46__default.default.useRef(null);
+  React46__default.default.useEffect(() => {
     if (resolved !== "full" || loading) return;
     const sc = scrollerRef.current;
     if (!sc) return;
@@ -18205,11 +18388,11 @@ function WorkflowStepperRenderer({
       el.scrollIntoView({ inline: "center", block: "nearest", behavior: "smooth" });
     }
   }, [resolved, loading, selectedStep, activeStepId]);
-  const [edges, setEdges] = React45__default.default.useState({
+  const [edges, setEdges] = React46__default.default.useState({
     left: false,
     right: false
   });
-  const updateEdges = React45__default.default.useCallback(() => {
+  const updateEdges = React46__default.default.useCallback(() => {
     const sc = scrollerRef.current;
     if (!sc) return;
     const max = sc.scrollWidth - sc.clientWidth;
@@ -18218,7 +18401,7 @@ function WorkflowStepperRenderer({
     const right = sl < max - 1;
     setEdges((prev) => prev.left === left && prev.right === right ? prev : { left, right });
   }, []);
-  React45__default.default.useLayoutEffect(() => {
+  React46__default.default.useLayoutEffect(() => {
     if (resolved !== "full" || loading) return;
     updateEdges();
     const sc = scrollerRef.current;
@@ -18274,7 +18457,7 @@ function WorkflowStepperRenderer({
               const reached = s.status !== "pending";
               const clickable = interactive && reached;
               const size = act ? 11 : done ? 9 : 8;
-              return /* @__PURE__ */ jsxRuntime.jsxs(React45__default.default.Fragment, { children: [
+              return /* @__PURE__ */ jsxRuntime.jsxs(React46__default.default.Fragment, { children: [
                 i > 0 && /* @__PURE__ */ jsxRuntime.jsx(
                   "span",
                   {
@@ -18418,7 +18601,7 @@ function WorkflowStepperRenderer({
             const color = statusColor3(step.status);
             const humans = ((_a3 = step.assignees) != null ? _a3 : []).filter((a) => a.kind === "human");
             const roleCaption = humans.map((h) => h.role).filter(Boolean).slice(0, 2).join(" \xB7 ");
-            return /* @__PURE__ */ jsxRuntime.jsxs(React45__default.default.Fragment, { children: [
+            return /* @__PURE__ */ jsxRuntime.jsxs(React46__default.default.Fragment, { children: [
               i > 0 && /* @__PURE__ */ jsxRuntime.jsx(
                 "div",
                 {
@@ -18784,11 +18967,11 @@ function FieldDetail({
 }) {
   var _a2, _b, _c, _d;
   const { BORDER: BORDER3, MUTED: MUTED2, PAPER: PAPER2, SECONDARY: SECONDARY2, SURFACE: SURFACE2, ACCENT: ACCENT2 } = useTheme();
-  const [editing, setEditing] = React45__default.default.useState(false);
-  const [draft, setDraft] = React45__default.default.useState("");
-  const [saving, setSaving] = React45__default.default.useState(false);
-  const [saveError, setSaveError] = React45__default.default.useState(null);
-  const textareaRef = React45__default.default.useRef(null);
+  const [editing, setEditing] = React46__default.default.useState(false);
+  const [draft, setDraft] = React46__default.default.useState("");
+  const [saving, setSaving] = React46__default.default.useState(false);
+  const [saveError, setSaveError] = React46__default.default.useState(null);
+  const textareaRef = React46__default.default.useRef(null);
   const color = fieldColor(field, SECONDARY2);
   const corrected = field.state === "corrected";
   const startEdit = (e) => {
@@ -19298,7 +19481,7 @@ function FieldDetails({
           },
           children: facts.map((f) => {
             var _a3;
-            return /* @__PURE__ */ jsxRuntime.jsxs(React45__default.default.Fragment, { children: [
+            return /* @__PURE__ */ jsxRuntime.jsxs(React46__default.default.Fragment, { children: [
               /* @__PURE__ */ jsxRuntime.jsx("dt", { style: { fontSize: "12px", color: MUTED2 }, children: f.label }),
               /* @__PURE__ */ jsxRuntime.jsxs(
                 "dd",
@@ -19397,7 +19580,7 @@ function FieldAuditLog({
   fields = []
 }) {
   const { BORDER: BORDER3, MUTED: MUTED2, PAPER: PAPER2, SECONDARY: SECONDARY2 } = useTheme();
-  const fieldLabelMap = React45__default.default.useMemo(() => {
+  const fieldLabelMap = React46__default.default.useMemo(() => {
     var _a2;
     const map = {};
     for (const f of fields) map[f.field_key] = (_a2 = f.label) != null ? _a2 : f.field_key;
@@ -19596,10 +19779,10 @@ function PageOverlay({
   secondary
 }) {
   const { PAPER: PAPER2, MUTED: MUTED2 } = useTheme();
-  const imgRef = React45__default.default.useRef(null);
-  const selectedBoxRef = React45__default.default.useRef(null);
-  const [px, setPx] = React45__default.default.useState(null);
-  React45__default.default.useEffect(() => {
+  const imgRef = React46__default.default.useRef(null);
+  const selectedBoxRef = React46__default.default.useRef(null);
+  const [px, setPx] = React46__default.default.useState(null);
+  React46__default.default.useEffect(() => {
     const el = imgRef.current;
     if (!el) return;
     const measure = () => {
@@ -19613,7 +19796,7 @@ function PageOverlay({
     ro.observe(el);
     return () => ro.disconnect();
   }, [page.imageUrl]);
-  React45__default.default.useEffect(() => {
+  React46__default.default.useEffect(() => {
     if (!selectedKey) return;
     if (!fields.some((f) => f.field_key === selectedKey && f.bbox)) return;
     const el = selectedBoxRef.current;
@@ -19715,8 +19898,8 @@ function ExtractionDetail({
   auditLoading
 }) {
   const { BORDER: BORDER3, MUTED: MUTED2, PAPER: PAPER2, SECONDARY: SECONDARY2 } = useTheme();
-  const selectedCardRef = React45__default.default.useRef(null);
-  React45__default.default.useEffect(() => {
+  const selectedCardRef = React46__default.default.useRef(null);
+  React46__default.default.useEffect(() => {
     if (!selectedKey || tab !== "fields") return;
     const el = selectedCardRef.current;
     if (el && typeof el.scrollIntoView === "function") {
@@ -19887,7 +20070,7 @@ function ExtractionModal({
   children
 }) {
   const { BORDER: BORDER3, MUTED: MUTED2, SURFACE: SURFACE2, FOREGROUND: FOREGROUND2, SCRIM: SCRIM2 } = useTheme();
-  React45__default.default.useEffect(() => {
+  React46__default.default.useEffect(() => {
     if (!open) return;
     const onKey = (e) => {
       if (e.key === "Escape") onClose();
@@ -20016,19 +20199,19 @@ function ExtractionModal({
 function DocumentFieldExtractionResolver(p) {
   var _a2, _b;
   const { BORDER: BORDER3, MUTED: MUTED2, PAPER: PAPER2, SURFACE: SURFACE2, SHADOW: SHADOW2, ACCENT: ACCENT2 } = useTheme();
-  const [selectedKey, setSelectedKey] = React45__default.default.useState(null);
-  const [open, setOpen] = React45__default.default.useState(false);
-  const [tab, setTab] = React45__default.default.useState("fields");
+  const [selectedKey, setSelectedKey] = React46__default.default.useState(null);
+  const [open, setOpen] = React46__default.default.useState(false);
+  const [tab, setTab] = React46__default.default.useState("fields");
   const pages = (_a2 = p.pages) != null ? _a2 : [];
   const fields = (_b = p.fields) != null ? _b : [];
   const editable = typeof p.onFieldSave === "function";
   const onLoadAudit = p.onLoadAudit;
-  React45__default.default.useEffect(() => {
+  React46__default.default.useEffect(() => {
     if (tab === "audit" && onLoadAudit) {
       onLoadAudit();
     }
   }, [tab, onLoadAudit]);
-  const correctionCounts = React45__default.default.useMemo(() => {
+  const correctionCounts = React46__default.default.useMemo(() => {
     var _a3, _b2;
     const counts = {};
     for (const ev of (_a3 = p.auditEvents) != null ? _a3 : []) {
@@ -20385,8 +20568,8 @@ function formatAmount2(amount, currency = "USD") {
   return `${sign}${symbol}${body}`;
 }
 function useContainerWidth2(ref) {
-  const [w, setW] = React45__default.default.useState(0);
-  React45__default.default.useLayoutEffect(() => {
+  const [w, setW] = React46__default.default.useState(0);
+  React46__default.default.useLayoutEffect(() => {
     const el = ref.current;
     if (!el || typeof ResizeObserver === "undefined") return;
     const ro = new ResizeObserver((entries) => {
@@ -20481,8 +20664,8 @@ function ValueAdjuster({
   const { SURFACE_MUTED: SURFACE_MUTED2 } = useTheme();
   const adjust = option.adjust;
   const suggested = clampToRange((_a2 = option.value) != null ? _a2 : adjust.min, adjust);
-  const [value, setValue] = React45__default.default.useState(suggested);
-  const [text, setText] = React45__default.default.useState(String(suggested));
+  const [value, setValue] = React46__default.default.useState(suggested);
+  const [text, setText] = React46__default.default.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;
@@ -20688,10 +20871,10 @@ function DecisionCardRenderer({
 }) {
   var _a2, _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__default.default.useRef(null);
+  const rootRef = React46__default.default.useRef(null);
   const width = useContainerWidth2(rootRef);
   const stacked = width > 0 && width < STACK_BELOW;
-  const [adjustingIdx, setAdjustingIdx] = React45__default.default.useState(null);
+  const [adjustingIdx, setAdjustingIdx] = React46__default.default.useState(null);
   const options = (_a2 = data.options) != null ? _a2 : [];
   const recommendedIdx = Math.max(
     0,
@@ -20992,8 +21175,8 @@ function DecisionCardResolver(p) {
   const decisionId = (_a2 = p.id) != null ? _a2 : 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__default.default.useState(initial);
-  React45__default.default.useEffect(() => {
+  const [localResolved, setLocalResolved] = React46__default.default.useState(initial);
+  React46__default.default.useEffect(() => {
     if (hostResolved !== void 0) setLocalResolved(hostResolved);
   }, [hostResolved]);
   const resolved = hostResolved != null ? hostResolved : localResolved;
@@ -21067,11 +21250,11 @@ function DecisionQueueRenderer({
   var _a2;
   const { BORDER: BORDER3, MUTED: MUTED2, ACCENT: ACCENT2, SURFACE: SURFACE2, SURFACE_MUTED: SURFACE_MUTED2, BORDER_SOFT: BORDER_SOFT2, PAPER: PAPER2, SHADOW: SHADOW2 } = useTheme();
   const items = (_a2 = data.items) != null ? _a2 : [];
-  const [decisions, setDecisions] = React45__default.default.useState(
+  const [decisions, setDecisions] = React46__default.default.useState(
     () => items.map(() => void 0)
   );
   const firstUndecided = decisions.findIndex((d) => !d);
-  const [focusIdx, setFocusIdx] = React45__default.default.useState(firstUndecided >= 0 ? firstUndecided : null);
+  const [focusIdx, setFocusIdx] = React46__default.default.useState(firstUndecided >= 0 ? firstUndecided : null);
   const isSubmitted = submitted != null;
   const shown = isSubmitted ? items.map(
     (item, i) => {
@@ -21096,16 +21279,16 @@ function DecisionQueueRenderer({
     const final = decisions;
     onSubmit == null ? void 0 : onSubmit(final, composeQueueMessage(items, final));
   };
-  const onReadyRef = React45__default.default.useRef(onReady);
-  React45__default.default.useEffect(() => {
+  const onReadyRef = React46__default.default.useRef(onReady);
+  React46__default.default.useEffect(() => {
     onReadyRef.current = onReady;
   });
-  React45__default.default.useEffect(() => {
+  React46__default.default.useEffect(() => {
     if (!onReadyRef.current) return;
     const msg = allDecided ? composeQueueMessage(items, decisions) : null;
     onReadyRef.current(allDecided && !isSubmitted, msg, decisions.filter(Boolean));
   }, [decisions, allDecided, isSubmitted]);
-  React45__default.default.useEffect(() => {
+  React46__default.default.useEffect(() => {
     if (!submitRef) return;
     submitRef.current = handleSubmit;
     return () => {
@@ -21330,7 +21513,7 @@ function DecisionQueueResolver(p) {
   const { resolvedDecisions, onDecisionQueueSubmit } = useGenUIInteraction();
   const queueId = (_b = (_a2 = p.id) != null ? _a2 : p.title) != null ? _b : "decision-queue";
   const replayed = (_d = (_c = p.resolved) == null ? void 0 : _c.decisions) != null ? _d : null;
-  const [localSubmitted, setLocalSubmitted] = React45__default.default.useState(null);
+  const [localSubmitted, setLocalSubmitted] = React46__default.default.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) => {
@@ -21408,9 +21591,9 @@ function ExternalIcon() {
 function TabbyAuthResolver(p) {
   var _a2, _b, _c;
   const { BORDER: BORDER3, MUTED: MUTED2, ACCENT: ACCENT2, ACCENT_SOFT: ACCENT_SOFT2, SURFACE: SURFACE2, SURFACE_MUTED: SURFACE_MUTED2, SHADOW: SHADOW2 } = useTheme();
-  const [cardHovered, setCardHovered] = React45.useState(false);
-  const [btnHovered, setBtnHovered] = React45.useState(false);
-  const [imgFailed, setImgFailed] = React45.useState(false);
+  const [cardHovered, setCardHovered] = React46.useState(false);
+  const [btnHovered, setBtnHovered] = React46.useState(false);
+  const [imgFailed, setImgFailed] = React46.useState(false);
   const app = humanizeApp(p.app || "the app");
   const connected = p.state === "connected";
   const accent = connected ? CONNECTED_GREEN3 : ACCENT2;
@@ -21816,7 +21999,7 @@ function InlineSpinner() {
 }
 function GenUIRenderer({ payload }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    React45.Suspense,
+    React46.Suspense,
     {
       fallback: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", gap: "8px", padding: "8px 0" }, children: [
         /* @__PURE__ */ jsxRuntime.jsx(InlineSpinner, {}),
@@ -21968,7 +22151,7 @@ var INPUT_ERROR = { borderColor: "#dc2626" };
 var SELECT_EXTRA = { cursor: "pointer" };
 function useInputBase() {
   const { BORDER: BORDER3, SURFACE: SURFACE2 } = useTheme();
-  return React45.useMemo(() => ({
+  return React46.useMemo(() => ({
     font: "inherit",
     fontSize: "13px",
     padding: "7px 10px",
@@ -22049,7 +22232,7 @@ function SelectField({ field, value, onChange, disabled, error }) {
 }
 function MultiSelectField({ field, value, onChange, disabled }) {
   const { MUTED: MUTED2, ACCENT: ACCENT2, BORDER: BORDER3, SURFACE: SURFACE2 } = useTheme();
-  const [hovered, setHovered] = React45.useState(null);
+  const [hovered, setHovered] = React46.useState(null);
   const options = field.options || [];
   const selected = Array.isArray(value) ? value : [];
   const toggle = (optValue) => {
@@ -22166,8 +22349,8 @@ function DocGlyph({ color }) {
 }
 function FileUploadField({ field, value, onChange, disabled, onFileUpload, error, dense }) {
   const { MUTED: MUTED2, ACCENT: ACCENT2, BORDER: BORDER3, PAPER: PAPER2, SURFACE: SURFACE2 } = useTheme();
-  const keyRef = React45__default.default.useRef(0);
-  const [entries, setEntries] = React45.useState(() => {
+  const keyRef = React46__default.default.useRef(0);
+  const [entries, setEntries] = React46.useState(() => {
     const arr = Array.isArray(value) ? value : value && typeof value === "object" ? [value] : [];
     return arr.map((item) => {
       var _a2, _b;
@@ -22175,11 +22358,11 @@ function FileUploadField({ field, value, onChange, disabled, onFileUpload, error
       return { key: keyRef.current += 1, name: (_b = (_a2 = r.filename) != null ? _a2 : r.name) != null ? _b : "file", size: r.size, status: "done", result: r };
     });
   });
-  const entriesRef = React45__default.default.useRef(entries);
+  const entriesRef = React46__default.default.useRef(entries);
   entriesRef.current = entries;
-  const [dragOver, setDragOver] = React45.useState(false);
-  const inputRef = React45__default.default.useRef(null);
-  React45__default.default.useEffect(() => {
+  const [dragOver, setDragOver] = React46.useState(false);
+  const inputRef = React46__default.default.useRef(null);
+  React46__default.default.useEffect(() => {
     ensureFileUploadKeyframes();
   }, []);
   const interactive = !disabled;
@@ -22310,24 +22493,24 @@ function EntityPickerField({ field, value, onChange, disabled, error, onEntitySe
   const { BORDER: BORDER3, MUTED: MUTED2, ACCENT: ACCENT2, PAPER: PAPER2, SURFACE: SURFACE2 } = useTheme();
   const base = useInputBase();
   const source = field.source || "";
-  const [open, setOpen] = React45.useState(false);
-  const [query, setQuery] = React45.useState("");
-  const [results, setResults] = React45.useState([]);
-  const [loading, setLoading] = React45.useState(false);
-  const [err, setErr] = React45.useState(null);
-  const [hi, setHi] = React45.useState(0);
-  const [selectedLabel, setSelectedLabel] = React45.useState(null);
-  const [creating, setCreating] = React45.useState(false);
-  const [createVals, setCreateVals] = React45.useState({});
-  const [createBusy, setCreateBusy] = React45.useState(false);
-  const boxRef = React45.useRef(null);
-  const seq = React45.useRef(0);
+  const [open, setOpen] = React46.useState(false);
+  const [query, setQuery] = React46.useState("");
+  const [results, setResults] = React46.useState([]);
+  const [loading, setLoading] = React46.useState(false);
+  const [err, setErr] = React46.useState(null);
+  const [hi, setHi] = React46.useState(0);
+  const [selectedLabel, setSelectedLabel] = React46.useState(null);
+  const [creating, setCreating] = React46.useState(false);
+  const [createVals, setCreateVals] = React46.useState({});
+  const [createBusy, setCreateBusy] = React46.useState(false);
+  const boxRef = React46.useRef(null);
+  const seq = React46.useRef(0);
   const allowCreate = !!field.allow_create && !!onEntityCreate;
-  const createFields = React45.useMemo(
+  const createFields = React46.useMemo(
     () => field.create_fields && field.create_fields.length ? field.create_fields : [{ name: "name", label: "Name", field_type: "text", required: true, placeholder: "" }],
     [field.create_fields]
   );
-  const runSearch = React45.useCallback(
+  const runSearch = React46.useCallback(
     (q) => {
       if (!onEntitySearch || !source) return;
       const my = ++seq.current;
@@ -22349,12 +22532,12 @@ function EntityPickerField({ field, value, onChange, disabled, error, onEntitySe
     },
     [onEntitySearch, source]
   );
-  React45.useEffect(() => {
+  React46.useEffect(() => {
     if (!open || creating) return;
     const id = setTimeout(() => runSearch(query), 200);
     return () => clearTimeout(id);
   }, [open, creating, query, runSearch]);
-  React45.useEffect(() => {
+  React46.useEffect(() => {
     if (!open) return;
     const onDoc = (e) => {
       if (boxRef.current && !boxRef.current.contains(e.target)) {
@@ -22369,7 +22552,7 @@ function EntityPickerField({ field, value, onChange, disabled, error, onEntitySe
     if (disabled) return;
     setOpen(true);
   };
-  const select = React45.useCallback((opt) => {
+  const select = React46.useCallback((opt) => {
     onChange({ value: opt.value, label: opt.label });
     setSelectedLabel(opt.label);
     setQuery("");
@@ -22383,14 +22566,14 @@ function EntityPickerField({ field, value, onChange, disabled, error, onEntitySe
   const otherRequired = createFields.filter((f) => f !== nameField && f.required);
   const showCreateRow = allowCreate && !creating && query.trim().length > 0;
   const totalRows = results.length + (showCreateRow ? 1 : 0);
-  const beginCreate = React45.useCallback(() => {
+  const beginCreate = React46.useCallback(() => {
     const init = {};
     if (nameField && query.trim()) init[nameField.name] = query.trim();
     setCreateVals(init);
     setErr(null);
     setCreating(true);
   }, [nameField, query]);
-  const submitCreate = React45.useCallback((vals) => {
+  const submitCreate = React46.useCallback((vals) => {
     if (!onEntityCreate || !source) return;
     const payload = vals || createVals;
     for (const f of createFields) {
@@ -22403,7 +22586,7 @@ function EntityPickerField({ field, value, onChange, disabled, error, onEntitySe
     setErr(null);
     onEntityCreate(source, payload).then((opt) => select(opt)).catch(() => setErr("Couldn't create \u2014 you may not have permission")).finally(() => setCreateBusy(false));
   }, [onEntityCreate, source, createFields, createVals, select]);
-  const handleCreateRow = React45.useCallback(() => {
+  const handleCreateRow = React46.useCallback(() => {
     const q = query.trim();
     if (!q || !nameField) return;
     if (otherRequired.length === 0) {
@@ -22585,11 +22768,11 @@ function _fileExt(path, type) {
 function FileMapField({ field, value, onChange, disabled }) {
   const { BORDER: BORDER3, MUTED: MUTED2, ACCENT: ACCENT2, PAPER: PAPER2, SURFACE: SURFACE2 } = useTheme();
   const cfg = field.file_map || null;
-  const categories = React45.useMemo(() => (cfg == null ? void 0 : cfg.categories) || [], [cfg]);
-  const fileList = React45.useMemo(() => (cfg == null ? void 0 : cfg.files) || [], [cfg]);
+  const categories = React46.useMemo(() => (cfg == null ? void 0 : cfg.categories) || [], [cfg]);
+  const fileList = React46.useMemo(() => (cfg == null ? void 0 : cfg.files) || [], [cfg]);
   const suggestions = (cfg == null ? void 0 : cfg.suggestions) || {};
   const confidence = (cfg == null ? void 0 : cfg.confidence) || {};
-  const initial = React45.useMemo(() => {
+  const initial = React46.useMemo(() => {
     const a = {};
     if (value && typeof value === "object" && !Array.isArray(value)) {
       for (const [grp, paths] of Object.entries(value))
@@ -22601,15 +22784,15 @@ function FileMapField({ field, value, onChange, disabled }) {
     for (const f of fileList) if (!(f.path in a)) a[f.path] = _FILEMAP_UNASSIGNED;
     return a;
   }, []);
-  const [assignment, setAssignment] = React45.useState(initial);
-  const [collapsed, setCollapsed] = React45.useState({});
-  const [menuFor, setMenuFor] = React45.useState(null);
-  const boardRef = React45.useRef(null);
-  const fileByPath = React45.useMemo(
+  const [assignment, setAssignment] = React46.useState(initial);
+  const [collapsed, setCollapsed] = React46.useState({});
+  const [menuFor, setMenuFor] = React46.useState(null);
+  const boardRef = React46.useRef(null);
+  const fileByPath = React46.useMemo(
     () => Object.fromEntries(fileList.map((f) => [f.path, f])),
     [fileList]
   );
-  const groupFrom = React45.useCallback((a) => {
+  const groupFrom = React46.useCallback((a) => {
     const g = { [_FILEMAP_UNASSIGNED]: [] };
     for (const c of categories) g[c.id] = [];
     for (const f of fileList) {
@@ -22619,16 +22802,16 @@ function FileMapField({ field, value, onChange, disabled }) {
     }
     return g;
   }, [categories, fileList]);
-  const grouped = React45.useMemo(() => groupFrom(assignment), [assignment, groupFrom]);
-  const emit = React45.useCallback((g) => onChange(g), [onChange]);
-  const emittedRef = React45.useRef(false);
-  React45.useEffect(() => {
+  const grouped = React46.useMemo(() => groupFrom(assignment), [assignment, groupFrom]);
+  const emit = React46.useCallback((g) => onChange(g), [onChange]);
+  const emittedRef = React46.useRef(false);
+  React46.useEffect(() => {
     if (!emittedRef.current) {
       emittedRef.current = true;
       emit(grouped);
     }
   }, [grouped, emit]);
-  React45.useEffect(() => {
+  React46.useEffect(() => {
     if (!menuFor) return;
     const onDoc = (e) => {
       if (boardRef.current && !boardRef.current.contains(e.target)) setMenuFor(null);
@@ -22636,7 +22819,7 @@ function FileMapField({ field, value, onChange, disabled }) {
     document.addEventListener("mousedown", onDoc);
     return () => document.removeEventListener("mousedown", onDoc);
   }, [menuFor]);
-  const move = React45.useCallback((path, grp) => {
+  const move = React46.useCallback((path, grp) => {
     setMenuFor(null);
     setAssignment((prev) => {
       const next = __spreadProps(__spreadValues({}, prev), { [path]: grp });
@@ -22786,7 +22969,7 @@ function FieldRenderer({ field, value, onChange, disabled, error, onFileUpload,
   ] });
 }
 init_ThemeContext();
-var SlotErrorBoundary = class extends React45__default.default.Component {
+var SlotErrorBoundary = class extends React46__default.default.Component {
   constructor(props) {
     super(props);
     this.state = { hasError: false };
@@ -22872,7 +23055,7 @@ function BuilderRecap({ builder, state }) {
     return String(value);
   };
   const decisionField = (b) => (b.fields || []).find((f) => f.field_type === "select") || (b.fields || [])[0];
-  const rows = React45.useMemo(
+  const rows = React46.useMemo(
     () => blocks.map((b) => {
       const df = decisionField(b);
       const decision = df ? display(df, state.getValue(b.id, df.name)) : "";
@@ -22882,7 +23065,7 @@ function BuilderRecap({ builder, state }) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [blocks, state.values]
   );
-  const counts = React45.useMemo(() => {
+  const counts = React46.useMemo(() => {
     const m = /* @__PURE__ */ new Map();
     for (const r of rows) {
       const k = r.decision || "\u2014";
@@ -23017,7 +23200,7 @@ function isRequiredMissing(fieldType, v) {
 }
 function useBuilderState(blocks) {
   const isMultiBlock = blocks.length > 1;
-  const [values, setValues] = React45.useState(() => {
+  const [values, setValues] = React46.useState(() => {
     const init = {};
     for (const block of blocks) {
       for (const field of block.fields || []) {
@@ -23026,17 +23209,17 @@ function useBuilderState(blocks) {
     }
     return init;
   });
-  const [errors, setErrors] = React45.useState({});
-  const [currentBlock, setCurrentBlock] = React45.useState(0);
-  const getValue = React45.useCallback(
+  const [errors, setErrors] = React46.useState({});
+  const [currentBlock, setCurrentBlock] = React46.useState(0);
+  const getValue = React46.useCallback(
     (blockId, name) => values[fieldKey(blockId, name)],
     [values]
   );
-  const getError = React45.useCallback(
+  const getError = React46.useCallback(
     (blockId, name) => errors[fieldKey(blockId, name)],
     [errors]
   );
-  const setFieldValue = React45.useCallback((blockId, name, value) => {
+  const setFieldValue = React46.useCallback((blockId, name, value) => {
     const k = fieldKey(blockId, name);
     setValues((prev) => __spreadProps(__spreadValues({}, prev), { [k]: value }));
     setErrors((prev) => {
@@ -23046,7 +23229,7 @@ function useBuilderState(blocks) {
       return next;
     });
   }, []);
-  const validateBlock = React45.useCallback(
+  const validateBlock = React46.useCallback(
     (blockIdx) => {
       const block = blocks[blockIdx];
       if (!block) return true;
@@ -23080,7 +23263,7 @@ function useBuilderState(blocks) {
     },
     [blocks, values]
   );
-  const validateAllDetailed = React45.useCallback(() => {
+  const validateAllDetailed = React46.useCallback(() => {
     let firstBlockIndex = -1;
     let firstKey = null;
     let firstBlockId = null;
@@ -23108,7 +23291,7 @@ function useBuilderState(blocks) {
     if (firstBlockIndex >= 0) setCurrentBlock(firstBlockIndex);
     return { firstKey, firstBlockId, firstName, firstBlockIndex, failingKeys };
   }, [blocks, values]);
-  const validateAll = React45.useCallback(
+  const validateAll = React46.useCallback(
     () => validateAllDetailed().failingKeys.length === 0,
     [validateAllDetailed]
   );
@@ -23143,7 +23326,7 @@ function BlockForm({
 }) {
   var _a2;
   const t = useTheme();
-  const S3 = React45.useMemo(() => makeStyles(t), [t]);
+  const S3 = React46.useMemo(() => makeStyles(t), [t]);
   const block = builder.blocks[0];
   const isEscalation = variant === "escalation";
   const errorCount = ((block == null ? void 0 : block.fields) || []).reduce(
@@ -23349,7 +23532,7 @@ init_ThemeContext();
 function StepperBuilder({ builder, state, onSubmit, onCancel, disabled, onFileUpload, onEntitySearch, onEntityCreate, dense }) {
   var _a2;
   const t = useTheme();
-  const S3 = React45.useMemo(() => makeStyles2(t), [t]);
+  const S3 = React46.useMemo(() => makeStyles2(t), [t]);
   const { blocks } = builder;
   const total = blocks.length;
   const idx = Math.min(Math.max(state.currentBlock, 0), Math.max(total - 1, 0));
@@ -23551,7 +23734,7 @@ function BuilderFormResolver({
       `[BuilderForm] builder "${builder.builder_id}" declared builder_kind="${declaredKind}" with ${blockCount} blocks; rendering as stepper to avoid dropping blocks.`
     );
   }
-  const buildSubmission = React45.useCallback(() => {
+  const buildSubmission = React46.useCallback(() => {
     const blocks = (builder.blocks || []).map((b) => ({
       id: b.id,
       title: b.title,
@@ -23563,7 +23746,7 @@ function BuilderFormResolver({
       blocks
     }, blocks.length === 1 ? { values: blocks[0].values } : {});
   }, [builder, kind, state.getValue]);
-  const handleSubmit = React45.useCallback(() => {
+  const handleSubmit = React46.useCallback(() => {
     if (disabled) return;
     const failure = state.validateAllDetailed();
     if (failure.failingKeys.length > 0) {
@@ -23572,25 +23755,25 @@ function BuilderFormResolver({
     }
     onSubmit(buildSubmission());
   }, [disabled, state.validateAllDetailed, onSubmit, buildSubmission, onValidationError]);
-  const onChangeRef = React45.useRef(onChange);
-  React45.useEffect(() => {
+  const onChangeRef = React46.useRef(onChange);
+  React46.useEffect(() => {
     onChangeRef.current = onChange;
   });
-  React45.useEffect(() => {
+  React46.useEffect(() => {
     var _a3;
     (_a3 = onChangeRef.current) == null ? void 0 : _a3.call(onChangeRef, buildSubmission());
   }, [state.values]);
-  const onBlockChangeRef = React45.useRef(onBlockChange);
-  React45.useEffect(() => {
+  const onBlockChangeRef = React46.useRef(onBlockChange);
+  React46.useEffect(() => {
     onBlockChangeRef.current = onBlockChange;
   });
   const activeIdx = kind === "stepper" ? state.currentBlock : 0;
-  React45.useEffect(() => {
+  React46.useEffect(() => {
     var _a3;
     const block = (builder.blocks || [])[activeIdx];
     if (block) (_a3 = onBlockChangeRef.current) == null ? void 0 : _a3.call(onBlockChangeRef, block, activeIdx);
   }, [activeIdx]);
-  React45.useEffect(() => {
+  React46.useEffect(() => {
     if (!submitRef) return;
     submitRef.current = handleSubmit;
     return () => {
@@ -23653,7 +23836,7 @@ function BuilderFormResolver({
   }
 }
 function resolveBuilder(payload, callbacks) {
-  return React45__default.default.createElement(BuilderFormResolver, __spreadValues({
+  return React46__default.default.createElement(BuilderFormResolver, __spreadValues({
     builder: payload
   }, callbacks));
 }