@ai-matrx/records-ui 0.102.4 → 0.102.5

package/dist/index.cjs

@@ -13452,7 +13452,12 @@ function useMergedGridControls(args) {
           }
         } : {},
         // v7 item 5: Rename opens the record's name cell in place — the grid's own editor.
-        ...table?.title_field && fields.some((f) => f.key === table.title_field) && editable ? { renameRow: (rowId) => editing.begin({ rowId, key: table.title_field }) } : {},
+        ...table?.title_field && fields.some((f) => f.key === table.title_field) && editable ? {
+          renameRow: (rowId) => {
+            editing.begin({ rowId, key: table.title_field });
+            selectOpenCellText();
+          }
+        } : {},
         ...hrefForRecord && table ? {
           copyRecordLink: (rowId) => {
             const href = hrefForRecord({ table, recordId: rowId });
@@ -13831,6 +13836,17 @@ function backLinkSentence(column, readers = [], tableName2 = null) {
   if (readers.length === 0) return base;
   return `${readersSentence(readers.length, tableName2)} ${base}`;
 }
+function selectOpenCellText() {
+  if (typeof window === "undefined") return;
+  requestAnimationFrame(
+    () => requestAnimationFrame(() => {
+      const box = document.querySelector(
+        "[data-matrx-cell-editor] input, [data-matrx-cell-editor] textarea"
+      );
+      box?.select();
+    })
+  );
+}
 
 // src/Grid.tsx
 var import_design_system58 = require("@ai-matrx/design-system");
@@ -29368,15 +29384,162 @@ var import_design_system92 = require("@ai-matrx/design-system");
 var import_data_table19 = require("@ai-matrx/design-system/data-table");
 var import_format6 = require("@ai-matrx/kit/format");
 
+// src/recordMoves.tsx
+var import_react165 = require("react");
+var import_react166 = require("@ai-matrx/records/react");
+var import_design_system85 = require("@ai-matrx/design-system");
+var import_jsx_runtime96 = require("react/jsx-runtime");
+async function moveRecordValue(client, recordId, patch, expectedVersion) {
+  const written = await updateRecordAt(client, { record_id: recordId, patch, version: expectedVersion });
+  return written.ok ? { ok: true, version: typeof written.data === "number" ? written.data : null } : { ok: false, error: written.error };
+}
+function useRecordMoves({
+  tableId,
+  rows,
+  onMoved
+}) {
+  const client = (0, import_react166.useRecordsClient)();
+  const [refused, setRefused] = (0, import_react165.useState)(null);
+  const versions = useRecordVersions(client, rows);
+  const [stale, setStale] = (0, import_react165.useState)(null);
+  const reload = (0, import_react165.useCallback)(() => onMoved?.(), [onMoved]);
+  const forget = (0, import_react165.useCallback)(() => void 0, []);
+  const undo = useGridUndo({
+    tableId,
+    reload,
+    forget,
+    onVersions: (written) => {
+      for (const v of written) versions.wrote(v.id, v.version);
+    }
+  });
+  const move = (0, import_react165.useCallback)(
+    async ({ recordId, patch, before, label }) => {
+      setRefused(null);
+      setStale(null);
+      const written = await moveRecordValue(client, recordId, patch, await versions.seen(recordId));
+      if (!written.ok) {
+        const changedElsewhere = isChangedElsewhere(written.error);
+        const unread = isVersionUnread(written.error);
+        setRefused({ recordId, error: written.error, changedElsewhere, unread });
+        if (changedElsewhere || unread) {
+          undo.dismiss();
+          setStale({ id: recordId, unread });
+        } else {
+          undo.say(`Not moved. ${refusalSentence(written.error)}`, true);
+        }
+        if (changedElsewhere) {
+          versions.refresh([recordId]);
+          onMoved?.();
+        }
+        return false;
+      }
+      if (written.version !== null) versions.wrote(recordId, written.version);
+      undo.push({
+        label,
+        cells: Object.keys(patch).map((key) => ({
+          rowId: recordId,
+          key,
+          before: before[key] ?? null,
+          after: patch[key],
+          ...written.version !== null ? { version: written.version } : {}
+        }))
+      });
+      onMoved?.();
+      return true;
+    },
+    [client, undo, onMoved, versions]
+  );
+  const create = (0, import_react165.useCallback)(
+    async ({ tableId: table, data, label }) => {
+      setRefused(null);
+      const written = await client.recordWrite({ table_id: table, data });
+      if (!written.ok) {
+        undo.say(`Nothing was added. ${refusalSentence(written.error)}`, true);
+        return null;
+      }
+      undo.push({ label, cells: [], created: [written.data] });
+      onMoved?.();
+      return written.data;
+    },
+    [client, undo, onMoved]
+  );
+  const offering = Boolean(undo.notice);
+  const undoRef = (0, import_react165.useRef)(undo);
+  undoRef.current = undo;
+  (0, import_react165.useEffect)(() => {
+    if (!offering || typeof document === "undefined") return;
+    const onKey = (event) => {
+      const which = undoKey(event);
+      if (!which) return;
+      event.preventDefault();
+      void (which === "undo" ? undoRef.current.undo() : undoRef.current.redo());
+    };
+    document.addEventListener("keydown", onKey);
+    return () => document.removeEventListener("keydown", onKey);
+  }, [offering]);
+  const onKeyDown = (0, import_react165.useCallback)(
+    (event) => {
+      if (offering) return;
+      const which = undoKey(event);
+      if (!which) return;
+      event.preventDefault();
+      void (which === "undo" ? undo.undo() : undo.redo());
+    },
+    [undo, offering]
+  );
+  const reloadStale = (0, import_react165.useCallback)(async () => {
+    const id = stale?.id ?? null;
+    setStale(null);
+    setRefused(null);
+    if (!id) return;
+    versions.refresh([id]);
+    onMoved?.();
+  }, [versions, stale, onMoved]);
+  const notice = /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(import_jsx_runtime96.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(UndoNotice, { undo }),
+    stale ? /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
+      "p",
+      {
+        role: "status",
+        "data-records-undo-notice": "refused",
+        "data-move-stale": stale.id,
+        "data-move-unread": stale.unread ? "" : void 0,
+        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",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { children: stale.unread ? VERSION_UNREAD_LABEL : STALE_MOVE_LABEL }),
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_design_system85.Button, { size: "sm", variant: "outline", className: "ml-auto h-6", "data-move-reload": "", onClick: () => void reloadStale(), children: "Reload" }),
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_design_system85.Button, { size: "sm", variant: "ghost", className: "h-6", onClick: () => setStale(null), children: "Dismiss" })
+        ]
+      }
+    ) : null
+  ] });
+  return (0, import_react165.useMemo)(
+    () => ({ move, create, refused, say: (says, sticky) => undo.say(says, sticky), undo, onKeyDown, notice }),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [move, create, refused, undo, onKeyDown, stale, reloadStale]
+  );
+}
+function MoveRefusedBadge({ refused }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+    "span",
+    {
+      "data-move-refused": refused.changedElsewhere ? "changed-elsewhere" : refused.unread ? "unread" : "refused",
+      title: refused.changedElsewhere ? STALE_MOVE_LABEL : refused.unread ? VERSION_UNREAD_LABEL : refusalSentence(refused.error),
+      className: "mt-0.5 inline-block rounded bg-destructive/10 px-1 text-[10px] font-medium text-destructive",
+      children: refused.changedElsewhere ? STALE_MOVE_LABEL : refused.unread ? VERSION_UNREAD_LABEL : "Not moved"
+    }
+  );
+}
+
 // src/Pipeline.tsx
-var import_react167 = require("react");
-var import_react168 = require("@ai-matrx/records/react");
+var import_react169 = require("react");
+var import_react170 = require("@ai-matrx/records/react");
 var import_records46 = require("@ai-matrx/records");
-var import_design_system86 = require("@ai-matrx/design-system");
+var import_design_system87 = require("@ai-matrx/design-system");
 var import_data_table14 = require("@ai-matrx/design-system/data-table");
 
 // src/CardDates.tsx
