@ai-matrx/records-ui 0.103.0 → 0.103.2

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Changelog — @ai-matrx/records-ui
 
+## 0.103.2
+
+- Republish of 0.103.1 (its publish stopped on two suites fixed on main after its tag: the form runner's date placeholder and a formula clause). No change of its own.
+
+**Consumer action:** none.
+
+## 0.103.1
+
+- `ConditionGroup` takes `maxDepth`: how many levels of groups a person may add below the whole condition (Notion's advanced filter is 2). A deeper saved question still draws; only "Add a group" stops. Left out, no limit (unchanged). Test: `src/condition-group.test.tsx`.
+
+**Consumer action:** none.
+
 ## 0.103.0
 
 - **Notion's calculation row on the embedded grid** (Spaces N6): every column's footer cell says "Calculate" on hover and offers Notion's list in Notion's words — Count all · Count unique values · Count empty · Count not empty · Percent empty · Percent not empty · Sum · Average · Median · Min · Max · Range — narrowed to what the column can mean and to the store's `custom.agg_operations`. The pick is reported through `onPresentationChange` as `summaries` (unchanged door). The band stays plain until one is picked.

package/dist/index.cjs

@@ -1696,6 +1696,7 @@ function PickChips({ chips }) {
   ) });
 }
 function PickOrAdd({
+  triggerSize = "field",
   triggerLabel,
   triggerText,
   triggerId,
@@ -1754,7 +1755,7 @@ function PickOrAdd({
     }
   ) : null;
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_design_system5.Popover, { open, onOpenChange, children: [
-    anchored ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system5.PopoverAnchor, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "flex min-h-6 w-full min-w-0 flex-wrap items-center gap-1", "aria-label": triggerLabel, children }) }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system5.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system5.Button, { id: triggerId, type: "button", size: "sm", variant: "outline", "aria-label": triggerLabel, children: triggerText }) }),
+    anchored ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system5.PopoverAnchor, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { "data-pick-anchor": "", className: "flex min-h-6 w-full min-w-0 flex-wrap items-center gap-1", "aria-label": triggerLabel, children }) }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system5.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_design_system5.Button, { id: triggerId, type: "button", size: "sm", variant: "outline", className: triggerSize === "field" ? "h-9" : void 0, "aria-label": triggerLabel, children: triggerText }) }),
     /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
       import_design_system5.PopoverContent,
       {
@@ -4133,6 +4134,7 @@ function PickOne({
     return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: (0, import_design_system12.cn)("inline-flex min-w-0", className), "data-records-pick-one": "search", "data-pick-value": value, ...attrs ?? {}, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
       PickOrAdd,
       {
+        triggerSize: "compact",
         triggerLabel: label,
         triggerText: current?.label ?? placeholder ?? "",
         triggerId: id,
@@ -5218,7 +5220,7 @@ function TypedWordsControl({ field: field2, value, onChange, disabled, id }) {
           disabled,
           autoComplete: "off",
           "aria-invalid": refusal4 ? true : void 0,
-          placeholder: helper === "time" ? "2:30 PM" : helper === "datetime" ? `${(0, import_records12.typedDateText)("2026-10-03")} 2:30 PM` : helper ? (0, import_records12.typedDateText)("2026-10-03") : void 0,
+          placeholder: helper ? typedDatePlaceholder(helper) : void 0,
           onChange: (e) => retype(e.target.value),
           onBlur: () => {
             if (!refusal4) return;
@@ -5232,6 +5234,12 @@ function TypedWordsControl({ field: field2, value, onChange, disabled, id }) {
     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 typedDatePlaceholder(helper) {
+  const time = "h:mm AM";
+  if (helper === "time") return time;
+  const pattern = (0, import_records12.typedDateText)("2026-11-22").replace("2026", "YYYY").replace("11", "MM").replace("22", "DD");
+  return helper === "datetime" ? `${pattern} ${time}` : pattern;
+}
 function CheckboxControl({ field: field2, value, onChange, disabled, id }) {
   const unanswered = value === null || value === void 0;
   return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center gap-2", children: [
@@ -6885,16 +6893,16 @@ function cellMarkSentence(field2, document2, value) {
   const kept = keptAsideFor(document2, field2.key);
   return kept ? keptAsideReason(field2, kept) : null;
 }
-var WORKED_OUT_ERROR_WORD = "#ERROR";
-function WorkedOutError({ field: field2, sentence: sentence2 }) {
+function WorkedOutError({ field: field2, sentence: sentence2, floated = false }) {
   return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     "span",
     {
       "data-records-worked-out-error": field2.key,
+      role: "img",
       title: sentence2,
-      "aria-label": `Error. ${sentence2}`,
-      className: "cursor-help font-medium text-amber-700 dark:text-amber-300",
-      children: WORKED_OUT_ERROR_WORD
+      "aria-label": sentence2,
+      className: (floated ? "absolute right-1 top-1/2 z-10 flex -translate-y-1/2 " : "inline-flex align-middle ") + "h-4 w-4 shrink-0 cursor-help items-center justify-center rounded-full bg-destructive text-[10px] font-bold leading-none text-destructive-foreground",
+      children: "!"
     }
   );
 }
@@ -7123,7 +7131,7 @@ function RecordValue({
   if (withheld && (value === null || value === void 0)) return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(WithheldValue, { field: field2, notice: withheld });
   if (value === null || value === void 0) {
     const failed = workedOutErrorFor(document2, field2.key);
-    if (failed) return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(WorkedOutError, { field: field2, sentence: failed });
+    if (failed) return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(WorkedOutError, { field: field2, sentence: failed, floated: Boolean(inCell) });
   }
   if (inCell) {
     const kept = keptAsideFor(document2, field2.key);
@@ -7746,6 +7754,22 @@ function GridCell({
   const open = Boolean(
     editing && editing.editing?.rowId === row.id && editing.editing.key === field2.key
   );
+  const closedControl = (0, import_react38.useRef)(null);
+  const wasOpen = (0, import_react38.useRef)(false);
+  (0, import_react38.useEffect)(() => {
+    if (open) {
+      wasOpen.current = true;
+      return;
+    }
+    if (!wasOpen.current) return;
+    wasOpen.current = false;
+    if (!clickOpens) return;
+    const frame = requestAnimationFrame(() => {
+      const active = document.activeElement;
+      if (!active || active === document.body) closedControl.current?.focus({ preventScroll: true });
+    });
+    return () => cancelAnimationFrame(frame);
+  }, [open, clickOpens]);
   const wasActive = (0, import_react38.useRef)(false);
   const singlePress = (0, import_react38.useRef)(null);
   const cancelSinglePress = () => {
@@ -7889,9 +7913,13 @@ function GridCell({
             /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
               "span",
               {
+                ref: closedControl,
                 role: editable ? "button" : void 0,
                 "aria-label": editable ? `Edit ${fieldName(field2)}` : void 0,
-                title: cellMark ? cellMark : editable ? `${fieldName(field2)} \u2014 double-click or press Enter to edit` : fieldIsEditable(field2) ? (
+                title: cellMark ? cellMark : editable ? (
+                  // The words match the gesture (WALK3-FIX): one click opens a record-page field.
+                  clickOpens ? `${fieldName(field2)} \u2014 click to edit` : `${fieldName(field2)} \u2014 double-click or press Enter to edit`
+                ) : fieldIsEditable(field2) ? (
                   // NOT A DEAD CONTROL AND NOT A SILENT ONE: the cell is plain
                   // text, and hovering it says exactly why, in the level's own
                   // words. The editor was never offered, so nothing is refused
@@ -9151,6 +9179,7 @@ function ChoiceValue({ field: field2, value, onChange }) {
   return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "inline-flex min-w-0", "data-records-condition-choice": "", "data-pick-value": value, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     PickOrAdd,
     {
+      triggerSize: "compact",
       triggerLabel: `Choice for ${field2.label || field2.key}`,
       triggerText: value || "Choose",
       open,
@@ -9374,6 +9403,7 @@ function ConditionGroup({
   onChange,
   emptyLabel = "always",
   allowNesting = true,
+  maxDepth,
   depth = 0,
   onRemove,
   className
@@ -9444,6 +9474,7 @@ function ConditionGroup({
                 onChange: (next) => replaceAt(index, next),
                 onRemove: () => replaceAt(index, null),
                 emptyLabel,
+                maxDepth,
                 depth: depth + 1
               }
             ) }, key);
@@ -9487,7 +9518,7 @@ function ConditionGroup({
               children: "Add another condition"
             }
           ),
-          allowNesting ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+          allowNesting && (maxDepth === void 0 || depth < maxDepth) ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
             import_design_system29.Button,
             {
               size: "sm",
@@ -11137,6 +11168,7 @@ function FieldEditor(props) {
   const [formulaWritten, setFormulaWritten] = (0, import_react59.useState)(() => startingFormulaText.trim() !== "" || Boolean(field2));
   const [formulaOk, setFormulaOk] = (0, import_react59.useState)(null);
   const [askingToRemove, setAskingToRemove] = (0, import_react59.useState)(false);
+  const [attempted, setAttempted] = (0, import_react59.useState)(false);
   const [showsAs, setShowsAs] = (0, import_react59.useState)(() => field2 ? startingChoice(field2) : { format: null, retype: null });
   const [backfillError, setBackfillError] = (0, import_react59.useState)(null);
   const [notLanded, setNotLanded] = (0, import_react59.useState)(false);
@@ -11186,6 +11218,8 @@ function FieldEditor(props) {
   const missing = editing ? formulaMissing ?? (listsChoices ? whatTheChoiceListIsMissing(choiceList) : null) : formulaMissing ?? (listsChoices ? whatTheChoiceListIsMissing(newChoices) : null) ?? (type === "formula" && formulaWritten ? null : whatIsMissing(
     type === "count" ? { type: "rollup", label, options, via, pick, agg: "count", of, relations: totalSources, formulaFields, relationTarget, allowedTypes, noun } : { type, label, options, via, pick, agg, of, relations: sourcesFor(type), formulaFields, relationTarget, allowedTypes, noun }
   ));
+  const missingShown = missing && (attempted || formulaMissing) ? missing : null;
+  const removeConsequence = field2 ? `${archiveConfirmSentence(`the field \u201C${fieldName(field2)}\u201D`)} Its values stay in every record and come back with it.${linkReaders.length > 0 ? ` ${readersSentence(linkReaders.length, farTable.data?.name ?? null)}` : ""}` : "";
   const save = async () => {
     if (missing) return;
     if (editing && field2) {
@@ -11333,8 +11367,8 @@ function FieldEditor(props) {
   const remove = async () => {
     if (!field2) return;
     const gone = await tableMutation.retire({ field_id: field2.id });
-    setAskingToRemove(false);
     if (gone) (onRemoved ?? onSaved)?.();
+    else setAskingToRemove(false);
   };
   return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: (0, import_design_system34.cn)("flex min-w-0 flex-col gap-3 text-xs", className), "data-records-field-editor": "", children: [
     /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex items-center gap-2", children: [
@@ -11351,7 +11385,12 @@ function FieldEditor(props) {
             autoFocus: true,
             "aria-label": "Field name",
             placeholder: "Day rate",
-            onChange: (e) => setLabel(e.target.value)
+            onChange: (e) => setLabel(e.target.value),
+            onBlur: (e) => {
+              const to = e.relatedTarget;
+              if (to?.textContent === "Cancel") return;
+              setAttempted(true);
+            }
           }
         )
       ] }),
@@ -11639,7 +11678,6 @@ function FieldEditor(props) {
     ] }),
     editing && field2 && !onEntity && rulesChanged(savedRules, editedRules) ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(FieldRulePreview, { field: field2, tableId, rules: editedRules }) : null,
     mutation.error ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(RefusalNotice, { error: mutation.error }) : null,
-    missing ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { id: "field-editor-missing", className: "text-[11px] text-muted-foreground", "data-field-editor-missing": "", children: missing }) : null,
     notLanded ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
       RefusalNotice,
       {
@@ -11684,27 +11722,61 @@ function FieldEditor(props) {
       /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "text-[11px]", children: "The column is made. The records already in the table were not numbered:" }),
       /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(RefusalNotice, { error: backfillError })
     ] }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex flex-wrap items-center gap-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex min-w-0 flex-nowrap items-center gap-2", "data-field-editor-footer": "", children: [
       /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
         import_design_system34.Button,
         {
           size: "sm",
-          disabled: mutation.saving || missing !== null,
-          ...missing ? { "aria-describedby": "field-editor-missing" } : {},
-          onClick: () => void save(),
+          disabled: mutation.saving || Boolean(formulaMissing),
+          ...missingShown ? { "aria-describedby": "field-editor-missing" } : {},
+          onClick: () => {
+            if (missing) {
+              setAttempted(true);
+              return;
+            }
+            void save();
+          },
           children: mutation.saving ? "Saving\u2026" : field2 ? EDIT_FIELD_SAVE_LABEL : onEntity ? ADD_STANDARD_FIELD_SAVE_LABEL : ADD_FIELD_SAVE_LABEL
         }
       ),
       onCancel ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_design_system34.Button, { size: "sm", variant: "ghost", onClick: onCancel, children: "Cancel" }) : null,
-      field2 ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "ml-auto flex items-center gap-2", children: askingToRemove ? /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_jsx_runtime40.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("span", { className: "text-destructive", children: [
-          archiveConfirmSentence(`the field \u201C${fieldName(field2)}\u201D`),
-          " Its values stay in every record and come back with it.",
-          linkReaders.length > 0 ? ` ${readersSentence(linkReaders.length, farTable.data?.name ?? null)}` : ""
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_design_system34.Button, { size: "sm", variant: "destructive", disabled: mutation.saving, onClick: () => void remove(), children: "Remove it" }),
-        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_design_system34.Button, { size: "sm", variant: "ghost", onClick: () => setAskingToRemove(false), children: "Keep it" })
-      ] }) : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_design_system34.Button, { size: "sm", variant: "outline", onClick: () => setAskingToRemove(true), children: "Remove this field" }) }) : null
+      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+        "span",
+        {
+          id: "field-editor-missing",
+          "data-field-editor-missing": missingShown ? "" : void 0,
+          title: missingShown ?? void 0,
+          className: "min-w-0 flex-1 truncate text-[11px] text-muted-foreground",
+          children: missingShown
+        }
+      ),
+      field2 ? (
+        /* WALK3-FIX (2026-10-07): the confirm appears IN PLACE. Both states share one grid cell,
+           the idle one drawn invisibly under the asking one and the other way round, so the
+           footer is always as wide and as tall as its larger state: opening the confirm moved
+           the dialog card 0.2278 and closing it 0.1303. The consequence is the tooltip of
+           "Remove it" (interface-text: the slot holds a label, never a paragraph). */
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "ml-auto grid shrink-0 items-center", "data-field-editor-remove": askingToRemove ? "asking" : "idle", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: (0, import_design_system34.cn)("col-start-1 row-start-1 flex items-center justify-end gap-2", askingToRemove && "invisible"), "aria-hidden": askingToRemove || void 0, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_design_system34.Button, { size: "sm", variant: "outline", tabIndex: askingToRemove ? -1 : void 0, onClick: () => setAskingToRemove(true), children: "Remove this field" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: (0, import_design_system34.cn)("col-start-1 row-start-1 flex items-center justify-end gap-2", !askingToRemove && "invisible"), "aria-hidden": !askingToRemove || void 0, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "whitespace-nowrap text-destructive", "data-field-editor-remove-ask": "", children: "Archive this field?" }),
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+              import_design_system34.Button,
+              {
+                size: "sm",
+                variant: "destructive",
+                tabIndex: askingToRemove ? void 0 : -1,
+                disabled: mutation.saving,
+                title: removeConsequence,
+                "aria-description": removeConsequence,
+                onClick: () => void remove(),
+                children: "Remove it"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_design_system34.Button, { size: "sm", variant: "ghost", tabIndex: askingToRemove ? void 0 : -1, onClick: () => setAskingToRemove(false), children: "Keep it" })
+          ] })
+        ] })
+      ) : null
     ] })
   ] });
 }
