@ai-matrx/records-ui 0.115.36 → 0.115.38

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog — @ai-matrx/records-ui
 
+## 0.115.38
+
+Automatic changed-only republish (docs/metadata drift since the last tag — see
+`git diff npm/records-ui/v0.115.37..npm/records-ui/v0.115.38 -- apps/shared/records-ui`).
+No source changes intended and no consumer action required.
+
 ## 0.115.36
 
 Automatic changed-only republish (docs/metadata drift since the last tag — see

package/dist/index.cjs

@@ -13867,7 +13867,7 @@ function SplitRecordDialog({ tableId, record, document: document2, open, onOpenC
     let madeName = recordNameIn(table.data ?? null, madeDoc, "New record");
     if (titleKey !== null && !titleHeld) {
       const named = `${record.name} (split)`;
-      const renamed = await client.recordUpdate({ record_id: created, patch: { [titleKey]: named } });
+      const renamed = await (0, recordVersions_exports.updateRecordAt)(client, { record_id: created, patch: { [titleKey]: named }, version: await (0, recordVersions_exports.readVersionNow)(client, created) });
       if (renamed.ok) {
         madeName = named;
         onChanged?.();
@@ -19386,7 +19386,8 @@ function useGridDrillQuestion(args) {
   const source = (0, import_react112.useMemo)(() => ({ kind: "table", id: tableId }), [tableId]);
   const saved = (0, import_react112.useMemo)(() => questionFromGrouping(presentation.grouping), [presentation.grouping]);
   const url = (0, import_data_table14.useDrillUrlState)({ fallback: saved });
-  const requested = args.enabled && (url.question.by.length > (args.plainGroupingIsRows ? 1 : 0) || url.question.across !== null || url.question.where.length > 0 || // `!= null`: a question read by a design-system that does not know the window or the comparison
+  const requested = args.enabled && // Up to three levels are ROWS under nested headers on the merged grid (Airtable's group levels).
+  (url.question.by.length > (args.plainGroupingIsRows ? 3 : 0) || url.question.across !== null || url.question.where.length > 0 || // `!= null`: a question read by a design-system that does not know the window or the comparison
   // yet has them UNDEFINED, and `undefined !== null` asked for drill metadata on every plain grid.
   url.question.window != null || url.question.compare != null);
   const { def } = useDrillDefinition(requested ? source : null);
@@ -25059,10 +25060,17 @@ function GridBody({
     return viewSorts[0]?.field === seatedSort.id ? (0, import_first_page8.thenSortsOf)(viewSorts, list, seatedSort.id, unsortable) : [];
   }, [seatedSort, manual, fields.data, heldThen, viewSorts]);
   const thenKey = JSON.stringify(thenSorts);
+  const groupThenKeys = rowGroupKey ? (presentation.grouping?.then ?? []).map((t) => t.field).join("|") : "";
   const pageSort = (0, import_react140.useMemo)(
-    () => storePaged ? (0, import_first_page6.groupedPageSort)(fields.data ?? [], rowGroupKey, (0, import_first_page8.pageSortsFor)(fields.data ?? [], seatedSort, thenSorts)) : [],
+    () => {
+      if (!storePaged) return [];
+      const sorted = (0, import_first_page6.groupedPageSort)(fields.data ?? [], rowGroupKey, (0, import_first_page8.pageSortsFor)(fields.data ?? [], seatedSort, thenSorts));
+      if (!rowGroupKey || groupThenKeys === "") return sorted;
+      const inner2 = groupThenKeys.split("|").flatMap((key) => (0, import_first_page8.pageSortFor)(fields.data ?? [], { id: key, direction: "asc" }));
+      return [...sorted.slice(0, 1), ...inner2, ...sorted.slice(1).filter((s) => !inner2.some((i) => i.field === s.field))];
+    },
     // eslint-disable-next-line react-hooks/exhaustive-deps -- thenKey stands for thenSorts
-    [storePaged, fields.data, seatedSort, rowGroupKey, thenKey]
+    [storePaged, fields.data, seatedSort, rowGroupKey, thenKey, groupThenKeys]
   );
   const fullSorts = (0, import_react140.useMemo)(
     () => seatedSort ? [{ field: seatedSort.id, direction: seatedSort.direction }, ...thenSorts] : [],
@@ -26265,12 +26273,15 @@ function GridBody({
     if (field2 === null && !onPresentationChange) return null;
     const rowsGrouped = merged;
     const aggregates = rowsGrouped ? void 0 : view && Object.keys(view.aggregates ?? {}).length > 0 ? view.aggregates : field2 ? { [field2]: { kind: "count" } } : void 0;
-    const facts = rowsGrouped ? groupFactsFor(groupFacts, fields.data ?? [], chosenSummaries) : void 0;
+    const topFacts = rowsGrouped ? groupFactsFor(groupFacts, fields.data ?? [], chosenSummaries) : void 0;
+    const facts = topFacts ? (group) => group.ancestors ? void 0 : topFacts(group) : void 0;
+    const thenKeys = rowsGrouped ? (view?.then ?? []).map((t) => t.field) : [];
     return {
       columnId: field2,
       rowNoun: "record",
+      ...thenKeys.length > 0 ? { thenColumnIds: thenKeys } : {},
       ...aggregates ? { aggregates } : {},
-      ...rowsGrouped ? { renderLabel: groupLabel2, order: "first-seen", emptyLabel: "No value" } : {},
+      ...rowsGrouped ? { renderLabel: (group) => group.ancestors ? void 0 : groupLabel2(group), order: "first-seen", emptyLabel: "No value" } : {},
       ...facts ? { groupFacts: facts } : {},
       ...!rowsGrouped && view?.order ? { order: view.order } : {},
       ...view?.collapsed ? { collapsed: view.collapsed } : {},
@@ -26291,6 +26302,15 @@ function GridBody({
             }
           });
         },
+        // NESTED GROUPS: the second and third level are the view's `grouping.then` (the store allows three levels).
+        ...rowsGrouped ? {
+          onThenColumnIdsChange: (ids) => {
+            const current = presentation.grouping;
+            if (!current) return;
+            const { then: _was, collapsed: _shut, ...rest } = current;
+            writeLook({ ...presentation, grouping: ids.length > 0 ? { ...rest, then: ids.slice(0, 2).map((field3) => ({ field: field3 })) } : rest });
+          }
+        } : {},
         onCollapsedChange: (collapsed) => {
           const current = presentation.grouping;
           if (!current) return;
@@ -35002,6 +35022,9 @@ function packRows(bars) {
     return { ...bar, row };
   });
 }
+function shortDay(day2) {
+  return dayAt(day2).toLocaleDateString(void 0, { month: "short", day: "numeric" });
+}
 function windowStart(anchor, zoom, firstDay) {
   const from = dayAt(addDays(anchor, -WINDOW[zoom].lead));
   if (zoom === "day" || zoom === "week") from.setDate(from.getDate() - daysSinceWeekStart(from.getDay(), firstDay));
@@ -35339,7 +35362,7 @@ function TimelineView({
     try {
       const make = async (current, key, label) => {
         if (current) return current.key;
-        const made = await knobClient.fieldDeclare({ table_id: tableId, spec: { key, label, type: "date" } });
+        const made = await knobClient.fieldDeclare({ table_id: tableId, spec: { key, label, type: "datetime", kind: "date" } });
         if (!made.ok) {
           moves.say(refusalSentence(made.error));
           return null;
@@ -35860,8 +35883,8 @@ function TimelineView({
         const slip = slipDays(baselineOf(b.p.row)?.last ?? null, at.last);
         return /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("div", { "data-timeline-list-row": b.p.row.id, className: "flex items-center gap-1 px-1.5 text-xs", style: { height: ROW_PX }, children: [
           /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("button", { type: "button", className: "min-w-0 flex-1 truncate text-left hover:underline", onClick: () => onOpenRecord?.(b.p.row.id), children: titleOf(b.p.row) }),
-          /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("span", { className: "w-12 shrink-0 tabular-nums text-muted-foreground", children: calendarDayLabel(at.first) }),
-          /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("span", { className: "w-12 shrink-0 tabular-nums text-muted-foreground", children: calendarDayLabel(at.last) }),
+          /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("span", { className: "w-12 shrink-0 whitespace-nowrap tabular-nums text-muted-foreground", children: shortDay(at.first) }),
+          /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("span", { className: "w-12 shrink-0 whitespace-nowrap tabular-nums text-muted-foreground", children: shortDay(at.last) }),
           /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("span", { className: "w-14 shrink-0 text-right tabular-nums", title: slip !== null ? slipWords(slip) : void 0, children: [
             daysBetween(at.first, at.last) + 1,
             "d",
@@ -39110,6 +39133,7 @@ function ViewBar({ tableId, activeViewId, onActiveView, seed, settings, onViews,
     return (initialViews.find((v) => v.id === activeViewId) ?? (0, import_views2.defaultViewOf)(initialViews) ?? initialViews[0]).id;
   });
   const readOnMount = (0, import_react230.useRef)(initialViews === void 0);
+  const pendingPick = (0, import_react230.useRef)(null);
   const [naming, setNaming] = (0, import_react230.useState)(false);
   const [draftName, setDraftName] = (0, import_react230.useState)("");
   const [open, setOpen] = (0, import_react230.useState)(false);
@@ -39186,7 +39210,9 @@ function ViewBar({ tableId, activeViewId, onActiveView, seed, settings, onViews,
   }, [load]);
   (0, import_react230.useEffect)(() => {
     if (!views || views.length === 0) return;
-    const chosen = views.find((v) => v.id === (activeViewId ?? active)) ?? (0, import_views2.defaultViewOf)(views) ?? views[0];
+    const wanted = pendingPick.current;
+    pendingPick.current = null;
+    const chosen = views.find((v) => v.id === (wanted ?? activeViewId ?? active)) ?? (0, import_views2.defaultViewOf)(views) ?? views[0];
     if (chosen.id !== active) setActive(chosen.id);
     onActiveView?.(chosen);
   }, [views, activeViewId]);
@@ -39201,6 +39227,7 @@ function ViewBar({ tableId, activeViewId, onActiveView, seed, settings, onViews,
     setNamingPersonal(false);
     setDraftName("");
     setActive(written.data);
+    pendingPick.current = written.data;
     await load();
   }
   async function rename(view, name) {
@@ -39271,6 +39298,7 @@ function ViewBar({ tableId, activeViewId, onActiveView, seed, settings, onViews,
       return;
     }
     setActive(written.data);
+    pendingPick.current = written.data;
     await load();
   }
   async function archive(view) {