@ai-matrx/records-ui 0.85.10 → 0.85.11

package/dist/index.js

@@ -3098,7 +3098,7 @@ function OpenCell({
 }
 
 // src/Grid.tsx
-import { useCallback as useCallback8, useEffect as useEffect13, useMemo as useMemo13, useRef as useRef4, useState as useState15 } from "react";
+import { useCallback as useCallback8, useEffect as useEffect13, useMemo as useMemo13, useRef as useRef5, useState as useState15 } from "react";
 import {
   useFields as useFields3,
   useRecords as useRecords2,
@@ -4860,8 +4860,9 @@ function GridLayoutMenu({
 }
 
 // src/handOrder.tsx
-import { useEffect as useEffect12, useMemo as useMemo12, useState as useState14 } from "react";
+import { useEffect as useEffect12, useMemo as useMemo12, useRef as useRef4, useState as useState14 } from "react";
 import { useRecordsClient as useRecordsClient9 } from "@ai-matrx/records/react";
+import { stableFilterKey } from "@ai-matrx/records";
 import { Button as Button12, ConfirmDialog as ConfirmDialog2, cn as cn13 } from "@ai-matrx/design-system";
 
 // src/viewKeys.ts
@@ -5177,12 +5178,6 @@ var HAND_ORDER_NOTE = "Sort: Manual \u2014 the cards are in the order set by han
 function reorderNote(startSortName, direction) {
   return startSortName && direction ? `Saving makes this order the view's sort. It replaces the sort by ${startSortName} ${sortArrow(direction)}. Nothing changes until you save.` : "Saving makes this order the view's sort. Nothing changes until you save.";
 }
-function inHandOrder(rows, positions) {
-  const placed = rows.filter((r) => positions.has(r.id));
-  const rest = rows.filter((r) => !positions.has(r.id));
-  placed.sort((a, b) => positions.get(a.id) - positions.get(b.id));
-  return [...placed, ...rest];
-}
 function moveRow(list, from, to) {
   if (from === to || from < 0 || from >= list.length) return [...list];
   const next = [...list];
@@ -5193,31 +5188,34 @@ function moveRow(list, from, to) {
 var DOOR_PAGE_MAX = 500;
 function useHandOrderRows(args) {
   const client = useRecordsClient9();
-  const { viewId, active, page, pageSize, filtered } = args;
+  const { viewId, active, page, pageSize } = args;
+  const filter = args.filter && Object.keys(args.filter).length > 0 ? args.filter : null;
+  const filterKey = filter ? stableFilterKey(filter) : "";
+  const filterNow = useRef4(filter);
+  filterNow.current = filter;
   const [answer, setAnswer] = useState14(null);
   const [tick, setTick] = useState14(0);
-  const limit = filtered ? DOOR_PAGE_MAX : Math.max(1, Math.min(pageSize, DOOR_PAGE_MAX));
-  const offset = filtered ? 0 : page * pageSize;
-  const key = `${viewId ?? ""}:${limit}:${offset}`;
+  const limit = Math.max(1, Math.min(pageSize, DOOR_PAGE_MAX));
+  const offset = Math.max(0, page) * limit;
+  const key = `${viewId ?? ""}:${limit}:${offset}:${filterKey}`;
   useEffect12(() => {
     if (!active || !viewId) return;
     let cancelled = false;
-    void client.readInViewOrder({ view_id: viewId, limit, offset }).then((result) => {
+    void client.readInViewOrder({ view_id: viewId, filter: filterNow.current, limit, offset }).then((result) => {
       if (cancelled) return;
-      setAnswer(result.ok ? { key, rows: result.data ?? [], error: null } : { key, rows: [], error: result.error });
+      setAnswer(
+        result.ok ? { key, rows: (result.data ?? []).map(({ position: _p, ...row }) => row), error: null } : { key, rows: [], error: result.error }
+      );
     });
     return () => {
       cancelled = true;
     };
-  }, [client, viewId, active, limit, offset, key, args.version, tick]);
+  }, [client, viewId, active, limit, offset, key, filterKey, args.version, tick]);
   const rows = useMemo12(() => {
     if (!active || !viewId || !answer || answer.key !== key) return null;
     if (answer.error) return null;
-    if (!filtered) return answer.rows.map(({ position: _p, ...row }) => row);
-    const positions = /* @__PURE__ */ new Map();
-    answer.rows.forEach((row, i) => positions.set(row.id, row.position ?? DOOR_PAGE_MAX * 1024 + i));
-    return inHandOrder(args.filteredRows, positions);
-  }, [active, viewId, answer, key, filtered, args.filteredRows]);
+    return answer.rows;
+  }, [active, viewId, answer, key]);
   return {
     rows,
     loading: active && Boolean(viewId) && (!answer || answer.key !== key),
@@ -5356,8 +5354,7 @@ function Grid({
     active: manual,
     page,
     pageSize,
-    filtered: Boolean(filter),
-    filteredRows: storeRows,
+    filter: filter ?? null,
     version: records.data
   });
   const rows = useMemo13(() => manual ? hand.rows ?? [] : storeRows, [manual, hand.rows, storeRows]);
@@ -5476,7 +5473,7 @@ function Grid({
   const [deleting, setDeleting] = useState15(null);
   const [deleteBusy, setDeleteBusy] = useState15(false);
   const [archived, setArchived] = useState15(null);
-  const choiceOptions = useRef4(/* @__PURE__ */ new Map());
+  const choiceOptions = useRef5(/* @__PURE__ */ new Map());
   const loadChoiceOptions = useCallback8(
     async (fieldList) => {
       const wanted = fieldList.filter(
@@ -6489,7 +6486,7 @@ function ExportMenu({ tableId, rows, label, className }) {
 }
 
 // src/FilePicker.tsx
-import { useCallback as useCallback9, useId, useRef as useRef5, useState as useState17 } from "react";
+import { useCallback as useCallback9, useId, useRef as useRef6, useState as useState17 } from "react";
 import { Button as Button15, cn as cn16 } from "@ai-matrx/design-system";
 import { jsx as jsx23, jsxs as jsxs18 } from "react/jsx-runtime";
 function FilePicker({
@@ -6504,7 +6501,7 @@ function FilePicker({
   className
 }) {
   const inputId = useId();
-  const input = useRef5(null);
+  const input = useRef6(null);
   const [over, setOver] = useState17(false);
   const take = useCallback9(
     (file) => {
@@ -7501,7 +7498,7 @@ import {
 } from "@ai-matrx/design-system";
 
 // src/FormulaTextEditor.tsx
-import { useEffect as useEffect15, useMemo as useMemo16, useRef as useRef6, useState as useState20 } from "react";
+import { useEffect as useEffect15, useMemo as useMemo16, useRef as useRef7, useState as useState20 } from "react";
 import { useRecordsClient as useRecordsClient13 } from "@ai-matrx/records/react";
 import { RULE_NODE_KINDS } from "@ai-matrx/records";
 import { BasicTextarea as BasicTextarea2, Button as Button18, Label as Label4, cn as cn19 } from "@ai-matrx/design-system";
@@ -7525,8 +7522,8 @@ function FormulaTextEditor({
   const client = useRecordsClient13();
   const [parsed, setParsed] = useState20(null);
   const [error, setError] = useState20(null);
-  const box = useRef6(null);
-  const report = useRef6(onChecked);
+  const box = useRef7(null);
+  const report = useRef7(onChecked);
   report.current = onChecked;
   useEffect15(() => {
     const asked = text.trim();
@@ -9973,7 +9970,7 @@ function entriesFor(scope) {
 import { Button as Button27, Separator as Separator8, Skeleton as Skeleton5, cn as cn27 } from "@ai-matrx/design-system";
 
 // src/RecordForm.tsx
-import { useEffect as useEffect20, useMemo as useMemo23, useRef as useRef7, useState as useState29 } from "react";
+import { useEffect as useEffect20, useMemo as useMemo23, useRef as useRef8, useState as useState29 } from "react";
 import {
   useFields as useFields10,
   useRecord,
@@ -10221,7 +10218,7 @@ function RecordForm({
   const [answered, setAnswered] = useState29(null);
   const loaded = useRecordVersion(recordId ?? null);
   const loadedVersion = loaded.version;
-  const changedRef = useRef7({});
+  const changedRef = useRef8({});
   changedRef.current = changed;
   useEffect20(() => {
     const document3 = existing.data?.document;
@@ -10576,7 +10573,7 @@ function computedInPlainWords(row, field) {
 // src/ViewSwitcher.tsx
 import { useEffect as useEffect23, useMemo as useMemo25, useState as useState33 } from "react";
 import { useFields as useFields13, useRecords as useRecords6, useRecordsClient as useRecordsClient22 } from "@ai-matrx/records/react";
-import { stableFilterKey as stableFilterKey2 } from "@ai-matrx/records";
+import { stableFilterKey as stableFilterKey3 } from "@ai-matrx/records";
 import { Button as Button29, Skeleton as Skeleton7, cn as cn29 } from "@ai-matrx/design-system";
 import {
   resolveRowColor as resolveRowColor2,
@@ -10584,13 +10581,13 @@ import {
 } from "@ai-matrx/design-system/data-table";
 
 // src/Pipeline.tsx
-import { useCallback as useCallback13, useEffect as useEffect22, useMemo as useMemo24, useRef as useRef8, useState as useState32 } from "react";
+import { useCallback as useCallback13, useEffect as useEffect22, useMemo as useMemo24, useRef as useRef9, useState as useState32 } from "react";
 import {
   mayDrag,
   useFields as useFields12,
   useRecordsClient as useRecordsClient21
 } from "@ai-matrx/records/react";
-import { stableFilterKey } from "@ai-matrx/records";
+import { stableFilterKey as stableFilterKey2 } from "@ai-matrx/records";
 import {
   Button as Button28,
   DropdownMenu as DropdownMenu3,
@@ -10654,9 +10651,9 @@ function PipelineBoard({
   const [waiting, setWaiting] = useState32(/* @__PURE__ */ new Map());
   const [dragging, setDragging] = useState32(null);
   const [over, setOver] = useState32(null);
-  const alive = useRef8(true);
+  const alive = useRef9(true);
   const [selected, setSelected] = useState32(/* @__PURE__ */ new Set());
-  const anchor = useRef8(null);
+  const anchor = useRef9(null);
   const [versions, setVersions] = useState32(null);
   const [batch, setBatch] = useState32(/* @__PURE__ */ new Map());
   const [batchSaid, setBatchSaid] = useState32(null);
@@ -10668,7 +10665,7 @@ function PipelineBoard({
       alive.current = false;
     };
   }, []);
-  const filterKey = stableFilterKey(filter);
+  const filterKey = stableFilterKey2(filter);
   const reload = useCallback13(async () => {
     setLoading(true);
     const [read, board, held] = await Promise.all([
@@ -11312,8 +11309,8 @@ function useViewRecords(view, pageSize = 200, filter, viewId) {
       cancelled = true;
     };
   }, [client, ruleId, pageSize]);
-  const asked = stableFilterKey2(filter ?? null);
-  const fromView = asked !== "{}" && (asked === stableFilterKey2(view.where ?? null) || asked === stableFilterKey2(view.filters ?? null));
+  const asked = stableFilterKey3(filter ?? null);
+  const fromView = asked !== "{}" && (asked === stableFilterKey3(view.where ?? null) || asked === stableFilterKey3(view.filters ?? null));
   const tableRows = useMemo25(() => table.data?.rows ?? [], [table.data]);
   const manual = view.order === "manual" && Boolean(viewId) && !ruleId;
   const hand = useHandOrderRows({
@@ -11321,8 +11318,7 @@ function useViewRecords(view, pageSize = 200, filter, viewId) {
     active: manual,
     page: 0,
     pageSize,
-    filtered: Boolean(filter),
-    filteredRows: tableRows,
+    filter: filter ?? null,
     version: table.data
   });
   const rows = ruleId ? ruled.rows : manual ? hand.rows ?? [] : tableRows;
@@ -12197,9 +12193,9 @@ import { useRecordsClient as useRecordsClient25 } from "@ai-matrx/records/react"
 import { Button as Button32, Input as Input2, Skeleton as Skeleton10, cn as cn32 } from "@ai-matrx/design-system";
 
 // src/seedOnce.ts
-import { useCallback as useCallback16, useRef as useRef9 } from "react";
+import { useCallback as useCallback16, useRef as useRef10 } from "react";
 function useSeedGuard() {
-  const claimed = useRef9(/* @__PURE__ */ new Set());
+  const claimed = useRef10(/* @__PURE__ */ new Set());
   return useCallback16((name) => {
     if (claimed.current.has(name)) return false;
     claimed.current.add(name);
@@ -12444,7 +12440,7 @@ function ProposalRow({
 }
 
 // src/ActionInbox.tsx
-import { useCallback as useCallback19, useEffect as useEffect28, useMemo as useMemo27, useRef as useRef10, useState as useState39 } from "react";
+import { useCallback as useCallback19, useEffect as useEffect28, useMemo as useMemo27, useRef as useRef11, useState as useState39 } from "react";
 import { useRecordsClient as useRecordsClient28 } from "@ai-matrx/records/react";
 import { Badge as Badge12, Button as Button35, Checkbox as Checkbox7, Skeleton as Skeleton12, cn as cn35 } from "@ai-matrx/design-system";
 import { toggleSelection as toggleSelection2 } from "@ai-matrx/design-system/data-table";
@@ -13236,9 +13232,9 @@ function ActionInbox({
   const [outcome, setOutcome] = useState39({});
   const [busy, setBusy] = useState39(null);
   const [cursor, setCursor] = useState39(0);
-  const listRef = useRef10(null);
+  const listRef = useRef11(null);
   const [selected, setSelected] = useState39(/* @__PURE__ */ new Set());
-  const anchor = useRef10(null);
+  const anchor = useRef11(null);
   const [deciding, setDeciding] = useState39(false);
   const [batchSaid, setBatchSaid] = useState39(null);
   const [view, setView] = useState39("inbox");
@@ -13836,7 +13832,7 @@ function ActionInbox({
 }
 
 // src/HistoryPanel.tsx
-import { useCallback as useCallback20, useEffect as useEffect29, useRef as useRef11, useState as useState40 } from "react";
+import { useCallback as useCallback20, useEffect as useEffect29, useRef as useRef12, useState as useState40 } from "react";
 import {
   useFields as useFields15,
   useRecordChangeRevision,
@@ -13855,7 +13851,7 @@ function HistoryPanel({ tableId, recordId, onAskAboutField, className }) {
   const [open, setOpen] = useState40(null);
   const [pending, setPending] = useState40({ phase: "idle" });
   const [said, setSaid] = useState40(null);
-  const listRef = useRef11(null);
+  const listRef = useRef12(null);
   const changed = useRecordChangeRevision(recordId);
   const load = useCallback20(async () => {
     const answered = await client.recordHistory({ record_id: recordId });
@@ -14147,7 +14143,7 @@ function say(value, field) {
 }
 
 // src/CommentThread.tsx
-import { useCallback as useCallback21, useEffect as useEffect30, useMemo as useMemo28, useRef as useRef12, useState as useState41 } from "react";
+import { useCallback as useCallback21, useEffect as useEffect30, useMemo as useMemo28, useRef as useRef13, useState as useState41 } from "react";
 import {
   useFields as useFields16,
   useRecordsClient as useRecordsClient30,
@@ -14170,7 +14166,7 @@ function CommentThread({ tableId, recordId, fieldKey, className }) {
   const [people, setPeople] = useState41([]);
   const [mentionQuery, setMentionQuery] = useState41(null);
   const [picked, setPicked] = useState41([]);
-  const box = useRef12(null);
+  const box = useRef13(null);
   const load = useCallback21(async () => {
     const answered = await client.commentThread({ record_id: recordId, include_resolved: showResolved });
     if (!answered.ok) {
@@ -15174,74 +15170,89 @@ function PortalLookEditor({ card, onSaved, className }) {
     ] }),
     /* @__PURE__ */ jsxs45("div", { className: "flex flex-col gap-1 text-xs", children: [
       /* @__PURE__ */ jsx50("span", { children: "Footer links" }),
-      links.map((link, i) => /* @__PURE__ */ jsxs45("div", { className: "flex gap-1.5", children: [
-        /* @__PURE__ */ jsx50(
-          BasicInput14,
-          {
-            value: link.label,
-            placeholder: "Call dispatch",
-            "aria-label": `Footer link ${i + 1} words`,
-            onChange: (e) => setLinks((ls) => ls.map((l, j) => j === i ? { ...l, label: e.target.value } : l))
-          }
-        ),
-        /* @__PURE__ */ jsx50(
-          BasicInput14,
-          {
-            value: link.url,
-            placeholder: "tel:+1 805 555 0142",
-            "aria-label": `Footer link ${i + 1} address`,
-            onChange: (e) => setLinks((ls) => ls.map((l, j) => j === i ? { ...l, url: e.target.value } : l))
-          }
-        ),
-        /* @__PURE__ */ jsx50(Button41, { type: "button", size: "sm", variant: "ghost", onClick: () => setLinks((ls) => ls.filter((_, j) => j !== i)), children: "Remove" })
-      ] }, i)),
+      links.map((link, i) => (
+        // Wraps at phone width: the two boxes share a row when there is room, and "Remove" is
+        // never pushed past the edge (measured at 390: it was clipped).
+        /* @__PURE__ */ jsxs45("div", { className: "flex flex-wrap items-center gap-1.5", children: [
+          /* @__PURE__ */ jsx50(
+            BasicInput14,
+            {
+              className: "min-w-0 flex-1 basis-32",
+              value: link.label,
+              placeholder: "Call dispatch",
+              "aria-label": `Footer link ${i + 1} words`,
+              onChange: (e) => setLinks((ls) => ls.map((l, j) => j === i ? { ...l, label: e.target.value } : l))
+            }
+          ),
+          /* @__PURE__ */ jsx50(
+            BasicInput14,
+            {
+              className: "min-w-0 flex-1 basis-40",
+              value: link.url,
+              placeholder: "tel:+1 805 555 0142",
+              "aria-label": `Footer link ${i + 1} address`,
+              onChange: (e) => setLinks((ls) => ls.map((l, j) => j === i ? { ...l, url: e.target.value } : l))
+            }
+          ),
+          /* @__PURE__ */ jsx50(Button41, { type: "button", size: "sm", variant: "ghost", onClick: () => setLinks((ls) => ls.filter((_, j) => j !== i)), children: "Remove" })
+        ] }, i)
+      )),
       /* @__PURE__ */ jsx50("div", { children: /* @__PURE__ */ jsx50(Button41, { type: "button", size: "sm", variant: "outline", onClick: () => setLinks((ls) => [...ls, { label: "", url: "" }]), children: "Add a footer link" }) }),
       /* @__PURE__ */ jsx50("span", { className: "text-muted-foreground", children: "A link is a web address (https://), an email (mailto:) or a phone number (tel:)." })
     ] }),
     /* @__PURE__ */ jsx50("h4", { className: "mt-1 text-xs font-medium", children: "Forms clients can send" }),
     formsError ? /* @__PURE__ */ jsx50(RefusalNotice, { error: formsError }) : null,
     formsUnread ? /* @__PURE__ */ jsx50("span", { className: "text-xs text-muted-foreground", children: "The other forms on these tables could not be listed just now; the ones already on the portal are below." }) : null,
-    forms === null ? /* @__PURE__ */ jsx50("span", { className: "text-xs text-muted-foreground", children: "Reading the forms on this portal's tables\u2026" }) : forms.length === 0 ? /* @__PURE__ */ jsx50("span", { className: "text-xs text-muted-foreground", children: "None of the tables this portal shows has a form yet. Make one on a table's Forms tab and it appears here." }) : /* @__PURE__ */ jsx50("ul", { className: "flex flex-col gap-1", children: forms.map((f, i) => /* @__PURE__ */ jsxs45("li", { className: "flex flex-wrap items-center gap-1.5 rounded border border-border px-2 py-1 text-xs", children: [
-      /* @__PURE__ */ jsx50(
-        "input",
-        {
-          type: "checkbox",
-          checked: f.on,
-          "aria-label": `Offer ${f.title} on the portal`,
-          onChange: (e) => setForms((rows) => rows?.map((r) => r.form_id === f.form_id ? { ...r, on: e.target.checked } : r) ?? rows)
-        }
-      ),
-      /* @__PURE__ */ jsxs45("span", { className: "min-w-0 flex-1 truncate", children: [
-        /* @__PURE__ */ jsx50("span", { className: "font-medium", children: f.title }),
-        /* @__PURE__ */ jsxs45("span", { className: "text-muted-foreground", children: [
-          " \xB7 answers go to ",
-          f.table
+    forms === null ? /* @__PURE__ */ jsx50("span", { className: "text-xs text-muted-foreground", children: "Reading the forms on this portal's tables\u2026" }) : forms.length === 0 ? /* @__PURE__ */ jsx50("span", { className: "text-xs text-muted-foreground", children: "None of the tables this portal shows has a form yet. Make one on a table's Forms tab and it appears here." }) : /* @__PURE__ */ jsx50("ul", { className: "flex flex-col gap-1", children: forms.map((f, i) => (
+      // Two rows: the form's whole name first (at 390 a one-row layout truncated every title
+      // to "Re…"/"Up…"), then its button words and its order.
+      /* @__PURE__ */ jsxs45("li", { className: "flex flex-col gap-1 rounded border border-border px-2 py-1.5 text-xs", children: [
+        /* @__PURE__ */ jsxs45("label", { className: "flex items-start gap-1.5", children: [
+          /* @__PURE__ */ jsx50(
+            "input",
+            {
+              className: "mt-0.5",
+              type: "checkbox",
+              checked: f.on,
+              "aria-label": `Offer ${f.title} on the portal`,
+              onChange: (e) => setForms((rows) => rows?.map((r) => r.form_id === f.form_id ? { ...r, on: e.target.checked } : r) ?? rows)
+            }
+          ),
+          /* @__PURE__ */ jsxs45("span", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsx50("span", { className: "font-medium", children: f.title }),
+            /* @__PURE__ */ jsxs45("span", { className: "text-muted-foreground", children: [
+              " \xB7 answers go to ",
+              f.table
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs45("div", { className: "flex items-center gap-1.5 pl-5", children: [
+          /* @__PURE__ */ jsx50(
+            BasicInput14,
+            {
+              className: "h-7 min-w-0 flex-1",
+              value: f.label,
+              placeholder: "Button words (optional)",
+              "aria-label": `What the portal calls ${f.title}`,
+              onChange: (e) => setForms((rows) => rows?.map((r) => r.form_id === f.form_id ? { ...r, label: e.target.value } : r) ?? rows)
+            }
+          ),
+          /* @__PURE__ */ jsx50(Button41, { type: "button", size: "sm", variant: "ghost", "aria-label": `Move ${f.title} up`, disabled: i === 0, onClick: () => move(i, -1), children: "Up" }),
+          /* @__PURE__ */ jsx50(
+            Button41,
+            {
+              type: "button",
+              size: "sm",
+              variant: "ghost",
+              "aria-label": `Move ${f.title} down`,
+              disabled: i === forms.length - 1,
+              onClick: () => move(i, 1),
+              children: "Down"
+            }
+          )
         ] })
-      ] }),
-      /* @__PURE__ */ jsx50(
-        BasicInput14,
-        {
-          className: "h-7 w-40",
-          value: f.label,
-          placeholder: "Button words (optional)",
-          "aria-label": `What the portal calls ${f.title}`,
-          onChange: (e) => setForms((rows) => rows?.map((r) => r.form_id === f.form_id ? { ...r, label: e.target.value } : r) ?? rows)
-        }
-      ),
-      /* @__PURE__ */ jsx50(Button41, { type: "button", size: "sm", variant: "ghost", "aria-label": `Move ${f.title} up`, disabled: i === 0, onClick: () => move(i, -1), children: "Up" }),
-      /* @__PURE__ */ jsx50(
-        Button41,
-        {
-          type: "button",
-          size: "sm",
-          variant: "ghost",
-          "aria-label": `Move ${f.title} down`,
-          disabled: i === forms.length - 1,
-          onClick: () => move(i, 1),
-          children: "Down"
-        }
-      )
-    ] }, f.form_id)) }),
+      ] }, f.form_id)
+    )) }),
     error ? /* @__PURE__ */ jsx50(RefusalNotice, { error }) : null,
     said ? /* @__PURE__ */ jsx50("p", { className: "text-xs text-muted-foreground", "aria-live": "polite", children: said }) : null,
     /* @__PURE__ */ jsx50("div", { children: /* @__PURE__ */ jsx50(Button41, { type: "button", size: "sm", onClick: () => void save(), disabled: busy, children: busy ? "Saving\u2026" : "Save the look and forms" }) })
@@ -16693,7 +16704,7 @@ import {
 } from "@ai-matrx/design-system";
 
 // src/FormRunner.tsx
-import { useCallback as useCallback28, useEffect as useEffect39, useMemo as useMemo33, useRef as useRef13, useState as useState50 } from "react";
+import { useCallback as useCallback28, useEffect as useEffect39, useMemo as useMemo33, useRef as useRef14, useState as useState50 } from "react";
 import { useFields as useFields18, useOptionalRecordsClient as useOptionalRecordsClient5 } from "@ai-matrx/records/react";
 import { Button as Button46, Progress, Skeleton as Skeleton21, cn as cn46 } from "@ai-matrx/design-system";
 import { Fragment as Fragment23, jsx as jsx55, jsxs as jsxs50 } from "react/jsx-runtime";
@@ -16790,8 +16801,8 @@ function FormStage({
   const [writing, setWriting] = useState50(false);
   const [done, setDone] = useState50(null);
   const [hidden, setHidden] = useState50({});
-  const decoy = useRef13("");
-  const stage = useRef13(null);
+  const decoy = useRef14("");
+  const stage = useRef14(null);
   const questions = useMemo33(() => {
     const byKey = new Map((fields ?? []).map((f) => [f.key, f]));
     return (form.questions ?? []).map((q) => {
@@ -16849,13 +16860,13 @@ function FormStage({
     };
   }, [whichAsked, questions, answers]);
   const live = questions.filter((q) => !hidden[q.key]);
-  const told = useRef13(answers);
+  const told = useRef14(answers);
   useEffect39(() => {
     if (told.current === answers) return;
     told.current = answers;
     onAnswersChange?.(answers);
   }, [answers, onAnswersChange]);
-  const resumeAt = useRef13(
+  const resumeAt = useRef14(
     resumed && initialAnswers && Object.keys(initialAnswers).length > 0 ? questions.find((q) => {
       const v = initialAnswers[q.key];
       return v === void 0 || v === null || v === "";
@@ -17995,13 +18006,13 @@ function bucketWindow(groupKey, value) {
 import {
   useEffect as useEffect42,
   useId as useId2,
-  useRef as useRef14,
+  useRef as useRef15,
   useState as useState53
 } from "react";
 import { cn as cn49 } from "@ai-matrx/design-system";
 import { jsx as jsx58, jsxs as jsxs53 } from "react/jsx-runtime";
 function useMeasuredWidth(fallback = 480) {
-  const ref = useRef14(null);
+  const ref = useRef15(null);
   const [width, setWidth] = useState53(fallback);
   useEffect42(() => {
     const node = ref.current;
@@ -18311,7 +18322,7 @@ function DocTemplate({ tableId, seed, activeTemplateId, onActiveTemplate, classN
 }
 
 // src/DocRender.tsx
-import { useCallback as useCallback32, useEffect as useEffect44, useRef as useRef15, useState as useState55 } from "react";
+import { useCallback as useCallback32, useEffect as useEffect44, useRef as useRef16, useState as useState55 } from "react";
 import { useRecordsClient as useRecordsClient42 } from "@ai-matrx/records/react";
 import { Button as Button50, Skeleton as Skeleton25, cn as cn51 } from "@ai-matrx/design-system";
 import { jsx as jsx60, jsxs as jsxs55 } from "react/jsx-runtime";
@@ -18322,7 +18333,7 @@ function DocRender({ templateId, recordId, filename, onRendered, className }) {
   const [showing, setShowing] = useState55(null);
   const [error, setError] = useState55(null);
   const [busy, setBusy] = useState55(null);
-  const paper = useRef15(null);
+  const paper = useRef16(null);
   const load = useCallback32(async () => {
     const [body, held] = await Promise.all([
       client.docRenderBody({ template_id: templateId, record_id: recordId }),
@@ -20330,12 +20341,12 @@ function nextInWords(page) {
 }
 
 // src/CaptureSheet.tsx
-import { useCallback as useCallback39, useEffect as useEffect51, useRef as useRef17, useState as useState62 } from "react";
+import { useCallback as useCallback39, useEffect as useEffect51, useRef as useRef18, useState as useState62 } from "react";
 import { useFields as useFields24, useRecordsClient as useRecordsClient49, useTable as useTable22 } from "@ai-matrx/records/react";
 import { Button as Button57, Input as Input4, Skeleton as Skeleton32, Textarea as Textarea3, cn as cn59 } from "@ai-matrx/design-system";
 
 // src/CaptureRun.tsx
-import { useCallback as useCallback38, useEffect as useEffect50, useMemo as useMemo39, useRef as useRef16, useState as useState61 } from "react";
+import { useCallback as useCallback38, useEffect as useEffect50, useMemo as useMemo39, useRef as useRef17, useState as useState61 } from "react";
 import {
   coerceTypedAnswer as coerceTypedAnswer2,
   coercionLabel,
@@ -20393,7 +20404,7 @@ function CaptureRun({ sheetId, face: given, className }) {
   const [items, setItems] = useState61([]);
   const [lastSynced, setLastSynced] = useState61(null);
   const [sending, setSending] = useState61(false);
-  const queueRef = useRef16(null);
+  const queueRef = useRef17(null);
   useEffect50(() => {
     const q2 = openCaptureQueue({
       onChange: (c, all) => {
@@ -20773,7 +20784,7 @@ function AdHocCaptureSheet({
   const [error, setError] = useState62(null);
   const [uploadError, setUploadError] = useState62(null);
   const [flushing, setFlushing] = useState62(false);
-  const queue = useRef17([]);
+  const queue = useRef18([]);
   const keep = useCallback39(
     async (next) => {
       queue.current = next;