@ai-matrx/records-ui 0.108.0 → 0.109.1

package/dist/index.js

@@ -854,7 +854,55 @@ var REVERSE_COLUMN_PREFIX = "linked:";
 
 // src/gridPage.ts
 import { isRuleFilter } from "@ai-matrx/records";
-import { dateFilterBounds, dateFilterDayBounds } from "@ai-matrx/design-system/data-table";
+import { dateFilterBounds, dateFilterDayBounds, dayInstantWindow } from "@ai-matrx/design-system/data-table";
+
+// src/personTime.ts
+import { useSyncExternalStore } from "react";
+var zone = null;
+var listeners = /* @__PURE__ */ new Set();
+function valid(z) {
+  if (typeof z !== "string" || !z.trim()) return false;
+  try {
+    new Intl.DateTimeFormat("en-US", { timeZone: z });
+    return true;
+  } catch {
+    return false;
+  }
+}
+function setPersonTimeZone(next) {
+  const clean = valid(next) ? next : null;
+  if (clean === zone) return;
+  zone = clean;
+  listeners.forEach((l) => l());
+}
+function getPersonTimeZone() {
+  return zone;
+}
+function usePersonTimeZone() {
+  return useSyncExternalStore(
+    (cb) => {
+      listeners.add(cb);
+      return () => listeners.delete(cb);
+    },
+    () => zone,
+    () => null
+  );
+}
+function personWallNow(at = /* @__PURE__ */ new Date()) {
+  if (!zone) return at;
+  const parts = new Intl.DateTimeFormat("en-US", {
+    timeZone: zone,
+    year: "numeric",
+    month: "2-digit",
+    day: "2-digit",
+    hour: "2-digit",
+    minute: "2-digit",
+    second: "2-digit",
+    hourCycle: "h23"
+  }).formatToParts(at);
+  const n = (t) => Number(parts.find((p) => p.type === t)?.value ?? 0);
+  return new Date(n("year"), n("month") - 1, n("day"), n("hour"), n("minute"), n("second"));
+}
 
 // src/choiceLooks.ts
 import {
@@ -1207,9 +1255,10 @@ function clauseFor(f, value, now = /* @__PURE__ */ new Date()) {
       return { rule: value.negated ? not(range) : range };
     }
     case "date": {
-      const moments = dateFilterBounds(value.preset ? { ...value, anchor: now.toISOString() } : value, now);
+      const zone2 = getPersonTimeZone() ?? void 0;
+      const moments = dateFilterBounds(value.preset ? { ...value, anchor: now.toISOString() } : value, now, zone2);
       const holdsDays = String((f.config ?? {})["kind"] ?? "") === "date";
-      const bounds = holdsDays ? dateFilterDayBounds(moments) : moments;
+      const bounds = holdsDays ? dateFilterDayBounds(moments, zone2) : moments;
       if (bounds.since === void 0 && bounds.until === void 0) return null;
       return {
         flat: {
@@ -1225,11 +1274,10 @@ function clauseFor(f, value, now = /* @__PURE__ */ new Date()) {
   }
 }
 function dayWindow(day, holdsDays) {
+  if (!holdsDays) return dayInstantWindow(day, getPersonTimeZone() ?? void 0);
   const [y, m, d] = day.split("-").map(Number);
-  const start = new Date(y, (m ?? 1) - 1, d ?? 1);
-  const next = new Date(y, (m ?? 1) - 1, (d ?? 1) + 1);
-  const ymd = (t) => `${t.getFullYear()}-${String(t.getMonth() + 1).padStart(2, "0")}-${String(t.getDate()).padStart(2, "0")}`;
-  return holdsDays ? { from: ymd(start), to: ymd(next) } : { from: start.toISOString(), to: next.toISOString() };
+  const ymd = (t) => `${t.getUTCFullYear()}-${String(t.getUTCMonth() + 1).padStart(2, "0")}-${String(t.getUTCDate()).padStart(2, "0")}`;
+  return { from: ymd(new Date(Date.UTC(y, (m ?? 1) - 1, d ?? 1))), to: ymd(new Date(Date.UTC(y, (m ?? 1) - 1, (d ?? 1) + 1))) };
 }
 function storeQuestion(fields, base, columnFilters, now = /* @__PURE__ */ new Date()) {
   const refused = [];
@@ -3852,10 +3900,9 @@ import { useRecordsClient as useRecordsClient9 } from "@ai-matrx/records/react";
 import { Button as Button13, Checkbox as Checkbox4, Popover as Popover5, PopoverContent as PopoverContent5, PopoverTrigger as PopoverTrigger5, cn as cn20 } from "@ai-matrx/design-system";
 
 // src/presentation.ts
+import { parseTableStyle, tableStyleIsEmpty } from "@ai-matrx/design-system/data-table/table-style";
 import {
-  COLOR_ROTATION,
-  parseTableStyle,
-  tableStyleIsEmpty
+  COLOR_ROTATION
 } from "@ai-matrx/design-system/data-table";
 import { getFieldFormat } from "@ai-matrx/design-system/field-formats";
 import { newerKindOf as newerKindOf2, ratingMaxOf } from "@ai-matrx/records";
@@ -5671,56 +5718,6 @@ function formatControl(args) {
 import { useState as useState18 } from "react";
 import { Popover as Popover2, PopoverContent as PopoverContent2, PopoverTrigger as PopoverTrigger2, cn as cn15 } from "@ai-matrx/design-system";
 import { readTypedDate, readTypedTime, typedDateText, typedTimeText } from "@ai-matrx/records";
-
-// src/personTime.ts
-import { useSyncExternalStore } from "react";
-var zone = null;
-var listeners = /* @__PURE__ */ new Set();
-function valid(z) {
-  if (typeof z !== "string" || !z.trim()) return false;
-  try {
-    new Intl.DateTimeFormat("en-US", { timeZone: z });
-    return true;
-  } catch {
-    return false;
-  }
-}
-function setPersonTimeZone(next) {
-  const clean = valid(next) ? next : null;
-  if (clean === zone) return;
-  zone = clean;
-  listeners.forEach((l) => l());
-}
-function getPersonTimeZone() {
-  return zone;
-}
-function usePersonTimeZone() {
-  return useSyncExternalStore(
-    (cb) => {
-      listeners.add(cb);
-      return () => listeners.delete(cb);
-    },
-    () => zone,
-    () => null
-  );
-}
-function personWallNow(at = /* @__PURE__ */ new Date()) {
-  if (!zone) return at;
-  const parts = new Intl.DateTimeFormat("en-US", {
-    timeZone: zone,
-    year: "numeric",
-    month: "2-digit",
-    day: "2-digit",
-    hour: "2-digit",
-    minute: "2-digit",
-    second: "2-digit",
-    hourCycle: "h23"
-  }).formatToParts(at);
-  const n = (t) => Number(parts.find((p) => p.type === t)?.value ?? 0);
-  return new Date(n("year"), n("month") - 1, n("day"), n("hour"), n("minute"), n("second"));
-}
-
-// src/typedDateHelper.tsx
 import { jsx as jsx22, jsxs as jsxs20 } from "react/jsx-runtime";
 var WEEK = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
 var MONTHS = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
@@ -7033,6 +7030,473 @@ import { Badge as Badge5, cn as cn19 } from "@ai-matrx/design-system";
 
 // src/embeddedLook.tsx
 import { createContext as createContext5, useContext as useContext5 } from "react";
+
+// src/firstPage.ts
+import { asRecordsDataSource, createRecordsClient, recordingDataSource } from "@ai-matrx/records/core";
+
+// src/viewKeys.ts
+var STORE_KEEPS_TIMELINE = true;
+var ALL = ["grid", "kanban", "calendar", "gallery", ...STORE_KEEPS_TIMELINE ? ["timeline"] : [], "list"];
+var HIDES = ["grid", "gallery", "kanban", "calendar", ...STORE_KEEPS_TIMELINE ? ["timeline"] : [], "list"];
+var GRIDS = ["grid"];
+var VIEW_KEYS = [
+  { path: "layout", shape: "kind", layouts: ALL, writer: "caller" },
+  { path: "filters", shape: "filter", layouts: ALL, writer: "caller" },
+  { path: "where", shape: "rule", layouts: ALL, writer: "caller" },
+  { path: "group_field", shape: "field", layouts: ["kanban", ...STORE_KEEPS_TIMELINE ? ["timeline"] : []], writer: "caller" },
+  { path: "swimlane_field", shape: "field:lane", layouts: ["kanban"], writer: "caller" },
+  { path: "collapsed_columns", shape: "values", layouts: ["kanban"], writer: "caller" },
+  { path: "measure", shape: "field:number", layouts: ["kanban"], writer: "caller" },
+  { path: "date_field", shape: "field:date", layouts: ["calendar"], writer: "caller" },
+  ...STORE_KEEPS_TIMELINE ? [
+    { path: "start_field", shape: "field:date", layouts: ["timeline"], writer: "caller" },
+    { path: "end_field", shape: "field:date", layouts: ["calendar", "timeline"], writer: "caller" }
+  ] : [],
+  { path: "image_field", shape: "field", layouts: ["gallery"], writer: "caller" },
+  { path: "sorts", shape: "sorts", layouts: ALL, writer: "caller" },
+  { path: "rule_id", shape: "uuid", layouts: ALL, writer: "caller" },
+  { path: "is_default", shape: "boolean", layouts: ALL, writer: "caller" },
+  { path: "presentation", shape: "presentation", layouts: ALL, writer: "caller" },
+  { path: "presentation.style", shape: "style", layouts: ALL, writer: "caller" },
+  { path: "presentation.formats", shape: "object", layouts: GRIDS, writer: "caller" },
+  { path: "presentation.frozen", shape: "fields", layouts: GRIDS, writer: "caller" },
+  { path: "presentation.grouping", shape: "grouping", layouts: ["grid", "gallery", "list"], writer: "caller" },
+  { path: "presentation.widths", shape: "widths", layouts: GRIDS, writer: "caller" },
+  { path: "presentation.rowHeight", shape: "row_height", layouts: GRIDS, writer: "caller" },
+  { path: "presentation.hiddenFields", shape: "fields", layouts: HIDES, writer: "caller" },
+  { path: "presentation.cardHidden", shape: "fields", layouts: ["kanban", "calendar", ...STORE_KEEPS_TIMELINE ? ["timeline"] : [], "list", "gallery"], writer: "caller" },
+  { path: "presentation.columnOrder", shape: "fields", layouts: GRIDS, writer: "caller" },
+  { path: "presentation.gallerySize", shape: "gallery_size", layouts: ["gallery"], writer: "caller" },
+  { path: "presentation.wrap", shape: "boolean", layouts: GRIDS, writer: "caller" },
+  { path: "presentation.wrapColumns", shape: "fields", layouts: GRIDS, writer: "caller" },
+  { path: "presentation.fit", shape: "fit", layouts: GRIDS, writer: "caller" },
+  { path: "presentation.freezeFirst", shape: "boolean", layouts: GRIDS, writer: "caller" },
+  { path: "presentation.footer", shape: "footer", layouts: GRIDS, writer: "caller" },
+  { path: "presentation.summaries", shape: "summaries", layouts: GRIDS, writer: "caller" },
+  { path: "grid", shape: "grid", layouts: GRIDS, writer: "caller" },
+  { path: "hidden_fields", shape: "input", layouts: HIDES, writer: "input" },
+  { path: "table_id", shape: "server", layouts: ALL, writer: "server" },
+  { path: "order", shape: "server", layouts: GRIDS, writer: "server" },
+  { path: "moved_from", shape: "server", layouts: ALL, writer: "server" }
+];
+var STORE_KEPT_LAYOUTS = ["grid", "kanban", "calendar", "gallery", ...STORE_KEEPS_TIMELINE ? ["timeline"] : [], "list"];
+function storeKeepsLayout(layout) {
+  return STORE_KEPT_LAYOUTS.includes(layout);
+}
+function viewKeysFor(layout) {
+  return VIEW_KEYS.filter((k) => k.layouts.includes(layout)).map((k) => k.path);
+}
+var KINDS = STORE_KEPT_LAYOUTS;
+function viewSettings(definition, rowFilters) {
+  const data = definition ?? {};
+  const text2 = (key) => {
+    const v = data[key];
+    return typeof v === "string" && v !== "" ? v : null;
+  };
+  const layout = String(data["layout"] ?? "grid");
+  const flat = rowFilters ?? (isObject2(data["filters"]) ? data["filters"] : null);
+  const moved = data["moved_from"];
+  return {
+    layout: KINDS.includes(layout) ? layout : "grid",
+    filters: flat && Object.keys(flat).length > 0 ? flat : null,
+    where: isRule(data["where"]) ? data["where"] : null,
+    groupField: text2("group_field"),
+    swimlaneField: text2("swimlane_field"),
+    collapsedColumns: Array.isArray(data["collapsed_columns"]) ? data["collapsed_columns"].filter((v) => ["string", "number", "boolean"].includes(typeof v)).map(String) : [],
+    measure: text2("measure"),
+    dateField: text2("date_field"),
+    startField: text2("start_field"),
+    endField: text2("end_field"),
+    imageField: text2("image_field"),
+    sorts: parseSorts(data["sorts"]),
+    ruleId: text2("rule_id"),
+    isDefault: data["is_default"] === true || data["is_default"] === "true",
+    presentation: parseGridPresentation(data["presentation"]),
+    movedFrom: isObject2(moved) ? moved : null
+  };
+}
+function viewSettingsFor(settings, layout) {
+  const reads = new Set(viewKeysFor(layout));
+  const out = { layout: settings.layout };
+  const take = (key, path) => {
+    if (reads.has(path)) out[key] = settings[key];
+  };
+  take("filters", "filters");
+  take("where", "where");
+  take("groupField", "group_field");
+  take("swimlaneField", "swimlane_field");
+  take("collapsedColumns", "collapsed_columns");
+  take("measure", "measure");
+  take("dateField", "date_field");
+  take("startField", "start_field");
+  take("endField", "end_field");
+  take("imageField", "image_field");
+  take("sorts", "sorts");
+  take("ruleId", "rule_id");
+  take("isDefault", "is_default");
+  const p = settings.presentation;
+  const look = {};
+  for (const [key, value] of Object.entries(p)) {
+    if (reads.has(`presentation.${key}`)) look[key] = value;
+  }
+  out.presentation = look;
+  return out;
+}
+function viewSettingsPatch(patch) {
+  const out = {};
+  const field2 = (key, path) => {
+    if (patch[key] !== void 0) out[path] = patch[key] || null;
+  };
+  if (patch.layout !== void 0 && storeKeepsLayout(patch.layout)) out["layout"] = patch.layout;
+  field2("groupField", "group_field");
+  field2("swimlaneField", "swimlane_field");
+  field2("measure", "measure");
+  field2("dateField", "date_field");
+  if (STORE_KEEPS_TIMELINE) {
+    field2("startField", "start_field");
+    field2("endField", "end_field");
+  }
+  field2("imageField", "image_field");
+  field2("ruleId", "rule_id");
+  if (patch.collapsedColumns !== void 0) out["collapsed_columns"] = patch.collapsedColumns ?? [];
+  if (patch.sorts !== void 0) out["sorts"] = patch.sorts ?? [];
+  if (patch.where !== void 0) out["where"] = patch.where ?? null;
+  if (patch.isDefault !== void 0) out["is_default"] = patch.isDefault === true;
+  if (patch.presentation !== void 0) {
+    out["presentation"] = !patch.presentation || presentationIsEmpty(patch.presentation) ? null : JSON.parse(presentationDocument(patch.presentation));
+  }
+  return out;
+}
+function isObject2(raw) {
+  return Boolean(raw) && typeof raw === "object" && !Array.isArray(raw);
+}
+function isRule(raw) {
+  if (!isObject2(raw)) return false;
+  const node = raw;
+  return typeof node.op === "string" && Array.isArray(node.args);
+}
+function parseSorts(raw) {
+  let list = raw;
+  if (typeof raw === "string") {
+    try {
+      list = raw.trim() === "" ? [] : JSON.parse(raw);
+    } catch {
+      return [];
+    }
+  }
+  if (!Array.isArray(list)) return [];
+  return list.filter((s) => isObject2(s) && typeof s.field === "string").map((s) => ({ field: s.field, direction: s.direction === "desc" ? "desc" : "asc" }));
+}
+
+// src/views.ts
+var VIEW_LAYOUTS = ["grid", "kanban", "calendar", "gallery", "timeline", "list"];
+var LAYOUT_LABEL = {
+  grid: "Grid",
+  kanban: "Kanban",
+  calendar: "Calendar",
+  gallery: "Gallery",
+  timeline: "Timeline",
+  list: "List"
+};
+function wordsList(words2) {
+  const clean = words2.map((w) => w.trim()).filter((w) => w !== "");
+  if (clean.length <= 1) return clean.join("");
+  return `${clean.slice(0, -1).join(", ")} and ${clean[clean.length - 1]}`;
+}
+var VIEW_NEEDS = {
+  grid: null,
+  // A list reads nothing a table can lack: rows, titled, grouped only when the person chooses.
+  list: null,
+  kanban: {
+    kind: "choice",
+    viewKey: "groupField",
+    blocking: true,
+    starter: { label: "Status", type: "select", options: ["To do", "In progress", "Done"] },
+    pick: "Pick the choice column the board's columns come from.",
+    missing: "This table has no choice column to make the board's columns from.",
+    does: (label) => `Make it work adds a ${label} column with the choices below and groups the board by it.`,
+    ask: (label, options) => `Add a choice column called ${label} to this table${options.length > 0 ? ` with the choices ${wordsList(options)}` : ""}, then group the Kanban board by it.`
+  },
+  calendar: {
+    kind: "date",
+    viewKey: "dateField",
+    blocking: true,
+    starter: { label: "Date", type: "datetime" },
+    pick: "Pick the date column the calendar places records by.",
+    missing: "This table has no date column to place records on.",
+    does: (label) => `Make it work adds a ${label} column and lays the calendar out by it.`,
+    ask: (label) => `Add a date column called ${label} to this table, then lay the Calendar out by it.`
+  },
+  gallery: {
+    kind: "file",
+    viewKey: "imageField",
+    blocking: false,
+    starter: { label: "Photo", type: "attachment" },
+    pick: "Pick the file column each card shows as its picture.",
+    missing: "The cards have no picture because this table has no file column.",
+    does: (label) => `Make it work adds a ${label} column and shows it on each card.`,
+    ask: (label) => `Add a file column called ${label} to this table, then show it as the picture on each Gallery card.`
+  },
+  timeline: {
+    kind: "date",
+    viewKey: "dateField",
+    blocking: true,
+    starter: { label: "Start", type: "datetime" },
+    pick: "Pick the date column each bar starts on.",
+    missing: "This table has no date column to place records on.",
+    does: (label) => `Make it work adds a ${label} column and lays the timeline out by it.`,
+    ask: (label) => `Add a date column called ${label} to this table, then lay the Timeline out by it.`
+  }
+};
+function freeColumnName(wanted, taken) {
+  const held = new Set(taken.map((t) => t.trim().toLowerCase()));
+  const base = wanted.trim() === "" ? "Column" : wanted.trim();
+  if (!held.has(base.toLowerCase())) return base;
+  for (let n = 2; n < 100; n += 1) {
+    const next = `${base} ${n}`;
+    if (!held.has(next.toLowerCase())) return next;
+  }
+  return base;
+}
+function viewOrderOf(definition) {
+  const raw = definition?.["order"];
+  return raw === "manual" ? "manual" : raw === "sorted" ? "sorted" : null;
+}
+function defaultViewOf(views) {
+  return views.find((v) => v.isDefault);
+}
+var LAYOUT_FIELD_KIND = {
+  grid: null,
+  kanban: "choice",
+  calendar: "date",
+  gallery: "file",
+  timeline: "date",
+  list: null
+};
+var PAGE_VIEWS = [...VIEW_LAYOUTS, "dashboards", "archived"];
+var PAGE_VIEW_LABEL = {
+  ...LAYOUT_LABEL,
+  dashboards: "Dashboards",
+  archived: "Archived"
+};
+var PAGE_VIEW_SPELLINGS = {
+  grid: "grid",
+  table: "grid",
+  rows: "grid",
+  list: "list",
+  kanban: "kanban",
+  board: "kanban",
+  pipeline: "kanban",
+  calendar: "calendar",
+  month: "calendar",
+  schedule: "calendar",
+  gallery: "gallery",
+  cards: "gallery",
+  timeline: "timeline",
+  gantt: "timeline",
+  dashboards: "dashboards",
+  dashboard: "dashboards",
+  charts: "dashboards",
+  archived: "archived",
+  archive: "archived",
+  // The grid's row action says "Delete" and the store soft-deletes, so the word
+  // a person types is as likely to be the one the button used as the one this
+  // view is called. Both land in the same place; neither dies.
+  deleted: "archived",
+  trash: "archived",
+  removed: "archived"
+};
+function pageViewFromParam(raw) {
+  if (typeof raw !== "string") return null;
+  const token = raw.trim().toLowerCase();
+  if (token === "") return null;
+  return PAGE_VIEW_SPELLINGS[token] ?? null;
+}
+function unknownViewLine(raw) {
+  return `The link asked for a view called \u201C${raw}\u201D, which this table has no view for, so you are looking at ${PAGE_VIEW_LABEL.grid}. The views this table has are ${PAGE_VIEWS.map((v) => PAGE_VIEW_LABEL[v]).join(", ")} \u2014 pick one above and the address follows it.`;
+}
+function viewDocument(spec) {
+  const out = {
+    // A layout the store does not keep yet is not sent: the view is saved as a grid (`STORE_KEPT_LAYOUTS`).
+    layout: storeKeepsLayout(spec.layout) ? spec.layout : "grid",
+    sorts: spec.sorts ?? [],
+    is_default: spec.isDefault === true
+  };
+  if (spec.groupField) out["group_field"] = spec.groupField;
+  if (spec.swimlaneField) out["swimlane_field"] = spec.swimlaneField;
+  if (spec.collapsedColumns && spec.collapsedColumns.length > 0) out["collapsed_columns"] = spec.collapsedColumns;
+  if (spec.measure) out["measure"] = spec.measure;
+  if (spec.dateField) out["date_field"] = spec.dateField;
+  if (STORE_KEEPS_TIMELINE && spec.startField) out["start_field"] = spec.startField;
+  if (STORE_KEEPS_TIMELINE && spec.endField) out["end_field"] = spec.endField;
+  if (spec.imageField) out["image_field"] = spec.imageField;
+  if (spec.ruleId) out["rule_id"] = spec.ruleId;
+  if (spec.where) out["where"] = spec.where;
+  if (spec.presentation && !presentationIsEmpty(spec.presentation)) {
+    out["presentation"] = JSON.parse(presentationDocument(spec.presentation));
+  }
+  return out;
+}
+function viewFromRow(row) {
+  const data = row.definition ?? {};
+  const k = viewSettings(data, row.filters && Object.keys(row.filters).length > 0 ? row.filters : null);
+  const tableFromDefinition = typeof data["table_id"] === "string" && data["table_id"] !== "" ? data["table_id"] : null;
+  return {
+    id: row.view_id,
+    name: row.name || "Untitled view",
+    subject: row.table_id ?? tableFromDefinition ?? "",
+    layout: k.layout,
+    groupField: k.groupField,
+    swimlaneField: k.swimlaneField,
+    collapsedColumns: k.collapsedColumns,
+    measure: k.measure,
+    dateField: k.dateField,
+    startField: k.startField,
+    endField: k.endField,
+    imageField: k.imageField,
+    sorts: k.sorts,
+    order: viewOrderOf(data),
+    ruleId: k.ruleId,
+    ...k.filters ? { filters: k.filters } : {},
+    where: k.where,
+    // The older table's own default view, carried in by the mover, IS this table's default —
+    // the mover wrote the row's column, which `custom.views` does not return. Read as anything
+    // else, the page would seed a second "All records" beside it and open on that.
+    isDefault: k.isDefault || k.movedFrom?.["kind"] === "default_view",
+    presentation: k.presentation,
+    movedFrom: k.movedFrom
+  };
+}
+async function declareView(client, spec) {
+  return client.viewDeclare({
+    table_id: spec.subject,
+    spec: {
+      name: spec.name,
+      ...spec.filters ? { filters: spec.filters } : {},
+      definition: viewDocument(spec)
+    }
+  });
+}
+async function saveViewPatch(client, tableId, viewId, patch) {
+  const definition = viewPatchDocument(patch);
+  const renamed = patch.name !== void 0 && patch.name.trim() !== "";
+  const refiltered = patch.filters !== void 0;
+  return client.viewDeclare({
+    table_id: tableId,
+    spec: {
+      view_id: viewId,
+      ...renamed ? { name: patch.name.trim() } : {},
+      ...refiltered ? { filters: patch.filters ?? null } : {},
+      definition
+    }
+  });
+}
+function viewPatchDocument(patch) {
+  const { name: _name, subject: _subject, filters: _filters, ...keys } = patch;
+  return viewSettingsPatch(keys);
+}
+function viewPatchFor(view, patch) {
+  if (!view.isDefault) return patch;
+  const { layout: _layout, isDefault: _isDefault, ...kept } = patch;
+  return kept;
+}
+async function designateView(client, tableId, viewId, layout) {
+  return client.viewDesignate({ table_id: tableId, view_id: viewId, layout });
+}
+
+// src/viewLook.ts
+var LOOK_KEYS = [
+  "layout",
+  "groupField",
+  "swimlaneField",
+  "collapsedColumns",
+  "measure",
+  "dateField",
+  "startField",
+  "endField",
+  "imageField",
+  "sorts",
+  "where",
+  "presentation"
+];
+function lookPart(patch) {
+  const out = {};
+  for (const key of LOOK_KEYS) {
+    if (patch[key] !== void 0) out[key] = patch[key];
+  }
+  return out;
+}
+function lookDocument(look) {
+  return viewSettingsPatch(look);
+}
+function lookFromDocument(doc) {
+  const data = doc ?? {};
+  const read = viewSettings(data);
+  const out = {};
+  const has = (key) => Object.prototype.hasOwnProperty.call(data, key);
+  if (has("layout") && VIEW_LAYOUTS.includes(String(data["layout"]))) {
+    out.layout = data["layout"];
+  }
+  if (has("group_field")) out.groupField = read.groupField;
+  if (has("swimlane_field")) out.swimlaneField = read.swimlaneField;
+  if (has("collapsed_columns")) out.collapsedColumns = read.collapsedColumns;
+  if (has("measure")) out.measure = read.measure;
+  if (has("date_field")) out.dateField = read.dateField;
+  if (has("start_field")) out.startField = read.startField;
+  if (has("end_field")) out.endField = read.endField;
+  if (has("image_field")) out.imageField = read.imageField;
+  if (has("sorts")) out.sorts = read.sorts;
+  if (has("where")) out.where = read.where;
+  if (has("presentation")) out.presentation = parseGridPresentation(data["presentation"]);
+  return out;
+}
+function applyLook(view, look) {
+  if (!look) return view;
+  return { ...view, ...look };
+}
+function lookDiffers(view, look) {
+  if (!look) return false;
+  const shown4 = applyLook(view, look);
+  return LOOK_KEYS.some(
+    (key) => look[key] !== void 0 && JSON.stringify(shown4[key] ?? null) !== JSON.stringify(view[key] ?? null)
+  );
+}
+function saveToViewPlan(view, look) {
+  const patch = viewPatchFor(view, look);
+  const left = {};
+  if (look.layout !== void 0 && patch.layout === void 0 && look.layout !== view.layout) left.layout = look.layout;
+  return { patch, left: Object.keys(left).length > 0 ? left : null };
+}
+async function readLooks(client, tableId) {
+  const answered = await client.viewLookRead({ table_id: tableId });
+  if (!answered.ok) return answered;
+  const out = {};
+  for (const [viewId, row] of Object.entries(answered.data ?? {})) {
+    out[viewId] = lookFromDocument(row?.look ?? null);
+  }
+  return { ok: true, data: out };
+}
+async function keepLook(client, tableId, viewId, look) {
+  const doc = look ? lookDocument(look) : null;
+  return client.viewLookSet({ table_id: tableId, view_id: viewId, look: doc && Object.keys(doc).length > 0 ? doc : null });
+}
+var LOOK_WORDS = {
+  /** The reason, for a tooltip or a screen reader — never a line on the page (interface-text). */
+  yours: "You changed how this view looks. Only you see it.",
+  /** The visible label for the same fact. */
+  yoursLabel: "Only you see this",
+  saveToView: "Save to view",
+  saveAsNew: "Save as new view",
+  reset: "Reset to view",
+  /** The one button your look's doors fold into when the toolbar row has no room for three. */
+  folded: "Your look",
+  newName: "Name for the new view"
+};
+
+// src/firstPage.ts
+var EMBEDDED_PAGE_SIZE = 50;
+
+// src/embeddedLook.tsx
 var EMBEDDED_LOOK = { blankEmpty: true, choiceDot: true, plainRelation: true };
 var EmbeddedLookContext = createContext5(null);
 var EmbeddedLookProvider = EmbeddedLookContext.Provider;
@@ -7050,7 +7514,6 @@ var EMBEDDED_TABLE_CLASS = [
   "[&_thead_th:last-child]:border-r-0"
 ].join(" ");
 var EMBEDDED_PLAIN_FOOTER_CLASS = "[&_tfoot]:bg-transparent [&_tfoot]:border-t-0";
-var EMBEDDED_PAGE_SIZE = 50;
 
 // src/enumLabels.ts
 function exhaustiveValuesOf() {
@@ -15196,9 +15659,17 @@ function useMergedGridControls(args) {
           const row = rows.find((r) => r.id === rowId);
           if (row) args.duplicate(row);
         },
+        // ARCHIVE FROM THE ROW MENU NEVER FAILS SILENTLY (Spaces round 33): the confirm opens once the menu
+        // layer has closed — opened from inside the menu's own select callback, the closing menu's focus
+        // return dismissed the dialog the moment it opened (inside a contenteditable host every time), so the
+        // press did nothing. A row the page no longer holds says so.
         archiveRow: (rowId) => {
           const row = rows.find((r) => r.id === rowId);
-          if (row) args.askDelete(row);
+          if (!row) {
+            notify?.error("This record is no longer on the page. Open it to archive it.");
+            return;
+          }
+          afterMenuLayerCloses(() => args.askDelete(row));
         },
         ...args.onOpenRecord ? { openRecord: (rowId) => args.onOpenRecord?.(rowId) } : {},
         ...args.onAskWhoChanged ? { askWhoChanged: (columnId2, rowId) => args.onAskWhoChanged?.(columnId2, rowId) } : {},
@@ -15557,6 +16028,10 @@ function backLinkSentence(column, readers = [], tableName2 = null) {
   if (readers.length === 0) return base;
   return `${readersSentence(readers.length, tableName2)} ${base}`;
 }
+function afterMenuLayerCloses(next) {
+  if (typeof window === "undefined") return next();
+  requestAnimationFrame(() => requestAnimationFrame(next));
+}
 function selectOpenCellText() {
   if (typeof window === "undefined") return;
   requestAnimationFrame(
@@ -21970,378 +22445,6 @@ import { useEffect as useEffect50, useMemo as useMemo35, useRef as useRef35, use
 import { useRecordsClient as useRecordsClient38 } from "@ai-matrx/records/react";
 import { stableFilterKey as stableFilterKey2 } from "@ai-matrx/records";
 import { Button as Button41, ConfirmDialog as ConfirmDialog4, Popover as Popover7, PopoverContent as PopoverContent7, PopoverTrigger as PopoverTrigger7, cn as cn35 } from "@ai-matrx/design-system";
-
-// src/viewKeys.ts
-var STORE_KEEPS_TIMELINE = true;
-var ALL = ["grid", "kanban", "calendar", "gallery", ...STORE_KEEPS_TIMELINE ? ["timeline"] : [], "list"];
-var HIDES = ["grid", "gallery", "kanban", "calendar", ...STORE_KEEPS_TIMELINE ? ["timeline"] : [], "list"];
-var GRIDS = ["grid"];
-var VIEW_KEYS = [
-  { path: "layout", shape: "kind", layouts: ALL, writer: "caller" },
-  { path: "filters", shape: "filter", layouts: ALL, writer: "caller" },
-  { path: "where", shape: "rule", layouts: ALL, writer: "caller" },
-  { path: "group_field", shape: "field", layouts: ["kanban", ...STORE_KEEPS_TIMELINE ? ["timeline"] : []], writer: "caller" },
-  { path: "swimlane_field", shape: "field:lane", layouts: ["kanban"], writer: "caller" },
-  { path: "collapsed_columns", shape: "values", layouts: ["kanban"], writer: "caller" },
-  { path: "measure", shape: "field:number", layouts: ["kanban"], writer: "caller" },
-  { path: "date_field", shape: "field:date", layouts: ["calendar"], writer: "caller" },
-  ...STORE_KEEPS_TIMELINE ? [
-    { path: "start_field", shape: "field:date", layouts: ["timeline"], writer: "caller" },
-    { path: "end_field", shape: "field:date", layouts: ["calendar", "timeline"], writer: "caller" }
-  ] : [],
-  { path: "image_field", shape: "field", layouts: ["gallery"], writer: "caller" },
-  { path: "sorts", shape: "sorts", layouts: ALL, writer: "caller" },
-  { path: "rule_id", shape: "uuid", layouts: ALL, writer: "caller" },
-  { path: "is_default", shape: "boolean", layouts: ALL, writer: "caller" },
-  { path: "presentation", shape: "presentation", layouts: ALL, writer: "caller" },
-  { path: "presentation.style", shape: "style", layouts: ALL, writer: "caller" },
-  { path: "presentation.formats", shape: "object", layouts: GRIDS, writer: "caller" },
-  { path: "presentation.frozen", shape: "fields", layouts: GRIDS, writer: "caller" },
-  { path: "presentation.grouping", shape: "grouping", layouts: ["grid", "gallery", "list"], writer: "caller" },
-  { path: "presentation.widths", shape: "widths", layouts: GRIDS, writer: "caller" },
-  { path: "presentation.rowHeight", shape: "row_height", layouts: GRIDS, writer: "caller" },
-  { path: "presentation.hiddenFields", shape: "fields", layouts: HIDES, writer: "caller" },
-  { path: "presentation.cardHidden", shape: "fields", layouts: ["kanban", "calendar", ...STORE_KEEPS_TIMELINE ? ["timeline"] : [], "list", "gallery"], writer: "caller" },
-  { path: "presentation.columnOrder", shape: "fields", layouts: GRIDS, writer: "caller" },
-  { path: "presentation.gallerySize", shape: "gallery_size", layouts: ["gallery"], writer: "caller" },
-  { path: "presentation.wrap", shape: "boolean", layouts: GRIDS, writer: "caller" },
-  { path: "presentation.wrapColumns", shape: "fields", layouts: GRIDS, writer: "caller" },
-  { path: "presentation.fit", shape: "fit", layouts: GRIDS, writer: "caller" },
-  { path: "presentation.freezeFirst", shape: "boolean", layouts: GRIDS, writer: "caller" },
-  { path: "presentation.footer", shape: "footer", layouts: GRIDS, writer: "caller" },
-  { path: "presentation.summaries", shape: "summaries", layouts: GRIDS, writer: "caller" },
-  { path: "grid", shape: "grid", layouts: GRIDS, writer: "caller" },
-  { path: "hidden_fields", shape: "input", layouts: HIDES, writer: "input" },
-  { path: "table_id", shape: "server", layouts: ALL, writer: "server" },
-  { path: "order", shape: "server", layouts: GRIDS, writer: "server" },
-  { path: "moved_from", shape: "server", layouts: ALL, writer: "server" }
-];
-var STORE_KEPT_LAYOUTS = ["grid", "kanban", "calendar", "gallery", ...STORE_KEEPS_TIMELINE ? ["timeline"] : [], "list"];
-function storeKeepsLayout(layout) {
-  return STORE_KEPT_LAYOUTS.includes(layout);
-}
-function viewKeysFor(layout) {
-  return VIEW_KEYS.filter((k) => k.layouts.includes(layout)).map((k) => k.path);
-}
-var KINDS = STORE_KEPT_LAYOUTS;
-function viewSettings(definition, rowFilters) {
-  const data = definition ?? {};
-  const text2 = (key) => {
-    const v = data[key];
-    return typeof v === "string" && v !== "" ? v : null;
-  };
-  const layout = String(data["layout"] ?? "grid");
-  const flat = rowFilters ?? (isObject2(data["filters"]) ? data["filters"] : null);
-  const moved = data["moved_from"];
-  return {
-    layout: KINDS.includes(layout) ? layout : "grid",
-    filters: flat && Object.keys(flat).length > 0 ? flat : null,
-    where: isRule(data["where"]) ? data["where"] : null,
-    groupField: text2("group_field"),
-    swimlaneField: text2("swimlane_field"),
-    collapsedColumns: Array.isArray(data["collapsed_columns"]) ? data["collapsed_columns"].filter((v) => ["string", "number", "boolean"].includes(typeof v)).map(String) : [],
-    measure: text2("measure"),
-    dateField: text2("date_field"),
-    startField: text2("start_field"),
-    endField: text2("end_field"),
-    imageField: text2("image_field"),
-    sorts: parseSorts(data["sorts"]),
-    ruleId: text2("rule_id"),
-    isDefault: data["is_default"] === true || data["is_default"] === "true",
-    presentation: parseGridPresentation(data["presentation"]),
-    movedFrom: isObject2(moved) ? moved : null
-  };
-}
-function viewSettingsFor(settings, layout) {
-  const reads = new Set(viewKeysFor(layout));
-  const out = { layout: settings.layout };
-  const take = (key, path) => {
-    if (reads.has(path)) out[key] = settings[key];
-  };
-  take("filters", "filters");
-  take("where", "where");
-  take("groupField", "group_field");
-  take("swimlaneField", "swimlane_field");
-  take("collapsedColumns", "collapsed_columns");
-  take("measure", "measure");
-  take("dateField", "date_field");
-  take("startField", "start_field");
-  take("endField", "end_field");
-  take("imageField", "image_field");
-  take("sorts", "sorts");
-  take("ruleId", "rule_id");
-  take("isDefault", "is_default");
-  const p = settings.presentation;
-  const look = {};
-  for (const [key, value] of Object.entries(p)) {
-    if (reads.has(`presentation.${key}`)) look[key] = value;
-  }
-  out.presentation = look;
-  return out;
-}
-function viewSettingsPatch(patch) {
-  const out = {};
-  const field2 = (key, path) => {
-    if (patch[key] !== void 0) out[path] = patch[key] || null;
-  };
-  if (patch.layout !== void 0 && storeKeepsLayout(patch.layout)) out["layout"] = patch.layout;
-  field2("groupField", "group_field");
-  field2("swimlaneField", "swimlane_field");
-  field2("measure", "measure");
-  field2("dateField", "date_field");
-  if (STORE_KEEPS_TIMELINE) {
-    field2("startField", "start_field");
-    field2("endField", "end_field");
-  }
-  field2("imageField", "image_field");
-  field2("ruleId", "rule_id");
-  if (patch.collapsedColumns !== void 0) out["collapsed_columns"] = patch.collapsedColumns ?? [];
-  if (patch.sorts !== void 0) out["sorts"] = patch.sorts ?? [];
-  if (patch.where !== void 0) out["where"] = patch.where ?? null;
-  if (patch.isDefault !== void 0) out["is_default"] = patch.isDefault === true;
-  if (patch.presentation !== void 0) {
-    out["presentation"] = !patch.presentation || presentationIsEmpty(patch.presentation) ? null : JSON.parse(presentationDocument(patch.presentation));
-  }
-  return out;
-}
-function isObject2(raw) {
-  return Boolean(raw) && typeof raw === "object" && !Array.isArray(raw);
-}
-function isRule(raw) {
-  if (!isObject2(raw)) return false;
-  const node = raw;
-  return typeof node.op === "string" && Array.isArray(node.args);
-}
-function parseSorts(raw) {
-  let list = raw;
-  if (typeof raw === "string") {
-    try {
-      list = raw.trim() === "" ? [] : JSON.parse(raw);
-    } catch {
-      return [];
-    }
-  }
-  if (!Array.isArray(list)) return [];
-  return list.filter((s) => isObject2(s) && typeof s.field === "string").map((s) => ({ field: s.field, direction: s.direction === "desc" ? "desc" : "asc" }));
-}
-
-// src/views.ts
-var VIEW_LAYOUTS = ["grid", "kanban", "calendar", "gallery", "timeline", "list"];
-var LAYOUT_LABEL = {
-  grid: "Grid",
-  kanban: "Kanban",
-  calendar: "Calendar",
-  gallery: "Gallery",
-  timeline: "Timeline",
-  list: "List"
-};
-function wordsList(words2) {
-  const clean = words2.map((w) => w.trim()).filter((w) => w !== "");
-  if (clean.length <= 1) return clean.join("");
-  return `${clean.slice(0, -1).join(", ")} and ${clean[clean.length - 1]}`;
-}
-var VIEW_NEEDS = {
-  grid: null,
-  // A list reads nothing a table can lack: rows, titled, grouped only when the person chooses.
-  list: null,
-  kanban: {
-    kind: "choice",
-    viewKey: "groupField",
-    blocking: true,
-    starter: { label: "Status", type: "select", options: ["To do", "In progress", "Done"] },
-    pick: "Pick the choice column the board's columns come from.",
-    missing: "This table has no choice column to make the board's columns from.",
-    does: (label) => `Make it work adds a ${label} column with the choices below and groups the board by it.`,
-    ask: (label, options) => `Add a choice column called ${label} to this table${options.length > 0 ? ` with the choices ${wordsList(options)}` : ""}, then group the Kanban board by it.`
-  },
-  calendar: {
-    kind: "date",
-    viewKey: "dateField",
-    blocking: true,
-    starter: { label: "Date", type: "datetime" },
-    pick: "Pick the date column the calendar places records by.",
-    missing: "This table has no date column to place records on.",
-    does: (label) => `Make it work adds a ${label} column and lays the calendar out by it.`,
-    ask: (label) => `Add a date column called ${label} to this table, then lay the Calendar out by it.`
-  },
-  gallery: {
-    kind: "file",
-    viewKey: "imageField",
-    blocking: false,
-    starter: { label: "Photo", type: "attachment" },
-    pick: "Pick the file column each card shows as its picture.",
-    missing: "The cards have no picture because this table has no file column.",
-    does: (label) => `Make it work adds a ${label} column and shows it on each card.`,
-    ask: (label) => `Add a file column called ${label} to this table, then show it as the picture on each Gallery card.`
-  },
-  timeline: {
-    kind: "date",
-    viewKey: "dateField",
-    blocking: true,
-    starter: { label: "Start", type: "datetime" },
-    pick: "Pick the date column each bar starts on.",
-    missing: "This table has no date column to place records on.",
-    does: (label) => `Make it work adds a ${label} column and lays the timeline out by it.`,
-    ask: (label) => `Add a date column called ${label} to this table, then lay the Timeline out by it.`
-  }
-};
-function freeColumnName(wanted, taken) {
-  const held = new Set(taken.map((t) => t.trim().toLowerCase()));
-  const base = wanted.trim() === "" ? "Column" : wanted.trim();
-  if (!held.has(base.toLowerCase())) return base;
-  for (let n = 2; n < 100; n += 1) {
-    const next = `${base} ${n}`;
-    if (!held.has(next.toLowerCase())) return next;
-  }
-  return base;
-}
-function viewOrderOf(definition) {
-  const raw = definition?.["order"];
-  return raw === "manual" ? "manual" : raw === "sorted" ? "sorted" : null;
-}
-function defaultViewOf(views) {
-  return views.find((v) => v.isDefault);
-}
-var LAYOUT_FIELD_KIND = {
-  grid: null,
-  kanban: "choice",
-  calendar: "date",
-  gallery: "file",
-  timeline: "date",
-  list: null
-};
-var PAGE_VIEWS = [...VIEW_LAYOUTS, "dashboards", "archived"];
-var PAGE_VIEW_LABEL = {
-  ...LAYOUT_LABEL,
-  dashboards: "Dashboards",
-  archived: "Archived"
-};
-var PAGE_VIEW_SPELLINGS = {
-  grid: "grid",
-  table: "grid",
-  rows: "grid",
-  list: "list",
-  kanban: "kanban",
-  board: "kanban",
-  pipeline: "kanban",
-  calendar: "calendar",
-  month: "calendar",
-  schedule: "calendar",
-  gallery: "gallery",
-  cards: "gallery",
-  timeline: "timeline",
-  gantt: "timeline",
-  dashboards: "dashboards",
-  dashboard: "dashboards",
-  charts: "dashboards",
-  archived: "archived",
-  archive: "archived",
-  // The grid's row action says "Delete" and the store soft-deletes, so the word
-  // a person types is as likely to be the one the button used as the one this
-  // view is called. Both land in the same place; neither dies.
-  deleted: "archived",
-  trash: "archived",
-  removed: "archived"
-};
-function pageViewFromParam(raw) {
-  if (typeof raw !== "string") return null;
-  const token = raw.trim().toLowerCase();
-  if (token === "") return null;
-  return PAGE_VIEW_SPELLINGS[token] ?? null;
-}
-function unknownViewLine(raw) {
-  return `The link asked for a view called \u201C${raw}\u201D, which this table has no view for, so you are looking at ${PAGE_VIEW_LABEL.grid}. The views this table has are ${PAGE_VIEWS.map((v) => PAGE_VIEW_LABEL[v]).join(", ")} \u2014 pick one above and the address follows it.`;
-}
-function viewDocument(spec) {
-  const out = {
-    // A layout the store does not keep yet is not sent: the view is saved as a grid (`STORE_KEPT_LAYOUTS`).
-    layout: storeKeepsLayout(spec.layout) ? spec.layout : "grid",
-    sorts: spec.sorts ?? [],
-    is_default: spec.isDefault === true
-  };
-  if (spec.groupField) out["group_field"] = spec.groupField;
-  if (spec.swimlaneField) out["swimlane_field"] = spec.swimlaneField;
-  if (spec.collapsedColumns && spec.collapsedColumns.length > 0) out["collapsed_columns"] = spec.collapsedColumns;
-  if (spec.measure) out["measure"] = spec.measure;
-  if (spec.dateField) out["date_field"] = spec.dateField;
-  if (STORE_KEEPS_TIMELINE && spec.startField) out["start_field"] = spec.startField;
-  if (STORE_KEEPS_TIMELINE && spec.endField) out["end_field"] = spec.endField;
-  if (spec.imageField) out["image_field"] = spec.imageField;
-  if (spec.ruleId) out["rule_id"] = spec.ruleId;
-  if (spec.where) out["where"] = spec.where;
-  if (spec.presentation && !presentationIsEmpty(spec.presentation)) {
-    out["presentation"] = JSON.parse(presentationDocument(spec.presentation));
-  }
-  return out;
-}
-function viewFromRow(row) {
-  const data = row.definition ?? {};
-  const k = viewSettings(data, row.filters && Object.keys(row.filters).length > 0 ? row.filters : null);
-  const tableFromDefinition = typeof data["table_id"] === "string" && data["table_id"] !== "" ? data["table_id"] : null;
-  return {
-    id: row.view_id,
-    name: row.name || "Untitled view",
-    subject: row.table_id ?? tableFromDefinition ?? "",
-    layout: k.layout,
-    groupField: k.groupField,
-    swimlaneField: k.swimlaneField,
-    collapsedColumns: k.collapsedColumns,
-    measure: k.measure,
-    dateField: k.dateField,
-    startField: k.startField,
-    endField: k.endField,
-    imageField: k.imageField,
-    sorts: k.sorts,
-    order: viewOrderOf(data),
-    ruleId: k.ruleId,
-    ...k.filters ? { filters: k.filters } : {},
-    where: k.where,
-    // The older table's own default view, carried in by the mover, IS this table's default —
-    // the mover wrote the row's column, which `custom.views` does not return. Read as anything
-    // else, the page would seed a second "All records" beside it and open on that.
-    isDefault: k.isDefault || k.movedFrom?.["kind"] === "default_view",
-    presentation: k.presentation,
-    movedFrom: k.movedFrom
-  };
-}
-async function declareView(client, spec) {
-  return client.viewDeclare({
-    table_id: spec.subject,
-    spec: {
-      name: spec.name,
-      ...spec.filters ? { filters: spec.filters } : {},
-      definition: viewDocument(spec)
-    }
-  });
-}
-async function saveViewPatch(client, tableId, viewId, patch) {
-  const definition = viewPatchDocument(patch);
-  const renamed = patch.name !== void 0 && patch.name.trim() !== "";
-  const refiltered = patch.filters !== void 0;
-  return client.viewDeclare({
-    table_id: tableId,
-    spec: {
-      view_id: viewId,
-      ...renamed ? { name: patch.name.trim() } : {},
-      ...refiltered ? { filters: patch.filters ?? null } : {},
-      definition
-    }
-  });
-}
-function viewPatchDocument(patch) {
-  const { name: _name, subject: _subject, filters: _filters, ...keys } = patch;
-  return viewSettingsPatch(keys);
-}
-function viewPatchFor(view, patch) {
-  if (!view.isDefault) return patch;
-  const { layout: _layout, isDefault: _isDefault, ...kept } = patch;
-  return kept;
-}
-async function designateView(client, tableId, viewId, layout) {
-  return client.viewDesignate({ table_id: tableId, view_id: viewId, layout });
-}
-
-// src/handOrder.tsx
 import { jsx as jsx71, jsxs as jsxs64 } from "react/jsx-runtime";
 function sortArrow(direction) {
   return direction === "asc" ? "\u2191" : "\u2193";
@@ -24795,7 +24898,7 @@ import {
 } from "@ai-matrx/records/data/react";
 
 // ../entity-data/src/core/client.ts
-import { asRecordsDataSource } from "@ai-matrx/records/core";
+import { asRecordsDataSource as asRecordsDataSource2 } from "@ai-matrx/records/core";
 
 // ../entity-data/src/core/errors.ts
 import { mapPgError as mapPgError2 } from "@ai-matrx/records/core";
@@ -24844,7 +24947,7 @@ function refusal2(code, message, hint) {
 var OP_ID_HEADER = "x-matrx-op-id";
 var ENTITY_DOOR_SCHEMA = "platform";
 function createEntityClient(options) {
-  const source = asRecordsDataSource(options.dataSource ?? options.supabase);
+  const source = asRecordsDataSource2(options.dataSource ?? options.supabase);
   let warnedHeaderless = false;
   function withHeaders(pending, headers) {
     if (!headers) return;
@@ -30435,95 +30538,6 @@ function useSystemTable(spec) {
   return state;
 }
 
-// src/viewLook.ts
-var LOOK_KEYS = [
-  "layout",
-  "groupField",
-  "swimlaneField",
-  "collapsedColumns",
-  "measure",
-  "dateField",
-  "startField",
-  "endField",
-  "imageField",
-  "sorts",
-  "where",
-  "presentation"
-];
-function lookPart(patch) {
-  const out = {};
-  for (const key of LOOK_KEYS) {
-    if (patch[key] !== void 0) out[key] = patch[key];
-  }
-  return out;
-}
-function lookDocument(look) {
-  return viewSettingsPatch(look);
-}
-function lookFromDocument(doc) {
-  const data = doc ?? {};
-  const read = viewSettings(data);
-  const out = {};
-  const has = (key) => Object.prototype.hasOwnProperty.call(data, key);
-  if (has("layout") && VIEW_LAYOUTS.includes(String(data["layout"]))) {
-    out.layout = data["layout"];
-  }
-  if (has("group_field")) out.groupField = read.groupField;
-  if (has("swimlane_field")) out.swimlaneField = read.swimlaneField;
-  if (has("collapsed_columns")) out.collapsedColumns = read.collapsedColumns;
-  if (has("measure")) out.measure = read.measure;
-  if (has("date_field")) out.dateField = read.dateField;
-  if (has("start_field")) out.startField = read.startField;
-  if (has("end_field")) out.endField = read.endField;
-  if (has("image_field")) out.imageField = read.imageField;
-  if (has("sorts")) out.sorts = read.sorts;
-  if (has("where")) out.where = read.where;
-  if (has("presentation")) out.presentation = parseGridPresentation(data["presentation"]);
-  return out;
-}
-function applyLook(view, look) {
-  if (!look) return view;
-  return { ...view, ...look };
-}
-function lookDiffers(view, look) {
-  if (!look) return false;
-  const shown4 = applyLook(view, look);
-  return LOOK_KEYS.some(
-    (key) => look[key] !== void 0 && JSON.stringify(shown4[key] ?? null) !== JSON.stringify(view[key] ?? null)
-  );
-}
-function saveToViewPlan(view, look) {
-  const patch = viewPatchFor(view, look);
-  const left = {};
-  if (look.layout !== void 0 && patch.layout === void 0 && look.layout !== view.layout) left.layout = look.layout;
-  return { patch, left: Object.keys(left).length > 0 ? left : null };
-}
-async function readLooks(client, tableId) {
-  const answered = await client.viewLookRead({ table_id: tableId });
-  if (!answered.ok) return answered;
-  const out = {};
-  for (const [viewId, row] of Object.entries(answered.data ?? {})) {
-    out[viewId] = lookFromDocument(row?.look ?? null);
-  }
-  return { ok: true, data: out };
-}
-async function keepLook(client, tableId, viewId, look) {
-  const doc = look ? lookDocument(look) : null;
-  return client.viewLookSet({ table_id: tableId, view_id: viewId, look: doc && Object.keys(doc).length > 0 ? doc : null });
-}
-var LOOK_WORDS = {
-  /** The reason, for a tooltip or a screen reader — never a line on the page (interface-text). */
-  yours: "You changed how this view looks. Only you see it.",
-  /** The visible label for the same fact. */
-  yoursLabel: "Only you see this",
-  saveToView: "Save to view",
-  saveAsNew: "Save as new view",
-  reset: "Reset to view",
-  /** The one button your look's doors fold into when the toolbar row has no room for three. */
-  folded: "Your look",
-  newName: "Name for the new view"
-};
-
 // src/ViewSwitcher.tsx
 import { useEffect as useEffect76, useMemo as useMemo56, useState as useState89 } from "react";
 import { mayDrag as mayDrag4, useFields as useFields18, useRecordPage as useRecordPage2, useRecordsClient as useRecordsClient64, useTable as useTable17 } from "@ai-matrx/records/react";
@@ -35232,7 +35246,7 @@ function ArchivedPortals({
 }
 
 // src/ViewBar.tsx
-import { useCallback as useCallback42, useEffect as useEffect79, useState as useState92 } from "react";
+import { useCallback as useCallback42, useEffect as useEffect79, useRef as useRef48, useState as useState92 } from "react";
 import { useRecordsClient as useRecordsClient67 } from "@ai-matrx/records/react";
 import { Badge as Badge14, Button as Button70, Input as Input6, Popover as Popover10, PopoverContent as PopoverContent10, PopoverTrigger as PopoverTrigger10, Skeleton as Skeleton15, cn as cn58 } from "@ai-matrx/design-system";
 
@@ -35284,16 +35298,20 @@ function seedIsSatisfied(seed, views) {
   if (views.some((v) => v.name === seed.name)) return true;
   return seed.isDefault === true && views.some((v) => v.isDefault);
 }
-function ViewBar({ tableId, activeViewId, onActiveView, seed, settings, onViews, className }) {
+function ViewBar({ tableId, activeViewId, onActiveView, seed, settings, onViews, initialViews, className }) {
   const client = useRecordsClient67();
   const claimSeed = useSeedGuard();
   const table = useTable19(tableId);
   const rights = useTableRights(table.data);
   const notify = useRecordsUi().notify;
-  const [views, setViews] = useState92(null);
+  const [views, setViews] = useState92(() => initialViews ?? null);
   const [error, setError] = useState92(null);
   const [unavailable, setUnavailable] = useState92(false);
-  const [active, setActive] = useState92(activeViewId ?? null);
+  const [active, setActive] = useState92(() => {
+    if (!initialViews || initialViews.length === 0) return activeViewId ?? null;
+    return (initialViews.find((v) => v.id === activeViewId) ?? defaultViewOf(initialViews) ?? initialViews[0]).id;
+  });
+  const readOnMount = useRef48(initialViews === void 0);
   const [naming, setNaming] = useState92(false);
   const [draftName, setDraftName] = useState92("");
   const [open, setOpen] = useState92(false);
@@ -35340,6 +35358,10 @@ function ViewBar({ tableId, activeViewId, onActiveView, seed, settings, onViews,
     onViews?.(mine);
   }, [client, readViews, tableId, seedKey]);
   useEffect79(() => {
+    if (!readOnMount.current) {
+      readOnMount.current = true;
+      return;
+    }
     void load();
   }, [load]);
   useEffect79(() => {
@@ -35557,7 +35579,7 @@ function ViewBar({ tableId, activeViewId, onActiveView, seed, settings, onViews,
 }
 
 // src/ProposalRow.tsx
-import { useEffect as useEffect80, useRef as useRef48, useState as useState93 } from "react";
+import { useEffect as useEffect80, useRef as useRef49, useState as useState93 } from "react";
 import { useRecordsClient as useRecordsClient68 } from "@ai-matrx/records/react";
 import { Badge as Badge15, Button as Button71, cn as cn59 } from "@ai-matrx/design-system";
 import { jsx as jsx113, jsxs as jsxs103 } from "react/jsx-runtime";
@@ -35575,7 +35597,7 @@ function ProposalRow({
   const [settled, setSettled] = useState93(outcome ?? null);
   const [busy, setBusy] = useState93(false);
   const [confirming, setConfirming] = useState93(false);
-  const drawnVersion = useRef48(null);
+  const drawnVersion = useRef49(null);
   const needsVersion = change.act === "update" && Boolean(change.record) && change.version === void 0 && !onApply && !settled;
   useEffect80(() => {
     if (needsVersion && change.record && !drawnVersion.current) drawnVersion.current = readVersionNow(client, change.record);
@@ -35665,7 +35687,7 @@ function ProposalRow({
 }
 
 // src/ActionInbox.tsx
-import { useCallback as useCallback44, useEffect as useEffect82, useMemo as useMemo58, useRef as useRef49, useState as useState95 } from "react";
+import { useCallback as useCallback44, useEffect as useEffect82, useMemo as useMemo58, useRef as useRef50, useState as useState95 } from "react";
 import { useRecordsClient as useRecordsClient70 } from "@ai-matrx/records/react";
 import { Badge as Badge17, Button as Button73, Checkbox as Checkbox11, Skeleton as Skeleton17, cn as cn61 } from "@ai-matrx/design-system";
 import { toggleSelection as toggleSelection2 } from "@ai-matrx/design-system/data-table";
@@ -36567,9 +36589,9 @@ function ActionInbox({
   const [outcome, setOutcome] = useState95({});
   const [busy, setBusy] = useState95(null);
   const [cursor, setCursor] = useState95(0);
-  const listRef = useRef49(null);
+  const listRef = useRef50(null);
   const [selected, setSelected] = useState95(/* @__PURE__ */ new Set());
-  const anchor = useRef49(null);
+  const anchor = useRef50(null);
   const [deciding, setDeciding] = useState95(false);
   const [batchSaid, setBatchSaid] = useState95(null);
   const [view, setView] = useState95("inbox");
@@ -36633,9 +36655,9 @@ function ActionInbox({
     [client, load]
   );
   const [held, setHeld] = useState95({});
-  const holds2 = useRef49(/* @__PURE__ */ new Map());
-  const lastHold = useRef49(null);
-  const holdSeq = useRef49(0);
+  const holds2 = useRef50(/* @__PURE__ */ new Map());
+  const lastHold = useRef50(null);
+  const holdSeq = useRef50(0);
   const [, tick] = useState95(0);
   useEffect82(() => {
     if (Object.keys(held).length === 0) return;
@@ -36692,7 +36714,7 @@ function ActionInbox({
       flush();
     };
   }, []);
-  const resumed = useRef49(false);
+  const resumed = useRef50(false);
   useEffect82(() => {
     if (resumed.current || items === null || view !== "inbox") return;
     resumed.current = true;
@@ -37313,7 +37335,7 @@ function ActionInbox({
 }
 
 // src/HistoryPanel.tsx
-import { useCallback as useCallback45, useEffect as useEffect83, useRef as useRef50, useState as useState96 } from "react";
+import { useCallback as useCallback45, useEffect as useEffect83, useRef as useRef51, useState as useState96 } from "react";
 import {
   useFields as useFields20,
   useRecordChangeRevision,
@@ -37333,9 +37355,9 @@ function HistoryPanel({ tableId, recordId, onAskAboutField, className }) {
   const [error, setError] = useState96(null);
   const [open, setOpen] = useState96(null);
   const [pending, setPending] = useState96({ phase: "idle" });
-  const seenAtPreview = useRef50(null);
+  const seenAtPreview = useRef51(null);
   const [said2, setSaid] = useState96(null);
-  const listRef = useRef50(null);
+  const listRef = useRef51(null);
   const changed = useRecordChangeRevision(recordId);
   const load = useCallback45(async () => {
     const answered = await client.recordHistory({ record_id: recordId });
@@ -37629,7 +37651,7 @@ function say(value, field2) {
 }
 
 // src/CommentThread.tsx
-import { useCallback as useCallback46, useEffect as useEffect84, useMemo as useMemo59, useRef as useRef51, useState as useState97 } from "react";
+import { useCallback as useCallback46, useEffect as useEffect84, useMemo as useMemo59, useRef as useRef52, useState as useState97 } from "react";
 import {
   useFields as useFields21,
   useRecordsClient as useRecordsClient72,
@@ -37653,7 +37675,7 @@ function CommentThread({ tableId, recordId, fieldKey, className }) {
   const [people, setPeople] = useState97([]);
   const [mentionQuery, setMentionQuery] = useState97(null);
   const [picked, setPicked] = useState97([]);
-  const box = useRef51(null);
+  const box = useRef52(null);
   const load = useCallback46(async () => {
     const answered = await client.commentThread({ record_id: recordId, include_resolved: showResolved });
     if (!answered.ok) {
@@ -37873,7 +37895,7 @@ function Line({
 }
 
 // src/FieldHistoryPanel.tsx
-import { useCallback as useCallback47, useEffect as useEffect85, useRef as useRef52, useState as useState98 } from "react";
+import { useCallback as useCallback47, useEffect as useEffect85, useRef as useRef53, useState as useState98 } from "react";
 import {
   useFields as useFields22,
   useRecordsClient as useRecordsClient73,
@@ -37897,7 +37919,7 @@ function FieldHistoryPanel({
   const [rows, setRows] = useState98(null);
   const [error, setError] = useState98(null);
   const [pending, setPending] = useState98({ phase: "idle" });
-  const seenAtPreview = useRef52(null);
+  const seenAtPreview = useRef53(null);
   const [said2, setSaid] = useState98(null);
   const load = useCallback47(async () => {
     const answered = await client.fieldHistory(
@@ -38631,13 +38653,13 @@ function useMeasureWords(key, tableId) {
 import {
   useEffect as useEffect88,
   useId as useId4,
-  useRef as useRef53,
+  useRef as useRef54,
   useState as useState101
 } from "react";
 import { cn as cn65 } from "@ai-matrx/design-system";
 import { jsx as jsx119, jsxs as jsxs109 } from "react/jsx-runtime";
 function useMeasuredWidth(fallback = 480) {
-  const ref = useRef53(null);
+  const ref = useRef54(null);
   const [width, setWidth] = useState101(fallback);
   useEffect88(() => {
     const node = ref.current;
@@ -39369,7 +39391,7 @@ function FormResultsPanel({ form, className }) {
 }
 
 // src/PortalBuilder.tsx
-import { useCallback as useCallback48, useEffect as useEffect90, useMemo as useMemo63, useRef as useRef54, useState as useState103 } from "react";
+import { useCallback as useCallback48, useEffect as useEffect90, useMemo as useMemo63, useRef as useRef55, useState as useState103 } from "react";
 import { useRecordsClient as useRecordsClient74, useTables as useTables4 } from "@ai-matrx/records/react";
 import { BasicInput as BasicInput22, Button as Button78, Checkbox as Checkbox12, Label as Label18, Separator as Separator10, Skeleton as Skeleton22, cn as cn68 } from "@ai-matrx/design-system";
 import { Fragment as Fragment49, jsx as jsx122, jsxs as jsxs112 } from "react/jsx-runtime";
@@ -39459,7 +39481,7 @@ function PortalBuilder({ tableId, portalId, onSaved, onClose, className }) {
     if (on) void loadFields(t.id);
   }
   const [linking, setLinking] = useState103(null);
-  const linkingNow = useRef54(null);
+  const linkingNow = useRef55(null);
   async function addLinkBack(id) {
     const clients = (tables.data ?? []).find((t) => t.id === clientTableId);
     if (!clientTableId || !clients) return;
@@ -39486,7 +39508,7 @@ function PortalBuilder({ tableId, portalId, onSaved, onClose, className }) {
     linkingNow.current = null;
     setLinking(null);
   }
-  const autoLinked = useRef54(/* @__PURE__ */ new Set());
+  const autoLinked = useRef55(/* @__PURE__ */ new Set());
   useEffect90(() => {
     if (linking !== null || !clientTableId) return;
     for (const e of Object.values(exposures)) {
@@ -41708,7 +41730,7 @@ function SubscriptionsPanel({ tableId, activeRuleId, className }) {
 // src/FormBuilder.tsx
 import { copyText as copyText7 } from "@ai-matrx/kit/clipboard";
 import { ErrorBox as ErrorBox7 } from "@ai-matrx/design-system";
-import { useCallback as useCallback54, useEffect as useEffect97, useMemo as useMemo68, useRef as useRef56, useState as useState111 } from "react";
+import { useCallback as useCallback54, useEffect as useEffect97, useMemo as useMemo68, useRef as useRef57, useState as useState111 } from "react";
 import { DndContext, KeyboardSensor, PointerSensor, closestCenter, useSensor, useSensors } from "@dnd-kit/core";
 import { SortableContext, arrayMove, sortableKeyboardCoordinates, useSortable, verticalListSortingStrategy } from "@dnd-kit/sortable";
 import { CSS as CSS2 } from "@dnd-kit/utilities";
@@ -41977,7 +41999,7 @@ function EmbedSnippets({ url, label }) {
 }
 
 // src/FormRunner.tsx
-import { useCallback as useCallback53, useEffect as useEffect96, useMemo as useMemo67, useRef as useRef55, useState as useState110 } from "react";
+import { useCallback as useCallback53, useEffect as useEffect96, useMemo as useMemo67, useRef as useRef56, useState as useState110 } from "react";
 import { useFields as useFields24, useOptionalRecordsClient as useOptionalRecordsClient14 } from "@ai-matrx/records/react";
 import { Button as Button85, Label as Label22, Progress, Skeleton as Skeleton27, cn as cn77, formThemeClasses } from "@ai-matrx/design-system";
 import { humanizeIdentifier as humanizeIdentifier18 } from "@ai-matrx/kit/text-case";
@@ -42094,11 +42116,11 @@ function FormStage({
   const routes = formRoutes(form);
   const [routeKnown, setRouteKnown] = useState110(() => !routes || !whichAsked);
   const [stopped, setStopped] = useState110(null);
-  const answersRef = useRef55(answers);
+  const answersRef = useRef56(answers);
   answersRef.current = answers;
   const choose = autoAdvance ?? form.autoAdvance ?? true;
-  const decoy = useRef55("");
-  const stage = useRef55(null);
+  const decoy = useRef56("");
+  const stage = useRef56(null);
   const questions = useMemo67(() => {
     const byKey = new Map((fields ?? []).map((f) => [f.key, f]));
     return (form.questions ?? []).map((q) => {
@@ -42161,13 +42183,13 @@ function FormStage({
     };
   }, [whichAsked, questions, answers]);
   const live = questions.filter((q) => !hidden[q.key]);
-  const told = useRef55(answers);
+  const told = useRef56(answers);
   useEffect96(() => {
     if (told.current === answers) return;
     told.current = answers;
     onAnswersChange?.(answers);
   }, [answers, onAnswersChange]);
-  const resumeAt = useRef55(
+  const resumeAt = useRef56(
     resumed && initialAnswers && Object.keys(initialAnswers).length > 0 ? questions.find((q) => {
       const v = initialAnswers[q.key];
       return v === void 0 || v === null || v === "";
@@ -42281,9 +42303,9 @@ function FormStage({
     if (stillMissing) refuse(stillMissing, refusalFor(stillMissing));
     else void submit();
   }
-  const routing = useRef55(false);
+  const routing = useRef56(false);
   const [routingNow, setRoutingNow] = useState110(false);
-  const typedAhead = useRef55("");
+  const typedAhead = useRef56("");
   useEffect96(() => {
     if (!routingNow) return;
     const hold = (event) => {
@@ -42317,7 +42339,7 @@ function FormStage({
   useEffect96(() => {
     if (!routingNow) pourTypedAhead();
   }, [routingNow, at, pourTypedAhead]);
-  const advanceRef = useRef55(advance);
+  const advanceRef = useRef56(advance);
   advanceRef.current = advance;
   const chosen = useCallback53(() => {
     if (!oneAtATime || !choose) return;
@@ -42346,7 +42368,7 @@ function FormStage({
     input?.focus();
     pourTypedAhead();
   }, [index, done, started]);
-  const startTold = useRef55(false);
+  const startTold = useRef56(false);
   useEffect96(() => {
     if (startTold.current || !onStart) return;
     if (Object.values(answers).some((v) => v !== void 0 && v !== null && v !== "")) {
@@ -42354,7 +42376,7 @@ function FormStage({
       onStart();
     }
   }, [answers, onStart]);
-  const shownTold = useRef55(/* @__PURE__ */ new Set());
+  const shownTold = useRef56(/* @__PURE__ */ new Set());
   useEffect96(() => {
     if (!onQuestionShown || !started || done) return;
     for (const q of oneAtATime ? current ? [current] : [] : live) {
@@ -42729,7 +42751,7 @@ function FormBuilder({ tableId, seed, activeFormId, onActiveForm, startWithOne,
   const [restoredAt, setRestoredAt] = useState111(null);
   const [showResults, setShowResults] = useState111(false);
   const [adding, setAdding] = useState111(false);
-  const keysBeforeAdd = useRef56(null);
+  const keysBeforeAdd = useRef57(null);
   const [makeOnMount, setMakeOnMount] = useState111("waiting");
   const publicOrigin = host.publicOrigin ?? (typeof window === "undefined" ? "" : window.location.origin);
   const load = useCallback54(async () => {
@@ -43846,7 +43868,7 @@ function DocTemplate({ tableId, seed, activeTemplateId, onActiveTemplate, classN
 }
 
 // src/DocRender.tsx
-import { useCallback as useCallback56, useEffect as useEffect99, useRef as useRef57, useState as useState113 } from "react";
+import { useCallback as useCallback56, useEffect as useEffect99, useRef as useRef58, useState as useState113 } from "react";
 import { useRecordsClient as useRecordsClient82 } from "@ai-matrx/records/react";
 import { Button as Button88, Skeleton as Skeleton30, cn as cn80 } from "@ai-matrx/design-system";
 import { jsx as jsx135, jsxs as jsxs125 } from "react/jsx-runtime";
@@ -43857,7 +43879,7 @@ function DocRender({ templateId, recordId, filename, onRendered, className }) {
   const [showing, setShowing] = useState113(null);
   const [error, setError] = useState113(null);
   const [busy, setBusy] = useState113(null);
-  const paper = useRef57(null);
+  const paper = useRef58(null);
   const load = useCallback56(async () => {
     const [body, held] = await Promise.all([
       client.docRenderBody({ template_id: templateId, record_id: recordId }),
@@ -44553,7 +44575,7 @@ import { RecordsProvider as RecordsProvider2, useFields as useFields28, useRecor
 import { Button as Button91, CreatablePicker as CreatablePicker2 } from "@ai-matrx/design-system";
 
 // src/RecordsMount.tsx
-import { useRef as useRef58 } from "react";
+import { useRef as useRef59 } from "react";
 import { RecordsProvider } from "@ai-matrx/records/react";
 import { jsx as jsx139 } from "react/jsx-runtime";
 var STORE_DECIDES_REASON = "This host offers exactly what the record store says this person may do: the level comes back with the table on the read door, so a control they cannot use is never drawn in the first place.";
@@ -44571,7 +44593,7 @@ function RecordsMount({
   return /* @__PURE__ */ jsx139(RecordsProvider, { config, children: /* @__PURE__ */ jsx139(RecordsUiProvider, { value: bound2, children: /* @__PURE__ */ jsx139(RecordLabelProvider, { children }) }) });
 }
 function useShallowStableHost(host) {
-  const held = useRef58(null);
+  const held = useRef59(null);
   const next = host ?? {};
   const previous = held.current;
   if (previous !== null && sameParts(previous, next)) return previous;
@@ -45690,7 +45712,7 @@ function TargetControl({
 
 // src/QuestionPanel.tsx
 import { copyText as copyText8 } from "@ai-matrx/kit/clipboard";
-import { useEffect as useEffect104, useMemo as useMemo72, useRef as useRef59, useState as useState119 } from "react";
+import { useEffect as useEffect104, useMemo as useMemo72, useRef as useRef60, useState as useState119 } from "react";
 import { Badge as Badge23, BasicInput as BasicInput32, Button as Button94, Checkbox as Checkbox16, Label as Label25, Skeleton as Skeleton34, cn as cn85 } from "@ai-matrx/design-system";
 import { useFields as useFields31, useRecordsClient as useRecordsClient87 } from "@ai-matrx/records/react";
 
@@ -46142,7 +46164,7 @@ function QuestionPanel({ tableId, activeQuestionId, draft, className }) {
   const [saveError, setSaveError] = useState119(null);
   const [saving, setSaving] = useState119(false);
   const [linkMissed, setLinkMissed] = useState119(false);
-  const openedFromLink = useRef59(false);
+  const openedFromLink = useRef60(false);
   useEffect104(() => {
     let live = true;
     void questionsOf(client, tableId).then((answer2) => {
@@ -47886,12 +47908,12 @@ function FormsPanel({ tableId, activeFormId, className }) {
 }
 
 // src/CaptureSheet.tsx
-import { useCallback as useCallback63, useEffect as useEffect108, useRef as useRef61, useState as useState124 } from "react";
+import { useCallback as useCallback63, useEffect as useEffect108, useRef as useRef62, useState as useState124 } from "react";
 import { useFields as useFields34, useRecordsClient as useRecordsClient92, useTable as useTable34 } from "@ai-matrx/records/react";
 import { Button as Button99, Input as Input8, Skeleton as Skeleton39, Textarea as Textarea7, cn as cn89 } from "@ai-matrx/design-system";
 
 // src/CaptureRun.tsx
-import { useCallback as useCallback62, useEffect as useEffect107, useMemo as useMemo74, useRef as useRef60, useState as useState123 } from "react";
+import { useCallback as useCallback62, useEffect as useEffect107, useMemo as useMemo74, useRef as useRef61, useState as useState123 } from "react";
 import {
   coerceTypedAnswer as coerceTypedAnswer3,
   coercionLabel,
@@ -47949,7 +47971,7 @@ function CaptureRun({ sheetId, face: given, className }) {
   const [items, setItems] = useState123([]);
   const [lastSynced, setLastSynced] = useState123(null);
   const [sending, setSending] = useState123(false);
-  const queueRef = useRef60(null);
+  const queueRef = useRef61(null);
   useEffect107(() => {
     const q2 = openCaptureQueue({
       onChange: (c, all) => {
@@ -48329,7 +48351,7 @@ function AdHocCaptureSheet({
   const [error, setError] = useState124(null);
   const [uploadError, setUploadError] = useState124(null);
   const [flushing, setFlushing] = useState124(false);
-  const queue = useRef61([]);
+  const queue = useRef62([]);
   const keep = useCallback63(
     async (next) => {
       queue.current = next;
@@ -48871,9 +48893,9 @@ function useEmbedHandshake(args) {
 
 // src/TablePage.tsx
 import { copyText as copyText12 } from "@ai-matrx/kit/clipboard";
-import { useCallback as useCallback68, useEffect as useEffect114, useMemo as useMemo78, useRef as useRef62, useState as useState134 } from "react";
+import { useCallback as useCallback68, useEffect as useEffect114, useMemo as useMemo78, useRef as useRef63, useState as useState134 } from "react";
 import { archivedByLine as archivedByLine2 } from "@ai-matrx/records";
-import { useFields as useFields37, useRecordsClient as useRecordsClient97, useTable as useTable36 } from "@ai-matrx/records/react";
+import { useFields as useFields37, useRecordsClient as useRecordsClient97, useSeededAnswer, useTable as useTable36 } from "@ai-matrx/records/react";
 import {
   Badge as Badge25,
   BottomSheet,
@@ -49921,9 +49943,29 @@ function TablePage({
   const askedInWords = filter ? filterInWords(filter, pageFields.data ?? []) : null;
   const organizationId = useRecordsClient97().config.organizationId;
   const publicReadOnly = usePublicReadOnly(client, organizationId, tableId, table.data, rights);
-  const [view, setView] = useState134(null);
-  const [looks, setLooks] = useState134(void 0);
+  const seededOpening = useSeededAnswer(
+    `table-page-opening:${tableId}`,
+    async (c) => {
+      const [listed, looked] = await Promise.all([c.views({ table_id: tableId }), readLooks(c, tableId)]);
+      if (!listed.ok) return listed;
+      if (!looked.ok) return looked;
+      const mine = listed.data.map(viewFromRow).filter((v) => v.subject === tableId);
+      return { ok: true, data: { views: mine, looks: looked.data } };
+    }
+  );
+  const seededViews = seededOpening && (seedViews ?? [defaultView(tableId)]).every((spec) => seedIsSatisfied(spec, seededOpening.views)) ? seededOpening.views : void 0;
+  const [view, setView] = useState134(() => {
+    if (!seededViews || seededViews.length === 0) return null;
+    const asked3 = savedViewFromParam(activeView);
+    return seededViews.find((v) => v.id === asked3) ?? defaultViewOf(seededViews) ?? seededViews[0];
+  });
+  const [looks, setLooks] = useState134(() => seededViews ? seededOpening?.looks : void 0);
+  const looksSeededFor = useRef63(seededViews && seededOpening ? tableId : null);
   useEffect114(() => {
+    if (looksSeededFor.current === tableId) {
+      looksSeededFor.current = null;
+      return;
+    }
     let live = true;
     setLooks(void 0);
     void readLooks(client, tableId).then((answered) => {
@@ -49943,9 +49985,9 @@ function TablePage({
   const questionsFromLink = questionsFromParam(activeView);
   const openedByPackage = openingView(savedFromLink || questionsFromLink ? null : activeView, activeDashboardId);
   const opened = questionsFromLink ? { ...openedByPackage, main: "questions" } : openedByPackage;
-  const [views, setViews] = useState134(void 0);
+  const [views, setViews] = useState134(() => seededViews);
   const [pickedViewId, setPickedViewId] = useState134(savedFromLink);
-  const viewSeen = useRef62(null);
+  const viewSeen = useRef63(null);
   const [viewLinkMissed, setViewLinkMissed] = useState134(false);
   const railAsked = typeof activeRail === "string" ? activeRail.trim() : "";
   const railUnknown = railAsked !== "" && railFromParam(railAsked) === null ? railAsked : null;
@@ -50016,7 +50058,7 @@ function TablePage({
     lookDiffers: view ? lookDiffers(view, look) : false
   };
   const shownSignature = JSON.stringify(shownReport);
-  const reportRef = useRef62(onShownViewChange);
+  const reportRef = useRef63(onShownViewChange);
   reportRef.current = onShownViewChange;
   useEffect114(() => {
     reportRef.current?.(JSON.parse(shownSignature));
@@ -50062,7 +50104,7 @@ function TablePage({
     },
     [client, tableId, view, looks]
   );
-  const arrival = useRef62(viewAddress ?? null);
+  const arrival = useRef63(viewAddress ?? null);
   const [gridQuery, setGridQuery] = useState134(null);
   const [addressResetEpoch, setAddressResetEpoch] = useState134(0);
   const reportGrid = useCallback68((q) => {
@@ -50073,7 +50115,7 @@ function TablePage({
     () => ({ initial: arrival.current, report: reportGrid, resetEpoch: addressResetEpoch }),
     [reportGrid, addressResetEpoch]
   );
-  const hiddenApplied = useRef62(false);
+  const hiddenApplied = useRef63(false);
   useEffect114(() => {
     const hidden = arrival.current?.hidden;
     if (hiddenApplied.current || !view || !looks || !hidden || hidden.length === 0) return;
@@ -50094,9 +50136,9 @@ function TablePage({
   const gridPending = !isViewAddressEmpty({ ...arrival.current ?? {}, hidden: [] });
   const addressReady = Boolean(view && looks) && (gridQuery !== null || !gridPending);
   const addressSignature = JSON.stringify(viewAddressToParams(addressNow));
-  const addressReportRef = useRef62(onViewAddressChange);
+  const addressReportRef = useRef63(onViewAddressChange);
   addressReportRef.current = onViewAddressChange;
-  const addressSent = useRef62(null);
+  const addressSent = useRef63(null);
   useEffect114(() => {
     if (!addressReady) return;
     if (addressSent.current === null && addressSignature === JSON.stringify(viewAddressToParams(arrival.current))) {
@@ -50325,9 +50367,9 @@ function TablePage({
     }
   });
   const openedEntry = ACTION_PRESS.find((entry) => entry.press.main !== void 0 && entry.press.main === main) ?? ACTION_PRESS.find((entry) => entry.press.rail !== void 0 && entry.press.rail === rail) ?? null;
-  const actionsRef = useRef62(actions);
+  const actionsRef = useRef63(actions);
   actionsRef.current = actions;
-  const onActionsRef = useRef62(onActions);
+  const onActionsRef = useRef63(onActions);
   onActionsRef.current = onActions;
   useEffect114(() => {
     onActionsRef.current?.(actionsRef.current);
@@ -50479,6 +50521,7 @@ function TablePage({
                   }
                 },
                 onViews: setViews,
+                ...seededViews && viewsEpoch === 0 ? { initialViews: seededViews } : {},
                 seed: seedViews ?? [defaultView(tableId)],
                 settings: view && main === "records" && shownLayout === "grid" ? /* @__PURE__ */ jsxs147("div", { className: "flex flex-col gap-0.5 px-1 py-1", role: "radiogroup", "aria-label": FOOTER_WORDS.label, children: [
                   /* @__PURE__ */ jsx158("span", { className: "px-1 pb-0.5 text-[11px] font-medium text-muted-foreground", children: FOOTER_WORDS.label }),