@ai-matrx/records-ui 0.82.0 → 0.83.1

package/dist/index.js

@@ -2114,7 +2114,7 @@ function useGridEditing({ tableId, fields, rows, reload, canWrite, mayWriteRow }
     startedFrom.current = null;
   }, []);
   const writeCellNow = useCallback4(
-    async (rowId, key, value) => {
+    async (rowId, key, value, base, resent = false) => {
       const id = cellKey(rowId, key);
       setOptimistic((held) => ({ ...held, [id]: value }));
       setSaving((held) => ({ ...held, [id]: true }));
@@ -2157,22 +2157,31 @@ function useGridEditing({ tableId, fields, rows, reload, canWrite, mayWriteRow }
         delete next[id];
         return next;
       });
-      if (written.error.code === "stale_write") versions.current.delete(rowId);
+      const conflict = asWriteConflict(written.error, rowId);
+      if (written.error.code === "stale_write") {
+        if (conflict) rememberVersion(versions.current, rowId, conflict.current_version);
+        else versions.current.delete(rowId);
+        if (conflict && !resent && sameValue(conflict.contested_fields[key], base)) {
+          await writeCellNow(rowId, key, value, base, true);
+          return;
+        }
+      }
       setRefusals((held) => ({
         ...held,
         [id]: {
           error: written.error,
-          conflict: asWriteConflict(written.error, rowId),
+          conflict,
           attempted: value
         }
       }));
     },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     [client, reload]
   );
   const writeCell = useCallback4(
-    (rowId, key, value) => {
+    (rowId, key, value, base) => {
       const behind = queues.current.get(rowId) ?? Promise.resolve();
-      const next = behind.then(() => writeCellNow(rowId, key, value));
+      const next = behind.then(() => writeCellNow(rowId, key, value, base));
       queues.current.set(
         rowId,
         next.then(
@@ -2190,7 +2199,7 @@ function useGridEditing({ tableId, fields, rows, reload, canWrite, mayWriteRow }
       const open = editing;
       if (!open) return;
       const value = typed.current;
-      if (!sameValue(startedFrom.current, value)) void writeCell(open.rowId, open.key, value);
+      if (!sameValue(startedFrom.current, value)) void writeCell(open.rowId, open.key, value, startedFrom.current);
       if (!move) {
         setEditing(null);
         setDraft(null);
@@ -2219,7 +2228,7 @@ function useGridEditing({ tableId, fields, rows, reload, canWrite, mayWriteRow }
     (rowId, key) => {
       const held = refusals[cellKey(rowId, key)];
       if (!held) return;
-      void writeCell(rowId, key, held.attempted);
+      void writeCell(rowId, key, held.attempted, held.conflict?.contested_fields[key]);
     },
     [refusals, writeCell]
   );
@@ -2241,6 +2250,33 @@ function useGridEditing({ tableId, fields, rows, reload, canWrite, mayWriteRow }
     },
     [reload]
   );
+  const keepEditing = useCallback4(
+    (rowId, key) => {
+      const held = refusals[cellKey(rowId, key)];
+      if (!held || !writable(rowId)) return;
+      startedFrom.current = shownValue(rowId, key);
+      typed.current = held.attempted;
+      setDraft(held.attempted);
+      setEditing({ rowId, key });
+    },
+    [refusals, writable, shownValue]
+  );
+  const discard = useCallback4((rowId, key) => {
+    const id = cellKey(rowId, key);
+    setRefusals((held) => {
+      if (!held[id]) return held;
+      const next = { ...held };
+      delete next[id];
+      return next;
+    });
+    setOptimistic((held) => {
+      if (!(id in held)) return held;
+      const next = { ...held };
+      delete next[id];
+      return next;
+    });
+    setEditing((open) => open && open.rowId === rowId && open.key === key ? null : open);
+  }, []);
   const remove = useCallback4(
     async (rowId) => {
       setBusy(true);
@@ -2288,10 +2324,12 @@ function useGridEditing({ tableId, fields, rows, reload, canWrite, mayWriteRow }
     commit,
     setCell: (rowId, key, value) => {
       if (!writable(rowId)) return;
-      void writeCell(rowId, key, value);
+      void writeCell(rowId, key, value, shownValue(rowId, key));
     },
     retry,
     keepTheirs,
+    keepEditing,
+    discard,
     remove,
     addRecord,
     rowError,
@@ -2360,13 +2398,28 @@ function GridCell({
         draft: editing.draft,
         onType: editing.type,
         onCommit: (move) => editing.commit(move),
-        onCancel: editing.cancel
+        onCancel: editing.cancel,
+        below: (
+          // KEPT EDITING: the refusal stays beside the value it is about, so the
+          // person reads what to change while changing it. Keep editing is the
+          // state they are in, so only Discard is offered. It is INSIDE the open
+          // cell, so pressing Discard is not "focus left the cell" — which would
+          // commit the refused value one more time on its way out.
+          refusal2 && !refusal2.conflict ? /* @__PURE__ */ jsx10(
+            RefusalNotice,
+            {
+              error: refusal2.error,
+              className: "py-1.5 text-left",
+              onDiscard: () => editing.discard(row.id, field.key)
+            }
+          ) : null
+        )
       }
     );
   }
   if (editorKindFor(field) === "checkbox") {
     const answered = value === true || value === false;
-    return /* @__PURE__ */ jsxs6("span", { "data-matrx-cell-control": "", className: "flex w-full items-center gap-1.5", children: [
+    return /* @__PURE__ */ jsxs6("span", { "data-matrx-cell-control": "", className: "flex w-full flex-wrap items-center gap-1.5", children: [
       /* @__PURE__ */ jsx10(
         Checkbox3,
         {
@@ -2379,10 +2432,7 @@ function GridCell({
         }
       ),
       answered ? null : /* @__PURE__ */ jsx10("span", { className: "text-xs text-muted-foreground", title: "nobody has answered this yet", children: "\u2014" }),
-      refusal2 ? /* @__PURE__ */ jsxs6("span", { className: "flex items-center gap-1 rounded border border-destructive/40 px-1", children: [
-        /* @__PURE__ */ jsx10(RefusalLine, { error: refusal2.error }),
-        /* @__PURE__ */ jsx10(Button5, { size: "sm", variant: "outline", onClick: () => editing?.retry(row.id, field.key), children: "Try again" })
-      ] }) : null
+      refusal2 ? /* @__PURE__ */ jsx10(CellRefusalNotice, { refusal: refusal2, field, row, editing, typed: false }) : null
     ] });
   }
   const openThisCell = (event) => {
@@ -2455,22 +2505,48 @@ function GridCell({
           ),
           onAskWhoChanged ? /* @__PURE__ */ jsx10(WhoBadge, { field, row, onAskWhoChanged }) : null,
           state === "saving" ? /* @__PURE__ */ jsx10("span", { className: "px-1 text-[10px] text-muted-foreground", children: "Saving\u2026" }) : null,
-          refusal2 ? /* @__PURE__ */ jsxs6("span", { className: "flex flex-col gap-0.5 rounded border border-destructive/40 p-1", children: [
-            /* @__PURE__ */ jsx10(RefusalLine, { error: refusal2.error }),
-            refusal2.conflict ? /* @__PURE__ */ jsxs6("span", { className: "text-[11px]", children: [
-              "Theirs: ",
-              /* @__PURE__ */ jsx10("strong", { children: formatTheirs(refusal2.conflict, field.key) })
-            ] }) : null,
-            /* @__PURE__ */ jsxs6("span", { className: "flex gap-1", children: [
-              /* @__PURE__ */ jsx10(Button5, { size: "sm", variant: "outline", onClick: () => editing?.retry(row.id, field.key), children: "Try again" }),
-              /* @__PURE__ */ jsx10(Button5, { size: "sm", variant: "ghost", onClick: () => editing?.keepTheirs(row.id, field.key), children: "Keep theirs" })
-            ] })
-          ] }) : null
+          refusal2 ? /* @__PURE__ */ jsx10(CellRefusalNotice, { refusal: refusal2, field, row, editing, typed: true }) : null
         ]
       }
     )
   );
 }
+function CellRefusalNotice({
+  refusal: refusal2,
+  field,
+  row,
+  editing,
+  typed
+}) {
+  if (refusal2.conflict) {
+    return /* @__PURE__ */ jsx10(
+      RefusalNotice,
+      {
+        error: refusal2.error,
+        className: "py-1.5 text-left",
+        actions: /* @__PURE__ */ jsxs6("span", { className: "flex flex-col gap-1", "data-refusal-conflict": "", children: [
+          /* @__PURE__ */ jsxs6("span", { className: "text-[11px]", children: [
+            "Theirs: ",
+            /* @__PURE__ */ jsx10("strong", { children: formatTheirs(refusal2.conflict, field.key) })
+          ] }),
+          /* @__PURE__ */ jsxs6("span", { className: "flex flex-wrap gap-1", children: [
+            /* @__PURE__ */ jsx10(Button5, { size: "sm", variant: "outline", onClick: () => editing?.retry(row.id, field.key), children: "Try again" }),
+            /* @__PURE__ */ jsx10(Button5, { size: "sm", variant: "ghost", onClick: () => editing?.keepTheirs(row.id, field.key), children: "Keep theirs" })
+          ] })
+        ] })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx10(
+    RefusalNotice,
+    {
+      error: refusal2.error,
+      className: "py-1.5 text-left",
+      ...typed ? { onKeepEditing: () => editing?.keepEditing(row.id, field.key) } : {},
+      onDiscard: () => editing?.discard(row.id, field.key)
+    }
+  );
+}
 function WhoBadge({
   field,
   row,
@@ -2523,7 +2599,8 @@ function OpenCell({
   draft,
   onType,
   onCommit,
-  onCancel
+  onCancel,
+  below
 }) {
   const multiline = takesANewline(field);
   const blurCommits = closesOnBlur(field);
@@ -2552,6 +2629,7 @@ function OpenCell({
       className: "flex w-full min-w-[10rem] flex-col gap-1",
       onDoubleClick: (event) => event.stopPropagation(),
       onKeyDown: (event) => {
+        if (event.target?.closest?.("[data-refusal-notice]")) return;
         if (event.key === "Escape") {
           event.preventDefault();
           event.stopPropagation();
@@ -2577,7 +2655,8 @@ function OpenCell({
         blurCommits ? /* @__PURE__ */ jsx10("span", { className: "text-[10px] text-muted-foreground", children: multiline ? "\u23CE saves \xB7 \u21E7\u23CE new line \xB7 Esc cancels \xB7 Tab next" : "\u23CE saves \xB7 Esc cancels \xB7 Tab next" }) : /* @__PURE__ */ jsxs6("span", { className: "flex items-center gap-1", children: [
           /* @__PURE__ */ jsx10(Button5, { size: "sm", onClick: () => once(() => onCommit(null)), children: "Save" }),
           /* @__PURE__ */ jsx10(Button5, { size: "sm", variant: "ghost", onClick: () => once(onCancel), children: "Cancel" })
-        ] })
+        ] }),
+        below
       ]
     }
   );
@@ -6604,8 +6683,8 @@ function TableSettings({
       /* @__PURE__ */ jsx21(Button16, { size: "sm", variant: "ghost", onClick: () => setAskingToRemove(null), children: "Keep it" })
     ] }) : null,
     /* @__PURE__ */ jsxs17("ul", { className: "divide-y rounded border", children: [
-      rows.map((field, index) => /* @__PURE__ */ jsxs17("li", { className: "flex items-center gap-2 px-2 py-1.5", children: [
-        /* @__PURE__ */ jsx21("span", { className: "min-w-0 flex-1 truncate", children: fieldName(field) }),
+      rows.map((field, index) => /* @__PURE__ */ jsxs17("li", { "data-settings-field": "", className: "flex flex-wrap items-center gap-x-2 gap-y-1 px-2 py-1.5", children: [
+        /* @__PURE__ */ jsx21("span", { "data-settings-field-name": "", className: "min-w-[8rem] flex-1 break-words", children: fieldName(field) }),
         /* @__PURE__ */ jsx21(Badge6, { variant: "outline", className: "text-[10px] font-normal", children: fieldTypeLabel(field) }),
         field.required ? /* @__PURE__ */ jsx21("span", { className: "text-[10px] text-destructive", children: "required" }) : null,
         /* @__PURE__ */ jsx21(
@@ -6662,9 +6741,9 @@ function TableSettings({
       /* @__PURE__ */ jsx21("span", { className: "font-medium", children: "Proposed" }),
       /* @__PURE__ */ jsx21("span", { className: "text-muted-foreground", children: proposals?.length ?? 0 })
     ] }),
-    proposals === void 0 ? /* @__PURE__ */ jsx21("p", { className: "text-muted-foreground", children: "Nothing is listing proposals here yet: the store has no `custom.field_propose` door, so this panel would be inventing an empty queue. When the door lands, its rows appear in this list with the same accept and reject." }) : proposals.length === 0 ? /* @__PURE__ */ jsx21("p", { className: "text-muted-foreground", children: "No field is waiting for a decision." }) : /* @__PURE__ */ jsx21("ul", { className: "divide-y rounded border", children: proposals.map((proposal) => /* @__PURE__ */ jsxs17("li", { className: "flex items-center gap-2 px-2 py-1.5", children: [
-      /* @__PURE__ */ jsx21("span", { className: "min-w-0 flex-1 truncate", children: proposal.field.label || proposal.field.key }),
-      /* @__PURE__ */ jsx21("span", { className: "min-w-0 flex-1 truncate text-muted-foreground", children: proposal.why }),
+    proposals === void 0 ? /* @__PURE__ */ jsx21("p", { className: "text-muted-foreground", children: "Nothing is listing proposals here yet: the store has no `custom.field_propose` door, so this panel would be inventing an empty queue. When the door lands, its rows appear in this list with the same accept and reject." }) : proposals.length === 0 ? /* @__PURE__ */ jsx21("p", { className: "text-muted-foreground", children: "No field is waiting for a decision." }) : /* @__PURE__ */ jsx21("ul", { className: "divide-y rounded border", children: proposals.map((proposal) => /* @__PURE__ */ jsxs17("li", { className: "flex flex-wrap items-center gap-x-2 gap-y-1 px-2 py-1.5", children: [
+      /* @__PURE__ */ jsx21("span", { className: "min-w-[8rem] flex-1 break-words", children: proposal.field.label || proposal.field.key }),
+      /* @__PURE__ */ jsx21("span", { className: "min-w-[8rem] flex-1 break-words text-muted-foreground", children: proposal.why }),
       /* @__PURE__ */ jsx21(Badge6, { variant: "secondary", className: "text-[10px] font-normal", children: proposal.proposed_by }),
       /* @__PURE__ */ jsx21(Button16, { size: "sm", variant: "outline", onClick: () => onAcceptProposal?.(proposal), children: "Accept" }),
       /* @__PURE__ */ jsx21(Button16, { size: "sm", variant: "ghost", onClick: () => onRejectProposal?.(proposal), children: "Reject" })
@@ -6706,7 +6785,7 @@ function TableSettings({
 
 // src/Peek.tsx
 import { useState as useState23 } from "react";
-import { useFields as useFields10, useRecord as useRecord2, useRecordsClient as useRecordsClient11, useTable as useTable7 } from "@ai-matrx/records/react";
+import { useFields as useFields10, useRecord as useRecord2, useRecordsClient as useRecordsClient12, useTable as useTable7 } from "@ai-matrx/records/react";
 import { AlchemyMenu as AlchemyMenu2 } from "@ai-matrx/alchemy/react";
 
 // src/RecordChat.tsx
@@ -6837,13 +6916,46 @@ function entriesFor(scope) {
 import { Button as Button19, Separator as Separator8, Skeleton as Skeleton5, cn as cn19 } from "@ai-matrx/design-system";
 
 // src/RecordForm.tsx
-import { useEffect as useEffect12, useMemo as useMemo16, useState as useState21 } from "react";
+import { useEffect as useEffect12, useMemo as useMemo16, useRef as useRef6, useState as useState21 } from "react";
 import {
   useFields as useFields9,
   useRecord,
-  useRecordMutation
+  useRecordMutation,
+  useRecordsClient as useRecordsClient11
 } from "@ai-matrx/records/react";
-import { predictWriteRefusals } from "@ai-matrx/records/core";
+import { asWriteConflict as asWriteConflict3, predictWriteRefusals } from "@ai-matrx/records/core";
+
+// src/writeOnTheWinningVersion.ts
+import { asWriteConflict as asWriteConflict2 } from "@ai-matrx/records/core";
+function sameStoredValue(left, right) {
+  if (left === right) return true;
+  const empty = (v) => v === null || v === void 0 || v === "";
+  if (empty(left) || empty(right)) return empty(left) && empty(right);
+  if (typeof left === "object" || typeof right === "object") {
+    try {
+      return JSON.stringify(left) === JSON.stringify(right);
+    } catch {
+      return false;
+    }
+  }
+  return false;
+}
+async function updateOnTheWinningVersion(client, recordId, patch, expectedVersion, base) {
+  const send = (expected) => client.recordUpdate({
+    record_id: recordId,
+    patch,
+    ...expected === null ? {} : { expectedVersion: expected }
+  });
+  const first = await send(expectedVersion);
+  if (first.ok) return first;
+  const conflict = asWriteConflict2(first.error, recordId);
+  if (!conflict) return first;
+  const untouched = base === "always" || Object.keys(patch).every((key) => sameStoredValue(conflict.contested_fields[key], base[key]));
+  if (!untouched) return first;
+  return send(conflict.current_version);
+}
+
+// src/RecordForm.tsx
 import { Button as Button17, Separator as Separator7, cn as cn18 } from "@ai-matrx/design-system";
 
 // src/systemTable.ts
@@ -7031,13 +7143,38 @@ function RecordForm({
   const fields = useFields9(tableId, recordType);
   const existing = useRecord(recordId ?? null);
   const mutation = useRecordMutation();
+  const client = useRecordsClient11();
+  const [edit, setEdit] = useState21({
+    saving: false,
+    error: null,
+    conflict: null
+  });
+  const said = {
+    saving: mutation.saving || edit.saving,
+    error: recordId ? edit.error : mutation.error,
+    conflict: recordId ? edit.conflict : mutation.conflict,
+    clearConflict: () => {
+      mutation.clearConflict();
+      setEdit((e) => ({ ...e, conflict: null }));
+    }
+  };
   const [draft, setDraft] = useState21({});
   const [touched, setTouched] = useState21(false);
+  const [changed, setChanged] = useState21({});
+  const [answered, setAnswered] = useState21(null);
   const loaded = useRecordVersion(recordId ?? null);
   const loadedVersion = loaded.version;
+  const changedRef = useRef6({});
+  changedRef.current = changed;
   useEffect12(() => {
     const document3 = existing.data?.document;
-    if (document3) setDraft({ ...document3 });
+    if (!document3) return;
+    const mine = changedRef.current;
+    setDraft((held) => {
+      const next = { ...document3 };
+      for (const key of Object.keys(mine)) next[key] = held[key];
+      return next;
+    });
   }, [existing.data?.record_id, loadedVersion]);
   const document2 = useMemo16(() => {
     const out = {};
@@ -7053,17 +7190,56 @@ function RecordForm({
   );
   if (fields.error) return /* @__PURE__ */ jsx23(RefusalNotice, { error: fields.error, className });
   if (existing.error) return /* @__PURE__ */ jsx23(RefusalNotice, { error: existing.error, className });
+  const storeSaid = said.error && said.error !== answered ? said.error : null;
+  const fieldProblems = predicted.filter((p) => p.field_key);
+  const problemsShown = (key) => touched || changed[key] ? fieldProblems.filter((p) => p.field_key === key) : [];
+  const storeRefusalIsOnAField = storeSaid !== null && !said.conflict && storeSaid.code === "refused_by_rule" && (fields.data ?? []).some((f) => problemsShown(f.key).length > 0);
+  const stored = existing.data?.document;
+  const focusField = (field) => {
+    if (!field) return;
+    globalThis.document?.getElementById(`field-${field.id}`)?.focus();
+  };
+  const keepEditing = (field) => {
+    if (storeSaid) setAnswered(storeSaid);
+    const first = field ?? (fields.data ?? []).find((f) => problemsShown(f.key).length > 0) ?? (fields.data ?? [])[0];
+    focusField(first);
+  };
+  const discard = (field) => {
+    if (storeSaid) setAnswered(storeSaid);
+    if (field) {
+      setDraft((d) => ({ ...d, [field.key]: stored ? stored[field.key] : void 0 }));
+      setChanged((c) => {
+        const next = { ...c };
+        delete next[field.key];
+        return next;
+      });
+      return;
+    }
+    setDraft(stored ? { ...stored } : {});
+    setChanged({});
+    setTouched(false);
+  };
   const save = async () => {
     setTouched(true);
+    setAnswered(null);
     if (recordId) {
       const version = loadedVersion;
-      const moved = await mutation.update({
-        record_id: recordId,
-        patch: document2,
-        ...version === null ? {} : { expectedVersion: version }
+      if (Object.keys(changed).length === 0) {
+        onSaved?.(recordId);
+        return;
+      }
+      const patch = Object.fromEntries(Object.entries(document2).filter(([key]) => changed[key]));
+      setEdit({ saving: true, error: null, conflict: null });
+      const answered2 = await updateOnTheWinningVersion(client, recordId, patch, version, stored ?? {});
+      setEdit({
+        saving: false,
+        error: answered2.ok ? null : answered2.error,
+        conflict: answered2.ok ? null : asWriteConflict3(answered2.error, recordId)
       });
+      const moved = answered2.ok ? answered2.data : null;
       if (moved !== null) {
         loaded.note(moved);
+        setChanged({});
         host.notify?.success("Saved");
         existing.reload();
         onSaved?.(recordId);
@@ -7091,8 +7267,13 @@ function RecordForm({
             field,
             value: draft[field.key],
             document: existing.data?.document,
-            problems: touched ? predicted.filter((p) => p.field_key === field.key) : [],
-            onChange: (value) => setDraft((d) => ({ ...d, [field.key]: value }))
+            problems: problemsShown(field.key),
+            onChange: (value) => {
+              setDraft((d) => ({ ...d, [field.key]: value }));
+              setChanged((c) => c[field.key] ? c : { ...c, [field.key]: true });
+            },
+            onKeepEditing: () => keepEditing(field),
+            onDiscard: () => discard(field)
           },
           field.id
         )) }),
@@ -7103,13 +7284,13 @@ function RecordForm({
           },
           p.message
         )) : null,
-        mutation.error ? /* @__PURE__ */ jsx23(
+        storeSaid && !storeRefusalIsOnAField ? /* @__PURE__ */ jsx23(
           RefusalNotice,
           {
-            error: mutation.error,
-            ...mutation.conflict ? {
+            error: storeSaid,
+            ...said.conflict ? {
               actions: /* @__PURE__ */ jsxs19("div", { className: "mt-1 space-y-1", children: [
-                Object.entries(mutation.conflict.contested_fields).map(([key, theirs]) => {
+                Object.entries(said.conflict.contested_fields).map(([key, theirs]) => {
                   const column = (fields.data ?? []).find((f) => f.key === key);
                   return /* @__PURE__ */ jsxs19("p", { className: "text-[11px]", children: [
                     column ? fieldName(column) : humanize(key),
@@ -7127,19 +7308,21 @@ function RecordForm({
                     size: "sm",
                     variant: "outline",
                     onClick: () => {
+                      if (said.conflict) loaded.note(said.conflict.current_version);
                       existing.reload();
-                      mutation.clearConflict();
+                      said.clearConflict();
+                      setAnswered(storeSaid);
                     },
                     children: "Take theirs and start again"
                   }
                 )
               ] })
-            } : {}
+            } : { onKeepEditing: () => keepEditing(), onDiscard: () => discard() }
           }
         ) : null,
         /* @__PURE__ */ jsx23(Separator7, {}),
         /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx23(Button17, { type: "submit", size: "sm", disabled: mutation.saving, children: mutation.saving ? "Saving\u2026" : recordId ? "Save" : "Create" }),
+          /* @__PURE__ */ jsx23(Button17, { type: "submit", size: "sm", disabled: said.saving, children: said.saving ? "Saving\u2026" : recordId ? "Save" : "Create" }),
           onCancel ? /* @__PURE__ */ jsx23(Button17, { type: "button", size: "sm", variant: "ghost", onClick: onCancel, children: "Cancel" }) : null
         ] })
       ]
@@ -7151,17 +7334,20 @@ function FieldRow({
   value,
   document: document2,
   problems,
-  onChange
+  onChange,
+  onKeepEditing,
+  onDiscard
 }) {
   const id = `field-${field.id}`;
   return /* @__PURE__ */ jsxs19("div", { className: "flex min-w-0 flex-col gap-1", children: [
     /* @__PURE__ */ jsx23(FieldLabel, { field, htmlFor: id, children: /* @__PURE__ */ jsx23(ProvenanceBadge, { document: document2, fieldKey: field.key }) }),
     /* @__PURE__ */ jsx23(FieldControl, { field, value, onChange, id }),
-    problems.map((problem) => /* @__PURE__ */ jsx23(
+    problems.map((problem, index) => /* @__PURE__ */ jsx23(
       RefusalNotice,
       {
         error: { code: "refused_by_rule", message: problem.message },
-        className: "border-0 p-0"
+        className: "border-0 p-0",
+        ...index === 0 ? { onKeepEditing, onDiscard } : {}
       },
       problem.message
     ))
@@ -7236,7 +7422,7 @@ function Peek({ tableId, recordId, onClose, className }) {
   const record = useRecord2(recordId, true);
   const may = useRecordRights(recordId);
   const host = useRecordsUi();
-  const organizationId = useRecordsClient11().config.organizationId;
+  const organizationId = useRecordsClient12().config.organizationId;
   const [editing, setEditing] = useState23(false);
   const [talking, setTalking] = useState23(false);
   if (record.error) return /* @__PURE__ */ jsx25(RefusalNotice, { error: record.error, className });
@@ -7454,6 +7640,9 @@ function viewFromRecord(row) {
     presentation: parseGridPresentation(data["presentation"])
   };
 }
+async function saveViewPatch(client, viewId, document2, expectedVersion) {
+  return updateOnTheWinningVersion(client, viewId, document2, expectedVersion, "always");
+}
 function viewPatchDocument(patch) {
   const out = {};
   if (patch.name !== void 0) out["name"] = patch.name;
@@ -7482,15 +7671,15 @@ function parseSorts(raw) {
 
 // src/ViewSwitcher.tsx
 import { useEffect as useEffect15, useMemo as useMemo18, useState as useState25 } from "react";
-import { useFields as useFields12, useRecords as useRecords5, useRecordsClient as useRecordsClient13 } from "@ai-matrx/records/react";
+import { useFields as useFields12, useRecords as useRecords5, useRecordsClient as useRecordsClient14 } from "@ai-matrx/records/react";
 import { Button as Button21, Skeleton as Skeleton7, cn as cn21 } from "@ai-matrx/design-system";
 
 // src/Pipeline.tsx
-import { useCallback as useCallback10, useEffect as useEffect14, useMemo as useMemo17, useRef as useRef6, useState as useState24 } from "react";
+import { useCallback as useCallback10, useEffect as useEffect14, useMemo as useMemo17, useRef as useRef7, useState as useState24 } from "react";
 import {
   mayDrag,
   useFields as useFields11,
-  useRecordsClient as useRecordsClient12
+  useRecordsClient as useRecordsClient13
 } from "@ai-matrx/records/react";
 import { Button as Button20, Skeleton as Skeleton6, cn as cn20 } from "@ai-matrx/design-system";
 import { jsx as jsx26, jsxs as jsxs22 } from "react/jsx-runtime";
@@ -7524,7 +7713,7 @@ function PipelineBoard({
   onMoved,
   className
 }) {
-  const client = useRecordsClient12();
+  const client = useRecordsClient13();
   const fields = useFields11(tableId);
   const [definition, setDefinition] = useState24(null);
   const [columns, setColumns] = useState24([]);
@@ -7534,7 +7723,7 @@ function PipelineBoard({
   const [waiting, setWaiting] = useState24(/* @__PURE__ */ new Map());
   const [dragging, setDragging] = useState24(null);
   const [over, setOver] = useState24(null);
-  const alive = useRef6(true);
+  const alive = useRef7(true);
   useEffect14(() => {
     alive.current = true;
     return () => {
@@ -7918,7 +8107,7 @@ function unplacedName(record, field, labels) {
 import { jsx as jsx27, jsxs as jsxs23 } from "react/jsx-runtime";
 var NO_FIELDS = [];
 function useViewRecords(view, pageSize = 200, filter) {
-  const client = useRecordsClient13();
+  const client = useRecordsClient14();
   const table = useRecords5(view.ruleId ? null : view.subject, {
     pageSize,
     ...filter ? { filter } : {}
@@ -8056,7 +8245,7 @@ function offerableFields(all, want) {
   });
 }
 function useStageField(tableId) {
-  const client = useRecordsClient13();
+  const client = useRecordsClient14();
   const [stage, setStage] = useState25({
     asked: false,
     key: null
@@ -8339,7 +8528,7 @@ import {
   archivedByLine,
   emptyArchiveLine
 } from "@ai-matrx/records";
-import { useFields as useFields13, useRecordsClient as useRecordsClient14, useTable as useTable8 } from "@ai-matrx/records/react";
+import { useFields as useFields13, useRecordsClient as useRecordsClient15, useTable as useTable8 } from "@ai-matrx/records/react";
 import { Button as Button22, Skeleton as Skeleton8, cn as cn22 } from "@ai-matrx/design-system";
 import { jsx as jsx28, jsxs as jsxs24 } from "react/jsx-runtime";
 var ARCHIVE_MEANS = "Archiving never destroys anything. A record you remove from the grid waits here until somebody brings it back.";
@@ -8358,7 +8547,7 @@ function ArchivedView({
   onRestored,
   className
 }) {
-  const client = useRecordsClient14();
+  const client = useRecordsClient15();
   const table = useTable8(tableId);
   const rights = useTableRights(table.data);
   const fields = useFields13(tableId);
@@ -8471,7 +8660,7 @@ import {
   portalConfirmLine,
   portalTitleTypedBack
 } from "@ai-matrx/records";
-import { useRecordsClient as useRecordsClient15 } from "@ai-matrx/records/react";
+import { useRecordsClient as useRecordsClient16 } from "@ai-matrx/records/react";
 import { BasicInput as BasicInput8, Button as Button23, Skeleton as Skeleton9, cn as cn23 } from "@ai-matrx/design-system";
 import { jsx as jsx29, jsxs as jsxs25 } from "react/jsx-runtime";
 var ARCHIVED_NEVER_DESTROYED = "Archiving never destroys anything. What you put away waits here until somebody brings it back.";
@@ -8516,7 +8705,7 @@ function ArchivedPortals({
   defaultOpen,
   className
 }) {
-  const client = useRecordsClient15();
+  const client = useRecordsClient16();
   const [rows, setRows] = useState27(null);
   const [error, setError] = useState27(null);
   const [confirming, setConfirming] = useState27(null);
@@ -8651,13 +8840,13 @@ function ArchivedPortals({
 
 // src/ViewBar.tsx
 import { useCallback as useCallback14, useEffect as useEffect18, useState as useState28 } from "react";
-import { useRecordsClient as useRecordsClient16 } from "@ai-matrx/records/react";
+import { useRecordsClient as useRecordsClient17 } from "@ai-matrx/records/react";
 import { Button as Button24, Input as Input2, Skeleton as Skeleton10, cn as cn24 } from "@ai-matrx/design-system";
 
 // src/seedOnce.ts
-import { useCallback as useCallback13, useRef as useRef7 } from "react";
+import { useCallback as useCallback13, useRef as useRef8 } from "react";
 function useSeedGuard() {
-  const claimed = useRef7(/* @__PURE__ */ new Set());
+  const claimed = useRef8(/* @__PURE__ */ new Set());
   return useCallback13((name) => {
     if (claimed.current.has(name)) return false;
     claimed.current.add(name);
@@ -8670,7 +8859,7 @@ import { useTable as useTable9 } from "@ai-matrx/records/react";
 import { jsx as jsx30, jsxs as jsxs26 } from "react/jsx-runtime";
 var SAVED_VIEWS_UNAVAILABLE = "Saved views are not available in this organization right now, so the layout you pick here is not being kept. Everything else on this table works as usual.";
 function ViewBar({ tableId, activeViewId, onActiveView, seed, className }) {
-  const client = useRecordsClient16();
+  const client = useRecordsClient17();
   const claimSeed = useSeedGuard();
   const table = useTable9(tableId);
   const rights = useTableRights(table.data);
@@ -8791,7 +8980,7 @@ function ViewBar({ tableId, activeViewId, onActiveView, seed, className }) {
 
 // src/ProposalRow.tsx
 import { useState as useState29 } from "react";
-import { useRecordsClient as useRecordsClient17 } from "@ai-matrx/records/react";
+import { useRecordsClient as useRecordsClient18 } from "@ai-matrx/records/react";
 import { Badge as Badge7, Button as Button25, cn as cn25 } from "@ai-matrx/design-system";
 import { jsx as jsx31, jsxs as jsxs27 } from "react/jsx-runtime";
 var ACT_WORD = PROPOSED_CHANGE_ACT_LABEL;
@@ -8804,7 +8993,7 @@ function ProposalRow({
   onSettled,
   className
 }) {
-  const client = useRecordsClient17();
+  const client = useRecordsClient18();
   const [settled, setSettled] = useState29(outcome ?? null);
   const [busy, setBusy] = useState29(false);
   const [confirming, setConfirming] = useState29(false);
@@ -8892,13 +9081,13 @@ function ProposalRow({
 }
 
 // src/ActionInbox.tsx
-import { useCallback as useCallback16, useEffect as useEffect20, useMemo as useMemo20, useRef as useRef8, useState as useState31 } from "react";
-import { useRecordsClient as useRecordsClient19 } from "@ai-matrx/records/react";
+import { useCallback as useCallback16, useEffect as useEffect20, useMemo as useMemo20, useRef as useRef9, useState as useState31 } from "react";
+import { useRecordsClient as useRecordsClient20 } from "@ai-matrx/records/react";
 import { Badge as Badge9, Button as Button27, Skeleton as Skeleton12, cn as cn27 } from "@ai-matrx/design-system";
 
 // src/ChecklistRunner.tsx
 import { useCallback as useCallback15, useEffect as useEffect19, useMemo as useMemo19, useState as useState30 } from "react";
-import { useRecordsClient as useRecordsClient18, useTable as useTable10 } from "@ai-matrx/records/react";
+import { useRecordsClient as useRecordsClient19, useTable as useTable10 } from "@ai-matrx/records/react";
 import { Badge as Badge8, BasicInput as BasicInput9, BasicTextarea as BasicTextarea4, Button as Button26, Skeleton as Skeleton11, cn as cn26 } from "@ai-matrx/design-system";
 import { Fragment as Fragment13, jsx as jsx32, jsxs as jsxs28 } from "react/jsx-runtime";
 var DUE_WORD = DUE_STATE_LABEL;
@@ -8912,7 +9101,7 @@ function ChecklistRunner({
   offerToStart,
   className
 }) {
-  const client = useRecordsClient18();
+  const client = useRecordsClient19();
   const table = useTable10(tableId ?? null);
   const rights = useTableRights(table.data);
   const [runs, setRuns] = useState30(null);
@@ -9161,7 +9350,7 @@ function StepRow({
   );
 }
 function useMyChecklistSteps(limit = 25) {
-  const client = useRecordsClient18();
+  const client = useRecordsClient19();
   const me = client.config.actor.user_id ?? null;
   const [steps, setSteps] = useState30([]);
   const [loading, setLoading] = useState30(true);
@@ -9200,7 +9389,7 @@ function useMyChecklistSteps(limit = 25) {
   return { steps, loading, error, refresh };
 }
 function MyChecklistSteps({ className }) {
-  const client = useRecordsClient18();
+  const client = useRecordsClient19();
   const { steps, loading, error, refresh } = useMyChecklistSteps();
   const [busy, setBusy] = useState30(null);
   const [refusal2, setRefusal] = useState30(null);
@@ -9239,7 +9428,7 @@ function MyChecklistSteps({ className }) {
   ] });
 }
 function ChecklistsPanel({ tableId, onOpenRecord, className }) {
-  const client = useRecordsClient18();
+  const client = useRecordsClient19();
   const table = useTable10(tableId);
   const rights = useTableRights(table.data);
   const [templates, setTemplates] = useState30(null);
@@ -9400,7 +9589,7 @@ function ChecklistTemplateEditor({
   onDone,
   className
 }) {
-  const client = useRecordsClient18();
+  const client = useRecordsClient19();
   const [name, setName] = useState30("");
   const [rows, setRows] = useState30([{ ...EMPTY_ROW }]);
   const [refusal2, setRefusal] = useState30(null);
@@ -9613,13 +9802,13 @@ var ACTION_KINDS = ["approval", "assignment", "proposal"];
 var KIND_WORD = WORK_INBOX_KIND_LABEL;
 var DUE_WORD2 = DUE_STATE_LABEL;
 function ActionInbox({ tableId, includeSettled = false, onOpenRecord, className }) {
-  const client = useRecordsClient19();
+  const client = useRecordsClient20();
   const [items, setItems] = useState31(null);
   const [error, setError] = useState31(null);
   const [outcome, setOutcome] = useState31({});
   const [busy, setBusy] = useState31(null);
   const [cursor, setCursor] = useState31(0);
-  const listRef = useRef8(null);
+  const listRef = useRef9(null);
   const load = useCallback16(async () => {
     const result = await client.workInbox({ limit: 200, includeDecided: includeSettled });
     if (!result.ok) {
@@ -9767,16 +9956,16 @@ function ActionInbox({ tableId, includeSettled = false, onOpenRecord, className
 }
 
 // src/HistoryPanel.tsx
-import { useCallback as useCallback17, useEffect as useEffect21, useRef as useRef9, useState as useState32 } from "react";
+import { useCallback as useCallback17, useEffect as useEffect21, useRef as useRef10, useState as useState32 } from "react";
 import {
   useFields as useFields14,
-  useRecordsClient as useRecordsClient20,
+  useRecordsClient as useRecordsClient21,
   useTable as useTable11
 } from "@ai-matrx/records/react";
 import { Badge as Badge10, Button as Button28, Skeleton as Skeleton13, cn as cn28 } from "@ai-matrx/design-system";
 import { jsx as jsx34, jsxs as jsxs30 } from "react/jsx-runtime";
 function HistoryPanel({ tableId, recordId, onAskAboutField, className }) {
-  const client = useRecordsClient20();
+  const client = useRecordsClient21();
   const table = useTable11(tableId);
   const fields = useFields14(tableId);
   const rights = useTableRights(table.data);
@@ -9785,7 +9974,7 @@ function HistoryPanel({ tableId, recordId, onAskAboutField, className }) {
   const [open, setOpen] = useState32(null);
   const [pending, setPending] = useState32({ phase: "idle" });
   const [said, setSaid] = useState32(null);
-  const listRef = useRef9(null);
+  const listRef = useRef10(null);
   const load = useCallback17(async () => {
     const answered = await client.recordHistory({ record_id: recordId });
     if (!answered.ok) {
@@ -10076,16 +10265,16 @@ function say(value, field) {
 }
 
 // src/CommentThread.tsx
-import { useCallback as useCallback18, useEffect as useEffect22, useMemo as useMemo21, useRef as useRef10, useState as useState33 } from "react";
+import { useCallback as useCallback18, useEffect as useEffect22, useMemo as useMemo21, useRef as useRef11, useState as useState33 } from "react";
 import {
   useFields as useFields15,
-  useRecordsClient as useRecordsClient21,
+  useRecordsClient as useRecordsClient22,
   useTable as useTable12
 } from "@ai-matrx/records/react";
 import { Badge as Badge11, Button as Button29, Skeleton as Skeleton14, Textarea, cn as cn29 } from "@ai-matrx/design-system";
 import { jsx as jsx35, jsxs as jsxs31 } from "react/jsx-runtime";
 function CommentThread({ tableId, recordId, fieldKey, className }) {
-  const client = useRecordsClient21();
+  const client = useRecordsClient22();
   const table = useTable12(tableId);
   const fields = useFields15(tableId);
   const host = useRecordsUi();
@@ -10099,7 +10288,7 @@ function CommentThread({ tableId, recordId, fieldKey, className }) {
   const [people, setPeople] = useState33([]);
   const [mentionQuery, setMentionQuery] = useState33(null);
   const [picked, setPicked] = useState33([]);
-  const box = useRef10(null);
+  const box = useRef11(null);
   const load = useCallback18(async () => {
     const answered = await client.commentThread({ record_id: recordId, include_resolved: showResolved });
     if (!answered.ok) {
@@ -10322,7 +10511,7 @@ function Line({
 import { useCallback as useCallback19, useEffect as useEffect23, useState as useState34 } from "react";
 import {
   useFields as useFields16,
-  useRecordsClient as useRecordsClient22,
+  useRecordsClient as useRecordsClient23,
   useTable as useTable13
 } from "@ai-matrx/records/react";
 import { Badge as Badge12, Button as Button30, Skeleton as Skeleton15, cn as cn30 } from "@ai-matrx/design-system";
@@ -10335,7 +10524,7 @@ function FieldHistoryPanel({
   onOpenRecord,
   className
 }) {
-  const client = useRecordsClient22();
+  const client = useRecordsClient23();
   const table = useTable13(tableId);
   const fields = useFields16(tableId);
   const rights = useTableRights(table.data);
@@ -10548,12 +10737,12 @@ function submissionStamp(args) {
 
 // src/PortalBuilder.tsx
 import { useCallback as useCallback20, useEffect as useEffect24, useMemo as useMemo22, useState as useState35 } from "react";
-import { useRecordsClient as useRecordsClient23, useTables as useTables3 } from "@ai-matrx/records/react";
+import { useRecordsClient as useRecordsClient24, useTables as useTables3 } from "@ai-matrx/records/react";
 import { BasicInput as BasicInput10, Button as Button31, Checkbox as Checkbox5, Label as Label5, Separator as Separator9, Skeleton as Skeleton16, cn as cn31 } from "@ai-matrx/design-system";
 import { Fragment as Fragment15, jsx as jsx37, jsxs as jsxs33 } from "react/jsx-runtime";
 var RESTATING_REPLACES = "Saving replaces what this portal shows: a table you untick stops being visible to every client the moment you save. Who is invited is not touched.";
 function PortalBuilder({ tableId, portalId, onSaved, onClose, className }) {
-  const client = useRecordsClient23();
+  const client = useRecordsClient24();
   const tables = useTables3();
   const [title, setTitle] = useState35("");
   const [clientTableId, setClientTableId] = useState35(null);
@@ -10843,7 +11032,7 @@ function PortalBuilder({ tableId, portalId, onSaved, onClose, className }) {
 
 // src/PortalsPanel.tsx
 import { useCallback as useCallback21, useEffect as useEffect25, useMemo as useMemo23, useState as useState36 } from "react";
-import { useRecordsClient as useRecordsClient24 } from "@ai-matrx/records/react";
+import { useRecordsClient as useRecordsClient25 } from "@ai-matrx/records/react";
 import {
   portalArchiveConsequence,
   portalConfirmLine as portalConfirmLine2,
@@ -10914,7 +11103,7 @@ function stateWords(person) {
 }
 var PORTAL_SUGGESTION = "Let each of my customers sign in and see their own jobs and invoices, and nothing else.";
 function PortalsPanel({ tableId, activePortalId, className }) {
-  const client = useRecordsClient24();
+  const client = useRecordsClient25();
   const host = useRecordsUi();
   const [portals, setPortals] = useState36(null);
   const [exposures, setExposures] = useState36([]);
@@ -11094,7 +11283,7 @@ function ArchivePortalControl({
   portal,
   onArchived
 }) {
-  const client = useRecordsClient24();
+  const client = useRecordsClient25();
   const [asking, setAsking] = useState36(false);
   const [typed, setTyped] = useState36("");
   const [busy, setBusy] = useState36(false);
@@ -11201,7 +11390,7 @@ function PortalDetail({
   origin,
   onChanged
 }) {
-  const client = useRecordsClient24();
+  const client = useRecordsClient25();
   const [card, setCard] = useState36(null);
   const [error, setError] = useState36(null);
   const load = useCallback21(async () => {
@@ -11444,7 +11633,7 @@ function Preview({
   ] });
 }
 function Invite({ card, onInvited }) {
-  const client = useRecordsClient24();
+  const client = useRecordsClient25();
   const [rows, setRows] = useState36(null);
   const [clientTable, setClientTable] = useState36(null);
   const [search, setSearch] = useState36("");
@@ -11556,7 +11745,7 @@ function Invite({ card, onInvited }) {
 
 // src/DigestScheduler.tsx
 import { useCallback as useCallback22, useEffect as useEffect26, useMemo as useMemo24, useState as useState37 } from "react";
-import { useRecordsClient as useRecordsClient25 } from "@ai-matrx/records/react";
+import { useRecordsClient as useRecordsClient26 } from "@ai-matrx/records/react";
 import { BasicInput as BasicInput12, Button as Button34, Checkbox as Checkbox6, Label as Label6, Separator as Separator11, Skeleton as Skeleton18, cn as cn34 } from "@ai-matrx/design-system";
 import { Fragment as Fragment17, jsx as jsx40, jsxs as jsxs36 } from "react/jsx-runtime";
 var WEEKDAYS = ["monday", "tuesday", "wednesday", "thursday", "friday", "saturday", "sunday"];
@@ -11580,7 +11769,7 @@ function DigestScheduler({
   onClose,
   className
 }) {
-  const client = useRecordsClient25();
+  const client = useRecordsClient26();
   const host = useRecordsUi();
   const [views, setViews] = useState37(null);
   const [cadences, setCadences] = useState37([]);
@@ -11872,7 +12061,7 @@ function DigestScheduler({
 
 // src/SubscriptionsPanel.tsx
 import { useCallback as useCallback23, useEffect as useEffect27, useState as useState38 } from "react";
-import { useRecordsClient as useRecordsClient26 } from "@ai-matrx/records/react";
+import { useRecordsClient as useRecordsClient27 } from "@ai-matrx/records/react";
 import { Badge as Badge14, Button as Button35, Skeleton as Skeleton19, Switch as Switch2, cn as cn35 } from "@ai-matrx/design-system";
 import { jsx as jsx41, jsxs as jsxs37 } from "react/jsx-runtime";
 var RULE_NOT_HERE_LINE = "The link named a digest that is not one of yours on this table \u2014 it belongs to somebody else, or it was switched off for good. Yours are listed here; its owner can change theirs.";
@@ -11881,10 +12070,25 @@ function whenItFires(subscription) {
   const every = subscription.cadence === "hourly" ? "an hourly summary" : subscription.cadence === "weekly" ? "a weekly summary" : "a daily summary";
   return subscription.schedule ? `${every}, ${subscription.schedule}` : every;
 }
+var PERIOD_MS = {
+  hourly: 60 * 60 * 1e3,
+  daily: 24 * 60 * 60 * 1e3,
+  weekly: 7 * 24 * 60 * 60 * 1e3
+};
+function nextSummaryAt(subscription, now) {
+  if (!subscription.next_digest_at) return null;
+  const due = new Date(subscription.next_digest_at);
+  if (Number.isNaN(due.getTime())) return null;
+  if (due.getTime() > now.getTime()) return due;
+  const period = PERIOD_MS[subscription.cadence];
+  if (!period) return due;
+  const behind = now.getTime() - due.getTime();
+  return new Date(due.getTime() + (Math.floor(behind / period) + 1) * period);
+}
 var CHANNEL_WORDS2 = SUBSCRIPTION_CHANNEL_LABEL;
 var DIGEST_SUGGESTION = "Email me a summary of this every Monday at 8 in the morning.";
 function SubscriptionsPanel({ tableId, activeRuleId, className }) {
-  const client = useRecordsClient26();
+  const client = useRecordsClient27();
   const [rows, setRows] = useState38(null);
   const [error, setError] = useState38(null);
   const [busy, setBusy] = useState38(null);
@@ -12008,7 +12212,7 @@ function SubscriptionsPanel({ tableId, activeRuleId, className }) {
           /* @__PURE__ */ jsxs37("div", { className: "mt-1.5 flex flex-wrap items-center gap-x-3 gap-y-1 text-xs text-muted-foreground", children: [
             subscription.next_digest_at ? /* @__PURE__ */ jsxs37("span", { children: [
               "Next summary ",
-              new Date(subscription.next_digest_at).toLocaleString()
+              nextSummaryAt(subscription, /* @__PURE__ */ new Date())?.toLocaleString()
             ] }) : subscription.cadence === "instant" ? null : subscription.muted ? /* @__PURE__ */ jsx41("span", { children: "No next summary while it is off." }) : null,
             subscription.last_sent_at ? /* @__PURE__ */ jsxs37("span", { children: [
               "Last told you ",
@@ -12077,14 +12281,14 @@ function SubscriptionsPanel({ tableId, activeRuleId, className }) {
 
 // src/FormBuilder.tsx
 import { useCallback as useCallback25, useEffect as useEffect30, useMemo as useMemo26, useState as useState41 } from "react";
-import { useFields as useFields18, useRecordsClient as useRecordsClient28, useTable as useTable14 } from "@ai-matrx/records/react";
+import { useFields as useFields18, useRecordsClient as useRecordsClient29, useTable as useTable14 } from "@ai-matrx/records/react";
 
 // src/publish-gate.ts
 import { useEffect as useEffect28, useState as useState39 } from "react";
-import { useRecordsClient as useRecordsClient27 } from "@ai-matrx/records/react";
+import { useRecordsClient as useRecordsClient28 } from "@ai-matrx/records/react";
 var PUBLISH_NEEDS_THE_STORE_ON = "This organization has its record store switched off, so publishing would hand you a link that opens nothing. An owner or an administrator turns it on under Database settings, on the unified data screen \u2014 everything you have already built here is kept and starts working the moment they do.";
 function usePublishGate() {
-  const client = useRecordsClient27();
+  const client = useRecordsClient28();
   const [storeOpen, setStoreOpen] = useState39(null);
   useEffect28(() => {
     let alive = true;
@@ -12117,7 +12321,7 @@ import {
 } from "@ai-matrx/design-system";
 
 // src/FormRunner.tsx
-import { useCallback as useCallback24, useEffect as useEffect29, useMemo as useMemo25, useRef as useRef11, useState as useState40 } from "react";
+import { useCallback as useCallback24, useEffect as useEffect29, useMemo as useMemo25, useRef as useRef12, useState as useState40 } from "react";
 import { useFields as useFields17, useOptionalRecordsClient as useOptionalRecordsClient4 } from "@ai-matrx/records/react";
 import { Button as Button36, Progress, Skeleton as Skeleton20, cn as cn36 } from "@ai-matrx/design-system";
 import { Fragment as Fragment18, jsx as jsx42, jsxs as jsxs38 } from "react/jsx-runtime";
@@ -12202,8 +12406,8 @@ function FormStage({
   const [writing, setWriting] = useState40(false);
   const [done, setDone] = useState40(null);
   const [hidden, setHidden] = useState40({});
-  const decoy = useRef11("");
-  const stage = useRef11(null);
+  const decoy = useRef12("");
+  const stage = useRef12(null);
   const questions = useMemo25(() => {
     const byKey = new Map((fields ?? []).map((f) => [f.key, f]));
     return (form.questions ?? []).map((q) => {
@@ -12467,7 +12671,7 @@ function whyNotAskable(fields, hidden = []) {
 // src/FormBuilder.tsx
 import { Fragment as Fragment19, jsx as jsx43, jsxs as jsxs39 } from "react/jsx-runtime";
 function FormBuilder({ tableId, seed, activeFormId, onActiveForm, className }) {
-  const client = useRecordsClient28();
+  const client = useRecordsClient29();
   const publishGate = usePublishGate();
   const host = useRecordsUi();
   const claimSeed = useSeedGuard();
@@ -12927,13 +13131,13 @@ function groupLabel(groups) {
 import {
   useEffect as useEffect31,
   useId as useId2,
-  useRef as useRef12,
+  useRef as useRef13,
   useState as useState42
 } from "react";
 import { cn as cn38 } from "@ai-matrx/design-system";
 import { jsx as jsx44, jsxs as jsxs40 } from "react/jsx-runtime";
 function useMeasuredWidth(fallback = 480) {
-  const ref = useRef12(null);
+  const ref = useRef13(null);
   const [width, setWidth] = useState42(fallback);
   useEffect31(() => {
     const node = ref.current;
@@ -13060,11 +13264,11 @@ function isSignatureField(field) {
 
 // src/DocTemplate.tsx
 import { useCallback as useCallback26, useEffect as useEffect32, useState as useState43 } from "react";
-import { useFields as useFields19, useRecordsClient as useRecordsClient29, useTable as useTable15 } from "@ai-matrx/records/react";
+import { useFields as useFields19, useRecordsClient as useRecordsClient30, useTable as useTable15 } from "@ai-matrx/records/react";
 import { BasicInput as BasicInput14, BasicTextarea as BasicTextarea6, Button as Button38, Label as Label8, Skeleton as Skeleton22, cn as cn39 } from "@ai-matrx/design-system";
 import { jsx as jsx45, jsxs as jsxs41 } from "react/jsx-runtime";
 function DocTemplate({ tableId, seed, activeTemplateId, onActiveTemplate, className }) {
-  const client = useRecordsClient29();
+  const client = useRecordsClient30();
   const claimSeed = useSeedGuard();
   const table = useTable15(tableId);
   const rights = useTableRights(table.data);
@@ -13243,18 +13447,18 @@ function DocTemplate({ tableId, seed, activeTemplateId, onActiveTemplate, classN
 }
 
 // src/DocRender.tsx
-import { useCallback as useCallback27, useEffect as useEffect33, useRef as useRef13, useState as useState44 } from "react";
-import { useRecordsClient as useRecordsClient30 } from "@ai-matrx/records/react";
+import { useCallback as useCallback27, useEffect as useEffect33, useRef as useRef14, useState as useState44 } from "react";
+import { useRecordsClient as useRecordsClient31 } from "@ai-matrx/records/react";
 import { Button as Button39, Skeleton as Skeleton23, cn as cn40 } from "@ai-matrx/design-system";
 import { jsx as jsx46, jsxs as jsxs42 } from "react/jsx-runtime";
 function DocRender({ templateId, recordId, filename, onRendered, className }) {
-  const client = useRecordsClient30();
+  const client = useRecordsClient31();
   const [preview, setPreview] = useState44(null);
   const [renders, setRenders] = useState44(null);
   const [showing, setShowing] = useState44(null);
   const [error, setError] = useState44(null);
   const [busy, setBusy] = useState44(null);
-  const paper = useRef13(null);
+  const paper = useRef14(null);
   const load = useCallback27(async () => {
     const [body, held] = await Promise.all([
       client.docRenderBody({ template_id: templateId, record_id: recordId }),
@@ -13357,12 +13561,12 @@ function DocRender({ templateId, recordId, filename, onRendered, className }) {
 
 // src/SignBlock.tsx
 import { useCallback as useCallback28, useEffect as useEffect34, useState as useState45 } from "react";
-import { useFields as useFields20, useRecordsClient as useRecordsClient31 } from "@ai-matrx/records/react";
+import { useFields as useFields20, useRecordsClient as useRecordsClient32 } from "@ai-matrx/records/react";
 import { BasicInput as BasicInput15, Button as Button40, Skeleton as Skeleton24, cn as cn41 } from "@ai-matrx/design-system";
 import { useTable as useTable16 } from "@ai-matrx/records/react";
 import { jsx as jsx47, jsxs as jsxs43 } from "react/jsx-runtime";
 function SignBlock({ tableId, recordId, render, className }) {
-  const client = useRecordsClient31();
+  const client = useRecordsClient32();
   const table = useTable16(tableId);
   const rights = useTableRights(table.data);
   const fields = useFields20(tableId);
@@ -13508,13 +13712,13 @@ function SignBlock({ tableId, recordId, render, className }) {
 
 // src/NotifyRuleEditor.tsx
 import { useCallback as useCallback29, useEffect as useEffect35, useState as useState46 } from "react";
-import { useRecordsClient as useRecordsClient32, useTable as useTable17 } from "@ai-matrx/records/react";
+import { useRecordsClient as useRecordsClient33, useTable as useTable17 } from "@ai-matrx/records/react";
 import { Button as Button41, Skeleton as Skeleton25, cn as cn42 } from "@ai-matrx/design-system";
 import { jsx as jsx48, jsxs as jsxs44 } from "react/jsx-runtime";
 var CADENCE_WORDS2 = SUBSCRIPTION_CADENCE_LABEL;
 var CHANNEL_WORDS3 = SUBSCRIPTION_CHANNEL_LABEL;
 function NotifyRuleEditor({ tableId, seed, className }) {
-  const client = useRecordsClient32();
+  const client = useRecordsClient33();
   const host = useRecordsUi();
   const table = useTable17(tableId);
   const rights = useTableRights(table.data);
@@ -14028,7 +14232,7 @@ function Drawing({
 
 // src/DashboardCanvas.tsx
 import { useCallback as useCallback30, useEffect as useEffect36, useMemo as useMemo28, useState as useState47 } from "react";
-import { useFields as useFields21, useRecordsClient as useRecordsClient33, useTable as useTable18 } from "@ai-matrx/records/react";
+import { useFields as useFields21, useRecordsClient as useRecordsClient34, useTable as useTable18 } from "@ai-matrx/records/react";
 import {
   BasicInput as BasicInput16,
   Button as Button42,
@@ -14042,7 +14246,7 @@ import {
 } from "@ai-matrx/design-system";
 import { Fragment as Fragment21, jsx as jsx50, jsxs as jsxs46 } from "react/jsx-runtime";
 function DashboardCanvas({ tableId, activeDashboardId, filter, className }) {
-  const client = useRecordsClient33();
+  const client = useRecordsClient34();
   const host = useRecordsUi();
   const table = useTable18(tableId);
   const rights = useTableRights(table.data);
@@ -14371,7 +14575,7 @@ function GroupingPicker({
 
 // src/FormsPanel.tsx
 import { useCallback as useCallback31, useEffect as useEffect37, useState as useState48 } from "react";
-import { useRecordsClient as useRecordsClient34, useTable as useTable19 } from "@ai-matrx/records/react";
+import { useRecordsClient as useRecordsClient35, useTable as useTable19 } from "@ai-matrx/records/react";
 import { publicFormPath as publicFormPath2 } from "@ai-matrx/records";
 import { Badge as Badge15, Button as Button43, Skeleton as Skeleton27, cn as cn45 } from "@ai-matrx/design-system";
 import { Fragment as Fragment22, jsx as jsx51, jsxs as jsxs47 } from "react/jsx-runtime";
@@ -14383,7 +14587,7 @@ function formSuggestion(tableName2) {
   return `Make me a form that collects new ${subject} entries and tells me when somebody answers.`;
 }
 function FormsPanel({ tableId, activeFormId, className }) {
-  const client = useRecordsClient34();
+  const client = useRecordsClient35();
   const publishGate = usePublishGate();
   const host = useRecordsUi();
   const table = useTable19(tableId);
@@ -14540,7 +14744,7 @@ function FormsPanel({ tableId, activeFormId, className }) {
 
 // src/BookingBuilder.tsx
 import { useCallback as useCallback32, useEffect as useEffect38, useMemo as useMemo29, useState as useState49 } from "react";
-import { useFields as useFields22, useRecordsClient as useRecordsClient35, useTable as useTable20 } from "@ai-matrx/records/react";
+import { useFields as useFields22, useRecordsClient as useRecordsClient36, useTable as useTable20 } from "@ai-matrx/records/react";
 import {
   bookingPath
 } from "@ai-matrx/records";
@@ -14570,7 +14774,7 @@ function draftWindows(availability) {
   });
 }
 function BookingBuilder({ tableId, bookingId, onSaved, onClose, className }) {
-  const client = useRecordsClient35();
+  const client = useRecordsClient36();
   const publishGate = usePublishGate();
   const host = useRecordsUi();
   const table = useTable20(tableId);
@@ -14888,7 +15092,7 @@ function BookingBuilder({ tableId, bookingId, onSaved, onClose, className }) {
 
 // src/BookingSlots.tsx
 import { useCallback as useCallback33, useEffect as useEffect39, useMemo as useMemo30, useState as useState50 } from "react";
-import { useRecordsClient as useRecordsClient36, useMyLevels as useMyLevels2 } from "@ai-matrx/records/react";
+import { useRecordsClient as useRecordsClient37, useMyLevels as useMyLevels2 } from "@ai-matrx/records/react";
 import { bookingPath as bookingPath2 } from "@ai-matrx/records";
 import { Badge as Badge16, Button as Button45, Skeleton as Skeleton29, cn as cn47 } from "@ai-matrx/design-system";
 import { Fragment as Fragment24, jsx as jsx53, jsxs as jsxs49 } from "react/jsx-runtime";
@@ -14900,7 +15104,7 @@ function bookingSuggestion(tableName2) {
 var NO_ADMIN2 = "Opening a booking page lets people with no account take time in your calendar, so it needs the admin level on the table the appointments land in.";
 var STATE_WORDS = BOOKING_PAGE_STATE_LABEL;
 function BookingSlots({ tableId, className }) {
-  const client = useRecordsClient36();
+  const client = useRecordsClient37();
   const host = useRecordsUi();
   const [pages, setPages] = useState50(null);
   const [error, setError] = useState50(null);
@@ -15087,18 +15291,18 @@ function nextInWords(page) {
 }
 
 // src/CaptureSheet.tsx
-import { useCallback as useCallback35, useEffect as useEffect41, useRef as useRef15, useState as useState52 } from "react";
-import { useFields as useFields23, useRecordsClient as useRecordsClient38, useTable as useTable21 } from "@ai-matrx/records/react";
+import { useCallback as useCallback35, useEffect as useEffect41, useRef as useRef16, useState as useState52 } from "react";
+import { useFields as useFields23, useRecordsClient as useRecordsClient39, useTable as useTable21 } from "@ai-matrx/records/react";
 import { Button as Button47, Input as Input4, Skeleton as Skeleton31, Textarea as Textarea3, cn as cn49 } from "@ai-matrx/design-system";
 
 // src/CaptureRun.tsx
-import { useCallback as useCallback34, useEffect as useEffect40, useMemo as useMemo31, useRef as useRef14, useState as useState51 } from "react";
+import { useCallback as useCallback34, useEffect as useEffect40, useMemo as useMemo31, useRef as useRef15, useState as useState51 } from "react";
 import {
   coerceTypedAnswer as coerceTypedAnswer2,
   coercionLabel,
   openCaptureQueue
 } from "@ai-matrx/records";
-import { useRecordsClient as useRecordsClient37 } from "@ai-matrx/records/react";
+import { useRecordsClient as useRecordsClient38 } from "@ai-matrx/records/react";
 import { Button as Button46, Input as Input3, Skeleton as Skeleton30, Textarea as Textarea2, cn as cn48 } from "@ai-matrx/design-system";
 import { jsx as jsx54, jsxs as jsxs50 } from "react/jsx-runtime";
 function controlFor(field) {
@@ -15137,7 +15341,7 @@ function whereWeAre(timeoutMs = 4e3) {
   });
 }
 function CaptureRun({ sheetId, face: given, className }) {
-  const client = useRecordsClient37();
+  const client = useRecordsClient38();
   const host = useRecordsUi();
   const [face, setFace] = useState51(given);
   const [loadFailed, setLoadFailed] = useState51(null);
@@ -15150,7 +15354,7 @@ function CaptureRun({ sheetId, face: given, className }) {
   const [items, setItems] = useState51([]);
   const [lastSynced, setLastSynced] = useState51(null);
   const [sending, setSending] = useState51(false);
-  const queueRef = useRef14(null);
+  const queueRef = useRef15(null);
   useEffect40(() => {
     const q2 = openCaptureQueue({
       onChange: (c, all) => {
@@ -15517,7 +15721,7 @@ function AdHocCaptureSheet({
   attachmentField,
   className
 }) {
-  const client = useRecordsClient38();
+  const client = useRecordsClient39();
   const host = useRecordsUi();
   const table = useTable21(tableId);
   const fields = useFields23(tableId);
@@ -15530,7 +15734,7 @@ function AdHocCaptureSheet({
   const [error, setError] = useState52(null);
   const [uploadError, setUploadError] = useState52(null);
   const [flushing, setFlushing] = useState52(false);
-  const queue = useRef15([]);
+  const queue = useRef16([]);
   const keep = useCallback35(
     async (next) => {
       queue.current = next;
@@ -15719,11 +15923,11 @@ function AdHocCaptureSheet({
 
 // src/PortalShell.tsx
 import { useCallback as useCallback36, useEffect as useEffect42, useState as useState53 } from "react";
-import { useRecordsClient as useRecordsClient39 } from "@ai-matrx/records/react";
+import { useRecordsClient as useRecordsClient40 } from "@ai-matrx/records/react";
 import { Button as Button48, Skeleton as Skeleton32, cn as cn50 } from "@ai-matrx/design-system";
 import { jsx as jsx56, jsxs as jsxs52 } from "react/jsx-runtime";
 function PortalShell({ tableId, form, resourceType = "record", className }) {
-  const client = useRecordsClient39();
+  const client = useRecordsClient40();
   const [card, setCard] = useState53(null);
   const [reach, setReach] = useState53(null);
   const [error, setError] = useState53(null);
@@ -15802,7 +16006,7 @@ function PortalShell({ tableId, form, resourceType = "record", className }) {
   ] });
 }
 function PortalRow({ tableId, recordId }) {
-  const client = useRecordsClient39();
+  const client = useRecordsClient40();
   const [title, setTitle] = useState53(null);
   useEffect42(() => {
     let cancelled = false;
@@ -15825,11 +16029,11 @@ function PortalRow({ tableId, recordId }) {
 
 // src/PublicViewPage.tsx
 import { useCallback as useCallback37, useEffect as useEffect43, useState as useState54 } from "react";
-import { useRecordsClient as useRecordsClient40 } from "@ai-matrx/records/react";
+import { useRecordsClient as useRecordsClient41 } from "@ai-matrx/records/react";
 import { Skeleton as Skeleton33, cn as cn51 } from "@ai-matrx/design-system";
 import { jsx as jsx57, jsxs as jsxs53 } from "react/jsx-runtime";
 function PublicViewPage({ slug, className }) {
-  const client = useRecordsClient40();
+  const client = useRecordsClient41();
   const [binding, setBinding] = useState54(null);
   const [rows, setRows] = useState54(null);
   const [fields, setFields] = useState54(null);
@@ -15906,7 +16110,7 @@ function PublicRow({ row, fields }) {
 
 // src/EmbedFrame.tsx
 import { useCallback as useCallback38, useEffect as useEffect44, useState as useState55 } from "react";
-import { useRecordsClient as useRecordsClient41 } from "@ai-matrx/records/react";
+import { useRecordsClient as useRecordsClient42 } from "@ai-matrx/records/react";
 import { Button as Button49, Input as Input5, Skeleton as Skeleton34, Textarea as Textarea4, cn as cn52 } from "@ai-matrx/design-system";
 import { useTable as useTable22 } from "@ai-matrx/records/react";
 import { Fragment as Fragment26, jsx as jsx58, jsxs as jsxs54 } from "react/jsx-runtime";
@@ -15918,7 +16122,7 @@ function EmbedFrame({
   embedUrl,
   className
 }) {
-  const client = useRecordsClient41();
+  const client = useRecordsClient42();
   const host = useRecordsUi();
   const table = useTable22(tableId);
   const rights = useTableRights(table.data);
@@ -16012,7 +16216,7 @@ function EmbedFrame({
   ] });
 }
 function useEmbedHandshake(args) {
-  const client = useRecordsClient41();
+  const client = useRecordsClient42();
   const [binding, setBinding] = useState55(null);
   const [error, setError] = useState55(null);
   const [loading, setLoading] = useState55(true);
@@ -16074,7 +16278,7 @@ function recordsDataSource(client, fallbackSchema = "custom") {
 
 // src/TablesHome.tsx
 import { useCallback as useCallback39, useEffect as useEffect45, useState as useState56 } from "react";
-import { useRecordsClient as useRecordsClient42, useTables as useTables4 } from "@ai-matrx/records/react";
+import { useRecordsClient as useRecordsClient43, useTables as useTables4 } from "@ai-matrx/records/react";
 import { BasicInput as BasicInput18, Button as Button50, Skeleton as Skeleton35, cn as cn53 } from "@ai-matrx/design-system";
 
 // src/createTable.ts
@@ -16202,15 +16406,32 @@ var LANE_EMPTY = {
   community: "Nothing shared beyond your organization. A table published by link or to the world lands here.",
   app: "The app has not needed a table of its own in this organization yet. Saving a view, writing a comment or building a form makes one, and it appears here rather than among your own data."
 };
+function keptByTheApp(table) {
+  return table.kept_by_the_app === true;
+}
 function laneFor(table) {
   if (table.is_kernel) return "system";
-  if ((table.slug ?? "").startsWith(APP_TABLE_PREFIX)) return "app";
+  if ((table.slug ?? "").startsWith(APP_TABLE_PREFIX) || keptByTheApp(table)) return "app";
   if (table.visibility === "public" || table.visibility === "link") return "community";
   if (table.visibility === "personal") return "mine";
   return "organization";
 }
+var VISIBILITY_LANES = ["mine", "organization", "community", "world"];
+var VISIBILITY_LANE_TITLE = {
+  mine: "Mine",
+  organization: "My organization",
+  community: "Community",
+  world: "World"
+};
+function visibilityLaneFor(table) {
+  if (table.is_kernel) return null;
+  if ((table.slug ?? "").startsWith(APP_TABLE_PREFIX) || keptByTheApp(table)) return null;
+  if (table.visibility === "personal") return "mine";
+  if (table.visibility === "link" || table.visibility === "public") return "world";
+  return "organization";
+}
 function TablesHome({ onOpenTable, className }) {
-  const client = useRecordsClient42();
+  const client = useRecordsClient43();
   const tables = useTables4();
   const [creating, setCreating] = useState56(false);
   const [name, setName] = useState56("");
@@ -16353,9 +16574,46 @@ function TablesHome({ onOpenTable, className }) {
 
 // src/TablePage.tsx
 import { useCallback as useCallback40, useEffect as useEffect46, useState as useState57 } from "react";
-import { useFields as useFields24, useRecordsClient as useRecordsClient43, useTable as useTable23 } from "@ai-matrx/records/react";
-import { Button as Button51, Separator as Separator12, Skeleton as Skeleton36, cn as cn54 } from "@ai-matrx/design-system";
+import { useFields as useFields24, useRecordsClient as useRecordsClient44, useTable as useTable23 } from "@ai-matrx/records/react";
+import { BottomSheet, Button as Button51, Separator as Separator12, Skeleton as Skeleton36, cn as cn54, useIsMobile } from "@ai-matrx/design-system";
 import { Fragment as Fragment28, jsx as jsx61, jsxs as jsxs56 } from "react/jsx-runtime";
+var RAIL_TITLE = {
+  settings: "Table settings",
+  inbox: "Inbox",
+  import: "Import",
+  field: "Add a field",
+  record: "Record",
+  "new-record": "New record",
+  forms: "Forms",
+  bookings: "Bookings",
+  checklists: "Checklists",
+  notifications: "Notifications",
+  portals: "Portals",
+  "who-changed": "Who changed this"
+};
+function RailFrame({
+  phone,
+  title,
+  onClose,
+  children
+}) {
+  if (phone) {
+    return /* @__PURE__ */ jsx61(
+      BottomSheet,
+      {
+        open: true,
+        onOpenChange: (open) => {
+          if (!open) onClose();
+        },
+        title,
+        size: "full",
+        surface: "solid",
+        children: /* @__PURE__ */ jsx61("div", { "data-rail-sheet": "", className: "min-h-0 flex-1 overflow-y-auto px-3 pb-6", children })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx61("aside", { "data-rail-column": "", className: "w-[26rem] shrink-0 overflow-y-auto rounded-md border p-3", children });
+}
 function filterInWords(filter, fields) {
   const nameOf = (key) => {
     const field = fields.find((f) => f.key === key);
@@ -16471,12 +16729,12 @@ function TablePage({
   activeItemId,
   className
 }) {
-  const client = useRecordsClient43();
+  const client = useRecordsClient44();
   const table = useTable23(tableId);
   const rights = useTableRights(table.data);
   const pageFields = useFields24(filter ? tableId : null);
   const askedInWords = filter ? filterInWords(filter, pageFields.data ?? []) : null;
-  const organizationId = useRecordsClient43().config.organizationId;
+  const organizationId = useRecordsClient44().config.organizationId;
   const [view, setView] = useState57(null);
   const opening = openingRail(activeRecordId, activeRail);
   const opened = openingView(activeView, activeDashboardId);
@@ -16495,6 +16753,7 @@ function TablePage({
   const setRail = (next) => setSurface((now) => ({ ...now, rail: next }));
   const [openRecord, setOpenRecord] = useState57(opening.record);
   const viewVersion = useRecordVersion(view?.id ?? null);
+  const phone = useIsMobile();
   const shownLayout = layoutFromLink ?? view?.layout ?? "grid";
   const press = (pressed) => {
     const next = chooseSurface(surface, pressed);
@@ -16522,6 +16781,7 @@ function TablePage({
     setLayoutFromLink(isLayout ? named : null);
     setSurface((now) => ({ ...now, main: isLayout ? "records" : named }));
   }, [activeView]);
+  const [viewSaveRefused, setViewSaveRefused] = useState57(null);
   const patchView = useCallback40(
     async (patch) => {
       const current = view;
@@ -16529,12 +16789,13 @@ function TablePage({
       setView({ ...current, ...patch });
       const document2 = viewPatchDocument(patch);
       if (Object.keys(document2).length === 0) return;
-      const written = await client.recordUpdate({
-        record_id: current.id,
-        patch: document2,
-        ...viewVersion.version === null ? {} : { expectedVersion: viewVersion.version }
-      });
-      if (written.ok) viewVersion.note(written.data);
+      setViewSaveRefused(null);
+      const written = await saveViewPatch(client, current.id, document2, viewVersion.version);
+      if (written.ok) {
+        viewVersion.note(written.data);
+        return;
+      }
+      setViewSaveRefused({ error: written.error, patch, before: current });
     },
     [client, view, viewVersion]
   );
@@ -16685,6 +16946,27 @@ function TablePage({
         ),
         /* @__PURE__ */ jsx61(ExportMenu, { tableId })
       ] }),
+      viewSaveRefused ? /* @__PURE__ */ jsx61(
+        RefusalNotice,
+        {
+          error: viewSaveRefused.error,
+          actions: /* @__PURE__ */ jsxs56("span", { className: "flex flex-wrap gap-1 pt-0.5", "data-view-save-refused": "", children: [
+            /* @__PURE__ */ jsx61(Button51, { size: "sm", variant: "outline", onClick: () => void patchView(viewSaveRefused.patch), children: "Try again" }),
+            /* @__PURE__ */ jsx61(
+              Button51,
+              {
+                size: "sm",
+                variant: "ghost",
+                onClick: () => {
+                  setView(viewSaveRefused.before);
+                  setViewSaveRefused(null);
+                },
+                children: "Discard"
+              }
+            )
+          ] })
+        }
+      ) : null,
       main === "dashboards" ? /* @__PURE__ */ jsx61(DashboardCanvas, { tableId, activeDashboardId: activeDashboardId ?? null }) : main === "archived" ? (
         /* THE ROWS THAT LEFT. Restoring one puts it back in the grid, so the
            page returns to the records rather than leaving the person looking
@@ -16745,7 +17027,7 @@ function TablePage({
         view ? null : /* @__PURE__ */ jsx61("p", { className: "text-xs text-muted-foreground", children: VIEW_NOT_SAVED_YET })
       ] })
     ] }),
-    rail === "none" ? null : /* @__PURE__ */ jsxs56("aside", { className: "w-[26rem] shrink-0 overflow-y-auto rounded-md border p-3", children: [
+    rail === "none" ? null : /* @__PURE__ */ jsxs56(RailFrame, { phone, title: RAIL_TITLE[rail], onClose: () => setRail("none"), children: [
       rail === "settings" ? /* @__PURE__ */ jsx61(
         TableSettings,
         {
@@ -16984,6 +17266,8 @@ export {
   VIEW_LAYOUTS,
   VIEW_NOT_SAVED_YET,
   VIEW_TABLE,
+  VISIBILITY_LANES,
+  VISIBILITY_LANE_TITLE,
   ViewBar,
   ViewSwitcher,
   WITHHELD_RECORD_LABEL,
@@ -17039,6 +17323,7 @@ export {
   isPlainFieldType,
   isRelationFieldType,
   isSignatureField,
+  keptByTheApp,
   keyFor,
   kindsWithNoChoice,
   laneFor,
@@ -17074,6 +17359,7 @@ export {
   revokeConsequence,
   rowName,
   rowNameIn,
+  saveViewPatch,
   scalarText,
   shareUnavailableReason,
   specFromBlock,
@@ -17103,6 +17389,7 @@ export {
   viewDocument,
   viewFromRecord,
   viewPatchDocument,
+  visibilityLaneFor,
   whatIsMissing,
   whatYouMayDo,
   whatYouMayDoWithTable,