@ai-matrx/records-ui 0.102.21 → 0.103.2

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",
@@ -10520,8 +10551,29 @@ var MEASURE_LABEL = {
   median: "Median",
   filled: "Filled",
   empty: "Empty",
-  unique: "Unique"
+  unique: "Unique",
+  percent_empty: "Percent empty",
+  percent_filled: "Percent filled",
+  range: "Range"
 };
+var NOTION_CALCULATIONS = [
+  { op: "count", menu: "Count all", footer: "Count" },
+  { op: "unique", menu: "Count unique values", footer: "Unique" },
+  { op: "empty", menu: "Count empty", footer: "Empty" },
+  { op: "filled", menu: "Count not empty", footer: "Not empty" },
+  { op: "percent_empty", menu: "Percent empty", footer: "Empty" },
+  { op: "percent_filled", menu: "Percent not empty", footer: "Not empty" },
+  { op: "sum", menu: "Sum", footer: "Sum" },
+  { op: "avg", menu: "Average", footer: "Average" },
+  { op: "median", menu: "Median", footer: "Median" },
+  { op: "min", menu: "Min", footer: "Min" },
+  { op: "max", menu: "Max", footer: "Max" },
+  { op: "range", menu: "Range", footer: "Range" }
+];
+function calculationsFor(field2, storeOps) {
+  const offered = new Set(measuresFor(field2, storeOps, true));
+  return NOTION_CALCULATIONS.filter((c) => offered.has(c.op));
+}
 var NUMERIC_ONLY = /* @__PURE__ */ new Set(["sum", "avg", "median"]);
 var ARITHMETIC2 = /* @__PURE__ */ new Set([
   "add",
@@ -10539,7 +10591,7 @@ var ARITHMETIC2 = /* @__PURE__ */ new Set([
   "ceiling",
   "floor"
 ]);
-var ORDERED = /* @__PURE__ */ new Set(["min", "max"]);
+var ORDERED = /* @__PURE__ */ new Set(["min", "max", "range"]);
 function isNumericField(field2) {
   const kind = editorKindFor(field2);
   if (kind === "number" || kind === "currency" || kind === "percent" || kind === "rollup") return true;
@@ -11116,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);
@@ -11165,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) {
@@ -11312,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: [
@@ -11330,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);
+            }
           }
         )
       ] }),
@@ -11618,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,
       {
@@ -11663,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
     ] })
   ] });
 }
@@ -13769,14 +13862,17 @@ function SummaryCell({
   value,
   rowCount,
   summaries,
-  onChoose
+  onChoose,
+  calculate = false
 }) {
   const offered = (0, import_react73.useMemo)(
-    () => summaries.operations ? measuresFor(field2, summaries.operations, firstColumn) : null,
-    [summaries.operations, field2, firstColumn]
+    () => summaries.operations ? calculate ? calculationsFor(field2, summaries.operations).map((c) => c.op) : measuresFor(field2, summaries.operations, firstColumn) : null,
+    [summaries.operations, field2, firstColumn, calculate]
   );
-  const label = chosen ? MEASURE_LABEL[chosen] ?? chosen : null;
-  const shown4 = chosen === void 0 ? null : summaries.loading && value === void 0 ? "\u2026" : value === null || value === void 0 ? "\u2014" : chosen === "count" || chosen === "filled" || chosen === "empty" || chosen === "unique" ? String(value) : null;
+  const words2 = (op2, where) => calculate ? NOTION_CALCULATIONS.find((c) => c.op === op2)?.[where] ?? MEASURE_LABEL[op2] ?? op2 : MEASURE_LABEL[op2] ?? op2;
+  const label = chosen ? words2(chosen, "footer") : null;
+  const isDate4 = editorKindFor(field2) === "datetime";
+  const shown4 = chosen === void 0 ? null : summaries.loading && value === void 0 ? "\u2026" : value === null || value === void 0 ? "\u2014" : chosen === "count" || chosen === "filled" || chosen === "empty" || chosen === "unique" ? String(value) : chosen === "percent_empty" || chosen === "percent_filled" ? `${Number(value.toFixed(2))}%` : chosen === "range" && isDate4 ? `${Math.round(value)} day${Math.round(value) === 1 ? "" : "s"}` : null;
   return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_design_system42.DropdownMenu, { onOpenChange: (open) => open ? summaries.askOperations() : void 0, children: [
     /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_design_system42.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
       import_design_system42.Button,
@@ -13798,7 +13894,7 @@ function SummaryCell({
             // AGG-WITHHELD: the store withheld this column from her — say so, never a bare dash.
             /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "font-medium", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(WithheldValue, { field: field2, notice: summaries.withheld[field2.key] }) })
           ) : shown4 !== null ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "font-medium tabular-nums", children: shown4 }) : /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "font-medium tabular-nums", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(RecordValue, { field: field2, value, format: formatForField(field2) }) })
