@ai-matrx/records-ui 0.102.15 → 0.102.17

package/dist/index.cjs

@@ -1715,12 +1715,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,
@@ -1734,7 +1734,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 === ""
@@ -1768,6 +1768,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();
         },
@@ -1789,7 +1794,6 @@ function PickOrAdd({
           notice,
           /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_design_system5.ScrollArea, { className: "max-h-64", children: [
             /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { role: "listbox", "aria-label": triggerLabel, "aria-multiselectable": multi ? true : void 0, children: [
-              addFirst ? addRowNode : null,
               items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
                 PickRow,
                 {
@@ -1801,13 +1805,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
           ] }),
@@ -1852,7 +1856,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 = (0, import_react9.useOptionalRecordsClient)();
   const host = useRecordsUi();
   const [members, setMembers] = (0, import_react8.useState)(null);
@@ -1966,6 +1970,7 @@ function PersonPicker({ field: field2, value, onChange, disabled, id, className,
       /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
         PickOrAdd,
         {
+          ...anchored && onCancel ? { onEscape: onCancel } : {},
           anchored,
           multi: field2.multi,
           triggerId: id,
@@ -3073,7 +3078,7 @@ var import_jsx_runtime9 = (
   require("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 = (0, import_react12.useOptionalRecordsClient)();
   const [rows, setRows] = (0, import_react11.useState)(null);
   const [words2, setWords] = (0, import_react11.useState)({});
@@ -3237,6 +3242,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,
@@ -4809,7 +4815,7 @@ function ChoiceAskButtons({
   onCancel,
   busy
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { "data-records-choice-ask": "", role: "group", "aria-label": choiceAskSentence(field2, words2), className: "flex flex-col gap-1", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { "data-records-choice-ask": "", "data-records-cell-note": "", role: "group", "aria-label": choiceAskSentence(field2, words2), className: "flex flex-col gap-1", children: [
     /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-[11px] leading-snug", children: choiceAskSentence(field2, words2) }),
     /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { className: "flex flex-wrap items-center gap-1", children: [
       /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_design_system17.Button, { type: "button", size: "sm", className: "h-6 px-2 text-xs", disabled: busy ?? false, onClick: onAdd, children: "Add" }),
@@ -4846,7 +4852,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();
@@ -4855,7 +4865,7 @@ function judgeTyped(field2, text, choices, nudge) {
   if (trimmed === "") return { value: null };
   if (format && format.id === "time") {
     const read2 = (0, import_records12.readTypedTime)(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;
@@ -4893,7 +4903,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, "");
@@ -4902,7 +4912,11 @@ function judgeTyped(field2, text, choices, nudge) {
   }
   const showsAsPercent = Boolean(format && (format.id === "percent" || format.id === "progress"));
   const read = (0, import_records12.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 };
   }
@@ -4987,7 +5001,7 @@ function TypedTextControl({ field: field2, value, onChange, disabled, id, onComm
       box,
       /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(TypedDateHelper, { kind: helper, text: value.text, onText: retype, label: fieldName(field2) })
     ] }) : box,
-    judged === null ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { className: "text-[10px] text-muted-foreground", children: [
+    judged === null ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { "data-records-cell-note": "", className: "text-[10px] text-muted-foreground", children: [
       "Reading ",
       fieldName(field2),
       "'s choices\u2026"
@@ -5007,10 +5021,19 @@ function TypedTextControl({ field: field2, value, onChange, disabled, id, onComm
         },
         onCancel: () => onCancel?.()
       }
-    ) : "refusal" in judged ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { className: "flex flex-col gap-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("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__ */ (0, import_jsx_runtime19.jsxs)("span", { "data-records-cell-note": "", className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        "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__ */ (0, import_jsx_runtime19.jsx)("span", { "data-records-choice-ask": "", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_design_system17.Button, { 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__ */ (0, import_jsx_runtime19.jsxs)("span", { "data-records-typed-reads-as": "", className: "text-[10px] text-muted-foreground", children: [
+    ] }) : judged.value === null || judged.value === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("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",
       " ",
@@ -5104,9 +5127,9 @@ function FieldControl({ field: field2, value, onChange, disabled, id, autoOpen,
       return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(CheckboxControl, { field: field2, value, onChange, disabled, id: inputId });
     case "select":
     case "multi_select":
-      return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(OptionControl, { field: field2, value, onChange, disabled, id: inputId, autoOpen, onClose, addsChoices, initialSearch, asForm });
+      return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(OptionControl, { field: field2, value, onChange, disabled, id: inputId, autoOpen, onClose, onCancel, addsChoices, initialSearch, asForm });
     case "member":
-      return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(PersonPicker, { field: field2, value, onChange, disabled, id: inputId, autoOpen, onClose, initialSearch });
+      return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(PersonPicker, { field: field2, value, onChange, disabled, id: inputId, autoOpen, onClose, onCancel, initialSearch });
     case "entity_reference":
       return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(EntityReferenceControl, { field: field2, value, onChange, disabled, id: inputId });
     case "attachment":
@@ -5115,7 +5138,7 @@ function FieldControl({ field: field2, value, onChange, disabled, id, autoOpen,
       }
       return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(RelationPicker, { field: field2, value, onChange, disabled, id: inputId });
     case "relation":
-      return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(RelationPicker, { field: field2, value, onChange, disabled, id: inputId, onPicked: onCommit, autoOpen, onClose });
+      return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(RelationPicker, { field: field2, value, onChange, disabled, id: inputId, onPicked: onCommit, autoOpen, onClose, onCancel });
     default:
       if (typeof value === "boolean" || field2.config?.["kind"] === "boolean") {
         return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
@@ -5143,6 +5166,7 @@ function FieldControl({ field: field2, value, onChange, disabled, id, autoOpen,
 function TypedWordsControl({ field: field2, value, onChange, disabled, id }) {
   const [text, setText] = (0, import_react28.useState)(() => openingText(field2, value));
   const [refusal4, setRefusal] = (0, import_react28.useState)(null);
+  const [why, setWhy] = (0, import_react28.useState)(void 0);
   const sent = (0, import_react28.useRef)(value);
   (0, import_react28.useEffect)(() => {
     if (value === sent.current) return;
@@ -5160,6 +5184,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__ */ (0, import_jsx_runtime19.jsxs)("span", { className: "flex flex-col gap-0.5", children: [
@@ -5183,7 +5208,7 @@ function TypedWordsControl({ field: field2, value, onChange, disabled, id }) {
       ),
       helper && !disabled ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(TypedDateHelper, { kind: helper, text, onText: retype, label: fieldName(field2) }) : null
     ] }),
-    refusal4 ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { "data-records-typed-refusal": "", role: "status", className: "text-[11px] leading-snug text-amber-700 dark:text-amber-400", children: refusal4 }) : null
+    refusal4 ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("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 }) {
@@ -5253,8 +5278,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__ */ (0, import_jsx_runtime19.jsx)(
+      // 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__ */ (0, import_jsx_runtime19.jsx)("span", { "data-records-cell-note": "", className: "block", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
         RefusalNotice,
         {
           error: broken,
@@ -5264,7 +5290,7 @@ function JsonControl({ field: field2, value, onChange, disabled, id }) {
             setBroken(null);
           }
         }
-      )
+      ) })
     ) : null
   ] });
 }
@@ -5277,7 +5303,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 = (0, import_react29.useOptionalRecordsClient)();
   const [options, setOptions] = (0, import_react28.useState)(null);
   const [refusal4, setRefusal] = (0, import_react28.useState)(null);
@@ -5345,6 +5371,7 @@ function OptionControl({ field: field2, value, onChange, disabled, id, autoOpen,
         id,
         autoOpen,
         onClose,
+        onCancel,
         initialSearch,
         addsChoices,
         allowOther: (0, import_records12.allowsOtherValues)(field2),
@@ -5425,6 +5452,7 @@ function OpenChoicePicker({
   addsChoices,
   autoOpen,
   onClose,
+  onCancel,
   initialSearch,
   allowOther = true,
   onChoicesChanged
@@ -5492,10 +5520,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) => (0, import_records12.isTheChosen)(o, v)));
   const cellChips = pickedWords.map((word, i) => {
     const chip = chipOf(pickedOptions[i], word);
@@ -5523,6 +5550,7 @@ function OpenChoicePicker({
         PickOrAdd,
         {
           anchored,
+          ...anchored && onCancel ? { onEscape: onCancel } : {},
           chips: headChips,
           multi: field2.multi,
           triggerLabel: `Pick for ${fieldName(field2)}`,
@@ -5534,7 +5562,6 @@ function OpenChoicePicker({
             setSearch(next);
             setAddRefused(null);
           },
-          addFirst: nothingMatches,
           items: listed.map((option) => ({
             id: option.id,
             label: titleOf(option),
@@ -7137,8 +7164,9 @@ function cardWords(record, field2, labels) {
 
 // src/gridEditing.tsx
 var import_jsx_runtime28 = require("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");
@@ -7714,8 +7742,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();
   };
@@ -7724,32 +7762,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__ */ (0, import_jsx_runtime28.jsx)(
-      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__ */ (0, import_jsx_runtime28.jsx)(
-            RefusalNotice,
-            {
-              error: refusal4.error,
-              className: "py-1.5 text-left",
-              onDiscard: () => editing.discard(row.id, field2.key)
-            }
-          ) : null
-        )
-      }
-    );
+    return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("span", { "data-records-open-cell": "", className: "relative block w-full min-w-0", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("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__ */ (0, import_jsx_runtime28.jsx)("span", { className: "block min-w-0 flex-1 truncate px-1 py-0.5", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+          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__ */ (0, import_jsx_runtime28.jsx)(WhoBadge, { field: field2, row, onAskWhoChanged: () => {
+        }, onPressedTwice: () => {
+        } }) : null
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+        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__ */ (0, import_jsx_runtime28.jsx)(
+              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;
@@ -8099,8 +8156,9 @@ function OpenCell({
       "data-matrx-cell-editor": "",
       tabIndex: -1,
       className: (0, import_design_system23.cn)(
-        "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"
@@ -8159,11 +8217,13 @@ function OpenCell({
             addsChoices: true
           }
         ),
-        picker || asksAboutAChoice(draft) ? null : blurCommits ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: (0, import_design_system23.cn)("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__ */ (0, import_jsx_runtime28.jsxs)("span", { className: "flex items-center gap-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_design_system23.Button, { size: "sm", onClick: () => once(() => onCommit(null, "pick")), children: "Save" }),
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_design_system23.Button, { size: "sm", variant: "ghost", onClick: () => once(() => onCancel("pick")), children: "Cancel" })
-        ] }),
-        below
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("span", { "data-records-cell-tray": "", className: FLOATING_CELL_TRAY_CLASS, children: [
+          picker || asksAboutAChoice(draft) ? null : blurCommits ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: (0, import_design_system23.cn)("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__ */ (0, import_jsx_runtime28.jsxs)("span", { className: (0, import_design_system23.cn)("flex items-center gap-1", FLOATING_CELL_TRAY_PIECE_CLASS), children: [
+            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_design_system23.Button, { size: "sm", onClick: () => once(() => onCommit(null, "pick")), children: "Save" }),
+            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_design_system23.Button, { size: "sm", variant: "ghost", onClick: () => once(() => onCancel("pick")), children: "Cancel" })
+          ] }),
+          below ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "block bg-popover shadow-md", children: below }) : null
+        ] })
       ]
     }
   );
@@ -11364,11 +11424,11 @@ function FieldEditor(props) {
           import_design_system34.Checkbox,
           {
             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__ */ (0, import_jsx_runtime40.jsx)("span", { title: "Every record has to have one", children: "Required" })
       ] }),
       offersMany ? /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("label", { className: "flex items-center gap-1.5", children: [
         /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
@@ -14894,7 +14954,7 @@ function useMergedGridControls(args) {
         children: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_design_system46.DialogContent, { className: "max-h-[85vh] overflow-y-auto sm:max-w-2xl", children: [
           /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_design_system46.DialogHeader, { children: [
             /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_design_system46.DialogTitle, { 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__ */ (0, import_jsx_runtime52.jsx)(import_design_system46.DialogDescription, { className: "sr-only", children: "The column\u2019s name, what it holds and how it looks." })
+            /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_design_system46.DialogDescription, { className: "sr-only", children: "Name, type and look" })
           ] }),
           dialog?.kind === "settings" ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
             FieldEditor,
@@ -19356,6 +19416,7 @@ function ImportWizard({ tableId, source, onDone, onWrote, className }) {
 // src/tableShape.ts
 var import_source2 = require("@ai-matrx/content-ir/source");
 var import_text_case9 = require("@ai-matrx/kit/text-case");
+var import_delimited2 = require("@ai-matrx/kit/delimited");
 var FEWEST_LIST_ITEMS = 2;
 var FEWEST_KEY_VALUE_PAIRS = 2;
 var LONGEST_TEXT_READ = 2e6;
@@ -19533,38 +19594,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 (0, import_delimited2.parseDelimited)(text, { delimiter, skipEmptyLines: "greedy" }).data;
 }
 function delimitedShape(text, delimiter, fenced, at, name) {
   const matrix = parseDelimited(text.trim(), delimiter);
@@ -23331,8 +23361,11 @@ function GridBody({
   const rowMemoryKey = `${tableId}:${embedded ? "embedded" : "page"}:${openingKey}`;
   const rowsAnswered = Boolean(records.data) && !records.loading && !table.loading && !fields.loading;
   (0, import_react112.useEffect)(() => {
-    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__ */ (0, import_jsx_runtime70.jsx)(RefusalNotice, { error: table.error, className });
   if (fields.error) return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(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.
@@ -23517,7 +23550,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,
@@ -27456,7 +27489,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,
@@ -28943,18 +28976,25 @@ function RecordFieldsInPlace({
           const format = formatForField(field2);
           return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "contents", children: [
             /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("dt", { className: "flex items-baseline gap-1 truncate py-1 text-muted-foreground", children: renderLabel(field2) }),
-            /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("dd", { className: "min-w-0 rounded hover:bg-muted/50", "data-records-in-place-field": field2.key, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
-              GridCell,
+            /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+              "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__ */ (0, import_jsx_runtime94.jsx)(
+                  GridCell,
+                  {
+                    field: field2,
+                    row,
+                    editing: canWrite ? editing : null,
+                    canWrite,
+                    whyNot,
+                    clickOpens: true,
+                    ...format ? { format } : {}
+                  }
+                )
               }
-            ) })
+            )
           ] }, field2.id);
         }) }),
         /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(UndoNotice, { undo })
@@ -29151,7 +29191,7 @@ function AddBody({ tableId }) {
           const made = await mutation.declare({ table_id: tableId, spec: { label: BODY_COLUMN_NAME, type: "rich_text" } });
           if (made) (0, import_react160.tableShapeChanged)(tableId);
         },
-        children: "Write on this page"
+        children: "Add notes"
       }
     ),
     mutation.error ? /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(RefusalNotice, { error: mutation.error }) : null
@@ -29296,7 +29336,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
@@ -29526,7 +29566,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",
@@ -39196,7 +39239,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,
@@ -41590,7 +41633,7 @@ function SignBlock({ tableId, recordId, render, className }) {
 }
 
 // src/ChartBlock.tsx
-var import_react232 = require("react");
+var import_react234 = require("react");
 var import_recharts = require("recharts");
 var import_records57 = require("@ai-matrx/records");
 var import_core21 = require("@ai-matrx/records/core");
@@ -41650,6 +41693,39 @@ function useLinkGroupNamer(block, tableId) {
   }, [named, choices, labels]);
 }
 
+// src/measureWords.ts
+var import_react232 = require("react");
+var import_react233 = require("@ai-matrx/records/react");
+var import_text_case18 = require("@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 (0, import_text_case18.humanizeIdentifier)(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) : (0, import_text_case18.humanizeIdentifier)(column);
+  const word = OP_WORD[op2];
+  return word ? `${word} ${name.charAt(0).toLowerCase()}${name.slice(1)}` : `${(0, import_text_case18.humanizeIdentifier)(op2)} ${name}`;
+}
+function useMeasureWords(key, tableId) {
+  const client = (0, import_react233.useOptionalRecordsClient)();
+  const [fields, setFields] = (0, import_react232.useState)(null);
+  const needs = key !== "count";
+  (0, import_react232.useEffect)(() => {
+    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
 var import_jsx_runtime134 = require("react/jsx-runtime");
 var priorKey = (key) => `prior__${key}`;
@@ -41728,7 +41804,8 @@ 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 points = (0, import_react232.useMemo)(() => {
+  const measureName = useMeasureWords(primary, tableId);
+  const points = (0, import_react234.useMemo)(() => {
     if (kind === "stuck") return [];
     const rows = block.rows ?? [];
     return rows.map((row, index) => {
@@ -41752,10 +41829,10 @@ function ChartBlock({ block, subject, tableName: tableName2, className, centerVa
       };
     });
   }, [block.rows, kind, primary, compared, grain, windows, named]);
-  const config = (0, import_react232.useMemo)(() => {
+  const config = (0, import_react234.useMemo)(() => {
     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) {
@@ -41768,7 +41845,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
@@ -41813,7 +41890,7 @@ function ChartBlock({ block, subject, tableName: tableName2, className, centerVa
             /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("span", { children: pretty(block.totals.current) }),
             /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(Trend, { pct: block.totals.change_pct, aimingUp: !!target })
           ] }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("span", { className: "ml-auto shrink-0 text-muted-foreground", children: kind === "stuck" ? `${block.days ?? 14} days` : primary.replace("_", " of ") })
+          /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("span", { className: "ml-auto shrink-0 text-muted-foreground", children: kind === "stuck" ? `${block.days ?? 14} days` : measureName })
         ] }),
         block.compare_refused ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("p", { className: "px-1 text-xs text-muted-foreground", children: block.compare_refused }) : null,
         !block.refused && targetNote(target) ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("p", { className: "px-1 text-xs text-muted-foreground", children: targetNote(target) }) : null,
@@ -42110,8 +42187,8 @@ function onlyWholeNumbers(rows) {
 }
 
 // src/DashboardCanvas.tsx
-var import_react239 = require("react");
-var import_react240 = require("@ai-matrx/records/react");
+var import_react241 = require("react");
+var import_react242 = require("@ai-matrx/records/react");
 var import_design_system124 = require("@ai-matrx/design-system");
 
 // src/DashboardGrid.tsx
@@ -42253,18 +42330,18 @@ function GridCell2({
 }
 
 // src/AddChart.tsx
-var import_react237 = require("react");
-var import_react238 = require("@ai-matrx/records/react");
+var import_react239 = require("react");
+var import_react240 = require("@ai-matrx/records/react");
 var import_design_system123 = require("@ai-matrx/design-system");
 
 // src/TablePickers.tsx
-var import_react235 = require("react");
-var import_react236 = require("@ai-matrx/records/react");
+var import_react237 = require("react");
+var import_react238 = require("@ai-matrx/records/react");
 var import_design_system122 = require("@ai-matrx/design-system");
 
 // src/RecordsMount.tsx
-var import_react233 = require("react");
-var import_react234 = require("@ai-matrx/records/react");
+var import_react235 = require("react");
+var import_react236 = require("@ai-matrx/records/react");
 var import_jsx_runtime136 = require("react/jsx-runtime");
 var STORE_DECIDES_REASON = "This host offers exactly what the record store says this person may do: the level comes back with the table on the read door, so a control they cannot use is never drawn in the first place.";
 function storeDecidesRights(_table) {
@@ -42278,10 +42355,10 @@ function RecordsMount({
 }) {
   const bound2 = useShallowStableHost(host);
   void letTheStoreDecideRights;
-  return /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(import_react234.RecordsProvider, { config, children: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(RecordsUiProvider, { value: bound2, children: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(RecordLabelProvider, { children }) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(import_react236.RecordsProvider, { config, children: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(RecordsUiProvider, { value: bound2, children: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(RecordLabelProvider, { children }) }) });
 }
 function useShallowStableHost(host) {
-  const held = (0, import_react233.useRef)(null);
+  const held = (0, import_react235.useRef)(null);
   const next = host ?? {};
   const previous = held.current;
   if (previous !== null && sameParts(previous, next)) return previous;
@@ -42376,8 +42453,8 @@ function readTablesAnywhere(dataSource) {
   return read;
 }
 function useTablesAnywhere(dataSource) {
-  const [state, setState] = (0, import_react235.useState)({ loading: true, error: null, rows: [] });
-  (0, import_react235.useEffect)(() => {
+  const [state, setState] = (0, import_react237.useState)({ loading: true, error: null, rows: [] });
+  (0, import_react237.useEffect)(() => {
     let live = true;
     void readTablesAnywhere(dataSource).then((result) => {
       if (live) setState(result);
@@ -42447,14 +42524,14 @@ function TableScope({ dataSource, userId, tableId, children, fallback = null, un
   const organizationId = list.rows.find((t) => t.table_id === tableId)?.organization_id ?? null;
   if (tableId && !organizationId && !list.loading) return /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(import_jsx_runtime137.Fragment, { children: unavailable ?? fallback });
   if (!tableId || !organizationId) return /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(import_jsx_runtime137.Fragment, { children: fallback });
-  return /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(import_react236.RecordsProvider, { config: { dataSource, actor: personActor(userId), organizationId }, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(import_react238.RecordsProvider, { config: { dataSource, actor: personActor(userId), organizationId }, children });
 }
 function ColumnValuesEditor({ tableId, value, onChange, disabled, addLabel }) {
-  const fields = (0, import_react236.useFields)(tableId);
-  const all = (0, import_react235.useMemo)(() => fields.data ?? [], [fields.data]);
-  const byKey = (0, import_react235.useMemo)(() => new Map(all.map((f) => [f.key, f])), [all]);
+  const fields = (0, import_react238.useFields)(tableId);
+  const all = (0, import_react237.useMemo)(() => fields.data ?? [], [fields.data]);
+  const byKey = (0, import_react237.useMemo)(() => new Map(all.map((f) => [f.key, f])), [all]);
   const keys = Object.keys(value);
-  const [adding, setAdding] = (0, import_react235.useState)(false);
+  const [adding, setAdding] = (0, import_react237.useState)(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;
@@ -42542,8 +42619,8 @@ function ColumnValueRow({
   ] });
 }
 function RecordPicker({ tableId, value, onChange, disabled }) {
-  const table = (0, import_react236.useTable)(tableId);
-  const records = (0, import_react236.useRecords)(tableId, { pageSize: 200 });
+  const table = (0, import_react238.useTable)(tableId);
+  const records = (0, import_react238.useRecords)(tableId, { pageSize: 200 });
   const rows = records.data?.rows ?? [];
   const options = rows.map((row) => ({
     value: row.id,
@@ -42609,20 +42686,20 @@ function chartSpecFrom(args) {
   };
 }
 function AddChart({ subject, onAdd, onClose }) {
-  const client = (0, import_react238.useRecordsClient)();
-  const [tableId, setTableId] = (0, import_react237.useState)(subject);
-  const fields = (0, import_react238.useFields)(tableId);
-  const all = (0, import_react237.useMemo)(() => onePerKey(fields.data ?? []), [fields.data]);
+  const client = (0, import_react240.useRecordsClient)();
+  const [tableId, setTableId] = (0, import_react239.useState)(subject);
+  const fields = (0, import_react240.useFields)(tableId);
+  const all = (0, import_react239.useMemo)(() => onePerKey(fields.data ?? []), [fields.data]);
   const labels = useRecordLabels(all);
   const wordsFor2 = (key, value) => {
     const field2 = all.find((f) => f.key === key);
     return field2 ? scalarText(field2, value, labels) : String(value);
   };
-  const [measureKey5, setMeasureKey] = (0, import_react237.useState)("count");
-  const [splitKey, setSplitKey] = (0, import_react237.useState)("none");
-  const [kind, setKind] = (0, import_react237.useState)("auto");
-  const [filter, setFilter] = (0, import_react237.useState)({});
-  const [saving, setSaving] = (0, import_react237.useState)(false);
+  const [measureKey5, setMeasureKey] = (0, import_react239.useState)("count");
+  const [splitKey, setSplitKey] = (0, import_react239.useState)("none");
+  const [kind, setKind] = (0, import_react239.useState)("auto");
+  const [filter, setFilter] = (0, import_react239.useState)({});
+  const [saving, setSaving] = (0, import_react239.useState)(false);
   const numbers = numberColumns(all);
   const choices = offerableFields(all, "choice");
   const dates = offerableFields(all, "date");
@@ -42764,31 +42841,31 @@ function combineFilter(base, extra, fieldIdOf) {
 // src/DashboardCanvas.tsx
 var import_jsx_runtime139 = require("react/jsx-runtime");
 function DashboardCanvas({ tableId, activeDashboardId, filter, createOnMount, onCreated, className }) {
-  const client = (0, import_react240.useRecordsClient)();
+  const client = (0, import_react242.useRecordsClient)();
   const host = useRecordsUi();
-  const table = (0, import_react240.useTable)(tableId);
+  const table = (0, import_react242.useTable)(tableId);
   const rights = useTableRights(table.data);
-  const fields = (0, import_react240.useFields)(tableId);
-  const [boards, setBoards] = (0, import_react239.useState)(null);
-  const [pages, setPages] = (0, import_react239.useState)([]);
-  const [error, setError] = (0, import_react239.useState)(null);
-  const [activeId, setActiveId] = (0, import_react239.useState)(activeDashboardId ?? null);
-  const [madeOnMount, setMadeOnMount] = (0, import_react239.useState)("waiting");
-  const [askingToRemove, setAskingToRemove] = (0, import_react239.useState)(null);
-  const [run, setRun] = (0, import_react239.useState)(null);
-  const [running, setRunning] = (0, import_react239.useState)(false);
-  const [question, setQuestion] = (0, import_react239.useState)("");
-  const [asking, setAsking] = (0, import_react239.useState)(false);
-  const [scheduling, setScheduling] = (0, import_react239.useState)(false);
-  const [arranging, setArranging] = (0, import_react239.useState)(false);
-  const [adding, setAdding] = (0, import_react239.useState)(false);
-  const [grain, setGrain] = (0, import_react239.useState)(null);
+  const fields = (0, import_react242.useFields)(tableId);
+  const [boards, setBoards] = (0, import_react241.useState)(null);
+  const [pages, setPages] = (0, import_react241.useState)([]);
+  const [error, setError] = (0, import_react241.useState)(null);
+  const [activeId, setActiveId] = (0, import_react241.useState)(activeDashboardId ?? null);
+  const [madeOnMount, setMadeOnMount] = (0, import_react241.useState)("waiting");
+  const [askingToRemove, setAskingToRemove] = (0, import_react241.useState)(null);
+  const [run, setRun] = (0, import_react241.useState)(null);
+  const [running, setRunning] = (0, import_react241.useState)(false);
+  const [question, setQuestion] = (0, import_react241.useState)("");
+  const [asking, setAsking] = (0, import_react241.useState)(false);
+  const [scheduling, setScheduling] = (0, import_react241.useState)(false);
+  const [arranging, setArranging] = (0, import_react241.useState)(false);
+  const [adding, setAdding] = (0, import_react241.useState)(false);
+  const [grain, setGrain] = (0, import_react241.useState)(null);
   const runArgs = (dashboard_id) => ({
     dashboard_id,
     ...filter ? { filter } : {},
     ...grain ? { grain } : {}
   });
-  const load = (0, import_react239.useCallback)(async () => {
+  const load = (0, import_react241.useCallback)(async () => {
     const answered = await client.dashboards({ table_id: tableId });
     if (!answered.ok) {
       setError(answered.error);
@@ -42800,19 +42877,19 @@ function DashboardCanvas({ tableId, activeDashboardId, filter, createOnMount, on
     setBoards(read);
     return read;
   }, [client, tableId]);
-  const [notKept, setNotKept] = (0, import_react239.useState)(null);
-  (0, import_react239.useEffect)(() => {
+  const [notKept, setNotKept] = (0, import_react241.useState)(null);
+  (0, import_react241.useEffect)(() => {
     void load();
   }, [load]);
-  (0, import_react239.useEffect)(() => {
+  (0, import_react241.useEffect)(() => {
     if (!boards || boards.length === 0) return;
     if (createOnMount && madeOnMount !== "done") return;
     const chosen = boards.find((d) => d.id === (activeDashboardId ?? activeId)) ?? boards[0];
     if (chosen.id !== activeId) setActiveId(chosen.id);
   }, [boards, activeDashboardId, madeOnMount]);
-  const board = (0, import_react239.useMemo)(() => boards?.find((d) => d.id === activeId) ?? null, [boards, activeId]);
+  const board = (0, import_react241.useMemo)(() => boards?.find((d) => d.id === activeId) ?? null, [boards, activeId]);
   const filterKey = JSON.stringify(filter ?? {});
-  (0, import_react239.useEffect)(() => {
+  (0, import_react241.useEffect)(() => {
     if (!activeId) {
       setRun(null);
       return;
@@ -42830,7 +42907,7 @@ function DashboardCanvas({ tableId, activeDashboardId, filter, createOnMount, on
       cancelled = true;
     };
   }, [client, activeId, filterKey, grain]);
-  const declare2 = (0, import_react239.useCallback)(
+  const declare2 = (0, import_react241.useCallback)(
     async (next, blocks) => {
       const written = await client.dashboardDeclare(
         // Every block leaves with its own id — kept, or minted here (v6 lane 11).
@@ -42882,12 +42959,12 @@ function DashboardCanvas({ tableId, activeDashboardId, filter, createOnMount, on
       ]
     );
   }
-  (0, import_react239.useEffect)(() => {
+  (0, import_react241.useEffect)(() => {
     if (!createOnMount || madeOnMount !== "waiting" || boards === null || !fields.data) return;
     setMadeOnMount("making");
     void create().then(() => setMadeOnMount("done"));
   }, [createOnMount, madeOnMount, boards, fields.data]);
-  const refresh = (0, import_react239.useCallback)(async () => {
+  const refresh = (0, import_react241.useCallback)(async () => {
     if (!activeId) return;
     setRunning(true);
     const again = await client.dashboardRun(runArgs(activeId));
@@ -43099,7 +43176,7 @@ function DashboardCanvas({ tableId, activeDashboardId, filter, createOnMount, on
   ] });
 }
 function ChartOfTable({ block, subject, table }) {
-  const named = (0, import_react240.useTable)(table);
+  const named = (0, import_react242.useTable)(table);
   return /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(ChartBlock, { block, subject, tableName: named.data?.name ?? "\u2014" });
 }
 function BlockSettingsMenu({
@@ -43129,7 +43206,7 @@ function BlockSettings({
   title,
   onChange
 }) {
-  const own3 = (0, import_react240.useFields)(spec.subject);
+  const own3 = (0, import_react242.useFields)(spec.subject);
   const fields = own3.data ?? [];
   return /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", { className: "flex flex-col items-stretch gap-1.5 text-xs", children: [
     /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
@@ -43327,10 +43404,10 @@ function TargetControl({
   onChange
 }) {
   const saved = !block.target ? "none" : "field" in block.target && block.target.field ? "field" : "value";
-  const [mode, setMode] = (0, import_react239.useState)(saved);
+  const [mode, setMode] = (0, import_react241.useState)(saved);
   const savedValue = block.target && "value" in block.target && typeof block.target.value === "number" ? block.target.value : null;
-  const [draft, setDraft] = (0, import_react239.useState)(savedValue === null ? "" : String(savedValue));
-  (0, import_react239.useEffect)(() => {
+  const [draft, setDraft] = (0, import_react241.useState)(savedValue === null ? "" : String(savedValue));
+  (0, import_react241.useEffect)(() => {
     setMode(saved);
     setDraft(savedValue === null ? "" : String(savedValue));
   }, [saved, savedValue]);
@@ -43398,9 +43475,9 @@ function TargetControl({
 
 // src/QuestionPanel.tsx
 var import_clipboard9 = require("@ai-matrx/kit/clipboard");
-var import_react241 = require("react");
+var import_react243 = require("react");
 var import_design_system125 = require("@ai-matrx/design-system");
-var import_react242 = require("@ai-matrx/records/react");
+var import_react244 = require("@ai-matrx/records/react");
 
 // src/question.ts
 var import_records59 = require("@ai-matrx/records");
@@ -43811,13 +43888,13 @@ function fromLocalInput(value) {
   return Number.isNaN(d.getTime()) ? null : d.toISOString();
 }
 function QuestionPanel({ tableId, activeQuestionId, draft, className }) {
-  const client = (0, import_react242.useRecordsClient)();
-  const fields = (0, import_react242.useFields)(tableId);
-  const all = (0, import_react241.useMemo)(() => fields.data ?? [], [fields.data]);
+  const client = (0, import_react244.useRecordsClient)();
+  const fields = (0, import_react244.useFields)(tableId);
+  const all = (0, import_react243.useMemo)(() => fields.data ?? [], [fields.data]);
   const me = client.config.actor?.user_id ?? null;
-  const [hidden, setHidden] = (0, import_react241.useState)(null);
-  const [related, setRelated] = (0, import_react241.useState)({});
-  (0, import_react241.useEffect)(() => {
+  const [hidden, setHidden] = (0, import_react243.useState)(null);
+  const [related, setRelated] = (0, import_react243.useState)({});
+  (0, import_react243.useEffect)(() => {
     if (all.length === 0) {
       if (!fields.loading) setHidden(/* @__PURE__ */ new Set());
       return;
@@ -43840,18 +43917,18 @@ function QuestionPanel({ tableId, activeQuestionId, draft, className }) {
       live = false;
     };
   }, [client, tableId, all, fields.loading]);
-  const offered = (0, import_react241.useMemo)(() => hidden ? all.filter((f) => !hidden.has(f.key)) : [], [all, hidden]);
-  const [saved, setSaved] = (0, import_react241.useState)(null);
-  const [savedEpoch, setSavedEpoch] = (0, import_react241.useState)(0);
-  const [current, setCurrent] = (0, import_react241.useState)(null);
-  const [spec, setSpec] = (0, import_react241.useState)(newQuestion);
-  const [name, setName] = (0, import_react241.useState)("");
-  const [shared, setShared] = (0, import_react241.useState)(true);
-  const [saveError, setSaveError] = (0, import_react241.useState)(null);
-  const [saving, setSaving] = (0, import_react241.useState)(false);
-  const [linkMissed, setLinkMissed] = (0, import_react241.useState)(false);
-  const openedFromLink = (0, import_react241.useRef)(false);
-  (0, import_react241.useEffect)(() => {
+  const offered = (0, import_react243.useMemo)(() => hidden ? all.filter((f) => !hidden.has(f.key)) : [], [all, hidden]);
+  const [saved, setSaved] = (0, import_react243.useState)(null);
+  const [savedEpoch, setSavedEpoch] = (0, import_react243.useState)(0);
+  const [current, setCurrent] = (0, import_react243.useState)(null);
+  const [spec, setSpec] = (0, import_react243.useState)(newQuestion);
+  const [name, setName] = (0, import_react243.useState)("");
+  const [shared, setShared] = (0, import_react243.useState)(true);
+  const [saveError, setSaveError] = (0, import_react243.useState)(null);
+  const [saving, setSaving] = (0, import_react243.useState)(false);
+  const [linkMissed, setLinkMissed] = (0, import_react243.useState)(false);
+  const openedFromLink = (0, import_react243.useRef)(false);
+  (0, import_react243.useEffect)(() => {
     let live = true;
     void questionsOf(client, tableId).then((answer2) => {
       if (!live) return;
@@ -43874,16 +43951,16 @@ function QuestionPanel({ tableId, activeQuestionId, draft, className }) {
     setShared(q ? q.shared : true);
     setSaveError(null);
   };
-  (0, import_react241.useEffect)(() => {
+  (0, import_react243.useEffect)(() => {
     if (!draft) return;
     open(null);
     setSpec(draft);
   }, [draft]);
   const mine = !current || me !== null && current.createdBy === me;
-  const [answer, setAnswer] = (0, import_react241.useState)(null);
-  const [asking, setAsking] = (0, import_react241.useState)(false);
+  const [answer, setAnswer] = (0, import_react243.useState)(null);
+  const [asking, setAsking] = (0, import_react243.useState)(false);
   const specKey = JSON.stringify(spec);
-  (0, import_react241.useEffect)(() => {
+  (0, import_react243.useEffect)(() => {
     if (all.length === 0) return;
     let live = true;
     setAsking(true);
@@ -44229,7 +44306,7 @@ function formatValue(key, value, fields) {
   return new Intl.NumberFormat(void 0, { maximumFractionDigits: 2 }).format(value);
 }
 function QuestionAnswerView({ tableId, spec, answer, fields, related = NO_RELATED }) {
-  const block = (0, import_react241.useMemo)(
+  const block = (0, import_react243.useMemo)(
     () => ({
       kind: "table",
       group_by: answer.groupKey && spec.group?.kind === "field" ? [answer.groupKey] : [],
@@ -44325,10 +44402,10 @@ function QuestionAnswerView({ tableId, spec, answer, fields, related = NO_RELATE
 }
 
 // src/TableAsk.tsx
-var import_react243 = require("react");
+var import_react245 = require("react");
 var import_design_system126 = require("@ai-matrx/design-system");
 var import_records60 = require("@ai-matrx/records");
-var import_react244 = require("@ai-matrx/records/react");
+var import_react246 = require("@ai-matrx/records/react");
 
 // src/askWords.ts
 var ASK_EXAMPLE = "count where Status is Open by Unit";
@@ -44545,12 +44622,12 @@ function askExampleFor(fields) {
   return by ? `count by ${fieldName(by)}` : "count";
 }
 function TableAsk({ tableId, onOpenInQuestions }) {
-  const client = (0, import_react244.useRecordsClient)();
-  const fields = (0, import_react244.useFields)(tableId);
+  const client = (0, import_react246.useRecordsClient)();
+  const fields = (0, import_react246.useFields)(tableId);
   const all = fields.data ?? [];
-  const [open, setOpen] = (0, import_react243.useState)(false);
-  const [words2, setWords] = (0, import_react243.useState)("");
-  const [said, setSaid] = (0, import_react243.useState)({ kind: "idle" });
+  const [open, setOpen] = (0, import_react245.useState)(false);
+  const [words2, setWords] = (0, import_react245.useState)("");
+  const [said, setSaid] = (0, import_react245.useState)({ kind: "idle" });
   const ask = async () => {
     if (words2.trim() === "" || all.length === 0) return;
     const choices = {};
@@ -44623,8 +44700,8 @@ function TableAsk({ tableId, onOpenInQuestions }) {
 }
 
 // src/PageScreen.tsx
-var import_react245 = require("react");
-var import_react246 = require("@ai-matrx/records/react");
+var import_react247 = require("react");
+var import_react248 = require("@ai-matrx/records/react");
 var import_core24 = require("@ai-matrx/records/core");
 var import_design_system127 = require("@ai-matrx/design-system");
 var import_jsx_runtime142 = require("react/jsx-runtime");
@@ -44639,23 +44716,23 @@ function PageScreen({
   header,
   className
 }) {
-  const client = (0, import_react246.useRecordsClient)();
+  const client = (0, import_react248.useRecordsClient)();
   const host = useRecordsUi();
   const organizationId = client.config.organizationId;
-  const [page, setPage] = (0, import_react245.useState)(null);
-  const [missing, setMissing] = (0, import_react245.useState)(false);
-  const [error, setError] = (0, import_react245.useState)(null);
-  const [level, setLevel] = (0, import_react245.useState)(null);
-  const [editing, setEditing] = (0, import_react245.useState)(startEditing);
-  const [run, setRun] = (0, import_react245.useState)(null);
-  const [saveError, setSaveError] = (0, import_react245.useState)(null);
-  const [askingToArchive, setAskingToArchive] = (0, import_react245.useState)(false);
-  const [selected, setSelected] = (0, import_react245.useState)({});
-  const [filterValues, setFilterValues] = (0, import_react245.useState)({});
-  const [mine, setMine] = (0, import_react245.useState)({});
-  const [making, setMaking] = (0, import_react245.useState)("waiting");
+  const [page, setPage] = (0, import_react247.useState)(null);
+  const [missing, setMissing] = (0, import_react247.useState)(false);
+  const [error, setError] = (0, import_react247.useState)(null);
+  const [level, setLevel] = (0, import_react247.useState)(null);
+  const [editing, setEditing] = (0, import_react247.useState)(startEditing);
+  const [run, setRun] = (0, import_react247.useState)(null);
+  const [saveError, setSaveError] = (0, import_react247.useState)(null);
+  const [askingToArchive, setAskingToArchive] = (0, import_react247.useState)(false);
+  const [selected, setSelected] = (0, import_react247.useState)({});
+  const [filterValues, setFilterValues] = (0, import_react247.useState)({});
+  const [mine, setMine] = (0, import_react247.useState)({});
+  const [making, setMaking] = (0, import_react247.useState)("waiting");
   const id = page?.id ?? pageId ?? null;
-  const load = (0, import_react245.useCallback)(
+  const load = (0, import_react247.useCallback)(
     async (want) => {
       const answered = await client.dashboards({ table_id: null });
       if (!answered.ok) {
@@ -44674,7 +44751,7 @@ function PageScreen({
     },
     [client]
   );
-  (0, import_react245.useEffect)(() => {
+  (0, import_react247.useEffect)(() => {
     if (!newOnTable || pageId || making !== "waiting") return;
     setMaking("making");
     void client.dashboardDeclare({
@@ -44694,11 +44771,11 @@ function PageScreen({
       onCreated?.(made.data);
     });
   }, [client, newOnTable, pageId, making, load, onCreated]);
-  (0, import_react245.useEffect)(() => {
+  (0, import_react247.useEffect)(() => {
     if (!pageId) return;
     void load(pageId);
   }, [pageId, load]);
-  (0, import_react245.useEffect)(() => {
+  (0, import_react247.useEffect)(() => {
     if (!id) return;
     let live = true;
     void client.myLevels({ ids: [id], subject: "record" }).then((answered) => {
@@ -44710,7 +44787,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 : "";
-  (0, import_react245.useEffect)(() => {
+  (0, import_react247.useEffect)(() => {
     if (!page || page.blocks.length === 0) {
       setRun(null);
       return;
@@ -44725,11 +44802,11 @@ function PageScreen({
       live = false;
     };
   }, [client, chartKey]);
-  const blocks = (0, import_react245.useMemo)(
+  const blocks = (0, import_react247.useMemo)(
     () => page ? pageBlocksOf(page.presentation, page.blocks.map((b) => b.id ?? "").filter(Boolean)) : [],
     [page]
   );
-  const save = (0, import_react245.useCallback)(
+  const save = (0, import_react247.useCallback)(
     async (next) => {
       if (!page) return;
       const charts = withBlockIds(next.charts ?? page.blocks);
@@ -44753,7 +44830,7 @@ function PageScreen({
     },
     [client, page, blocks, load]
   );
-  const archive = (0, import_react245.useCallback)(async () => {
+  const archive = (0, import_react247.useCallback)(async () => {
     if (!page) return;
     setAskingToArchive(false);
     const gone = await client.dashboardDelete({ dashboard_id: page.id });
@@ -44955,8 +45032,8 @@ function AppletBlockView({ block }) {
 }
 function AppletPick({ value, onChange }) {
   const host = useRecordsUi();
-  const [options, setOptions] = (0, import_react245.useState)(null);
-  (0, import_react245.useEffect)(() => {
+  const [options, setOptions] = (0, import_react247.useState)(null);
+  (0, import_react247.useEffect)(() => {
     let live = true;
     host.applets?.list().then((apps) => live && setOptions(apps.map((a) => ({ value: a.id, label: a.name })))).catch(() => live && setOptions([]));
     return () => {
@@ -44988,12 +45065,12 @@ function ListBlockView({
   mine,
   onMine
 }) {
-  const client = (0, import_react246.useRecordsClient)();
-  const table = (0, import_react246.useTable)(block.table_id);
-  const fields = (0, import_react246.useFields)(block.table_id);
-  const all = (0, import_react245.useMemo)(() => onePerKey3(fields.data ?? []), [fields.data]);
-  const [view, setView] = (0, import_react245.useState)(block.view_id ? "reading" : null);
-  (0, import_react245.useEffect)(() => {
+  const client = (0, import_react248.useRecordsClient)();
+  const table = (0, import_react248.useTable)(block.table_id);
+  const fields = (0, import_react248.useFields)(block.table_id);
+  const all = (0, import_react247.useMemo)(() => onePerKey3(fields.data ?? []), [fields.data]);
+  const [view, setView] = (0, import_react247.useState)(block.view_id ? "reading" : null);
+  (0, import_react247.useEffect)(() => {
     if (!block.view_id) {
       setView(null);
       return;
@@ -45010,8 +45087,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] = (0, import_react245.useState)(null);
-  (0, import_react245.useEffect)(() => {
+  const [me, setMe] = (0, import_react247.useState)(null);
+  (0, import_react247.useEffect)(() => {
     if (!mine || !meField?.relation_target || !viewerUserId) {
       setMe(null);
       return;
@@ -45035,18 +45112,18 @@ function ListBlockView({
   const sort = view && view !== "reading" ? (view.sorts ?? []).map((s) => ({ field: s.field, direction: s.direction })) : [];
   const nobodyIsMe = mine && !!meField && me !== null && me !== "reading" && me.id === null;
   const waiting = view === "reading" || mine && !!meField && (me === "reading" || me === null) && !!viewerUserId;
-  const page = (0, import_react246.useRecordPage)(waiting || nobodyIsMe ? null : block.table_id, {
+  const page = (0, import_react248.useRecordPage)(waiting || nobodyIsMe ? null : block.table_id, {
     pageSize: block.limit ?? 50,
     ...filter ? { filter } : {},
     ...sort.length > 0 ? { sort } : {}
   });
   const reload = page.reload;
-  (0, import_react245.useEffect)(() => (0, import_core24.onRecordChanged)(() => reload()), [reload]);
+  (0, import_react247.useEffect)(() => (0, import_core24.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);
-  (0, import_react245.useEffect)(() => {
+  (0, import_react247.useEffect)(() => {
     if (page.loading || waiting) return;
     if (!stillThere) onSelect(firstId);
   }, [firstId, stillThere, page.loading, waiting]);
@@ -45106,14 +45183,14 @@ function ListBlockView({
   ] });
 }
 function ActionButton2({ block, recordId }) {
-  const client = (0, import_react246.useRecordsClient)();
-  const actionsRead = (0, import_react246.useRowActions)(block.action_id ? block.table_id : null);
+  const client = (0, import_react248.useRecordsClient)();
+  const actionsRead = (0, import_react248.useRowActions)(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] = (0, import_react245.useState)(false);
-  const [running, setRunning] = (0, import_react245.useState)(false);
-  const [done, setDone] = (0, import_react245.useState)(null);
-  const [error, setError] = (0, import_react245.useState)(null);
-  (0, import_react245.useEffect)(() => {
+  const [asking, setAsking] = (0, import_react247.useState)(false);
+  const [running, setRunning] = (0, import_react247.useState)(false);
+  const [done, setDone] = (0, import_react247.useState)(null);
+  const [error, setError] = (0, import_react247.useState)(null);
+  (0, import_react247.useEffect)(() => {
     setDone(null);
     setError(null);
     setAsking(false);
@@ -45151,10 +45228,10 @@ function ActionButton2({ block, recordId }) {
   ] });
 }
 function FormBlockView({ block }) {
-  const client = (0, import_react246.useRecordsClient)();
-  const [form, setForm] = (0, import_react245.useState)("reading");
-  const [sent, setSent] = (0, import_react245.useState)(0);
-  (0, import_react245.useEffect)(() => {
+  const client = (0, import_react248.useRecordsClient)();
+  const [form, setForm] = (0, import_react247.useState)("reading");
+  const [sent, setSent] = (0, import_react247.useState)(0);
+  (0, import_react247.useEffect)(() => {
     if (!block.form_id) {
       setForm(null);
       return;
@@ -45172,7 +45249,7 @@ function FormBlockView({ block }) {
   return /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(FormRunner, { form: formFromSummary(form), onSubmitted: () => setSent((n) => n + 1) }, sent);
 }
 function FilterBlockView({ block, value, onChange }) {
-  const fields = (0, import_react246.useFields)(block.table_id);
+  const fields = (0, import_react248.useFields)(block.table_id);
   const field2 = (fields.data ?? []).find((f) => f.key === block.field);
   if (!block.field) return /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(BlockNote, { children: "Choose the column this filter narrows by." });
   if (!field2) return fields.loading ? /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(import_design_system127.Skeleton, { className: "h-9 w-40" }) : /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(BlockNote, { children: "That column is no longer on the table." });
@@ -45267,7 +45344,7 @@ function FieldPick({
   onChange,
   allowNone
 }) {
-  const fields = (0, import_react246.useFields)(tableId);
+  const fields = (0, import_react248.useFields)(tableId);
   const all = onePerKey3(fields.data ?? []);
   const picked = want === "member" ? all.filter((f) => editorKindFor(f) === "member") : want === "choice" ? [...offerableFields(all, "choice"), ...all.filter((f) => editorKindFor(f) === "checkbox" || editorKindFor(f) === "member")] : all;
   const seen = /* @__PURE__ */ new Set();
@@ -45278,11 +45355,11 @@ function FieldPick({
   return /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(PickOne, { label, placeholder: label, value, options, onChange, className: "h-7 w-40" });
 }
 function ListSettings({ block, onChange }) {
-  const client = (0, import_react246.useRecordsClient)();
-  const [views, setViews] = (0, import_react245.useState)([]);
-  const fields = (0, import_react246.useFields)(block.table_id);
+  const client = (0, import_react248.useRecordsClient)();
+  const [views, setViews] = (0, import_react247.useState)([]);
+  const fields = (0, import_react248.useFields)(block.table_id);
   const all = onePerKey3(fields.data ?? []);
-  (0, import_react245.useEffect)(() => {
+  (0, import_react247.useEffect)(() => {
     let live = true;
     void client.views({ table_id: block.table_id }).then((answered) => {
       if (live) setViews(answered.ok ? answered.data : []);
@@ -45352,14 +45429,14 @@ function ListSettings({ block, onChange }) {
   ] });
 }
 function ActionPicker({ tableId, value, onChange }) {
-  const actions = (0, import_react246.useRowActions)(tableId).data?.actions ?? [];
+  const actions = (0, import_react248.useRowActions)(tableId).data?.actions ?? [];
   const options = actions.filter((a) => a.id && a.kind !== "agent").map((a) => ({ value: a.id, label: a.name }));
   return /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(PickOne, { label: "Action", placeholder: "Choose an action", value, options, onChange: (v) => onChange(v), className: "h-7 w-40" });
 }
 function FormPicker({ tableId, value, onChange }) {
-  const client = (0, import_react246.useRecordsClient)();
-  const [forms, setForms] = (0, import_react245.useState)([]);
-  (0, import_react245.useEffect)(() => {
+  const client = (0, import_react248.useRecordsClient)();
+  const [forms, setForms] = (0, import_react247.useState)([]);
+  (0, import_react247.useEffect)(() => {
     let live = true;
     void client.forms({ table_id: tableId }).then((answered) => {
       if (live) setForms(answered.ok ? answered.data : []);
@@ -45405,8 +45482,8 @@ function onePerKey3(all) {
 
 // src/FormsPanel.tsx
 var import_clipboard10 = require("@ai-matrx/kit/clipboard");
-var import_react247 = require("react");
-var import_react248 = require("@ai-matrx/records/react");
+var import_react249 = require("react");
+var import_react250 = require("@ai-matrx/records/react");
 var import_records61 = require("@ai-matrx/records");
 var import_design_system128 = require("@ai-matrx/design-system");
 var import_jsx_runtime143 = require("react/jsx-runtime");
@@ -45418,22 +45495,22 @@ function formSuggestion(tableName2) {
   return `Make me a form that collects new ${subject} entries and tells me when somebody answers.`;
 }
 function FormsPanel({ tableId, activeFormId, className }) {
-  const client = (0, import_react248.useRecordsClient)();
+  const client = (0, import_react250.useRecordsClient)();
   const host = useRecordsUi();
-  const table = (0, import_react248.useTable)(tableId);
+  const table = (0, import_react250.useTable)(tableId);
   const rights = useTableRights(table.data);
-  const [forms, setForms] = (0, import_react247.useState)(null);
-  const [error, setError] = (0, import_react247.useState)(null);
-  const [busy, setBusy] = (0, import_react247.useState)(null);
-  const [copied, setCopied] = (0, import_react247.useState)(null);
-  const [building, setBuilding] = (0, import_react247.useState)(false);
-  const [archivedSaid, setArchivedSaid] = (0, import_react247.useState)(null);
+  const [forms, setForms] = (0, import_react249.useState)(null);
+  const [error, setError] = (0, import_react249.useState)(null);
+  const [busy, setBusy] = (0, import_react249.useState)(null);
+  const [copied, setCopied] = (0, import_react249.useState)(null);
+  const [building, setBuilding] = (0, import_react249.useState)(false);
+  const [archivedSaid, setArchivedSaid] = (0, import_react249.useState)(null);
   const linked = activeFormId && forms !== null ? forms.find((f) => f.form_id === activeFormId) ?? null : null;
   const linkedMissing = Boolean(activeFormId) && forms !== null && linked === null;
-  (0, import_react247.useEffect)(() => {
+  (0, import_react249.useEffect)(() => {
     if (linked && rights.structure) setBuilding(true);
   }, [linked, rights.structure]);
-  const load = (0, import_react247.useCallback)(async () => {
+  const load = (0, import_react249.useCallback)(async () => {
     const answered = await client.forms({ table_id: tableId });
     if (!answered.ok) {
       setError(answered.error);
@@ -45443,10 +45520,10 @@ function FormsPanel({ tableId, activeFormId, className }) {
     setError(null);
     setForms(answered.data);
   }, [client, tableId]);
-  (0, import_react247.useEffect)(() => {
+  (0, import_react249.useEffect)(() => {
     void load();
   }, [load]);
-  const toggle = (0, import_react247.useCallback)(
+  const toggle = (0, import_react249.useCallback)(
     async (form) => {
       setBusy(form.form_id);
       const wanted = form.published_at === null || form.closed_at !== null;
@@ -45460,8 +45537,8 @@ function FormsPanel({ tableId, activeFormId, className }) {
     },
     [client, load]
   );
-  const [shown4, setShown] = (0, import_react247.useState)(null);
-  const copy = (0, import_react247.useCallback)(async (url, formId) => {
+  const [shown4, setShown] = (0, import_react249.useState)(null);
+  const copy = (0, import_react249.useCallback)(async (url, formId) => {
     if (await (0, import_clipboard10.copyText)(url)) {
       setCopied(formId);
       setShown(null);
@@ -45588,14 +45665,14 @@ function FormsPanel({ tableId, activeFormId, className }) {
 }
 
 // src/CaptureSheet.tsx
-var import_react251 = require("react");
-var import_react252 = require("@ai-matrx/records/react");
+var import_react253 = require("react");
+var import_react254 = require("@ai-matrx/records/react");
 var import_design_system130 = require("@ai-matrx/design-system");
 
 // src/CaptureRun.tsx
-var import_react249 = require("react");
+var import_react251 = require("react");
 var import_records62 = require("@ai-matrx/records");
-var import_react250 = require("@ai-matrx/records/react");
+var import_react252 = require("@ai-matrx/records/react");
 var import_design_system129 = require("@ai-matrx/design-system");
 var import_jsx_runtime144 = require("react/jsx-runtime");
 function controlFor(field2) {
@@ -45634,21 +45711,21 @@ function whereWeAre(timeoutMs = 4e3) {
   });
 }
 function CaptureRun({ sheetId, face: given, className }) {
-  const client = (0, import_react250.useRecordsClient)();
+  const client = (0, import_react252.useRecordsClient)();
   const host = useRecordsUi();
-  const [face, setFace] = (0, import_react249.useState)(given);
-  const [loadFailed, setLoadFailed] = (0, import_react249.useState)(null);
-  const [at, setAt] = (0, import_react249.useState)(0);
-  const [answers, setAnswers] = (0, import_react249.useState)({});
-  const [files, setFiles] = (0, import_react249.useState)({});
-  const [missing, setMissing] = (0, import_react249.useState)(null);
-  const [done, setDone] = (0, import_react249.useState)(null);
-  const [counts, setCounts] = (0, import_react249.useState)({ waiting: 0, sending: 0, refused: 0, landed: 0 });
-  const [items, setItems] = (0, import_react249.useState)([]);
-  const [lastSynced, setLastSynced] = (0, import_react249.useState)(null);
-  const [sending, setSending] = (0, import_react249.useState)(false);
-  const queueRef = (0, import_react249.useRef)(null);
-  (0, import_react249.useEffect)(() => {
+  const [face, setFace] = (0, import_react251.useState)(given);
+  const [loadFailed, setLoadFailed] = (0, import_react251.useState)(null);
+  const [at, setAt] = (0, import_react251.useState)(0);
+  const [answers, setAnswers] = (0, import_react251.useState)({});
+  const [files, setFiles] = (0, import_react251.useState)({});
+  const [missing, setMissing] = (0, import_react251.useState)(null);
+  const [done, setDone] = (0, import_react251.useState)(null);
+  const [counts, setCounts] = (0, import_react251.useState)({ waiting: 0, sending: 0, refused: 0, landed: 0 });
+  const [items, setItems] = (0, import_react251.useState)([]);
+  const [lastSynced, setLastSynced] = (0, import_react251.useState)(null);
+  const [sending, setSending] = (0, import_react251.useState)(false);
+  const queueRef = (0, import_react251.useRef)(null);
+  (0, import_react251.useEffect)(() => {
     const q2 = (0, import_records62.openCaptureQueue)({
       onChange: (c, all) => {
         setCounts(c);
@@ -45686,7 +45763,7 @@ function CaptureRun({ sheetId, face: given, className }) {
     void q2.sync().then(() => void q2.lastSyncedAt().then(setLastSynced));
     return () => q2.dispose();
   }, [client, host]);
-  (0, import_react249.useEffect)(() => {
+  (0, import_react251.useEffect)(() => {
     if (given !== void 0) return;
     let cancelled = false;
     void client.captureOpen({ sheet_id: sheetId }).then((res) => {
@@ -45698,7 +45775,7 @@ function CaptureRun({ sheetId, face: given, className }) {
       cancelled = true;
     };
   }, [client, given, sheetId]);
-  const questions = (0, import_react249.useMemo)(() => {
+  const questions = (0, import_react251.useMemo)(() => {
     const asked3 = face?.presentation?.questions ?? [];
     if (asked3.length > 0) return asked3;
     return (face?.fields ?? []).map((f) => ({
@@ -45708,11 +45785,11 @@ function CaptureRun({ sheetId, face: given, className }) {
       required: f.required
     }));
   }, [face]);
-  const fieldOf2 = (0, import_react249.useCallback)(
+  const fieldOf2 = (0, import_react251.useCallback)(
     (key) => (face?.fields ?? []).find((f) => f.key === key),
     [face]
   );
-  const sync = (0, import_react249.useCallback)(async () => {
+  const sync = (0, import_react251.useCallback)(async () => {
     const q2 = queueRef.current;
     if (!q2) return;
     setSending(true);
@@ -45725,7 +45802,7 @@ function CaptureRun({ sheetId, face: given, className }) {
       setSending(false);
     }
   }, []);
-  const answered = (0, import_react249.useCallback)(
+  const answered = (0, import_react251.useCallback)(
     (key) => {
       if (files[key]) return true;
       const v = answers[key];
@@ -46014,21 +46091,21 @@ function AdHocCaptureSheet({
   attachmentField,
   className
 }) {
-  const client = (0, import_react252.useRecordsClient)();
+  const client = (0, import_react254.useRecordsClient)();
   const host = useRecordsUi();
-  const table = (0, import_react252.useTable)(tableId);
-  const fields = (0, import_react252.useFields)(tableId);
-  const [mode, setMode] = (0, import_react251.useState)("reading");
-  const [reading, setReading] = (0, import_react251.useState)("");
-  const [note, setNote] = (0, import_react251.useState)("");
-  const [fileId, setFileId] = (0, import_react251.useState)(null);
-  const [pending, setPending] = (0, import_react251.useState)(null);
-  const [saved, setSaved] = (0, import_react251.useState)([]);
-  const [error, setError] = (0, import_react251.useState)(null);
-  const [uploadError, setUploadError] = (0, import_react251.useState)(null);
-  const [flushing, setFlushing] = (0, import_react251.useState)(false);
-  const queue = (0, import_react251.useRef)([]);
-  const keep = (0, import_react251.useCallback)(
+  const table = (0, import_react254.useTable)(tableId);
+  const fields = (0, import_react254.useFields)(tableId);
+  const [mode, setMode] = (0, import_react253.useState)("reading");
+  const [reading, setReading] = (0, import_react253.useState)("");
+  const [note, setNote] = (0, import_react253.useState)("");
+  const [fileId, setFileId] = (0, import_react253.useState)(null);
+  const [pending, setPending] = (0, import_react253.useState)(null);
+  const [saved, setSaved] = (0, import_react253.useState)([]);
+  const [error, setError] = (0, import_react253.useState)(null);
+  const [uploadError, setUploadError] = (0, import_react253.useState)(null);
+  const [flushing, setFlushing] = (0, import_react253.useState)(false);
+  const queue = (0, import_react253.useRef)([]);
+  const keep = (0, import_react253.useCallback)(
     async (next) => {
       queue.current = next;
       setPending(next);
@@ -46036,7 +46113,7 @@ function AdHocCaptureSheet({
     },
     [host]
   );
-  (0, import_react251.useEffect)(() => {
+  (0, import_react253.useEffect)(() => {
     let cancelled = false;
     void (async () => {
       const held = host.captureQueue ? await host.captureQueue.load() : [];
@@ -46048,7 +46125,7 @@ function AdHocCaptureSheet({
       cancelled = true;
     };
   }, [host]);
-  const resolved = (0, import_react251.useCallback)(() => {
+  const resolved = (0, import_react253.useCallback)(() => {
     const all = fields.data ?? [];
     return {
       reading: readingField ?? all.find((f) => f.type === "range")?.key ?? null,
@@ -46056,7 +46133,7 @@ function AdHocCaptureSheet({
       attachment: attachmentField ?? all.find((f) => f.format === "file" || f.format === "image")?.key ?? null
     };
   }, [attachmentField, fields.data, noteField, readingField, table.data]);
-  const flush = (0, import_react251.useCallback)(async () => {
+  const flush = (0, import_react253.useCallback)(async () => {
     if (flushing || queue.current.length === 0) return;
     setFlushing(true);
     const left = [];
@@ -46215,18 +46292,18 @@ function AdHocCaptureSheet({
 }
 
 // src/PortalShell.tsx
-var import_react253 = require("react");
-var import_react254 = require("@ai-matrx/records/react");
+var import_react255 = require("react");
+var import_react256 = require("@ai-matrx/records/react");
 var import_design_system131 = require("@ai-matrx/design-system");
 var import_jsx_runtime146 = require("react/jsx-runtime");
 function PortalShell({ tableId, form, resourceType = "record", className }) {
-  const client = (0, import_react254.useRecordsClient)();
-  const [card, setCard] = (0, import_react253.useState)(null);
-  const [reach, setReach] = (0, import_react253.useState)(null);
-  const [error, setError] = (0, import_react253.useState)(null);
-  const [open, setOpen] = (0, import_react253.useState)(null);
-  const [sending, setSending] = (0, import_react253.useState)(false);
-  const load = (0, import_react253.useCallback)(async () => {
+  const client = (0, import_react256.useRecordsClient)();
+  const [card, setCard] = (0, import_react255.useState)(null);
+  const [reach, setReach] = (0, import_react255.useState)(null);
+  const [error, setError] = (0, import_react255.useState)(null);
+  const [open, setOpen] = (0, import_react255.useState)(null);
+  const [sending, setSending] = (0, import_react255.useState)(false);
+  const load = (0, import_react255.useCallback)(async () => {
     const who = await client.externalPrincipalCard();
     if (!who.ok) {
       setError(who.error);
@@ -46241,7 +46318,7 @@ function PortalShell({ tableId, form, resourceType = "record", className }) {
     }
     setReach(reached.data.map((row) => row.resource_id));
   }, [client, resourceType]);
-  (0, import_react253.useEffect)(() => {
+  (0, import_react255.useEffect)(() => {
     void load();
   }, [load]);
   if (error) {
@@ -46299,9 +46376,9 @@ function PortalShell({ tableId, form, resourceType = "record", className }) {
   ] });
 }
 function PortalRow({ tableId, recordId }) {
-  const client = (0, import_react254.useRecordsClient)();
-  const [title, setTitle] = (0, import_react253.useState)(null);
-  (0, import_react253.useEffect)(() => {
+  const client = (0, import_react256.useRecordsClient)();
+  const [title, setTitle] = (0, import_react255.useState)(null);
+  (0, import_react255.useEffect)(() => {
     let cancelled = false;
     void client.recordRead({ record_id: recordId }).then((answered) => {
       if (cancelled) return;
@@ -46321,8 +46398,8 @@ function PortalRow({ tableId, recordId }) {
 }
 
 // src/PublicViewPage.tsx
-var import_react255 = require("react");
-var import_react256 = require("@ai-matrx/records/react");
+var import_react257 = require("react");
+var import_react258 = require("@ai-matrx/records/react");
 var import_design_system132 = require("@ai-matrx/design-system");
 
 // src/publicBinding.ts
@@ -46338,14 +46415,14 @@ function publicReadOf(binding) {
 // src/PublicViewPage.tsx
 var import_jsx_runtime147 = require("react/jsx-runtime");
 function PublicViewPage({ slug, className }) {
-  const client = (0, import_react256.useRecordsClient)();
-  const [binding, setBinding] = (0, import_react255.useState)(null);
-  const [rows, setRows] = (0, import_react255.useState)(null);
-  const [fields, setFields] = (0, import_react255.useState)(null);
-  const [error, setError] = (0, import_react255.useState)(null);
-  const [plan, setPlan] = (0, import_react255.useState)(null);
-  const [gap, setGap] = (0, import_react255.useState)(null);
-  const load = (0, import_react255.useCallback)(async () => {
+  const client = (0, import_react258.useRecordsClient)();
+  const [binding, setBinding] = (0, import_react257.useState)(null);
+  const [rows, setRows] = (0, import_react257.useState)(null);
+  const [fields, setFields] = (0, import_react257.useState)(null);
+  const [error, setError] = (0, import_react257.useState)(null);
+  const [plan, setPlan] = (0, import_react257.useState)(null);
+  const [gap, setGap] = (0, import_react257.useState)(null);
+  const load = (0, import_react257.useCallback)(async () => {
     const notice = await client.worldPublishGapNotice();
     if (notice.ok) setGap(notice.data);
     const resolved = await client.resolvePublishBindingKind({ slug });
@@ -46395,7 +46472,7 @@ function PublicViewPage({ slug, className }) {
     }
     setRows([{ id: chosen.recordId, document: read.data.document, level: "viewer", hidden: read.data.hidden }]);
   }, [client, slug]);
-  (0, import_react255.useEffect)(() => {
+  (0, import_react257.useEffect)(() => {
     void load();
   }, [load]);
   if (error) return /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(RefusalNotice, { error, className });
@@ -46433,10 +46510,10 @@ function PublicRow({ row, fields }) {
 
 // src/EmbedFrame.tsx
 var import_clipboard11 = require("@ai-matrx/kit/clipboard");
-var import_react257 = require("react");
-var import_react258 = require("@ai-matrx/records/react");
+var import_react259 = require("react");
+var import_react260 = require("@ai-matrx/records/react");
 var import_design_system133 = require("@ai-matrx/design-system");
-var import_react259 = require("@ai-matrx/records/react");
+var import_react261 = require("@ai-matrx/records/react");
 var import_jsx_runtime148 = require("react/jsx-runtime");
 function EmbedFrame({
   tableId,
@@ -46446,18 +46523,18 @@ function EmbedFrame({
   embedUrl,
   className
 }) {
-  const client = (0, import_react258.useRecordsClient)();
+  const client = (0, import_react260.useRecordsClient)();
   const host = useRecordsUi();
-  const table = (0, import_react259.useTable)(tableId);
+  const table = (0, import_react261.useTable)(tableId);
   const rights = useTableRights(table.data);
-  const [origins, setOrigins] = (0, import_react257.useState)("");
-  const [secret, setSecret] = (0, import_react257.useState)(null);
-  const [tokenId, setTokenId] = (0, import_react257.useState)(null);
-  const [error, setError] = (0, import_react257.useState)(null);
-  const [busy, setBusy] = (0, import_react257.useState)(false);
+  const [origins, setOrigins] = (0, import_react259.useState)("");
+  const [secret, setSecret] = (0, import_react259.useState)(null);
+  const [tokenId, setTokenId] = (0, import_react259.useState)(null);
+  const [error, setError] = (0, import_react259.useState)(null);
+  const [busy, setBusy] = (0, import_react259.useState)(false);
   const mode = formId ? "write" : "read";
   const parsed = origins.split(/[\s,]+/).map((o) => o.trim()).filter((o) => o.length > 0);
-  const issue = (0, import_react257.useCallback)(async () => {
+  const issue = (0, import_react259.useCallback)(async () => {
     setBusy(true);
     setError(null);
     const minted = await client.anonTokenIssue({
@@ -46476,7 +46553,7 @@ function EmbedFrame({
     setTokenId(minted.data.token_id);
     host.notify?.success("Embed token issued. Copy it now \u2014 it is never shown again.");
   }, [client, formId, host, mode, parsed, recordId, savedViewId]);
-  const revoke = (0, import_react257.useCallback)(async () => {
+  const revoke = (0, import_react259.useCallback)(async () => {
     if (!tokenId) return;
     setBusy(true);
     const done = await client.anonTokenRevoke({ token_id: tokenId });
@@ -46540,13 +46617,13 @@ function EmbedFrame({
   ] });
 }
 function useEmbedHandshake(args) {
-  const client = (0, import_react258.useRecordsClient)();
-  const [binding, setBinding] = (0, import_react257.useState)(null);
-  const [error, setError] = (0, import_react257.useState)(null);
-  const [loading, setLoading] = (0, import_react257.useState)(true);
+  const client = (0, import_react260.useRecordsClient)();
+  const [binding, setBinding] = (0, import_react259.useState)(null);
+  const [error, setError] = (0, import_react259.useState)(null);
+  const [loading, setLoading] = (0, import_react259.useState)(true);
   const origin = args.origin ?? (typeof location === "undefined" ? "" : location.origin);
   const { secret, requiredMode } = args;
-  (0, import_react257.useEffect)(() => {
+  (0, import_react259.useEffect)(() => {
     let cancelled = false;
     setLoading(true);
     setError(null);
@@ -46569,11 +46646,11 @@ function useEmbedHandshake(args) {
 
 // src/TablePage.tsx
 var import_clipboard13 = require("@ai-matrx/kit/clipboard");
-var import_react269 = require("react");
+var import_react271 = require("react");
 var import_records63 = require("@ai-matrx/records");
-var import_react270 = require("@ai-matrx/records/react");
+var import_react272 = require("@ai-matrx/records/react");
 var import_design_system140 = require("@ai-matrx/design-system");
-var import_text_case18 = require("@ai-matrx/kit/text-case");
+var import_text_case19 = require("@ai-matrx/kit/text-case");
 
 // src/viewShare.ts
 var import_core25 = require("@ai-matrx/records/core");
@@ -46617,13 +46694,13 @@ async function downloadViewCsv(args) {
 }
 
 // src/RecordPanel.tsx
-var import_react260 = require("react");
+var import_react262 = require("react");
 var import_design_system134 = require("@ai-matrx/design-system");
-var import_react261 = require("@ai-matrx/records/react");
+var import_react263 = require("@ai-matrx/records/react");
 var import_jsx_runtime149 = require("react/jsx-runtime");
 function RecordPanel({ tableId, recordId, onClose, onAskAboutField, onPage = false }) {
   const host = useRecordsUi();
-  const [asking, setAsking] = (0, import_react260.useState)(null);
+  const [asking, setAsking] = (0, import_react262.useState)(null);
   return /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)("div", { className: "space-y-3", "data-record-panel": recordId, children: [
     /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(Peek, { tableId, recordId, onPage, ...onClose ? { onClose } : {} }),
     onPage ? /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)(import_jsx_runtime149.Fragment, { children: [
@@ -46642,7 +46719,7 @@ function RecordPanel({ tableId, recordId, onClose, onAskAboutField, onPage = fal
       }
     ),
     !onAskAboutField && asking ? /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(FieldHistoryPanel, { tableId, fieldKey: asking, recordId, onClose: () => setAsking(null) }) : null,
-    host.recordSections ? /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)(import_react260.Fragment, { children: [
+    host.recordSections ? /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)(import_react262.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(import_design_system134.Separator, {}),
       host.recordSections({ tableId, recordId })
     ] }) : null,
@@ -46653,8 +46730,8 @@ function RecordPanel({ tableId, recordId, onClose, onAskAboutField, onPage = fal
   ] });
 }
 function LinkedLists({ tableId, recordId }) {
-  const fields = (0, import_react261.useFields)(tableId);
-  const record = (0, import_react261.useRecord)(recordId, true, { tableId });
+  const fields = (0, import_react263.useFields)(tableId);
+  const record = (0, import_react263.useRecord)(recordId, true, { tableId });
   const links = (fields.data ?? []).filter((field2) => editorKindFor(field2) === "relation");
   const labels = useRecordLabels(links);
   const document2 = record.data?.document;
@@ -46701,7 +46778,7 @@ function LinkedLists({ tableId, recordId }) {
 }
 function RecordAsk({ tableId, recordId }) {
   const host = useRecordsUi();
-  const [open, setOpen] = (0, import_react260.useState)(false);
+  const [open, setOpen] = (0, import_react262.useState)(false);
   if (!host.chat) return null;
   return /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)("section", { className: "flex min-w-0 flex-col gap-1.5", "data-record-ask": open ? "open" : "", children: [
     /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(import_design_system134.Separator, {}),
@@ -46710,7 +46787,7 @@ function RecordAsk({ tableId, recordId }) {
 }
 
 // src/breakDown.tsx
-var import_react262 = require("react");
+var import_react264 = require("react");
 var import_design_system135 = require("@ai-matrx/design-system");
 var import_jsx_runtime150 = require("react/jsx-runtime");
 var BREAK_DOWN_ACTION_ID = "break-down";
@@ -46736,10 +46813,10 @@ function BreakDownDialog({
   onOpenChange,
   onApply
 }) {
-  const source = (0, import_react262.useMemo)(() => ({ kind: "table", id: tableId }), [tableId]);
+  const source = (0, import_react264.useMemo)(() => ({ kind: "table", id: tableId }), [tableId]);
   const { def } = useDrillDefinition(open ? source : null);
-  const dimensions = (0, import_react262.useMemo)(() => drillDimensionsOf(def, NO_LABELS), [def]);
-  const [picked, setPicked] = (0, import_react262.useState)(null);
+  const dimensions = (0, import_react264.useMemo)(() => drillDimensionsOf(def, NO_LABELS), [def]);
+  const [picked, setPicked] = (0, import_react264.useState)(null);
   const key = picked ?? held?.field ?? dimensions[0]?.key ?? "";
   return /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(import_design_system135.Dialog, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime150.jsxs)(import_design_system135.DialogContent, { "data-break-down": "", className: "max-w-sm", children: [
     /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(import_design_system135.DialogHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(import_design_system135.DialogTitle, { children: "Break down by" }) }),
@@ -46766,7 +46843,7 @@ function BreakDownDialog({
 
 // src/TableReference.tsx
 var import_clipboard12 = require("@ai-matrx/kit/clipboard");
-var import_react263 = require("react");
+var import_react265 = require("react");
 var import_workspace2 = require("@ai-matrx/alchemy/react/workspace");
 var import_design_system136 = require("@ai-matrx/design-system");
 var import_jsx_runtime151 = require("react/jsx-runtime");
@@ -46794,12 +46871,12 @@ function TableReferenceDialog({
 }) {
   const port = (0, import_workspace2.useContentTransferCapabilities)().reference;
   const notify = useRecordsUi().notify;
-  const [copied, setCopied] = (0, import_react263.useState)(null);
-  const choices = (0, import_react263.useMemo)(
+  const [copied, setCopied] = (0, import_react265.useState)(null);
+  const choices = (0, import_react265.useMemo)(
     () => tableReferenceChoices(table.id, tableName(table)).filter((c) => port?.supports(c.reference)),
     [table, port]
   );
-  const copy = (0, import_react263.useCallback)(
+  const copy = (0, import_react265.useCallback)(
     async (choice) => {
       if (!port) return;
       try {
@@ -46822,8 +46899,8 @@ function TableReferenceDialog({
 }
 
 // src/TableDuplicate.tsx
-var import_react264 = require("react");
-var import_react265 = require("@ai-matrx/records/react");
+var import_react266 = require("react");
+var import_react267 = require("@ai-matrx/records/react");
 var import_design_system137 = require("@ai-matrx/design-system");
 var import_jsx_runtime152 = require("react/jsx-runtime");
 function copyNameFor(name) {
@@ -46835,11 +46912,11 @@ function duplicateProgressWords(p) {
   return "Copying columns\u2026";
 }
 function TableDuplicateDialog({ tableId, name, open, onOpenChange, onDuplicated }) {
-  const client = (0, import_react265.useRecordsClient)();
+  const client = (0, import_react267.useRecordsClient)();
   const host = useRecordsUi();
-  const [typed2, setTyped] = (0, import_react264.useState)(() => copyNameFor(name));
-  const [withRecords, setWithRecords] = (0, import_react264.useState)(true);
-  const [phase, setPhase] = (0, import_react264.useState)({ kind: "asking" });
+  const [typed2, setTyped] = (0, import_react266.useState)(() => copyNameFor(name));
+  const [withRecords, setWithRecords] = (0, import_react266.useState)(true);
+  const [phase, setPhase] = (0, import_react266.useState)({ kind: "asking" });
   const problem = tableNameProblem(typed2);
   const copying = phase.kind === "copying";
   const close = (next) => {
@@ -46863,7 +46940,7 @@ function TableDuplicateDialog({ tableId, name, open, onOpenChange, onDuplicated
       setPhase({ kind: "refused", sentence: refusalSentence(made.error) });
       return;
     }
-    (0, import_react265.tableShapeChanged)(made.data.table.id);
+    (0, import_react267.tableShapeChanged)(made.data.table.id);
     setPhase({ kind: "done", copy: made.data });
     host.notify?.success(`Made ${made.data.table.name}`);
   };
@@ -46924,9 +47001,9 @@ function TableDuplicateDialog({ tableId, name, open, onOpenChange, onDuplicated
 }
 
 // src/ViewFilter.tsx
-var import_react266 = require("react");
+var import_react268 = require("react");
 var import_design_system138 = require("@ai-matrx/design-system");
-var import_react267 = require("@ai-matrx/records/react");
+var import_react269 = require("@ai-matrx/records/react");
 var import_jsx_runtime153 = require("react/jsx-runtime");
 function conditionCount(expr) {
   if (!expr || typeof expr !== "object" || Array.isArray(expr)) return 0;
@@ -46937,15 +47014,15 @@ function conditionCount(expr) {
   return 1;
 }
 function ViewFilter({ tableId, view, onApply, className }) {
-  const fields = (0, import_react267.useFields)(tableId);
-  const [open, setOpen] = (0, import_react266.useState)(false);
+  const fields = (0, import_react269.useFields)(tableId);
+  const [open, setOpen] = (0, import_react268.useState)(false);
   const saved = view?.where ?? null;
-  const [draft, setDraft] = (0, import_react266.useState)(saved);
+  const [draft, setDraft] = (0, import_react268.useState)(saved);
   const savedKey = JSON.stringify(saved);
-  (0, import_react266.useEffect)(() => {
+  (0, import_react268.useEffect)(() => {
     setDraft(saved);
   }, [view?.id, savedKey]);
-  const conditionFields = (0, import_react266.useMemo)(
+  const conditionFields = (0, import_react268.useMemo)(
     () => (fields.data ?? []).map((f) => ({ id: f.id, key: f.key, label: f.label || f.key, field: f })),
     [fields.data]
   );
@@ -46990,7 +47067,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
@@ -47026,8 +47103,7 @@ function ViewFilter({ tableId, view, onApply, className }) {
                   /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(import_design_system138.Button, { size: "sm", variant: "ghost", onClick: () => {
                     setDraft(saved);
                     setOpen(false);
-                  }, children: "Cancel" }),
-                  changed ? /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("span", { className: "text-muted-foreground", children: "Not applied yet." }) : null
+                  }, children: "Cancel" })
                 ] })
               ]
             }
@@ -47118,7 +47194,7 @@ function phoneTableActions(actions) {
 }
 
 // src/toolbarFit.ts
-var import_react268 = require("react");
+var import_react270 = require("react");
 var FOLDED_GUESS = { look: 104, chooser: 96, tools: 120 };
 var SLOT_MIN = 36;
 function toolbarFold(input) {
@@ -47175,8 +47251,8 @@ function rowNeeds(row) {
   return { needs: needs + gap * Math.max(0, pieces.length - 1), gap };
 }
 function useToolbarFit(row) {
-  const [fold, setFold] = (0, import_react268.useState)(0);
-  (0, import_react268.useEffect)(() => {
+  const [fold, setFold] = (0, import_react270.useState)(0);
+  (0, import_react270.useEffect)(() => {
     if (!row) return;
     const widths = {
       look: { full: null, folded: null },
@@ -47260,8 +47336,8 @@ function clippedEnds(scrollLeft, clientWidth, scrollWidth) {
   return start && end ? "both" : start ? "start" : end ? "end" : "none";
 }
 function useSlotScroll(slot) {
-  const [ends, setEnds] = (0, import_react268.useState)("none");
-  (0, import_react268.useEffect)(() => {
+  const [ends, setEnds] = (0, import_react270.useState)("none");
+  (0, import_react270.useEffect)(() => {
     if (!slot) return;
     let pending = 0;
     const read = () => {
@@ -47344,7 +47420,7 @@ function RailFrame({
 function filterInWords(filter, fields) {
   const nameOf2 = (key) => {
     const field2 = fields.find((f) => f.key === key);
-    return field2 ? fieldName(field2) : (0, import_text_case18.humanizeIdentifier)(key);
+    return field2 ? fieldName(field2) : (0, import_text_case19.humanizeIdentifier)(key);
   };
   const parts = Object.keys(filter).map((key) => {
     const value = filter[key];
@@ -47378,11 +47454,11 @@ function TableNotHere({
   leaveLabel,
   className
 }) {
-  const client = (0, import_react270.useRecordsClient)();
-  const [archived, setArchived] = (0, import_react269.useState)({ phase: "asking" });
-  const [restoring, setRestoring] = (0, import_react269.useState)(false);
-  const [refusal4, setRefusal] = (0, import_react269.useState)(null);
-  (0, import_react269.useEffect)(() => {
+  const client = (0, import_react272.useRecordsClient)();
+  const [archived, setArchived] = (0, import_react271.useState)({ phase: "asking" });
+  const [restoring, setRestoring] = (0, import_react271.useState)(false);
+  const [refusal4, setRefusal] = (0, import_react271.useState)(null);
+  (0, import_react271.useEffect)(() => {
     let alive = true;
     void client.tableArchived({ table_id: tableId }).then((answered) => {
       if (!alive) return;
@@ -47580,18 +47656,18 @@ function TablePage({
   onViewAddressChange,
   className
 }) {
-  const client = (0, import_react270.useRecordsClient)();
-  const table = (0, import_react270.useTable)(tableId);
+  const client = (0, import_react272.useRecordsClient)();
+  const table = (0, import_react272.useTable)(tableId);
   const rights = useTableRights(table.data);
-  const pageFields = (0, import_react270.useFields)(filter ? tableId : null);
-  const allFields = (0, import_react270.useFields)(tableId);
+  const pageFields = (0, import_react272.useFields)(filter ? tableId : null);
+  const allFields = (0, import_react272.useFields)(tableId);
   const viewLabels = useRecordLabels(allFields.data ?? void 0);
   const askedInWords = filter ? filterInWords(filter, pageFields.data ?? []) : null;
-  const organizationId = (0, import_react270.useRecordsClient)().config.organizationId;
+  const organizationId = (0, import_react272.useRecordsClient)().config.organizationId;
   const publicReadOnly = usePublicReadOnly(client, organizationId, tableId, table.data, rights);
-  const [view, setView] = (0, import_react269.useState)(null);
-  const [looks, setLooks] = (0, import_react269.useState)(void 0);
-  (0, import_react269.useEffect)(() => {
+  const [view, setView] = (0, import_react271.useState)(null);
+  const [looks, setLooks] = (0, import_react271.useState)(void 0);
+  (0, import_react271.useEffect)(() => {
     let live = true;
     setLooks(void 0);
     void readLooks(client, tableId).then((answered) => {
@@ -47604,7 +47680,7 @@ function TablePage({
   }, [client, tableId]);
   const look = view && looks ? looks[view.id] : void 0;
   const shown4 = view ? applyLook(view, look) : null;
-  const [viewsEpoch, setViewsEpoch] = (0, import_react269.useState)(0);
+  const [viewsEpoch, setViewsEpoch] = (0, import_react271.useState)(0);
   const opening = openingRail(activeRecordId, activeRail);
   const recordsUi = useRecordsUi();
   const hostLayouts = recordsUi.layouts ?? [];
@@ -47614,39 +47690,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] = (0, import_react269.useState)(hostFromLink);
-  const [views, setViews] = (0, import_react269.useState)(void 0);
-  const [pickedViewId, setPickedViewId] = (0, import_react269.useState)(savedFromLink);
-  const viewSeen = (0, import_react269.useRef)(null);
-  const [viewLinkMissed, setViewLinkMissed] = (0, import_react269.useState)(false);
-  const [layoutChosen, setLayoutChosen] = (0, import_react269.useState)(false);
+  const [hostLayout, setHostLayout] = (0, import_react271.useState)(hostFromLink);
+  const [views, setViews] = (0, import_react271.useState)(void 0);
+  const [pickedViewId, setPickedViewId] = (0, import_react271.useState)(savedFromLink);
+  const viewSeen = (0, import_react271.useRef)(null);
+  const [viewLinkMissed, setViewLinkMissed] = (0, import_react271.useState)(false);
+  const [layoutChosen, setLayoutChosen] = (0, import_react271.useState)(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] = (0, import_react269.useState)(null);
-  const [layoutFromLink, setLayoutFromLink] = (0, import_react269.useState)(opened.layout);
-  const [surface, setSurface] = (0, import_react269.useState)({
+  const [asking, setAsking] = (0, import_react271.useState)(null);
+  const [layoutFromLink, setLayoutFromLink] = (0, import_react271.useState)(opened.layout);
+  const [surface, setSurface] = (0, import_react271.useState)({
     main: opened.main,
     rail: opening.rail
   });
   const { main, rail } = surface;
-  const [questionDraft, setQuestionDraft] = (0, import_react269.useState)(null);
+  const [questionDraft, setQuestionDraft] = (0, import_react271.useState)(null);
   const setRail = (next) => setSurface((now) => ({ ...now, rail: next }));
-  const [importEpoch, setImportEpoch] = (0, import_react269.useState)(0);
-  const [openRecord, setOpenRecord] = (0, import_react269.useState)(opening.record);
+  const [importEpoch, setImportEpoch] = (0, import_react271.useState)(0);
+  const [openRecord, setOpenRecord] = (0, import_react271.useState)(opening.record);
   const phone = (0, import_design_system140.useIsMobile)();
-  const [shareAsked, setShareAsked] = (0, import_react269.useState)(0);
+  const [shareAsked, setShareAsked] = (0, import_react271.useState)(0);
   const { open: renameOpen, setOpen: setRenameOpen, ask: askRename, menuContentProps: renameMenuProps } = useRenameFromMenu();
-  const [archiveAsked, setArchiveAsked] = (0, import_react269.useState)(0);
-  const [moveAsked, setMoveAsked] = (0, import_react269.useState)(0);
-  const [duplicateOpen, setDuplicateOpen] = (0, import_react269.useState)(false);
-  const [referenceOpen, setReferenceOpen] = (0, import_react269.useState)(false);
-  const [breakDownOpen, setBreakDownOpen] = (0, import_react269.useState)(false);
+  const [archiveAsked, setArchiveAsked] = (0, import_react271.useState)(0);
+  const [moveAsked, setMoveAsked] = (0, import_react271.useState)(0);
+  const [duplicateOpen, setDuplicateOpen] = (0, import_react271.useState)(false);
+  const [referenceOpen, setReferenceOpen] = (0, import_react271.useState)(false);
+  const [breakDownOpen, setBreakDownOpen] = (0, import_react271.useState)(false);
   const canGetReference = useCanGetReference();
-  const [toolbarSlot, setToolbarSlot] = (0, import_react269.useState)(null);
-  const [toolbarRow, setToolbarRow] = (0, import_react269.useState)(null);
+  const [toolbarSlot, setToolbarSlot] = (0, import_react271.useState)(null);
+  const [toolbarRow, setToolbarRow] = (0, import_react271.useState)(null);
   const toolbarFold2 = useToolbarFit(toolbarRow);
   const slotClipped = useSlotScroll(toolbarSlot);
   const face = tableOpening(view, hostLayouts.map((h) => h.id));
@@ -47657,7 +47733,7 @@ function TablePage({
   const chooserCompact = !embedded && !designated && !phone && toolbarFold2 >= 2;
   const controlsInSheet = phone && !designated;
   const shareInMenu = phone || toolbarFold2 >= 4;
-  (0, import_react269.useEffect)(() => {
+  (0, import_react271.useEffect)(() => {
     if (face.kind !== "designated") return;
     if (hostFromLink || opened.layout || layoutChosen) return;
     setHostLayout(face.hostLayout);
@@ -47688,9 +47764,9 @@ function TablePage({
     lookDiffers: view ? lookDiffers(view, look) : false
   };
   const shownSignature = JSON.stringify(shownReport);
-  const reportRef = (0, import_react269.useRef)(onShownViewChange);
+  const reportRef = (0, import_react271.useRef)(onShownViewChange);
   reportRef.current = onShownViewChange;
-  (0, import_react269.useEffect)(() => {
+  (0, import_react271.useEffect)(() => {
     reportRef.current?.(JSON.parse(shownSignature));
   }, [shownSignature]);
   const pickLayout = (next) => {
@@ -47707,18 +47783,18 @@ function TablePage({
     setSurface((now) => ({ ...now, main: "records" }));
     onViewChanged?.(id);
   };
-  (0, import_react269.useEffect)(() => {
+  (0, import_react271.useEffect)(() => {
     if (!activeRecordId) return;
     setOpenRecord(activeRecordId);
     setSurface((now) => ({ ...now, rail: "record" }));
   }, [activeRecordId]);
-  (0, import_react269.useEffect)(() => {
+  (0, import_react271.useEffect)(() => {
     if (activeRecordId) return;
     const named = railFromParam(activeRail);
     if (named === null || named === "share") return;
     setSurface((now) => ({ ...now, rail: named }));
   }, [activeRail, activeRecordId]);
-  (0, import_react269.useEffect)(() => {
+  (0, import_react271.useEffect)(() => {
     const host = hostLayoutFor(activeView);
     if (host) {
       setHostLayout(host);
@@ -47732,8 +47808,8 @@ function TablePage({
     setLayoutFromLink(isLayout ? named : null);
     setSurface((now) => ({ ...now, main: isLayout ? "records" : named }));
   }, [activeView]);
-  const [viewSaveRefused, setViewSaveRefused] = (0, import_react269.useState)(null);
-  const patchView = (0, import_react269.useCallback)(
+  const [viewSaveRefused, setViewSaveRefused] = (0, import_react271.useState)(null);
+  const patchView = (0, import_react271.useCallback)(
     async (asked3) => {
       const current = view;
       if (!current) return;
@@ -47749,19 +47825,19 @@ function TablePage({
     },
     [client, tableId, view, looks]
   );
-  const arrival = (0, import_react269.useRef)(viewAddress ?? null);
-  const [gridQuery, setGridQuery] = (0, import_react269.useState)(null);
-  const [addressResetEpoch, setAddressResetEpoch] = (0, import_react269.useState)(0);
-  const reportGrid = (0, import_react269.useCallback)((q) => {
+  const arrival = (0, import_react271.useRef)(viewAddress ?? null);
+  const [gridQuery, setGridQuery] = (0, import_react271.useState)(null);
+  const [addressResetEpoch, setAddressResetEpoch] = (0, import_react271.useState)(0);
+  const reportGrid = (0, import_react271.useCallback)((q) => {
     const next = { sort: q.sort, filters: q.filters, search: q.search, page: q.page };
     setGridQuery((held) => sameViewAddress(held, next) ? held : next);
   }, []);
-  const addressPort = (0, import_react269.useMemo)(
+  const addressPort = (0, import_react271.useMemo)(
     () => ({ initial: arrival.current, report: reportGrid, resetEpoch: addressResetEpoch }),
     [reportGrid, addressResetEpoch]
   );
-  const hiddenApplied = (0, import_react269.useRef)(false);
-  (0, import_react269.useEffect)(() => {
+  const hiddenApplied = (0, import_react271.useRef)(false);
+  (0, import_react271.useEffect)(() => {
     const hidden = arrival.current?.hidden;
     if (hiddenApplied.current || !view || !looks || !hidden || hidden.length === 0) return;
     hiddenApplied.current = true;
@@ -47781,10 +47857,10 @@ function TablePage({
   const gridPending = !isViewAddressEmpty({ ...arrival.current ?? {}, hidden: [] });
   const addressReady = Boolean(view && looks) && (gridQuery !== null || !gridPending);
   const addressSignature = JSON.stringify(viewAddressToParams(addressNow));
-  const addressReportRef = (0, import_react269.useRef)(onViewAddressChange);
+  const addressReportRef = (0, import_react271.useRef)(onViewAddressChange);
   addressReportRef.current = onViewAddressChange;
-  const addressSent = (0, import_react269.useRef)(null);
-  (0, import_react269.useEffect)(() => {
+  const addressSent = (0, import_react271.useRef)(null);
+  (0, import_react271.useEffect)(() => {
     if (!addressReady) return;
     if (addressSent.current === null && addressSignature === JSON.stringify(viewAddressToParams(arrival.current))) {
       addressSent.current = addressSignature;
@@ -47796,9 +47872,9 @@ function TablePage({
   }, [addressReady, addressSignature]);
   const queryShowing = !isViewAddressEmpty({ ...gridQuery ?? {}, hidden: [] });
   const lookShowing = Boolean(view && looks && (lookDiffers(view, looks[view.id]) || queryShowing));
-  const [lookRefused, setLookRefused] = (0, import_react269.useState)(null);
-  const [namingLook, setNamingLook] = (0, import_react269.useState)(false);
-  const [lookName, setLookName] = (0, import_react269.useState)("");
+  const [lookRefused, setLookRefused] = (0, import_react271.useState)(null);
+  const [namingLook, setNamingLook] = (0, import_react271.useState)(false);
+  const [lookName, setLookName] = (0, import_react271.useState)("");
   const resetLook = async () => {
     const current = view;
     setAddressResetEpoch((n) => n + 1);
@@ -47857,7 +47933,7 @@ function TablePage({
     setPickedViewId(written.data);
     setViewsEpoch((n) => n + 1);
   };
-  const [designateRefused, setDesignateRefused] = (0, import_react269.useState)(null);
+  const [designateRefused, setDesignateRefused] = (0, import_react271.useState)(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))
@@ -48036,14 +48112,14 @@ function TablePage({
     }
   });
   const openedEntry = ACTION_PRESS.find((entry) => entry.press.main !== void 0 && entry.press.main === main) ?? ACTION_PRESS.find((entry) => entry.press.rail !== void 0 && entry.press.rail === rail) ?? null;
-  const actionsRef = (0, import_react269.useRef)(actions);
+  const actionsRef = (0, import_react271.useRef)(actions);
   actionsRef.current = actions;
-  const onActionsRef = (0, import_react269.useRef)(onActions);
+  const onActionsRef = (0, import_react271.useRef)(onActions);
   onActionsRef.current = onActions;
-  (0, import_react269.useEffect)(() => {
+  (0, import_react271.useEffect)(() => {
     onActionsRef.current?.(actionsRef.current);
   });
-  (0, import_react269.useEffect)(() => {
+  (0, import_react271.useEffect)(() => {
     const onKey = (event) => {
       const asked3 = objectActionForKey(actionsRef.current, event);
       if (!asked3) return;
@@ -48272,7 +48348,7 @@ function TablePage({
                 ] })
               ] }) }),
               /* @__PURE__ */ (0, import_jsx_runtime155.jsxs)(import_design_system140.DropdownMenuContent, { align: "start", className: "w-60", "data-view-look-menu-content": "", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(import_design_system140.DropdownMenuLabel, { className: "text-xs font-normal text-muted-foreground", children: LOOK_WORDS.yours }),
+                /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(import_design_system140.DropdownMenuLabel, { className: "text-xs font-normal text-muted-foreground", title: LOOK_WORDS.yours, children: LOOK_WORDS.yoursLabel }),
                 lookSavable ? /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(import_design_system140.DropdownMenuItem, { onSelect: () => void saveLookToView(), "data-view-look-save": "", children: LOOK_WORDS.saveToView }) : null,
                 rights.write ? /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(import_design_system140.DropdownMenuItem, { onSelect: () => setNamingLook(true), "data-view-look-save-new": "", children: LOOK_WORDS.saveAsNew }) : null,
                 /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(import_design_system140.DropdownMenuItem, { onSelect: () => void resetLook(), "data-view-look-reset": "", children: LOOK_WORDS.reset })
@@ -48438,7 +48514,17 @@ function TablePage({
                 children: cameFromLine(cameFrom, activeGroupField ?? null, askedInWords)
               }
             ) : null,
-            faceUnknown ? /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(RecordsSkeleton, { layout: skeletonLayoutFor(shownLayout), embedded }) : /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(
+            faceUnknown ? (
+              /* REVIEW-FIX 10: a full page paints the rows this table showed last time (else fills). */
+              /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(
+                RecordsSkeleton,
+                {
+                  layout: skeletonLayoutFor(shownLayout),
+                  embedded,
+                  ...embedded ? {} : { rows: rememberedRowCount(`${tableId}:page:last`, 100, "fill") }
+                }
+              )
+            ) : /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(
               ViewSwitcher,
               {
                 chooser: false,
@@ -48584,8 +48670,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] = (0, import_react269.useState)(false);
-  (0, import_react269.useEffect)(() => {
+  const [isPublic, setIsPublic] = (0, import_react271.useState)(false);
+  (0, import_react271.useEffect)(() => {
     if (!readOnly || !table) {
       setIsPublic(false);
       return;
@@ -48610,9 +48696,9 @@ function usePublicReadOnly(client, organizationId, tableId, table, rights) {
 // src/entityViews.tsx
 var import_design_system141 = require("@ai-matrx/design-system");
 var import_data_table23 = require("@ai-matrx/design-system/data-table");
-var import_react271 = require("react");
+var import_react273 = require("react");
 var import_design_system142 = require("@ai-matrx/design-system");
-var import_react272 = require("@ai-matrx/records/react");
+var import_react274 = require("@ai-matrx/records/react");
 var import_jsx_runtime156 = require("react/jsx-runtime");
 var entityTitleColumn = entityNameColumn;
 function shown3(v) {
@@ -48623,12 +48709,12 @@ function EntityBoard({ entity, groupBy, cardFields, onOpenRecord, className }) {
   const choiceColumns = entityChoiceColumns(entity.columns);
   const column = (groupBy ? choiceColumns.find((c) => c.key === groupBy) : void 0) ?? choiceColumns[0] ?? null;
   const title = entityTitleColumn(entity.columns);
-  const extra = (0, import_react271.useMemo)(
+  const extra = (0, import_react273.useMemo)(
     () => 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] = (0, import_react271.useState)(null);
-  const [over, setOver] = (0, import_react271.useState)(null);
+  const [refused, setRefused] = (0, import_react273.useState)(null);
+  const [over, setOver] = (0, import_react273.useState)(null);
   if (entity.error) return /* @__PURE__ */ (0, import_jsx_runtime156.jsx)("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__ */ (0, import_jsx_runtime156.jsx)("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.` });
@@ -48693,11 +48779,11 @@ function EntityBoard({ entity, groupBy, cardFields, onOpenRecord, className }) {
   }) });
 }
 function EntityChartBlock({ source, kind, by, measure, title, where, organization, centerValue, variant, className }) {
-  const client = (0, import_react272.useRecordsClient)();
+  const client = (0, import_react274.useRecordsClient)();
   const m = measure ?? { op: "count" };
   const ask = JSON.stringify([source.token, by ?? null, m, where ?? null, organization ?? null]);
-  const [block, setBlock] = (0, import_react271.useState)(null);
-  (0, import_react271.useEffect)(() => {
+  const [block, setBlock] = (0, import_react273.useState)(null);
+  (0, import_react273.useEffect)(() => {
     let cancelled = false;
     const question = {
       ...by ? { by: [by] } : {},
@@ -48760,20 +48846,20 @@ function EntityTablePageBody({
   actions,
   className
 }) {
-  const [typed2, setTyped] = (0, import_react271.useState)("");
+  const [typed2, setTyped] = (0, import_react273.useState)("");
   const term = searchOverride ?? typed2;
   const entity = useEntityTable(source.token, { pageSize, search: term });
-  const [layout, setLayout] = (0, import_react271.useState)(opened);
-  (0, import_react271.useEffect)(() => setLayout(opened), [opened]);
+  const [layout, setLayout] = (0, import_react273.useState)(opened);
+  (0, import_react273.useEffect)(() => 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] = (0, import_react271.useState)(null);
-  const [adding, setAdding] = (0, import_react271.useState)(false);
-  const [addRefused, setAddRefused] = (0, import_react271.useState)(null);
+  const [naming, setNaming] = (0, import_react273.useState)(null);
+  const [adding, setAdding] = (0, import_react273.useState)(false);
+  const [addRefused, setAddRefused] = (0, import_react273.useState)(null);
   const add = async () => {
     const name = (naming ?? "").trim();
     if (!name || !nameColumn || adding) return;
@@ -48785,7 +48871,7 @@ function EntityTablePageBody({
     setNaming(null);
     onOpenRecord?.(made.id);
   };
-  const [question, setQuestion] = (0, import_react271.useState)(() => questionFromGrouping(void 0));
+  const [question, setQuestion] = (0, import_react273.useState)(() => questionFromGrouping(void 0));
   const { config: drill } = useDrill({
     source,
     question,
@@ -48888,9 +48974,9 @@ function TablePage2(props) {
 }
 
 // src/DataBindingPicker.tsx
-var import_react273 = require("react");
+var import_react275 = require("react");
 var import_records64 = require("@ai-matrx/records");
-var import_react274 = require("@ai-matrx/records/react");
+var import_react276 = require("@ai-matrx/records/react");
 var import_design_system143 = require("@ai-matrx/design-system");
 var import_jsx_runtime158 = require("react/jsx-runtime");
 var DATA_BINDING_SHAPES = [
@@ -48980,11 +49066,11 @@ function BindingDetails({
   disabled,
   defaultRowLimit
 }) {
-  const table = (0, import_react274.useTable)(tableId);
-  const fields = (0, import_react274.useFields)(tableId);
-  const fieldList = (0, import_react273.useMemo)(() => fields.data ?? [], [fields.data]);
+  const table = (0, import_react276.useTable)(tableId);
+  const fields = (0, import_react276.useFields)(tableId);
+  const fieldList = (0, import_react275.useMemo)(() => fields.data ?? [], [fields.data]);
   const shape = binding.semantic_type;
-  (0, import_react273.useEffect)(() => {
+  (0, import_react275.useEffect)(() => {
     if (disabled || shape === "value" || binding.transform || fields.loading || fieldList.length === 0) return;
     onChange({
       ...binding,
@@ -49129,7 +49215,7 @@ function BindingDetails({
 }
 
 // src/PickedSummaries.tsx
-var import_react275 = require("@ai-matrx/records/react");
+var import_react277 = require("@ai-matrx/records/react");
 var import_jsx_runtime159 = require("react/jsx-runtime");
 function TableNameText({ dataSource, tableId }) {
   const tables = useTablesAnywhere(dataSource);
@@ -49158,7 +49244,7 @@ function ColumnValuesText({
   );
 }
 function ColumnValuesWords({ tableId, value }) {
-  const fields = (0, import_react275.useFields)(tableId);
+  const fields = (0, import_react277.useFields)(tableId);
   const labels = useRecordLabels(fields.data ?? void 0);
   if (fields.loading) return /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(import_jsx_runtime159.Fragment, { children: "\u2026" });
   if (fields.error) return /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(import_jsx_runtime159.Fragment, { children: "Couldn't load this table's columns" });
@@ -49197,8 +49283,8 @@ function RecordNameText({
   );
 }
 function RecordNameWords({ tableId, recordId }) {
-  const table = (0, import_react275.useTable)(tableId);
-  const record = (0, import_react275.useRecord)(recordId);
+  const table = (0, import_react277.useTable)(tableId);
+  const record = (0, import_react277.useRecord)(recordId);
   if (record.loading || table.loading) return /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(import_jsx_runtime159.Fragment, { children: "\u2026" });
   if (record.error) return /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(import_jsx_runtime159.Fragment, { children: "Couldn't load this record" });
   if (!record.data) return /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(import_jsx_runtime159.Fragment, { children: "A record you cannot open" });
@@ -49206,19 +49292,19 @@ function RecordNameWords({ tableId, recordId }) {
 }
 
 // src/HeldChangeDecision.tsx
-var import_react276 = require("react");
-var import_react277 = require("@ai-matrx/records/react");
+var import_react278 = require("react");
+var import_react279 = require("@ai-matrx/records/react");
 var import_design_system144 = require("@ai-matrx/design-system");
 var import_jsx_runtime160 = require("react/jsx-runtime");
 function HeldChangeDecision({ dataSource, userId, organizationId, approvalId, onDecided }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(import_react277.RecordsProvider, { config: { dataSource, actor: personActor(userId), organizationId }, children: /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(Decision, { approvalId, onDecided }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(import_react279.RecordsProvider, { config: { dataSource, actor: personActor(userId), organizationId }, children: /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(Decision, { approvalId, onDecided }) });
 }
 function Decision({ approvalId, onDecided }) {
-  const client = (0, import_react277.useRecordsClient)();
-  const [may, setMay] = (0, import_react276.useState)(null);
-  const [busy, setBusy] = (0, import_react276.useState)(null);
-  const [error, setError] = (0, import_react276.useState)(null);
-  (0, import_react276.useEffect)(() => {
+  const client = (0, import_react279.useRecordsClient)();
+  const [may, setMay] = (0, import_react278.useState)(null);
+  const [busy, setBusy] = (0, import_react278.useState)(null);
+  const [error, setError] = (0, import_react278.useState)(null);
+  (0, import_react278.useEffect)(() => {
     let live = true;
     void client.workApprovalMayDecide({ approval_id: approvalId }).then((res) => {
       if (!live) return;
@@ -49251,18 +49337,18 @@ function Decision({ approvalId, onDecided }) {
 }
 
 // src/TemplatePreview.tsx
-var import_react278 = require("react");
+var import_react280 = require("react");
 var import_memory = require("@ai-matrx/records/memory");
-var import_react279 = require("@ai-matrx/records/react");
+var import_react281 = require("@ai-matrx/records/react");
 var import_jsx_runtime161 = require("react/jsx-runtime");
 function useTemplatePreview(spec, today) {
-  return (0, import_react278.useMemo)(() => (0, import_memory.templatePreview)(spec, today ? { today } : {}), [spec, today]);
+  return (0, import_react280.useMemo)(() => (0, import_memory.templatePreview)(spec, today ? { today } : {}), [spec, today]);
 }
 function TemplatePreview({ spec, today, initialTable, host, aside, booking, className }) {
   const preview = useTemplatePreview(spec, today);
-  const bound2 = (0, import_react278.useMemo)(() => ({ ...host, sayLevelNeeded: false }), [host]);
+  const bound2 = (0, import_react280.useMemo)(() => ({ ...host, sayLevelNeeded: false }), [host]);
   const first = preview.tables.find((t) => t.token === initialTable) ?? preview.tables[0];
-  const [active, setActive] = (0, import_react278.useState)(first?.id ?? null);
+  const [active, setActive] = (0, import_react280.useState)(first?.id ?? null);
   const table = preview.tables.find((t) => t.id === active) ?? first;
   if (!table) return null;
   return /* @__PURE__ */ (0, import_jsx_runtime161.jsxs)("div", { className: ["flex min-w-0 flex-col gap-3", className].filter(Boolean).join(" "), "data-template-preview": preview.tables.length, children: [
@@ -49299,10 +49385,10 @@ function TemplatePreview({ spec, today, initialTable, host, aside, booking, clas
   ] });
 }
 function PreviewForms({ preview, booking }) {
-  const client = (0, import_react279.useRecordsClient)();
-  const [forms, setForms] = (0, import_react278.useState)(null);
-  const [pages, setPages] = (0, import_react278.useState)([]);
-  (0, import_react278.useEffect)(() => {
+  const client = (0, import_react281.useRecordsClient)();
+  const [forms, setForms] = (0, import_react280.useState)(null);
+  const [pages, setPages] = (0, import_react280.useState)([]);
+  (0, import_react280.useEffect)(() => {
     let gone = false;
     void client.forms().then((answered) => {
       if (!gone) setForms(answered.ok ? answered.data.map(formFromSummary) : []);