@ai-matrx/records-ui 0.102.4 → 0.102.5

package/dist/index.js

@@ -13048,7 +13048,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 });
@@ -13427,6 +13432,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
 import { Button as Button41, ConfirmDialog as ConfirmDialog5, TapTargetSearchGroup, cn as cn34, useIsMobile } from "@ai-matrx/design-system";
@@ -29128,7 +29144,7 @@ function TablePageSkeleton({
 // src/ViewSwitcher.tsx
 import { useEffect as useEffect73, useMemo as useMemo54, useState as useState88 } from "react";
 import { mayDrag as mayDrag4, useFields as useFields18, useRecordPage as useRecordPage2, useRecordsClient as useRecordsClient62, useTable as useTable16 } from "@ai-matrx/records/react";
-import { stableFilterKey as stableFilterKey4 } from "@ai-matrx/records";
+import { newerKindOf as newerKindOf6, stableFilterKey as stableFilterKey4 } from "@ai-matrx/records";
 import { Button as Button67, Select as Select16, SelectContent as SelectContent16, SelectItem as SelectItem16, SelectTrigger as SelectTrigger16, SelectValue as SelectValue16, cn as cn54 } from "@ai-matrx/design-system";
 import {
   CHOICE_CHIP_CLASS as CHOICE_CHIP_CLASS4,
@@ -29139,16 +29155,163 @@ import {
 } from "@ai-matrx/design-system/data-table";
 import { formatCount as formatCount3 } from "@ai-matrx/kit/format";
 
+// src/recordMoves.tsx
+import { useCallback as useCallback35, useEffect as useEffect67, useMemo as useMemo47, useRef as useRef37, useState as useState81 } from "react";
+import { useRecordsClient as useRecordsClient58 } from "@ai-matrx/records/react";
+import { Button as Button62 } from "@ai-matrx/design-system";
+import { Fragment as Fragment38, jsx as jsx96, jsxs as jsxs87 } from "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 = useRecordsClient58();
+  const [refused, setRefused] = useState81(null);
+  const versions = useRecordVersions(client, rows);
+  const [stale, setStale] = useState81(null);
+  const reload = useCallback35(() => onMoved?.(), [onMoved]);
+  const forget = useCallback35(() => void 0, []);
+  const undo = useGridUndo({
+    tableId,
+    reload,
+    forget,
+    onVersions: (written) => {
+      for (const v of written) versions.wrote(v.id, v.version);
+    }
+  });
+  const move = useCallback35(
+    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 = useCallback35(
+    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 = useRef37(undo);
+  undoRef.current = undo;
+  useEffect67(() => {
+    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 = useCallback35(
+    (event) => {
+      if (offering) return;
+      const which = undoKey(event);
+      if (!which) return;
+      event.preventDefault();
+      void (which === "undo" ? undo.undo() : undo.redo());
+    },
+    [undo, offering]
+  );
+  const reloadStale = useCallback35(async () => {
+    const id = stale?.id ?? null;
+    setStale(null);
+    setRefused(null);
+    if (!id) return;
+    versions.refresh([id]);
+    onMoved?.();
+  }, [versions, stale, onMoved]);
+  const notice = /* @__PURE__ */ jsxs87(Fragment38, { children: [
+    /* @__PURE__ */ jsx96(UndoNotice, { undo }),
+    stale ? /* @__PURE__ */ jsxs87(
+      "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__ */ jsx96("span", { children: stale.unread ? VERSION_UNREAD_LABEL : STALE_MOVE_LABEL }),
+          /* @__PURE__ */ jsx96(Button62, { size: "sm", variant: "outline", className: "ml-auto h-6", "data-move-reload": "", onClick: () => void reloadStale(), children: "Reload" }),
+          /* @__PURE__ */ jsx96(Button62, { size: "sm", variant: "ghost", className: "h-6", onClick: () => setStale(null), children: "Dismiss" })
+        ]
+      }
+    ) : null
+  ] });
+  return useMemo47(
+    () => ({ 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__ */ jsx96(
+    "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
-import { useCallback as useCallback36, useEffect as useEffect67, useMemo as useMemo48, useRef as useRef37, useState as useState82 } from "react";
+import { useCallback as useCallback37, useEffect as useEffect68, useMemo as useMemo49, useRef as useRef38, useState as useState83 } from "react";
 import {
   mayDrag,
   useFields as useFields17,
-  useRecordsClient as useRecordsClient59
+  useRecordsClient as useRecordsClient60
 } from "@ai-matrx/records/react";
 import { stableFilterKey as stableFilterKey3 } from "@ai-matrx/records";
 import {
-  Button as Button62,
+  Button as Button63,
   DropdownMenu as DropdownMenu8,
   DropdownMenuContent as DropdownMenuContent8,
   DropdownMenuItem as DropdownMenuItem7,
@@ -29163,7 +29326,7 @@ import {
 } from "@ai-matrx/design-system/data-table";
 
 // src/CardDates.tsx
-import { Fragment as Fragment38, jsx as jsx96, jsxs as jsxs87 } from "react/jsx-runtime";
+import { Fragment as Fragment39, jsx as jsx97, jsxs as jsxs88 } from "react/jsx-runtime";
 function cardDateFields(all, titleField, hiddenFields) {
   const hidden = new Set(hiddenFields ?? []);
   return all.filter(
@@ -29178,14 +29341,14 @@ function CardDates({ record, fields }) {
     return value !== null && value !== void 0 && value !== "";
   });
   if (held.length === 0) return null;
-  return /* @__PURE__ */ jsx96(Fragment38, { children: held.map((field2) => /* @__PURE__ */ jsxs87(
+  return /* @__PURE__ */ jsx97(Fragment39, { children: held.map((field2) => /* @__PURE__ */ jsxs88(
     "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__ */ jsx96("span", { className: "shrink-0", children: fieldName(field2) }),
-        /* @__PURE__ */ jsx96("span", { className: "min-w-0 truncate text-foreground/80", children: /* @__PURE__ */ jsx96(
+        /* @__PURE__ */ jsx97("span", { className: "shrink-0", children: fieldName(field2) }),
+        /* @__PURE__ */ jsx97("span", { className: "min-w-0 truncate text-foreground/80", children: /* @__PURE__ */ jsx97(
           RecordValue,
           {
             field: field2,
@@ -29202,8 +29365,8 @@ function CardDates({ record, fields }) {
 
 // src/RecordActionMenu.tsx
 import { copyText as copyText5 } from "@ai-matrx/kit/clipboard";
-import { useCallback as useCallback35, useMemo as useMemo47, useState as useState81 } from "react";
-import { useFields as useFields16, useRecordsClient as useRecordsClient58, useTable as useTable14 } from "@ai-matrx/records/react";
+import { useCallback as useCallback36, useMemo as useMemo48, useState as useState82 } from "react";
+import { useFields as useFields16, useRecordsClient as useRecordsClient59, useTable as useTable14 } from "@ai-matrx/records/react";
 import {
   ContextMenu,
   ContextMenuContent,
@@ -29278,7 +29441,7 @@ function recordActions(input) {
 }
 
 // src/RecordActionMenu.tsx
-import { Fragment as Fragment39, jsx as jsx97, jsxs as jsxs88 } from "react/jsx-runtime";
+import { Fragment as Fragment40, jsx as jsx98, jsxs as jsxs89 } from "react/jsx-runtime";
 function duplicateValues(fields, document2) {
   const data = {};
   for (const field2 of fields) {
@@ -29289,7 +29452,7 @@ function duplicateValues(fields, document2) {
   return data;
 }
 function useRecordActionHost({ tableId, row, onOpenRecord, onChanged, onMerge }) {
-  const client = useRecordsClient58();
+  const client = useRecordsClient59();
   const host = useRecordsUi();
   const fields = useFields16(tableId);
   const table = useTable14(tableId);
@@ -29297,7 +29460,7 @@ function useRecordActionHost({ tableId, row, onOpenRecord, onChanged, onMerge })
   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 useMemo47(() => {
+  return useMemo48(() => {
     const said = (sentence2) => notify?.success(sentence2);
     return {
       ...typeof window !== "undefined" ? { origin: window.location.origin } : {},
@@ -29360,7 +29523,7 @@ function useRecordActionHost({ tableId, row, onOpenRecord, onChanged, onMerge })
 }
 function ContextActionItem({ action: action3 }) {
   const disabled = action3.disabledReason !== void 0;
-  return /* @__PURE__ */ jsxs88(
+  return /* @__PURE__ */ jsxs89(
     ContextMenuItem,
     {
       disabled,
@@ -29371,43 +29534,43 @@ function ContextActionItem({ action: action3 }) {
       "data-object-action": action3.id,
       className: action3.destructive ? "text-destructive focus:text-destructive" : void 0,
       children: [
-        /* @__PURE__ */ jsx97(ObjectActionGlyph, { name: action3.icon, className: "mr-2 h-4 w-4 shrink-0" }),
-        /* @__PURE__ */ jsxs88("span", { className: "flex min-w-0 flex-col", children: [
-          /* @__PURE__ */ jsx97("span", { children: action3.label }),
-          disabled ? /* @__PURE__ */ jsx97("span", { className: "truncate text-xs text-muted-foreground", "data-object-action-reason": "", children: action3.disabledReason }) : null
+        /* @__PURE__ */ jsx98(ObjectActionGlyph, { name: action3.icon, className: "mr-2 h-4 w-4 shrink-0" }),
+        /* @__PURE__ */ jsxs89("span", { className: "flex min-w-0 flex-col", children: [
+          /* @__PURE__ */ jsx98("span", { children: action3.label }),
+          disabled ? /* @__PURE__ */ jsx98("span", { className: "truncate text-xs text-muted-foreground", "data-object-action-reason": "", children: action3.disabledReason }) : null
         ] }),
-        action3.shortcut ? /* @__PURE__ */ jsx97(ContextMenuShortcut, { children: action3.shortcut }) : null
+        action3.shortcut ? /* @__PURE__ */ jsx98(ContextMenuShortcut, { children: action3.shortcut }) : null
       ]
     }
   );
 }
 function ObjectActionContextMenuItems({ actions }) {
-  return /* @__PURE__ */ jsx97(Fragment39, { children: toDropdownEntries(actions).map((entry) => {
-    if (entry.kind === "separator") return /* @__PURE__ */ jsx97(ContextMenuSeparator, {}, entry.id);
-    if (entry.kind === "item") return /* @__PURE__ */ jsx97(ContextActionItem, { action: entry.action }, entry.action.id);
-    return /* @__PURE__ */ jsxs88(ContextMenuSub, { children: [
-      /* @__PURE__ */ jsxs88(ContextMenuSubTrigger, { "data-object-action-group": entry.id, children: [
-        entry.icon ? /* @__PURE__ */ jsx97(ObjectActionGlyph, { name: entry.icon, className: "mr-2 h-4 w-4 shrink-0" }) : null,
+  return /* @__PURE__ */ jsx98(Fragment40, { children: toDropdownEntries(actions).map((entry) => {
+    if (entry.kind === "separator") return /* @__PURE__ */ jsx98(ContextMenuSeparator, {}, entry.id);
+    if (entry.kind === "item") return /* @__PURE__ */ jsx98(ContextActionItem, { action: entry.action }, entry.action.id);
+    return /* @__PURE__ */ jsxs89(ContextMenuSub, { children: [
+      /* @__PURE__ */ jsxs89(ContextMenuSubTrigger, { "data-object-action-group": entry.id, children: [
+        entry.icon ? /* @__PURE__ */ jsx98(ObjectActionGlyph, { name: entry.icon, className: "mr-2 h-4 w-4 shrink-0" }) : null,
         entry.label
       ] }),
-      /* @__PURE__ */ jsx97(ContextMenuSubContent, { children: entry.actions.map((a) => /* @__PURE__ */ jsx97(ContextActionItem, { action: a }, a.id)) })
+      /* @__PURE__ */ jsx98(ContextMenuSubContent, { children: entry.actions.map((a) => /* @__PURE__ */ jsx98(ContextActionItem, { action: a }, a.id)) })
     ] }, entry.id);
   }) });
 }
 function RecordActionMenu({ tableId, row, name, onOpenRecord, onChanged, children, className }) {
-  const [merging, setMerging] = useState81(false);
-  const openMerge = useCallback35(() => setMerging(true), []);
+  const [merging, setMerging] = useState82(false);
+  const openMerge = useCallback36(() => setMerging(true), []);
   const actionHost = useRecordActionHost({ tableId, row, onOpenRecord, onChanged, onMerge: openMerge });
-  const rights = useMemo47(() => whatYouMayDo(row.level || null, true), [row.level]);
-  const actions = useMemo47(
+  const rights = useMemo48(() => whatYouMayDo(row.level || null, true), [row.level]);
+  const actions = useMemo48(
     () => recordActions({ record: { id: row.id, tableId, name }, rights, host: actionHost }),
     [row.id, tableId, name, rights, actionHost]
   );
-  return /* @__PURE__ */ jsxs88(ContextMenu, { children: [
-    /* @__PURE__ */ jsx97(ContextMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs88("div", { className: cn49("group/record-card relative", className), "data-record-actions": row.id, children: [
+  return /* @__PURE__ */ jsxs89(ContextMenu, { children: [
+    /* @__PURE__ */ jsx98(ContextMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs89("div", { className: cn49("group/record-card relative", className), "data-record-actions": row.id, children: [
       children,
-      /* @__PURE__ */ jsxs88(DropdownMenu7, { children: [
-        /* @__PURE__ */ jsx97(DropdownMenuTrigger7, { asChild: true, children: /* @__PURE__ */ jsx97(
+      /* @__PURE__ */ jsxs89(DropdownMenu7, { children: [
+        /* @__PURE__ */ jsx98(DropdownMenuTrigger7, { asChild: true, children: /* @__PURE__ */ jsx98(
           "button",
           {
             type: "button",
@@ -29415,18 +29578,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__ */ jsxs88("svg", { viewBox: "0 0 24 24", className: "h-4 w-4", fill: "currentColor", "aria-hidden": "true", children: [
-              /* @__PURE__ */ jsx97("circle", { cx: "5", cy: "12", r: "1.75" }),
-              /* @__PURE__ */ jsx97("circle", { cx: "12", cy: "12", r: "1.75" }),
-              /* @__PURE__ */ jsx97("circle", { cx: "19", cy: "12", r: "1.75" })
+            children: /* @__PURE__ */ jsxs89("svg", { viewBox: "0 0 24 24", className: "h-4 w-4", fill: "currentColor", "aria-hidden": "true", children: [
+              /* @__PURE__ */ jsx98("circle", { cx: "5", cy: "12", r: "1.75" }),
+              /* @__PURE__ */ jsx98("circle", { cx: "12", cy: "12", r: "1.75" }),
+              /* @__PURE__ */ jsx98("circle", { cx: "19", cy: "12", r: "1.75" })
             ] })
           }
         ) }),
-        /* @__PURE__ */ jsx97(DropdownMenuContent7, { align: "end", className: "w-56", children: /* @__PURE__ */ jsx97(ObjectActionMenuItems, { actions }) })
+        /* @__PURE__ */ jsx98(DropdownMenuContent7, { align: "end", className: "w-56", children: /* @__PURE__ */ jsx98(ObjectActionMenuItems, { actions }) })
       ] })
     ] }) }),
-    /* @__PURE__ */ jsx97(ContextMenuContent, { className: "w-56", children: /* @__PURE__ */ jsx97(ObjectActionContextMenuItems, { actions }) }),
-    merging ? /* @__PURE__ */ jsx97(
+    /* @__PURE__ */ jsx98(ContextMenuContent, { className: "w-56", children: /* @__PURE__ */ jsx98(ObjectActionContextMenuItems, { actions }) }),
+    merging ? /* @__PURE__ */ jsx98(
       MergeRecordDialog,
       {
         tableId,
@@ -29440,7 +29603,7 @@ function RecordActionMenu({ tableId, row, name, onOpenRecord, onChanged, childre
 }
 
 // src/Pipeline.tsx
-import { jsx as jsx98, jsxs as jsxs89 } from "react/jsx-runtime";
+import { jsx as jsx99, jsxs as jsxs90 } from "react/jsx-runtime";
 var UNPLACED = "\0unplaced";
 function stageOfCard(row, stageKey, stages) {
   const document2 = row.document ?? {};
@@ -29474,38 +29637,39 @@ function PipelineBoard({
   onChanged,
   style,
   dateFields,
+  canAdd = false,
   className
 }) {
-  const client = useRecordsClient59();
+  const client = useRecordsClient60();
   const fields = useFields17(tableId);
   const ownDecorations = useTableDecorations(style ? null : tableId);
-  const cardStyle = useMemo48(
+  const cardStyle = useMemo49(
     () => style ?? resolveTableStyle(ownDecorations.data, fields.data ?? [], void 0),
     [style, ownDecorations.data, fields.data]
   );
-  const [definition, setDefinition] = useState82(null);
-  const [columns, setColumns] = useState82([]);
-  const [error, setError] = useState82(null);
-  const [loading, setLoading] = useState82(true);
-  const [pending, setPending] = useState82({ kind: "none" });
-  const [waiting, setWaiting] = useState82(/* @__PURE__ */ new Map());
-  const [dragging, setDragging] = useState82(null);
-  const [over, setOver] = useState82(null);
-  const alive = useRef37(true);
-  const [selected, setSelected] = useState82(/* @__PURE__ */ new Set());
-  const anchor = useRef37(null);
-  const [batch, setBatch] = useState82(/* @__PURE__ */ new Map());
-  const [batchSaid, setBatchSaid] = useState82(null);
-  const [batchError, setBatchError] = useState82(null);
-  const [moving, setMoving] = useState82(false);
-  useEffect67(() => {
+  const [definition, setDefinition] = useState83(null);
+  const [columns, setColumns] = useState83([]);
+  const [error, setError] = useState83(null);
+  const [loading, setLoading] = useState83(true);
+  const [pending, setPending] = useState83({ kind: "none" });
+  const [waiting, setWaiting] = useState83(/* @__PURE__ */ new Map());
+  const [dragging, setDragging] = useState83(null);
+  const [over, setOver] = useState83(null);
+  const alive = useRef38(true);
+  const [selected, setSelected] = useState83(/* @__PURE__ */ new Set());
+  const anchor = useRef38(null);
+  const [batch, setBatch] = useState83(/* @__PURE__ */ new Map());
+  const [batchSaid, setBatchSaid] = useState83(null);
+  const [batchError, setBatchError] = useState83(null);
+  const [moving, setMoving] = useState83(false);
+  useEffect68(() => {
     alive.current = true;
     return () => {
       alive.current = false;
     };
   }, []);
   const filterKey = stableFilterKey3(filter);
-  const reload = useCallback36(async () => {
+  const reload = useCallback37(async () => {
     setLoading(true);
     const [read, board, held] = await Promise.all([
       client.pipelineRead({ table_id: tableId }),
@@ -29523,15 +29687,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]);
-  useEffect67(() => {
+  useEffect68(() => {
     void reload();
   }, [reload]);
   const versions = useRecordVersions(client, rows, (r) => mayDrag(r.level));
-  const versionsRef = useRef37(versions);
+  const versionsRef = useRef38(versions);
   versionsRef.current = versions;
   const drawnVersion = (id) => versionsRef.current.seen(id);
   const stageKey = definition?.stage_field ?? null;
-  const cardsByStage = useMemo48(() => {
+  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 = useMemo49(() => {
     const map = /* @__PURE__ */ new Map();
     if (!stageKey) return map;
     for (const row of rows) {
@@ -29542,16 +29714,16 @@ function PipelineBoard({
   }, [rows, stageKey, definition?.stages]);
   const unplaced = cardsByStage.get(UNPLACED) ?? [];
   const all = fields.data ?? [];
-  const titleField = useMemo48(
+  const titleField = useMemo49(
     () => cardTitleField(all, titleKey ?? null, [stageKey]),
     [all, stageKey, titleKey]
   );
   const unplacedLabels = useRecordLabels(titleField ? [titleField] : []);
-  const measurable = useMemo48(
+  const measurable = useMemo49(
     () => all.filter((f) => ["number", "currency", "percentage"].includes(String(f.type ?? ""))),
     [all]
   );
-  const drop = useCallback36(
+  const drop = useCallback37(
     async (recordId, to) => {
       setOver(null);
       setDragging(null);
@@ -29591,7 +29763,7 @@ function PipelineBoard({
     },
     [client, onMoved, reload]
   );
-  const askForApproval = useCallback36(
+  const askForApproval = useCallback37(
     async (recordId, to) => {
       const moved = await movePipelineCardAt(client, { record_id: recordId, to, version: await drawnVersion(recordId) });
       if (!alive.current) return;
@@ -29606,7 +29778,7 @@ function PipelineBoard({
     },
     [client, onMoved, reload]
   );
-  const moveWith = useCallback36(
+  const moveWith = useCallback37(
     async (recordId, to, also) => {
       const moved = await movePipelineCardAt(client, { record_id: recordId, to, also, version: await drawnVersion(recordId) });
       if (!alive.current) return;
@@ -29670,15 +29842,15 @@ function PipelineBoard({
     onMoved?.();
     void reload();
   };
-  if (fields.error) return /* @__PURE__ */ jsx98(RefusalNotice, { error: fields.error });
-  if (error) return /* @__PURE__ */ jsx98(RefusalNotice, { error });
-  if (loading || fields.loading && !fields.data) return /* @__PURE__ */ jsx98(Skeleton11, { className: "h-40 w-full" });
+  if (fields.error) return /* @__PURE__ */ jsx99(RefusalNotice, { error: fields.error });
+  if (error) return /* @__PURE__ */ jsx99(RefusalNotice, { error });
+  if (loading || fields.loading && !fields.data) return /* @__PURE__ */ jsx99(Skeleton11, { className: "h-40 w-full" });
   if (!definition?.is_pipeline) {
-    return /* @__PURE__ */ jsx98("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__ */ jsx99("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__ */ jsxs89(
+  return /* @__PURE__ */ jsxs90(
     "div",
     {
       className: cn50("flex min-h-0 flex-col gap-2", className),
@@ -29689,7 +29861,7 @@ function PipelineBoard({
         }
       },
       children: [
-        selectedInOrder.length > 0 ? /* @__PURE__ */ jsxs89(
+        selectedInOrder.length > 0 ? /* @__PURE__ */ jsxs90(
           "div",
           {
             "data-records-bulk-bar": true,
@@ -29697,40 +29869,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__ */ jsxs89("span", { className: "font-medium", children: [
+              /* @__PURE__ */ jsxs90("span", { className: "font-medium", children: [
                 selectedInOrder.length,
                 " ",
                 selectedInOrder.length === 1 ? "card" : "cards",
                 " selected"
               ] }),
-              /* @__PURE__ */ jsx98(Button62, { size: "sm", variant: "ghost", className: "h-7 px-2 text-xs", onClick: clearSelection, children: "Clear" }),
-              /* @__PURE__ */ jsxs89(DropdownMenu8, { children: [
-                /* @__PURE__ */ jsx98(DropdownMenuTrigger8, { asChild: true, children: /* @__PURE__ */ jsx98(Button62, { size: "sm", className: "h-7 px-2 text-xs", disabled: moving, children: moving ? `Moving ${selectedInOrder.length}\u2026` : `Move ${selectedInOrder.length} to\u2026` }) }),
-                /* @__PURE__ */ jsx98(DropdownMenuContent8, { align: "start", children: stages.map((stage) => /* @__PURE__ */ jsxs89(DropdownMenuItem7, { onSelect: () => void moveSelected(stage.key, stage.label), children: [
+              /* @__PURE__ */ jsx99(Button63, { size: "sm", variant: "ghost", className: "h-7 px-2 text-xs", onClick: clearSelection, children: "Clear" }),
+              /* @__PURE__ */ jsxs90(DropdownMenu8, { children: [
+                /* @__PURE__ */ jsx99(DropdownMenuTrigger8, { asChild: true, children: /* @__PURE__ */ jsx99(Button63, { size: "sm", className: "h-7 px-2 text-xs", disabled: moving, children: moving ? `Moving ${selectedInOrder.length}\u2026` : `Move ${selectedInOrder.length} to\u2026` }) }),
+                /* @__PURE__ */ jsx99(DropdownMenuContent8, { align: "start", children: stages.map((stage) => /* @__PURE__ */ jsxs90(DropdownMenuItem7, { onSelect: () => void moveSelected(stage.key, stage.label), children: [
                   "Move ",
                   selectedInOrder.length,
                   " to ",
                   stage.label
                 ] }, stage.key)) })
               ] }),
-              /* @__PURE__ */ jsx98("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__ */ jsx99("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__ */ jsx98(
+        batchError ? /* @__PURE__ */ jsx99(
           RefusalNotice,
           {
             error: batchError,
-            actions: /* @__PURE__ */ jsx98(Button62, { size: "sm", variant: "ghost", className: "mt-1 h-6", onClick: () => setBatchError(null), children: "Close" })
+            actions: /* @__PURE__ */ jsx99(Button63, { size: "sm", variant: "ghost", className: "mt-1 h-6", onClick: () => setBatchError(null), children: "Close" })
           }
         ) : null,
-        batchSaid ? /* @__PURE__ */ jsxs89("p", { className: "flex items-center gap-2 text-xs", role: "status", "data-testid": "pipeline-batch-said", children: [
-          /* @__PURE__ */ jsx98("span", { children: batchSaid }),
-          /* @__PURE__ */ jsx98(Button62, { size: "sm", variant: "ghost", className: "h-6 px-2", onClick: () => setBatchSaid(null), children: "Close" })
+        batchSaid ? /* @__PURE__ */ jsxs90("p", { className: "flex items-center gap-2 text-xs", role: "status", "data-testid": "pipeline-batch-said", children: [
+          /* @__PURE__ */ jsx99("span", { children: batchSaid }),
+          /* @__PURE__ */ jsx99(Button63, { size: "sm", variant: "ghost", className: "h-6 px-2", onClick: () => setBatchSaid(null), children: "Close" })
         ] }) : null,
-        measurable.length > 0 && onMeasureChange ? /* @__PURE__ */ jsxs89("div", { className: "flex items-center gap-1.5 text-xs", children: [
-          /* @__PURE__ */ jsx98("label", { className: "text-muted-foreground", htmlFor: "pipeline-measure", children: "Total" }),
-          /* @__PURE__ */ jsx98(
+        measurable.length > 0 && onMeasureChange ? /* @__PURE__ */ jsxs90("div", { className: "flex items-center gap-1.5 text-xs", children: [
+          /* @__PURE__ */ jsx99("label", { className: "text-muted-foreground", htmlFor: "pipeline-measure", children: "Total" }),
+          /* @__PURE__ */ jsx99(
             PickOne,
             {
               id: "pipeline-measure",
@@ -29741,10 +29913,10 @@ function PipelineBoard({
             }
           )
         ] }) : null,
-        /* @__PURE__ */ jsx98("div", { className: "flex min-h-0 gap-2 overflow-x-auto pb-2", "data-records-board": true, children: stages.map((stage) => {
+        /* @__PURE__ */ jsx99("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__ */ jsxs89(
+          return /* @__PURE__ */ jsxs90(
             "section",
             {
               onDragOver: (e) => {
@@ -29763,23 +29935,23 @@ function PipelineBoard({
                 n?.over_limit ? "border-destructive" : ""
               ),
               children: [
-                /* @__PURE__ */ jsxs89("header", { className: "flex items-baseline gap-2 border-b px-2 py-1 text-xs font-medium", children: [
-                  /* @__PURE__ */ jsx98("span", { className: "truncate", children: stage.label }),
-                  /* @__PURE__ */ jsxs89("span", { className: "ml-auto shrink-0 tabular-nums text-muted-foreground", children: [
+                /* @__PURE__ */ jsxs90("header", { className: "flex items-baseline gap-2 border-b px-2 py-1 text-xs font-medium", children: [
+                  /* @__PURE__ */ jsx99("span", { className: "truncate", children: stage.label }),
+                  /* @__PURE__ */ jsxs90("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__ */ jsxs89("p", { className: "border-b px-2 py-1 text-xs text-destructive", children: [
+                n?.over_limit ? /* @__PURE__ */ jsxs90("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__ */ jsx98("ul", { className: "flex flex-col gap-1 p-1", children: cards.map((card) => /* @__PURE__ */ jsxs89("li", { children: [
-                  /* @__PURE__ */ jsx98(
+                /* @__PURE__ */ jsx99("ul", { className: "flex flex-col gap-1 p-1", children: cards.map((card) => /* @__PURE__ */ jsxs90("li", { children: [
+                  /* @__PURE__ */ jsx99(
                     RecordActionMenu,
                     {
                       tableId,
@@ -29790,7 +29962,7 @@ function PipelineBoard({
                         onChanged?.();
                         void reload();
                       },
-                      children: /* @__PURE__ */ jsx98(
+                      children: /* @__PURE__ */ jsx99(
                         PipelineCard,
                         {
                           record: card,
@@ -29813,7 +29985,7 @@ function PipelineBoard({
                       )
                     }
                   ),
-                  pending.kind !== "none" && pending.recordId === card.id ? /* @__PURE__ */ jsx98(
+                  pending.kind !== "none" && pending.recordId === card.id ? /* @__PURE__ */ jsx99(
                     Held,
                     {
                       pending,
@@ -29825,7 +29997,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__ */ jsx98(
+                    /* @__PURE__ */ jsx99(
                       Held,
                       {
                         pending: batch.get(card.id),
@@ -29851,13 +30023,23 @@ function PipelineBoard({
                       }
                     )
                   ) : null
-                ] }, card.id)) })
+                ] }, card.id)) }),
+                canAdd && stageKey ? /* @__PURE__ */ jsx99(
+                  "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__ */ jsxs89("p", { className: "text-xs text-muted-foreground", "data-testid": "pipeline-unplaced", children: [
+        unplaced.length > 0 ? /* @__PURE__ */ jsxs90("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(", "),
@@ -29878,17 +30060,17 @@ function Held({
   onFill,
   onAsk
 }) {
-  const [draft, setDraft] = useState82({});
+  const [draft, setDraft] = useState83({});
   if (pending.kind === "asking") {
-    return /* @__PURE__ */ jsx98("p", { className: "px-2 py-1 text-xs text-muted-foreground", children: "Asking\u2026" });
+    return /* @__PURE__ */ jsx99("p", { className: "px-2 py-1 text-xs text-muted-foreground", children: "Asking\u2026" });
   }
   if (pending.kind === "clash") {
-    return /* @__PURE__ */ jsx98(
+    return /* @__PURE__ */ jsx99(
       RefusalNotice,
       {
         className: "mt-1",
         error: pending.error,
-        actions: /* @__PURE__ */ jsx98("div", { className: "mt-1", children: /* @__PURE__ */ jsx98(Button62, { size: "sm", variant: "ghost", className: "h-6", onClick: onCancel, children: "Close" }) })
+        actions: /* @__PURE__ */ jsx99("div", { className: "mt-1", children: /* @__PURE__ */ jsx99(Button63, { size: "sm", variant: "ghost", className: "h-6", onClick: onCancel, children: "Close" }) })
       }
     );
   }
@@ -29896,7 +30078,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__ */ jsx98(
+      /* @__PURE__ */ jsx99(
         RefusalNotice,
         {
           className: "mt-1",
@@ -29905,50 +30087,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__ */ jsx98(Button62, { size: "sm", variant: "ghost", className: "mt-1 h-6", onClick: onCancel, children: "Close" })
+          actions: /* @__PURE__ */ jsx99(Button63, { size: "sm", variant: "ghost", className: "mt-1 h-6", onClick: onCancel, children: "Close" })
         }
       )
     );
   }
   if (pending.kind === "approval") {
-    return /* @__PURE__ */ jsxs89("div", { className: "mt-1 flex flex-col gap-1 rounded border p-2 text-xs", children: [
-      /* @__PURE__ */ jsx98("p", { children: pending.verdict.why }),
-      pending.verdict.what_happens ? /* @__PURE__ */ jsx98("p", { className: "text-muted-foreground", children: pending.verdict.what_happens }) : null,
-      /* @__PURE__ */ jsxs89("div", { className: "flex items-center gap-1", children: [
-        /* @__PURE__ */ jsx98(Button62, { size: "sm", className: "h-6", onClick: onAsk, children: "Ask for approval" }),
-        /* @__PURE__ */ jsx98(Button62, { size: "sm", variant: "ghost", className: "h-6", onClick: onCancel, children: "Leave it where it was" })
+    return /* @__PURE__ */ jsxs90("div", { className: "mt-1 flex flex-col gap-1 rounded border p-2 text-xs", children: [
+      /* @__PURE__ */ jsx99("p", { children: pending.verdict.why }),
+      pending.verdict.what_happens ? /* @__PURE__ */ jsx99("p", { className: "text-muted-foreground", children: pending.verdict.what_happens }) : null,
+      /* @__PURE__ */ jsxs90("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ jsx99(Button63, { size: "sm", className: "h-6", onClick: onAsk, children: "Ask for approval" }),
+        /* @__PURE__ */ jsx99(Button63, { size: "sm", variant: "ghost", className: "h-6", onClick: onCancel, children: "Leave it where it was" })
       ] })
     ] });
   }
   if (pending.kind === "filed") {
-    return /* @__PURE__ */ jsxs89("div", { className: "mt-1 rounded border p-2 text-xs", children: [
-      /* @__PURE__ */ jsx98("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__ */ jsxs89("p", { className: "text-muted-foreground", children: [
+    return /* @__PURE__ */ jsxs90("div", { className: "mt-1 rounded border p-2 text-xs", children: [
+      /* @__PURE__ */ jsx99("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__ */ jsxs90("p", { className: "text-muted-foreground", children: [
         "With",
         " ",
         (pending.result.approvers ?? []).map((a) => a.name ?? "somebody who can approve it").join(", "),
         "."
       ] }) : null,
-      /* @__PURE__ */ jsx98(Button62, { size: "sm", variant: "ghost", className: "mt-1 h-6", onClick: onCancel, children: "Close" })
+      /* @__PURE__ */ jsx99(Button63, { size: "sm", variant: "ghost", className: "mt-1 h-6", onClick: onCancel, children: "Close" })
     ] });
   }
   if (pending.kind === "warned") {
-    return /* @__PURE__ */ jsxs89("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__ */ jsxs89("div", { children: [
-        /* @__PURE__ */ jsx98("p", { children: w.why }),
-        /* @__PURE__ */ jsx98("p", { className: "text-muted-foreground", children: w.what_to_do })
+    return /* @__PURE__ */ jsxs90("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__ */ jsxs90("div", { children: [
+        /* @__PURE__ */ jsx99("p", { children: w.why }),
+        /* @__PURE__ */ jsx99("p", { className: "text-muted-foreground", children: w.what_to_do })
       ] }, w.rule_id)),
-      /* @__PURE__ */ jsx98(Button62, { size: "sm", variant: "ghost", className: "h-6 self-start", onClick: onCancel, children: "Close" })
+      /* @__PURE__ */ jsx99(Button63, { 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__ */ jsxs89("div", { className: "mt-1 flex flex-col gap-1 rounded border p-2 text-xs", children: [
-    /* @__PURE__ */ jsx98("p", { children: pending.verdict.why }),
-    missing.map((m) => /* @__PURE__ */ jsxs89("label", { className: "flex flex-col gap-0.5", children: [
-      /* @__PURE__ */ jsx98("span", { className: "text-muted-foreground", children: m.label }),
-      /* @__PURE__ */ jsx98(
+  return /* @__PURE__ */ jsxs90("div", { className: "mt-1 flex flex-col gap-1 rounded border p-2 text-xs", children: [
+    /* @__PURE__ */ jsx99("p", { children: pending.verdict.why }),
+    missing.map((m) => /* @__PURE__ */ jsxs90("label", { className: "flex flex-col gap-0.5", children: [
+      /* @__PURE__ */ jsx99("span", { className: "text-muted-foreground", children: m.label }),
+      /* @__PURE__ */ jsx99(
         "input",
         {
           className: "h-7 rounded border bg-background px-1",
@@ -29957,21 +30139,21 @@ function Held({
         }
       )
     ] }, m.key)),
-    /* @__PURE__ */ jsxs89("div", { className: "flex items-center gap-1", children: [
-      ready ? /* @__PURE__ */ jsx98(
-        Button62,
+    /* @__PURE__ */ jsxs90("div", { className: "flex items-center gap-1", children: [
+      ready ? /* @__PURE__ */ jsx99(
+        Button63,
         {
           size: "sm",
           className: "h-6",
           onClick: () => onFill(Object.fromEntries(missing.map((m) => [m.key, draft[m.key]]))),
           children: "Fill in and move"
         }
-      ) : /* @__PURE__ */ jsxs89("span", { className: "text-muted-foreground", children: [
+      ) : /* @__PURE__ */ jsxs90("span", { className: "text-muted-foreground", children: [
         "Fill ",
         missing.length === 1 ? "it" : "them",
         " in and the move goes through."
       ] }),
-      /* @__PURE__ */ jsx98(Button62, { size: "sm", variant: "ghost", className: "h-6", onClick: onCancel, children: "Leave it where it was" })
+      /* @__PURE__ */ jsx99(Button63, { size: "sm", variant: "ghost", className: "h-6", onClick: onCancel, children: "Leave it where it was" })
     ] }),
     fields.length === 0 ? null : null
   ] });
@@ -29995,7 +30177,7 @@ function PipelineCard({
   const color = style ? resolveRowColor(style, { id: record.id, data: record.document ?? {} }, colorFromTheValue) : null;
   const draggable = mayDrag(record.level);
   const { text: label, withheld } = cardWords(record, field2, labels);
-  return /* @__PURE__ */ jsxs89(
+  return /* @__PURE__ */ jsxs90(
     "button",
     {
       type: "button",
@@ -30036,9 +30218,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__ */ jsx98("span", { className: "block truncate", children: label }),
-        dates && dates.length > 0 ? /* @__PURE__ */ jsx98(CardDates, { record, fields: dates }) : null,
-        waiting ? /* @__PURE__ */ jsxs89(
+        /* @__PURE__ */ jsx99("span", { className: "block truncate", children: label }),
+        dates && dates.length > 0 ? /* @__PURE__ */ jsx99(CardDates, { record, fields: dates }) : null,
+        waiting ? /* @__PURE__ */ jsxs90(
           "span",
           {
             className: "mt-0.5 block truncate text-[10px] font-medium text-amber-600 dark:text-amber-400",
@@ -30115,159 +30297,61 @@ function batchSentence(moved, waiting, notMoved, label) {
   return said;
 }
 
-// src/CalendarView.tsx
-import { useEffect as useEffect69, useMemo as useMemo51, useRef as useRef39, useState as useState84 } from "react";
-import { mayDrag as mayDrag2 } from "@ai-matrx/records/react";
-import { Button as Button64, Select as Select13, SelectContent as SelectContent13, SelectItem as SelectItem13, SelectTrigger as SelectTrigger13, SelectValue as SelectValue13, cn as cn51 } from "@ai-matrx/design-system";
-import { CHOICE_CHIP_CLASS as CHOICE_CHIP_CLASS2 } from "@ai-matrx/design-system/data-table";
-
-// src/recordMoves.tsx
-import { useCallback as useCallback37, useEffect as useEffect68, useMemo as useMemo49, useRef as useRef38, useState as useState83 } from "react";
-import { useRecordsClient as useRecordsClient60 } from "@ai-matrx/records/react";
-import { Button as Button63 } from "@ai-matrx/design-system";
-import { Fragment as Fragment40, jsx as jsx99, jsxs as jsxs90 } from "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
+import { jsx as jsx100, jsxs as jsxs91 } from "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 = useRecordsClient60();
-  const [refused, setRefused] = useState83(null);
-  const versions = useRecordVersions(client, rows);
-  const [stale, setStale] = useState83(null);
-  const reload = useCallback37(() => onMoved?.(), [onMoved]);
-  const forget = useCallback37(() => void 0, []);
-  const undo = useGridUndo({
-    tableId,
-    reload,
-    forget,
-    onVersions: (written) => {
-      for (const v of written) versions.wrote(v.id, v.version);
-    }
-  });
-  const move = useCallback37(
-    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__ */ jsxs91("details", { className: "text-xs text-muted-foreground", "data-records-card-fields": layout, children: [
+    /* @__PURE__ */ jsx100("summary", { className: "cursor-pointer select-none", children: summary }),
+    /* @__PURE__ */ jsx100("div", { className: "mt-1 flex flex-wrap gap-2", children: fields.map((field2) => /* @__PURE__ */ jsxs91("label", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ jsx100(
+        "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 = useCallback37(
-    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 = useRef38(undo);
-  undoRef.current = undo;
-  useEffect68(() => {
-    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 = useCallback37(
-    (event) => {
-      if (offering) return;
-      const which = undoKey(event);
-      if (!which) return;
-      event.preventDefault();
-      void (which === "undo" ? undo.undo() : undo.redo());
-    },
-    [undo, offering]
-  );
-  const reloadStale = useCallback37(async () => {
-    const id = stale?.id ?? null;
-    setStale(null);
-    setRefused(null);
-    if (!id) return;
-    versions.refresh([id]);
-    onMoved?.();
-  }, [versions, stale, onMoved]);
-  const notice = /* @__PURE__ */ jsxs90(Fragment40, { children: [
-    /* @__PURE__ */ jsx99(UndoNotice, { undo }),
-    stale ? /* @__PURE__ */ jsxs90(
-      "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__ */ jsx99("span", { children: stale.unread ? VERSION_UNREAD_LABEL : STALE_MOVE_LABEL }),
-          /* @__PURE__ */ jsx99(Button63, { size: "sm", variant: "outline", className: "ml-auto h-6", "data-move-reload": "", onClick: () => void reloadStale(), children: "Reload" }),
-          /* @__PURE__ */ jsx99(Button63, { size: "sm", variant: "ghost", className: "h-6", onClick: () => setStale(null), children: "Dismiss" })
-        ]
-      }
-    ) : null
+      ),
+      fieldName(field2)
+    ] }, field2.key)) }),
+    remembered ? null : /* @__PURE__ */ jsx100("p", { className: "mt-1", children: "Kept for this visit only \u2014 this screen has nowhere to save it onto the view." })
   ] });
-  return useMemo49(
-    () => ({ 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__ */ jsx99(
-    "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__ */ jsx100("span", { className: "min-w-0 shrink truncate opacity-75", "data-card-fields-inline": "", children: parts.map((p) => ` \xB7 ${p}`).join("") });
 }
 
+// src/CalendarView.tsx
+import { useEffect as useEffect69, useMemo as useMemo51, useRef as useRef39, useState as useState84 } from "react";
+import { mayDrag as mayDrag2 } from "@ai-matrx/records/react";
+import { Button as Button64, Select as Select13, SelectContent as SelectContent13, SelectItem as SelectItem13, SelectTrigger as SelectTrigger13, SelectValue as SelectValue13, cn as cn51 } from "@ai-matrx/design-system";
+import { CHOICE_CHIP_CLASS as CHOICE_CHIP_CLASS2 } from "@ai-matrx/design-system/data-table";
+
 // src/rowColorBy.tsx
 import { useMemo as useMemo50 } from "react";
 import { EMPTY_TABLE_STYLE, resolveRowColor as resolveRowColor2 } from "@ai-matrx/design-system/data-table";
@@ -30447,7 +30531,7 @@ function lookupTargets(all) {
 }
 
 // src/CalendarView.tsx
-import { Fragment as Fragment41, jsx as jsx100, jsxs as jsxs91 } from "react/jsx-runtime";
+import { Fragment as Fragment41, jsx as jsx101, jsxs as jsxs92 } from "react/jsx-runtime";
 var DRAG_TYPE = "application/x-records-card";
 var NONE = "__none__";
 var HOUR_PX = 44;
@@ -30558,12 +30642,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__ */ jsxs91("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__ */ jsx100("rect", { x: "3.5", y: "7", width: "9", height: "6.5", rx: "1" }),
-    /* @__PURE__ */ jsx100("path", { d: "M5.5 7V5a2.5 2.5 0 0 1 5 0v2" })
+  return /* @__PURE__ */ jsxs92("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__ */ jsx101("rect", { x: "3.5", y: "7", width: "9", height: "6.5", rx: "1" }),
+    /* @__PURE__ */ jsx101("path", { d: "M5.5 7V5a2.5 2.5 0 0 1 5 0v2" })
   ] });
 }
 function CalendarView({
+  cardFields,
   tableId,
   rows,
   dateField,
@@ -30867,7 +30952,7 @@ function CalendarView({
     const lockWords = mayDrag2(row.level) ? WORKED_OUT_DATE_LOCK : "View only";
     const color = colorOf(row);
     const title = titleOf(row);
-    return /* @__PURE__ */ jsxs91(
+    return /* @__PURE__ */ jsxs92(
       "button",
       {
         type: "button",
@@ -30883,19 +30968,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__ */ jsx100("span", { title: lockWords, "aria-label": lockWords, className: "inline-flex", ...mayDrag2(row.level) ? { "data-calendar-worked-out": "" } : {}, children: /* @__PURE__ */ jsx100(LockIcon, {}) }),
+          may ? null : /* @__PURE__ */ jsx101("span", { title: lockWords, "aria-label": lockWords, className: "inline-flex", ...mayDrag2(row.level) ? { "data-calendar-worked-out": "" } : {}, children: /* @__PURE__ */ jsx101(LockIcon, {}) }),
           extra,
-          /* @__PURE__ */ jsx100("span", { className: "min-w-0 truncate", children: title })
+          /* @__PURE__ */ jsx101("span", { className: "min-w-0 truncate", children: title }),
+          /* @__PURE__ */ jsx101(CardFieldsInline, { row, fields: cardFields })
         ]
       }
     );
   };
-  const refusalOn = (row) => moves.refused?.recordId === row.id ? /* @__PURE__ */ jsx100(MoveRefusedBadge, { refused: moves.refused }) : null;
+  const refusalOn = (row) => moves.refused?.recordId === row.id ? /* @__PURE__ */ jsx101(MoveRefusedBadge, { refused: moves.refused }) : null;
   const timeOn = (row) => {
     const words2 = timeOfDayWords(startOf(row));
-    return words2 ? /* @__PURE__ */ jsx100("span", { className: "shrink-0 tabular-nums text-[10px] opacity-75", "data-calendar-time": "", children: words2 }) : null;
+    return words2 ? /* @__PURE__ */ jsx101("span", { className: "shrink-0 tabular-nums text-[10px] opacity-75", "data-calendar-time": "", children: words2 }) : null;
   };
-  const listCard = (p, key) => /* @__PURE__ */ jsxs91("li", { ...dragSource(p.row), children: [
+  const listCard = (p, key) => /* @__PURE__ */ jsxs92("li", { ...dragSource(p.row), children: [
     cardFace(p.row, timeOn(p.row)),
     refusalOn(p.row)
   ] }, key);
@@ -30907,18 +30993,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__ */ jsxs91("div", { className: "flex items-center gap-1.5 whitespace-nowrap text-xs", "data-calendar-setting": label, children: [
-    /* @__PURE__ */ jsx100("span", { className: "text-muted-foreground", children: label }),
-    /* @__PURE__ */ jsxs91(Select13, { value: value ?? NONE, onValueChange: (v) => onPick(v === NONE ? null : v), children: [
-      /* @__PURE__ */ jsx100(SelectTrigger13, { size: "sm", className: "h-7 min-w-24 text-xs", "aria-label": `${label} column`, ...kept ? {} : { title: "Kept for this visit only" }, children: /* @__PURE__ */ jsx100(SelectValue13, { placeholder: "Choose" }) }),
-      /* @__PURE__ */ jsxs91(SelectContent13, { children: [
-        /* @__PURE__ */ jsx100(SelectItem13, { value: NONE, children: "None" }),
-        candidates.map((f) => /* @__PURE__ */ jsx100(SelectItem13, { value: f.key, children: fieldName(f) }, f.key)),
-        unusual ? /* @__PURE__ */ jsx100(SelectItem13, { 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__ */ jsxs92("div", { className: "flex items-center gap-1.5 whitespace-nowrap text-xs", "data-calendar-setting": label, children: [
+    /* @__PURE__ */ jsx101("span", { className: "text-muted-foreground", children: label }),
+    /* @__PURE__ */ jsxs92(Select13, { value: value ?? NONE, onValueChange: (v) => onPick(v === NONE ? null : v), children: [
+      /* @__PURE__ */ jsx101(SelectTrigger13, { size: "sm", className: "h-7 min-w-24 text-xs", "aria-label": `${label} column`, ...kept ? {} : { title: "Kept for this visit only" }, children: /* @__PURE__ */ jsx101(SelectValue13, { placeholder: "Choose" }) }),
+      /* @__PURE__ */ jsxs92(SelectContent13, { children: [
+        /* @__PURE__ */ jsx101(SelectItem13, { value: NONE, children: "None" }),
+        candidates.map((f) => /* @__PURE__ */ jsx101(SelectItem13, { value: f.key, children: fieldName(f) }, f.key)),
+        unusual ? /* @__PURE__ */ jsx101(SelectItem13, { value: unusual.key, "data-calendar-unusual": "", children: `${fieldName(unusual)} \u2014 ${UNUSUAL_FIELD_NOTE}` }, unusual.key) : null
       ] })
     ] })
   ] });
-  const pickers = all.length > 0 ? /* @__PURE__ */ jsxs91(Fragment41, { children: [
+  const pickers = all.length > 0 ? /* @__PURE__ */ jsxs92(Fragment41, { children: [
     otherDates.length > 0 || endUnusual ? picker("End", endField?.key ?? null, otherDates, (key) => {
       setEndPick(key);
       onEndFieldChange?.(key);
@@ -30928,35 +31014,35 @@ function CalendarView({
       onColorFieldChange?.(key);
     }, true) : null
   ] }) : null;
-  const toolbar = /* @__PURE__ */ jsxs91("div", { className: "flex flex-wrap items-center gap-2", children: [
-    /* @__PURE__ */ jsx100(Button64, { size: "sm", variant: "outline", onClick: () => setAnchor(today), children: "Today" }),
-    mode !== "list" ? /* @__PURE__ */ jsxs91(Fragment41, { children: [
-      /* @__PURE__ */ jsx100(Button64, { size: "sm", variant: "ghost", "aria-label": "Previous", onClick: () => step2(-1), children: "\u2039" }),
-      /* @__PURE__ */ jsx100(Button64, { size: "sm", variant: "ghost", "aria-label": "Next", onClick: () => step2(1), children: "\u203A" }),
-      /* @__PURE__ */ jsx100("h3", { className: "text-sm font-medium", "data-calendar-heading": "", children: heading })
+  const toolbar = /* @__PURE__ */ jsxs92("div", { className: "flex flex-wrap items-center gap-2", children: [
+    /* @__PURE__ */ jsx101(Button64, { size: "sm", variant: "outline", onClick: () => setAnchor(today), children: "Today" }),
+    mode !== "list" ? /* @__PURE__ */ jsxs92(Fragment41, { children: [
+      /* @__PURE__ */ jsx101(Button64, { size: "sm", variant: "ghost", "aria-label": "Previous", onClick: () => step2(-1), children: "\u2039" }),
+      /* @__PURE__ */ jsx101(Button64, { size: "sm", variant: "ghost", "aria-label": "Next", onClick: () => step2(1), children: "\u203A" }),
+      /* @__PURE__ */ jsx101("h3", { className: "text-sm font-medium", "data-calendar-heading": "", children: heading })
     ] }) : null,
-    /* @__PURE__ */ jsxs91("div", { className: "ml-auto flex flex-wrap items-center gap-2", children: [
+    /* @__PURE__ */ jsxs92("div", { className: "ml-auto flex flex-wrap items-center gap-2", children: [
       pickers,
-      /* @__PURE__ */ jsx100("div", { className: "flex items-center gap-0.5", role: "group", "aria-label": "Calendar layout", children: ["month", "week", "day", "list"].map((m) => /* @__PURE__ */ jsx100(Button64, { 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__ */ jsx101("div", { className: "flex items-center gap-0.5", role: "group", "aria-label": "Calendar layout", children: ["month", "week", "day", "list"].map((m) => /* @__PURE__ */ jsx101(Button64, { 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__ */ jsxs91("aside", { className: "flex min-w-0 flex-col gap-1 sm:w-56 sm:shrink-0", "data-calendar-undated": "", children: [
-      /* @__PURE__ */ jsxs91("h4", { className: "text-xs font-medium", children: [
+    /* @__PURE__ */ jsxs92("aside", { className: "flex min-w-0 flex-col gap-1 sm:w-56 sm:shrink-0", "data-calendar-undated": "", children: [
+      /* @__PURE__ */ jsxs92("h4", { className: "text-xs font-medium", children: [
         "Unscheduled \xB7 ",
         undated.length
       ] }),
-      /* @__PURE__ */ jsx100("ul", { className: "flex flex-col gap-1 overflow-y-auto", children: undated.map((row) => listCard({ row }, `tray:${row.id}`)) })
+      /* @__PURE__ */ jsx101("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__ */ jsx100("div", { className: "min-w-0 flex-1 overflow-x-auto", children: /* @__PURE__ */ jsxs91("div", { className: "min-w-[560px] border-l border-t", role: "grid", "aria-label": heading, "data-calendar-month": "", children: [
-      /* @__PURE__ */ jsx100("div", { className: "grid grid-cols-7", role: "row", children: Array.from({ length: 7 }, (_, i) => addDays2(first, i)).map((d) => /* @__PURE__ */ jsx100("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__ */ jsx100(
+    body = /* @__PURE__ */ jsx101("div", { className: "min-w-0 flex-1 overflow-x-auto", children: /* @__PURE__ */ jsxs92("div", { className: "min-w-[560px] border-l border-t", role: "grid", "aria-label": heading, "data-calendar-month": "", children: [
+      /* @__PURE__ */ jsx101("div", { className: "grid grid-cols-7", role: "row", children: Array.from({ length: 7 }, (_, i) => addDays2(first, i)).map((d) => /* @__PURE__ */ jsx101("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__ */ jsx101(
         MonthWeek,
         {
           weekStart: ws,
@@ -30971,11 +31057,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__ */ jsxs91("div", { ...dragSource(p.row), className: "relative h-full", children: [
+          bar: (p, key) => /* @__PURE__ */ jsxs92("div", { ...dragSource(p.row), className: "relative h-full", children: [
             cardFace(p.row, null, "h-full"),
-            endField && canMove(p.row) ? /* @__PURE__ */ jsxs91(Fragment41, { children: [
-              /* @__PURE__ */ jsx100("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__ */ jsx100("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__ */ jsxs92(Fragment41, { children: [
+              /* @__PURE__ */ jsx101("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__ */ jsx101("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
@@ -30995,14 +31081,14 @@ function CalendarView({
       })
     );
     const columns = `3.5rem repeat(${days.length}, minmax(0, 1fr))`;
-    body = /* @__PURE__ */ jsx100("div", { className: "min-w-0 flex-1 overflow-x-auto", children: /* @__PURE__ */ jsxs91("div", { className: cn51("border-l border-t", days.length > 1 ? "min-w-[640px]" : ""), "data-calendar-week": "", "data-calendar-days": days.length, children: [
-      /* @__PURE__ */ jsxs91("div", { className: "grid", style: { gridTemplateColumns: columns }, children: [
-        /* @__PURE__ */ jsx100("div", { className: "border-b border-r" }),
-        days.map((d) => /* @__PURE__ */ jsx100("div", { className: cn51("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__ */ jsx100("div", { className: "border-b border-r px-1 py-0.5 text-[10px] text-muted-foreground", children: "All day" }),
-        days.map((d) => /* @__PURE__ */ jsx100("div", { "data-calendar-day": d, className: cn51("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__ */ jsx100("ul", { className: "flex flex-col gap-0.5", children: allDay(d).map((p) => listCard(p, `${p.row.id}:${d}`)) }) }, `a${d}`))
+    body = /* @__PURE__ */ jsx101("div", { className: "min-w-0 flex-1 overflow-x-auto", children: /* @__PURE__ */ jsxs92("div", { className: cn51("border-l border-t", days.length > 1 ? "min-w-[640px]" : ""), "data-calendar-week": "", "data-calendar-days": days.length, children: [
+      /* @__PURE__ */ jsxs92("div", { className: "grid", style: { gridTemplateColumns: columns }, children: [
+        /* @__PURE__ */ jsx101("div", { className: "border-b border-r" }),
+        days.map((d) => /* @__PURE__ */ jsx101("div", { className: cn51("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__ */ jsx101("div", { className: "border-b border-r px-1 py-0.5 text-[10px] text-muted-foreground", children: "All day" }),
+        days.map((d) => /* @__PURE__ */ jsx101("div", { "data-calendar-day": d, className: cn51("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__ */ jsx101("ul", { className: "flex flex-col gap-0.5", children: allDay(d).map((p) => listCard(p, `${p.row.id}:${d}`)) }) }, `a${d}`))
       ] }),
-      /* @__PURE__ */ jsx100(
+      /* @__PURE__ */ jsx101(
         WeekHours,
         {
           days,
@@ -31010,8 +31096,8 @@ function CalendarView({
           today,
           timeDrop,
           onSlotPointerDown: creates ? beginSelect : void 0,
-          overlay: (d) => /* @__PURE__ */ jsxs91(Fragment41, { children: [
-            ghost && ghost.day === d && ghost.minute !== null ? /* @__PURE__ */ jsx100(
+          overlay: (d) => /* @__PURE__ */ jsxs92(Fragment41, { children: [
+            ghost && ghost.day === d && ghost.minute !== null ? /* @__PURE__ */ jsx101(
               "div",
               {
                 "aria-hidden": "true",
@@ -31021,7 +31107,7 @@ function CalendarView({
                 children: `${dayDate(d).toLocaleDateString(void 0, { weekday: "short" })} ${timeLabel(ghost.minute)}`
               }
             ) : null,
-            selecting && selecting.day === d ? /* @__PURE__ */ jsx100(
+            selecting && selecting.day === d ? /* @__PURE__ */ jsx101(
               "div",
               {
                 "aria-hidden": "true",
@@ -31034,7 +31120,7 @@ function CalendarView({
           ] }),
           render: (d) => timed(d).map(({ p, start, end, col, cols }) => {
             const tight = cols > 1 && end - start < 45;
-            return /* @__PURE__ */ jsxs91(
+            return /* @__PURE__ */ jsxs92(
               "div",
               {
                 ...dragSource(p.row),
@@ -31044,11 +31130,11 @@ function CalendarView({
                 children: [
                   cardFace(
                     p.row,
-                    tight ? null : /* @__PURE__ */ jsx100("span", { className: "shrink-0 tabular-nums text-[10px] opacity-75", "data-calendar-time": "", children: timeLabel(start) }),
+                    tight ? null : /* @__PURE__ */ jsx101("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.
                     cn51("h-full items-start", !tight && end - start >= 45 && cols > 1 ? "flex-col gap-0" : void 0)
                   ),
-                  endField && !endWorkedOut && canMove(p.row) ? /* @__PURE__ */ jsx100(
+                  endField && !endWorkedOut && canMove(p.row) ? /* @__PURE__ */ jsx101(
                     "div",
                     {
                       role: "separator",
@@ -31060,7 +31146,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__ */ jsx100("div", { className: "absolute left-0 top-full z-30", children: refusalOn(p.row) })
+                    /* @__PURE__ */ jsx101("div", { className: "absolute left-0 top-full z-30", children: refusalOn(p.row) })
                   ) : null
                 ]
               },
@@ -31074,12 +31160,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__ */ jsx100("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__ */ jsxs91("li", { className: "flex gap-3 p-2", "data-calendar-day": d, ...dayDrop(d), children: [
-      /* @__PURE__ */ jsx100("span", { className: cn51("w-24 shrink-0 text-xs font-medium tabular-nums", d === today ? "text-primary" : ""), children: calendarDayLabel(d) }),
-      /* @__PURE__ */ jsx100("ul", { className: "flex min-w-0 flex-1 flex-col gap-1", children: cards.map((p) => listCard(p, `${p.row.id}:${d}`)) })
+    body = /* @__PURE__ */ jsx101("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__ */ jsxs92("li", { className: "flex gap-3 p-2", "data-calendar-day": d, ...dayDrop(d), children: [
+      /* @__PURE__ */ jsx101("span", { className: cn51("w-24 shrink-0 text-xs font-medium tabular-nums", d === today ? "text-primary" : ""), children: calendarDayLabel(d) }),
+      /* @__PURE__ */ jsx101("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__ */ jsxs91(
+  return /* @__PURE__ */ jsxs92(
     "div",
     {
       ref: frame,
@@ -31090,9 +31176,9 @@ function CalendarView({
         if (!frame.current?.contains(e.relatedTarget)) setGhost(null);
       },
       children: [
-        note ? /* @__PURE__ */ jsx100("p", { className: "text-xs text-muted-foreground", children: note }) : null,
+        note ? /* @__PURE__ */ jsx101("p", { className: "text-xs text-muted-foreground", children: note }) : null,
         toolbar,
-        /* @__PURE__ */ jsxs91("div", { className: "flex min-h-0 flex-col gap-3 sm:flex-row", children: [
+        /* @__PURE__ */ jsxs92("div", { className: "flex min-h-0 flex-col gap-3 sm:flex-row", children: [
           body,
           tray
         ] }),
@@ -31129,7 +31215,7 @@ function MonthWeek({
   });
   const lanesShown = Math.min(laneEnds.length, MONTH_ROWS - 1);
   const singlesFit = MONTH_ROWS - lanesShown;
-  return /* @__PURE__ */ jsxs91("div", { className: "relative grid grid-cols-7", role: "row", "data-calendar-week-row": weekStart, children: [
+  return /* @__PURE__ */ jsxs92("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);
@@ -31141,7 +31227,7 @@ function MonthWeek({
         if (e.target.closest("button, [data-calendar-card], [role=dialog]")) return;
         onCreate(d);
       };
-      return /* @__PURE__ */ jsxs91(
+      return /* @__PURE__ */ jsxs92(
         "div",
         {
           role: "gridcell",
@@ -31156,8 +31242,8 @@ function MonthWeek({
           ...dayDrop(d),
           ...canCreate ? { onClick: create } : {},
           children: [
-            /* @__PURE__ */ jsxs91("div", { className: "flex items-center", children: [
-              canCreate ? /* @__PURE__ */ jsx100(
+            /* @__PURE__ */ jsxs92("div", { className: "flex items-center", children: [
+              canCreate ? /* @__PURE__ */ jsx101(
                 "button",
                 {
                   type: "button",
@@ -31168,7 +31254,7 @@ function MonthWeek({
                   children: "+"
                 }
               ) : null,
-              /* @__PURE__ */ jsx100(
+              /* @__PURE__ */ jsx101(
                 "span",
                 {
                   className: cn51(
@@ -31179,14 +31265,14 @@ function MonthWeek({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx100("div", { style: { height: lanesShown * BAR_PX }, "aria-hidden": "true" }),
-            /* @__PURE__ */ jsx100("ul", { className: "flex flex-col gap-0.5", children: shown4.map((p) => card(p, `${p.row.id}:${d}`)) }),
-            more > 0 ? /* @__PURE__ */ jsxs91("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__ */ jsx101("div", { style: { height: lanesShown * BAR_PX }, "aria-hidden": "true" }),
+            /* @__PURE__ */ jsx101("ul", { className: "flex flex-col gap-0.5", children: shown4.map((p) => card(p, `${p.row.id}:${d}`)) }),
+            more > 0 ? /* @__PURE__ */ jsxs92("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__ */ jsxs91(
+            openDay === d ? /* @__PURE__ */ jsxs92(
               "div",
               {
                 role: "dialog",
@@ -31197,11 +31283,11 @@ function MonthWeek({
                   if (e.key === "Escape") onOpenDay(null);
                 },
                 children: [
-                  /* @__PURE__ */ jsxs91("div", { className: "flex items-center", children: [
-                    /* @__PURE__ */ jsx100("span", { className: "text-xs font-medium", children: calendarDayLabel(d) }),
-                    /* @__PURE__ */ jsx100(Button64, { size: "sm", variant: "ghost", className: "ml-auto h-6", "aria-label": "Close", onClick: () => onOpenDay(null), children: "\xD7" })
+                  /* @__PURE__ */ jsxs92("div", { className: "flex items-center", children: [
+                    /* @__PURE__ */ jsx101("span", { className: "text-xs font-medium", children: calendarDayLabel(d) }),
+                    /* @__PURE__ */ jsx101(Button64, { size: "sm", variant: "ghost", className: "ml-auto h-6", "aria-label": "Close", onClick: () => onOpenDay(null), children: "\xD7" })
                   ] }),
-                  /* @__PURE__ */ jsx100("ul", { className: "flex flex-col gap-0.5", children: everything.map((p) => card(p, `open:${p.row.id}:${d}`)) })
+                  /* @__PURE__ */ jsx101("ul", { className: "flex flex-col gap-0.5", children: everything.map((p) => card(p, `open:${p.row.id}:${d}`)) })
                 ]
               }
             ) : null
@@ -31213,7 +31299,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__ */ jsxs91(
+      return /* @__PURE__ */ jsxs92(
         "div",
         {
           "data-calendar-bar": `${b.from}..${b.to}`,
@@ -31249,9 +31335,9 @@ function WeekHours({
     return () => clearInterval(timer);
   }, []);
   const hours = Array.from({ length: 24 }, (_, h) => h);
-  return /* @__PURE__ */ jsx100("div", { ref: frame, className: "max-h-[36rem] overflow-y-auto", children: /* @__PURE__ */ jsxs91("div", { className: "grid", style: { gridTemplateColumns: columns }, children: [
-    /* @__PURE__ */ jsx100("div", { className: "border-r", children: hours.map((h) => /* @__PURE__ */ jsx100("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__ */ jsxs91(
+  return /* @__PURE__ */ jsx101("div", { ref: frame, className: "max-h-[36rem] overflow-y-auto", children: /* @__PURE__ */ jsxs92("div", { className: "grid", style: { gridTemplateColumns: columns }, children: [
+    /* @__PURE__ */ jsx101("div", { className: "border-r", children: hours.map((h) => /* @__PURE__ */ jsx101("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__ */ jsxs92(
       "div",
       {
         className: cn51("relative border-r", onSlotPointerDown ? "cursor-cell" : void 0),
@@ -31259,10 +31345,10 @@ function WeekHours({
         ...timeDrop(d),
         ...onSlotPointerDown ? { onPointerDown: onSlotPointerDown(d) } : {},
         children: [
-          hours.map((h) => /* @__PURE__ */ jsx100("div", { "data-calendar-slot": `${d}T${pad3(h)}`, className: "border-b", style: { height: HOUR_PX } }, h)),
+          hours.map((h) => /* @__PURE__ */ jsx101("div", { "data-calendar-slot": `${d}T${pad3(h)}`, className: "border-b", style: { height: HOUR_PX } }, h)),
           render(d),
           overlay(d),
-          d === today ? /* @__PURE__ */ jsx100(
+          d === today ? /* @__PURE__ */ jsx101(
             "div",
             {
               "aria-hidden": "true",
@@ -31290,7 +31376,7 @@ import { useEffect as useEffect70, useMemo as useMemo52, useRef as useRef40, use
 import { mayDrag as mayDrag3 } from "@ai-matrx/records/react";
 import { Button as Button65, Select as Select14, SelectContent as SelectContent14, SelectItem as SelectItem14, SelectTrigger as SelectTrigger14, SelectValue as SelectValue14, cn as cn52 } from "@ai-matrx/design-system";
 import { CHOICE_CHIP_CLASS as CHOICE_CHIP_CLASS3 } from "@ai-matrx/design-system/data-table";
-import { Fragment as Fragment42, jsx as jsx101, jsxs as jsxs92 } from "react/jsx-runtime";
+import { Fragment as Fragment42, jsx as jsx102, jsxs as jsxs93 } from "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 };
@@ -31377,12 +31463,13 @@ function scaleOf(start, days, zoom) {
   };
 }
 function LockIcon2() {
-  return /* @__PURE__ */ jsxs92("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__ */ jsx101("rect", { x: "3.5", y: "7", width: "9", height: "6.5", rx: "1" }),
-    /* @__PURE__ */ jsx101("path", { d: "M5.5 7V5a2.5 2.5 0 0 1 5 0v2" })
+  return /* @__PURE__ */ jsxs93("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__ */ jsx102("rect", { x: "3.5", y: "7", width: "9", height: "6.5", rx: "1" }),
+    /* @__PURE__ */ jsx102("path", { d: "M5.5 7V5a2.5 2.5 0 0 1 5 0v2" })
   ] });
 }
 function TimelineView({
+  cardFields,
   tableId,
   rows,
   fields,
@@ -31704,7 +31791,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__ */ jsxs92(
+    return /* @__PURE__ */ jsxs93(
       "div",
       {
         role: "button",
@@ -31736,7 +31823,7 @@ function TimelineView({
         onPointerDown: beginDrag(p, "move", { lane, top }),
         onKeyDown: barKeys(p),
         children: [
-          edges && !p.marker ? /* @__PURE__ */ jsx101(
+          edges && !p.marker ? /* @__PURE__ */ jsx102(
             "span",
             {
               role: "separator",
@@ -31746,20 +31833,21 @@ function TimelineView({
               onPointerDown: beginDrag(p, "start")
             }
           ) : null,
-          inset > 0 ? /* @__PURE__ */ jsx101("span", { "aria-hidden": "true", className: "shrink-0", style: { width: inset } }) : null,
-          may ? null : /* @__PURE__ */ jsx101(LockIcon2, {}),
-          p.marker ? /* @__PURE__ */ jsx101("span", { "aria-hidden": "true", className: "h-2 w-2 shrink-0 rotate-45 rounded-[1px] bg-current opacity-70" }) : null,
+          inset > 0 ? /* @__PURE__ */ jsx102("span", { "aria-hidden": "true", className: "shrink-0", style: { width: inset } }) : null,
+          may ? null : /* @__PURE__ */ jsx102(LockIcon2, {}),
+          p.marker ? /* @__PURE__ */ jsx102("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__ */ jsxs92("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__ */ jsx101("span", { className: "mr-1 tabular-nums text-[10px] opacity-75", "data-timeline-time": "", children: startTime }) : null,
+            /* @__PURE__ */ jsxs93("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__ */ jsx102("span", { className: "mr-1 tabular-nums text-[10px] opacity-75", "data-timeline-time": "", children: startTime }) : null,
               title
             ] })
-          ) : /* @__PURE__ */ jsxs92(Fragment42, { children: [
-            startTime ? /* @__PURE__ */ jsx101("span", { className: "shrink-0 tabular-nums text-[10px] opacity-75", "data-timeline-time": "", children: startTime }) : null,
-            /* @__PURE__ */ jsx101("span", { className: "min-w-0 truncate", children: title })
+          ) : /* @__PURE__ */ jsxs93(Fragment42, { children: [
+            startTime ? /* @__PURE__ */ jsx102("span", { className: "shrink-0 tabular-nums text-[10px] opacity-75", "data-timeline-time": "", children: startTime }) : null,
+            /* @__PURE__ */ jsx102("span", { className: "min-w-0 truncate", children: title }),
+            /* @__PURE__ */ jsx102(CardFieldsInline, { row: p.row, fields: cardFields })
           ] }),
-          edges && !endWorkedOut ? /* @__PURE__ */ jsx101(
+          edges && !endWorkedOut ? /* @__PURE__ */ jsx102(
             "span",
             {
               role: "separator",
@@ -31774,39 +31862,39 @@ function TimelineView({
       `${lane}:${p.row.id}`
     );
   };
-  const picker = (label, value, options, onPick, opts) => /* @__PURE__ */ jsxs92("div", { className: "flex items-center gap-1.5 whitespace-nowrap text-xs", "data-timeline-setting": label, children: [
-    /* @__PURE__ */ jsx101("span", { className: "text-muted-foreground", children: label }),
-    /* @__PURE__ */ jsxs92(Select14, { value: value ?? NONE2, onValueChange: (v) => onPick(v === NONE2 ? null : v), children: [
-      /* @__PURE__ */ jsx101(SelectTrigger14, { 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__ */ jsx101(SelectValue14, { placeholder: "Choose" }) }),
-      /* @__PURE__ */ jsxs92(SelectContent14, { children: [
-        opts?.none !== false ? /* @__PURE__ */ jsx101(SelectItem14, { value: NONE2, children: "None" }) : null,
-        options.map((f) => /* @__PURE__ */ jsx101(SelectItem14, { value: f.key, children: fieldName(f) }, f.key)),
-        value && !options.some((f) => f.key === value) && fields.some((f) => f.key === value) ? /* @__PURE__ */ jsx101(SelectItem14, { 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__ */ jsxs93("div", { className: "flex items-center gap-1.5 whitespace-nowrap text-xs", "data-timeline-setting": label, children: [
+    /* @__PURE__ */ jsx102("span", { className: "text-muted-foreground", children: label }),
+    /* @__PURE__ */ jsxs93(Select14, { value: value ?? NONE2, onValueChange: (v) => onPick(v === NONE2 ? null : v), children: [
+      /* @__PURE__ */ jsx102(SelectTrigger14, { 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__ */ jsx102(SelectValue14, { placeholder: "Choose" }) }),
+      /* @__PURE__ */ jsxs93(SelectContent14, { children: [
+        opts?.none !== false ? /* @__PURE__ */ jsx102(SelectItem14, { value: NONE2, children: "None" }) : null,
+        options.map((f) => /* @__PURE__ */ jsx102(SelectItem14, { value: f.key, children: fieldName(f) }, f.key)),
+        value && !options.some((f) => f.key === value) && fields.some((f) => f.key === value) ? /* @__PURE__ */ jsx102(SelectItem14, { value, "data-timeline-unusual": "", children: `${fieldName(fields.find((f) => f.key === value))} \u2014 ${UNUSUAL_FIELD_NOTE}` }, value) : null
       ] })
     ] })
   ] });
-  const settings = /* @__PURE__ */ jsxs92(Fragment42, { children: [
+  const settings = /* @__PURE__ */ jsxs93(Fragment42, { 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__ */ jsxs92("div", { className: "flex flex-wrap items-center gap-2", children: [
-    /* @__PURE__ */ jsx101(Button65, { size: "sm", variant: "outline", onClick: () => setAnchor(today), children: "Today" }),
-    /* @__PURE__ */ jsx101(Button65, { size: "sm", variant: "ghost", "aria-label": "Previous", onClick: () => setAnchor(addDays(anchor, -PAGE_DAYS[zoom])), children: "\u2039" }),
-    /* @__PURE__ */ jsx101(Button65, { size: "sm", variant: "ghost", "aria-label": "Next", onClick: () => setAnchor(addDays(anchor, PAGE_DAYS[zoom])), children: "\u203A" }),
-    /* @__PURE__ */ jsx101("h3", { className: "text-sm font-medium", "data-timeline-heading": "", children: heading }),
-    layoutKept ? null : /* @__PURE__ */ jsx101("span", { className: "text-xs text-muted-foreground", children: "Kept for this visit only" }),
-    /* @__PURE__ */ jsxs92("div", { className: "ml-auto flex flex-wrap items-center gap-2", children: [
+  const toolbar = /* @__PURE__ */ jsxs93("div", { className: "flex flex-wrap items-center gap-2", children: [
+    /* @__PURE__ */ jsx102(Button65, { size: "sm", variant: "outline", onClick: () => setAnchor(today), children: "Today" }),
+    /* @__PURE__ */ jsx102(Button65, { size: "sm", variant: "ghost", "aria-label": "Previous", onClick: () => setAnchor(addDays(anchor, -PAGE_DAYS[zoom])), children: "\u2039" }),
+    /* @__PURE__ */ jsx102(Button65, { size: "sm", variant: "ghost", "aria-label": "Next", onClick: () => setAnchor(addDays(anchor, PAGE_DAYS[zoom])), children: "\u203A" }),
+    /* @__PURE__ */ jsx102("h3", { className: "text-sm font-medium", "data-timeline-heading": "", children: heading }),
+    layoutKept ? null : /* @__PURE__ */ jsx102("span", { className: "text-xs text-muted-foreground", children: "Kept for this visit only" }),
+    /* @__PURE__ */ jsxs93("div", { className: "ml-auto flex flex-wrap items-center gap-2", children: [
       settings,
-      /* @__PURE__ */ jsx101("div", { className: "flex items-center gap-0.5", role: "group", "aria-label": "Zoom", children: TIMELINE_ZOOMS.map((z) => /* @__PURE__ */ jsx101(Button65, { size: "sm", variant: z === zoom ? "secondary" : "ghost", "aria-pressed": z === zoom, onClick: () => setZoom(z), children: ZOOM_LABEL[z] }, z)) })
+      /* @__PURE__ */ jsx102("div", { className: "flex items-center gap-0.5", role: "group", "aria-label": "Zoom", children: TIMELINE_ZOOMS.map((z) => /* @__PURE__ */ jsx102(Button65, { size: "sm", variant: z === zoom ? "secondary" : "ghost", "aria-pressed": z === zoom, onClick: () => setZoom(z), children: ZOOM_LABEL[z] }, z)) })
     ] })
   ] });
   if (!startField) {
-    return /* @__PURE__ */ jsx101("div", { className: cn52("flex min-w-0 flex-col gap-2", className), "data-timeline-needs": "", children: /* @__PURE__ */ jsxs92("div", { className: "flex flex-col gap-2 rounded border border-dashed p-4 text-xs text-muted-foreground", children: [
-      /* @__PURE__ */ jsx101("p", { children: dates.length > 0 ? VIEW_NEEDS.timeline?.pick : VIEW_NEEDS.timeline?.missing }),
-      dates.length > 0 ? /* @__PURE__ */ jsx101("div", { className: "flex flex-wrap gap-2", children: settings }) : null
+    return /* @__PURE__ */ jsx102("div", { className: cn52("flex min-w-0 flex-col gap-2", className), "data-timeline-needs": "", children: /* @__PURE__ */ jsxs93("div", { className: "flex flex-col gap-2 rounded border border-dashed p-4 text-xs text-muted-foreground", children: [
+      /* @__PURE__ */ jsx102("p", { children: dates.length > 0 ? VIEW_NEEDS.timeline?.pick : VIEW_NEEDS.timeline?.missing }),
+      dates.length > 0 ? /* @__PURE__ */ jsx102("div", { className: "flex flex-wrap gap-2", children: settings }) : null
     ] }) });
   }
   const todayX = today >= from && daysBetween(from, today) < days ? xOf(today) : null;
@@ -31828,15 +31916,15 @@ function TimelineView({
   }) : [];
   const tray = unscheduled.length > 0 ? (
     // Nothing fails silently: a record with no Start waits here and drags onto the timeline.
-    /* @__PURE__ */ jsxs92("aside", { className: "flex min-w-0 flex-col gap-1 sm:w-56 sm:shrink-0", "data-timeline-unscheduled": "", children: [
-      /* @__PURE__ */ jsxs92("h4", { className: "text-xs font-medium", children: [
+    /* @__PURE__ */ jsxs93("aside", { className: "flex min-w-0 flex-col gap-1 sm:w-56 sm:shrink-0", "data-timeline-unscheduled": "", children: [
+      /* @__PURE__ */ jsxs93("h4", { className: "text-xs font-medium", children: [
         "Unscheduled \xB7 ",
         unscheduled.length
       ] }),
-      /* @__PURE__ */ jsx101("ul", { className: "flex max-h-[28rem] flex-col gap-1 overflow-y-auto", children: unscheduled.map((row) => {
+      /* @__PURE__ */ jsx102("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__ */ jsx101(
+        return /* @__PURE__ */ jsx102(
           "li",
           {
             "data-timeline-card": row.id,
@@ -31846,7 +31934,7 @@ function TimelineView({
               e.dataTransfer.setData(DRAG_TYPE2, JSON.stringify({ id: row.id }));
               e.dataTransfer.effectAllowed = "move";
             },
-            children: /* @__PURE__ */ jsxs92(
+            children: /* @__PURE__ */ jsxs93(
               "button",
               {
                 type: "button",
@@ -31858,8 +31946,8 @@ function TimelineView({
                 title: may ? `${titleOf(row)} \xB7 drag onto a day` : mayDrag3(row.level) ? WORKED_OUT_DATE_LOCK : whatYouMayDo(row.level ?? null).why("write"),
                 onClick: () => onOpenRecord?.(row.id),
                 children: [
-                  may ? null : /* @__PURE__ */ jsx101(LockIcon2, {}),
-                  /* @__PURE__ */ jsx101("span", { className: "min-w-0 truncate", children: titleOf(row) })
+                  may ? null : /* @__PURE__ */ jsx102(LockIcon2, {}),
+                  /* @__PURE__ */ jsx102("span", { className: "min-w-0 truncate", children: titleOf(row) })
                 ]
               }
             )
@@ -31870,7 +31958,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__ */ jsx101(
+  const todayLine = todayX !== null ? /* @__PURE__ */ jsx102(
     "div",
     {
       "aria-hidden": "true",
@@ -31879,14 +31967,14 @@ function TimelineView({
       style: { left: todayX + px / 2 - 1 }
     }
   ) : null;
-  const headerRow = (segments, className2, key) => /* @__PURE__ */ jsxs92("div", { className: "flex", "data-timeline-scale": key, children: [
-    grouped ? /* @__PURE__ */ jsx101("div", { className: cn52(LABEL_COLUMN, "border-b") }) : null,
-    /* @__PURE__ */ jsxs92("div", { className: "relative shrink-0", style: { width, height: 22 }, children: [
+  const headerRow = (segments, className2, key) => /* @__PURE__ */ jsxs93("div", { className: "flex", "data-timeline-scale": key, children: [
+    grouped ? /* @__PURE__ */ jsx102("div", { className: cn52(LABEL_COLUMN, "border-b") }) : null,
+    /* @__PURE__ */ jsxs93("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__ */ jsx101(
+        return /* @__PURE__ */ jsx102(
           "div",
           {
             className: cn52("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),
@@ -31899,14 +31987,14 @@ function TimelineView({
       key === "bottom" ? todayLine : null
     ] })
   ] });
-  const body = /* @__PURE__ */ jsx101("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__ */ jsxs92("div", { className: "relative w-max", "data-timeline-zoom": zoom, "data-timeline-from": from, children: [
-    /* @__PURE__ */ jsxs92("div", { className: "sticky top-0 z-30 bg-background", children: [
+  const body = /* @__PURE__ */ jsx102("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__ */ jsxs93("div", { className: "relative w-max", "data-timeline-zoom": zoom, "data-timeline-from": from, children: [
+    /* @__PURE__ */ jsxs93("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__ */ jsxs92("div", { className: "flex border-b", "data-timeline-lane": groupField ? lane.key : "", children: [
-      grouped ? /* @__PURE__ */ jsxs92("div", { className: cn52(LABEL_COLUMN, "flex items-start p-1"), "data-timeline-label": "", children: [
-        /* @__PURE__ */ jsx101(
+    laneRows.map((lane) => /* @__PURE__ */ jsxs93("div", { className: "flex border-b", "data-timeline-lane": groupField ? lane.key : "", children: [
+      grouped ? /* @__PURE__ */ jsxs93("div", { className: cn52(LABEL_COLUMN, "flex items-start p-1"), "data-timeline-label": "", children: [
+        /* @__PURE__ */ jsx102(
           "span",
           {
             className: cn52("max-w-full truncate rounded px-1.5 py-0.5 text-xs font-medium", lane.color ? CHOICE_CHIP_CLASS3[lane.color] : void 0),
@@ -31915,19 +32003,19 @@ function TimelineView({
             children: lane.label
           }
         ),
-        /* @__PURE__ */ jsx101("span", { className: "ml-auto px-1 text-xs text-muted-foreground", children: lane.bars.length })
+        /* @__PURE__ */ jsx102("span", { className: "ml-auto px-1 text-xs text-muted-foreground", children: lane.bars.length })
       ] }) : null,
-      /* @__PURE__ */ jsxs92("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__ */ jsx101("div", { "aria-hidden": "true", className: "absolute inset-y-0 bg-muted/40", style: { left: xOf(d), width: px } }, `we:${d}`)),
+      /* @__PURE__ */ jsxs93("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__ */ jsx102("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__ */ jsxs92("div", { className: cn52("relative flex min-h-0 min-w-0 max-w-full flex-col gap-2", className), "data-timeline": "", onKeyDown: moves.onKeyDown, children: [
-    note ? /* @__PURE__ */ jsx101("p", { className: "text-xs text-muted-foreground", children: note }) : null,
+  return /* @__PURE__ */ jsxs93("div", { className: cn52("relative flex min-h-0 min-w-0 max-w-full flex-col gap-2", className), "data-timeline": "", onKeyDown: moves.onKeyDown, children: [
+    note ? /* @__PURE__ */ jsx102("p", { className: "text-xs text-muted-foreground", children: note }) : null,
     toolbar,
-    /* @__PURE__ */ jsxs92("div", { className: "flex min-h-0 min-w-0 flex-col gap-3 sm:flex-row", children: [
+    /* @__PURE__ */ jsxs93("div", { className: "flex min-h-0 min-w-0 flex-col gap-3 sm:flex-row", children: [
       body,
       tray
     ] }),
@@ -31939,7 +32027,7 @@ function TimelineView({
 import { useEffect as useEffect71, useState as useState86 } from "react";
 import { useFieldMutation as useFieldMutation6, useRecordsClient as useRecordsClient61, useTable as useTable15 } from "@ai-matrx/records/react";
 import { BasicInput as BasicInput19, Button as Button66, Label as Label17 } from "@ai-matrx/design-system";
-import { jsx as jsx102, jsxs as jsxs93 } from "react/jsx-runtime";
+import { jsx as jsx103, jsxs as jsxs94 } from "react/jsx-runtime";
 function viewNeedFor(layout) {
   return VIEW_NEEDS[layout];
 }
@@ -32000,10 +32088,10 @@ function ViewNeeds({ layout, tableId, fields, onMade, className }) {
     setPendingId(null);
     onMade(field2.key);
   };
-  const editor = /* @__PURE__ */ jsxs93("div", { className: "flex flex-col gap-2 text-xs", children: [
-    /* @__PURE__ */ jsxs93("div", { className: "flex flex-wrap items-center gap-2", children: [
-      /* @__PURE__ */ jsx102(Label17, { className: "text-xs text-muted-foreground", htmlFor: `view-needs-name-${layout}`, children: "Column name" }),
-      /* @__PURE__ */ jsx102(
+  const editor = /* @__PURE__ */ jsxs94("div", { className: "flex flex-col gap-2 text-xs", children: [
+    /* @__PURE__ */ jsxs94("div", { className: "flex flex-wrap items-center gap-2", children: [
+      /* @__PURE__ */ jsx103(Label17, { className: "text-xs text-muted-foreground", htmlFor: `view-needs-name-${layout}`, children: "Column name" }),
+      /* @__PURE__ */ jsx103(
         BasicInput19,
         {
           id: `view-needs-name-${layout}`,
@@ -32013,10 +32101,10 @@ function ViewNeeds({ layout, tableId, fields, onMade, className }) {
         }
       )
     ] }),
-    need.starter.type === "select" ? /* @__PURE__ */ jsxs93("div", { className: "flex flex-wrap items-center gap-1.5", role: "group", "aria-label": "Choices", children: [
-      /* @__PURE__ */ jsx102("span", { className: "text-muted-foreground", children: "Choices" }),
-      options.map((option, index) => /* @__PURE__ */ jsxs93("span", { className: "flex items-center gap-0.5", children: [
-        /* @__PURE__ */ jsx102(
+    need.starter.type === "select" ? /* @__PURE__ */ jsxs94("div", { className: "flex flex-wrap items-center gap-1.5", role: "group", "aria-label": "Choices", children: [
+      /* @__PURE__ */ jsx103("span", { className: "text-muted-foreground", children: "Choices" }),
+      options.map((option, index) => /* @__PURE__ */ jsxs94("span", { className: "flex items-center gap-0.5", children: [
+        /* @__PURE__ */ jsx103(
           BasicInput19,
           {
             "aria-label": `Choice ${index + 1}`,
@@ -32025,7 +32113,7 @@ function ViewNeeds({ layout, tableId, fields, onMade, className }) {
             onChange: (e) => setOptions((held) => held.map((o, i) => i === index ? e.target.value : o))
           }
         ),
-        /* @__PURE__ */ jsx102(
+        /* @__PURE__ */ jsx103(
           Button66,
           {
             type: "button",
@@ -32037,11 +32125,11 @@ function ViewNeeds({ layout, tableId, fields, onMade, className }) {
           }
         )
       ] }, index)),
-      /* @__PURE__ */ jsx102(Button66, { type: "button", size: "sm", variant: "ghost", onClick: () => setOptions((held) => [...held, ""]), children: "Add a choice" })
+      /* @__PURE__ */ jsx103(Button66, { type: "button", size: "sm", variant: "ghost", onClick: () => setOptions((held) => [...held, ""]), children: "Add a choice" })
     ] }) : null
   ] });
-  return /* @__PURE__ */ jsxs93("div", { className, children: [
-    /* @__PURE__ */ jsx102(
+  return /* @__PURE__ */ jsxs94("div", { className, children: [
+    /* @__PURE__ */ jsx103(
       BuildOrAsk,
       {
         mayBuild: rights.structure,
@@ -32062,16 +32150,16 @@ function ViewNeeds({ layout, tableId, fields, onMade, className }) {
         children: rights.structure ? `${need.missing} ${need.does(name)}` : need.missing
       }
     ),
-    mutation.error ? /* @__PURE__ */ jsx102(RefusalNotice, { error: mutation.error }) : null,
-    refused ? /* @__PURE__ */ jsx102(RefusalNotice, { error: refused }) : null,
-    pendingId ? /* @__PURE__ */ jsx102("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__ */ jsx103(RefusalNotice, { error: mutation.error }) : null,
+    refused ? /* @__PURE__ */ jsx103(RefusalNotice, { error: refused }) : null,
+    pendingId ? /* @__PURE__ */ jsx103("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
 import { useEffect as useEffect72, useState as useState87 } from "react";
 import { useOptionalRecordsClient as useOptionalRecordsClient10 } from "@ai-matrx/records/react";
-import { Fragment as Fragment43, jsx as jsx103 } from "react/jsx-runtime";
+import { Fragment as Fragment43, jsx as jsx104 } from "react/jsx-runtime";
 function isImageAddress(value) {
   return typeof value === "string" && /^(https?:\/\/|\/|data:image\/)/i.test(value.trim());
 }
@@ -32080,10 +32168,10 @@ function GalleryCover({ field: field2, value }) {
   const isFile = field2 ? editorKindFor(field2) === "attachment" : false;
   if (isFile) {
     const first = attachmentIdsOf(value)[0];
-    return first ? /* @__PURE__ */ jsx103(FileCover, { recordId: first }) : null;
+    return first ? /* @__PURE__ */ jsx104(FileCover, { recordId: first }) : null;
   }
   if (isImageAddress(value)) {
-    return /* @__PURE__ */ jsx103("img", { src: value, alt: "", loading: "lazy", className: "h-full w-full object-cover" });
+    return /* @__PURE__ */ jsx104("img", { src: value, alt: "", loading: "lazy", className: "h-full w-full object-cover" });
   }
   return null;
 }
@@ -32115,51 +32203,9 @@ function FileCover({ recordId }) {
   }, [client, recordId]);
   if (!read || !read.fileId) return null;
   if (!host.fileImage) {
-    return /* @__PURE__ */ jsx103("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__ */ jsx104("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__ */ jsx103(Fragment43, { children: host.fileImage({ fileId: read.fileId, alt: read.name }) });
-}
-
-// src/cardFields.tsx
-import { jsx as jsx104, jsxs as jsxs94 } from "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__ */ jsxs94("details", { className: "text-xs text-muted-foreground", "data-records-card-fields": layout, children: [
-    /* @__PURE__ */ jsx104("summary", { className: "cursor-pointer select-none", children: summary }),
-    /* @__PURE__ */ jsx104("div", { className: "mt-1 flex flex-wrap gap-2", children: fields.map((field2) => /* @__PURE__ */ jsxs94("label", { className: "flex items-center gap-1", children: [
-      /* @__PURE__ */ jsx104(
-        "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__ */ jsx104("p", { className: "mt-1", children: "Kept for this visit only \u2014 this screen has nowhere to save it onto the view." })
-  ] });
+  return /* @__PURE__ */ jsx104(Fragment43, { children: host.fileImage({ fileId: read.fileId, alt: read.name }) });
 }
 
 // src/ListView.tsx
@@ -32308,17 +32354,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 ? resolveRowColor3(style, { id: row.id, data: row.document ?? {} }, colorFromTheValue) : null;
-  const values = onRow.map((field2) => /* @__PURE__ */ jsx105("span", { className: "flex min-w-0 max-w-[14rem] items-baseline gap-1", "data-records-list-value": field2.key, title: fieldName(field2), children: /* @__PURE__ */ jsx105(
-    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__ */ jsx105("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__ */ jsx105(
+      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__ */ jsxs95(
     "button",
     {
@@ -32730,9 +32781,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__ */ jsx106(
+    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)]) : [];
@@ -32768,7 +32831,8 @@ function Board({
           ...onMoved ? { onMoved } : {},
           onChanged: () => records.reload(),
           style,
-          dateFields
+          dateFields,
+          canAdd: mayAdd
         }
       ) : /* @__PURE__ */ jsx106(
         Kanban,
@@ -32842,13 +32906,15 @@ function Board({
             }
           }),
           titleField,
+          cardFields: timedCardFields,
           onOpenRecord,
           ...onMoved ? { onMoved } : {},
           note: records.membership,
           style
         }
       ),
-      pager
+      pager,
+      timedCardPicker("calendar")
     ] });
   }
   if (view.layout === "timeline") {
@@ -32859,6 +32925,7 @@ function Board({
       noRows ?? /* @__PURE__ */ jsx106(
         TimelineView,
         {
+          cardFields: timedCardFields,
           tableId: view.subject,
           rows: records.rows,
           fields: all,
@@ -32890,7 +32957,8 @@ function Board({
           style
         }
       ),
-      pager
+      pager,
+      timedCardPicker("timeline")
     ] });
   }
   if (view.layout === "list") {
@@ -33272,7 +33340,7 @@ function Gallery({
 }) {
   const hidden = useMemo54(() => 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__ */ jsxs96("div", { className: "flex min-h-0 flex-col gap-2", children: [
@@ -33284,7 +33352,7 @@ function Gallery({
     /* @__PURE__ */ jsxs96(
       "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) => {
@@ -33293,7 +33361,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 ? resolveRowColor4(style, { id: row.id, data: row.document ?? {} }, colorFromTheValue) : null;
-            return /* @__PURE__ */ jsx106("li", { children: /* @__PURE__ */ jsx106(
+            return /* @__PURE__ */ jsx106("li", { className: "flex", children: /* @__PURE__ */ jsx106(
               MaybeRecordActionMenu,
               {
                 tableId,
@@ -33306,17 +33374,19 @@ function Gallery({
                   {
                     type: "button",
                     className: cn54(
-                      "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 ? ROW_TINT_CLASS3[rowColor] : void 0
                     ),
                     onClick: () => onOpenRecord?.(row.id),
                     children: [
                       imageField ? /* @__PURE__ */ jsx106("span", { className: cn54(dims.cover, "w-full shrink-0 overflow-hidden rounded bg-muted/50"), "data-records-gallery-cover": imageField.key, children: /* @__PURE__ */ jsx106(GalleryCover, { field: imageField, value: image }) }) : null,
-                      onCard.map((field2) => /* @__PURE__ */ jsxs96("span", { className: "flex min-w-0 items-baseline gap-1 text-xs", children: [
+                      /* @__PURE__ */ jsx106("span", { className: "truncate text-sm font-medium", "data-records-gallery-title": "", children: recordNameIn({ title_field: titleKey ?? null }, doc) || "Untitled" }),
+                      onCard.map((field2) => /* @__PURE__ */ jsxs96("span", { className: "flex h-5 min-w-0 items-center gap-1 overflow-hidden whitespace-nowrap text-xs", children: [
                         /* @__PURE__ */ jsx106("span", { className: "shrink-0 text-muted-foreground", children: fieldName(field2) }),
                         /* @__PURE__ */ jsx106("span", { className: "min-w-0 truncate", "data-records-gallery-value": field2.key, children: /* @__PURE__ */ jsx106(
                           RecordValue,
                           {
+                            inCell: true,
                             field: field2,
                             value: doc[field2.key],
                             document: row.document,
@@ -33411,6 +33481,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) => newerKindOf6(f) === "status") ?? eligible.find((f) => STATUS_WORDS.test(fieldName(f).trim()) || STATUS_WORDS.test(f.key)) ?? eligible[0] ?? null;
+}
 
 // src/ArchivedView.tsx
 import { useCallback as useCallback38, useEffect as useEffect74, useState as useState89 } from "react";