-var import_jsx_runtime96 = require("react/jsx-runtime");
+var import_jsx_runtime97 = require("react/jsx-runtime");
 function cardDateFields(all, titleField, hiddenFields) {
   const hidden = new Set(hiddenFields ?? []);
   return all.filter(
@@ -29391,14 +29554,14 @@ function CardDates({ record, fields }) {
     return value !== null && value !== void 0 && value !== "";
   });
   if (held.length === 0) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_jsx_runtime96.Fragment, { children: held.map((field2) => /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_jsx_runtime97.Fragment, { children: held.map((field2) => /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
     "span",
     {
       className: "mt-0.5 flex min-w-0 items-baseline gap-1 text-[11px] text-muted-foreground",
       "data-card-date": field2.key,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { className: "shrink-0", children: fieldName(field2) }),
-        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { className: "min-w-0 truncate text-foreground/80", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "shrink-0", children: fieldName(field2) }),
+        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "min-w-0 truncate text-foreground/80", children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
           RecordValue,
           {
             field: field2,
@@ -29415,9 +29578,9 @@ function CardDates({ record, fields }) {
 
 // src/RecordActionMenu.tsx
 var import_clipboard6 = require("@ai-matrx/kit/clipboard");
-var import_react165 = require("react");
-var import_react166 = require("@ai-matrx/records/react");
-var import_design_system85 = require("@ai-matrx/design-system");
+var import_react167 = require("react");
+var import_react168 = require("@ai-matrx/records/react");
+var import_design_system86 = require("@ai-matrx/design-system");
 
 // src/recordActions.ts
 function recordLink(tableId, recordId, origin = DEFAULT_ACTION_ORIGIN) {
@@ -29477,7 +29640,7 @@ function recordActions(input) {
 }
 
 // src/RecordActionMenu.tsx
-var import_jsx_runtime97 = require("react/jsx-runtime");
+var import_jsx_runtime98 = require("react/jsx-runtime");
 function duplicateValues(fields, document2) {
   const data = {};
   for (const field2 of fields) {
@@ -29488,15 +29651,15 @@ function duplicateValues(fields, document2) {
   return data;
 }
 function useRecordActionHost({ tableId, row, onOpenRecord, onChanged, onMerge }) {
-  const client = (0, import_react166.useRecordsClient)();
+  const client = (0, import_react168.useRecordsClient)();
   const host = useRecordsUi();
-  const fields = (0, import_react166.useFields)(tableId);
-  const table = (0, import_react166.useTable)(tableId);
+  const fields = (0, import_react168.useFields)(tableId);
+  const table = (0, import_react168.useTable)(tableId);
   const notify = host.notify;
   const linkRecord = host.linkRecord;
   const href = host.hrefForRecord && table.data ? host.hrefForRecord({ table: table.data, recordId: row.id }) : void 0;
   const fieldList = fields.data;
-  return (0, import_react165.useMemo)(() => {
+  return (0, import_react167.useMemo)(() => {
     const said = (sentence2) => notify?.success(sentence2);
     return {
       ...typeof window !== "undefined" ? { origin: window.location.origin } : {},
@@ -29559,8 +29722,8 @@ function useRecordActionHost({ tableId, row, onOpenRecord, onChanged, onMerge })
 }
 function ContextActionItem({ action: action3 }) {
   const disabled = action3.disabledReason !== void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
-    import_design_system85.ContextMenuItem,
+  return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(
+    import_design_system86.ContextMenuItem,
     {
       disabled,
       onSelect: () => {
@@ -29570,43 +29733,43 @@ function ContextActionItem({ action: action3 }) {
       "data-object-action": action3.id,
       className: action3.destructive ? "text-destructive focus:text-destructive" : void 0,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(ObjectActionGlyph, { name: action3.icon, className: "mr-2 h-4 w-4 shrink-0" }),
-        /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("span", { className: "flex min-w-0 flex-col", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { children: action3.label }),
-          disabled ? /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "truncate text-xs text-muted-foreground", "data-object-action-reason": "", children: action3.disabledReason }) : null
+        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(ObjectActionGlyph, { name: action3.icon, className: "mr-2 h-4 w-4 shrink-0" }),
+        /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("span", { className: "flex min-w-0 flex-col", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { children: action3.label }),
+          disabled ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { className: "truncate text-xs text-muted-foreground", "data-object-action-reason": "", children: action3.disabledReason }) : null
         ] }),
-        action3.shortcut ? /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_design_system85.ContextMenuShortcut, { children: action3.shortcut }) : null
+        action3.shortcut ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_design_system86.ContextMenuShortcut, { children: action3.shortcut }) : null
       ]
     }
   );
 }
 function ObjectActionContextMenuItems({ actions }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_jsx_runtime97.Fragment, { children: toDropdownEntries(actions).map((entry) => {
-    if (entry.kind === "separator") return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_design_system85.ContextMenuSeparator, {}, entry.id);
-    if (entry.kind === "item") return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(ContextActionItem, { action: entry.action }, entry.action.id);
-    return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(import_design_system85.ContextMenuSub, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(import_design_system85.ContextMenuSubTrigger, { "data-object-action-group": entry.id, children: [
-        entry.icon ? /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(ObjectActionGlyph, { name: entry.icon, className: "mr-2 h-4 w-4 shrink-0" }) : null,
+  return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_jsx_runtime98.Fragment, { children: toDropdownEntries(actions).map((entry) => {
+    if (entry.kind === "separator") return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_design_system86.ContextMenuSeparator, {}, entry.id);
+    if (entry.kind === "item") return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(ContextActionItem, { action: entry.action }, entry.action.id);
+    return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(import_design_system86.ContextMenuSub, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(import_design_system86.ContextMenuSubTrigger, { "data-object-action-group": entry.id, children: [
+        entry.icon ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(ObjectActionGlyph, { name: entry.icon, className: "mr-2 h-4 w-4 shrink-0" }) : null,
         entry.label
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_design_system85.ContextMenuSubContent, { children: entry.actions.map((a) => /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(ContextActionItem, { action: a }, a.id)) })
+      /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_design_system86.ContextMenuSubContent, { children: entry.actions.map((a) => /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(ContextActionItem, { action: a }, a.id)) })
     ] }, entry.id);
   }) });
 }
 function RecordActionMenu({ tableId, row, name, onOpenRecord, onChanged, children, className }) {
-  const [merging, setMerging] = (0, import_react165.useState)(false);
-  const openMerge = (0, import_react165.useCallback)(() => setMerging(true), []);
+  const [merging, setMerging] = (0, import_react167.useState)(false);
+  const openMerge = (0, import_react167.useCallback)(() => setMerging(true), []);
   const actionHost = useRecordActionHost({ tableId, row, onOpenRecord, onChanged, onMerge: openMerge });
-  const rights = (0, import_react165.useMemo)(() => whatYouMayDo(row.level || null, true), [row.level]);
-  const actions = (0, import_react165.useMemo)(
+  const rights = (0, import_react167.useMemo)(() => whatYouMayDo(row.level || null, true), [row.level]);
+  const actions = (0, import_react167.useMemo)(
     () => recordActions({ record: { id: row.id, tableId, name }, rights, host: actionHost }),
     [row.id, tableId, name, rights, actionHost]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(import_design_system85.ContextMenu, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_design_system85.ContextMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: (0, import_design_system85.cn)("group/record-card relative", className), "data-record-actions": row.id, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(import_design_system86.ContextMenu, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_design_system86.ContextMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: (0, import_design_system86.cn)("group/record-card relative", className), "data-record-actions": row.id, children: [
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(import_design_system85.DropdownMenu, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_design_system85.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(import_design_system86.DropdownMenu, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_design_system86.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
           "button",
           {
             type: "button",
@@ -29614,18 +29777,18 @@ function RecordActionMenu({ tableId, row, name, onOpenRecord, onChanged, childre
             title: "More",
             "data-record-actions-trigger": row.id,
             className: "absolute right-0.5 top-0.5 flex h-6 w-6 items-center justify-center rounded bg-background/90 text-muted-foreground opacity-0 hover:bg-muted hover:text-foreground focus-visible:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring group-hover/record-card:opacity-100 data-[state=open]:opacity-100 [@media(hover:none)]:opacity-100",
-            children: /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("svg", { viewBox: "0 0 24 24", className: "h-4 w-4", fill: "currentColor", "aria-hidden": "true", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("circle", { cx: "5", cy: "12", r: "1.75" }),
-              /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("circle", { cx: "12", cy: "12", r: "1.75" }),
-              /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("circle", { cx: "19", cy: "12", r: "1.75" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("svg", { viewBox: "0 0 24 24", className: "h-4 w-4", fill: "currentColor", "aria-hidden": "true", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("circle", { cx: "5", cy: "12", r: "1.75" }),
+              /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("circle", { cx: "12", cy: "12", r: "1.75" }),
+              /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("circle", { cx: "19", cy: "12", r: "1.75" })
             ] })
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_design_system85.DropdownMenuContent, { align: "end", className: "w-56", children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(ObjectActionMenuItems, { actions }) })
+        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_design_system86.DropdownMenuContent, { align: "end", className: "w-56", children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(ObjectActionMenuItems, { actions }) })
       ] })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_design_system85.ContextMenuContent, { className: "w-56", children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(ObjectActionContextMenuItems, { actions }) }),
-    merging ? /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_design_system86.ContextMenuContent, { className: "w-56", children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(ObjectActionContextMenuItems, { actions }) }),
+    merging ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
       MergeRecordDialog,
       {
         tableId,
@@ -29639,7 +29802,7 @@ function RecordActionMenu({ tableId, row, name, onOpenRecord, onChanged, childre
 }
 
 // src/Pipeline.tsx
-var import_jsx_runtime98 = require("react/jsx-runtime");
+var import_jsx_runtime99 = require("react/jsx-runtime");
 var UNPLACED = "\0unplaced";
 function stageOfCard(row, stageKey, stages) {
   const document2 = row.document ?? {};
@@ -29673,38 +29836,39 @@ function PipelineBoard({
   onChanged,
   style,
   dateFields,
+  canAdd = false,
   className
 }) {
-  const client = (0, import_react168.useRecordsClient)();
-  const fields = (0, import_react168.useFields)(tableId);
+  const client = (0, import_react170.useRecordsClient)();
+  const fields = (0, import_react170.useFields)(tableId);
   const ownDecorations = useTableDecorations(style ? null : tableId);
-  const cardStyle = (0, import_react167.useMemo)(
+  const cardStyle = (0, import_react169.useMemo)(
     () => style ?? resolveTableStyle(ownDecorations.data, fields.data ?? [], void 0),
     [style, ownDecorations.data, fields.data]
   );
-  const [definition, setDefinition] = (0, import_react167.useState)(null);
-  const [columns, setColumns] = (0, import_react167.useState)([]);
-  const [error, setError] = (0, import_react167.useState)(null);
-  const [loading, setLoading] = (0, import_react167.useState)(true);
-  const [pending, setPending] = (0, import_react167.useState)({ kind: "none" });
-  const [waiting, setWaiting] = (0, import_react167.useState)(/* @__PURE__ */ new Map());
-  const [dragging, setDragging] = (0, import_react167.useState)(null);
-  const [over, setOver] = (0, import_react167.useState)(null);
-  const alive = (0, import_react167.useRef)(true);
-  const [selected, setSelected] = (0, import_react167.useState)(/* @__PURE__ */ new Set());
-  const anchor = (0, import_react167.useRef)(null);
-  const [batch, setBatch] = (0, import_react167.useState)(/* @__PURE__ */ new Map());
-  const [batchSaid, setBatchSaid] = (0, import_react167.useState)(null);
-  const [batchError, setBatchError] = (0, import_react167.useState)(null);
-  const [moving, setMoving] = (0, import_react167.useState)(false);
-  (0, import_react167.useEffect)(() => {
+  const [definition, setDefinition] = (0, import_react169.useState)(null);
+  const [columns, setColumns] = (0, import_react169.useState)([]);
+  const [error, setError] = (0, import_react169.useState)(null);
+  const [loading, setLoading] = (0, import_react169.useState)(true);
+  const [pending, setPending] = (0, import_react169.useState)({ kind: "none" });
+  const [waiting, setWaiting] = (0, import_react169.useState)(/* @__PURE__ */ new Map());
+  const [dragging, setDragging] = (0, import_react169.useState)(null);
+  const [over, setOver] = (0, import_react169.useState)(null);
+  const alive = (0, import_react169.useRef)(true);
+  const [selected, setSelected] = (0, import_react169.useState)(/* @__PURE__ */ new Set());
+  const anchor = (0, import_react169.useRef)(null);
+  const [batch, setBatch] = (0, import_react169.useState)(/* @__PURE__ */ new Map());
+  const [batchSaid, setBatchSaid] = (0, import_react169.useState)(null);
+  const [batchError, setBatchError] = (0, import_react169.useState)(null);
+  const [moving, setMoving] = (0, import_react169.useState)(false);
+  (0, import_react169.useEffect)(() => {
     alive.current = true;
     return () => {
       alive.current = false;
     };
   }, []);
   const filterKey = (0, import_records46.stableFilterKey)(filter);
-  const reload = (0, import_react167.useCallback)(async () => {
+  const reload = (0, import_react169.useCallback)(async () => {
     setLoading(true);
     const [read, board, held] = await Promise.all([
       client.pipelineRead({ table_id: tableId }),
@@ -29722,15 +29886,23 @@ function PipelineBoard({
     setWaiting(held.ok ? new Map((held.data ?? []).map((p) => [p.record_id, p])) : /* @__PURE__ */ new Map());
     setColumns(board.ok ? board.data ?? [] : []);
   }, [client, tableId, measure, filterKey]);
-  (0, import_react167.useEffect)(() => {
+  (0, import_react169.useEffect)(() => {
     void reload();
   }, [reload]);
-  const versions = useRecordVersions(client, rows, (r) => (0, import_react168.mayDrag)(r.level));
-  const versionsRef = (0, import_react167.useRef)(versions);
+  const versions = useRecordVersions(client, rows, (r) => (0, import_react170.mayDrag)(r.level));
+  const versionsRef = (0, import_react169.useRef)(versions);
   versionsRef.current = versions;
   const drawnVersion = (id) => versionsRef.current.seen(id);
   const stageKey = definition?.stage_field ?? null;
-  const cardsByStage = (0, import_react167.useMemo)(() => {
+  const adds = useRecordMoves({ tableId, rows, ...onMoved ? { onMoved } : {} });
+  const addInStage = async (key, label) => {
+    if (!stageKey) return;
+    const made = await adds.create({ tableId, data: { [stageKey]: key }, label: `New record in ${label}` });
+    if (!made) return;
+    onChanged?.();
+    onOpenRecord?.(made);
+  };
+  const cardsByStage = (0, import_react169.useMemo)(() => {
     const map = /* @__PURE__ */ new Map();
     if (!stageKey) return map;
     for (const row of rows) {
@@ -29741,16 +29913,16 @@ function PipelineBoard({
   }, [rows, stageKey, definition?.stages]);
   const unplaced = cardsByStage.get(UNPLACED) ?? [];
   const all = fields.data ?? [];
-  const titleField = (0, import_react167.useMemo)(
+  const titleField = (0, import_react169.useMemo)(
     () => cardTitleField(all, titleKey ?? null, [stageKey]),
     [all, stageKey, titleKey]
   );
   const unplacedLabels = useRecordLabels(titleField ? [titleField] : []);
-  const measurable = (0, import_react167.useMemo)(
+  const measurable = (0, import_react169.useMemo)(
     () => all.filter((f) => ["number", "currency", "percentage"].includes(String(f.type ?? ""))),
     [all]
   );
-  const drop = (0, import_react167.useCallback)(
+  const drop = (0, import_react169.useCallback)(
     async (recordId, to) => {
       setOver(null);
       setDragging(null);
@@ -29790,7 +29962,7 @@ function PipelineBoard({
     },
     [client, onMoved, reload]
   );
-  const askForApproval = (0, import_react167.useCallback)(
+  const askForApproval = (0, import_react169.useCallback)(
     async (recordId, to) => {
       const moved = await movePipelineCardAt(client, { record_id: recordId, to, version: await drawnVersion(recordId) });
       if (!alive.current) return;
@@ -29805,7 +29977,7 @@ function PipelineBoard({
     },
     [client, onMoved, reload]
   );
-  const moveWith = (0, import_react167.useCallback)(
+  const moveWith = (0, import_react169.useCallback)(
     async (recordId, to, also) => {
       const moved = await movePipelineCardAt(client, { record_id: recordId, to, also, version: await drawnVersion(recordId) });
       if (!alive.current) return;
@@ -29831,7 +30003,7 @@ function PipelineBoard({
       index,
       anchor: anchor.current,
       shiftKey: how.shift,
-      isSelectable: (r) => (0, import_react168.mayDrag)(r.level)
+      isSelectable: (r) => (0, import_react170.mayDrag)(r.level)
     });
     anchor.current = at;
     setSelected(next);
@@ -29869,18 +30041,18 @@ function PipelineBoard({
     onMoved?.();
     void reload();
   };
-  if (fields.error) return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(RefusalNotice, { error: fields.error });
-  if (error) return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(RefusalNotice, { error });
-  if (loading || fields.loading && !fields.data) return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_design_system86.Skeleton, { className: "h-40 w-full" });
+  if (fields.error) return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(RefusalNotice, { error: fields.error });
+  if (error) return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(RefusalNotice, { error });
+  if (loading || fields.loading && !fields.data) return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_design_system87.Skeleton, { className: "h-40 w-full" });
   if (!definition?.is_pipeline) {
-    return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("p", { className: "rounded border border-dashed p-4 text-xs text-muted-foreground", children: definition?.why ?? "This table has no stage column yet, so there is no board to draw." });
+    return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("p", { className: "rounded border border-dashed p-4 text-xs text-muted-foreground", children: definition?.why ?? "This table has no stage column yet, so there is no board to draw." });
   }
   const stages = definition.stages ?? [];
   const numbers = new Map(columns.map((c) => [c.stage_key, c]));
-  return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(
     "div",
     {
-      className: (0, import_design_system86.cn)("flex min-h-0 flex-col gap-2", className),
+      className: (0, import_design_system87.cn)("flex min-h-0 flex-col gap-2", className),
       onKeyDown: (e) => {
         if (e.key === "Escape" && selected.size > 0) {
           e.preventDefault();
@@ -29888,7 +30060,7 @@ function PipelineBoard({
         }
       },
       children: [
-        selectedInOrder.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(
+        selectedInOrder.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(
           "div",
           {
             "data-records-bulk-bar": true,
@@ -29896,40 +30068,40 @@ function PipelineBoard({
             "aria-label": "Selected cards",
             className: "flex shrink-0 flex-wrap items-center gap-2 rounded-md border border-primary/30 bg-primary/5 px-2 py-1.5 text-xs",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("span", { className: "font-medium", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("span", { className: "font-medium", children: [
                 selectedInOrder.length,
                 " ",
                 selectedInOrder.length === 1 ? "card" : "cards",
                 " selected"
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_design_system86.Button, { size: "sm", variant: "ghost", className: "h-7 px-2 text-xs", onClick: clearSelection, children: "Clear" }),
-              /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(import_design_system86.DropdownMenu, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_design_system86.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_design_system86.Button, { size: "sm", className: "h-7 px-2 text-xs", disabled: moving, children: moving ? `Moving ${selectedInOrder.length}\u2026` : `Move ${selectedInOrder.length} to\u2026` }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_design_system86.DropdownMenuContent, { align: "start", children: stages.map((stage) => /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(import_design_system86.DropdownMenuItem, { onSelect: () => void moveSelected(stage.key, stage.label), children: [
+              /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_design_system87.Button, { size: "sm", variant: "ghost", className: "h-7 px-2 text-xs", onClick: clearSelection, children: "Clear" }),
+              /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(import_design_system87.DropdownMenu, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_design_system87.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_design_system87.Button, { size: "sm", className: "h-7 px-2 text-xs", disabled: moving, children: moving ? `Moving ${selectedInOrder.length}\u2026` : `Move ${selectedInOrder.length} to\u2026` }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_design_system87.DropdownMenuContent, { align: "start", children: stages.map((stage) => /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(import_design_system87.DropdownMenuItem, { onSelect: () => void moveSelected(stage.key, stage.label), children: [
                   "Move ",
                   selectedInOrder.length,
                   " to ",
                   stage.label
                 ] }, stage.key)) })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { className: "ml-auto hidden text-[10px] text-muted-foreground sm:inline", children: "shift-click takes a run \xB7 x takes one \xB7 Esc clears" })
+              /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "ml-auto hidden text-[10px] text-muted-foreground sm:inline", children: "shift-click takes a run \xB7 x takes one \xB7 Esc clears" })
             ]
           }
         ) : null,
-        batchError ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+        batchError ? /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
           RefusalNotice,
           {
             error: batchError,
-            actions: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_design_system86.Button, { size: "sm", variant: "ghost", className: "mt-1 h-6", onClick: () => setBatchError(null), children: "Close" })
+            actions: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_design_system87.Button, { size: "sm", variant: "ghost", className: "mt-1 h-6", onClick: () => setBatchError(null), children: "Close" })
           }
         ) : null,
-        batchSaid ? /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("p", { className: "flex items-center gap-2 text-xs", role: "status", "data-testid": "pipeline-batch-said", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { children: batchSaid }),
-          /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_design_system86.Button, { size: "sm", variant: "ghost", className: "h-6 px-2", onClick: () => setBatchSaid(null), children: "Close" })
+        batchSaid ? /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("p", { className: "flex items-center gap-2 text-xs", role: "status", "data-testid": "pipeline-batch-said", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { children: batchSaid }),
+          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_design_system87.Button, { size: "sm", variant: "ghost", className: "h-6 px-2", onClick: () => setBatchSaid(null), children: "Close" })
         ] }) : null,
-        measurable.length > 0 && onMeasureChange ? /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "flex items-center gap-1.5 text-xs", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("label", { className: "text-muted-foreground", htmlFor: "pipeline-measure", children: "Total" }),
-          /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+        measurable.length > 0 && onMeasureChange ? /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "flex items-center gap-1.5 text-xs", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("label", { className: "text-muted-foreground", htmlFor: "pipeline-measure", children: "Total" }),
+          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
             PickOne,
             {
               id: "pipeline-measure",
@@ -29940,10 +30112,10 @@ function PipelineBoard({
             }
           )
         ] }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: "flex min-h-0 gap-2 overflow-x-auto pb-2", "data-records-board": true, children: stages.map((stage) => {
+        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "flex min-h-0 gap-2 overflow-x-auto pb-2", "data-records-board": true, children: stages.map((stage) => {
           const n = numbers.get(stage.key);
           const cards = cardsByStage.get(stage.key) ?? [];
-          return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(
+          return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(
             "section",
             {
               onDragOver: (e) => {
@@ -29956,29 +30128,29 @@ function PipelineBoard({
                 const id = e.dataTransfer.getData("text/plain");
                 if (id) void drop(id, stage.key);
               },
-              className: (0, import_design_system86.cn)(
+              className: (0, import_design_system87.cn)(
                 "flex w-64 shrink-0 flex-col rounded border bg-muted/30",
                 over === stage.key ? "ring-2 ring-primary" : "",
                 n?.over_limit ? "border-destructive" : ""
               ),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("header", { className: "flex items-baseline gap-2 border-b px-2 py-1 text-xs font-medium", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { className: "truncate", children: stage.label }),
-                  /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("span", { className: "ml-auto shrink-0 tabular-nums text-muted-foreground", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("header", { className: "flex items-baseline gap-2 border-b px-2 py-1 text-xs font-medium", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "truncate", children: stage.label }),
+                  /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("span", { className: "ml-auto shrink-0 tabular-nums text-muted-foreground", children: [
                     n ? n.cards : cards.length,
                     n?.wip_limit != null ? ` / ${n.wip_limit}` : "",
                     n?.total != null ? ` \xB7 ${formatTotal(n.total)}` : ""
                   ] })
                 ] }),
-                n?.over_limit ? /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("p", { className: "border-b px-2 py-1 text-xs text-destructive", children: [
+                n?.over_limit ? /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("p", { className: "border-b px-2 py-1 text-xs text-destructive", children: [
                   "This column takes ",
                   n.wip_limit,
                   " at a time and holds ",
                   n.cards,
                   "."
                 ] }) : null,
-                /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("ul", { className: "flex flex-col gap-1 p-1", children: cards.map((card) => /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("li", { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("ul", { className: "flex flex-col gap-1 p-1", children: cards.map((card) => /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("li", { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
                     RecordActionMenu,
                     {
                       tableId,
@@ -29989,7 +30161,7 @@ function PipelineBoard({
                         onChanged?.();
                         void reload();
                       },
-                      children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+                      children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
                         PipelineCard,
                         {
                           record: card,
@@ -30012,7 +30184,7 @@ function PipelineBoard({
                       )
                     }
                   ),
-                  pending.kind !== "none" && pending.recordId === card.id ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+                  pending.kind !== "none" && pending.recordId === card.id ? /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
                     Held,
                     {
                       pending,
@@ -30024,7 +30196,7 @@ function PipelineBoard({
                   ) : batch.get(card.id) ? (
                     // WHAT THIS CARD'S PART OF THE BATCH CAME TO, on the card — the store's
                     // own sentence, and for a stage that asked for columns, the columns.
-                    /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
                       Held,
                       {
                         pending: batch.get(card.id),
@@ -30050,13 +30222,23 @@ function PipelineBoard({
                       }
                     )
                   ) : null
-                ] }, card.id)) })
+                ] }, card.id)) }),
+                canAdd && stageKey ? /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+                  "button",
+                  {
+                    type: "button",
+                    "data-board-add": stage.label,
+                    className: "mx-1 mb-1 self-start rounded px-1 py-0.5 text-xs text-muted-foreground hover:bg-muted hover:text-foreground",
+                    onClick: () => void addInStage(stage.key, stage.label),
+                    children: "+ New"
+                  }
+                ) : null
               ]
             },
             stage.key
           );
         }) }),
-        unplaced.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("p", { className: "text-xs text-muted-foreground", "data-testid": "pipeline-unplaced", children: [
+        unplaced.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("p", { className: "text-xs text-muted-foreground", "data-testid": "pipeline-unplaced", children: [
           unplaced.length === 1 ? "One record is" : `${unplaced.length} records are`,
           " not in any of these columns \u2014 ",
           unplaced.slice(0, 3).map((r) => unplacedName(r, titleField, unplacedLabels)).join(", "),
@@ -30077,17 +30259,17 @@ function Held({
   onFill,
   onAsk
 }) {
-  const [draft, setDraft] = (0, import_react167.useState)({});
+  const [draft, setDraft] = (0, import_react169.useState)({});
   if (pending.kind === "asking") {
-    return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("p", { className: "px-2 py-1 text-xs text-muted-foreground", children: "Asking\u2026" });
+    return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("p", { className: "px-2 py-1 text-xs text-muted-foreground", children: "Asking\u2026" });
   }
   if (pending.kind === "clash") {
-    return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
       RefusalNotice,
       {
         className: "mt-1",
         error: pending.error,
-        actions: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: "mt-1", children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_design_system86.Button, { size: "sm", variant: "ghost", className: "h-6", onClick: onCancel, children: "Close" }) })
+        actions: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "mt-1", children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_design_system87.Button, { size: "sm", variant: "ghost", className: "h-6", onClick: onCancel, children: "Close" }) })
       }
     );
   }
@@ -30095,7 +30277,7 @@ function Held({
     return (
       // THE STAGE GATE SAID NO: the one refusal surface, heading and remedy both,
       // never its sentence alone in a red box (lane REFUSAL-SWEEP).
-      /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
         RefusalNotice,
         {
           className: "mt-1",
@@ -30104,50 +30286,50 @@ function Held({
             pending.verdict.why,
             "The card stays where it was. Fill in what this stage asks for, then move it again."
           ),
-          actions: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_design_system86.Button, { size: "sm", variant: "ghost", className: "mt-1 h-6", onClick: onCancel, children: "Close" })
+          actions: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_design_system87.Button, { size: "sm", variant: "ghost", className: "mt-1 h-6", onClick: onCancel, children: "Close" })
         }
       )
     );
   }
   if (pending.kind === "approval") {
-    return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "mt-1 flex flex-col gap-1 rounded border p-2 text-xs", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("p", { children: pending.verdict.why }),
-      pending.verdict.what_happens ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("p", { className: "text-muted-foreground", children: pending.verdict.what_happens }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "flex items-center gap-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_design_system86.Button, { size: "sm", className: "h-6", onClick: onAsk, children: "Ask for approval" }),
-        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_design_system86.Button, { size: "sm", variant: "ghost", className: "h-6", onClick: onCancel, children: "Leave it where it was" })
+    return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "mt-1 flex flex-col gap-1 rounded border p-2 text-xs", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("p", { children: pending.verdict.why }),
+      pending.verdict.what_happens ? /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("p", { className: "text-muted-foreground", children: pending.verdict.what_happens }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_design_system87.Button, { size: "sm", className: "h-6", onClick: onAsk, children: "Ask for approval" }),
+        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_design_system87.Button, { size: "sm", variant: "ghost", className: "h-6", onClick: onCancel, children: "Leave it where it was" })
       ] })
     ] });
   }
   if (pending.kind === "filed") {
-    return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "mt-1 rounded border p-2 text-xs", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("p", { children: pending.result.what_happens ?? "This is waiting for somebody who can approve it. It has not moved." }),
-      (pending.result.approvers ?? []).length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("p", { className: "text-muted-foreground", children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "mt-1 rounded border p-2 text-xs", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("p", { children: pending.result.what_happens ?? "This is waiting for somebody who can approve it. It has not moved." }),
+      (pending.result.approvers ?? []).length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("p", { className: "text-muted-foreground", children: [
         "With",
         " ",
         (pending.result.approvers ?? []).map((a) => a.name ?? "somebody who can approve it").join(", "),
         "."
       ] }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_design_system86.Button, { size: "sm", variant: "ghost", className: "mt-1 h-6", onClick: onCancel, children: "Close" })
+      /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_design_system87.Button, { size: "sm", variant: "ghost", className: "mt-1 h-6", onClick: onCancel, children: "Close" })
     ] });
   }
   if (pending.kind === "warned") {
-    return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "mt-1 flex flex-col gap-1 rounded border border-amber-500/50 bg-amber-500/5 p-2 text-xs", children: [
-      pending.warnings.map((w) => /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("p", { children: w.why }),
-        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("p", { className: "text-muted-foreground", children: w.what_to_do })
+    return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "mt-1 flex flex-col gap-1 rounded border border-amber-500/50 bg-amber-500/5 p-2 text-xs", children: [
+      pending.warnings.map((w) => /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("p", { children: w.why }),
+        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("p", { className: "text-muted-foreground", children: w.what_to_do })
       ] }, w.rule_id)),
-      /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_design_system86.Button, { size: "sm", variant: "ghost", className: "h-6 self-start", onClick: onCancel, children: "Close" })
+      /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_design_system87.Button, { size: "sm", variant: "ghost", className: "h-6 self-start", onClick: onCancel, children: "Close" })
     ] });
   }
   if (pending.kind !== "needs") return null;
   const missing = pending.verdict.missing ?? [];
   const ready = missing.every((m) => (draft[m.key] ?? "").trim() !== "");
-  return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "mt-1 flex flex-col gap-1 rounded border p-2 text-xs", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("p", { children: pending.verdict.why }),
-    missing.map((m) => /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("label", { className: "flex flex-col gap-0.5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { className: "text-muted-foreground", children: m.label }),
-      /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "mt-1 flex flex-col gap-1 rounded border p-2 text-xs", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("p", { children: pending.verdict.why }),
+    missing.map((m) => /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("label", { className: "flex flex-col gap-0.5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "text-muted-foreground", children: m.label }),
+      /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
         "input",
         {
           className: "h-7 rounded border bg-background px-1",
@@ -30156,21 +30338,21 @@ function Held({
         }
       )
     ] }, m.key)),
-    /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "flex items-center gap-1", children: [
-      ready ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
-        import_design_system86.Button,
+    /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "flex items-center gap-1", children: [
+      ready ? /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+        import_design_system87.Button,
         {
           size: "sm",
           className: "h-6",
           onClick: () => onFill(Object.fromEntries(missing.map((m) => [m.key, draft[m.key]]))),
           children: "Fill in and move"
         }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("span", { className: "text-muted-foreground", children: [
+      ) : /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("span", { className: "text-muted-foreground", children: [
         "Fill ",
         missing.length === 1 ? "it" : "them",
         " in and the move goes through."
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_design_system86.Button, { size: "sm", variant: "ghost", className: "h-6", onClick: onCancel, children: "Leave it where it was" })
+      /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_design_system87.Button, { size: "sm", variant: "ghost", className: "h-6", onClick: onCancel, children: "Leave it where it was" })
     ] }),
     fields.length === 0 ? null : null
   ] });
@@ -30192,9 +30374,9 @@ function PipelineCard({
 }) {
   const labels = useRecordLabels(field2 ? [field2] : []);
   const color = style ? (0, import_data_table14.resolveRowColor)(style, { id: record.id, data: record.document ?? {} }, colorFromTheValue) : null;
-  const draggable = (0, import_react168.mayDrag)(record.level);
+  const draggable = (0, import_react170.mayDrag)(record.level);
   const { text: label, withheld } = cardWords(record, field2, labels);
-  return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(
     "button",
     {
       type: "button",
@@ -30204,7 +30386,7 @@ function PipelineCard({
       "data-card-index": index,
       "data-selected": selected ? "true" : void 0,
       "aria-pressed": draggable ? selected : void 0,
-      className: (0, import_design_system86.cn)(
+      className: (0, import_design_system87.cn)(
         "w-full truncate rounded border bg-background py-1 pl-2 pr-7 text-left text-xs hover:bg-muted",
         draggable ? "cursor-grab active:cursor-grabbing" : "",
         dragging ? "opacity-50" : "",
@@ -30235,9 +30417,9 @@ function PipelineCard({
       title: `${withheld ?? label}${draggable ? "" : " \u2014 you can look at this, but not move it."}`,
       ...withheld && field2 ? { "data-records-withheld": field2.key } : {},
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { className: "block truncate", children: label }),
-        dates && dates.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(CardDates, { record, fields: dates }) : null,
-        waiting ? /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "block truncate", children: label }),
+        dates && dates.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(CardDates, { record, fields: dates }) : null,
+        waiting ? /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(
           "span",
           {
             className: "mt-0.5 block truncate text-[10px] font-medium text-amber-600 dark:text-amber-400",
@@ -30314,159 +30496,61 @@ function batchSentence(moved, waiting, notMoved, label) {
   return said;
 }
 
-// src/CalendarView.tsx
-var import_react172 = require("react");
-var import_react173 = require("@ai-matrx/records/react");
-var import_design_system88 = require("@ai-matrx/design-system");
-var import_data_table16 = require("@ai-matrx/design-system/data-table");
-
-// src/recordMoves.tsx
-var import_react169 = require("react");
-var import_react170 = require("@ai-matrx/records/react");
-var import_design_system87 = require("@ai-matrx/design-system");
-var import_jsx_runtime99 = require("react/jsx-runtime");
-async function moveRecordValue(client, recordId, patch, expectedVersion) {
-  const written = await updateRecordAt(client, { record_id: recordId, patch, version: expectedVersion });
-  return written.ok ? { ok: true, version: typeof written.data === "number" ? written.data : null } : { ok: false, error: written.error };
+// src/cardFields.tsx
+var import_jsx_runtime100 = require("react/jsx-runtime");
+function isEmptyOnCard(value) {
+  return value === null || value === void 0 || value === "" || Array.isArray(value) && value.length === 0;
 }
-function useRecordMoves({
-  tableId,
-  rows,
-  onMoved
+function cardFieldsShown(fields, hiddenFields, exclude) {
+  const hidden = new Set(hiddenFields ?? []);
+  const out = new Set(exclude.filter((k) => Boolean(k)));
+  return fields.filter((field2) => !hidden.has(field2.key) && !out.has(field2.key));
+}
+function CardFieldsPicker({
+  fields,
+  hiddenFields,
+  summary,
+  onChange,
+  remembered,
+  layout
 }) {
-  const client = (0, import_react170.useRecordsClient)();
-  const [refused, setRefused] = (0, import_react169.useState)(null);
-  const versions = useRecordVersions(client, rows);
-  const [stale, setStale] = (0, import_react169.useState)(null);
-  const reload = (0, import_react169.useCallback)(() => onMoved?.(), [onMoved]);
-  const forget = (0, import_react169.useCallback)(() => void 0, []);
-  const undo = useGridUndo({
-    tableId,
-    reload,
-    forget,
-    onVersions: (written) => {
-      for (const v of written) versions.wrote(v.id, v.version);
-    }
-  });
-  const move = (0, import_react169.useCallback)(
-    async ({ recordId, patch, before, label }) => {
-      setRefused(null);
-      setStale(null);
-      const written = await moveRecordValue(client, recordId, patch, await versions.seen(recordId));
-      if (!written.ok) {
-        const changedElsewhere = isChangedElsewhere(written.error);
-        const unread = isVersionUnread(written.error);
-        setRefused({ recordId, error: written.error, changedElsewhere, unread });
-        if (changedElsewhere || unread) {
-          undo.dismiss();
-          setStale({ id: recordId, unread });
-        } else {
-          undo.say(`Not moved. ${refusalSentence(written.error)}`, true);
-        }
-        if (changedElsewhere) {
-          versions.refresh([recordId]);
-          onMoved?.();
+  const hidden = new Set(hiddenFields ?? []);
+  return /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("details", { className: "text-xs text-muted-foreground", "data-records-card-fields": layout, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("summary", { className: "cursor-pointer select-none", children: summary }),
+    /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "mt-1 flex flex-wrap gap-2", children: fields.map((field2) => /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("label", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+        "input",
+        {
+          type: "checkbox",
+          checked: !hidden.has(field2.key),
+          "data-records-card-field": field2.key,
+          onChange: (event) => {
+            const next = new Set(hidden);
+            if (event.target.checked) next.delete(field2.key);
+            else next.add(field2.key);
+            onChange([...next]);
+          }
         }
-        return false;
-      }
-      if (written.version !== null) versions.wrote(recordId, written.version);
-      undo.push({
-        label,
-        cells: Object.keys(patch).map((key) => ({
-          rowId: recordId,
-          key,
-          before: before[key] ?? null,
-          after: patch[key],
-          ...written.version !== null ? { version: written.version } : {}
-        }))
-      });
-      onMoved?.();
-      return true;
-    },
-    [client, undo, onMoved, versions]
-  );
-  const create = (0, import_react169.useCallback)(
-    async ({ tableId: table, data, label }) => {
-      setRefused(null);
-      const written = await client.recordWrite({ table_id: table, data });
-      if (!written.ok) {
-        undo.say(`Nothing was added. ${refusalSentence(written.error)}`, true);
-        return null;
-      }
-      undo.push({ label, cells: [], created: [written.data] });
-      onMoved?.();
-      return written.data;
-    },
-    [client, undo, onMoved]
-  );
-  const offering = Boolean(undo.notice);
-  const undoRef = (0, import_react169.useRef)(undo);
-  undoRef.current = undo;
-  (0, import_react169.useEffect)(() => {
-    if (!offering || typeof document === "undefined") return;
-    const onKey = (event) => {
-      const which = undoKey(event);
-      if (!which) return;
-      event.preventDefault();
-      void (which === "undo" ? undoRef.current.undo() : undoRef.current.redo());
-    };
-    document.addEventListener("keydown", onKey);
-    return () => document.removeEventListener("keydown", onKey);
-  }, [offering]);
-  const onKeyDown = (0, import_react169.useCallback)(
-    (event) => {
-      if (offering) return;
-      const which = undoKey(event);
-      if (!which) return;
-      event.preventDefault();
-      void (which === "undo" ? undo.undo() : undo.redo());
-    },
-    [undo, offering]
-  );
-  const reloadStale = (0, import_react169.useCallback)(async () => {
-    const id = stale?.id ?? null;
-    setStale(null);
-    setRefused(null);
-    if (!id) return;
-    versions.refresh([id]);
-    onMoved?.();
-  }, [versions, stale, onMoved]);
-  const notice = /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(import_jsx_runtime99.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(UndoNotice, { undo }),
-    stale ? /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(
-      "p",
-      {
-        role: "status",
-        "data-records-undo-notice": "refused",
-        "data-move-stale": stale.id,
-        "data-move-unread": stale.unread ? "" : void 0,
-        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",
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { children: stale.unread ? VERSION_UNREAD_LABEL : STALE_MOVE_LABEL }),
-          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_design_system87.Button, { size: "sm", variant: "outline", className: "ml-auto h-6", "data-move-reload": "", onClick: () => void reloadStale(), children: "Reload" }),
-          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_design_system87.Button, { size: "sm", variant: "ghost", className: "h-6", onClick: () => setStale(null), children: "Dismiss" })
-        ]
-      }
-    ) : null
+      ),
+      fieldName(field2)
+    ] }, field2.key)) }),
+    remembered ? null : /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("p", { className: "mt-1", children: "Kept for this visit only \u2014 this screen has nowhere to save it onto the view." })
   ] });
-  return (0, import_react169.useMemo)(
-    () => ({ move, create, refused, say: (says, sticky) => undo.say(says, sticky), undo, onKeyDown, notice }),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [move, create, refused, undo, onKeyDown, stale, reloadStale]
-  );
 }
-function MoveRefusedBadge({ refused }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
-    "span",
-    {
-      "data-move-refused": refused.changedElsewhere ? "changed-elsewhere" : refused.unread ? "unread" : "refused",
-      title: refused.changedElsewhere ? STALE_MOVE_LABEL : refused.unread ? VERSION_UNREAD_LABEL : refusalSentence(refused.error),
-      className: "mt-0.5 inline-block rounded bg-destructive/10 px-1 text-[10px] font-medium text-destructive",
-      children: refused.changedElsewhere ? STALE_MOVE_LABEL : refused.unread ? VERSION_UNREAD_LABEL : "Not moved"
-    }
-  );
+function CardFieldsInline({ row, fields }) {
+  if (!fields || fields.length === 0) return null;
+  const doc = row.document ?? {};
+  const parts = fields.filter((f) => !isEmptyOnCard(doc[f.key])).map((f) => scalarText(f, doc[f.key]));
+  if (parts.length === 0) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { className: "min-w-0 shrink truncate opacity-75", "data-card-fields-inline": "", children: parts.map((p) => ` \xB7 ${p}`).join("") });
 }
 
+// src/CalendarView.tsx
+var import_react172 = require("react");
+var import_react173 = require("@ai-matrx/records/react");
+var import_design_system88 = require("@ai-matrx/design-system");
+var import_data_table16 = require("@ai-matrx/design-system/data-table");
+
 // src/rowColorBy.tsx
 var import_react171 = require("react");
 var import_data_table15 = require("@ai-matrx/design-system/data-table");
@@ -30646,7 +30730,7 @@ function lookupTargets(all) {
 }
 
 // src/CalendarView.tsx
-var import_jsx_runtime100 = require("react/jsx-runtime");
+var import_jsx_runtime101 = require("react/jsx-runtime");
 var DRAG_TYPE = "application/x-records-card";
 var NONE = "__none__";
 var HOUR_PX = 44;
@@ -30757,12 +30841,13 @@ function byTime(a, b) {
   return Number(!allDayOn(a)) - Number(!allDayOn(b)) || (a.at && b.at && !allDayOn(a) && !allDayOn(b) ? a.at.getTime() - b.at.getTime() : 0) || a.firstDay.localeCompare(b.firstDay);
 }
 function LockIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("svg", { "aria-hidden": "true", viewBox: "0 0 16 16", className: "h-3 w-3 shrink-0 opacity-70", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("rect", { x: "3.5", y: "7", width: "9", height: "6.5", rx: "1" }),
-    /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("path", { d: "M5.5 7V5a2.5 2.5 0 0 1 5 0v2" })
+  return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("svg", { "aria-hidden": "true", viewBox: "0 0 16 16", className: "h-3 w-3 shrink-0 opacity-70", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("rect", { x: "3.5", y: "7", width: "9", height: "6.5", rx: "1" }),
+    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("path", { d: "M5.5 7V5a2.5 2.5 0 0 1 5 0v2" })
   ] });
 }
 function CalendarView({
+  cardFields,
   tableId,
   rows,
   dateField,
@@ -31066,7 +31151,7 @@ function CalendarView({
     const lockWords = (0, import_react173.mayDrag)(row.level) ? WORKED_OUT_DATE_LOCK : "View only";
     const color = colorOf(row);
     const title = titleOf(row);
-    return /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(
       "button",
       {
         type: "button",
@@ -31082,19 +31167,20 @@ function CalendarView({
         ...color ? { "data-calendar-color": color } : {},
         ...may ? { "aria-keyshortcuts": "Alt+ArrowLeft Alt+ArrowRight Alt+ArrowUp Alt+ArrowDown" } : { "data-calendar-locked": "" },
         children: [
-          may ? null : /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { title: lockWords, "aria-label": lockWords, className: "inline-flex", ...(0, import_react173.mayDrag)(row.level) ? { "data-calendar-worked-out": "" } : {}, children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(LockIcon, {}) }),
+          may ? null : /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("span", { title: lockWords, "aria-label": lockWords, className: "inline-flex", ...(0, import_react173.mayDrag)(row.level) ? { "data-calendar-worked-out": "" } : {}, children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(LockIcon, {}) }),
           extra,
-          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { className: "min-w-0 truncate", children: title })
+          /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("span", { className: "min-w-0 truncate", children: title }),
+          /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(CardFieldsInline, { row, fields: cardFields })
         ]
       }
     );
   };
-  const refusalOn = (row) => moves.refused?.recordId === row.id ? /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(MoveRefusedBadge, { refused: moves.refused }) : null;
+  const refusalOn = (row) => moves.refused?.recordId === row.id ? /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(MoveRefusedBadge, { refused: moves.refused }) : null;
   const timeOn = (row) => {
     const words2 = timeOfDayWords(startOf(row));
-    return words2 ? /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { className: "shrink-0 tabular-nums text-[10px] opacity-75", "data-calendar-time": "", children: words2 }) : null;
+    return words2 ? /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("span", { className: "shrink-0 tabular-nums text-[10px] opacity-75", "data-calendar-time": "", children: words2 }) : null;
   };
-  const listCard = (p, key) => /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("li", { ...dragSource(p.row), children: [
+  const listCard = (p, key) => /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("li", { ...dragSource(p.row), children: [
     cardFace(p.row, timeOn(p.row)),
     refusalOn(p.row)
   ] }, key);
@@ -31106,18 +31192,18 @@ function CalendarView({
     else if (mode === "day") setAnchor(addDays2(anchor, dir));
     else setAnchor(dayKey(new Date(anchorDate.getFullYear(), anchorDate.getMonth() + dir, 1)));
   };
-  const picker = (label, value, candidates, onPick, kept, unusual) => /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "flex items-center gap-1.5 whitespace-nowrap text-xs", "data-calendar-setting": label, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { className: "text-muted-foreground", children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(import_design_system88.Select, { value: value ?? NONE, onValueChange: (v) => onPick(v === NONE ? null : v), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_design_system88.SelectTrigger, { size: "sm", className: "h-7 min-w-24 text-xs", "aria-label": `${label} column`, ...kept ? {} : { title: "Kept for this visit only" }, children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_design_system88.SelectValue, { placeholder: "Choose" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(import_design_system88.SelectContent, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_design_system88.SelectItem, { value: NONE, children: "None" }),
-        candidates.map((f) => /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_design_system88.SelectItem, { value: f.key, children: fieldName(f) }, f.key)),
-        unusual ? /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_design_system88.SelectItem, { value: unusual.key, "data-calendar-unusual": "", children: `${fieldName(unusual)} \u2014 ${UNUSUAL_FIELD_NOTE}` }, unusual.key) : null
+  const picker = (label, value, candidates, onPick, kept, unusual) => /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "flex items-center gap-1.5 whitespace-nowrap text-xs", "data-calendar-setting": label, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("span", { className: "text-muted-foreground", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(import_design_system88.Select, { value: value ?? NONE, onValueChange: (v) => onPick(v === NONE ? null : v), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_design_system88.SelectTrigger, { size: "sm", className: "h-7 min-w-24 text-xs", "aria-label": `${label} column`, ...kept ? {} : { title: "Kept for this visit only" }, children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_design_system88.SelectValue, { placeholder: "Choose" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(import_design_system88.SelectContent, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_design_system88.SelectItem, { value: NONE, children: "None" }),
+        candidates.map((f) => /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_design_system88.SelectItem, { value: f.key, children: fieldName(f) }, f.key)),
+        unusual ? /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_design_system88.SelectItem, { value: unusual.key, "data-calendar-unusual": "", children: `${fieldName(unusual)} \u2014 ${UNUSUAL_FIELD_NOTE}` }, unusual.key) : null
       ] })
     ] })
   ] });
-  const pickers = all.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(import_jsx_runtime100.Fragment, { children: [
+  const pickers = all.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(import_jsx_runtime101.Fragment, { children: [
     otherDates.length > 0 || endUnusual ? picker("End", endField?.key ?? null, otherDates, (key) => {
       setEndPick(key);
       onEndFieldChange?.(key);
@@ -31127,35 +31213,35 @@ function CalendarView({
       onColorFieldChange?.(key);
     }, true) : null
   ] }) : null;
-  const toolbar = /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "flex flex-wrap items-center gap-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_design_system88.Button, { size: "sm", variant: "outline", onClick: () => setAnchor(today), children: "Today" }),
-    mode !== "list" ? /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(import_jsx_runtime100.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_design_system88.Button, { size: "sm", variant: "ghost", "aria-label": "Previous", onClick: () => step2(-1), children: "\u2039" }),
-      /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_design_system88.Button, { size: "sm", variant: "ghost", "aria-label": "Next", onClick: () => step2(1), children: "\u203A" }),
-      /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("h3", { className: "text-sm font-medium", "data-calendar-heading": "", children: heading })
+  const toolbar = /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "flex flex-wrap items-center gap-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_design_system88.Button, { size: "sm", variant: "outline", onClick: () => setAnchor(today), children: "Today" }),
+    mode !== "list" ? /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(import_jsx_runtime101.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_design_system88.Button, { size: "sm", variant: "ghost", "aria-label": "Previous", onClick: () => step2(-1), children: "\u2039" }),
+      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_design_system88.Button, { size: "sm", variant: "ghost", "aria-label": "Next", onClick: () => step2(1), children: "\u203A" }),
+      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("h3", { className: "text-sm font-medium", "data-calendar-heading": "", children: heading })
     ] }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "ml-auto flex flex-wrap items-center gap-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "ml-auto flex flex-wrap items-center gap-2", children: [
       pickers,
-      /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "flex items-center gap-0.5", role: "group", "aria-label": "Calendar layout", children: ["month", "week", "day", "list"].map((m) => /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_design_system88.Button, { size: "sm", variant: m === mode ? "secondary" : "ghost", "aria-pressed": m === mode, onClick: () => setMode(m), children: m === "month" ? "Month" : m === "week" ? "Week" : m === "day" ? "Day" : "List" }, m)) })
+      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "flex items-center gap-0.5", role: "group", "aria-label": "Calendar layout", children: ["month", "week", "day", "list"].map((m) => /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_design_system88.Button, { size: "sm", variant: m === mode ? "secondary" : "ghost", "aria-pressed": m === mode, onClick: () => setMode(m), children: m === "month" ? "Month" : m === "week" ? "Week" : m === "day" ? "Day" : "List" }, m)) })
     ] })
   ] });
   const tray = undated.length > 0 ? (
     // Nothing fails silently: a record with no date waits here and drags onto a day.
-    /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("aside", { className: "flex min-w-0 flex-col gap-1 sm:w-56 sm:shrink-0", "data-calendar-undated": "", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("h4", { className: "text-xs font-medium", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("aside", { className: "flex min-w-0 flex-col gap-1 sm:w-56 sm:shrink-0", "data-calendar-undated": "", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("h4", { className: "text-xs font-medium", children: [
         "Unscheduled \xB7 ",
         undated.length
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("ul", { className: "flex flex-col gap-1 overflow-y-auto", children: undated.map((row) => listCard({ row }, `tray:${row.id}`)) })
+      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("ul", { className: "flex flex-col gap-1 overflow-y-auto", children: undated.map((row) => listCard({ row }, `tray:${row.id}`)) })
     ] })
   ) : null;
   let body;
   if (mode === "month") {
     const first = startOfWeek(dayKey(new Date(anchorDate.getFullYear(), anchorDate.getMonth(), 1)));
     const weeks = Array.from({ length: 6 }, (_, w) => addDays2(first, w * 7));
-    body = /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "min-w-0 flex-1 overflow-x-auto", children: /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "min-w-[560px] border-l border-t", role: "grid", "aria-label": heading, "data-calendar-month": "", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "grid grid-cols-7", role: "row", children: Array.from({ length: 7 }, (_, i) => addDays2(first, i)).map((d) => /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { role: "columnheader", className: "border-b border-r px-1 py-0.5 text-center text-xs text-muted-foreground", children: dayDate(d).toLocaleDateString(void 0, { weekday: "short" }) }, `h${d}`)) }),
-      weeks.map((ws) => /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+    body = /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "min-w-0 flex-1 overflow-x-auto", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "min-w-[560px] border-l border-t", role: "grid", "aria-label": heading, "data-calendar-month": "", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "grid grid-cols-7", role: "row", children: Array.from({ length: 7 }, (_, i) => addDays2(first, i)).map((d) => /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { role: "columnheader", className: "border-b border-r px-1 py-0.5 text-center text-xs text-muted-foreground", children: dayDate(d).toLocaleDateString(void 0, { weekday: "short" }) }, `h${d}`)) }),
+      weeks.map((ws) => /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
         MonthWeek,
         {
           weekStart: ws,
@@ -31170,11 +31256,11 @@ function CalendarView({
           canCreate: creates,
           onCreate: (d) => void createAt(rescheduledValue(null, d, null, moments), null, calendarDayLabel(d)),
           card: (p, key) => listCard(p, key),
-          bar: (p, key) => /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { ...dragSource(p.row), className: "relative h-full", children: [
+          bar: (p, key) => /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { ...dragSource(p.row), className: "relative h-full", children: [
             cardFace(p.row, null, "h-full"),
-            endField && canMove(p.row) ? /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(import_jsx_runtime100.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { role: "separator", "aria-label": "Drag to change the start", "data-calendar-edge": "start", className: "absolute inset-y-0 left-0 w-1.5 cursor-ew-resize", onPointerDown: beginStretch(p.row, p, "start") }),
-              /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { role: "separator", "aria-label": "Drag to change the end", "data-calendar-edge": "end", className: "absolute inset-y-0 right-0 w-1.5 cursor-ew-resize", onPointerDown: beginStretch(p.row, p, "end") })
+            endField && canMove(p.row) ? /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(import_jsx_runtime101.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("span", { role: "separator", "aria-label": "Drag to change the start", "data-calendar-edge": "start", className: "absolute inset-y-0 left-0 w-1.5 cursor-ew-resize", onPointerDown: beginStretch(p.row, p, "start") }),
+              /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("span", { role: "separator", "aria-label": "Drag to change the end", "data-calendar-edge": "end", className: "absolute inset-y-0 right-0 w-1.5 cursor-ew-resize", onPointerDown: beginStretch(p.row, p, "end") })
             ] }) : null
           ] }, key),
           refusalOn
@@ -31194,14 +31280,14 @@ function CalendarView({
       })
     );
     const columns = `3.5rem repeat(${days.length}, minmax(0, 1fr))`;
-    body = /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "min-w-0 flex-1 overflow-x-auto", children: /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: (0, import_design_system88.cn)("border-l border-t", days.length > 1 ? "min-w-[640px]" : ""), "data-calendar-week": "", "data-calendar-days": days.length, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "grid", style: { gridTemplateColumns: columns }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "border-b border-r" }),
-        days.map((d) => /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: (0, import_design_system88.cn)("border-b border-r px-1 py-0.5 text-center text-xs", d === today ? "font-semibold text-primary" : "text-muted-foreground"), children: dayDate(d).toLocaleDateString(void 0, { weekday: "short", day: "numeric" }) }, `h${d}`)),
-        /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "border-b border-r px-1 py-0.5 text-[10px] text-muted-foreground", children: "All day" }),
-        days.map((d) => /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { "data-calendar-day": d, className: (0, import_design_system88.cn)("min-h-8 border-b border-r p-0.5", ghost?.day === d && ghost.minute === null ? "bg-primary/10" : void 0), ...dayDrop(d), children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("ul", { className: "flex flex-col gap-0.5", children: allDay(d).map((p) => listCard(p, `${p.row.id}:${d}`)) }) }, `a${d}`))
+    body = /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "min-w-0 flex-1 overflow-x-auto", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: (0, import_design_system88.cn)("border-l border-t", days.length > 1 ? "min-w-[640px]" : ""), "data-calendar-week": "", "data-calendar-days": days.length, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "grid", style: { gridTemplateColumns: columns }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "border-b border-r" }),
+        days.map((d) => /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: (0, import_design_system88.cn)("border-b border-r px-1 py-0.5 text-center text-xs", d === today ? "font-semibold text-primary" : "text-muted-foreground"), children: dayDate(d).toLocaleDateString(void 0, { weekday: "short", day: "numeric" }) }, `h${d}`)),
+        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "border-b border-r px-1 py-0.5 text-[10px] text-muted-foreground", children: "All day" }),
+        days.map((d) => /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { "data-calendar-day": d, className: (0, import_design_system88.cn)("min-h-8 border-b border-r p-0.5", ghost?.day === d && ghost.minute === null ? "bg-primary/10" : void 0), ...dayDrop(d), children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("ul", { className: "flex flex-col gap-0.5", children: allDay(d).map((p) => listCard(p, `${p.row.id}:${d}`)) }) }, `a${d}`))
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
         WeekHours,
         {
           days,
@@ -31209,8 +31295,8 @@ function CalendarView({
           today,
           timeDrop,
           onSlotPointerDown: creates ? beginSelect : void 0,
-          overlay: (d) => /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(import_jsx_runtime100.Fragment, { children: [
-            ghost && ghost.day === d && ghost.minute !== null ? /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+          overlay: (d) => /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(import_jsx_runtime101.Fragment, { children: [
+            ghost && ghost.day === d && ghost.minute !== null ? /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
               "div",
               {
                 "aria-hidden": "true",
@@ -31220,7 +31306,7 @@ function CalendarView({
                 children: `${dayDate(d).toLocaleDateString(void 0, { weekday: "short" })} ${timeLabel(ghost.minute)}`
               }
             ) : null,
-            selecting && selecting.day === d ? /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+            selecting && selecting.day === d ? /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
               "div",
               {
                 "aria-hidden": "true",
@@ -31233,7 +31319,7 @@ function CalendarView({
           ] }),
           render: (d) => timed(d).map(({ p, start, end, col, cols }) => {
             const tight = cols > 1 && end - start < 45;
-            return /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(
+            return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(
               "div",
               {
                 ...dragSource(p.row),
@@ -31243,11 +31329,11 @@ function CalendarView({
                 children: [
                   cardFace(
                     p.row,
-                    tight ? null : /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { className: "shrink-0 tabular-nums text-[10px] opacity-75", "data-calendar-time": "", children: timeLabel(start) }),
+                    tight ? null : /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("span", { className: "shrink-0 tabular-nums text-[10px] opacity-75", "data-calendar-time": "", children: timeLabel(start) }),
                     // Taller blocks sharing the width stack the time over the name.
                     (0, import_design_system88.cn)("h-full items-start", !tight && end - start >= 45 && cols > 1 ? "flex-col gap-0" : void 0)
                   ),
-                  endField && !endWorkedOut && canMove(p.row) ? /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+                  endField && !endWorkedOut && canMove(p.row) ? /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
                     "div",
                     {
                       role: "separator",
@@ -31259,7 +31345,7 @@ function CalendarView({
                   ) : null,
                   moves.refused?.recordId === p.row.id ? (
                     // Above the block, never inside it where a neighbour covers it; the full sentence floats.
-                    /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "absolute left-0 top-full z-30", children: refusalOn(p.row) })
+                    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "absolute left-0 top-full z-30", children: refusalOn(p.row) })
                   ) : null
                 ]
               },
@@ -31273,12 +31359,12 @@ function CalendarView({
     const byDay = /* @__PURE__ */ new Map();
     for (const p of placed) for (let d = p.firstDay; d <= p.lastDay; d = addDays2(d, 1)) byDay.set(d, [...byDay.get(d) ?? [], p]);
     const listed = [...byDay.entries()].sort((a, b) => a[0].localeCompare(b[0])).map(([d, cards]) => [d, [...cards].sort(byTime)]);
-    body = /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("ol", { className: "flex min-h-0 min-w-0 flex-1 flex-col divide-y overflow-y-auto rounded border", "data-calendar-list": "", children: listed.map(([d, cards]) => /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("li", { className: "flex gap-3 p-2", "data-calendar-day": d, ...dayDrop(d), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { className: (0, import_design_system88.cn)("w-24 shrink-0 text-xs font-medium tabular-nums", d === today ? "text-primary" : ""), children: calendarDayLabel(d) }),
-      /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("ul", { className: "flex min-w-0 flex-1 flex-col gap-1", children: cards.map((p) => listCard(p, `${p.row.id}:${d}`)) })
+    body = /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("ol", { className: "flex min-h-0 min-w-0 flex-1 flex-col divide-y overflow-y-auto rounded border", "data-calendar-list": "", children: listed.map(([d, cards]) => /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("li", { className: "flex gap-3 p-2", "data-calendar-day": d, ...dayDrop(d), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("span", { className: (0, import_design_system88.cn)("w-24 shrink-0 text-xs font-medium tabular-nums", d === today ? "text-primary" : ""), children: calendarDayLabel(d) }),
+      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("ul", { className: "flex min-w-0 flex-1 flex-col gap-1", children: cards.map((p) => listCard(p, `${p.row.id}:${d}`)) })
     ] }, d)) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(
     "div",
     {
       ref: frame,
@@ -31289,9 +31375,9 @@ function CalendarView({
         if (!frame.current?.contains(e.relatedTarget)) setGhost(null);
       },
       children: [
-        note ? /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("p", { className: "text-xs text-muted-foreground", children: note }) : null,
+        note ? /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("p", { className: "text-xs text-muted-foreground", children: note }) : null,
         toolbar,
-        /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "flex min-h-0 flex-col gap-3 sm:flex-row", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "flex min-h-0 flex-col gap-3 sm:flex-row", children: [
           body,
           tray
         ] }),
@@ -31328,7 +31414,7 @@ function MonthWeek({
   });
   const lanesShown = Math.min(laneEnds.length, MONTH_ROWS - 1);
   const singlesFit = MONTH_ROWS - lanesShown;
-  return /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "relative grid grid-cols-7", role: "row", "data-calendar-week-row": weekStart, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "relative grid grid-cols-7", role: "row", "data-calendar-week-row": weekStart, children: [
     days.map((d) => {
       const inMonth = dayDate(d).getMonth() === month;
       const singles = placed.filter((p) => p.lastDay === p.firstDay && p.firstDay === d).sort(byTime);
@@ -31340,7 +31426,7 @@ function MonthWeek({
         if (e.target.closest("button, [data-calendar-card], [role=dialog]")) return;
         onCreate(d);
       };
-      return /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(
         "div",
         {
           role: "gridcell",
@@ -31355,8 +31441,8 @@ function MonthWeek({
           ...dayDrop(d),
           ...canCreate ? { onClick: create } : {},
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "flex items-center", children: [
-              canCreate ? /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "flex items-center", children: [
+              canCreate ? /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
                 "button",
                 {
                   type: "button",
@@ -31367,7 +31453,7 @@ function MonthWeek({
                   children: "+"
                 }
               ) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
                 "span",
                 {
                   className: (0, import_design_system88.cn)(
@@ -31378,14 +31464,14 @@ function MonthWeek({
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { style: { height: lanesShown * BAR_PX }, "aria-hidden": "true" }),
-            /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("ul", { className: "flex flex-col gap-0.5", children: shown4.map((p) => card(p, `${p.row.id}:${d}`)) }),
-            more > 0 ? /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("button", { type: "button", className: "self-start px-1 text-xs text-muted-foreground hover:text-foreground", "data-calendar-more": d, onClick: () => onOpenDay(d), children: [
+            /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { style: { height: lanesShown * BAR_PX }, "aria-hidden": "true" }),
+            /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("ul", { className: "flex flex-col gap-0.5", children: shown4.map((p) => card(p, `${p.row.id}:${d}`)) }),
+            more > 0 ? /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("button", { type: "button", className: "self-start px-1 text-xs text-muted-foreground hover:text-foreground", "data-calendar-more": d, onClick: () => onOpenDay(d), children: [
               "+",
               more,
               " more"
             ] }) : null,
-            openDay === d ? /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(
+            openDay === d ? /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(
               "div",
               {
                 role: "dialog",
@@ -31396,11 +31482,11 @@ function MonthWeek({
                   if (e.key === "Escape") onOpenDay(null);
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "flex items-center", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { className: "text-xs font-medium", children: calendarDayLabel(d) }),
-                    /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_design_system88.Button, { size: "sm", variant: "ghost", className: "ml-auto h-6", "aria-label": "Close", onClick: () => onOpenDay(null), children: "\xD7" })
+                  /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "flex items-center", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("span", { className: "text-xs font-medium", children: calendarDayLabel(d) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_design_system88.Button, { size: "sm", variant: "ghost", className: "ml-auto h-6", "aria-label": "Close", onClick: () => onOpenDay(null), children: "\xD7" })
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("ul", { className: "flex flex-col gap-0.5", children: everything.map((p) => card(p, `open:${p.row.id}:${d}`)) })
+                  /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("ul", { className: "flex flex-col gap-0.5", children: everything.map((p) => card(p, `open:${p.row.id}:${d}`)) })
                 ]
               }
             ) : null
@@ -31412,7 +31498,7 @@ function MonthWeek({
     bars.filter((b) => b.lane < lanesShown).map((b) => {
       const col = daysBetween2(weekStart, b.from);
       const span = daysBetween2(b.from, b.to) + 1;
-      return /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(
         "div",
         {
           "data-calendar-bar": `${b.from}..${b.to}`,
@@ -31448,9 +31534,9 @@ function WeekHours({
     return () => clearInterval(timer);
   }, []);
   const hours = Array.from({ length: 24 }, (_, h) => h);
-  return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { ref: frame, className: "max-h-[36rem] overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "grid", style: { gridTemplateColumns: columns }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "border-r", children: hours.map((h) => /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "border-b px-1 text-right text-[10px] tabular-nums text-muted-foreground", style: { height: HOUR_PX }, children: h === 0 ? "" : new Date(2026, 0, 1, h).toLocaleTimeString(void 0, { hour: "numeric" }) }, h)) }),
-    days.map((d) => /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { ref: frame, className: "max-h-[36rem] overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "grid", style: { gridTemplateColumns: columns }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "border-r", children: hours.map((h) => /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "border-b px-1 text-right text-[10px] tabular-nums text-muted-foreground", style: { height: HOUR_PX }, children: h === 0 ? "" : new Date(2026, 0, 1, h).toLocaleTimeString(void 0, { hour: "numeric" }) }, h)) }),
+    days.map((d) => /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(
       "div",
       {
         className: (0, import_design_system88.cn)("relative border-r", onSlotPointerDown ? "cursor-cell" : void 0),
@@ -31458,10 +31544,10 @@ function WeekHours({
         ...timeDrop(d),
         ...onSlotPointerDown ? { onPointerDown: onSlotPointerDown(d) } : {},
         children: [
-          hours.map((h) => /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { "data-calendar-slot": `${d}T${pad3(h)}`, className: "border-b", style: { height: HOUR_PX } }, h)),
+          hours.map((h) => /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { "data-calendar-slot": `${d}T${pad3(h)}`, className: "border-b", style: { height: HOUR_PX } }, h)),
           render(d),
           overlay(d),
-          d === today ? /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+          d === today ? /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
             "div",
             {
               "aria-hidden": "true",
@@ -31489,7 +31575,7 @@ var import_react174 = require("react");
 var import_react175 = require("@ai-matrx/records/react");
 var import_design_system89 = require("@ai-matrx/design-system");
 var import_data_table17 = require("@ai-matrx/design-system/data-table");
-var import_jsx_runtime101 = require("react/jsx-runtime");
+var import_jsx_runtime102 = require("react/jsx-runtime");
 var TIMELINE_ZOOMS = ["day", "week", "month", "quarter"];
 var ZOOM_LABEL = { day: "Day", week: "Week", month: "Month", quarter: "Quarter" };
 var PX_PER_DAY = { day: 96, week: 32, month: 10, quarter: 4 };
@@ -31576,12 +31662,13 @@ function scaleOf(start, days, zoom) {
   };
 }
 function LockIcon2() {
-  return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("svg", { "aria-hidden": "true", viewBox: "0 0 16 16", className: "h-3 w-3 shrink-0 opacity-70", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("rect", { x: "3.5", y: "7", width: "9", height: "6.5", rx: "1" }),
-    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("path", { d: "M5.5 7V5a2.5 2.5 0 0 1 5 0v2" })
+  return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("svg", { "aria-hidden": "true", viewBox: "0 0 16 16", className: "h-3 w-3 shrink-0 opacity-70", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("rect", { x: "3.5", y: "7", width: "9", height: "6.5", rx: "1" }),
+    /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("path", { d: "M5.5 7V5a2.5 2.5 0 0 1 5 0v2" })
   ] });
 }
 function TimelineView({
+  cardFields,
   tableId,
   rows,
   fields,
@@ -31903,7 +31990,7 @@ function TimelineView({
     const edges = may && Boolean(endField);
     const outside = wordsOutside(p, span);
     const inset = outside ? 0 : Math.min(Math.max(0, scrollX - left), Math.max(0, span - 48));
-    return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(
       "div",
       {
         role: "button",
@@ -31935,7 +32022,7 @@ function TimelineView({
         onPointerDown: beginDrag(p, "move", { lane, top }),
         onKeyDown: barKeys(p),
         children: [
-          edges && !p.marker ? /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+          edges && !p.marker ? /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
             "span",
             {
               role: "separator",
@@ -31945,20 +32032,21 @@ function TimelineView({
               onPointerDown: beginDrag(p, "start")
             }
           ) : null,
-          inset > 0 ? /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("span", { "aria-hidden": "true", className: "shrink-0", style: { width: inset } }) : null,
-          may ? null : /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(LockIcon2, {}),
-          p.marker ? /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("span", { "aria-hidden": "true", className: "h-2 w-2 shrink-0 rotate-45 rounded-[1px] bg-current opacity-70" }) : null,
+          inset > 0 ? /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("span", { "aria-hidden": "true", className: "shrink-0", style: { width: inset } }) : null,
+          may ? null : /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(LockIcon2, {}),
+          p.marker ? /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("span", { "aria-hidden": "true", className: "h-2 w-2 shrink-0 rotate-45 rounded-[1px] bg-current opacity-70" }) : null,
           outside ? (
             // Too short for its words: they sit just after the bar, the way Airtable labels a short bar.
-            /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("span", { className: "pointer-events-none absolute left-full top-1/2 ml-1.5 -translate-y-1/2 whitespace-nowrap text-foreground", children: [
-              startTime ? /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("span", { className: "mr-1 tabular-nums text-[10px] opacity-75", "data-timeline-time": "", children: startTime }) : null,
+            /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("span", { className: "pointer-events-none absolute left-full top-1/2 ml-1.5 -translate-y-1/2 whitespace-nowrap text-foreground", children: [
+              startTime ? /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("span", { className: "mr-1 tabular-nums text-[10px] opacity-75", "data-timeline-time": "", children: startTime }) : null,
               title
             ] })
-          ) : /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(import_jsx_runtime101.Fragment, { children: [
-            startTime ? /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("span", { className: "shrink-0 tabular-nums text-[10px] opacity-75", "data-timeline-time": "", children: startTime }) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("span", { className: "min-w-0 truncate", children: title })
+          ) : /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(import_jsx_runtime102.Fragment, { children: [
+            startTime ? /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("span", { className: "shrink-0 tabular-nums text-[10px] opacity-75", "data-timeline-time": "", children: startTime }) : null,
+            /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("span", { className: "min-w-0 truncate", children: title }),
+            /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(CardFieldsInline, { row: p.row, fields: cardFields })
           ] }),
-          edges && !endWorkedOut ? /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+          edges && !endWorkedOut ? /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
             "span",
             {
               role: "separator",
@@ -31973,39 +32061,39 @@ function TimelineView({
       `${lane}:${p.row.id}`
     );
   };
-  const picker = (label, value, options, onPick, opts) => /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "flex items-center gap-1.5 whitespace-nowrap text-xs", "data-timeline-setting": label, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("span", { className: "text-muted-foreground", children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(import_design_system89.Select, { value: value ?? NONE2, onValueChange: (v) => onPick(v === NONE2 ? null : v), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_design_system89.SelectTrigger, { size: "sm", className: "h-7 min-w-24 text-xs", "aria-label": `${label} column`, ...opts?.kept === false ? { title: "Kept for this visit only" } : {}, children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_design_system89.SelectValue, { placeholder: "Choose" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(import_design_system89.SelectContent, { children: [
-        opts?.none !== false ? /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_design_system89.SelectItem, { value: NONE2, children: "None" }) : null,
-        options.map((f) => /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_design_system89.SelectItem, { value: f.key, children: fieldName(f) }, f.key)),
-        value && !options.some((f) => f.key === value) && fields.some((f) => f.key === value) ? /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_design_system89.SelectItem, { value, "data-timeline-unusual": "", children: `${fieldName(fields.find((f) => f.key === value))} \u2014 ${UNUSUAL_FIELD_NOTE}` }, value) : null
+  const picker = (label, value, options, onPick, opts) => /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "flex items-center gap-1.5 whitespace-nowrap text-xs", "data-timeline-setting": label, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("span", { className: "text-muted-foreground", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(import_design_system89.Select, { value: value ?? NONE2, onValueChange: (v) => onPick(v === NONE2 ? null : v), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_design_system89.SelectTrigger, { size: "sm", className: "h-7 min-w-24 text-xs", "aria-label": `${label} column`, ...opts?.kept === false ? { title: "Kept for this visit only" } : {}, children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_design_system89.SelectValue, { placeholder: "Choose" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(import_design_system89.SelectContent, { children: [
+        opts?.none !== false ? /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_design_system89.SelectItem, { value: NONE2, children: "None" }) : null,
+        options.map((f) => /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_design_system89.SelectItem, { value: f.key, children: fieldName(f) }, f.key)),
+        value && !options.some((f) => f.key === value) && fields.some((f) => f.key === value) ? /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_design_system89.SelectItem, { value, "data-timeline-unusual": "", children: `${fieldName(fields.find((f) => f.key === value))} \u2014 ${UNUSUAL_FIELD_NOTE}` }, value) : null
       ] })
     ] })
   ] });
-  const settings = /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(import_jsx_runtime101.Fragment, { children: [
+  const settings = /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(import_jsx_runtime102.Fragment, { children: [
     dates.length > 1 || !startField || !dates.some((f) => f.key === startChosen) ? picker("Start", startChosen, dates, (key) => setting({ startKey: key }), { none: false }) : null,
     endCandidates.length > 0 || endField && !endCandidates.includes(endField) ? picker("End", endChosen, endCandidates, (key) => setting({ endKey: key }), { kept: layoutKept }) : null,
     groupCandidates.length > 0 ? picker("Group by", groupChosen, groupCandidates, (key) => setting({ groupKey: key })) : null,
     choiceFields.length > 0 ? picker("Colour by", colorChosen, choiceFields, (key) => setting({ colorKey: key })) : null
   ] });
   const heading = zoom === "quarter" ? `Q${Math.floor(dayAt(anchor).getMonth() / 3) + 1} ${dayAt(anchor).getFullYear()}` : dayAt(anchor).toLocaleDateString(void 0, { month: "long", year: "numeric" });
-  const toolbar = /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "flex flex-wrap items-center gap-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_design_system89.Button, { size: "sm", variant: "outline", onClick: () => setAnchor(today), children: "Today" }),
-    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_design_system89.Button, { size: "sm", variant: "ghost", "aria-label": "Previous", onClick: () => setAnchor(addDays(anchor, -PAGE_DAYS[zoom])), children: "\u2039" }),
-    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_design_system89.Button, { size: "sm", variant: "ghost", "aria-label": "Next", onClick: () => setAnchor(addDays(anchor, PAGE_DAYS[zoom])), children: "\u203A" }),
-    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("h3", { className: "text-sm font-medium", "data-timeline-heading": "", children: heading }),
-    layoutKept ? null : /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("span", { className: "text-xs text-muted-foreground", children: "Kept for this visit only" }),
-    /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "ml-auto flex flex-wrap items-center gap-2", children: [
+  const toolbar = /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "flex flex-wrap items-center gap-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_design_system89.Button, { size: "sm", variant: "outline", onClick: () => setAnchor(today), children: "Today" }),
+    /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_design_system89.Button, { size: "sm", variant: "ghost", "aria-label": "Previous", onClick: () => setAnchor(addDays(anchor, -PAGE_DAYS[zoom])), children: "\u2039" }),
+    /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_design_system89.Button, { size: "sm", variant: "ghost", "aria-label": "Next", onClick: () => setAnchor(addDays(anchor, PAGE_DAYS[zoom])), children: "\u203A" }),
+    /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("h3", { className: "text-sm font-medium", "data-timeline-heading": "", children: heading }),
+    layoutKept ? null : /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("span", { className: "text-xs text-muted-foreground", children: "Kept for this visit only" }),
+    /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "ml-auto flex flex-wrap items-center gap-2", children: [
       settings,
-      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "flex items-center gap-0.5", role: "group", "aria-label": "Zoom", children: TIMELINE_ZOOMS.map((z) => /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_design_system89.Button, { size: "sm", variant: z === zoom ? "secondary" : "ghost", "aria-pressed": z === zoom, onClick: () => setZoom(z), children: ZOOM_LABEL[z] }, z)) })
+      /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: "flex items-center gap-0.5", role: "group", "aria-label": "Zoom", children: TIMELINE_ZOOMS.map((z) => /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_design_system89.Button, { size: "sm", variant: z === zoom ? "secondary" : "ghost", "aria-pressed": z === zoom, onClick: () => setZoom(z), children: ZOOM_LABEL[z] }, z)) })
     ] })
   ] });
   if (!startField) {
-    return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: (0, import_design_system89.cn)("flex min-w-0 flex-col gap-2", className), "data-timeline-needs": "", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "flex flex-col gap-2 rounded border border-dashed p-4 text-xs text-muted-foreground", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("p", { children: dates.length > 0 ? VIEW_NEEDS.timeline?.pick : VIEW_NEEDS.timeline?.missing }),
-      dates.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "flex flex-wrap gap-2", children: settings }) : null
+    return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: (0, import_design_system89.cn)("flex min-w-0 flex-col gap-2", className), "data-timeline-needs": "", children: /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "flex flex-col gap-2 rounded border border-dashed p-4 text-xs text-muted-foreground", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("p", { children: dates.length > 0 ? VIEW_NEEDS.timeline?.pick : VIEW_NEEDS.timeline?.missing }),
+      dates.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: "flex flex-wrap gap-2", children: settings }) : null
     ] }) });
   }
   const todayX = today >= from && daysBetween(from, today) < days ? xOf(today) : null;
@@ -32027,15 +32115,15 @@ function TimelineView({
   }) : [];
   const tray = unscheduled.length > 0 ? (
     // Nothing fails silently: a record with no Start waits here and drags onto the timeline.
-    /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("aside", { className: "flex min-w-0 flex-col gap-1 sm:w-56 sm:shrink-0", "data-timeline-unscheduled": "", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("h4", { className: "text-xs font-medium", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("aside", { className: "flex min-w-0 flex-col gap-1 sm:w-56 sm:shrink-0", "data-timeline-unscheduled": "", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("h4", { className: "text-xs font-medium", children: [
         "Unscheduled \xB7 ",
         unscheduled.length
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("ul", { className: "flex max-h-[28rem] flex-col gap-1 overflow-y-auto", children: unscheduled.map((row) => {
+      /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("ul", { className: "flex max-h-[28rem] flex-col gap-1 overflow-y-auto", children: unscheduled.map((row) => {
         const may = canMove(row);
         const color = colorOf(row);
-        return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
           "li",
           {
             "data-timeline-card": row.id,
@@ -32045,7 +32133,7 @@ function TimelineView({
               e.dataTransfer.setData(DRAG_TYPE2, JSON.stringify({ id: row.id }));
               e.dataTransfer.effectAllowed = "move";
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(
               "button",
               {
                 type: "button",
@@ -32057,8 +32145,8 @@ function TimelineView({
                 title: may ? `${titleOf(row)} \xB7 drag onto a day` : (0, import_react175.mayDrag)(row.level) ? WORKED_OUT_DATE_LOCK : whatYouMayDo(row.level ?? null).why("write"),
                 onClick: () => onOpenRecord?.(row.id),
                 children: [
-                  may ? null : /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(LockIcon2, {}),
-                  /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("span", { className: "min-w-0 truncate", children: titleOf(row) })
+                  may ? null : /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(LockIcon2, {}),
+                  /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("span", { className: "min-w-0 truncate", children: titleOf(row) })
                 ]
               }
             )
@@ -32069,7 +32157,7 @@ function TimelineView({
     ] })
   ) : null;
   const LABEL_COLUMN = "sticky left-0 z-30 w-24 shrink-0 border-r bg-background sm:w-36";
-  const todayLine = todayX !== null ? /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+  const todayLine = todayX !== null ? /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
     "div",
     {
       "aria-hidden": "true",
@@ -32078,14 +32166,14 @@ function TimelineView({
       style: { left: todayX + px / 2 - 1 }
     }
   ) : null;
-  const headerRow = (segments, className2, key) => /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "flex", "data-timeline-scale": key, children: [
-    grouped ? /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: (0, import_design_system89.cn)(LABEL_COLUMN, "border-b") }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "relative shrink-0", style: { width, height: 22 }, children: [
+  const headerRow = (segments, className2, key) => /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "flex", "data-timeline-scale": key, children: [
+    grouped ? /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: (0, import_design_system89.cn)(LABEL_COLUMN, "border-b") }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "relative shrink-0", style: { width, height: 22 }, children: [
       segments.map((s) => {
         const left = xOf(s.day);
         const w = s.days * px;
         const inset = key === "top" ? Math.min(Math.max(0, scrollX - left), Math.max(0, w - 90)) : 0;
-        return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
           "div",
           {
             className: (0, import_design_system89.cn)("absolute top-0 h-full truncate border-b border-l px-1 text-[11px] leading-[22px]", className2, s.day === today && key === "bottom" ? "font-semibold text-primary" : void 0),
@@ -32098,14 +32186,14 @@ function TimelineView({
       key === "bottom" ? todayLine : null
     ] })
   ] });
-  const body = /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { ref: scroller, onScroll, className: "min-w-0 flex-1 overflow-x-auto overflow-y-auto rounded border", "data-timeline-scroll": "", style: { maxHeight: "36rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "relative w-max", "data-timeline-zoom": zoom, "data-timeline-from": from, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "sticky top-0 z-30 bg-background", children: [
+  const body = /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { ref: scroller, onScroll, className: "min-w-0 flex-1 overflow-x-auto overflow-y-auto rounded border", "data-timeline-scroll": "", style: { maxHeight: "36rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "relative w-max", "data-timeline-zoom": zoom, "data-timeline-from": from, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "sticky top-0 z-30 bg-background", children: [
       headerRow(scale.top, "font-medium", "top"),
       headerRow(scale.bottom, "text-muted-foreground", "bottom")
     ] }),
-    laneRows.map((lane) => /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "flex border-b", "data-timeline-lane": groupField ? lane.key : "", children: [
-      grouped ? /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: (0, import_design_system89.cn)(LABEL_COLUMN, "flex items-start p-1"), "data-timeline-label": "", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+    laneRows.map((lane) => /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "flex border-b", "data-timeline-lane": groupField ? lane.key : "", children: [
+      grouped ? /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: (0, import_design_system89.cn)(LABEL_COLUMN, "flex items-start p-1"), "data-timeline-label": "", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
           "span",
           {
             className: (0, import_design_system89.cn)("max-w-full truncate rounded px-1.5 py-0.5 text-xs font-medium", lane.color ? import_data_table17.CHOICE_CHIP_CLASS[lane.color] : void 0),
@@ -32114,19 +32202,19 @@ function TimelineView({
             children: lane.label
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("span", { className: "ml-auto px-1 text-xs text-muted-foreground", children: lane.bars.length })
+        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("span", { className: "ml-auto px-1 text-xs text-muted-foreground", children: lane.bars.length })
       ] }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "relative shrink-0", style: { width, height: Math.max(lane.height, ROW_PX + LANE_PAD) }, "data-timeline-canvas": lane.key, ...laneDrop, children: [
-        weekendBands.map((d) => /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { "aria-hidden": "true", className: "absolute inset-y-0 bg-muted/40", style: { left: xOf(d), width: px } }, `we:${d}`)),
+      /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "relative shrink-0", style: { width, height: Math.max(lane.height, ROW_PX + LANE_PAD) }, "data-timeline-canvas": lane.key, ...laneDrop, children: [
+        weekendBands.map((d) => /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { "aria-hidden": "true", className: "absolute inset-y-0 bg-muted/40", style: { left: xOf(d), width: px } }, `we:${d}`)),
         lane.packed.map((b) => bar(b.p, LANE_PAD / 2 + b.row * ROW_PX + (ROW_PX - BAR_PX2) / 2, lane.key)),
         todayLine
       ] })
     ] }, lane.key))
   ] }) });
-  return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: (0, import_design_system89.cn)("relative flex min-h-0 min-w-0 max-w-full flex-col gap-2", className), "data-timeline": "", onKeyDown: moves.onKeyDown, children: [
-    note ? /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("p", { className: "text-xs text-muted-foreground", children: note }) : null,
+  return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: (0, import_design_system89.cn)("relative flex min-h-0 min-w-0 max-w-full flex-col gap-2", className), "data-timeline": "", onKeyDown: moves.onKeyDown, children: [
+    note ? /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("p", { className: "text-xs text-muted-foreground", children: note }) : null,
     toolbar,
-    /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "flex min-h-0 min-w-0 flex-col gap-3 sm:flex-row", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "flex min-h-0 min-w-0 flex-col gap-3 sm:flex-row", children: [
       body,
       tray
     ] }),
@@ -32138,7 +32226,7 @@ function TimelineView({
 var import_react176 = require("react");
 var import_react177 = require("@ai-matrx/records/react");
 var import_design_system90 = require("@ai-matrx/design-system");
-var import_jsx_runtime102 = require("react/jsx-runtime");
+var import_jsx_runtime103 = require("react/jsx-runtime");
 function viewNeedFor(layout) {
   return VIEW_NEEDS[layout];
 }
@@ -32199,10 +32287,10 @@ function ViewNeeds({ layout, tableId, fields, onMade, className }) {
     setPendingId(null);
     onMade(field2.key);
   };
-  const editor = /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "flex flex-col gap-2 text-xs", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "flex flex-wrap items-center gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_design_system90.Label, { className: "text-xs text-muted-foreground", htmlFor: `view-needs-name-${layout}`, children: "Column name" }),
-      /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+  const editor = /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: "flex flex-col gap-2 text-xs", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: "flex flex-wrap items-center gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_design_system90.Label, { className: "text-xs text-muted-foreground", htmlFor: `view-needs-name-${layout}`, children: "Column name" }),
+      /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
         import_design_system90.BasicInput,
         {
           id: `view-needs-name-${layout}`,
@@ -32212,10 +32300,10 @@ function ViewNeeds({ layout, tableId, fields, onMade, className }) {
         }
       )
     ] }),
-    need.starter.type === "select" ? /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "flex flex-wrap items-center gap-1.5", role: "group", "aria-label": "Choices", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("span", { className: "text-muted-foreground", children: "Choices" }),
-      options.map((option, index) => /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("span", { className: "flex items-center gap-0.5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+    need.starter.type === "select" ? /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: "flex flex-wrap items-center gap-1.5", role: "group", "aria-label": "Choices", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("span", { className: "text-muted-foreground", children: "Choices" }),
+      options.map((option, index) => /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("span", { className: "flex items-center gap-0.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
           import_design_system90.BasicInput,
           {
             "aria-label": `Choice ${index + 1}`,
@@ -32224,7 +32312,7 @@ function ViewNeeds({ layout, tableId, fields, onMade, className }) {
             onChange: (e) => setOptions((held) => held.map((o, i) => i === index ? e.target.value : o))
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
           import_design_system90.Button,
           {
             type: "button",
@@ -32236,11 +32324,11 @@ function ViewNeeds({ layout, tableId, fields, onMade, className }) {
           }
         )
       ] }, index)),
-      /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_design_system90.Button, { type: "button", size: "sm", variant: "ghost", onClick: () => setOptions((held) => [...held, ""]), children: "Add a choice" })
+      /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_design_system90.Button, { type: "button", size: "sm", variant: "ghost", onClick: () => setOptions((held) => [...held, ""]), children: "Add a choice" })
     ] }) : null
   ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
       BuildOrAsk,
       {
         mayBuild: rights.structure,
@@ -32261,16 +32349,16 @@ function ViewNeeds({ layout, tableId, fields, onMade, className }) {
         children: rights.structure ? `${need.missing} ${need.does(name)}` : need.missing
       }
     ),
-    mutation.error ? /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(RefusalNotice, { error: mutation.error }) : null,
-    refused ? /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(RefusalNotice, { error: refused }) : null,
-    pendingId ? /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("p", { className: "mt-2 text-xs text-muted-foreground", children: "The store accepted the column and the table does not show it yet. Press Make it work again to look for it \u2014 it will not be added twice." }) : null
+    mutation.error ? /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(RefusalNotice, { error: mutation.error }) : null,
+    refused ? /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(RefusalNotice, { error: refused }) : null,
+    pendingId ? /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("p", { className: "mt-2 text-xs text-muted-foreground", children: "The store accepted the column and the table does not show it yet. Press Make it work again to look for it \u2014 it will not be added twice." }) : null
   ] });
 }
 
 // src/GalleryCover.tsx
 var import_react178 = require("react");
 var import_react179 = require("@ai-matrx/records/react");
-var import_jsx_runtime103 = require("react/jsx-runtime");
+var import_jsx_runtime104 = require("react/jsx-runtime");
 function isImageAddress(value) {
   return typeof value === "string" && /^(https?:\/\/|\/|data:image\/)/i.test(value.trim());
 }
@@ -32279,10 +32367,10 @@ function GalleryCover({ field: field2, value }) {
   const isFile = field2 ? editorKindFor(field2) === "attachment" : false;
   if (isFile) {
     const first = attachmentIdsOf(value)[0];
-    return first ? /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(FileCover, { recordId: first }) : null;
+    return first ? /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(FileCover, { recordId: first }) : null;
   }
   if (isImageAddress(value)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("img", { src: value, alt: "", loading: "lazy", className: "h-full w-full object-cover" });
+    return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("img", { src: value, alt: "", loading: "lazy", className: "h-full w-full object-cover" });
   }
   return null;
 }
@@ -32314,51 +32402,9 @@ function FileCover({ recordId }) {
   }, [client, recordId]);
   if (!read || !read.fileId) return null;
   if (!host.fileImage) {
-    return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("span", { className: "flex h-full w-full items-center justify-center p-1 text-center text-[10px] text-muted-foreground", children: COVER_NOT_DRAWN });
+    return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("span", { className: "flex h-full w-full items-center justify-center p-1 text-center text-[10px] text-muted-foreground", children: COVER_NOT_DRAWN });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_jsx_runtime103.Fragment, { children: host.fileImage({ fileId: read.fileId, alt: read.name }) });
-}
-
-// src/cardFields.tsx
-var import_jsx_runtime104 = require("react/jsx-runtime");
-function isEmptyOnCard(value) {
-  return value === null || value === void 0 || value === "" || Array.isArray(value) && value.length === 0;
-}
-function cardFieldsShown(fields, hiddenFields, exclude) {
-  const hidden = new Set(hiddenFields ?? []);
-  const out = new Set(exclude.filter((k) => Boolean(k)));
-  return fields.filter((field2) => !hidden.has(field2.key) && !out.has(field2.key));
-}
-function CardFieldsPicker({
-  fields,
-  hiddenFields,
-  summary,
-  onChange,
-  remembered,
-  layout
-}) {
-  const hidden = new Set(hiddenFields ?? []);
-  return /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("details", { className: "text-xs text-muted-foreground", "data-records-card-fields": layout, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("summary", { className: "cursor-pointer select-none", children: summary }),
-    /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "mt-1 flex flex-wrap gap-2", children: fields.map((field2) => /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("label", { className: "flex items-center gap-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
-        "input",
-        {
-          type: "checkbox",
-          checked: !hidden.has(field2.key),
-          "data-records-card-field": field2.key,
-          onChange: (event) => {
-            const next = new Set(hidden);
-            if (event.target.checked) next.delete(field2.key);
-            else next.add(field2.key);
-            onChange([...next]);
-          }
-        }
-      ),
-      fieldName(field2)
-    ] }, field2.key)) }),
-    remembered ? null : /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("p", { className: "mt-1", children: "Kept for this visit only \u2014 this screen has nowhere to save it onto the view." })
-  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_jsx_runtime104.Fragment, { children: host.fileImage({ fileId: read.fileId, alt: read.name }) });
 }
 
 // src/ListView.tsx
@@ -32507,17 +32553,22 @@ function ListRow({
   const filled = fields.filter((field2) => !isEmptyOnCard(doc[field2.key]) || withheldNoticeOf(row.hidden, field2.key));
   const onRow = chose ? filled : filled.slice(0, LIST_DEFAULT_FIELDS);
   const color = style ? (0, import_data_table18.resolveRowColor)(style, { id: row.id, data: row.document ?? {} }, colorFromTheValue) : null;
-  const values = onRow.map((field2) => /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("span", { className: "flex min-w-0 max-w-[14rem] items-baseline gap-1", "data-records-list-value": field2.key, title: fieldName(field2), children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
-    RecordValue,
-    {
-      field: field2,
-      value: doc[field2.key],
-      document: row.document,
-      recordId: row.id,
-      withheld: withheldNoticeOf(row.hidden, field2.key),
-      format: cellFormatFor(field2, formats?.[field2.key])
-    }
-  ) }, field2.key));
+  const values = onRow.map((field2) => (
+    // ONE LINE PER VALUE (walk 2026-10-05): a multi-line caption drew as paragraphs, pushing the
+    // title to the row's foot. A list row is one line, as Notion's is; the record page has the rest.
+    /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("span", { className: "flex h-5 min-w-0 max-w-[14rem] items-center gap-1 overflow-hidden whitespace-nowrap", "data-records-list-value": field2.key, title: fieldName(field2), children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
+      RecordValue,
+      {
+        inCell: true,
+        field: field2,
+        value: doc[field2.key],
+        document: row.document,
+        recordId: row.id,
+        withheld: withheldNoticeOf(row.hidden, field2.key),
+        format: cellFormatFor(field2, formats?.[field2.key])
+      }
+    ) }, field2.key)
+  ));
   return /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(
     "button",
     {
@@ -32929,9 +32980,21 @@ function Board({
   const titleField = cardTitleField(all, titleKey, [view.groupField]);
   const cardHidden = cardHiddenOf(view.presentation);
   const dateFields = cardDateFields(all, titleField, cardHidden);
+  const timedCardFields = cardHidden !== void 0 ? cardFieldsShown(all, cardHidden, [titleField?.key]) : [];
+  const timedCardPicker = (layout) => /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+    CardFieldsPicker,
+    {
+      layout,
+      fields: all.filter((f) => f.key !== titleField?.key),
+      hiddenFields: cardHidden ?? all.map((f) => f.key),
+      summary: `Card fields (${timedCardFields.length})`,
+      onChange: (next) => onChange({ presentation: { ...view.presentation, cardHidden: next } }),
+      remembered
+    }
+  );
   if (view.layout === "kanban") {
     const choice = boardColumnChoice(all, view.groupField, stage);
-    const groupField = byKey(choice.groupKey) ?? (choice.stillAsking ? void 0 : eligibleFieldFor("choice", all).field ?? void 0);
+    const groupField = byKey(choice.groupKey) ?? (choice.stillAsking ? void 0 : boardDefaultGroupField(eligibleFieldFor("choice", all).eligible) ?? void 0);
     const isPipeline = choice.isPipeline;
     const boardChose = cardHidden !== void 0;
     const boardCardFields = boardChose ? cardFieldsShown(all, cardHidden, [titleField?.key, groupField?.key, ...dateFields.map((f) => f.key)]) : [];
@@ -32967,7 +33030,8 @@ function Board({
           ...onMoved ? { onMoved } : {},
           onChanged: () => records.reload(),
           style,
-          dateFields
+          dateFields,
+          canAdd: mayAdd
         }
       ) : /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
         Kanban,
@@ -33041,13 +33105,15 @@ function Board({
             }
           }),
           titleField,
+          cardFields: timedCardFields,
           onOpenRecord,
           ...onMoved ? { onMoved } : {},
           note: records.membership,
           style
         }
       ),
-      pager
+      pager,
+      timedCardPicker("calendar")
     ] });
   }
   if (view.layout === "timeline") {
@@ -33058,6 +33124,7 @@ function Board({
       noRows ?? /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
         TimelineView,
         {
+          cardFields: timedCardFields,
           tableId: view.subject,
           rows: records.rows,
           fields: all,
@@ -33089,7 +33156,8 @@ function Board({
           style
         }
       ),
-      pager
+      pager,
+      timedCardPicker("timeline")
     ] });
   }
   if (view.layout === "list") {
@@ -33471,7 +33539,7 @@ function Gallery({
 }) {
   const hidden = (0, import_react181.useMemo)(() => new Set(hiddenFields ?? []), [hiddenFields]);
   const imageField = imageKey ? fields.find((field2) => field2.key === imageKey) : void 0;
-  const shown4 = fields.filter((field2) => !hidden.has(field2.key) && field2.key !== imageKey);
+  const shown4 = fields.filter((field2) => !hidden.has(field2.key) && field2.key !== imageKey && field2.key !== titleKey);
   const chose = hiddenFields !== void 0;
   const dims = GALLERY_SIZE[size];
   return /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "flex min-h-0 flex-col gap-2", children: [
@@ -33483,7 +33551,7 @@ function Gallery({
     /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(
       "ul",
       {
-        className: "grid gap-2 overflow-y-auto",
+        className: "grid auto-rows-fr gap-2 overflow-y-auto",
         style: { gridTemplateColumns: `repeat(auto-fill, ${dims.tile})` },
         children: [
           rows.map((row) => {
@@ -33492,7 +33560,7 @@ function Gallery({
             const filled = shown4.filter((field2) => !isEmptyOnCard(doc[field2.key]) || withheldNoticeOf(row.hidden, field2.key));
             const onCard = chose ? filled : filled.slice(0, GALLERY_DEFAULT_FIELDS);
             const rowColor = style ? (0, import_data_table19.resolveRowColor)(style, { id: row.id, data: row.document ?? {} }, colorFromTheValue) : null;
-            return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+            return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("li", { className: "flex", children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
               MaybeRecordActionMenu,
               {
                 tableId,
@@ -33505,17 +33573,19 @@ function Gallery({
                   {
                     type: "button",
                     className: (0, import_design_system92.cn)(
-                      "flex w-full flex-col gap-1 rounded border p-2 pr-7 text-left hover:bg-muted",
+                      "flex h-full w-full flex-col gap-1 rounded border p-2 pr-7 text-left hover:bg-muted",
                       rowColor ? import_data_table19.ROW_TINT_CLASS[rowColor] : void 0
                     ),
                     onClick: () => onOpenRecord?.(row.id),
                     children: [
                       imageField ? /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("span", { className: (0, import_design_system92.cn)(dims.cover, "w-full shrink-0 overflow-hidden rounded bg-muted/50"), "data-records-gallery-cover": imageField.key, children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(GalleryCover, { field: imageField, value: image }) }) : null,
-                      onCard.map((field2) => /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("span", { className: "flex min-w-0 items-baseline gap-1 text-xs", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("span", { className: "truncate text-sm font-medium", "data-records-gallery-title": "", children: recordNameIn({ title_field: titleKey ?? null }, doc) || "Untitled" }),
+                      onCard.map((field2) => /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("span", { className: "flex h-5 min-w-0 items-center gap-1 overflow-hidden whitespace-nowrap text-xs", children: [
                         /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("span", { className: "shrink-0 text-muted-foreground", children: fieldName(field2) }),
                         /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("span", { className: "min-w-0 truncate", "data-records-gallery-value": field2.key, children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
                           RecordValue,
                           {
+                            inCell: true,
                             field: field2,
                             value: doc[field2.key],
                             document: row.document,
@@ -33610,6 +33680,10 @@ function cardHiddenOf(presentation) {
   const held = presentation?.["cardHidden"];
   return Array.isArray(held) ? held.filter((k) => typeof k === "string") : void 0;
 }
+var STATUS_WORDS = /^(status|stage|state|progress|phase)$/i;
+function boardDefaultGroupField(eligible) {
+  return eligible.find((f) => (0, import_records47.newerKindOf)(f) === "status") ?? eligible.find((f) => STATUS_WORDS.test(fieldName(f).trim()) || STATUS_WORDS.test(f.key)) ?? eligible[0] ?? null;
+}
 
 // src/ArchivedView.tsx
 var import_react183 = require("react");