-        ] }) : "Summarize"
+        ] }) : calculate ? "Calculate" : "Summarize"
       }
     ) }),
     /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_design_system42.DropdownMenuContent, { align: "start", children: [
@@ -13809,13 +13905,13 @@ function SummaryCell({
           "data-records-summary-choice": op2,
           onSelect: () => onChoose(op2),
           className: (0, import_design_system42.cn)(op2 === chosen && "font-medium"),
-          children: MEASURE_LABEL[op2] ?? op2
+          children: words2(op2, "menu")
         },
         op2
       )),
       chosen ? /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_jsx_runtime48.Fragment, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_design_system42.DropdownMenuSeparator, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_design_system42.DropdownMenuItem, { onSelect: () => onChoose(null), children: "No summary" })
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_design_system42.DropdownMenuItem, { onSelect: () => onChoose(null), children: calculate ? "None" : "No summary" })
       ] }) : null
     ] })
   ] });
@@ -14503,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);
@@ -14992,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,
@@ -15021,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
         ] })
       }
@@ -20527,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)(() => {
@@ -20541,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,
@@ -21789,7 +21894,8 @@ function GridBody({
   newRowLabel,
   sortOverride,
   searchOverride,
-  onSearchChange
+  onSearchChange,
+  searchBox = true
 }) {
   const toolbarSlot = useTableToolbarSlot();
   const tableCard = (0, import_data_table11.useMatrxTableCard)();
@@ -21885,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)(() => {
@@ -21938,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),
@@ -22784,6 +22897,7 @@ function GridBody({
           value: summaries.values[columnId2],
           rowCount: summaries.rowCount,
           summaries,
+          calculate: embedded,
           onChoose: (op2) => footerNow.current.choose(columnId2, op2)
         }
       );
@@ -23048,7 +23162,8 @@ function GridBody({
     [storePaged, query, queryTotal, classicInCard, records.data?.total]
   );
   const showAddLine = mayAddRow && rows.length > 0;
-  const showSummaryLine = rows.length > 0 && (embedded ? Object.keys(chosenSummaries).length > 0 : !merged || Object.keys(chosenSummaries).length > 0);
+  const showSummaryLine = rows.length > 0 && (embedded || !merged || Object.keys(chosenSummaries).length > 0);
+  const calculationChosen = Object.keys(chosenSummaries).length > 0;
   const footerFace = JSON.stringify([
     showAddLine ? added.busy : null,
     showSummaryLine ? [chosenSummaries, summaries.values, summaries.rowCount, summaries.loading] : null
@@ -23151,10 +23266,11 @@ function GridBody({
       search: !embedded,
       // EMBEDDED: Notion's magnifier — the design system's own search group, a button that
       // opens into a field. It is the same `query.search` the store's read asks.
-      ...embedded ? {
+      ...embedded && searchBox ? {
         customSearch: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
           import_design_system60.TapTargetSearchGroup,
           {
+            surface: "solid",
             placeholder: "Search",
             value: searchOverride ?? query.search,
             onValueChange: (term) => {
@@ -23366,7 +23482,8 @@ function GridBody({
       noun,
       embedded,
       searchOverride,
-      onSearchChange
+      onSearchChange,
+      searchBox
     ]
   );
   const labelOfField = (0, import_react113.useCallback)(
@@ -23386,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;
@@ -23588,7 +23705,7 @@ function GridBody({
                     !look.wrap && "[&_tbody_td]:max-w-[28rem] [&_tbody_td]:overflow-hidden [&_tbody_td]:text-ellipsis [&_tbody_td]:whitespace-nowrap! [&_tbody_td_*]:whitespace-nowrap!",
                     look.fit === "scroll" && "sm:[&>table]:w-max! sm:[&>table]:max-w-none! sm:[&>table]:min-w-full!",
                     embedded && EMBEDDED_TABLE_CLASS,
-                    embedded && !showSummaryLine && EMBEDDED_PLAIN_FOOTER_CLASS
+                    embedded && !calculationChosen && EMBEDDED_PLAIN_FOOTER_CLASS
                   ),
                   footerRows,
                   ...embedded ? { copy: false } : copyConfig ? { copy: copyConfig } : {},
@@ -23841,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");
@@ -28998,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,
@@ -29016,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" })
       ]
     }
   );
@@ -29242,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));
@@ -29341,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);
@@ -32943,6 +33075,7 @@ function ViewSwitcher({
   sortOverride,
   searchOverride,
   onSearchChange,
+  searchBox,
   newRowLabel,
   className
 }) {
@@ -33010,6 +33143,7 @@ function ViewSwitcher({
         ...sortOverride !== void 0 ? { sortOverride } : {},
         ...searchOverride !== void 0 ? { searchOverride } : {},
         ...onSearchChange ? { onSearchChange } : {},
+        ...searchBox === false ? { searchBox } : {},
         ...newRowLabel ? { newRowLabel } : {},
         ...filter ? { filter } : {},
         ...onClearFilter ? { onClearFilter } : {},
@@ -36443,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") {
@@ -47661,6 +47796,7 @@ function TablePage({
   newRowLabel,
   searchOverride,
   onSearchChange,
+  searchBox,
   pageSize: pageSizeAsked,
   seedViews,
   onLeave,
@@ -47764,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) => {
@@ -48550,6 +48686,7 @@ function TablePage({
                 ...newRowLabel ? { newRowLabel } : {},
                 ...searchOverride !== void 0 ? { searchOverride } : {},
                 ...onSearchChange ? { onSearchChange } : {},
+                ...searchBox === false ? { searchBox } : {},
                 footer,
                 openExport: () => setRail("export"),
                 view: {
@@ -48856,6 +48993,7 @@ function EntityTablePageBody({
   presentation = "page",
   searchOverride,
   onSearchChange,
+  searchBox = true,
   pageSize = presentation === "embedded" ? EMBEDDED_PAGE_SIZE : 100,
   layout: opened = "grid",
   onLayoutChange,
@@ -48943,9 +49081,10 @@ function EntityTablePageBody({
     ] }) : null,
     addRefused ? /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(import_design_system142.ErrorBox, { className: "rounded border border-destructive/40 px-1.5 py-1 text-xs text-destructive", message: addRefused, operation: "Add a row", origin: "records-ui/entityViews" }) : null,
     entity.error ? /* @__PURE__ */ (0, import_jsx_runtime156.jsx)("p", { className: "px-1 py-3 text-xs text-muted-foreground", children: `This table could not be read: ${entity.error}` }) : layout === "board" && boardable ? /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(EntityBoard, { entity, groupBy, onOpenRecord }) : /* @__PURE__ */ (0, import_jsx_runtime156.jsxs)(import_jsx_runtime156.Fragment, { children: [
-      presentation === "embedded" ? /* @__PURE__ */ (0, import_jsx_runtime156.jsx)("div", { className: "flex min-w-0 items-center justify-end", "data-records-entity-search": "", children: /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(import_design_system141.TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(
+      presentation === "embedded" && searchBox ? /* @__PURE__ */ (0, import_jsx_runtime156.jsx)("div", { className: "flex min-w-0 items-center justify-end", "data-records-entity-search": "", children: /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(import_design_system141.TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(
         import_design_system141.TapTargetSearchGroup,
         {
+          surface: "solid",
           placeholder: "Search",
           value: term,
           onValueChange: (next) => {
@@ -48982,6 +49121,7 @@ function TablePage2(props) {
       ...rest.pageSize ? { pageSize: rest.pageSize } : {},
       ...rest.searchOverride !== void 0 ? { searchOverride: rest.searchOverride } : {},
       ...rest.onSearchChange ? { onSearchChange: rest.onSearchChange } : {},
+      ...rest.searchBox === false ? { searchBox: false } : {},
       ...layout ? { layout } : {},
       ...onLayoutChange ? { onLayoutChange } : {},
       ...groupBy ? { groupBy } : {},