@ai-matrx/records-ui 0.82.0 → 0.83.0

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, resent = false) => {
       const id = cellKey(rowId, key);
       setOptimistic((held) => ({ ...held, [id]: value }));
       setSaving((held) => ({ ...held, [id]: true }));
@@ -2157,16 +2157,25 @@ 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 && !Object.prototype.hasOwnProperty.call(conflict.contested_fields, key)) {
+          await writeCellNow(rowId, key, value, 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(
@@ -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);
@@ -2292,6 +2328,8 @@ function useGridEditing({ tableId, fields, rows, reload, canWrite, mayWriteRow }
     },
     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",
+              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",
+        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",
+      ...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" })
@@ -7033,6 +7112,8 @@ function RecordForm({
   const mutation = useRecordMutation();
   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;
   useEffect12(() => {
@@ -7053,8 +7134,38 @@ 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 = mutation.error && mutation.error !== answered ? mutation.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 && !mutation.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({
@@ -7091,8 +7202,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,10 +7219,10 @@ function RecordForm({
           },
           p.message
         )) : null,
-        mutation.error ? /* @__PURE__ */ jsx23(
+        storeSaid && !storeRefusalIsOnAField ? /* @__PURE__ */ jsx23(
           RefusalNotice,
           {
-            error: mutation.error,
+            error: storeSaid,
             ...mutation.conflict ? {
               actions: /* @__PURE__ */ jsxs19("div", { className: "mt-1 space-y-1", children: [
                 Object.entries(mutation.conflict.contested_fields).map(([key, theirs]) => {
@@ -7127,14 +7243,16 @@ function RecordForm({
                     size: "sm",
                     variant: "outline",
                     onClick: () => {
+                      if (mutation.conflict) loaded.note(mutation.conflict.current_version);
                       existing.reload();
                       mutation.clearConflict();
+                      setAnswered(storeSaid);
                     },
                     children: "Take theirs and start again"
                   }
                 )
               ] })
-            } : {}
+            } : { onKeepEditing: () => keepEditing(), onDiscard: () => discard() }
           }
         ) : null,
         /* @__PURE__ */ jsx23(Separator7, {}),
@@ -7151,17 +7269,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
     ))
@@ -7331,6 +7452,7 @@ function computedInPlainWords(row, field) {
 }
 
 // src/views.ts
+import { asWriteConflict as asWriteConflict2 } from "@ai-matrx/records/core";
 var VIEW_LAYOUTS = ["grid", "kanban", "calendar", "gallery"];
 var LAYOUT_LABEL = {
   grid: "Grid",
@@ -7454,6 +7576,18 @@ function viewFromRecord(row) {
     presentation: parseGridPresentation(data["presentation"])
   };
 }
+async function saveViewPatch(client, viewId, document2, expectedVersion) {
+  const send = (expected) => client.recordUpdate({
+    record_id: viewId,
+    patch: document2,
+    ...expected === null ? {} : { expectedVersion: expected }
+  });
+  const first = await send(expectedVersion);
+  if (first.ok) return first;
+  const conflict = asWriteConflict2(first.error, viewId);
+  if (!conflict) return first;
+  return send(conflict.current_version);
+}
 function viewPatchDocument(patch) {
   const out = {};
   if (patch.name !== void 0) out["name"] = patch.name;
@@ -11881,6 +12015,21 @@ 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 }) {
@@ -12008,7 +12157,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 ",
@@ -16202,13 +16351,31 @@ 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") return "community";
+  if (table.visibility === "public") return "world";
+  return "organization";
+}
 function TablesHome({ onOpenTable, className }) {
   const client = useRecordsClient42();
   const tables = useTables4();
@@ -16354,8 +16521,45 @@ 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 { 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);
@@ -16495,6 +16699,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 +16727,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 +16735,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 +16892,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 +16973,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 +17212,8 @@ export {
   VIEW_LAYOUTS,
   VIEW_NOT_SAVED_YET,
   VIEW_TABLE,
+  VISIBILITY_LANES,
+  VISIBILITY_LANE_TITLE,
   ViewBar,
   ViewSwitcher,
   WITHHELD_RECORD_LABEL,
@@ -17039,6 +17269,7 @@ export {
   isPlainFieldType,
   isRelationFieldType,
   isSignatureField,
+  keptByTheApp,
   keyFor,
   kindsWithNoChoice,
   laneFor,
@@ -17074,6 +17305,7 @@ export {
   revokeConsequence,
   rowName,
   rowNameIn,
+  saveViewPatch,
   scalarText,
   shareUnavailableReason,
   specFromBlock,
@@ -17103,6 +17335,7 @@ export {
   viewDocument,
   viewFromRecord,
   viewPatchDocument,
+  visibilityLaneFor,
   whatIsMissing,
   whatYouMayDo,
   whatYouMayDoWithTable,