@ai-matrx/records-ui 0.103.0 → 0.103.3

package/dist/index.d.cts

@@ -2993,6 +2993,12 @@ interface ConditionGroupProps {
      * person builds them — the depth the store compiles.
      */
     allowNesting?: boolean;
+    /**
+     * How many levels of groups a person may make below the whole condition (Notion's advanced
+     * filter: 2 — a group, and a group inside it). Left out, no limit. A deeper saved question still
+     * draws; only "Add a group" stops at the limit.
+     */
+    maxDepth?: number | undefined;
     /** How deep this group sits (0 = the whole condition). Set by the builder itself. */
     depth?: number;
     /** A nested group can take itself away; the outermost one cannot. */
@@ -3005,7 +3011,7 @@ interface ConditionGroupProps {
  * writing one condition never meets a control for a problem they do not have. A nested group
  * always shows its joiner: it is a box with its own and / or, and that is the whole point of it.
  */
-declare function ConditionGroup({ lead, expr, fields, onChange, emptyLabel, allowNesting, depth, onRemove, className, }: ConditionGroupProps): react.JSX.Element;
+declare function ConditionGroup({ lead, expr, fields, onChange, emptyLabel, allowNesting, maxDepth, depth, onRemove, className, }: ConditionGroupProps): react.JSX.Element;
 
 /** The longest name a table keeps; a longer one is said, never cut. */
 declare const TABLE_NAME_MAX = 120;
@@ -3224,6 +3230,12 @@ interface PickOrAddChip {
 interface PickOrAddProps {
     /** The trigger's accessible name, e.g. "Pick for Category". */
     triggerLabel: string;
+    /**
+     * The trigger's height. "field" (the default) is the height of the text box beside it in a form
+     * (WALK3-FIX, 2026-10-07: Pick/Choose sat 4px shorter than the date box in the same grid row);
+     * "compact" keeps the small button a filter row or a chooser draws.
+     */
+    triggerSize?: "field" | "compact" | undefined;
     /** The trigger's visible word, e.g. "Pick", "Change", "Choose". */
     triggerText: string;
     triggerId?: string | undefined;
@@ -3276,7 +3288,7 @@ interface PickOrAddProps {
      */
     multi?: boolean | undefined;
 }
-declare function PickOrAdd({ triggerLabel, triggerText, triggerId, open, onOpenChange, search, onSearch, items, onPick, notice, empty, add, foot, footNote, onEnterWithNoMatch, anchored, children, chips, multi, onEscape, }: PickOrAddProps): react.JSX.Element;
+declare function PickOrAdd({ triggerSize, triggerLabel, triggerText, triggerId, open, onOpenChange, search, onSearch, items, onPick, notice, empty, add, foot, footNote, onEnterWithNoMatch, anchored, children, chips, multi, onEscape, }: PickOrAddProps): react.JSX.Element;
 
 /** What the panel says while the chosen list is empty. */
 declare const ENTITY_REFERENCE_KINDS_MISSING = "Choose at least one kind of thing this column points at.";

package/dist/index.d.ts

@@ -2993,6 +2993,12 @@ interface ConditionGroupProps {
      * person builds them — the depth the store compiles.
      */
     allowNesting?: boolean;
+    /**
+     * How many levels of groups a person may make below the whole condition (Notion's advanced
+     * filter: 2 — a group, and a group inside it). Left out, no limit. A deeper saved question still
+     * draws; only "Add a group" stops at the limit.
+     */
+    maxDepth?: number | undefined;
     /** How deep this group sits (0 = the whole condition). Set by the builder itself. */
     depth?: number;
     /** A nested group can take itself away; the outermost one cannot. */
@@ -3005,7 +3011,7 @@ interface ConditionGroupProps {
  * writing one condition never meets a control for a problem they do not have. A nested group
  * always shows its joiner: it is a box with its own and / or, and that is the whole point of it.
  */
-declare function ConditionGroup({ lead, expr, fields, onChange, emptyLabel, allowNesting, depth, onRemove, className, }: ConditionGroupProps): react.JSX.Element;
+declare function ConditionGroup({ lead, expr, fields, onChange, emptyLabel, allowNesting, maxDepth, depth, onRemove, className, }: ConditionGroupProps): react.JSX.Element;
 
 /** The longest name a table keeps; a longer one is said, never cut. */
 declare const TABLE_NAME_MAX = 120;
@@ -3224,6 +3230,12 @@ interface PickOrAddChip {
 interface PickOrAddProps {
     /** The trigger's accessible name, e.g. "Pick for Category". */
     triggerLabel: string;
+    /**
+     * The trigger's height. "field" (the default) is the height of the text box beside it in a form
+     * (WALK3-FIX, 2026-10-07: Pick/Choose sat 4px shorter than the date box in the same grid row);
+     * "compact" keeps the small button a filter row or a chooser draws.
+     */
+    triggerSize?: "field" | "compact" | undefined;
     /** The trigger's visible word, e.g. "Pick", "Change", "Choose". */
     triggerText: string;
     triggerId?: string | undefined;
@@ -3276,7 +3288,7 @@ interface PickOrAddProps {
      */
     multi?: boolean | undefined;
 }
-declare function PickOrAdd({ triggerLabel, triggerText, triggerId, open, onOpenChange, search, onSearch, items, onPick, notice, empty, add, foot, footNote, onEnterWithNoMatch, anchored, children, chips, multi, onEscape, }: PickOrAddProps): react.JSX.Element;
+declare function PickOrAdd({ triggerSize, triggerLabel, triggerText, triggerId, open, onOpenChange, search, onSearch, items, onPick, notice, empty, add, foot, footNote, onEnterWithNoMatch, anchored, children, chips, multi, onEscape, }: PickOrAddProps): react.JSX.Element;
 
 /** What the panel says while the chosen list is empty. */
 declare const ENTITY_REFERENCE_KINDS_MISSING = "Choose at least one kind of thing this column points at.";

package/dist/index.js

@@ -1115,6 +1115,7 @@ function PickChips({ chips }) {
   ) });
 }
 function PickOrAdd({
+  triggerSize = "field",
   triggerLabel,
   triggerText,
   triggerId,
@@ -1173,7 +1174,7 @@ function PickOrAdd({
     }
   ) : null;
   return /* @__PURE__ */ jsxs5(Popover, { open, onOpenChange, children: [
-    anchored ? /* @__PURE__ */ jsx6(PopoverAnchor, { asChild: true, children: /* @__PURE__ */ jsx6("div", { className: "flex min-h-6 w-full min-w-0 flex-wrap items-center gap-1", "aria-label": triggerLabel, children }) }) : /* @__PURE__ */ jsx6(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx6(Button2, { id: triggerId, type: "button", size: "sm", variant: "outline", "aria-label": triggerLabel, children: triggerText }) }),
+    anchored ? /* @__PURE__ */ jsx6(PopoverAnchor, { asChild: true, children: /* @__PURE__ */ jsx6("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__ */ jsx6(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx6(Button2, { id: triggerId, type: "button", size: "sm", variant: "outline", className: triggerSize === "field" ? "h-9" : void 0, "aria-label": triggerLabel, children: triggerText }) }),
     /* @__PURE__ */ jsxs5(
       PopoverContent,
       {
@@ -3595,6 +3596,7 @@ function PickOne({
     return /* @__PURE__ */ jsx14("span", { className: cn11("inline-flex min-w-0", className), "data-records-pick-one": "search", "data-pick-value": value, ...attrs ?? {}, children: /* @__PURE__ */ jsx14(
       PickOrAdd,
       {
+        triggerSize: "compact",
         triggerLabel: label,
         triggerText: current?.label ?? placeholder ?? "",
         triggerId: id,
@@ -4680,7 +4682,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" ? `${typedDateText2("2026-10-03")} 2:30 PM` : helper ? typedDateText2("2026-10-03") : void 0,
+          placeholder: helper ? typedDatePlaceholder(helper) : void 0,
           onChange: (e) => retype(e.target.value),
           onBlur: () => {
             if (!refusal4) return;
@@ -4694,6 +4696,12 @@ function TypedWordsControl({ field: field2, value, onChange, disabled, id }) {
     refusal4 ? /* @__PURE__ */ jsx19("span", { "data-records-typed-refusal": "", "data-records-cell-note": "", role: "status", title: why, className: "text-[11px] leading-snug text-amber-700 dark:text-amber-400", children: refusal4 }) : null
   ] });
 }
+function typedDatePlaceholder(helper) {
+  const time = "h:mm AM";
+  if (helper === "time") return time;
+  const pattern = typedDateText2("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__ */ jsxs17("div", { className: "flex items-center gap-2", children: [
@@ -6347,16 +6355,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__ */ jsx26(
     "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: "!"
     }
   );
 }
@@ -6585,7 +6593,7 @@ function RecordValue({
   if (withheld && (value === null || value === void 0)) return /* @__PURE__ */ jsx27(WithheldValue, { field: field2, notice: withheld });
   if (value === null || value === void 0) {
     const failed = workedOutErrorFor(document2, field2.key);
-    if (failed) return /* @__PURE__ */ jsx27(WorkedOutError, { field: field2, sentence: failed });
+    if (failed) return /* @__PURE__ */ jsx27(WorkedOutError, { field: field2, sentence: failed, floated: Boolean(inCell) });
   }
   if (inCell) {
     const kept = keptAsideFor(document2, field2.key);
@@ -7208,6 +7216,22 @@ function GridCell({
   const open = Boolean(
     editing && editing.editing?.rowId === row.id && editing.editing.key === field2.key
   );
+  const closedControl = useRef15(null);
+  const wasOpen = useRef15(false);
+  useEffect15(() => {
+    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 = useRef15(false);
   const singlePress = useRef15(null);
   const cancelSinglePress = () => {
@@ -7351,9 +7375,13 @@ function GridCell({
             /* @__PURE__ */ jsx28(
               "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
@@ -8655,6 +8683,7 @@ function ChoiceValue({ field: field2, value, onChange }) {
   return /* @__PURE__ */ jsx34("span", { className: "inline-flex min-w-0", "data-records-condition-choice": "", "data-pick-value": value, children: /* @__PURE__ */ jsx34(
     PickOrAdd,
     {
+      triggerSize: "compact",
       triggerLabel: `Choice for ${field2.label || field2.key}`,
       triggerText: value || "Choose",
       open,
@@ -8878,6 +8907,7 @@ function ConditionGroup({
   onChange,
   emptyLabel = "always",
   allowNesting = true,
+  maxDepth,
   depth = 0,
   onRemove,
   className
@@ -8948,6 +8978,7 @@ function ConditionGroup({
                 onChange: (next) => replaceAt(index, next),
                 onRemove: () => replaceAt(index, null),
                 emptyLabel,
+                maxDepth,
                 depth: depth + 1
               }
             ) }, key);
@@ -8991,7 +9022,7 @@ function ConditionGroup({
               children: "Add another condition"
             }
           ),
-          allowNesting ? /* @__PURE__ */ jsx34(
+          allowNesting && (maxDepth === void 0 || depth < maxDepth) ? /* @__PURE__ */ jsx34(
             Button14,
             {
               size: "sm",
@@ -10663,6 +10694,7 @@ function FieldEditor(props) {
   const [formulaWritten, setFormulaWritten] = useState31(() => startingFormulaText.trim() !== "" || Boolean(field2));
   const [formulaOk, setFormulaOk] = useState31(null);
   const [askingToRemove, setAskingToRemove] = useState31(false);
+  const [attempted, setAttempted] = useState31(false);
   const [showsAs, setShowsAs] = useState31(() => field2 ? startingChoice(field2) : { format: null, retype: null });
   const [backfillError, setBackfillError] = useState31(null);
   const [notLanded, setNotLanded] = useState31(false);
@@ -10712,6 +10744,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) {
@@ -10859,8 +10893,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__ */ jsxs35("div", { className: cn24("flex min-w-0 flex-col gap-3 text-xs", className), "data-records-field-editor": "", children: [
     /* @__PURE__ */ jsxs35("div", { className: "flex items-center gap-2", children: [
@@ -10877,7 +10911,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);
+            }
           }
         )
       ] }),
@@ -11165,7 +11204,6 @@ function FieldEditor(props) {
     ] }),
     editing && field2 && !onEntity && rulesChanged(savedRules, editedRules) ? /* @__PURE__ */ jsx40(FieldRulePreview, { field: field2, tableId, rules: editedRules }) : null,
     mutation.error ? /* @__PURE__ */ jsx40(RefusalNotice, { error: mutation.error }) : null,
-    missing ? /* @__PURE__ */ jsx40("p", { id: "field-editor-missing", className: "text-[11px] text-muted-foreground", "data-field-editor-missing": "", children: missing }) : null,
     notLanded ? /* @__PURE__ */ jsx40(
       RefusalNotice,
       {
@@ -11210,27 +11248,61 @@ function FieldEditor(props) {
       /* @__PURE__ */ jsx40("p", { className: "text-[11px]", children: "The column is made. The records already in the table were not numbered:" }),
       /* @__PURE__ */ jsx40(RefusalNotice, { error: backfillError })
     ] }) : null,
-    /* @__PURE__ */ jsxs35("div", { className: "flex flex-wrap items-center gap-2", children: [
+    /* @__PURE__ */ jsxs35("div", { className: "flex min-w-0 flex-nowrap items-center gap-2", "data-field-editor-footer": "", children: [
       /* @__PURE__ */ jsx40(
         Button17,
         {
           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__ */ jsx40(Button17, { size: "sm", variant: "ghost", onClick: onCancel, children: "Cancel" }) : null,
-      field2 ? /* @__PURE__ */ jsx40("div", { className: "ml-auto flex items-center gap-2", children: askingToRemove ? /* @__PURE__ */ jsxs35(Fragment12, { children: [
-        /* @__PURE__ */ jsxs35("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__ */ jsx40(Button17, { size: "sm", variant: "destructive", disabled: mutation.saving, onClick: () => void remove(), children: "Remove it" }),
-        /* @__PURE__ */ jsx40(Button17, { size: "sm", variant: "ghost", onClick: () => setAskingToRemove(false), children: "Keep it" })
-      ] }) : /* @__PURE__ */ jsx40(Button17, { size: "sm", variant: "outline", onClick: () => setAskingToRemove(true), children: "Remove this field" }) }) : null
+      /* @__PURE__ */ jsx40(
+        "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__ */ jsxs35("div", { className: "ml-auto grid shrink-0 items-center", "data-field-editor-remove": askingToRemove ? "asking" : "idle", children: [
+          /* @__PURE__ */ jsx40("div", { className: cn24("col-start-1 row-start-1 flex items-center justify-end gap-2", askingToRemove && "invisible"), "aria-hidden": askingToRemove || void 0, children: /* @__PURE__ */ jsx40(Button17, { size: "sm", variant: "outline", tabIndex: askingToRemove ? -1 : void 0, onClick: () => setAskingToRemove(true), children: "Remove this field" }) }),
+          /* @__PURE__ */ jsxs35("div", { className: cn24("col-start-1 row-start-1 flex items-center justify-end gap-2", !askingToRemove && "invisible"), "aria-hidden": !askingToRemove || void 0, children: [
+            /* @__PURE__ */ jsx40("span", { className: "whitespace-nowrap text-destructive", "data-field-editor-remove-ask": "", children: "Archive this field?" }),
+            /* @__PURE__ */ jsx40(
+              Button17,
+              {
+                size: "sm",
+                variant: "destructive",
+                tabIndex: askingToRemove ? void 0 : -1,
+                disabled: mutation.saving,
+                title: removeConsequence,
+                "aria-description": removeConsequence,
+                onClick: () => void remove(),
+                children: "Remove it"
+              }
+            ),
+            /* @__PURE__ */ jsx40(Button17, { size: "sm", variant: "ghost", tabIndex: askingToRemove ? void 0 : -1, onClick: () => setAskingToRemove(false), children: "Keep it" })
+          ] })
+        ] })
+      ) : null
     ] })
   ] });
 }
@@ -14137,6 +14209,13 @@ function useMergedGridControls(args) {
   const tableVersion = useTableVersion(client, tableId, table);
   const mutation = useFieldMutation2();
   const [dialog, setDialog] = useState42(null);
+  const lastColumnDialog = useRef22(null);
+  const insertEpoch = useRef22(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] = useState42("");
   const [deleteBusy, setDeleteBusy] = useState42(false);
   const [labelling, setLabelling] = useState42(false);
@@ -14626,27 +14705,27 @@ function useMergedGridControls(args) {
         },
         children: /* @__PURE__ */ jsxs47(DialogContent8, { className: "max-h-[85vh] overflow-y-auto sm:max-w-2xl", children: [
           /* @__PURE__ */ jsxs47(DialogHeader8, { children: [
-            /* @__PURE__ */ jsx52(DialogTitle8, { children: dialog?.kind === "settings" ? `Column settings \xB7 ${fieldName(dialog.field)}` : dialog?.kind === "insert" && dialog.anchor ? `Add column ${dialog.side === "left" ? "left" : "right"} of ${fieldOf2(dialog.anchor) ? fieldName(fieldOf2(dialog.anchor)) : dialog.anchor}` : ADD_FIELD_OPEN_LABEL }),
+            /* @__PURE__ */ jsx52(DialogTitle8, { 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__ */ jsx52(DialogDescription6, { className: "sr-only", children: "Name, type and look" })
           ] }),
-          dialog?.kind === "settings" ? /* @__PURE__ */ jsx52(
+          columnDialog?.kind === "settings" ? /* @__PURE__ */ jsx52(
             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__ */ jsx52(
+            `${columnDialog.field.id}-${insertEpoch.current}`
+          ) : columnDialog?.kind === "insert" ? /* @__PURE__ */ jsx52(
             FieldEditor,
             {
               tableId,
@@ -14655,10 +14734,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
         ] })
       }
@@ -20228,7 +20308,7 @@ function UndoRedoPair({ face, onUndo, onRedo }) {
     )
   ] });
 }
-function UndoNotice({ undo }) {
+function UndoNotice({ undo, placement = "frame" }) {
   const notice = undo.notice;
   const dismiss = undo.dismiss;
   useEffect44(() => {
@@ -20242,7 +20322,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__ */ jsx66("span", { children: notice.says }),
         notice.canUndo && undo.canUndo ? /* @__PURE__ */ jsx66(Button38, { size: "sm", variant: "outline", className: "ml-auto h-6", "data-records-undo-now": "", onClick: () => void undo.undo(), children: "Undo" }) : null,
@@ -21597,6 +21678,11 @@ function GridBody({
       page: query.page
     });
   }, [reportQuery, query.sort, query.columnFilters, query.search, query.page, openingKey]);
+  const liveKeys = useMemo35(() => fields.data ? new Set(fields.data.map((f) => f.key)) : null, [fields.data]);
+  useEffect47(() => {
+    if (!liveKeys) return;
+    setQuery((held) => withoutGoneColumns(held, liveKeys, openingSort));
+  }, [liveKeys]);
   const resetEpoch = address?.resetEpoch ?? 0;
   const resetSeen = useRef31(resetEpoch);
   useEffect47(() => {
@@ -21650,7 +21736,9 @@ function GridBody({
     page: classicInCard ? 0 : page,
     ...readFilter ? { filter: readFilter } : {}
   });
-  const pageAsked = !storePaged || Boolean(fields.data && !table.loading);
+  const pageAskedFor = useRef31(null);
+  if (fields.data && !table.loading) pageAskedFor.current = tableId;
+  const pageAsked = !storePaged || Boolean(fields.data) && pageAskedFor.current === tableId;
   const serverRead = useRecordPage(storePaged && pageAsked ? tableId : null, {
     pageSize: query.pageSize,
     page: Math.max(0, query.page - 1),
@@ -23102,7 +23190,7 @@ function GridBody({
   }, [rowsAnswered, rowMemoryKey, rows.length, embedded, tableId]);
   if (table.error) return /* @__PURE__ */ jsx70(RefusalNotice, { error: table.error, className });
   if (fields.error) return /* @__PURE__ */ jsx70(RefusalNotice, { error: fields.error, className });
-  const nothingToShowYet = table.loading || fields.loading || !rights.known || records.loading && rows.length === 0 || // The page read has neither answered nor refused: nothing has been said yet, so nothing is empty.
+  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;
@@ -23557,6 +23645,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
 import { MatrxTableCard, MatrxTableCardEmpty, MatrxTableCardShowMore as MatrxTableCardShowMore2, TABLE_CARD_DEFAULT_INITIAL_ROWS } from "@ai-matrx/design-system/data-table";
@@ -28780,7 +28877,7 @@ function RecordFieldsInPlace({
             /* @__PURE__ */ jsx94(
               "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__ */ jsx94(
                   GridCell,
@@ -28798,7 +28895,7 @@ function RecordFieldsInPlace({
             )
           ] }, field2.id);
         }) }),
-        /* @__PURE__ */ jsx94(UndoNotice, { undo })
+        /* @__PURE__ */ jsx94(UndoNotice, { undo, placement: "viewport" })
       ]
     }
   );
@@ -29024,6 +29121,7 @@ function Peek({ tableId, recordId, onClose, className, onPage = false }) {
   if (record.error) return /* @__PURE__ */ jsx97(RefusalNotice, { error: record.error, className });
   if (fields.error) return /* @__PURE__ */ jsx97(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));
@@ -29123,15 +29221,20 @@ function Peek({ tableId, recordId, onClose, className, onPage = false }) {
       /* @__PURE__ */ jsx97(Separator9, {}),
       /* @__PURE__ */ jsx97("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__ */ jsxs88(Fragment36, { children: [
+    computedShown.length ? /* @__PURE__ */ jsxs88(Fragment36, { children: [
       /* @__PURE__ */ jsx97(Separator9, {}),
       /* @__PURE__ */ jsxs88("div", { className: "flex flex-col gap-1", children: [
         /* @__PURE__ */ jsx97("span", { className: "font-medium", children: "Worked out by the system" }),
-        record.data.computed.map((row, i) => /* @__PURE__ */ jsx97("p", { className: "text-muted-foreground", children: computedInPlainWords(row, (fields.data ?? []).find((f) => f.key === row.field_key)) }, i))
+        computedShown.map((row, i) => /* @__PURE__ */ jsx97("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) : humanizeIdentifier12(row.field_key);
   const shown4 = row.value === null || row.value === void 0 || row.value === "" ? "nothing" : field2 ? scalarText(field2, row.value) : String(row.value);
@@ -36279,7 +36382,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") {
@@ -40622,6 +40726,18 @@ function FormBuilder({ tableId, seed, activeFormId, onActiveForm, startWithOne,
                     onChange: (e) => patchQuestion(index, { help: e.target.value || null })
                   }
                 ),
+                /* @__PURE__ */ jsxs119("label", { className: "col-span-2 flex items-center gap-2 text-xs", children: [
+                  /* @__PURE__ */ jsx129(
+                    Checkbox15,
+                    {
+                      checked: field2.required ? true : question.required === true,
+                      disabled: field2.required === true,
+                      "aria-label": `${fieldName(field2)} is required`,
+                      onCheckedChange: (checked) => patchQuestion(index, { required: checked === true ? true : null })
+                    }
+                  ),
+                  "Required"
+                ] }),
                 /* @__PURE__ */ jsx129(
                   Condition,
                   {
@@ -47712,7 +47828,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) => {