@ai-matrx/records-ui 0.102.15 → 0.102.17

package/dist/index.js

@@ -1134,12 +1134,12 @@ function PickOrAdd({
   children,
   chips,
   multi,
-  addFirst
+  onEscape
 }) {
   const addRow = add && !foot ? add : null;
   const count = items.length + (addRow ? 1 : 0);
-  const addAt = addRow ? addFirst ? 0 : items.length : -1;
-  const itemAt = (index) => addRow && addFirst ? index - 1 : index;
+  const addAt = addRow ? items.length : -1;
+  const itemAt = (index) => index;
   const removable = (chips ?? []).filter((c) => c.onRemove);
   const keys = useListKeys({
     count,
@@ -1153,7 +1153,7 @@ function PickOrAdd({
       if (item && !item.disabled) onPick(item.id);
     },
     onNothing: onEnterWithNoMatch ?? (add && !add.disabled ? add.onAdd : void 0),
-    onClose: () => onOpenChange(false),
+    onClose: () => onEscape ? onEscape() : onOpenChange(false),
     ...multi ? { onFinish: () => onOpenChange(false) } : {},
     ...removable.length > 0 ? { onBackspaceEmpty: () => removable[removable.length - 1]?.onRemove?.() } : {},
     searchEmpty: search === ""
@@ -1187,6 +1187,11 @@ function PickOrAdd({
         onKeyDown: (event) => {
           if (event.key !== "Tab") event.stopPropagation();
         },
+        onEscapeKeyDown: (event) => {
+          if (!onEscape) return;
+          event.preventDefault();
+          onEscape();
+        },
         onCloseAutoFocus: (event) => {
           if (anchored) event.preventDefault();
         },
@@ -1208,7 +1213,6 @@ function PickOrAdd({
           notice,
           /* @__PURE__ */ jsxs5(ScrollArea, { className: "max-h-64", children: [
             /* @__PURE__ */ jsxs5("div", { role: "listbox", "aria-label": triggerLabel, "aria-multiselectable": multi ? true : void 0, children: [
-              addFirst ? addRowNode : null,
               items.map((item, index) => /* @__PURE__ */ jsx6(
                 PickRow,
                 {
@@ -1220,13 +1224,13 @@ function PickOrAdd({
                   disabled: item.disabled,
                   attrs: item.attrs,
                   person: item.person,
-                  highlighted: (addRow && addFirst ? index + 1 : index) === keys.highlight,
+                  highlighted: index === keys.highlight,
                   onPick: () => onPick(item.id),
-                  onPoint: () => keys.setHighlight(addRow && addFirst ? index + 1 : index)
+                  onPoint: () => keys.setHighlight(index)
                 },
                 item.id
               )),
-              addFirst ? null : addRowNode
+              addRowNode
             ] }),
             items.length === 0 && empty ? empty : null
           ] }),
@@ -1271,7 +1275,7 @@ async function personRecordForMember(client, personTableId, people, member) {
   });
   return written;
 }
-function PersonPicker({ field: field2, value, onChange, disabled, id, className, autoOpen, onClose, initialSearch }) {
+function PersonPicker({ field: field2, value, onChange, disabled, id, className, autoOpen, onClose, onCancel, initialSearch }) {
   const client = useOptionalRecordsClient();
   const host = useRecordsUi();
   const [members, setMembers] = useState4(null);
@@ -1385,6 +1389,7 @@ function PersonPicker({ field: field2, value, onChange, disabled, id, className,
       /* @__PURE__ */ jsx7(
         PickOrAdd,
         {
+          ...anchored && onCancel ? { onEscape: onCancel } : {},
           anchored,
           multi: field2.multi,
           triggerId: id,
@@ -2531,7 +2536,7 @@ function tellApart(rows, nameOf2) {
 // src/RelationPicker.tsx
 import { Fragment as Fragment4, jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
 var NO_STORE_ON_THIS_SCREEN_REASON = "This question points at a record in somebody's own data, and a page answered without an account is never allowed to search that. Leave it blank \u2014 whoever receives your answer will fill it in.";
-function RelationPicker({ field: field2, value, onChange, disabled, id, className, allowCreate = true, onPicked, autoOpen, onClose }) {
+function RelationPicker({ field: field2, value, onChange, disabled, id, className, allowCreate = true, onPicked, autoOpen, onClose, onCancel }) {
   const client = useOptionalRecordsClient2();
   const [rows, setRows] = useState6(null);
   const [words2, setWords] = useState6({});
@@ -2699,6 +2704,7 @@ function RelationPicker({ field: field2, value, onChange, disabled, id, classNam
           PickOrAdd,
           {
             anchored,
+            ...anchored && onCancel ? { onEscape: onCancel } : {},
             multi: field2.multi,
             chips: picked.map((recordId) => ({ id: recordId, label: titleOf(recordId), onRemove: () => toggle(recordId) })),
             triggerId: id,
@@ -4271,7 +4277,7 @@ function ChoiceAskButtons({
   onCancel,
   busy
 }) {
-  return /* @__PURE__ */ jsxs17("span", { "data-records-choice-ask": "", role: "group", "aria-label": choiceAskSentence(field2, words2), className: "flex flex-col gap-1", children: [
+  return /* @__PURE__ */ jsxs17("span", { "data-records-choice-ask": "", "data-records-cell-note": "", role: "group", "aria-label": choiceAskSentence(field2, words2), className: "flex flex-col gap-1", children: [
     /* @__PURE__ */ jsx19("span", { className: "text-[11px] leading-snug", children: choiceAskSentence(field2, words2) }),
     /* @__PURE__ */ jsxs17("span", { className: "flex flex-wrap items-center gap-1", children: [
       /* @__PURE__ */ jsx19(Button8, { type: "button", size: "sm", className: "h-6 px-2 text-xs", disabled: busy ?? false, onClick: onAdd, children: "Add" }),
@@ -4308,7 +4314,11 @@ function typingOpens(field2) {
 var SHORT_REFUSAL = {
   email: "Enter a valid email",
   url: "Enter a valid link",
-  phone: "Enter a valid phone number"
+  phone: "Enter a valid phone number",
+  time: "Enter a time, like 2:30 PM",
+  date: "Enter a date",
+  number: "Enter a number",
+  value: "Not a valid value"
 };
 function judgeTyped(field2, text, choices, nudge) {
   const trimmed = text.trim();
@@ -4317,7 +4327,7 @@ function judgeTyped(field2, text, choices, nudge) {
   if (trimmed === "") return { value: null };
   if (format && format.id === "time") {
     const read2 = readTypedTime2(trimmed);
-    return read2.ok ? { value: read2.value } : { refusal: `${fieldName(field2)} holds a time of day, and ${read2.why}` };
+    return read2.ok ? { value: read2.value } : { refusal: SHORT_REFUSAL.time, why: `${fieldName(field2)} holds a time of day, and ${read2.why}` };
   }
   if (kind === "select" || kind === "multi_select") {
     if (!choices || nudge === null) return null;
@@ -4355,7 +4365,7 @@ function judgeTyped(field2, text, choices, nudge) {
   if (format && format.id === "rating") {
     const n = Number(trimmed);
     const max = format.options?.ratingMax ?? 5;
-    return Number.isInteger(n) && n >= 0 && n <= max ? { value: n === 0 ? null : n } : { refusal: `${fieldName(field2)} is a rating from 1 to ${max}, and \u201C${text}\u201D is not one.` };
+    return Number.isInteger(n) && n >= 0 && n <= max ? { value: n === 0 ? null : n } : { refusal: `Enter 1 to ${max}`, why: `${fieldName(field2)} is a rating from 1 to ${max}.` };
   }
   if (kind === "phone" || format && format.id === "phone") {
     const digits = trimmed.replace(/\D/g, "");
@@ -4364,7 +4374,11 @@ function judgeTyped(field2, text, choices, nudge) {
   }
   const showsAsPercent = Boolean(format && (format.id === "percent" || format.id === "progress"));
   const read = coerceTypedAnswer(field2, text, { label: fieldName(field2), showsAsPercent });
-  if ("refusal" in read) return { refusal: kind === "email" || kind === "url" ? SHORT_REFUSAL[kind] : read.refusal };
+  if ("refusal" in read) {
+    if (kind === "email" || kind === "url") return { refusal: SHORT_REFUSAL[kind] };
+    const short = kind === "datetime" ? SHORT_REFUSAL.date : kind === "number" || kind === "currency" || kind === "percent" || showsAsPercent ? SHORT_REFUSAL.number : read.refusal.length <= 32 ? read.refusal : SHORT_REFUSAL.value;
+    return short === read.refusal ? { refusal: short } : { refusal: short, why: read.refusal };
+  }
   if (typeof read.value === "number" && format && (format.id === "percent" || format.id === "progress") && format.options?.percentScale === "fraction") {
     return { value: Math.round(read.value / 100 * 1e9) / 1e9 };
   }
@@ -4449,7 +4463,7 @@ function TypedTextControl({ field: field2, value, onChange, disabled, id, onComm
       box,
       /* @__PURE__ */ jsx19(TypedDateHelper, { kind: helper, text: value.text, onText: retype, label: fieldName(field2) })
     ] }) : box,
-    judged === null ? /* @__PURE__ */ jsxs17("span", { className: "text-[10px] text-muted-foreground", children: [
+    judged === null ? /* @__PURE__ */ jsxs17("span", { "data-records-cell-note": "", className: "text-[10px] text-muted-foreground", children: [
       "Reading ",
       fieldName(field2),
       "'s choices\u2026"
@@ -4469,10 +4483,19 @@ function TypedTextControl({ field: field2, value, onChange, disabled, id, onComm
         },
         onCancel: () => onCancel?.()
       }
-    ) : "refusal" in judged ? /* @__PURE__ */ jsxs17("span", { className: "flex flex-col gap-1", children: [
-      /* @__PURE__ */ jsx19("span", { "data-records-typed-refusal": "", role: "status", className: "text-[11px] leading-snug text-amber-700 dark:text-amber-400", children: judged.refusal }),
+    ) : "refusal" in judged ? /* @__PURE__ */ jsxs17("span", { "data-records-cell-note": "", className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ jsx19(
+        "span",
+        {
+          "data-records-typed-refusal": "",
+          role: "status",
+          title: "why" in judged ? judged.why : void 0,
+          className: "text-[11px] leading-snug text-amber-700 dark:text-amber-400",
+          children: judged.refusal
+        }
+      ),
       judged.cancelOnly && onCancel ? /* @__PURE__ */ jsx19("span", { "data-records-choice-ask": "", children: /* @__PURE__ */ jsx19(Button8, { type: "button", size: "sm", variant: "ghost", className: "h-6 px-2 text-xs", onClick: () => onCancel(), children: "Cancel" }) }) : null
-    ] }) : judged.value === null || judged.value === void 0 ? null : /* @__PURE__ */ jsxs17("span", { "data-records-typed-reads-as": "", className: "text-[10px] text-muted-foreground", children: [
+    ] }) : judged.value === null || judged.value === void 0 ? null : /* @__PURE__ */ jsxs17("span", { "data-records-typed-reads-as": "", "data-records-cell-note": "", className: "text-[10px] text-muted-foreground", children: [
       isChoiceAddition(judged.value) ? `Adds ${quoted(judged.value.add)} to the choices for ${fieldName(field2)}. ` : null,
       "Reads as",
       " ",
@@ -4566,9 +4589,9 @@ function FieldControl({ field: field2, value, onChange, disabled, id, autoOpen,
       return /* @__PURE__ */ jsx19(CheckboxControl, { field: field2, value, onChange, disabled, id: inputId });
     case "select":
     case "multi_select":
-      return /* @__PURE__ */ jsx19(OptionControl, { field: field2, value, onChange, disabled, id: inputId, autoOpen, onClose, addsChoices, initialSearch, asForm });
+      return /* @__PURE__ */ jsx19(OptionControl, { field: field2, value, onChange, disabled, id: inputId, autoOpen, onClose, onCancel, addsChoices, initialSearch, asForm });
     case "member":
-      return /* @__PURE__ */ jsx19(PersonPicker, { field: field2, value, onChange, disabled, id: inputId, autoOpen, onClose, initialSearch });
+      return /* @__PURE__ */ jsx19(PersonPicker, { field: field2, value, onChange, disabled, id: inputId, autoOpen, onClose, onCancel, initialSearch });
     case "entity_reference":
       return /* @__PURE__ */ jsx19(EntityReferenceControl, { field: field2, value, onChange, disabled, id: inputId });
     case "attachment":
@@ -4577,7 +4600,7 @@ function FieldControl({ field: field2, value, onChange, disabled, id, autoOpen,
       }
       return /* @__PURE__ */ jsx19(RelationPicker, { field: field2, value, onChange, disabled, id: inputId });
     case "relation":
-      return /* @__PURE__ */ jsx19(RelationPicker, { field: field2, value, onChange, disabled, id: inputId, onPicked: onCommit, autoOpen, onClose });
+      return /* @__PURE__ */ jsx19(RelationPicker, { field: field2, value, onChange, disabled, id: inputId, onPicked: onCommit, autoOpen, onClose, onCancel });
     default:
       if (typeof value === "boolean" || field2.config?.["kind"] === "boolean") {
         return /* @__PURE__ */ jsx19(
@@ -4605,6 +4628,7 @@ function FieldControl({ field: field2, value, onChange, disabled, id, autoOpen,
 function TypedWordsControl({ field: field2, value, onChange, disabled, id }) {
   const [text, setText] = useState16(() => openingText(field2, value));
   const [refusal4, setRefusal] = useState16(null);
+  const [why, setWhy] = useState16(void 0);
   const sent = useRef11(value);
   useEffect11(() => {
     if (value === sent.current) return;
@@ -4622,6 +4646,7 @@ function TypedWordsControl({ field: field2, value, onChange, disabled, id }) {
       onChange(judged.value);
     } else if (judged && "refusal" in judged) {
       setRefusal(judged.refusal);
+      setWhy("why" in judged ? judged.why : void 0);
     }
   };
   return /* @__PURE__ */ jsxs17("span", { className: "flex flex-col gap-0.5", children: [
@@ -4645,7 +4670,7 @@ function TypedWordsControl({ field: field2, value, onChange, disabled, id }) {
       ),
       helper && !disabled ? /* @__PURE__ */ jsx19(TypedDateHelper, { kind: helper, text, onText: retype, label: fieldName(field2) }) : null
     ] }),
-    refusal4 ? /* @__PURE__ */ jsx19("span", { "data-records-typed-refusal": "", role: "status", className: "text-[11px] leading-snug text-amber-700 dark:text-amber-400", children: refusal4 }) : null
+    refusal4 ? /* @__PURE__ */ jsx19("span", { "data-records-typed-refusal": "", "data-records-cell-note": "", role: "status", title: why, className: "text-[11px] leading-snug text-amber-700 dark:text-amber-400", children: refusal4 }) : null
   ] });
 }
 function CheckboxControl({ field: field2, value, onChange, disabled, id }) {
@@ -4715,8 +4740,9 @@ function JsonControl({ field: field2, value, onChange, disabled, id }) {
       }
     ),
     broken ? (
-      // The typed text is still in the box: the notice owns the two doors out.
-      /* @__PURE__ */ jsx19(
+      // The typed text is still in the box: the notice owns the two doors out. In a grid cell it
+      // floats over the table (`data-records-cell-note`), so the row never grows.
+      /* @__PURE__ */ jsx19("span", { "data-records-cell-note": "", className: "block", children: /* @__PURE__ */ jsx19(
         RefusalNotice,
         {
           error: broken,
@@ -4726,7 +4752,7 @@ function JsonControl({ field: field2, value, onChange, disabled, id }) {
             setBroken(null);
           }
         }
-      )
+      ) })
     ) : null
   ] });
 }
@@ -4739,7 +4765,7 @@ function inTheStoresOrder(options) {
   const made = (o) => String(o.created_at ?? "");
   return [...options].sort((a, b) => position(a) - position(b) || made(a).localeCompare(made(b)));
 }
-function OptionControl({ field: field2, value, onChange, disabled, id, autoOpen, onClose, addsChoices, initialSearch, asForm }) {
+function OptionControl({ field: field2, value, onChange, disabled, id, autoOpen, onClose, onCancel, addsChoices, initialSearch, asForm }) {
   const client = useOptionalRecordsClient7();
   const [options, setOptions] = useState16(null);
   const [refusal4, setRefusal] = useState16(null);
@@ -4807,6 +4833,7 @@ function OptionControl({ field: field2, value, onChange, disabled, id, autoOpen,
         id,
         autoOpen,
         onClose,
+        onCancel,
         initialSearch,
         addsChoices,
         allowOther: allowsOtherValues(field2),
@@ -4887,6 +4914,7 @@ function OpenChoicePicker({
   addsChoices,
   autoOpen,
   onClose,
+  onCancel,
   initialSearch,
   allowOther = true,
   onChoicesChanged
@@ -4954,10 +4982,9 @@ function OpenChoicePicker({
     });
   };
   const offList = q !== "" && decided.decision !== "chosen" && decided.decision !== "empty";
-  const nothingMatches = q !== "" && visible.length === 0;
   const foot = null;
   const add = offList && (decided.decision === "ask" || decided.decision === "add") ? { label: `Create \u201C${q}\u201D`, onAdd: addTyped, disabled: adding } : offList && decided.decision === "keep_as_typed" ? { label: `Use \u201C${q}\u201D`, onAdd: () => choose(q) } : null;
-  const listed = nothingMatches && add ? options : visible;
+  const listed = visible;
   const pickedOptions = current.map((v) => options.find((o) => isTheChosen(o, v)));
   const cellChips = pickedWords.map((word, i) => {
     const chip = chipOf(pickedOptions[i], word);
@@ -4985,6 +5012,7 @@ function OpenChoicePicker({
         PickOrAdd,
         {
           anchored,
+          ...anchored && onCancel ? { onEscape: onCancel } : {},
           chips: headChips,
           multi: field2.multi,
           triggerLabel: `Pick for ${fieldName(field2)}`,
@@ -4996,7 +5024,6 @@ function OpenChoicePicker({
             setSearch(next);
             setAddRefused(null);
           },
-          addFirst: nothingMatches,
           items: listed.map((option) => ({
             id: option.id,
             label: titleOf(option),
@@ -6599,8 +6626,9 @@ function cardWords(record, field2, labels) {
 
 // src/gridEditing.tsx
 import { jsx as jsx28, jsxs as jsxs23 } from "react/jsx-runtime";
-var FLOATING_EDITOR_TRAY_CLASS = "pointer-events-none absolute left-0 z-[26] w-max max-w-[24rem] rounded-md border bg-popover px-1.5 py-0.5 shadow-md";
-var FLOATING_EDITOR_NOTE_CLASS = "[&_[data-records-typed-reads-as]]:pointer-events-none [&_[data-records-typed-reads-as]]:absolute [&_[data-records-typed-reads-as]]:bottom-full [&_[data-records-typed-reads-as]]:left-0 [&_[data-records-typed-reads-as]]:z-[26] [&_[data-records-typed-reads-as]]:mb-1 [&_[data-records-typed-reads-as]]:w-max [&_[data-records-typed-reads-as]]:max-w-[24rem] [&_[data-records-typed-reads-as]]:rounded-md [&_[data-records-typed-reads-as]]:border [&_[data-records-typed-reads-as]]:bg-popover [&_[data-records-typed-reads-as]]:px-1.5 [&_[data-records-typed-reads-as]]:py-0.5 [&_[data-records-typed-reads-as]]:shadow-md";
+var FLOATING_CELL_NOTE_CLASS = "[&_[data-records-cell-note]]:absolute [&_[data-records-cell-note]]:bottom-full [&_[data-records-cell-note]]:left-0 [&_[data-records-cell-note]]:z-[26] [&_[data-records-cell-note]]:mb-1 [&_[data-records-cell-note]]:w-max [&_[data-records-cell-note]]:max-w-[24rem] [&_[data-records-cell-note]]:rounded-md [&_[data-records-cell-note]]:border [&_[data-records-cell-note]]:bg-popover [&_[data-records-cell-note]]:px-1.5 [&_[data-records-cell-note]]:py-0.5 [&_[data-records-cell-note]]:shadow-md";
+var FLOATING_CELL_TRAY_CLASS = "absolute left-0 top-full z-[26] mt-1 flex w-max max-w-[24rem] flex-col items-start gap-1";
+var FLOATING_CELL_TRAY_PIECE_CLASS = "rounded-md border bg-popover px-1.5 py-0.5 shadow-md";
 var NO_ROWS = [];
 function asksWhoChanged(event) {
   return event.altKey && event.shiftKey && !event.metaKey && !event.ctrlKey && (event.code === "KeyH" || event.key.toLowerCase() === "h");
@@ -7176,8 +7204,18 @@ function GridCell({
   const onLinkClickCapture = (event) => {
     const link = event.target instanceof Element ? event.target.closest("a[href]") : null;
     if (!(link instanceof HTMLElement) || !event.currentTarget.contains(link) || event.detail === 0) return;
+    if (event.metaKey || event.ctrlKey || event.shiftKey) {
+      cancelSinglePress();
+      event.stopPropagation();
+      return;
+    }
     event.preventDefault();
     const cellTakesIt = editable && (clickOpens || opensAsAList(field2, hostTakesFiles(ui)));
+    if (cellTakesIt && event.detail === 1 && (clickOpens || wasActive.current)) {
+      cancelSinglePress();
+      openThisCell(event);
+      return;
+    }
     if (event.detail === 1 && wasActive.current && !cellTakesIt) afterSinglePress(() => link.click());
     else cancelSinglePress();
   };
@@ -7186,32 +7224,51 @@ function GridCell({
   const refusal4 = editing ? editing.refusalOf(row.id, field2.key) : null;
   const editable = Boolean(editing) && canWrite && fieldIsEditable(field2);
   if (open && editing) {
-    return /* @__PURE__ */ jsx28(
-      OpenCell,
-      {
-        field: field2,
-        draft: editing.draft,
-        initialSearch: editing.searchSeed,
-        onType: editing.type,
-        onCommit: (move, via) => editing.commit(move, via),
-        onCancel: (via) => editing.cancel(via),
-        below: (
-          // KEPT EDITING: the refusal stays beside the value it is about, so the
-          // person reads what to change while changing it. Keep editing is the
-          // state they are in, so only Discard is offered. It is INSIDE the open
-          // cell, so pressing Discard is not "focus left the cell" — which would
-          // commit the refused value one more time on its way out.
-          refusal4 && !refusal4.conflict ? /* @__PURE__ */ jsx28(
-            RefusalNotice,
-            {
-              error: refusal4.error,
-              className: "py-1.5 text-left",
-              onDiscard: () => editing.discard(row.id, field2.key)
-            }
-          ) : null
-        )
-      }
-    );
+    return /* @__PURE__ */ jsxs23("span", { "data-records-open-cell": "", className: "relative block w-full min-w-0", children: [
+      /* @__PURE__ */ jsxs23("span", { "aria-hidden": "true", inert: true, "data-records-cell-ghost": "", className: "pointer-events-none invisible flex w-full min-w-0 select-none items-center gap-1", children: [
+        /* @__PURE__ */ jsx28("span", { className: "block min-w-0 flex-1 truncate px-1 py-0.5", children: /* @__PURE__ */ jsx28(
+          RecordValue,
+          {
+            inCell: true,
+            field: field2,
+            value: row.document?.[field2.key],
+            document: row.document,
+            recordId: row.id,
+            withheld: withheldNoticeOf(row.hidden, field2.key),
+            ...format ? { format } : {}
+          }
+        ) }),
+        onAskWhoChanged ? /* @__PURE__ */ jsx28(WhoBadge, { field: field2, row, onAskWhoChanged: () => {
+        }, onPressedTwice: () => {
+        } }) : null
+      ] }),
+      /* @__PURE__ */ jsx28(
+        OpenCell,
+        {
+          field: field2,
+          draft: editing.draft,
+          initialSearch: editing.searchSeed,
+          onType: editing.type,
+          onCommit: (move, via) => editing.commit(move, via),
+          onCancel: (via) => editing.cancel(via),
+          below: (
+            // KEPT EDITING: the refusal stays beside the value it is about, so the
+            // person reads what to change while changing it. Keep editing is the
+            // state they are in, so only Discard is offered. It is INSIDE the open
+            // cell, so pressing Discard is not "focus left the cell" — which would
+            // commit the refused value one more time on its way out.
+            refusal4 && !refusal4.conflict ? /* @__PURE__ */ jsx28(
+              RefusalNotice,
+              {
+                error: refusal4.error,
+                className: "py-1.5 text-left",
+                onDiscard: () => editing.discard(row.id, field2.key)
+              }
+            ) : null
+          )
+        }
+      )
+    ] });
   }
   if (editorKindFor(field2) === "checkbox") {
     const answered = value === true || value === false;
@@ -7561,8 +7618,9 @@ function OpenCell({
       "data-matrx-cell-editor": "",
       tabIndex: -1,
       className: cn19(
-        "relative z-[25] flex w-full min-w-0 max-w-full flex-col gap-1 outline-none",
-        FLOATING_EDITOR_NOTE_CLASS,
+        // OVER the cell's ghost (see `data-records-open-cell`), never in the table's measuring.
+        "absolute inset-x-0 top-1/2 z-[25] flex w-full min-w-0 max-w-full -translate-y-1/2 flex-col gap-1 outline-none",
+        FLOATING_CELL_NOTE_CLASS,
         // A field's own input is 36px (h-9); in a 35px row it grew the row 4px. In the cell it is
         // the row action strip's 32px, so opening a cell never changes the row (STABLE-TABLES).
         "[&_input:not([type=checkbox]):not([type=radio])]:h-8 [&_input:not([type=checkbox]):not([type=radio])]:py-0"
@@ -7621,11 +7679,13 @@ function OpenCell({
             addsChoices: true
           }
         ),
-        picker || asksAboutAChoice(draft) ? null : blurCommits ? /* @__PURE__ */ jsx28("span", { className: cn19("text-[10px] text-muted-foreground", FLOATING_EDITOR_TRAY_CLASS, "top-full mt-1"), "data-records-editor-hint": "", children: multiline ? "\u23CE saves \xB7 \u21E7\u23CE new line \xB7 Esc cancels \xB7 Tab next" : "\u23CE saves \xB7 Esc cancels \xB7 Tab next" }) : /* @__PURE__ */ jsxs23("span", { className: "flex items-center gap-1", children: [
-          /* @__PURE__ */ jsx28(Button10, { size: "sm", onClick: () => once(() => onCommit(null, "pick")), children: "Save" }),
-          /* @__PURE__ */ jsx28(Button10, { size: "sm", variant: "ghost", onClick: () => once(() => onCancel("pick")), children: "Cancel" })
-        ] }),
-        below
+        /* @__PURE__ */ jsxs23("span", { "data-records-cell-tray": "", className: FLOATING_CELL_TRAY_CLASS, children: [
+          picker || asksAboutAChoice(draft) ? null : blurCommits ? /* @__PURE__ */ jsx28("span", { className: cn19("pointer-events-none text-[10px] text-muted-foreground", FLOATING_CELL_TRAY_PIECE_CLASS), "data-records-editor-hint": "", children: multiline ? "\u23CE saves \xB7 \u21E7\u23CE new line \xB7 Esc cancels \xB7 Tab next" : "\u23CE saves \xB7 Esc cancels \xB7 Tab next" }) : /* @__PURE__ */ jsxs23("span", { className: cn19("flex items-center gap-1", FLOATING_CELL_TRAY_PIECE_CLASS), children: [
+            /* @__PURE__ */ jsx28(Button10, { size: "sm", onClick: () => once(() => onCommit(null, "pick")), children: "Save" }),
+            /* @__PURE__ */ jsx28(Button10, { size: "sm", variant: "ghost", onClick: () => once(() => onCancel("pick")), children: "Cancel" })
+          ] }),
+          below ? /* @__PURE__ */ jsx28("span", { className: "block bg-popover shadow-md", children: below }) : null
+        ] })
       ]
     }
   );
@@ -10890,11 +10950,11 @@ function FieldEditor(props) {
           Checkbox6,
           {
             checked: required,
-            "aria-label": "Every record has to have one",
+            "aria-label": "Required",
             onCheckedChange: (v) => setRequired(v === true)
           }
         ),
-        "Every record has to have one"
+        /* @__PURE__ */ jsx40("span", { title: "Every record has to have one", children: "Required" })
       ] }),
       offersMany ? /* @__PURE__ */ jsxs35("label", { className: "flex items-center gap-1.5", children: [
         /* @__PURE__ */ jsx40(
@@ -14504,7 +14564,7 @@ function useMergedGridControls(args) {
         children: /* @__PURE__ */ jsxs47(DialogContent8, { className: "max-h-[85vh] overflow-y-auto sm:max-w-2xl", children: [
           /* @__PURE__ */ jsxs47(DialogHeader8, { children: [
             /* @__PURE__ */ jsx52(DialogTitle8, { children: dialog?.kind === "settings" ? `Column settings \xB7 ${fieldName(dialog.field)}` : dialog?.kind === "insert" && dialog.anchor ? `Add column ${dialog.side === "left" ? "left" : "right"} of ${fieldOf2(dialog.anchor) ? fieldName(fieldOf2(dialog.anchor)) : dialog.anchor}` : ADD_FIELD_OPEN_LABEL }),
-            /* @__PURE__ */ jsx52(DialogDescription6, { className: "sr-only", children: "The column\u2019s name, what it holds and how it looks." })
+            /* @__PURE__ */ jsx52(DialogDescription6, { className: "sr-only", children: "Name, type and look" })
           ] }),
           dialog?.kind === "settings" ? /* @__PURE__ */ jsx52(
             FieldEditor,
@@ -19022,6 +19082,7 @@ function ImportWizard({ tableId, source, onDone, onWrote, className }) {
 // src/tableShape.ts
 import { codeSpanText as codeSpanText2, mapInlineCodeSpans } from "@ai-matrx/content-ir/source";
 import { humanizeIdentifier as humanizeIdentifier9 } from "@ai-matrx/kit/text-case";
+import { parseDelimited as readDelimited } from "@ai-matrx/kit/delimited";
 var FEWEST_LIST_ITEMS = 2;
 var FEWEST_KEY_VALUE_PAIRS = 2;
 var LONGEST_TEXT_READ = 2e6;
@@ -19199,38 +19260,7 @@ function shapeFromList(items, name, at) {
   };
 }
 function parseDelimited(text, delimiter) {
-  const rows = [];
-  let row = [];
-  let cell2 = "";
-  let quoted2 = false;
-  for (let i = 0; i < text.length; i += 1) {
-    const ch = text[i];
-    if (quoted2) {
-      if (ch === '"') {
-        if (text[i + 1] === '"') {
-          cell2 += '"';
-          i += 1;
-        } else quoted2 = false;
-      } else cell2 += ch;
-      continue;
-    }
-    if (ch === '"' && cell2.trim() === "") quoted2 = true;
-    else if (ch === delimiter) {
-      row.push(cell2);
-      cell2 = "";
-    } else if (ch === "\n" || ch === "\r") {
-      if (ch === "\r" && text[i + 1] === "\n") i += 1;
-      row.push(cell2);
-      rows.push(row);
-      row = [];
-      cell2 = "";
-    } else cell2 += ch;
-  }
-  if (cell2.length > 0 || row.length > 0) {
-    row.push(cell2);
-    rows.push(row);
-  }
-  return rows.filter((r) => r.some((c) => c.trim() !== ""));
+  return readDelimited(text, { delimiter, skipEmptyLines: "greedy" }).data;
 }
 function delimitedShape(text, delimiter, fenced, at, name) {
   const matrix = parseDelimited(text.trim(), delimiter);
@@ -23018,8 +23048,11 @@ function GridBody({
   const rowMemoryKey = `${tableId}:${embedded ? "embedded" : "page"}:${openingKey}`;
   const rowsAnswered = Boolean(records.data) && !records.loading && !table.loading && !fields.loading;
   useEffect47(() => {
-    if (rowsAnswered) rememberRowCount(rowMemoryKey, rows.length);
-  }, [rowsAnswered, rowMemoryKey, rows.length]);
+    if (rowsAnswered) {
+      rememberRowCount(rowMemoryKey, rows.length);
+      if (!embedded) rememberRowCount(`${tableId}:page:last`, rows.length);
+    }
+  }, [rowsAnswered, rowMemoryKey, rows.length, embedded, tableId]);
   if (table.error) return /* @__PURE__ */ jsx70(RefusalNotice, { error: table.error, className });
   if (fields.error) return /* @__PURE__ */ jsx70(RefusalNotice, { error: fields.error, className });
   const nothingToShowYet = table.loading || fields.loading || !rights.known || records.loading && rows.length === 0 || // The page read has neither answered nor refused: nothing has been said yet, so nothing is empty.
@@ -23204,7 +23237,7 @@ function GridBody({
                 {
                   ...fills ? { className: "min-h-0 flex-1" } : {},
                   frameHeight: fills ? "fill" : "content",
-                  loadingRows: fills ? "fill" : rememberedRowCount(rowMemoryKey, pageSize, 5),
+                  loadingRows: rememberedRowCount(rowMemoryKey, pageSize, fills ? "fill" : 5),
                   ...!look.rowHeight ? { loadingRowHeight: RECORDS_GRID_ROW_PX } : {},
                   data: rows,
                   columns: tableColumns,
@@ -27182,7 +27215,7 @@ function SaveToTable({ source, shapeIndex = 0, onOpenTable, onSaved, onClose, cl
             },
             variant: "destructive",
             title: `Move every row of \u201C${writable.find((t) => t.id === tableId)?.name ?? "this table"}\u201D to the archive?`,
-            description: "They stay restorable from the table's Archived items. Then the rows you are saving go in, through the import below.",
+            description: "Restorable from Archived items",
             confirmLabel: replacing ? "Archiving\u2026" : "Archive them",
             cancelLabel: "Keep them",
             busy: replacing,
@@ -28696,18 +28729,25 @@ function RecordFieldsInPlace({
           const format = formatForField(field2);
           return /* @__PURE__ */ jsxs85("div", { className: "contents", children: [
             /* @__PURE__ */ jsx94("dt", { className: "flex items-baseline gap-1 truncate py-1 text-muted-foreground", children: renderLabel(field2) }),
-            /* @__PURE__ */ jsx94("dd", { className: "min-w-0 rounded hover:bg-muted/50", "data-records-in-place-field": field2.key, children: /* @__PURE__ */ jsx94(
-              GridCell,
+            /* @__PURE__ */ jsx94(
+              "dd",
               {
-                field: field2,
-                row,
-                editing: canWrite ? editing : null,
-                canWrite,
-                whyNot,
-                clickOpens: true,
-                ...format ? { format } : {}
+                className: "min-w-0 rounded hover:bg-muted/50 [&_[data-matrx-cell-editor]_input:not([type=checkbox]):not([type=radio])]:!h-7",
+                "data-records-in-place-field": field2.key,
+                children: /* @__PURE__ */ jsx94(
+                  GridCell,
+                  {
+                    field: field2,
+                    row,
+                    editing: canWrite ? editing : null,
+                    canWrite,
+                    whyNot,
+                    clickOpens: true,
+                    ...format ? { format } : {}
+                  }
+                )
               }
-            ) })
+            )
           ] }, field2.id);
         }) }),
         /* @__PURE__ */ jsx94(UndoNotice, { undo })
@@ -28904,7 +28944,7 @@ function AddBody({ tableId }) {
           const made = await mutation.declare({ table_id: tableId, spec: { label: BODY_COLUMN_NAME, type: "rich_text" } });
           if (made) tableShapeChanged10(tableId);
         },
-        children: "Write on this page"
+        children: "Add notes"
       }
     ),
     mutation.error ? /* @__PURE__ */ jsx96(RefusalNotice, { error: mutation.error }) : null
@@ -29049,7 +29089,7 @@ function computedInPlainWords(row, field2) {
   const shown4 = row.value === null || row.value === void 0 || row.value === "" ? "nothing" : field2 ? scalarText(field2, row.value) : String(row.value);
   const when = new Date(row.computed_at);
   const at = Number.isNaN(when.getTime()) ? "" : ` on ${when.toLocaleDateString()}`;
-  return `${name} was worked out as ${shown4}${at}.`;
+  return `${name}: ${shown4}${at}`;
 }
 
 // src/systemTable.ts
@@ -29279,7 +29319,10 @@ async function keepLook(client, tableId, viewId, look) {
   return client.viewLookSet({ table_id: tableId, view_id: viewId, look: doc && Object.keys(doc).length > 0 ? doc : null });
 }
 var LOOK_WORDS = {
+  /** The reason, for a tooltip or a screen reader — never a line on the page (interface-text). */
   yours: "You changed how this view looks. Only you see it.",
+  /** The visible label for the same fact. */
+  yoursLabel: "Only you see this",
   saveToView: "Save to view",
   saveAsNew: "Save as new view",
   reset: "Reset to view",
@@ -39014,7 +39057,7 @@ function WebhooksPanel({ tableId, className }) {
           if (!next && !busy) setStopping(null);
         },
         title: `Stop sending to ${stopping?.description ?? stopping?.target_url ?? "this address"}?`,
-        description: "Changes from now on are not sent there. The webhook is kept, switched off \u2014 nothing about it is deleted.",
+        description: "Kept, switched off",
         confirmLabel: "Switch off",
         cancelLabel: "Keep sending",
         busy,
@@ -41497,6 +41540,39 @@ function useLinkGroupNamer(block, tableId) {
   }, [named, choices, labels]);
 }
 
+// src/measureWords.ts
+import { useEffect as useEffect97, useState as useState111 } from "react";
+import { useOptionalRecordsClient as useOptionalRecordsClient13 } from "@ai-matrx/records/react";
+import { humanizeIdentifier as humanizeIdentifier18 } from "@ai-matrx/kit/text-case";
+var OP_WORD = { sum: "Total", avg: "Average", min: "Lowest", max: "Highest" };
+function measureWords(key, fields) {
+  if (key === "count") return "How many";
+  const at = key.indexOf("_");
+  if (at < 0) return humanizeIdentifier18(key);
+  const op2 = key.slice(0, at);
+  const column = key.slice(at + 1);
+  const field2 = fields?.find((f) => f.key === column);
+  const name = field2 ? fieldName(field2) : humanizeIdentifier18(column);
+  const word = OP_WORD[op2];
+  return word ? `${word} ${name.charAt(0).toLowerCase()}${name.slice(1)}` : `${humanizeIdentifier18(op2)} ${name}`;
+}
+function useMeasureWords(key, tableId) {
+  const client = useOptionalRecordsClient13();
+  const [fields, setFields] = useState111(null);
+  const needs = key !== "count";
+  useEffect97(() => {
+    if (!client || !tableId || !needs) return;
+    let cancelled = false;
+    void client.fields({ table_id: tableId }).then((result) => {
+      if (!cancelled && result.ok) setFields(result.data);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [client, tableId, needs]);
+  return measureWords(key, fields);
+}
+
 // src/ChartBlock.tsx
 import { Fragment as Fragment52, jsx as jsx134, jsxs as jsxs124 } from "react/jsx-runtime";
 var priorKey = (key) => `prior__${key}`;
@@ -41575,6 +41651,7 @@ function ChartBlock({ block, subject, tableName: tableName2, className, centerVa
   const series = compared ? [primary, priorKey(primary)] : [primary];
   const target = kind === "stuck" ? null : block.target ?? null;
   const named = useLinkGroupNamer(source ? NO_GROUPS : block, tableId);
+  const measureName = useMeasureWords(primary, tableId);
   const points = useMemo66(() => {
     if (kind === "stuck") return [];
     const rows = block.rows ?? [];
@@ -41602,7 +41679,7 @@ function ChartBlock({ block, subject, tableName: tableName2, className, centerVa
   const config = useMemo66(() => {
     const out = {};
     out[primary] = {
-      label: windows ? windowName(windows.window, windows.period) : primary.replace("_", " of "),
+      label: windows ? windowName(windows.window, windows.period) : measureName,
       color: SERIES_COLORS[0]
     };
     if (windows) {
@@ -41615,7 +41692,7 @@ function ChartBlock({ block, subject, tableName: tableName2, className, centerVa
       out[point.label] ??= { label: point.label, color: SERIES_COLORS[index % SERIES_COLORS.length] };
     });
     return out;
-  }, [primary, windows, points]);
+  }, [primary, measureName, windows, points]);
   const goal = target && typeof target.value === "number" ? {
     value: typeof target.pace === "number" ? target.pace : block.bucket ? null : target.value,
     label: typeof target.pace === "number" && target.per !== "bucket" ? `${target.label} pace` : target.label
@@ -41660,7 +41737,7 @@ function ChartBlock({ block, subject, tableName: tableName2, className, centerVa
             /* @__PURE__ */ jsx134("span", { children: pretty(block.totals.current) }),
             /* @__PURE__ */ jsx134(Trend, { pct: block.totals.change_pct, aimingUp: !!target })
           ] }) : null,
-          /* @__PURE__ */ jsx134("span", { className: "ml-auto shrink-0 text-muted-foreground", children: kind === "stuck" ? `${block.days ?? 14} days` : primary.replace("_", " of ") })
+          /* @__PURE__ */ jsx134("span", { className: "ml-auto shrink-0 text-muted-foreground", children: kind === "stuck" ? `${block.days ?? 14} days` : measureName })
         ] }),
         block.compare_refused ? /* @__PURE__ */ jsx134("p", { className: "px-1 text-xs text-muted-foreground", children: block.compare_refused }) : null,
         !block.refused && targetNote(target) ? /* @__PURE__ */ jsx134("p", { className: "px-1 text-xs text-muted-foreground", children: targetNote(target) }) : null,
@@ -41957,7 +42034,7 @@ function onlyWholeNumbers(rows) {
 }
 
 // src/DashboardCanvas.tsx
-import { useCallback as useCallback58, useEffect as useEffect98, useMemo as useMemo69, useState as useState113 } from "react";
+import { useCallback as useCallback58, useEffect as useEffect99, useMemo as useMemo69, useState as useState114 } from "react";
 import { useFields as useFields29, useRecordsClient as useRecordsClient85, useTable as useTable31 } from "@ai-matrx/records/react";
 import {
   BasicInput as BasicInput30,
@@ -42125,7 +42202,7 @@ function GridCell2({
 }
 
 // src/AddChart.tsx
-import { useMemo as useMemo68, useState as useState112 } from "react";
+import { useMemo as useMemo68, useState as useState113 } from "react";
 import { useFields as useFields28, useRecordsClient as useRecordsClient84 } from "@ai-matrx/records/react";
 import {
   Button as Button90,
@@ -42137,7 +42214,7 @@ import {
 } from "@ai-matrx/design-system";
 
 // src/TablePickers.tsx
-import { useEffect as useEffect97, useMemo as useMemo67, useState as useState111 } from "react";
+import { useEffect as useEffect98, useMemo as useMemo67, useState as useState112 } from "react";
 import { RecordsProvider as RecordsProvider2, useFields as useFields27, useRecords as useRecords7, useTable as useTable30 } from "@ai-matrx/records/react";
 import { Button as Button89, CreatablePicker as CreatablePicker2 } from "@ai-matrx/design-system";
 
@@ -42255,8 +42332,8 @@ function readTablesAnywhere(dataSource) {
   return read;
 }
 function useTablesAnywhere(dataSource) {
-  const [state, setState] = useState111({ loading: true, error: null, rows: [] });
-  useEffect97(() => {
+  const [state, setState] = useState112({ loading: true, error: null, rows: [] });
+  useEffect98(() => {
     let live = true;
     void readTablesAnywhere(dataSource).then((result) => {
       if (live) setState(result);
@@ -42333,7 +42410,7 @@ function ColumnValuesEditor({ tableId, value, onChange, disabled, addLabel }) {
   const all = useMemo67(() => fields.data ?? [], [fields.data]);
   const byKey = useMemo67(() => new Map(all.map((f) => [f.key, f])), [all]);
   const keys = Object.keys(value);
-  const [adding, setAdding] = useState111(false);
+  const [adding, setAdding] = useState112(false);
   const optionsFor = (current) => all.filter((f) => f.key === current || !(f.key in value)).map((f) => ({ value: f.key, label: fieldName(f) }));
   const rename = (from, to) => {
     if (from === to) return;
@@ -42489,7 +42566,7 @@ function chartSpecFrom(args) {
 }
 function AddChart({ subject, onAdd, onClose }) {
   const client = useRecordsClient84();
-  const [tableId, setTableId] = useState112(subject);
+  const [tableId, setTableId] = useState113(subject);
   const fields = useFields28(tableId);
   const all = useMemo68(() => onePerKey(fields.data ?? []), [fields.data]);
   const labels = useRecordLabels(all);
@@ -42497,11 +42574,11 @@ function AddChart({ subject, onAdd, onClose }) {
     const field2 = all.find((f) => f.key === key);
     return field2 ? scalarText(field2, value, labels) : String(value);
   };
-  const [measureKey5, setMeasureKey] = useState112("count");
-  const [splitKey, setSplitKey] = useState112("none");
-  const [kind, setKind] = useState112("auto");
-  const [filter, setFilter] = useState112({});
-  const [saving, setSaving] = useState112(false);
+  const [measureKey5, setMeasureKey] = useState113("count");
+  const [splitKey, setSplitKey] = useState113("none");
+  const [kind, setKind] = useState113("auto");
+  const [filter, setFilter] = useState113({});
+  const [saving, setSaving] = useState113(false);
   const numbers = numberColumns(all);
   const choices = offerableFields(all, "choice");
   const dates = offerableFields(all, "date");
@@ -42648,20 +42725,20 @@ function DashboardCanvas({ tableId, activeDashboardId, filter, createOnMount, on
   const table = useTable31(tableId);
   const rights = useTableRights(table.data);
   const fields = useFields29(tableId);
-  const [boards, setBoards] = useState113(null);
-  const [pages, setPages] = useState113([]);
-  const [error, setError] = useState113(null);
-  const [activeId, setActiveId] = useState113(activeDashboardId ?? null);
-  const [madeOnMount, setMadeOnMount] = useState113("waiting");
-  const [askingToRemove, setAskingToRemove] = useState113(null);
-  const [run, setRun] = useState113(null);
-  const [running, setRunning] = useState113(false);
-  const [question, setQuestion] = useState113("");
-  const [asking, setAsking] = useState113(false);
-  const [scheduling, setScheduling] = useState113(false);
-  const [arranging, setArranging] = useState113(false);
-  const [adding, setAdding] = useState113(false);
-  const [grain, setGrain] = useState113(null);
+  const [boards, setBoards] = useState114(null);
+  const [pages, setPages] = useState114([]);
+  const [error, setError] = useState114(null);
+  const [activeId, setActiveId] = useState114(activeDashboardId ?? null);
+  const [madeOnMount, setMadeOnMount] = useState114("waiting");
+  const [askingToRemove, setAskingToRemove] = useState114(null);
+  const [run, setRun] = useState114(null);
+  const [running, setRunning] = useState114(false);
+  const [question, setQuestion] = useState114("");
+  const [asking, setAsking] = useState114(false);
+  const [scheduling, setScheduling] = useState114(false);
+  const [arranging, setArranging] = useState114(false);
+  const [adding, setAdding] = useState114(false);
+  const [grain, setGrain] = useState114(null);
   const runArgs = (dashboard_id) => ({
     dashboard_id,
     ...filter ? { filter } : {},
@@ -42679,11 +42756,11 @@ function DashboardCanvas({ tableId, activeDashboardId, filter, createOnMount, on
     setBoards(read);
     return read;
   }, [client, tableId]);
-  const [notKept, setNotKept] = useState113(null);
-  useEffect98(() => {
+  const [notKept, setNotKept] = useState114(null);
+  useEffect99(() => {
     void load();
   }, [load]);
-  useEffect98(() => {
+  useEffect99(() => {
     if (!boards || boards.length === 0) return;
     if (createOnMount && madeOnMount !== "done") return;
     const chosen = boards.find((d) => d.id === (activeDashboardId ?? activeId)) ?? boards[0];
@@ -42691,7 +42768,7 @@ function DashboardCanvas({ tableId, activeDashboardId, filter, createOnMount, on
   }, [boards, activeDashboardId, madeOnMount]);
   const board = useMemo69(() => boards?.find((d) => d.id === activeId) ?? null, [boards, activeId]);
   const filterKey = JSON.stringify(filter ?? {});
-  useEffect98(() => {
+  useEffect99(() => {
     if (!activeId) {
       setRun(null);
       return;
@@ -42761,7 +42838,7 @@ function DashboardCanvas({ tableId, activeDashboardId, filter, createOnMount, on
       ]
     );
   }
-  useEffect98(() => {
+  useEffect99(() => {
     if (!createOnMount || madeOnMount !== "waiting" || boards === null || !fields.data) return;
     setMadeOnMount("making");
     void create().then(() => setMadeOnMount("done"));
@@ -43206,10 +43283,10 @@ function TargetControl({
   onChange
 }) {
   const saved = !block.target ? "none" : "field" in block.target && block.target.field ? "field" : "value";
-  const [mode, setMode] = useState113(saved);
+  const [mode, setMode] = useState114(saved);
   const savedValue = block.target && "value" in block.target && typeof block.target.value === "number" ? block.target.value : null;
-  const [draft, setDraft] = useState113(savedValue === null ? "" : String(savedValue));
-  useEffect98(() => {
+  const [draft, setDraft] = useState114(savedValue === null ? "" : String(savedValue));
+  useEffect99(() => {
     setMode(saved);
     setDraft(savedValue === null ? "" : String(savedValue));
   }, [saved, savedValue]);
@@ -43277,7 +43354,7 @@ function TargetControl({
 
 // src/QuestionPanel.tsx
 import { copyText as copyText8 } from "@ai-matrx/kit/clipboard";
-import { useEffect as useEffect99, useMemo as useMemo70, useRef as useRef54, useState as useState114 } from "react";
+import { useEffect as useEffect100, useMemo as useMemo70, useRef as useRef54, useState as useState115 } from "react";
 import { Badge as Badge23, BasicInput as BasicInput31, Button as Button92, Checkbox as Checkbox16, Label as Label23, Skeleton as Skeleton34, cn as cn84 } from "@ai-matrx/design-system";
 import { useFields as useFields30, useRecordsClient as useRecordsClient86 } from "@ai-matrx/records/react";
 
@@ -43694,9 +43771,9 @@ function QuestionPanel({ tableId, activeQuestionId, draft, className }) {
   const fields = useFields30(tableId);
   const all = useMemo70(() => fields.data ?? [], [fields.data]);
   const me = client.config.actor?.user_id ?? null;
-  const [hidden, setHidden] = useState114(null);
-  const [related, setRelated] = useState114({});
-  useEffect99(() => {
+  const [hidden, setHidden] = useState115(null);
+  const [related, setRelated] = useState115({});
+  useEffect100(() => {
     if (all.length === 0) {
       if (!fields.loading) setHidden(/* @__PURE__ */ new Set());
       return;
@@ -43720,17 +43797,17 @@ function QuestionPanel({ tableId, activeQuestionId, draft, className }) {
     };
   }, [client, tableId, all, fields.loading]);
   const offered = useMemo70(() => hidden ? all.filter((f) => !hidden.has(f.key)) : [], [all, hidden]);
-  const [saved, setSaved] = useState114(null);
-  const [savedEpoch, setSavedEpoch] = useState114(0);
-  const [current, setCurrent] = useState114(null);
-  const [spec, setSpec] = useState114(newQuestion);
-  const [name, setName] = useState114("");
-  const [shared, setShared] = useState114(true);
-  const [saveError, setSaveError] = useState114(null);
-  const [saving, setSaving] = useState114(false);
-  const [linkMissed, setLinkMissed] = useState114(false);
+  const [saved, setSaved] = useState115(null);
+  const [savedEpoch, setSavedEpoch] = useState115(0);
+  const [current, setCurrent] = useState115(null);
+  const [spec, setSpec] = useState115(newQuestion);
+  const [name, setName] = useState115("");
+  const [shared, setShared] = useState115(true);
+  const [saveError, setSaveError] = useState115(null);
+  const [saving, setSaving] = useState115(false);
+  const [linkMissed, setLinkMissed] = useState115(false);
   const openedFromLink = useRef54(false);
-  useEffect99(() => {
+  useEffect100(() => {
     let live = true;
     void questionsOf(client, tableId).then((answer2) => {
       if (!live) return;
@@ -43753,16 +43830,16 @@ function QuestionPanel({ tableId, activeQuestionId, draft, className }) {
     setShared(q ? q.shared : true);
     setSaveError(null);
   };
-  useEffect99(() => {
+  useEffect100(() => {
     if (!draft) return;
     open(null);
     setSpec(draft);
   }, [draft]);
   const mine = !current || me !== null && current.createdBy === me;
-  const [answer, setAnswer] = useState114(null);
-  const [asking, setAsking] = useState114(false);
+  const [answer, setAnswer] = useState115(null);
+  const [asking, setAsking] = useState115(false);
   const specKey = JSON.stringify(spec);
-  useEffect99(() => {
+  useEffect100(() => {
     if (all.length === 0) return;
     let live = true;
     setAsking(true);
@@ -44204,7 +44281,7 @@ function QuestionAnswerView({ tableId, spec, answer, fields, related = NO_RELATE
 }
 
 // src/TableAsk.tsx
-import { useState as useState115 } from "react";
+import { useState as useState116 } from "react";
 import { BasicInput as BasicInput32, Button as Button93, Popover as Popover12, PopoverContent as PopoverContent12, PopoverTrigger as PopoverTrigger12, Skeleton as Skeleton35 } from "@ai-matrx/design-system";
 import { optionLabel as optionLabel4 } from "@ai-matrx/records";
 import { useFields as useFields31, useRecordsClient as useRecordsClient87 } from "@ai-matrx/records/react";
@@ -44427,9 +44504,9 @@ function TableAsk({ tableId, onOpenInQuestions }) {
   const client = useRecordsClient87();
   const fields = useFields31(tableId);
   const all = fields.data ?? [];
-  const [open, setOpen] = useState115(false);
-  const [words2, setWords] = useState115("");
-  const [said, setSaid] = useState115({ kind: "idle" });
+  const [open, setOpen] = useState116(false);
+  const [words2, setWords] = useState116("");
+  const [said, setSaid] = useState116({ kind: "idle" });
   const ask = async () => {
     if (words2.trim() === "" || all.length === 0) return;
     const choices = {};
@@ -44502,7 +44579,7 @@ function TableAsk({ tableId, onOpenInQuestions }) {
 }
 
 // src/PageScreen.tsx
-import { useCallback as useCallback59, useEffect as useEffect100, useMemo as useMemo71, useState as useState116 } from "react";
+import { useCallback as useCallback59, useEffect as useEffect101, useMemo as useMemo71, useState as useState117 } from "react";
 import {
   useFields as useFields32,
   useRecordPage as useRecordPage3,
@@ -44527,18 +44604,18 @@ function PageScreen({
   const client = useRecordsClient88();
   const host = useRecordsUi();
   const organizationId = client.config.organizationId;
-  const [page, setPage] = useState116(null);
-  const [missing, setMissing] = useState116(false);
-  const [error, setError] = useState116(null);
-  const [level, setLevel] = useState116(null);
-  const [editing, setEditing] = useState116(startEditing);
-  const [run, setRun] = useState116(null);
-  const [saveError, setSaveError] = useState116(null);
-  const [askingToArchive, setAskingToArchive] = useState116(false);
-  const [selected, setSelected] = useState116({});
-  const [filterValues, setFilterValues] = useState116({});
-  const [mine, setMine] = useState116({});
-  const [making, setMaking] = useState116("waiting");
+  const [page, setPage] = useState117(null);
+  const [missing, setMissing] = useState117(false);
+  const [error, setError] = useState117(null);
+  const [level, setLevel] = useState117(null);
+  const [editing, setEditing] = useState117(startEditing);
+  const [run, setRun] = useState117(null);
+  const [saveError, setSaveError] = useState117(null);
+  const [askingToArchive, setAskingToArchive] = useState117(false);
+  const [selected, setSelected] = useState117({});
+  const [filterValues, setFilterValues] = useState117({});
+  const [mine, setMine] = useState117({});
+  const [making, setMaking] = useState117("waiting");
   const id = page?.id ?? pageId ?? null;
   const load = useCallback59(
     async (want) => {
@@ -44559,7 +44636,7 @@ function PageScreen({
     },
     [client]
   );
-  useEffect100(() => {
+  useEffect101(() => {
     if (!newOnTable || pageId || making !== "waiting") return;
     setMaking("making");
     void client.dashboardDeclare({
@@ -44579,11 +44656,11 @@ function PageScreen({
       onCreated?.(made.data);
     });
   }, [client, newOnTable, pageId, making, load, onCreated]);
-  useEffect100(() => {
+  useEffect101(() => {
     if (!pageId) return;
     void load(pageId);
   }, [pageId, load]);
-  useEffect100(() => {
+  useEffect101(() => {
     if (!id) return;
     let live = true;
     void client.myLevels({ ids: [id], subject: "record" }).then((answered) => {
@@ -44595,7 +44672,7 @@ function PageScreen({
   }, [client, id]);
   const canEdit = level !== null && EDIT_LEVELS.has(level);
   const chartKey = page ? JSON.stringify(page.blocks.map((b) => b.id)) + page.version : "";
-  useEffect100(() => {
+  useEffect101(() => {
     if (!page || page.blocks.length === 0) {
       setRun(null);
       return;
@@ -44840,8 +44917,8 @@ function AppletBlockView({ block }) {
 }
 function AppletPick({ value, onChange }) {
   const host = useRecordsUi();
-  const [options, setOptions] = useState116(null);
-  useEffect100(() => {
+  const [options, setOptions] = useState117(null);
+  useEffect101(() => {
     let live = true;
     host.applets?.list().then((apps) => live && setOptions(apps.map((a) => ({ value: a.id, label: a.name })))).catch(() => live && setOptions([]));
     return () => {
@@ -44877,8 +44954,8 @@ function ListBlockView({
   const table = useTable32(block.table_id);
   const fields = useFields32(block.table_id);
   const all = useMemo71(() => onePerKey3(fields.data ?? []), [fields.data]);
-  const [view, setView] = useState116(block.view_id ? "reading" : null);
-  useEffect100(() => {
+  const [view, setView] = useState117(block.view_id ? "reading" : null);
+  useEffect101(() => {
     if (!block.view_id) {
       setView(null);
       return;
@@ -44895,8 +44972,8 @@ function ListBlockView({
     };
   }, [client, block.table_id, block.view_id]);
   const meField = block.me_field ? all.find((f) => f.key === block.me_field) : void 0;
-  const [me, setMe] = useState116(null);
-  useEffect100(() => {
+  const [me, setMe] = useState117(null);
+  useEffect101(() => {
     if (!mine || !meField?.relation_target || !viewerUserId) {
       setMe(null);
       return;
@@ -44926,12 +45003,12 @@ function ListBlockView({
     ...sort.length > 0 ? { sort } : {}
   });
   const reload = page.reload;
-  useEffect100(() => onRecordChanged(() => reload()), [reload]);
+  useEffect101(() => onRecordChanged(() => reload()), [reload]);
   const rows = nobodyIsMe ? [] : page.data?.rows ?? [];
   const columns = block.columns && block.columns.length > 0 ? block.columns.map((k) => all.find((f) => f.key === k)).filter((f) => !!f) : [...all].sort((a, b) => (a.sort ?? 100) - (b.sort ?? 100)).slice(0, DEFAULT_COLUMNS);
   const firstId = rows[0]?.id ?? null;
   const stillThere = selected !== null && rows.some((r) => r.id === selected);
-  useEffect100(() => {
+  useEffect101(() => {
     if (page.loading || waiting) return;
     if (!stillThere) onSelect(firstId);
   }, [firstId, stillThere, page.loading, waiting]);
@@ -44994,11 +45071,11 @@ function ActionButton2({ block, recordId }) {
   const client = useRecordsClient88();
   const actionsRead = useRowActions2(block.action_id ? block.table_id : null);
   const action3 = !block.action_id ? null : actionsRead.data ? actionsRead.data.actions.find((a) => a.id === block.action_id) ?? null : actionsRead.loading ? "reading" : null;
-  const [asking, setAsking] = useState116(false);
-  const [running, setRunning] = useState116(false);
-  const [done, setDone] = useState116(null);
-  const [error, setError] = useState116(null);
-  useEffect100(() => {
+  const [asking, setAsking] = useState117(false);
+  const [running, setRunning] = useState117(false);
+  const [done, setDone] = useState117(null);
+  const [error, setError] = useState117(null);
+  useEffect101(() => {
     setDone(null);
     setError(null);
     setAsking(false);
@@ -45037,9 +45114,9 @@ function ActionButton2({ block, recordId }) {
 }
 function FormBlockView({ block }) {
   const client = useRecordsClient88();
-  const [form, setForm] = useState116("reading");
-  const [sent, setSent] = useState116(0);
-  useEffect100(() => {
+  const [form, setForm] = useState117("reading");
+  const [sent, setSent] = useState117(0);
+  useEffect101(() => {
     if (!block.form_id) {
       setForm(null);
       return;
@@ -45164,10 +45241,10 @@ function FieldPick({
 }
 function ListSettings({ block, onChange }) {
   const client = useRecordsClient88();
-  const [views, setViews] = useState116([]);
+  const [views, setViews] = useState117([]);
   const fields = useFields32(block.table_id);
   const all = onePerKey3(fields.data ?? []);
-  useEffect100(() => {
+  useEffect101(() => {
     let live = true;
     void client.views({ table_id: block.table_id }).then((answered) => {
       if (live) setViews(answered.ok ? answered.data : []);
@@ -45243,8 +45320,8 @@ function ActionPicker({ tableId, value, onChange }) {
 }
 function FormPicker({ tableId, value, onChange }) {
   const client = useRecordsClient88();
-  const [forms, setForms] = useState116([]);
-  useEffect100(() => {
+  const [forms, setForms] = useState117([]);
+  useEffect101(() => {
     let live = true;
     void client.forms({ table_id: tableId }).then((answered) => {
       if (live) setForms(answered.ok ? answered.data : []);
@@ -45290,7 +45367,7 @@ function onePerKey3(all) {
 
 // src/FormsPanel.tsx
 import { copyText as copyText9 } from "@ai-matrx/kit/clipboard";
-import { useCallback as useCallback60, useEffect as useEffect101, useState as useState117 } from "react";
+import { useCallback as useCallback60, useEffect as useEffect102, useState as useState118 } from "react";
 import { useRecordsClient as useRecordsClient89, useTable as useTable33 } from "@ai-matrx/records/react";
 import { publicFormPath as publicFormPath2 } from "@ai-matrx/records";
 import { Badge as Badge24, Button as Button95, Skeleton as Skeleton37, cn as cn86 } from "@ai-matrx/design-system";
@@ -45307,15 +45384,15 @@ function FormsPanel({ tableId, activeFormId, className }) {
   const host = useRecordsUi();
   const table = useTable33(tableId);
   const rights = useTableRights(table.data);
-  const [forms, setForms] = useState117(null);
-  const [error, setError] = useState117(null);
-  const [busy, setBusy] = useState117(null);
-  const [copied, setCopied] = useState117(null);
-  const [building, setBuilding] = useState117(false);
-  const [archivedSaid, setArchivedSaid] = useState117(null);
+  const [forms, setForms] = useState118(null);
+  const [error, setError] = useState118(null);
+  const [busy, setBusy] = useState118(null);
+  const [copied, setCopied] = useState118(null);
+  const [building, setBuilding] = useState118(false);
+  const [archivedSaid, setArchivedSaid] = useState118(null);
   const linked = activeFormId && forms !== null ? forms.find((f) => f.form_id === activeFormId) ?? null : null;
   const linkedMissing = Boolean(activeFormId) && forms !== null && linked === null;
-  useEffect101(() => {
+  useEffect102(() => {
     if (linked && rights.structure) setBuilding(true);
   }, [linked, rights.structure]);
   const load = useCallback60(async () => {
@@ -45328,7 +45405,7 @@ function FormsPanel({ tableId, activeFormId, className }) {
     setError(null);
     setForms(answered.data);
   }, [client, tableId]);
-  useEffect101(() => {
+  useEffect102(() => {
     void load();
   }, [load]);
   const toggle = useCallback60(
@@ -45345,7 +45422,7 @@ function FormsPanel({ tableId, activeFormId, className }) {
     },
     [client, load]
   );
-  const [shown4, setShown] = useState117(null);
+  const [shown4, setShown] = useState118(null);
   const copy = useCallback60(async (url, formId) => {
     if (await copyText9(url)) {
       setCopied(formId);
@@ -45473,12 +45550,12 @@ function FormsPanel({ tableId, activeFormId, className }) {
 }
 
 // src/CaptureSheet.tsx
-import { useCallback as useCallback62, useEffect as useEffect103, useRef as useRef56, useState as useState119 } from "react";
+import { useCallback as useCallback62, useEffect as useEffect104, useRef as useRef56, useState as useState120 } from "react";
 import { useFields as useFields33, useRecordsClient as useRecordsClient91, useTable as useTable34 } from "@ai-matrx/records/react";
 import { Button as Button97, Input as Input8, Skeleton as Skeleton39, Textarea as Textarea7, cn as cn88 } from "@ai-matrx/design-system";
 
 // src/CaptureRun.tsx
-import { useCallback as useCallback61, useEffect as useEffect102, useMemo as useMemo72, useRef as useRef55, useState as useState118 } from "react";
+import { useCallback as useCallback61, useEffect as useEffect103, useMemo as useMemo72, useRef as useRef55, useState as useState119 } from "react";
 import {
   coerceTypedAnswer as coerceTypedAnswer3,
   coercionLabel,
@@ -45525,19 +45602,19 @@ function whereWeAre(timeoutMs = 4e3) {
 function CaptureRun({ sheetId, face: given, className }) {
   const client = useRecordsClient90();
   const host = useRecordsUi();
-  const [face, setFace] = useState118(given);
-  const [loadFailed, setLoadFailed] = useState118(null);
-  const [at, setAt] = useState118(0);
-  const [answers, setAnswers] = useState118({});
-  const [files, setFiles] = useState118({});
-  const [missing, setMissing] = useState118(null);
-  const [done, setDone] = useState118(null);
-  const [counts, setCounts] = useState118({ waiting: 0, sending: 0, refused: 0, landed: 0 });
-  const [items, setItems] = useState118([]);
-  const [lastSynced, setLastSynced] = useState118(null);
-  const [sending, setSending] = useState118(false);
+  const [face, setFace] = useState119(given);
+  const [loadFailed, setLoadFailed] = useState119(null);
+  const [at, setAt] = useState119(0);
+  const [answers, setAnswers] = useState119({});
+  const [files, setFiles] = useState119({});
+  const [missing, setMissing] = useState119(null);
+  const [done, setDone] = useState119(null);
+  const [counts, setCounts] = useState119({ waiting: 0, sending: 0, refused: 0, landed: 0 });
+  const [items, setItems] = useState119([]);
+  const [lastSynced, setLastSynced] = useState119(null);
+  const [sending, setSending] = useState119(false);
   const queueRef = useRef55(null);
-  useEffect102(() => {
+  useEffect103(() => {
     const q2 = openCaptureQueue({
       onChange: (c, all) => {
         setCounts(c);
@@ -45575,7 +45652,7 @@ function CaptureRun({ sheetId, face: given, className }) {
     void q2.sync().then(() => void q2.lastSyncedAt().then(setLastSynced));
     return () => q2.dispose();
   }, [client, host]);
-  useEffect102(() => {
+  useEffect103(() => {
     if (given !== void 0) return;
     let cancelled = false;
     void client.captureOpen({ sheet_id: sheetId }).then((res) => {
@@ -45907,15 +45984,15 @@ function AdHocCaptureSheet({
   const host = useRecordsUi();
   const table = useTable34(tableId);
   const fields = useFields33(tableId);
-  const [mode, setMode] = useState119("reading");
-  const [reading, setReading] = useState119("");
-  const [note, setNote] = useState119("");
-  const [fileId, setFileId] = useState119(null);
-  const [pending, setPending] = useState119(null);
-  const [saved, setSaved] = useState119([]);
-  const [error, setError] = useState119(null);
-  const [uploadError, setUploadError] = useState119(null);
-  const [flushing, setFlushing] = useState119(false);
+  const [mode, setMode] = useState120("reading");
+  const [reading, setReading] = useState120("");
+  const [note, setNote] = useState120("");
+  const [fileId, setFileId] = useState120(null);
+  const [pending, setPending] = useState120(null);
+  const [saved, setSaved] = useState120([]);
+  const [error, setError] = useState120(null);
+  const [uploadError, setUploadError] = useState120(null);
+  const [flushing, setFlushing] = useState120(false);
   const queue = useRef56([]);
   const keep = useCallback62(
     async (next) => {
@@ -45925,7 +46002,7 @@ function AdHocCaptureSheet({
     },
     [host]
   );
-  useEffect103(() => {
+  useEffect104(() => {
     let cancelled = false;
     void (async () => {
       const held = host.captureQueue ? await host.captureQueue.load() : [];
@@ -46104,17 +46181,17 @@ function AdHocCaptureSheet({
 }
 
 // src/PortalShell.tsx
-import { useCallback as useCallback63, useEffect as useEffect104, useState as useState120 } from "react";
+import { useCallback as useCallback63, useEffect as useEffect105, useState as useState121 } from "react";
 import { useRecordsClient as useRecordsClient92 } from "@ai-matrx/records/react";
 import { Button as Button98, Skeleton as Skeleton40, cn as cn89 } from "@ai-matrx/design-system";
 import { jsx as jsx146, jsxs as jsxs135 } from "react/jsx-runtime";
 function PortalShell({ tableId, form, resourceType = "record", className }) {
   const client = useRecordsClient92();
-  const [card, setCard] = useState120(null);
-  const [reach, setReach] = useState120(null);
-  const [error, setError] = useState120(null);
-  const [open, setOpen] = useState120(null);
-  const [sending, setSending] = useState120(false);
+  const [card, setCard] = useState121(null);
+  const [reach, setReach] = useState121(null);
+  const [error, setError] = useState121(null);
+  const [open, setOpen] = useState121(null);
+  const [sending, setSending] = useState121(false);
   const load = useCallback63(async () => {
     const who = await client.externalPrincipalCard();
     if (!who.ok) {
@@ -46130,7 +46207,7 @@ function PortalShell({ tableId, form, resourceType = "record", className }) {
     }
     setReach(reached.data.map((row) => row.resource_id));
   }, [client, resourceType]);
-  useEffect104(() => {
+  useEffect105(() => {
     void load();
   }, [load]);
   if (error) {
@@ -46189,8 +46266,8 @@ function PortalShell({ tableId, form, resourceType = "record", className }) {
 }
 function PortalRow({ tableId, recordId }) {
   const client = useRecordsClient92();
-  const [title, setTitle] = useState120(null);
-  useEffect104(() => {
+  const [title, setTitle] = useState121(null);
+  useEffect105(() => {
     let cancelled = false;
     void client.recordRead({ record_id: recordId }).then((answered) => {
       if (cancelled) return;
@@ -46210,7 +46287,7 @@ function PortalRow({ tableId, recordId }) {
 }
 
 // src/PublicViewPage.tsx
-import { useCallback as useCallback64, useEffect as useEffect105, useState as useState121 } from "react";
+import { useCallback as useCallback64, useEffect as useEffect106, useState as useState122 } from "react";
 import { useRecordsClient as useRecordsClient93 } from "@ai-matrx/records/react";
 import { Skeleton as Skeleton41, cn as cn90 } from "@ai-matrx/design-system";
 
@@ -46228,12 +46305,12 @@ function publicReadOf(binding) {
 import { jsx as jsx147, jsxs as jsxs136 } from "react/jsx-runtime";
 function PublicViewPage({ slug, className }) {
   const client = useRecordsClient93();
-  const [binding, setBinding] = useState121(null);
-  const [rows, setRows] = useState121(null);
-  const [fields, setFields] = useState121(null);
-  const [error, setError] = useState121(null);
-  const [plan, setPlan] = useState121(null);
-  const [gap, setGap] = useState121(null);
+  const [binding, setBinding] = useState122(null);
+  const [rows, setRows] = useState122(null);
+  const [fields, setFields] = useState122(null);
+  const [error, setError] = useState122(null);
+  const [plan, setPlan] = useState122(null);
+  const [gap, setGap] = useState122(null);
   const load = useCallback64(async () => {
     const notice = await client.worldPublishGapNotice();
     if (notice.ok) setGap(notice.data);
@@ -46284,7 +46361,7 @@ function PublicViewPage({ slug, className }) {
     }
     setRows([{ id: chosen.recordId, document: read.data.document, level: "viewer", hidden: read.data.hidden }]);
   }, [client, slug]);
-  useEffect105(() => {
+  useEffect106(() => {
     void load();
   }, [load]);
   if (error) return /* @__PURE__ */ jsx147(RefusalNotice, { error, className });
@@ -46322,7 +46399,7 @@ function PublicRow({ row, fields }) {
 
 // src/EmbedFrame.tsx
 import { copyText as copyText10 } from "@ai-matrx/kit/clipboard";
-import { useCallback as useCallback65, useEffect as useEffect106, useState as useState122 } from "react";
+import { useCallback as useCallback65, useEffect as useEffect107, useState as useState123 } from "react";
 import { useRecordsClient as useRecordsClient94 } from "@ai-matrx/records/react";
 import { Button as Button99, Input as Input9, Skeleton as Skeleton42, Textarea as Textarea8, cn as cn91 } from "@ai-matrx/design-system";
 import { useTable as useTable35 } from "@ai-matrx/records/react";
@@ -46339,11 +46416,11 @@ function EmbedFrame({
   const host = useRecordsUi();
   const table = useTable35(tableId);
   const rights = useTableRights(table.data);
-  const [origins, setOrigins] = useState122("");
-  const [secret, setSecret] = useState122(null);
-  const [tokenId, setTokenId] = useState122(null);
-  const [error, setError] = useState122(null);
-  const [busy, setBusy] = useState122(false);
+  const [origins, setOrigins] = useState123("");
+  const [secret, setSecret] = useState123(null);
+  const [tokenId, setTokenId] = useState123(null);
+  const [error, setError] = useState123(null);
+  const [busy, setBusy] = useState123(false);
   const mode = formId ? "write" : "read";
   const parsed = origins.split(/[\s,]+/).map((o) => o.trim()).filter((o) => o.length > 0);
   const issue = useCallback65(async () => {
@@ -46430,12 +46507,12 @@ function EmbedFrame({
 }
 function useEmbedHandshake(args) {
   const client = useRecordsClient94();
-  const [binding, setBinding] = useState122(null);
-  const [error, setError] = useState122(null);
-  const [loading, setLoading] = useState122(true);
+  const [binding, setBinding] = useState123(null);
+  const [error, setError] = useState123(null);
+  const [loading, setLoading] = useState123(true);
   const origin = args.origin ?? (typeof location === "undefined" ? "" : location.origin);
   const { secret, requiredMode } = args;
-  useEffect106(() => {
+  useEffect107(() => {
     let cancelled = false;
     setLoading(true);
     setError(null);
@@ -46458,7 +46535,7 @@ function useEmbedHandshake(args) {
 
 // src/TablePage.tsx
 import { copyText as copyText12 } from "@ai-matrx/kit/clipboard";
-import { useCallback as useCallback67, useEffect as useEffect109, useMemo as useMemo76, useRef as useRef57, useState as useState129 } from "react";
+import { useCallback as useCallback67, useEffect as useEffect110, useMemo as useMemo76, useRef as useRef57, useState as useState130 } from "react";
 import { archivedByLine as archivedByLine2 } from "@ai-matrx/records";
 import { useFields as useFields36, useRecordsClient as useRecordsClient96, useTable as useTable36 } from "@ai-matrx/records/react";
 import {
@@ -46478,7 +46555,7 @@ import {
   cn as cn94,
   useIsMobile as useIsMobile2
 } from "@ai-matrx/design-system";
-import { humanizeIdentifier as humanizeIdentifier18 } from "@ai-matrx/kit/text-case";
+import { humanizeIdentifier as humanizeIdentifier19 } from "@ai-matrx/kit/text-case";
 
 // src/viewShare.ts
 import { exportCsv as exportCsv2 } from "@ai-matrx/records/core";
@@ -46522,13 +46599,13 @@ async function downloadViewCsv(args) {
 }
 
 // src/RecordPanel.tsx
-import { Fragment as Fragment61, useState as useState123 } from "react";
+import { Fragment as Fragment61, useState as useState124 } from "react";
 import { Button as Button100, Separator as Separator13 } from "@ai-matrx/design-system";
 import { useFields as useFields34, useRecord as useRecord4 } from "@ai-matrx/records/react";
 import { Fragment as Fragment62, jsx as jsx149, jsxs as jsxs138 } from "react/jsx-runtime";
 function RecordPanel({ tableId, recordId, onClose, onAskAboutField, onPage = false }) {
   const host = useRecordsUi();
-  const [asking, setAsking] = useState123(null);
+  const [asking, setAsking] = useState124(null);
   return /* @__PURE__ */ jsxs138("div", { className: "space-y-3", "data-record-panel": recordId, children: [
     /* @__PURE__ */ jsx149(Peek, { tableId, recordId, onPage, ...onClose ? { onClose } : {} }),
     onPage ? /* @__PURE__ */ jsxs138(Fragment62, { children: [
@@ -46606,7 +46683,7 @@ function LinkedLists({ tableId, recordId }) {
 }
 function RecordAsk({ tableId, recordId }) {
   const host = useRecordsUi();
-  const [open, setOpen] = useState123(false);
+  const [open, setOpen] = useState124(false);
   if (!host.chat) return null;
   return /* @__PURE__ */ jsxs138("section", { className: "flex min-w-0 flex-col gap-1.5", "data-record-ask": open ? "open" : "", children: [
     /* @__PURE__ */ jsx149(Separator13, {}),
@@ -46615,7 +46692,7 @@ function RecordAsk({ tableId, recordId }) {
 }
 
 // src/breakDown.tsx
-import { useMemo as useMemo73, useState as useState124 } from "react";
+import { useMemo as useMemo73, useState as useState125 } from "react";
 import {
   Button as Button101,
   Dialog as Dialog14,
@@ -46655,7 +46732,7 @@ function BreakDownDialog({
   const source = useMemo73(() => ({ kind: "table", id: tableId }), [tableId]);
   const { def } = useDrillDefinition(open ? source : null);
   const dimensions = useMemo73(() => drillDimensionsOf(def, NO_LABELS), [def]);
-  const [picked, setPicked] = useState124(null);
+  const [picked, setPicked] = useState125(null);
   const key = picked ?? held?.field ?? dimensions[0]?.key ?? "";
   return /* @__PURE__ */ jsx150(Dialog14, { open, onOpenChange, children: /* @__PURE__ */ jsxs139(DialogContent14, { "data-break-down": "", className: "max-w-sm", children: [
     /* @__PURE__ */ jsx150(DialogHeader14, { children: /* @__PURE__ */ jsx150(DialogTitle14, { children: "Break down by" }) }),
@@ -46682,7 +46759,7 @@ function BreakDownDialog({
 
 // src/TableReference.tsx
 import { copyText as copyText11 } from "@ai-matrx/kit/clipboard";
-import { useCallback as useCallback66, useMemo as useMemo74, useState as useState125 } from "react";
+import { useCallback as useCallback66, useMemo as useMemo74, useState as useState126 } from "react";
 import { useContentTransferCapabilities as useContentTransferCapabilities2 } from "@ai-matrx/alchemy/react/workspace";
 import { Button as Button102, Dialog as Dialog15, DialogContent as DialogContent15, DialogHeader as DialogHeader15, DialogTitle as DialogTitle15 } from "@ai-matrx/design-system";
 import { jsx as jsx151, jsxs as jsxs140 } from "react/jsx-runtime";
@@ -46710,7 +46787,7 @@ function TableReferenceDialog({
 }) {
   const port = useContentTransferCapabilities2().reference;
   const notify = useRecordsUi().notify;
-  const [copied, setCopied] = useState125(null);
+  const [copied, setCopied] = useState126(null);
   const choices = useMemo74(
     () => tableReferenceChoices(table.id, tableName(table)).filter((c) => port?.supports(c.reference)),
     [table, port]
@@ -46738,7 +46815,7 @@ function TableReferenceDialog({
 }
 
 // src/TableDuplicate.tsx
-import { useState as useState126 } from "react";
+import { useState as useState127 } from "react";
 import { tableShapeChanged as tableShapeChanged12, useRecordsClient as useRecordsClient95 } from "@ai-matrx/records/react";
 import { Button as Button103, Dialog as Dialog16, DialogContent as DialogContent16, DialogFooter as DialogFooter11, DialogHeader as DialogHeader16, DialogTitle as DialogTitle16, ErrorBox as ErrorBox8, Input as Input10, Switch as Switch5 } from "@ai-matrx/design-system";
 import { Fragment as Fragment63, jsx as jsx152, jsxs as jsxs141 } from "react/jsx-runtime";
@@ -46753,9 +46830,9 @@ function duplicateProgressWords(p) {
 function TableDuplicateDialog({ tableId, name, open, onOpenChange, onDuplicated }) {
   const client = useRecordsClient95();
   const host = useRecordsUi();
-  const [typed2, setTyped] = useState126(() => copyNameFor(name));
-  const [withRecords, setWithRecords] = useState126(true);
-  const [phase, setPhase] = useState126({ kind: "asking" });
+  const [typed2, setTyped] = useState127(() => copyNameFor(name));
+  const [withRecords, setWithRecords] = useState127(true);
+  const [phase, setPhase] = useState127({ kind: "asking" });
   const problem = tableNameProblem(typed2);
   const copying = phase.kind === "copying";
   const close = (next) => {
@@ -46840,7 +46917,7 @@ function TableDuplicateDialog({ tableId, name, open, onOpenChange, onDuplicated
 }
 
 // src/ViewFilter.tsx
-import { useEffect as useEffect107, useMemo as useMemo75, useState as useState127 } from "react";
+import { useEffect as useEffect108, useMemo as useMemo75, useState as useState128 } from "react";
 import { Button as Button104, Popover as Popover13, PopoverContent as PopoverContent13, PopoverTrigger as PopoverTrigger13 } from "@ai-matrx/design-system";
 import { useFields as useFields35 } from "@ai-matrx/records/react";
 import { jsx as jsx153, jsxs as jsxs142 } from "react/jsx-runtime";
@@ -46854,11 +46931,11 @@ function conditionCount(expr) {
 }
 function ViewFilter({ tableId, view, onApply, className }) {
   const fields = useFields35(tableId);
-  const [open, setOpen] = useState127(false);
+  const [open, setOpen] = useState128(false);
   const saved = view?.where ?? null;
-  const [draft, setDraft] = useState127(saved);
+  const [draft, setDraft] = useState128(saved);
   const savedKey = JSON.stringify(saved);
-  useEffect107(() => {
+  useEffect108(() => {
     setDraft(saved);
   }, [view?.id, savedKey]);
   const conditionFields = useMemo75(
@@ -46906,7 +46983,7 @@ function ViewFilter({ tableId, view, onApply, className }) {
                   ConditionGroup,
                   {
                     lead: "Show records where",
-                    emptyLabel: "every record",
+                    emptyLabel: "Pick a field",
                     expr: draft,
                     fields: conditionFields,
                     onChange: setDraft
@@ -46942,8 +47019,7 @@ function ViewFilter({ tableId, view, onApply, className }) {
                   /* @__PURE__ */ jsx153(Button104, { size: "sm", variant: "ghost", onClick: () => {
                     setDraft(saved);
                     setOpen(false);
-                  }, children: "Cancel" }),
-                  changed ? /* @__PURE__ */ jsx153("span", { className: "text-muted-foreground", children: "Not applied yet." }) : null
+                  }, children: "Cancel" })
                 ] })
               ]
             }
@@ -47034,7 +47110,7 @@ function phoneTableActions(actions) {
 }
 
 // src/toolbarFit.ts
-import { useEffect as useEffect108, useState as useState128 } from "react";
+import { useEffect as useEffect109, useState as useState129 } from "react";
 var FOLDED_GUESS = { look: 104, chooser: 96, tools: 120 };
 var SLOT_MIN = 36;
 function toolbarFold(input) {
@@ -47091,8 +47167,8 @@ function rowNeeds(row) {
   return { needs: needs + gap * Math.max(0, pieces.length - 1), gap };
 }
 function useToolbarFit(row) {
-  const [fold, setFold] = useState128(0);
-  useEffect108(() => {
+  const [fold, setFold] = useState129(0);
+  useEffect109(() => {
     if (!row) return;
     const widths = {
       look: { full: null, folded: null },
@@ -47176,8 +47252,8 @@ function clippedEnds(scrollLeft, clientWidth, scrollWidth) {
   return start && end ? "both" : start ? "start" : end ? "end" : "none";
 }
 function useSlotScroll(slot) {
-  const [ends, setEnds] = useState128("none");
-  useEffect108(() => {
+  const [ends, setEnds] = useState129("none");
+  useEffect109(() => {
     if (!slot) return;
     let pending = 0;
     const read = () => {
@@ -47260,7 +47336,7 @@ function RailFrame({
 function filterInWords(filter, fields) {
   const nameOf2 = (key) => {
     const field2 = fields.find((f) => f.key === key);
-    return field2 ? fieldName(field2) : humanizeIdentifier18(key);
+    return field2 ? fieldName(field2) : humanizeIdentifier19(key);
   };
   const parts = Object.keys(filter).map((key) => {
     const value = filter[key];
@@ -47295,10 +47371,10 @@ function TableNotHere({
   className
 }) {
   const client = useRecordsClient96();
-  const [archived, setArchived] = useState129({ phase: "asking" });
-  const [restoring, setRestoring] = useState129(false);
-  const [refusal4, setRefusal] = useState129(null);
-  useEffect109(() => {
+  const [archived, setArchived] = useState130({ phase: "asking" });
+  const [restoring, setRestoring] = useState130(false);
+  const [refusal4, setRefusal] = useState130(null);
+  useEffect110(() => {
     let alive = true;
     void client.tableArchived({ table_id: tableId }).then((answered) => {
       if (!alive) return;
@@ -47505,9 +47581,9 @@ function TablePage({
   const askedInWords = filter ? filterInWords(filter, pageFields.data ?? []) : null;
   const organizationId = useRecordsClient96().config.organizationId;
   const publicReadOnly = usePublicReadOnly(client, organizationId, tableId, table.data, rights);
-  const [view, setView] = useState129(null);
-  const [looks, setLooks] = useState129(void 0);
-  useEffect109(() => {
+  const [view, setView] = useState130(null);
+  const [looks, setLooks] = useState130(void 0);
+  useEffect110(() => {
     let live = true;
     setLooks(void 0);
     void readLooks(client, tableId).then((answered) => {
@@ -47520,7 +47596,7 @@ function TablePage({
   }, [client, tableId]);
   const look = view && looks ? looks[view.id] : void 0;
   const shown4 = view ? applyLook(view, look) : null;
-  const [viewsEpoch, setViewsEpoch] = useState129(0);
+  const [viewsEpoch, setViewsEpoch] = useState130(0);
   const opening = openingRail(activeRecordId, activeRail);
   const recordsUi = useRecordsUi();
   const hostLayouts = recordsUi.layouts ?? [];
@@ -47530,39 +47606,39 @@ function TablePage({
   const questionsFromLink = questionsFromParam(activeView);
   const openedByPackage = openingView(hostFromLink || savedFromLink || questionsFromLink ? null : activeView, activeDashboardId);
   const opened = hostFromLink ? { ...openedByPackage, main: "records" } : questionsFromLink ? { ...openedByPackage, main: "questions" } : openedByPackage;
-  const [hostLayout, setHostLayout] = useState129(hostFromLink);
-  const [views, setViews] = useState129(void 0);
-  const [pickedViewId, setPickedViewId] = useState129(savedFromLink);
+  const [hostLayout, setHostLayout] = useState130(hostFromLink);
+  const [views, setViews] = useState130(void 0);
+  const [pickedViewId, setPickedViewId] = useState130(savedFromLink);
   const viewSeen = useRef57(null);
-  const [viewLinkMissed, setViewLinkMissed] = useState129(false);
-  const [layoutChosen, setLayoutChosen] = useState129(false);
+  const [viewLinkMissed, setViewLinkMissed] = useState130(false);
+  const [layoutChosen, setLayoutChosen] = useState130(false);
   const railAsked = typeof activeRail === "string" ? activeRail.trim() : "";
   const railUnknown = railAsked !== "" && railFromParam(railAsked) === null ? railAsked : null;
   const shareFromLink = railFromParam(activeRail) === "share";
   const canShare = useCanShare();
   const itemFor = (which) => railFromParam(activeRail) === which ? activeItemId ?? null : null;
-  const [asking, setAsking] = useState129(null);
-  const [layoutFromLink, setLayoutFromLink] = useState129(opened.layout);
-  const [surface, setSurface] = useState129({
+  const [asking, setAsking] = useState130(null);
+  const [layoutFromLink, setLayoutFromLink] = useState130(opened.layout);
+  const [surface, setSurface] = useState130({
     main: opened.main,
     rail: opening.rail
   });
   const { main, rail } = surface;
-  const [questionDraft, setQuestionDraft] = useState129(null);
+  const [questionDraft, setQuestionDraft] = useState130(null);
   const setRail = (next) => setSurface((now) => ({ ...now, rail: next }));
-  const [importEpoch, setImportEpoch] = useState129(0);
-  const [openRecord, setOpenRecord] = useState129(opening.record);
+  const [importEpoch, setImportEpoch] = useState130(0);
+  const [openRecord, setOpenRecord] = useState130(opening.record);
   const phone = useIsMobile2();
-  const [shareAsked, setShareAsked] = useState129(0);
+  const [shareAsked, setShareAsked] = useState130(0);
   const { open: renameOpen, setOpen: setRenameOpen, ask: askRename, menuContentProps: renameMenuProps } = useRenameFromMenu();
-  const [archiveAsked, setArchiveAsked] = useState129(0);
-  const [moveAsked, setMoveAsked] = useState129(0);
-  const [duplicateOpen, setDuplicateOpen] = useState129(false);
-  const [referenceOpen, setReferenceOpen] = useState129(false);
-  const [breakDownOpen, setBreakDownOpen] = useState129(false);
+  const [archiveAsked, setArchiveAsked] = useState130(0);
+  const [moveAsked, setMoveAsked] = useState130(0);
+  const [duplicateOpen, setDuplicateOpen] = useState130(false);
+  const [referenceOpen, setReferenceOpen] = useState130(false);
+  const [breakDownOpen, setBreakDownOpen] = useState130(false);
   const canGetReference = useCanGetReference();
-  const [toolbarSlot, setToolbarSlot] = useState129(null);
-  const [toolbarRow, setToolbarRow] = useState129(null);
+  const [toolbarSlot, setToolbarSlot] = useState130(null);
+  const [toolbarRow, setToolbarRow] = useState130(null);
   const toolbarFold2 = useToolbarFit(toolbarRow);
   const slotClipped = useSlotScroll(toolbarSlot);
   const face = tableOpening(view, hostLayouts.map((h) => h.id));
@@ -47573,7 +47649,7 @@ function TablePage({
   const chooserCompact = !embedded && !designated && !phone && toolbarFold2 >= 2;
   const controlsInSheet = phone && !designated;
   const shareInMenu = phone || toolbarFold2 >= 4;
-  useEffect109(() => {
+  useEffect110(() => {
     if (face.kind !== "designated") return;
     if (hostFromLink || opened.layout || layoutChosen) return;
     setHostLayout(face.hostLayout);
@@ -47606,7 +47682,7 @@ function TablePage({
   const shownSignature = JSON.stringify(shownReport);
   const reportRef = useRef57(onShownViewChange);
   reportRef.current = onShownViewChange;
-  useEffect109(() => {
+  useEffect110(() => {
     reportRef.current?.(JSON.parse(shownSignature));
   }, [shownSignature]);
   const pickLayout = (next) => {
@@ -47623,18 +47699,18 @@ function TablePage({
     setSurface((now) => ({ ...now, main: "records" }));
     onViewChanged?.(id);
   };
-  useEffect109(() => {
+  useEffect110(() => {
     if (!activeRecordId) return;
     setOpenRecord(activeRecordId);
     setSurface((now) => ({ ...now, rail: "record" }));
   }, [activeRecordId]);
-  useEffect109(() => {
+  useEffect110(() => {
     if (activeRecordId) return;
     const named = railFromParam(activeRail);
     if (named === null || named === "share") return;
     setSurface((now) => ({ ...now, rail: named }));
   }, [activeRail, activeRecordId]);
-  useEffect109(() => {
+  useEffect110(() => {
     const host = hostLayoutFor(activeView);
     if (host) {
       setHostLayout(host);
@@ -47648,7 +47724,7 @@ function TablePage({
     setLayoutFromLink(isLayout ? named : null);
     setSurface((now) => ({ ...now, main: isLayout ? "records" : named }));
   }, [activeView]);
-  const [viewSaveRefused, setViewSaveRefused] = useState129(null);
+  const [viewSaveRefused, setViewSaveRefused] = useState130(null);
   const patchView = useCallback67(
     async (asked3) => {
       const current = view;
@@ -47666,8 +47742,8 @@ function TablePage({
     [client, tableId, view, looks]
   );
   const arrival = useRef57(viewAddress ?? null);
-  const [gridQuery, setGridQuery] = useState129(null);
-  const [addressResetEpoch, setAddressResetEpoch] = useState129(0);
+  const [gridQuery, setGridQuery] = useState130(null);
+  const [addressResetEpoch, setAddressResetEpoch] = useState130(0);
   const reportGrid = useCallback67((q) => {
     const next = { sort: q.sort, filters: q.filters, search: q.search, page: q.page };
     setGridQuery((held) => sameViewAddress(held, next) ? held : next);
@@ -47677,7 +47753,7 @@ function TablePage({
     [reportGrid, addressResetEpoch]
   );
   const hiddenApplied = useRef57(false);
-  useEffect109(() => {
+  useEffect110(() => {
     const hidden = arrival.current?.hidden;
     if (hiddenApplied.current || !view || !looks || !hidden || hidden.length === 0) return;
     hiddenApplied.current = true;
@@ -47700,7 +47776,7 @@ function TablePage({
   const addressReportRef = useRef57(onViewAddressChange);
   addressReportRef.current = onViewAddressChange;
   const addressSent = useRef57(null);
-  useEffect109(() => {
+  useEffect110(() => {
     if (!addressReady) return;
     if (addressSent.current === null && addressSignature === JSON.stringify(viewAddressToParams(arrival.current))) {
       addressSent.current = addressSignature;
@@ -47712,9 +47788,9 @@ function TablePage({
   }, [addressReady, addressSignature]);
   const queryShowing = !isViewAddressEmpty({ ...gridQuery ?? {}, hidden: [] });
   const lookShowing = Boolean(view && looks && (lookDiffers(view, looks[view.id]) || queryShowing));
-  const [lookRefused, setLookRefused] = useState129(null);
-  const [namingLook, setNamingLook] = useState129(false);
-  const [lookName, setLookName] = useState129("");
+  const [lookRefused, setLookRefused] = useState130(null);
+  const [namingLook, setNamingLook] = useState130(false);
+  const [lookName, setLookName] = useState130("");
   const resetLook = async () => {
     const current = view;
     setAddressResetEpoch((n) => n + 1);
@@ -47773,7 +47849,7 @@ function TablePage({
     setPickedViewId(written.data);
     setViewsEpoch((n) => n + 1);
   };
-  const [designateRefused, setDesignateRefused] = useState129(null);
+  const [designateRefused, setDesignateRefused] = useState130(null);
   const opensAs = view?.isDefault ? openingLayoutOf(view) : null;
   const canDesignate = Boolean(
     rights.write && view && layoutShowing && layoutShowing !== opensAs && (storeKeepsLayout(layoutShowing) || hostLayouts.some((h) => h.id === layoutShowing))
@@ -47956,10 +48032,10 @@ function TablePage({
   actionsRef.current = actions;
   const onActionsRef = useRef57(onActions);
   onActionsRef.current = onActions;
-  useEffect109(() => {
+  useEffect110(() => {
     onActionsRef.current?.(actionsRef.current);
   });
-  useEffect109(() => {
+  useEffect110(() => {
     const onKey = (event) => {
       const asked3 = objectActionForKey(actionsRef.current, event);
       if (!asked3) return;
@@ -48188,7 +48264,7 @@ function TablePage({
                 ] })
               ] }) }),
               /* @__PURE__ */ jsxs144(DropdownMenuContent9, { align: "start", className: "w-60", "data-view-look-menu-content": "", children: [
-                /* @__PURE__ */ jsx155(DropdownMenuLabel3, { className: "text-xs font-normal text-muted-foreground", children: LOOK_WORDS.yours }),
+                /* @__PURE__ */ jsx155(DropdownMenuLabel3, { className: "text-xs font-normal text-muted-foreground", title: LOOK_WORDS.yours, children: LOOK_WORDS.yoursLabel }),
                 lookSavable ? /* @__PURE__ */ jsx155(DropdownMenuItem7, { onSelect: () => void saveLookToView(), "data-view-look-save": "", children: LOOK_WORDS.saveToView }) : null,
                 rights.write ? /* @__PURE__ */ jsx155(DropdownMenuItem7, { onSelect: () => setNamingLook(true), "data-view-look-save-new": "", children: LOOK_WORDS.saveAsNew }) : null,
                 /* @__PURE__ */ jsx155(DropdownMenuItem7, { onSelect: () => void resetLook(), "data-view-look-reset": "", children: LOOK_WORDS.reset })
@@ -48354,7 +48430,17 @@ function TablePage({
                 children: cameFromLine(cameFrom, activeGroupField ?? null, askedInWords)
               }
             ) : null,
-            faceUnknown ? /* @__PURE__ */ jsx155(RecordsSkeleton, { layout: skeletonLayoutFor(shownLayout), embedded }) : /* @__PURE__ */ jsx155(
+            faceUnknown ? (
+              /* REVIEW-FIX 10: a full page paints the rows this table showed last time (else fills). */
+              /* @__PURE__ */ jsx155(
+                RecordsSkeleton,
+                {
+                  layout: skeletonLayoutFor(shownLayout),
+                  embedded,
+                  ...embedded ? {} : { rows: rememberedRowCount(`${tableId}:page:last`, 100, "fill") }
+                }
+              )
+            ) : /* @__PURE__ */ jsx155(
               ViewSwitcher,
               {
                 chooser: false,
@@ -48500,8 +48586,8 @@ var PUBLIC_READ_ONLY = "Public \xB7 read only";
 function usePublicReadOnly(client, organizationId, tableId, table, rights) {
   const readOnly = rights.known && rights.read && !rights.write;
   const marked = table?.published_to_web;
-  const [isPublic, setIsPublic] = useState129(false);
-  useEffect109(() => {
+  const [isPublic, setIsPublic] = useState130(false);
+  useEffect110(() => {
     if (!readOnly || !table) {
       setIsPublic(false);
       return;
@@ -48526,7 +48612,7 @@ function usePublicReadOnly(client, organizationId, tableId, table, rights) {
 // src/entityViews.tsx
 import { TapTargetSearchGroup as TapTargetSearchGroup2, TooltipProvider } from "@ai-matrx/design-system";
 import { MatrxTableCardShowMore as MatrxTableCardShowMore3 } from "@ai-matrx/design-system/data-table";
-import { useEffect as useEffect110, useMemo as useMemo77, useState as useState130 } from "react";
+import { useEffect as useEffect111, useMemo as useMemo77, useState as useState131 } from "react";
 import { Button as Button106, ErrorBox as ErrorBox9, Input as Input12, cn as cn95 } from "@ai-matrx/design-system";
 import { useRecordsClient as useRecordsClient97 } from "@ai-matrx/records/react";
 import { Fragment as Fragment65, jsx as jsx156, jsxs as jsxs145 } from "react/jsx-runtime";
@@ -48543,8 +48629,8 @@ function EntityBoard({ entity, groupBy, cardFields, onOpenRecord, className }) {
     () => cardFields ? entity.columns.filter((c) => cardFields.includes(c.key)) : entity.columns.filter((c) => c !== title && c !== column && c.type !== "choice").slice(0, 2),
     [cardFields, entity.columns, title, column]
   );
-  const [refused, setRefused] = useState130(null);
-  const [over, setOver] = useState130(null);
+  const [refused, setRefused] = useState131(null);
+  const [over, setOver] = useState131(null);
   if (entity.error) return /* @__PURE__ */ jsx156("p", { className: "px-1 py-3 text-xs text-muted-foreground", children: `This board could not be read: ${entity.error}` });
   if (!entity.loading && !column) {
     return /* @__PURE__ */ jsx156("p", { className: "px-1 py-3 text-xs text-muted-foreground", children: `${entity.label ?? "This table"} has no choice column to make a board of.` });
@@ -48612,8 +48698,8 @@ function EntityChartBlock({ source, kind, by, measure, title, where, organizatio
   const client = useRecordsClient97();
   const m = measure ?? { op: "count" };
   const ask = JSON.stringify([source.token, by ?? null, m, where ?? null, organization ?? null]);
-  const [block, setBlock] = useState130(null);
-  useEffect110(() => {
+  const [block, setBlock] = useState131(null);
+  useEffect111(() => {
     let cancelled = false;
     const question = {
       ...by ? { by: [by] } : {},
@@ -48676,20 +48762,20 @@ function EntityTablePageBody({
   actions,
   className
 }) {
-  const [typed2, setTyped] = useState130("");
+  const [typed2, setTyped] = useState131("");
   const term = searchOverride ?? typed2;
   const entity = useEntityTable(source.token, { pageSize, search: term });
-  const [layout, setLayout] = useState130(opened);
-  useEffect110(() => setLayout(opened), [opened]);
+  const [layout, setLayout] = useState131(opened);
+  useEffect111(() => setLayout(opened), [opened]);
   const choose = (next) => {
     setLayout(next);
     onLayoutChange?.(next);
   };
   const boardable = entityChoiceColumns(entity.columns).length > 0;
   const nameColumn = entityNameColumn(entity.columns);
-  const [naming, setNaming] = useState130(null);
-  const [adding, setAdding] = useState130(false);
-  const [addRefused, setAddRefused] = useState130(null);
+  const [naming, setNaming] = useState131(null);
+  const [adding, setAdding] = useState131(false);
+  const [addRefused, setAddRefused] = useState131(null);
   const add = async () => {
     const name = (naming ?? "").trim();
     if (!name || !nameColumn || adding) return;
@@ -48701,7 +48787,7 @@ function EntityTablePageBody({
     setNaming(null);
     onOpenRecord?.(made.id);
   };
-  const [question, setQuestion] = useState130(() => questionFromGrouping(void 0));
+  const [question, setQuestion] = useState131(() => questionFromGrouping(void 0));
   const { config: drill } = useDrill({
     source,
     question,
@@ -48804,7 +48890,7 @@ function TablePage2(props) {
 }
 
 // src/DataBindingPicker.tsx
-import { useEffect as useEffect111, useMemo as useMemo78 } from "react";
+import { useEffect as useEffect112, useMemo as useMemo78 } from "react";
 import { isEntityReferenceConfig } from "@ai-matrx/records";
 import { useFields as useFields37, useTable as useTable37 } from "@ai-matrx/records/react";
 import { BasicInput as BasicInput34, Button as Button107, CreatablePicker as CreatablePicker3, cn as cn96 } from "@ai-matrx/design-system";
@@ -48900,7 +48986,7 @@ function BindingDetails({
   const fields = useFields37(tableId);
   const fieldList = useMemo78(() => fields.data ?? [], [fields.data]);
   const shape = binding.semantic_type;
-  useEffect111(() => {
+  useEffect112(() => {
     if (disabled || shape === "value" || binding.transform || fields.loading || fieldList.length === 0) return;
     onChange({
       ...binding,
@@ -49122,7 +49208,7 @@ function RecordNameWords({ tableId, recordId }) {
 }
 
 // src/HeldChangeDecision.tsx
-import { useEffect as useEffect112, useState as useState131 } from "react";
+import { useEffect as useEffect113, useState as useState132 } from "react";
 import { RecordsProvider as RecordsProvider3, useRecordsClient as useRecordsClient98 } from "@ai-matrx/records/react";
 import { Button as Button108 } from "@ai-matrx/design-system";
 import { jsx as jsx160, jsxs as jsxs148 } from "react/jsx-runtime";
@@ -49131,10 +49217,10 @@ function HeldChangeDecision({ dataSource, userId, organizationId, approvalId, on
 }
 function Decision({ approvalId, onDecided }) {
   const client = useRecordsClient98();
-  const [may, setMay] = useState131(null);
-  const [busy, setBusy] = useState131(null);
-  const [error, setError] = useState131(null);
-  useEffect112(() => {
+  const [may, setMay] = useState132(null);
+  const [busy, setBusy] = useState132(null);
+  const [error, setError] = useState132(null);
+  useEffect113(() => {
     let live = true;
     void client.workApprovalMayDecide({ approval_id: approvalId }).then((res) => {
       if (!live) return;
@@ -49167,7 +49253,7 @@ function Decision({ approvalId, onDecided }) {
 }
 
 // src/TemplatePreview.tsx
-import { useEffect as useEffect113, useMemo as useMemo79, useState as useState132 } from "react";
+import { useEffect as useEffect114, useMemo as useMemo79, useState as useState133 } from "react";
 import { templatePreview } from "@ai-matrx/records/memory";
 import { useRecordsClient as useRecordsClient99 } from "@ai-matrx/records/react";
 import { jsx as jsx161, jsxs as jsxs149 } from "react/jsx-runtime";
@@ -49178,7 +49264,7 @@ function TemplatePreview({ spec, today, initialTable, host, aside, booking, clas
   const preview = useTemplatePreview(spec, today);
   const bound2 = useMemo79(() => ({ ...host, sayLevelNeeded: false }), [host]);
   const first = preview.tables.find((t) => t.token === initialTable) ?? preview.tables[0];
-  const [active, setActive] = useState132(first?.id ?? null);
+  const [active, setActive] = useState133(first?.id ?? null);
   const table = preview.tables.find((t) => t.id === active) ?? first;
   if (!table) return null;
   return /* @__PURE__ */ jsxs149("div", { className: ["flex min-w-0 flex-col gap-3", className].filter(Boolean).join(" "), "data-template-preview": preview.tables.length, children: [
@@ -49216,9 +49302,9 @@ function TemplatePreview({ spec, today, initialTable, host, aside, booking, clas
 }
 function PreviewForms({ preview, booking }) {
   const client = useRecordsClient99();
-  const [forms, setForms] = useState132(null);
-  const [pages, setPages] = useState132([]);
-  useEffect113(() => {
+  const [forms, setForms] = useState133(null);
+  const [pages, setPages] = useState133([]);
+  useEffect114(() => {
     let gone = false;
     void client.forms().then((answered) => {
       if (!gone) setForms(answered.ok ? answered.data.map(formFromSummary) : []);