@adoptai/genui-components 0.1.68 → 0.1.69

package/dist/renderer.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,7 +125,7 @@ var init_theme = __esm({
   }
 });
 function useTheme() {
-  return React45.useContext(GenUIThemeContext);
+  return React46.useContext(GenUIThemeContext);
 }
 var DEFAULT_TOKENS, GenUIThemeContext;
 var init_ThemeContext = __esm({
@@ -147,7 +147,7 @@ var init_ThemeContext = __esm({
       SECONDARY,
       CHART_PALETTE: [...CHART_PALETTE]
     };
-    GenUIThemeContext = React45.createContext(DEFAULT_TOKENS);
+    GenUIThemeContext = React46.createContext(DEFAULT_TOKENS);
   }
 });
 function renderInline(text) {
@@ -883,11 +883,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);
@@ -956,7 +956,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();
     };
@@ -969,8 +969,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 _a;
     if (typeof matchMedia === "undefined") return;
     const mq = matchMedia("(prefers-reduced-motion: reduce)");
@@ -1014,9 +1014,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;
@@ -1038,7 +1038,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";
@@ -1060,13 +1060,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 _a;
       return ((_a = layout == null ? void 0 : layout.edges) != null ? _a : []).map((e) => __spreadProps(__spreadValues({}, e), {
@@ -1078,7 +1078,7 @@ function Inner({ diagram, title, autoplay, nodeStates }) {
     },
     [layout, tokens.ACCENT, tokens.MUTED]
   );
-  const order = React45.useMemo(
+  const order = React46.useMemo(
     () => {
       var _a, _b;
       return topoOrder(((_a = layout == null ? void 0 : layout.nodes) != null ? _a : []).map((n) => n.id), (_b = layout == null ? void 0 : layout.edges) != null ? _b : []);
@@ -1086,19 +1086,19 @@ function Inner({ diagram, title, autoplay, nodeStates }) {
     [layout]
   );
   const autoStatus = useAutoplay(order, !!autoplay);
-  const staticStatus = React45.useMemo(() => {
+  const staticStatus = React46.useMemo(() => {
     var _a;
     return resolveStates((_a = layout == null ? void 0 : layout.nodes) != null ? _a : [], nodeStates);
   }, [layout, nodeStates]);
   const statusMap = autoplay ? autoStatus : staticStatus;
-  const displayNodes = React45.useMemo(
+  const displayNodes = React46.useMemo(
     () => {
       var _a;
       return ((_a = layout == null ? void 0 : layout.nodes) != null ? _a : []).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];
@@ -1118,13 +1118,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 });
@@ -1133,14 +1133,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;
@@ -1327,8 +1327,8 @@ function probePdfWorker() {
   return probe;
 }
 function usePdfWorkerReady(enabled) {
-  const [ready, setReady] = React45.useState(null);
-  React45.useEffect(() => {
+  const [ready, setReady] = React46.useState(null);
+  React46.useEffect(() => {
     if (!enabled) return;
     let cancelled = false;
     probePdfWorker().then((ok) => {
@@ -1361,15 +1361,15 @@ __export(PdfViewer_exports, {
 });
 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 _a;
@@ -1477,13 +1477,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);
@@ -1541,7 +1541,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 _a;
@@ -1667,10 +1667,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);
@@ -1789,10 +1789,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);
@@ -1890,10 +1890,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);
@@ -1972,6 +1972,89 @@ var init_DocxViewer = __esm({
     init_decode();
   }
 });
+
+// src/shared/viewers/HtmlViewer.tsx
+var HtmlViewer_exports = {};
+__export(HtmlViewer_exports, {
+  HtmlViewer: () => HtmlViewer
+});
+function HtmlViewer({ url, base64, height = 480 }) {
+  const { MUTED: MUTED2 } = useTheme();
+  const [html, setHtml] = 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();
+  }
+});
 var dataTableSchema = zod.z.object({
   type: zod.z.literal("data-table"),
   title: zod.z.string().optional(),
@@ -6122,16 +6205,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 _a, _b;
@@ -6142,7 +6225,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 });
@@ -6154,7 +6237,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]);
@@ -6267,12 +6350,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);
@@ -6280,8 +6363,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]
   );
@@ -6538,9 +6621,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 = () => {
@@ -6629,7 +6712,7 @@ init_ThemeContext();
 function TabsPanelResolver(p) {
   var _a;
   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(
@@ -6893,7 +6976,7 @@ var thStyle = (MUTED2, BORDER3, PAPER2) => ({
 function ScreenerTableResolver(p) {
   var _a, _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((_a = p.activeFilters) != null ? _a : []));
+  const [activeFilters, setActiveFilters] = React46.useState(new Set((_a = p.activeFilters) != null ? _a : []));
   const { visibleColumns, hidden, toggle, showAll, hideAll, allColumns } = useColumnVisibility((_b = p.columns) != null ? _b : []);
   const toggleFilter = (f) => setActiveFilters((prev) => {
     const next = new Set(prev);
@@ -6963,7 +7046,7 @@ var th2 = (MUTED2, BORDER3, PAPER2) => ({
 function GroupRows({ group, columns, depth }) {
   var _a, _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(
@@ -7068,7 +7151,7 @@ var dotColor = {
 function NewsFeedResolver(p) {
   var _a, _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 _a2;
@@ -7110,9 +7193,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);
@@ -7120,7 +7203,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 };
 }
 
@@ -7425,7 +7508,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({
@@ -7466,7 +7549,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",
@@ -7701,7 +7784,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",
@@ -8239,7 +8322,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",
@@ -8362,7 +8445,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 = (_a = p.sourceA) != null ? _a : { 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;
@@ -9008,7 +9091,7 @@ function ChangesView({ changes }) {
 function EventCard({ event }) {
   var _a;
   const { BORDER: BORDER3, MUTED: MUTED2, ACCENT: ACCENT2, SURFACE: SURFACE2 } = useTheme();
-  const [showChanges, setShowChanges] = React45.useState(false);
+  const [showChanges, setShowChanges] = React46.useState(false);
   const ac = (_a = actionConfig[event.action]) != null ? _a : actionConfig.commented;
   const hasChanges = event.changes && event.changes.length > 0;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", gap: "12px", position: "relative" }, children: [
@@ -9066,23 +9149,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 _a, _b;
     (_b = (_a = ref.current) == null ? void 0 : _a.requestFullscreen) == null ? void 0 : _b.call(_a);
   }, [ref]);
-  const exit = React45.useCallback(() => {
+  const exit = React46.useCallback(() => {
     var _a;
     if (document.fullscreenElement) (_a = document.exitFullscreen) == null ? void 0 : _a.call(document);
   }, []);
-  const toggle = React45.useCallback(() => {
+  const toggle = React46.useCallback(() => {
     if (isFullscreen) exit();
     else enter();
   }, [isFullscreen, enter, exit]);
@@ -9093,10 +9176,10 @@ function useFullscreen(ref) {
 init_theme();
 init_ThemeContext();
 init_pdfWorkerProbe();
-var PdfViewer2 = React45__default.default.lazy(
+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 = {
@@ -9147,8 +9230,8 @@ function DownloadIcon() {
 function DocumentPreviewResolver(p) {
   var _a, _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 = !!(((_a = p.source) == null ? void 0 : _a.url) || ((_b = p.source) == null ? void 0 : _b.base64));
   const isPdf = p.documentType === "pdf";
@@ -9156,15 +9239,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 [pdfFailed, setPdfFailed] = React45.useState(false);
+  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 = React45.useCallback(() => {
+  const handlePdfLoad = React46.useCallback(() => {
   }, []);
-  const handlePdfError = React45.useCallback(() => setPdfFailed(true), []);
-  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",
@@ -9277,7 +9360,7 @@ function DocumentPreviewResolver(p) {
           display: "flex",
           flexDirection: "column"
         }, children: [
-          showPdfViewer ? /* @__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, 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(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"
           ] }),
@@ -9342,7 +9425,7 @@ function ConfidenceBar({ confidence, height = 6 }) {
 function StepCard({ step, isLast }) {
   var _a;
   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 = (_a = step.detail) != null ? _a : "";
   const isLong = detail.length > 100;
@@ -9851,7 +9934,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",
@@ -9981,7 +10064,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: [
@@ -10065,7 +10148,7 @@ function EngagementPipelineResolver(p) {
             const color = (_a2 = statusColor2[phase.status]) != null ? _a2 : "#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",
                 {
@@ -10373,7 +10456,7 @@ function Avatar({ name, avatar, hovered }) {
 function EntityCardGridResolver(p) {
   var _a, _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: (_a = p.title) != null ? _a : "entity-card-grid", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { width: "100%", display: "flex", flexDirection: "column", gap: "10px" }, children: [
     p.title && /* @__PURE__ */ jsxRuntime.jsx(
       "p",
@@ -10630,7 +10713,7 @@ function StepRow({ step }) {
 function JobTrackerResolver(p) {
   var _a, _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 = (_a = statusColors[p.status]) != null ? _a : MUTED2;
   const badge = (_b = statusBadgeConfig[p.status]) != null ? _b : statusBadgeConfig.queued;
   const progress = (_c = p.progress) != null ? _c : p.status === "completed" ? 100 : 0;
@@ -11073,7 +11156,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",
     {
@@ -11099,7 +11182,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",
     {
@@ -11128,7 +11211,7 @@ function CitationMarker({
 function CitedAnswerResolver(p) {
   var _a, _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);
@@ -11433,7 +11516,7 @@ function TransactionFeedResolver(p) {
   var _a, _b, _c, _d, _e;
   const { BORDER: BORDER3, MUTED: MUTED2 } = useTheme();
   const currency = (_a = p.currency) != null ? _a : "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);
@@ -11591,7 +11674,7 @@ function formatDate2(dateStr) {
 function FileRow({ item }) {
   var _a;
   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",
@@ -11668,8 +11751,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",
@@ -11785,7 +11868,7 @@ init_theme();
 var FAMILIES = [
   { exts: ["csv", "tsv", "xls", "xlsx", "numbers"], fg: SEMANTIC.success.color, bg: SEMANTIC.success.bg },
   { exts: ["pdf"], fg: SEMANTIC.error.color, bg: SEMANTIC.error.bg },
-  { exts: ["doc", "docx", "txt", "md", "rtf", "pages"], fg: SEMANTIC.info.color, bg: SEMANTIC.info.bg },
+  { exts: ["doc", "docx", "txt", "md", "rtf", "pages", "html", "htm"], fg: SEMANTIC.info.color, bg: SEMANTIC.info.bg },
   { exts: ["json", "yaml", "yml", "xml", "toml"], fg: SEMANTIC.purple.color, bg: SEMANTIC.purple.bg },
   { exts: ["zip", "tar", "gz", "rar", "7z"], fg: SEMANTIC.warning.color, bg: SEMANTIC.warning.bg },
   { exts: ["png", "jpg", "jpeg", "gif", "svg", "webp", "bmp"], fg: SEMANTIC.info.color, bg: SEMANTIC.info.bg }
@@ -11812,7 +11895,9 @@ var PREVIEW_EXTS = {
   txt: "text",
   log: "text",
   text: "text",
-  docx: "docx"
+  docx: "docx",
+  html: "html",
+  htm: "html"
 };
 function extOf(fileType, filename) {
   var _a;
@@ -11823,6 +11908,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, "");
@@ -11857,20 +11943,21 @@ function isExpirySoon(expiresAt) {
 // src/shared/viewers/PreviewHost.tsx
 init_ThemeContext();
 init_pdfWorkerProbe();
-var PdfViewer3 = React45.lazy(
+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] = React45.useState(false);
+  const [failed, setFailed] = React46.useState(false);
   const workerReady = usePdfWorkerReady(true);
   const ready = failed ? false : workerReady;
   if (ready === null) {
@@ -11905,10 +11992,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
@@ -11924,7 +12014,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();
@@ -12101,17 +12191,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 };
@@ -12133,7 +12223,7 @@ function FileCard({
       setPvLoading(false);
     }
   }, [source, previewUrl, fetchPreviewBlob]);
-  const togglePeek = React45.useCallback(async () => {
+  const togglePeek = React46.useCallback(async () => {
     if (peekOpen) {
       setPeekOpen(false);
       return;
@@ -12141,7 +12231,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]);
@@ -12256,7 +12346,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)),
@@ -12601,7 +12691,7 @@ function ServiceCard({ item, isHovered, onHover, onLeave: onLeave2 }) {
 function OpsDashboardResolver(p) {
   var _a, _b, _c;
   const { BORDER: BORDER3, MUTED: MUTED2 } = useTheme();
-  const [hoveredId, setHoveredId] = React45.useState(null);
+  const [hoveredId, setHoveredId] = React46.useState(null);
   const hasRunning = ((_a = p.items) != null ? _a : []).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 }),
@@ -12655,8 +12745,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);
@@ -12750,7 +12840,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",
@@ -12835,7 +12925,7 @@ function KeyValueListResolver(p) {
               var _a3;
               return sum + ((_a3 = g.items) != null ? _a3 : []).length;
             }, 0);
-            return /* @__PURE__ */ jsxRuntime.jsxs(React45__default.default.Fragment, { children: [
+            return /* @__PURE__ */ jsxRuntime.jsxs(React46__default.default.Fragment, { children: [
               /* @__PURE__ */ jsxRuntime.jsxs(
                 "div",
                 {
@@ -13013,7 +13103,7 @@ function BalanceSheetResolver(p) {
       /* @__PURE__ */ jsxRuntime.jsxs("tbody", { children: [
         ((_p = p.sections) != null ? _p : []).map((section) => {
           var _a2;
-          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",
@@ -13026,7 +13116,7 @@ function BalanceSheetResolver(p) {
             }, children: (_a2 = categoryLabels2[section.category]) != null ? _a2 : section.category }) }),
             section.subsections.map((sub, si) => {
               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: "6px 10px 6px 24px",
                   fontSize: "12px",
@@ -13202,7 +13292,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,
@@ -13233,7 +13323,7 @@ function IncomeStatementResolver(p) {
         sections.map((section, si) => {
           var _a2;
           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",
@@ -13264,7 +13354,7 @@ function IncomeStatementResolver(p) {
                   var _a4;
                   const val = (_a4 = amounts[pi]) != null ? _a4 : 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",
@@ -13299,7 +13389,7 @@ function IncomeStatementResolver(p) {
             var _a2;
             const val = (_a2 = grossProfit[pi]) != null ? _a2 : 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",
@@ -13334,7 +13424,7 @@ function IncomeStatementResolver(p) {
             var _a2;
             const val = (_a2 = operatingIncome[pi]) != null ? _a2 : 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",
@@ -13368,7 +13458,7 @@ function IncomeStatementResolver(p) {
             var _a2;
             const val = (_a2 = netIncome[pi]) != null ? _a2 : 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",
@@ -13588,7 +13678,7 @@ function CashFlowStatementResolver(p) {
                       /* @__PURE__ */ jsxRuntime.jsxs("tbody", { children: [
                         activities.map((activity, ai) => {
                           var _a2, _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",
                               {
@@ -16002,8 +16092,8 @@ var PRIORITY_STYLES = {
 function EscalationCardResolver(p) {
   var _a, _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 = (_a = priorityStyle == null ? void 0 : priorityStyle.color) != null ? _a : ACCENT2;
   const iconBg = (_b = priorityStyle == null ? void 0 : priorityStyle.bg) != null ? _b : "#fff2ec";
@@ -16875,9 +16965,9 @@ var CONNECTED_GREEN = "#15803d";
 function ConnectIntegrationResolver(p) {
   var _a;
   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);
@@ -17039,9 +17129,9 @@ function IntegrationsListResolver(p) {
   var _a, _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: (_a = p.title) != null ? _a : "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: [
@@ -17533,13 +17623,13 @@ var ellipsis = {
 function PipelinePreviewResolver(p) {
   var _a, _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[(_a = p.state) != null ? _a : "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;
@@ -17553,7 +17643,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;
@@ -17931,9 +18021,9 @@ var DEFAULT_INTERACTION = {
   onDecisionSource: void 0,
   onDecisionQueueSubmit: void 0
 };
-var GenUIInteractionContext = React45.createContext(DEFAULT_INTERACTION);
+var GenUIInteractionContext = React46.createContext(DEFAULT_INTERACTION);
 function useGenUIInteraction() {
-  return React45.useContext(GenUIInteractionContext);
+  return React46.useContext(GenUIInteractionContext);
 }
 var STATUS_COLORS3 = {
   done: "#15803d",
@@ -18125,8 +18215,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) => {
@@ -18229,15 +18319,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;
@@ -18248,11 +18338,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;
@@ -18261,7 +18351,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;
@@ -18317,7 +18407,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",
                   {
@@ -18461,7 +18551,7 @@ function WorkflowStepperRenderer({
             const color = statusColor3(step.status);
             const humans = ((_a2 = step.assignees) != null ? _a2 : []).filter((a) => a.kind === "human");
             const roleCaption = humans.map((h) => h.role).filter(Boolean).slice(0, 2).join(" \xB7 ");
-            return /* @__PURE__ */ jsxRuntime.jsxs(React45__default.default.Fragment, { children: [
+            return /* @__PURE__ */ jsxRuntime.jsxs(React46__default.default.Fragment, { children: [
               i > 0 && /* @__PURE__ */ jsxRuntime.jsx(
                 "div",
                 {
@@ -18827,11 +18917,11 @@ function FieldDetail({
 }) {
   var _a, _b, _c, _d;
   const { BORDER: BORDER3, MUTED: MUTED2, PAPER: PAPER2, SECONDARY: SECONDARY2, SURFACE: SURFACE2, ACCENT: ACCENT2 } = useTheme();
-  const [editing, setEditing] = React45__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) => {
@@ -19341,7 +19431,7 @@ function FieldDetails({
           },
           children: facts.map((f) => {
             var _a2;
-            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",
@@ -19440,7 +19530,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 _a;
     const map = {};
     for (const f of fields) map[f.field_key] = (_a = f.label) != null ? _a : f.field_key;
@@ -19639,10 +19729,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 = () => {
@@ -19656,7 +19746,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;
@@ -19758,8 +19848,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") {
@@ -19930,7 +20020,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();
@@ -20059,19 +20149,19 @@ function ExtractionModal({
 function DocumentFieldExtractionResolver(p) {
   var _a, _b;
   const { BORDER: BORDER3, MUTED: MUTED2, PAPER: PAPER2, SURFACE: SURFACE2, SHADOW: SHADOW2, ACCENT: ACCENT2 } = useTheme();
-  const [selectedKey, setSelectedKey] = React45__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 = (_a = p.pages) != null ? _a : [];
   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 _a2, _b2;
     const counts = {};
     for (const ev of (_a2 = p.auditEvents) != null ? _a2 : []) {
@@ -20317,8 +20407,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) => {
@@ -20413,8 +20503,8 @@ function ValueAdjuster({
   const { SURFACE_MUTED: SURFACE_MUTED2 } = useTheme();
   const adjust = option.adjust;
   const suggested = clampToRange((_a = option.value) != null ? _a : adjust.min, adjust);
-  const [value, setValue] = React45__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;
@@ -20620,10 +20710,10 @@ function DecisionCardRenderer({
 }) {
   var _a, _b, _c;
   const { BORDER: BORDER3, MUTED: MUTED2, ACCENT: ACCENT2, ACCENT_SOFT: ACCENT_SOFT2, SURFACE: SURFACE2, SURFACE_MUTED: SURFACE_MUTED2, SHADOW: SHADOW2 } = useTheme();
-  const rootRef = React45__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 = (_a = data.options) != null ? _a : [];
   const recommendedIdx = Math.max(
     0,
@@ -20924,8 +21014,8 @@ function DecisionCardResolver(p) {
   const decisionId = (_a = p.id) != null ? _a : p.title;
   const hostResolved = resolvedDecisions == null ? void 0 : resolvedDecisions[decisionId];
   const initial = hostResolved != null ? hostResolved : p.resolved ? composeResolution(p, p.resolved.option, p.resolved.value) : null;
-  const [localResolved, setLocalResolved] = React45__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;
@@ -20999,11 +21089,11 @@ function DecisionQueueRenderer({
   var _a;
   const { BORDER: BORDER3, MUTED: MUTED2, ACCENT: ACCENT2, SURFACE: SURFACE2, SURFACE_MUTED: SURFACE_MUTED2, BORDER_SOFT: BORDER_SOFT2, PAPER: PAPER2, SHADOW: SHADOW2 } = useTheme();
   const items = (_a = data.items) != null ? _a : [];
-  const [decisions, setDecisions] = React45__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) => {
@@ -21028,16 +21118,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 () => {
@@ -21262,7 +21352,7 @@ function DecisionQueueResolver(p) {
   const { resolvedDecisions, onDecisionQueueSubmit } = useGenUIInteraction();
   const queueId = (_b = (_a = p.id) != null ? _a : p.title) != null ? _b : "decision-queue";
   const replayed = (_d = (_c = p.resolved) == null ? void 0 : _c.decisions) != null ? _d : null;
-  const [localSubmitted, setLocalSubmitted] = React45__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) => {
@@ -21340,9 +21430,9 @@ function ExternalIcon() {
 function TabbyAuthResolver(p) {
   var _a, _b, _c;
   const { BORDER: BORDER3, MUTED: MUTED2, ACCENT: ACCENT2, ACCENT_SOFT: ACCENT_SOFT2, SURFACE: SURFACE2, SURFACE_MUTED: SURFACE_MUTED2, SHADOW: SHADOW2 } = useTheme();
-  const [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;
@@ -21748,7 +21838,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, {}),