@@ -14527,6 +14599,13 @@ function useMergedGridControls(args) {
   const tableVersion = useTableVersion(client, tableId, table);
   const mutation = (0, import_react81.useFieldMutation)();
   const [dialog, setDialog] = (0, import_react80.useState)(null);
+  const lastColumnDialog = (0, import_react80.useRef)(null);
+  const insertEpoch = (0, import_react80.useRef)(0);
+  if (dialog?.kind === "settings" || dialog?.kind === "insert") {
+    if (dialog !== lastColumnDialog.current) insertEpoch.current += 1;
+    lastColumnDialog.current = dialog;
+  }
+  const columnDialog = dialog?.kind === "settings" || dialog?.kind === "insert" ? dialog : lastColumnDialog.current;
   const [renameTo, setRenameTo] = (0, import_react80.useState)("");
   const [deleteBusy, setDeleteBusy] = (0, import_react80.useState)(false);
   const [labelling, setLabelling] = (0, import_react80.useState)(false);
@@ -15016,27 +15095,27 @@ 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.DialogTitle, { children: columnDialog?.kind === "settings" ? `Column settings \xB7 ${fieldName(columnDialog.field)}` : columnDialog?.kind === "insert" && columnDialog.anchor ? `Add column ${columnDialog.side === "left" ? "left" : "right"} of ${fieldOf2(columnDialog.anchor) ? fieldName(fieldOf2(columnDialog.anchor)) : columnDialog.anchor}` : ADD_FIELD_OPEN_LABEL }),
             /* @__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)(
+          columnDialog?.kind === "settings" ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
             FieldEditor,
             {
               tableId,
-              field: dialog.field,
+              field: columnDialog.field,
               onSaved: () => {
-                notify?.success(`${fieldName(dialog.field)} is saved.`);
+                notify?.success(`${fieldName(columnDialog.field)} is saved.`);
                 close();
               },
               onRemoved: () => {
-                if (args.onColumnRetired) args.onColumnRetired(dialog.field);
-                else notify?.success(`${fieldName(dialog.field)} is gone from the table. It can be brought back from Archived.`);
+                if (args.onColumnRetired) args.onColumnRetired(columnDialog.field);
+                else notify?.success(`${fieldName(columnDialog.field)} is gone from the table. It can be brought back from Archived.`);
                 close();
               },
               onCancel: close
             },
-            dialog.field.id
-          ) : dialog?.kind === "insert" ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+            `${columnDialog.field.id}-${insertEpoch.current}`
+          ) : columnDialog?.kind === "insert" ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
             FieldEditor,
             {
               tableId,
@@ -15045,10 +15124,11 @@ function useMergedGridControls(args) {
                 close();
               },
               onSaved: () => {
-                pendingInsert.current = { before: new Set(fieldKeys), anchor: dialog.anchor, side: dialog.side };
+                pendingInsert.current = { before: new Set(fieldKeys), anchor: columnDialog.anchor, side: columnDialog.side };
                 close();
               }
-            }
+            },
+            `insert-${insertEpoch.current}`
           ) : null
         ] })
       }
@@ -20551,7 +20631,7 @@ function UndoRedoPair({ face, onUndo, onRedo }) {
     )
   ] });
 }
-function UndoNotice({ undo }) {
+function UndoNotice({ undo, placement = "frame" }) {
   const notice = undo.notice;
   const dismiss = undo.dismiss;
   (0, import_react105.useEffect)(() => {
@@ -20565,7 +20645,8 @@ function UndoNotice({ undo }) {
     {
       role: "status",
       "data-records-undo-notice": notice.refusal ? "refused" : "done",
-      className: "pointer-events-auto absolute bottom-3 left-1/2 z-30 flex max-w-[min(36rem,calc(100%-2rem))] -translate-x-1/2 items-center gap-2 rounded-md border border-border bg-popover px-3 py-1.5 text-xs text-popover-foreground shadow-lg",
+      "data-records-undo-placement": placement,
+      className: `pointer-events-auto ${placement === "viewport" ? "fixed bottom-4 z-50" : "absolute bottom-3 z-30"} left-1/2 flex max-w-[min(36rem,calc(100%-2rem))] -translate-x-1/2 items-center gap-2 rounded-md border border-border bg-popover px-3 py-1.5 text-xs text-popover-foreground shadow-lg`,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { children: notice.says }),
         notice.canUndo && undo.canUndo ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_design_system57.Button, { size: "sm", variant: "outline", className: "ml-auto h-6", "data-records-undo-now": "", onClick: () => void undo.undo(), children: "Undo" }) : null,
@@ -21910,6 +21991,11 @@ function GridBody({
       page: query.page
     });
   }, [reportQuery, query.sort, query.columnFilters, query.search, query.page, openingKey]);
+  const liveKeys = (0, import_react113.useMemo)(() => fields.data ? new Set(fields.data.map((f) => f.key)) : null, [fields.data]);
+  (0, import_react113.useEffect)(() => {
+    if (!liveKeys) return;
+    setQuery((held) => withoutGoneColumns(held, liveKeys, openingSort));
+  }, [liveKeys]);
   const resetEpoch = address?.resetEpoch ?? 0;
   const resetSeen = (0, import_react113.useRef)(resetEpoch);
   (0, import_react113.useEffect)(() => {
@@ -21963,7 +22049,9 @@ function GridBody({
     page: classicInCard ? 0 : page,
     ...readFilter ? { filter: readFilter } : {}
   });
-  const pageAsked = !storePaged || Boolean(fields.data && !table.loading);
+  const pageAskedFor = (0, import_react113.useRef)(null);
+  if (fields.data && !table.loading) pageAskedFor.current = tableId;
+  const pageAsked = !storePaged || Boolean(fields.data) && pageAskedFor.current === tableId;
   const serverRead = (0, import_react114.useRecordPage)(storePaged && pageAsked ? tableId : null, {
     pageSize: query.pageSize,
     page: Math.max(0, query.page - 1),
@@ -23415,7 +23503,7 @@ function GridBody({
   }, [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.
+  const nothingToShowYet = table.loading && !table.data || fields.loading && !fields.data || !rights.known || records.loading && rows.length === 0 || // The page read has neither answered nor refused: nothing has been said yet, so nothing is empty.
   !records.data && !records.error || countedButNotReturned || manual && hand.loading && rows.length === 0;
   const refreshing = !nothingToShowYet && (records.loading || manual && hand.loading);
   const noColumnsYet = !nothingToShowYet && (fields.data ?? []).length === 0;
@@ -23870,6 +23958,15 @@ function withHeaderMenus(columns, menuFor, filterFor) {
     return filter ? { ...withMenu, ...filter } : withMenu;
   });
 }
+function withoutGoneColumns(query, liveKeys, openingSort) {
+  const sortGone = Boolean(query.sort && !liveKeys.has(query.sort.id));
+  const goneFilters = Object.keys(query.columnFilters ?? {}).filter((key) => !liveKeys.has(key));
+  if (!sortGone && goneFilters.length === 0) return query;
+  const columnFilters = { ...query.columnFilters };
+  for (const key of goneFilters) delete columnFilters[key];
+  const fallback = openingSort && liveKeys.has(openingSort.id) ? openingSort : null;
+  return { ...query, sort: sortGone ? fallback : query.sort, columnFilters, page: 1 };
+}
 
 // src/RecordsTableCard.tsx
 var import_data_table13 = require("@ai-matrx/design-system/data-table");
@@ -29027,7 +29124,7 @@ function RecordFieldsInPlace({
             /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
               "dd",
               {
-                className: "min-w-0 rounded hover:bg-muted/50 [&_[data-matrx-cell-editor]_input:not([type=checkbox]):not([type=radio])]:!h-7",
+                className: "min-w-0 rounded hover:bg-muted/50 [&_[data-matrx-cell-editor]_input:not([type=checkbox]):not([type=radio])]:!h-7 [&_[data-pick-anchor]]:!w-fit",
                 "data-records-in-place-field": field2.key,
                 children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
                   GridCell,
@@ -29045,7 +29142,7 @@ function RecordFieldsInPlace({
             )
           ] }, field2.id);
         }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(UndoNotice, { undo })
+        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(UndoNotice, { undo, placement: "viewport" })
       ]
     }
   );
@@ -29271,6 +29368,7 @@ function Peek({ tableId, recordId, onClose, className, onPage = false }) {
   if (record.error) return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(RefusalNotice, { error: record.error, className });
   if (fields.error) return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(RefusalNotice, { error: fields.error, className });
   const document2 = record.data?.document;
+  const computedShown = computedLinesWorthShowing(record.data?.computed, document2);
   const title = document2 ? recordNameIn(table.data, document2) : "";
   const bodyKey = onPage ? bodyFieldOf(fields.data ?? [])?.key : void 0;
   const shownFields = (fields.data ?? []).filter((field2) => !onPage || !drawnBelowOnPage(field2, bodyKey));
@@ -29370,15 +29468,20 @@ function Peek({ tableId, recordId, onClose, className, onPage = false }) {
       /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_design_system85.Separator, {}),
       /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("p", { className: "text-muted-foreground", children: "Nothing here can say which columns the system worked out for itself: that part of the record is not readable from your seat. Everything above is the record as it stands." })
     ] }) : null,
-    record.data?.computed?.length ? /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(import_jsx_runtime97.Fragment, { children: [
+    computedShown.length ? /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(import_jsx_runtime97.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_design_system85.Separator, {}),
       /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex flex-col gap-1", children: [
         /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "font-medium", children: "Worked out by the system" }),
-        record.data.computed.map((row, i) => /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("p", { className: "text-muted-foreground", children: computedInPlainWords(row, (fields.data ?? []).find((f) => f.key === row.field_key)) }, i))
+        computedShown.map((row, i) => /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("p", { className: "text-muted-foreground", children: computedInPlainWords(row, (fields.data ?? []).find((f) => f.key === row.field_key)) }, i))
       ] })
     ] }) : null
   ] });
 }
+function computedLinesWorthShowing(rows, document2) {
+  return (rows ?? []).filter(
+    (row) => !((row.value === null || row.value === void 0 || row.value === "") && workedOutErrorFor(document2, row.field_key))
+  );
+}
 function computedInPlainWords(row, field2) {
   const name = field2 ? fieldName(field2) : (0, import_text_case12.humanizeIdentifier)(row.field_key);
   const shown4 = row.value === null || row.value === void 0 || row.value === "" ? "nothing" : field2 ? scalarText(field2, row.value) : String(row.value);
@@ -36474,7 +36577,8 @@ function HistoryPanel({ tableId, recordId, onAskAboutField, className }) {
         ref: listRef,
         role: "listbox",
         "aria-label": "Versions of this record, newest first",
-        className: "flex min-h-0 flex-col divide-y overflow-y-auto rounded border",
+        "data-records-history-list": "",
+        className: "flex max-h-[9.25rem] min-h-0 flex-col divide-y overflow-y-auto rounded border",
         onKeyDown: (event) => {
           const at = entries.findIndex((e) => e.version === open);
           if (event.key === "ArrowDown" || event.key === "ArrowUp") {
@@ -47796,7 +47900,7 @@ function TablePage({
     if (hostFromLink || opened.layout || layoutChosen) return;
     setHostLayout(face.hostLayout);
   }, [face.kind, face.kind === "designated" ? face.hostLayout : null, layoutChosen]);
-  const faceUnknown = !hostFromLink && !opened.layout && (views === void 0 || Array.isArray(views) && views.length > 0 && (view === null || looks === void 0));
+  const faceUnknown = !hostFromLink && !opened.layout && (views === void 0 || looks === void 0 || Array.isArray(views) && views.length > 0 && view === null);
   const shownLayout = layoutFromLink ?? shown4?.layout ?? "grid";
   const shownFilter = filter ?? (shown4?.where ? shown4.where : null) ?? (shown4?.filters && Object.keys(shown4.filters).length > 0 ? shown4.filters : null);
   const press = (pressed) => {