@adoptai/genui-components 0.1.68 → 0.1.69

package/dist/index.js

@@ -1,5 +1,5 @@
 "use client";
-import React45, { lazy, createContext, useMemo, useContext, useState, useCallback, useEffect, useRef, useLayoutEffect, Suspense } from 'react';
+import React46, { lazy, createContext, useMemo, useContext, useState, useCallback, useEffect, useRef, useLayoutEffect, Suspense } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import dagre from '@dagrejs/dagre';
 import { createPortal } from 'react-dom';
@@ -1952,6 +1952,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] = useState("");
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  useEffect(() => {
+    let cancelled = false;
+    setLoading(true);
+    setError(null);
+    if (base64) {
+      try {
+        if (!cancelled) {
+          setHtml(base64ToText(base64));
+          setLoading(false);
+        }
+      } catch (e) {
+        if (!cancelled) {
+          setError(e instanceof Error ? e.message : "Failed to decode HTML");
+          setLoading(false);
+        }
+      }
+      return () => {
+        cancelled = true;
+      };
+    }
+    if (!url) {
+      setError("No file source provided");
+      setLoading(false);
+      return () => {
+        cancelled = true;
+      };
+    }
+    fetch(url).then((r) => {
+      if (!r.ok) throw new Error(`Failed to fetch: ${r.status}`);
+      return r.text();
+    }).then((t) => {
+      if (cancelled) return;
+      setHtml(t);
+      setLoading(false);
+    }).catch((e) => {
+      if (cancelled) return;
+      setError(e.message);
+      setLoading(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [url, base64]);
+  if (loading) {
+    return /* @__PURE__ */ jsx("div", { style: { padding: "24px", color: MUTED2, fontSize: "13px", textAlign: "center" }, children: "Loading\u2026" });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsx("div", { style: { padding: "24px", color: "#dc2626", fontSize: "13px", textAlign: "center" }, children: error });
+  }
+  return /* @__PURE__ */ jsx(
+    "iframe",
+    {
+      title: "HTML preview",
+      sandbox: "",
+      srcDoc: html,
+      style: {
+        width: "100%",
+        height: `${height}px`,
+        border: "none",
+        background: "white",
+        display: "block"
+      }
+    }
+  );
+}
+var init_HtmlViewer = __esm({
+  "src/shared/viewers/HtmlViewer.tsx"() {
+    "use client";
+    init_ThemeContext();
+    init_decode();
+  }
+});
+
 // src/index.ts
 init_ThemeContext();
 var dataTableSchema = z.object({
@@ -7441,7 +7524,7 @@ function WaterfallChartResolver(p) {
 }
 init_ThemeContext();
 init_theme();
-var FlowGraph2 = React45.lazy(
+var FlowGraph2 = React46.lazy(
   () => Promise.resolve().then(() => (init_FlowGraph(), FlowGraph_exports)).then((m) => ({ default: m.FlowGraph }))
 );
 function FlowCanvasRenderer({
@@ -7717,7 +7800,7 @@ function TrialBalanceResolver(p) {
             gDebit += a.debit;
             gCredit += a.credit;
           });
-          return /* @__PURE__ */ jsxs(React45.Fragment, { children: [
+          return /* @__PURE__ */ jsxs(React46.Fragment, { children: [
             /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { colSpan: 4, style: {
               padding: "8px 12px",
               fontSize: "12px",
@@ -9109,10 +9192,10 @@ function useFullscreen(ref) {
 init_theme();
 init_ThemeContext();
 init_pdfWorkerProbe();
-var PdfViewer2 = React45.lazy(
+var PdfViewer2 = React46.lazy(
   () => Promise.resolve().then(() => (init_PdfViewer(), PdfViewer_exports)).then((m) => ({ default: m.PdfViewer }))
 );
-var ExcelViewer2 = React45.lazy(
+var ExcelViewer2 = React46.lazy(
   () => Promise.resolve().then(() => (init_ExcelViewer(), ExcelViewer_exports)).then((m) => ({ default: m.ExcelViewer }))
 );
 var highlightColors = {
@@ -10081,7 +10164,7 @@ function EngagementPipelineResolver(p) {
             const color = (_a3 = statusColor2[phase.status]) != null ? _a3 : "#d6d3d1";
             const isCurrent = i === activeIdx;
             const size = isCurrent ? 28 : 20;
-            return /* @__PURE__ */ jsxs(React45.Fragment, { children: [
+            return /* @__PURE__ */ jsxs(React46.Fragment, { children: [
               i > 0 && /* @__PURE__ */ jsx(
                 "div",
                 {
@@ -11801,7 +11884,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 }
@@ -11828,7 +11911,9 @@ var PREVIEW_EXTS = {
   txt: "text",
   log: "text",
   text: "text",
-  docx: "docx"
+  docx: "docx",
+  html: "html",
+  htm: "html"
 };
 function extOf(fileType, filename) {
   var _a2;
@@ -11839,6 +11924,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, "");
@@ -11885,6 +11971,7 @@ var ExcelViewer3 = lazy(
 var CsvViewer2 = lazy(() => Promise.resolve().then(() => (init_CsvViewer(), CsvViewer_exports)).then((m) => ({ default: m.CsvViewer })));
 var TextViewer2 = lazy(() => Promise.resolve().then(() => (init_TextViewer(), TextViewer_exports)).then((m) => ({ default: m.TextViewer })));
 var DocxViewer2 = lazy(() => Promise.resolve().then(() => (init_DocxViewer(), DocxViewer_exports)).then((m) => ({ default: m.DocxViewer })));
+var HtmlViewer2 = lazy(() => Promise.resolve().then(() => (init_HtmlViewer(), HtmlViewer_exports)).then((m) => ({ default: m.HtmlViewer })));
 var PEEK_ROWS = 20;
 var PEEK_LINES = 40;
 function GatedPdfViewer({ source }) {
@@ -11924,6 +12011,9 @@ function PreviewHost({ kind, source, mode = "full" }) {
     case "docx":
       viewer = /* @__PURE__ */ jsx(DocxViewer2, { url: source.url, base64: source.base64 });
       break;
+    case "html":
+      viewer = /* @__PURE__ */ jsx(HtmlViewer2, { url: source.url, base64: source.base64, height: peek ? 240 : 480 });
+      break;
     default:
       return null;
   }
@@ -12275,7 +12365,7 @@ function FileCard({
                       whiteSpace: "nowrap"
                     },
                     children: [
-                      metaTokens.map((t, i) => /* @__PURE__ */ jsxs(React45.Fragment, { children: [
+                      metaTokens.map((t, i) => /* @__PURE__ */ jsxs(React46.Fragment, { children: [
                         i > 0 && /* @__PURE__ */ jsx("span", { style: { color: MUTED2 }, children: "\xB7" }),
                         /* @__PURE__ */ jsx("span", { children: t })
                       ] }, i)),
@@ -12854,7 +12944,7 @@ function KeyValueListResolver(p) {
               var _a4;
               return sum + ((_a4 = g.items) != null ? _a4 : []).length;
             }, 0);
-            return /* @__PURE__ */ jsxs(React45.Fragment, { children: [
+            return /* @__PURE__ */ jsxs(React46.Fragment, { children: [
               /* @__PURE__ */ jsxs(
                 "div",
                 {
@@ -13032,7 +13122,7 @@ function BalanceSheetResolver(p) {
       /* @__PURE__ */ jsxs("tbody", { children: [
         ((_p = p.sections) != null ? _p : []).map((section) => {
           var _a3;
-          return /* @__PURE__ */ jsxs(React45.Fragment, { children: [
+          return /* @__PURE__ */ jsxs(React46.Fragment, { children: [
             /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { colSpan, style: {
               padding: "8px 12px",
               fontSize: "12px",
@@ -13045,7 +13135,7 @@ function BalanceSheetResolver(p) {
             }, children: (_a3 = categoryLabels2[section.category]) != null ? _a3 : section.category }) }),
             section.subsections.map((sub, si) => {
               var _a4;
-              return /* @__PURE__ */ jsxs(React45.Fragment, { children: [
+              return /* @__PURE__ */ jsxs(React46.Fragment, { children: [
                 /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { colSpan, style: {
                   padding: "6px 10px 6px 24px",
                   fontSize: "12px",
@@ -13221,7 +13311,7 @@ function IncomeStatementResolver(p) {
           textAlign: "left",
           whiteSpace: "nowrap"
         }, children: "\xA0" }),
-        periods.map((period) => /* @__PURE__ */ jsxs(React45.Fragment, { children: [
+        periods.map((period) => /* @__PURE__ */ jsxs(React46.Fragment, { children: [
           /* @__PURE__ */ jsx("th", { style: {
             fontSize: "11px",
             fontWeight: 500,
@@ -13252,7 +13342,7 @@ function IncomeStatementResolver(p) {
         sections.map((section, si) => {
           var _a3;
           const isSubtotal = section.sectionType === "subtotal";
-          return /* @__PURE__ */ jsxs(React45.Fragment, { children: [
+          return /* @__PURE__ */ jsxs(React46.Fragment, { children: [
             /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { colSpan: colCount, style: {
               padding: "8px 12px",
               fontSize: "12px",
@@ -13283,7 +13373,7 @@ function IncomeStatementResolver(p) {
                   var _a5;
                   const val = (_a5 = amounts[pi]) != null ? _a5 : 0;
                   const isNeg = val < 0;
-                  return /* @__PURE__ */ jsxs(React45.Fragment, { children: [
+                  return /* @__PURE__ */ jsxs(React46.Fragment, { children: [
                     /* @__PURE__ */ jsx("td", { style: {
                       padding: "6px 10px",
                       fontSize: "13px",
@@ -13318,7 +13408,7 @@ function IncomeStatementResolver(p) {
             var _a3;
             const val = (_a3 = grossProfit[pi]) != null ? _a3 : 0;
             const isNeg = val < 0;
-            return /* @__PURE__ */ jsxs(React45.Fragment, { children: [
+            return /* @__PURE__ */ jsxs(React46.Fragment, { children: [
               /* @__PURE__ */ jsx("td", { style: {
                 padding: "8px 10px",
                 fontSize: "12px",
@@ -13353,7 +13443,7 @@ function IncomeStatementResolver(p) {
             var _a3;
             const val = (_a3 = operatingIncome[pi]) != null ? _a3 : 0;
             const isNeg = val < 0;
-            return /* @__PURE__ */ jsxs(React45.Fragment, { children: [
+            return /* @__PURE__ */ jsxs(React46.Fragment, { children: [
               /* @__PURE__ */ jsx("td", { style: {
                 padding: "8px 10px",
                 fontSize: "12px",
@@ -13387,7 +13477,7 @@ function IncomeStatementResolver(p) {
             var _a3;
             const val = (_a3 = netIncome[pi]) != null ? _a3 : 0;
             const isNeg = val < 0;
-            return /* @__PURE__ */ jsxs(React45.Fragment, { children: [
+            return /* @__PURE__ */ jsxs(React46.Fragment, { children: [
               /* @__PURE__ */ jsx("td", { style: {
                 padding: "10px 10px",
                 fontSize: "13px",
@@ -13607,7 +13697,7 @@ function CashFlowStatementResolver(p) {
                       /* @__PURE__ */ jsxs("tbody", { children: [
                         activities.map((activity, ai) => {
                           var _a3, _b2, _c2;
-                          return /* @__PURE__ */ jsxs(React45.Fragment, { children: [
+                          return /* @__PURE__ */ jsxs(React46.Fragment, { children: [
                             ai > 0 && /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx(
                               "td",
                               {
@@ -18147,8 +18237,8 @@ var CARD_MIN = 132;
 var CARD_GAP = 16;
 var AUTO_COMPACT_BELOW = 360;
 function useContainerWidth(ref) {
-  const [w, setW] = React45.useState(0);
-  React45.useLayoutEffect(() => {
+  const [w, setW] = React46.useState(0);
+  React46.useLayoutEffect(() => {
     const el = ref.current;
     if (!el || typeof ResizeObserver === "undefined") return;
     const ro = new ResizeObserver((entries) => {
@@ -18251,15 +18341,15 @@ function WorkflowStepperRenderer({
   const interactive = typeof onSelectStep === "function";
   const statusColor3 = (s) => s === "active" || s === "running" ? ACCENT2 : STATUS_COLORS3[s];
   const doneCount = steps.filter((s) => s.status === "done").length;
-  const rootRef = React45.useRef(null);
+  const rootRef = React46.useRef(null);
   const containerW = useContainerWidth(rootRef);
   let resolved = density === "auto" ? "full" : density;
   if (density === "auto" && containerW > 0) {
     const needed = steps.length * CARD_MIN + Math.max(0, steps.length - 1) * CARD_GAP;
     resolved = containerW < AUTO_COMPACT_BELOW || needed > containerW * 1.6 ? "compact" : "full";
   }
-  const scrollerRef = React45.useRef(null);
-  React45.useEffect(() => {
+  const scrollerRef = React46.useRef(null);
+  React46.useEffect(() => {
     if (resolved !== "full" || loading) return;
     const sc = scrollerRef.current;
     if (!sc) return;
@@ -18270,11 +18360,11 @@ function WorkflowStepperRenderer({
       el.scrollIntoView({ inline: "center", block: "nearest", behavior: "smooth" });
     }
   }, [resolved, loading, selectedStep, activeStepId]);
-  const [edges, setEdges] = React45.useState({
+  const [edges, setEdges] = React46.useState({
     left: false,
     right: false
   });
-  const updateEdges = React45.useCallback(() => {
+  const updateEdges = React46.useCallback(() => {
     const sc = scrollerRef.current;
     if (!sc) return;
     const max = sc.scrollWidth - sc.clientWidth;
@@ -18283,7 +18373,7 @@ function WorkflowStepperRenderer({
     const right = sl < max - 1;
     setEdges((prev) => prev.left === left && prev.right === right ? prev : { left, right });
   }, []);
-  React45.useLayoutEffect(() => {
+  React46.useLayoutEffect(() => {
     if (resolved !== "full" || loading) return;
     updateEdges();
     const sc = scrollerRef.current;
@@ -18339,7 +18429,7 @@ function WorkflowStepperRenderer({
               const reached = s.status !== "pending";
               const clickable = interactive && reached;
               const size = act ? 11 : done ? 9 : 8;
-              return /* @__PURE__ */ jsxs(React45.Fragment, { children: [
+              return /* @__PURE__ */ jsxs(React46.Fragment, { children: [
                 i > 0 && /* @__PURE__ */ jsx(
                   "span",
                   {
@@ -18483,7 +18573,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__ */ jsxs(React45.Fragment, { children: [
+            return /* @__PURE__ */ jsxs(React46.Fragment, { children: [
               i > 0 && /* @__PURE__ */ jsx(
                 "div",
                 {
@@ -18849,11 +18939,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.useState(false);
-  const [draft, setDraft] = React45.useState("");
-  const [saving, setSaving] = React45.useState(false);
-  const [saveError, setSaveError] = React45.useState(null);
-  const textareaRef = React45.useRef(null);
+  const [editing, setEditing] = React46.useState(false);
+  const [draft, setDraft] = React46.useState("");
+  const [saving, setSaving] = React46.useState(false);
+  const [saveError, setSaveError] = React46.useState(null);
+  const textareaRef = React46.useRef(null);
   const color = fieldColor(field, SECONDARY2);
   const corrected = field.state === "corrected";
   const startEdit = (e) => {
@@ -19363,7 +19453,7 @@ function FieldDetails({
           },
           children: facts.map((f) => {
             var _a3;
-            return /* @__PURE__ */ jsxs(React45.Fragment, { children: [
+            return /* @__PURE__ */ jsxs(React46.Fragment, { children: [
               /* @__PURE__ */ jsx("dt", { style: { fontSize: "12px", color: MUTED2 }, children: f.label }),
               /* @__PURE__ */ jsxs(
                 "dd",
@@ -19462,7 +19552,7 @@ function FieldAuditLog({
   fields = []
 }) {
   const { BORDER: BORDER3, MUTED: MUTED2, PAPER: PAPER2, SECONDARY: SECONDARY2 } = useTheme();
-  const fieldLabelMap = React45.useMemo(() => {
+  const fieldLabelMap = React46.useMemo(() => {
     var _a2;
     const map = {};
     for (const f of fields) map[f.field_key] = (_a2 = f.label) != null ? _a2 : f.field_key;
@@ -19661,10 +19751,10 @@ function PageOverlay({
   secondary
 }) {
   const { PAPER: PAPER2, MUTED: MUTED2 } = useTheme();
-  const imgRef = React45.useRef(null);
-  const selectedBoxRef = React45.useRef(null);
-  const [px, setPx] = React45.useState(null);
-  React45.useEffect(() => {
+  const imgRef = React46.useRef(null);
+  const selectedBoxRef = React46.useRef(null);
+  const [px, setPx] = React46.useState(null);
+  React46.useEffect(() => {
     const el = imgRef.current;
     if (!el) return;
     const measure = () => {
@@ -19678,7 +19768,7 @@ function PageOverlay({
     ro.observe(el);
     return () => ro.disconnect();
   }, [page.imageUrl]);
-  React45.useEffect(() => {
+  React46.useEffect(() => {
     if (!selectedKey) return;
     if (!fields.some((f) => f.field_key === selectedKey && f.bbox)) return;
     const el = selectedBoxRef.current;
@@ -19780,8 +19870,8 @@ function ExtractionDetail({
   auditLoading
 }) {
   const { BORDER: BORDER3, MUTED: MUTED2, PAPER: PAPER2, SECONDARY: SECONDARY2 } = useTheme();
-  const selectedCardRef = React45.useRef(null);
-  React45.useEffect(() => {
+  const selectedCardRef = React46.useRef(null);
+  React46.useEffect(() => {
     if (!selectedKey || tab !== "fields") return;
     const el = selectedCardRef.current;
     if (el && typeof el.scrollIntoView === "function") {
@@ -19952,7 +20042,7 @@ function ExtractionModal({
   children
 }) {
   const { BORDER: BORDER3, MUTED: MUTED2, SURFACE: SURFACE2, FOREGROUND: FOREGROUND2, SCRIM: SCRIM2 } = useTheme();
-  React45.useEffect(() => {
+  React46.useEffect(() => {
     if (!open) return;
     const onKey = (e) => {
       if (e.key === "Escape") onClose();
@@ -20081,19 +20171,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.useState(null);
-  const [open, setOpen] = React45.useState(false);
-  const [tab, setTab] = React45.useState("fields");
+  const [selectedKey, setSelectedKey] = React46.useState(null);
+  const [open, setOpen] = React46.useState(false);
+  const [tab, setTab] = React46.useState("fields");
   const pages = (_a2 = p.pages) != null ? _a2 : [];
   const fields = (_b = p.fields) != null ? _b : [];
   const editable = typeof p.onFieldSave === "function";
   const onLoadAudit = p.onLoadAudit;
-  React45.useEffect(() => {
+  React46.useEffect(() => {
     if (tab === "audit" && onLoadAudit) {
       onLoadAudit();
     }
   }, [tab, onLoadAudit]);
-  const correctionCounts = React45.useMemo(() => {
+  const correctionCounts = React46.useMemo(() => {
     var _a3, _b2;
     const counts = {};
     for (const ev of (_a3 = p.auditEvents) != null ? _a3 : []) {
@@ -20450,8 +20540,8 @@ function formatAmount2(amount, currency = "USD") {
   return `${sign}${symbol}${body}`;
 }
 function useContainerWidth2(ref) {
-  const [w, setW] = React45.useState(0);
-  React45.useLayoutEffect(() => {
+  const [w, setW] = React46.useState(0);
+  React46.useLayoutEffect(() => {
     const el = ref.current;
     if (!el || typeof ResizeObserver === "undefined") return;
     const ro = new ResizeObserver((entries) => {
@@ -20546,8 +20636,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.useState(suggested);
-  const [text, setText] = React45.useState(String(suggested));
+  const [value, setValue] = React46.useState(suggested);
+  const [text, setText] = React46.useState(String(suggested));
   const step = (_b = adjust.step) != null ? _b : Number.isInteger(adjust.min) && Number.isInteger(adjust.max) ? 1 : (adjust.max - adjust.min) / 100;
   const pct = adjust.max > adjust.min ? (value - adjust.min) / (adjust.max - adjust.min) * 100 : 0;
   const suggestedPct = adjust.max > adjust.min ? (suggested - adjust.min) / (adjust.max - adjust.min) * 100 : 0;
@@ -20753,10 +20843,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.useRef(null);
+  const rootRef = React46.useRef(null);
   const width = useContainerWidth2(rootRef);
   const stacked = width > 0 && width < STACK_BELOW;
-  const [adjustingIdx, setAdjustingIdx] = React45.useState(null);
+  const [adjustingIdx, setAdjustingIdx] = React46.useState(null);
   const options = (_a2 = data.options) != null ? _a2 : [];
   const recommendedIdx = Math.max(
     0,
@@ -21057,8 +21147,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.useState(initial);
-  React45.useEffect(() => {
+  const [localResolved, setLocalResolved] = React46.useState(initial);
+  React46.useEffect(() => {
     if (hostResolved !== void 0) setLocalResolved(hostResolved);
   }, [hostResolved]);
   const resolved = hostResolved != null ? hostResolved : localResolved;
@@ -21132,11 +21222,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.useState(
+  const [decisions, setDecisions] = React46.useState(
     () => items.map(() => void 0)
   );
   const firstUndecided = decisions.findIndex((d) => !d);
-  const [focusIdx, setFocusIdx] = React45.useState(firstUndecided >= 0 ? firstUndecided : null);
+  const [focusIdx, setFocusIdx] = React46.useState(firstUndecided >= 0 ? firstUndecided : null);
   const isSubmitted = submitted != null;
   const shown = isSubmitted ? items.map(
     (item, i) => {
@@ -21161,16 +21251,16 @@ function DecisionQueueRenderer({
     const final = decisions;
     onSubmit == null ? void 0 : onSubmit(final, composeQueueMessage(items, final));
   };
-  const onReadyRef = React45.useRef(onReady);
-  React45.useEffect(() => {
+  const onReadyRef = React46.useRef(onReady);
+  React46.useEffect(() => {
     onReadyRef.current = onReady;
   });
-  React45.useEffect(() => {
+  React46.useEffect(() => {
     if (!onReadyRef.current) return;
     const msg = allDecided ? composeQueueMessage(items, decisions) : null;
     onReadyRef.current(allDecided && !isSubmitted, msg, decisions.filter(Boolean));
   }, [decisions, allDecided, isSubmitted]);
-  React45.useEffect(() => {
+  React46.useEffect(() => {
     if (!submitRef) return;
     submitRef.current = handleSubmit;
     return () => {
@@ -21395,7 +21485,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.useState(null);
+  const [localSubmitted, setLocalSubmitted] = React46.useState(null);
   const hostLocked = (resolvedDecisions == null ? void 0 : resolvedDecisions[queueId]) != null;
   const submitted = (_e = replayed != null ? replayed : localSubmitted) != null ? _e : hostLocked ? [] : null;
   const handleSubmit = (decisions, message) => {
@@ -22231,7 +22321,7 @@ 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.useRef(0);
+  const keyRef = React46.useRef(0);
   const [entries, setEntries] = useState(() => {
     const arr = Array.isArray(value) ? value : value && typeof value === "object" ? [value] : [];
     return arr.map((item) => {
@@ -22240,11 +22330,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.useRef(entries);
+  const entriesRef = React46.useRef(entries);
   entriesRef.current = entries;
   const [dragOver, setDragOver] = useState(false);
-  const inputRef = React45.useRef(null);
-  React45.useEffect(() => {
+  const inputRef = React46.useRef(null);
+  React46.useEffect(() => {
     ensureFileUploadKeyframes();
   }, []);
   const interactive = !disabled;
@@ -22851,7 +22941,7 @@ function FieldRenderer({ field, value, onChange, disabled, error, onFileUpload,
   ] });
 }
 init_ThemeContext();
-var SlotErrorBoundary = class extends React45.Component {
+var SlotErrorBoundary = class extends React46.Component {
   constructor(props) {
     super(props);
     this.state = { hasError: false };
@@ -23718,7 +23808,7 @@ function BuilderFormResolver({
   }
 }
 function resolveBuilder(payload, callbacks) {
-  return React45.createElement(BuilderFormResolver, __spreadValues({
+  return React46.createElement(BuilderFormResolver, __spreadValues({
     builder: payload
   }, callbacks));
 }