@ai-matrx/records-ui 0.59.0 → 0.61.0

package/dist/index.cjs

@@ -51,6 +51,7 @@ __export(src_exports, {
   ChecklistTemplateEditor: () => ChecklistTemplateEditor,
   ChecklistsPanel: () => ChecklistsPanel,
   CommentThread: () => CommentThread,
+  ConditionGroup: () => ConditionGroup,
   ConditionRow: () => ConditionRow,
   CustomFieldsSection: () => CustomFieldsSection,
   DEFAULT_FIELDS: () => DEFAULT_FIELDS,
@@ -109,6 +110,8 @@ __export(src_exports, {
   NO_SHARE_REASON: () => NO_SHARE_REASON,
   NO_UPLOAD_REASON: () => NO_UPLOAD_REASON,
   NotifyRuleEditor: () => NotifyRuleEditor,
+  PAGE_VIEWS: () => PAGE_VIEWS,
+  PAGE_VIEW_LABEL: () => PAGE_VIEW_LABEL,
   PARITY_LABEL: () => PARITY_LABEL,
   PARITY_MADE_OF: () => PARITY_MADE_OF,
   Peek: () => Peek,
@@ -132,6 +135,7 @@ __export(src_exports, {
   RefusalNotice: () => RefusalNotice,
   RelationPicker: () => RelationPicker,
   SAVED_VIEWS_UNAVAILABLE: () => SAVED_VIEWS_UNAVAILABLE,
+  SAY_WHAT_YOU_ARE_WAITING_FOR_AFTER_MS: () => SAY_WHAT_YOU_ARE_WAITING_FOR_AFTER_MS,
   SERIES_COLORS: () => SERIES_COLORS,
   SOMEBODY: () => SOMEBODY,
   STORE_ANSWERS_THESE: () => STORE_ANSWERS_THESE,
@@ -165,6 +169,7 @@ __export(src_exports, {
   colorFromTheValue: () => colorFromTheValue,
   columnForField: () => columnForField,
   conditionInWords: () => conditionInWords,
+  conditionIsDrawable: () => conditionIsDrawable,
   conditionIsSimple: () => conditionIsSimple,
   conditionValue: () => conditionValue,
   controlFor: () => controlFor,
@@ -201,6 +206,9 @@ __export(src_exports, {
   machineIdentityIn: () => machineIdentityIn,
   memberName: () => memberName,
   nextInWords: () => nextInWords,
+  openingRail: () => openingRail,
+  openingView: () => openingView,
+  pageViewFromParam: () => pageViewFromParam,
   parityTypesWithNoExplanation: () => parityTypesWithNoExplanation,
   parseGridPresentation: () => parseGridPresentation,
   personActor: () => personActor,
@@ -226,10 +234,12 @@ __export(src_exports, {
   tableName: () => tableName,
   tableRightsAt: () => tableRightsAt,
   tokenFor: () => tokenFor,
+  unknownViewLine: () => unknownViewLine,
   useCanShare: () => useCanShare,
   useEmbedHandshake: () => useEmbedHandshake,
   useEnrichCells: () => useEnrichCells,
   useGridEditing: () => useGridEditing,
+  useLabelWait: () => useLabelWait,
   useMeasuredWidth: () => useMeasuredWidth,
   useMyChecklistSteps: () => useMyChecklistSteps,
   useRecordLabels: () => useRecordLabels,
@@ -513,11 +523,17 @@ function recordName(document2, titleKey, fallback = "Untitled") {
   );
   for (const key of keys) {
     const value = data[key];
-    if (typeof value === "string" && value.trim() !== "") return value.trim();
+    if (typeof value === "string" && value.trim() !== "" && !looksLikeId(value.trim())) {
+      return value.trim();
+    }
     if (typeof value === "number") return String(value);
   }
   return fallback;
 }
+var RECORD_ID = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i;
+function looksLikeId(value) {
+  return typeof value === "string" && RECORD_ID.test(value.trim());
+}
 function rowName(row, titleKey, fallback = "Untitled") {
   return recordName(row?.document, titleKey, fallback);
 }
@@ -1391,8 +1407,13 @@ var LabelContext = (0, import_react11.createContext)({
   // provides one, so this is only ever a bare unit test.
   lookup: () => null,
   want: () => {
-  }
+  },
+  waiting: () => null
 });
+var SAY_WHAT_YOU_ARE_WAITING_FOR_AFTER_MS = 1e3;
+function waitingLineFor(field, target) {
+  return field.type === "list" ? "Reading this column\u2019s list of choices\u2026" : `Reading the ${target ?? "records"} this column points at\u2026`;
+}
 function idsOf(value) {
   if (Array.isArray(value)) return value.map(String).filter(isId);
   if (typeof value === "string" && isId(value)) return [value];
@@ -1409,13 +1430,48 @@ function RecordLabelProvider({ children }) {
   const client = (0, import_react12.useRecordsClient)();
   const [names, setNames] = (0, import_react11.useState)({});
   const [settled, setSettled] = (0, import_react11.useState)({});
+  const [waitingLines, setWaitingLines] = (0, import_react11.useState)({});
   const asked = (0, import_react11.useRef)(/* @__PURE__ */ new Set());
   const chased = (0, import_react11.useRef)(/* @__PURE__ */ new Set());
+  const timers = (0, import_react11.useRef)(/* @__PURE__ */ new Map());
+  const startWaitClock = (0, import_react11.useCallback)((field, target) => {
+    if (timers.current.has(field.id)) return;
+    timers.current.set(
+      field.id,
+      setTimeout(() => {
+        timers.current.delete(field.id);
+        setWaitingLines(
+          (current) => current[field.id] ? current : { ...current, [field.id]: waitingLineFor(field, target) }
+        );
+      }, SAY_WHAT_YOU_ARE_WAITING_FOR_AFTER_MS)
+    );
+  }, []);
+  const stopWaitClock = (0, import_react11.useCallback)((fieldId) => {
+    const timer = timers.current.get(fieldId);
+    if (timer) {
+      clearTimeout(timer);
+      timers.current.delete(fieldId);
+    }
+    setWaitingLines((current) => {
+      if (!current[fieldId]) return current;
+      const next = { ...current };
+      delete next[fieldId];
+      return next;
+    });
+  }, []);
+  (0, import_react11.useEffect)(
+    () => () => {
+      for (const timer of timers.current.values()) clearTimeout(timer);
+      timers.current.clear();
+    },
+    []
+  );
   const want = (0, import_react11.useCallback)(
     (field) => {
       if (!pointsAtRecords(field)) return;
       if (asked.current.has(field.id)) return;
       asked.current.add(field.id);
+      startWaitClock(field, null);
       void (async () => {
         if (field.type === "list") {
           const result = await client.fieldOptions({ field_id: field.id });
@@ -1429,11 +1485,13 @@ function RecordLabelProvider({ children }) {
             });
           }
           setSettled((current) => ({ ...current, [field.id]: true }));
+          stopWaitClock(field.id);
           return;
         }
         const target = field.relation_target;
         if (!target) {
           setSettled((current) => ({ ...current, [field.id]: true }));
+          stopWaitClock(field.id);
           return;
         }
         const [rows, tables] = await Promise.all([
@@ -1451,24 +1509,54 @@ function RecordLabelProvider({ children }) {
           });
         }
         setSettled((current) => ({ ...current, [field.id]: true }));
+        stopWaitClock(field.id);
       })();
     },
-    [client]
+    [client, startWaitClock, stopWaitClock]
   );
+  const queued = (0, import_react11.useRef)(/* @__PURE__ */ new Map());
+  const flushing = (0, import_react11.useRef)(null);
+  const flush = (0, import_react11.useCallback)(() => {
+    flushing.current = null;
+    const batch = [...queued.current.entries()];
+    queued.current.clear();
+    if (batch.length === 0) return;
+    void (async () => {
+      const learned = {};
+      const LANES = 6;
+      let at = 0;
+      await Promise.all(
+        Array.from({ length: Math.min(LANES, batch.length) }, async () => {
+          for (; ; ) {
+            const next = batch[at];
+            at += 1;
+            if (!next) return;
+            const [id] = next;
+            const result = await client.recordRead({ record_id: id });
+            learned[id] = result.ok ? recordName(result.data.document, null, "Untitled") : WITHHELD_RECORD_LABEL;
+          }
+        })
+      );
+      setNames((current) => ({ ...current, ...learned }));
+      for (const [, field] of batch) stopWaitClock(field.id);
+    })();
+  }, [client, stopWaitClock]);
   const chase = (0, import_react11.useCallback)(
     (field, id) => {
       const key = `${field.id}:${id}`;
       if (chased.current.has(key)) return;
       chased.current.add(key);
-      void (async () => {
-        const result = await client.recordRead({ record_id: id });
-        setNames((current) => ({
-          ...current,
-          [id]: result.ok ? recordName(result.data.document, null, "Untitled") : WITHHELD_RECORD_LABEL
-        }));
-      })();
+      queued.current.set(id, field);
+      startWaitClock(field, null);
+      if (flushing.current === null) flushing.current = setTimeout(flush, 0);
     },
-    [client]
+    [flush, startWaitClock]
+  );
+  (0, import_react11.useEffect)(
+    () => () => {
+      if (flushing.current !== null) clearTimeout(flushing.current);
+    },
+    []
   );
   const lookup = (0, import_react11.useCallback)(
     (field, id) => {
@@ -1479,7 +1567,8 @@ function RecordLabelProvider({ children }) {
     },
     [names, settled, chase]
   );
-  const value = (0, import_react11.useMemo)(() => ({ lookup, want }), [lookup, want]);
+  const waiting = (0, import_react11.useCallback)((field) => waitingLines[field.id] ?? null, [waitingLines]);
+  const value = (0, import_react11.useMemo)(() => ({ lookup, want, waiting }), [lookup, want, waiting]);
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(LabelContext.Provider, { value, children });
 }
 function useRecordLabels(fields) {
@@ -1489,6 +1578,10 @@ function useRecordLabels(fields) {
   }, [fields, want]);
   return lookup;
 }
+function useLabelWait(field) {
+  const { waiting } = (0, import_react11.useContext)(LabelContext);
+  return field ? waiting(field) : null;
+}
 
 // src/values.tsx
 var import_jsx_runtime8 = require("react/jsx-runtime");
@@ -1502,7 +1595,7 @@ var ABSENCE_WORDS = {
   refused: "refused",
   conflicting: "conflicting"
 };
-function renderValue(field, value, document2, labels) {
+function renderValue(field, value, document2, labels, stillWaitingFor) {
   const envelope = envelopeFor(document2, field.key);
   if (envelope?.absent) {
     return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "text-xs italic text-muted-foreground", title: `VAL-2: ${envelope.absent}`, children: ABSENCE_WORDS[String(envelope.absent)] ?? String(envelope.absent) });
@@ -1523,13 +1616,13 @@ function renderValue(field, value, document2, labels) {
   if (typeof value === "boolean") {
     return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: kind === "checkbox" ? "text-sm" : "", title: value ? "Yes" : "No", children: value ? "\u2713" : "\u2014" });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: (0, import_design_system5.cn)("truncate", kind === "number" || kind === "currency" || kind === "percent" ? "tabular-nums" : ""), children: scalarText(field, value, labels) });
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: (0, import_design_system5.cn)("truncate", kind === "number" || kind === "currency" || kind === "percent" ? "tabular-nums" : ""), children: scalarText(field, value, labels, stillWaitingFor) });
 }
-function scalarText(field, value, labels) {
+function scalarText(field, value, labels, stillWaitingFor) {
   if (value === null || value === void 0) return "\u2014";
   const kind = editorKindFor(field);
   if (isId(value) && (field.type === "list" || field.type === "relation")) {
-    return labels?.(field, String(value)) ?? "Loading\u2026";
+    return labels?.(field, String(value)) ?? stillWaitingFor ?? "Loading\u2026";
   }
   if (typeof value === "number") {
     if (kind === "percent") return `${value}%`;
@@ -1561,9 +1654,10 @@ function RecordValue({
   format
 }) {
   const labels = useRecordLabels(ONE_FIELD_ARRAY_CACHE(field));
+  const stillWaitingFor = useLabelWait(field);
   const formatted = format ? (0, import_data_table.formatColumnValue)({ format }, value) : null;
   if (formatted) return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_data_table.FormattedCell, { result: formatted });
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_jsx_runtime8.Fragment, { children: renderValue(field, value, document2, labels) });
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_jsx_runtime8.Fragment, { children: renderValue(field, value, document2, labels, stillWaitingFor) });
 }
 var ONE_FIELD_ARRAYS = /* @__PURE__ */ new WeakMap();
 function ONE_FIELD_ARRAY_CACHE(field) {
@@ -4961,11 +5055,12 @@ function ValueOnTheOtherSide({
 }
 
 // src/StageRules.tsx
-var import_react29 = require("react");
-var import_react30 = require("@ai-matrx/records/react");
+var import_react30 = require("react");
+var import_react31 = require("@ai-matrx/records/react");
 var import_design_system15 = require("@ai-matrx/design-system");
 
 // src/Condition.tsx
+var import_react29 = require("react");
 var import_design_system14 = require("@ai-matrx/design-system");
 var import_jsx_runtime17 = require("react/jsx-runtime");
 var CONDITION_OPS = [
@@ -5095,6 +5190,155 @@ function ConditionRow({ lead, expr, fields, onChange, emptyLabel = "always", cla
     ] }) : null
   ] });
 }
+var JOINERS = [
+  { op: "and", label: "All of these are true" },
+  { op: "or", label: "Any of these is true" }
+];
+function asNode(expr) {
+  return expr && typeof expr === "object" && !Array.isArray(expr) ? expr : null;
+}
+function groupOf(expr) {
+  const node = asNode(expr);
+  if (!node) return null;
+  const op = node["op"];
+  if (op !== "and" && op !== "or") return null;
+  const args = Array.isArray(node["args"]) ? node["args"] : [];
+  return { op, args };
+}
+function conditionIsDrawable(expr, depth = 1) {
+  if (expr === null || expr === void 0) return true;
+  const group = groupOf(expr);
+  if (!group) return conditionIsSimple(expr);
+  if (group.args.length === 0) return true;
+  return group.args.every((arg) => {
+    const node = asNode(arg);
+    if (node === null) return false;
+    return conditionIsSimple(node) || depth > 0 && conditionIsDrawable(node, depth - 1);
+  });
+}
+function clausesOf(expr) {
+  const group = groupOf(expr);
+  if (group) return group;
+  return { op: "and", args: expr === null || expr === void 0 ? [] : [expr] };
+}
+function writeGroup(op, args) {
+  const kept = args.filter((a) => a !== null && a !== void 0);
+  if (kept.length === 0) return null;
+  if (kept.length === 1) return kept[0];
+  return { op, args: kept };
+}
+function ConditionGroup({
+  lead,
+  expr,
+  fields,
+  onChange,
+  emptyLabel = "always",
+  allowNesting = true,
+  className
+}) {
+  const { op, args } = clausesOf(expr);
+  const [drafting, setDrafting] = (0, import_react29.useState)(false);
+  const replaceAt = (index, next) => {
+    const nextArgs = args.slice();
+    if (next === null || next === void 0) nextArgs.splice(index, 1);
+    else nextArgs[index] = next;
+    onChange(writeGroup(op, nextArgs));
+  };
+  const joinWord = (index) => index === 0 ? lead : op === "and" ? "and" : "or";
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: className ?? "flex flex-col gap-1 text-xs", "data-testid": "condition-group", children: [
+    args.length > 1 ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-muted-foreground", children: lead }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        "select",
+        {
+          "aria-label": "How these conditions are joined",
+          className: "h-8 rounded border bg-background px-1 text-xs",
+          value: op,
+          onChange: (e) => onChange(writeGroup(e.target.value, args)),
+          children: JOINERS.map((j) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("option", { value: j.op, children: j.label }, j.op))
+        }
+      )
+    ] }) : null,
+    args.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      ConditionRow,
+      {
+        lead,
+        emptyLabel,
+        expr: null,
+        fields,
+        onChange: (next) => onChange(next)
+      }
+    ) : args.map((arg, index) => {
+      const nested = groupOf(arg);
+      const key = `clause-${index}`;
+      if (nested && allowNesting) {
+        return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "ml-4 rounded border border-dashed p-1", "data-testid": "condition-nested-group", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          ConditionGroup,
+          {
+            lead: op === "and" ? "and also, any of:" : "or, all of:",
+            expr: arg,
+            fields,
+            onChange: (next) => replaceAt(index, next),
+            emptyLabel,
+            allowNesting: false
+          }
+        ) }, key);
+      }
+      return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        ConditionRow,
+        {
+          lead: args.length > 1 ? joinWord(index) : lead,
+          emptyLabel,
+          expr: arg,
+          fields,
+          onChange: (next) => replaceAt(index, next)
+        },
+        key
+      );
+    }),
+    drafting ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      ConditionRow,
+      {
+        lead: op === "and" ? "and" : "or",
+        emptyLabel,
+        expr: null,
+        fields,
+        onChange: (next) => {
+          if (next === null) return;
+          setDrafting(false);
+          onChange(writeGroup(op, [...args, next]));
+        }
+      }
+    ) : null,
+    args.length > 0 && !drafting ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        import_design_system14.Button,
+        {
+          size: "sm",
+          variant: "ghost",
+          className: "h-6 px-1 text-xs",
+          "data-testid": "condition-add-clause",
+          onClick: () => setDrafting(true),
+          children: "Add another condition"
+        }
+      ),
+      allowNesting && args.length > 1 && !args.some((a) => groupOf(a) !== null) ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        import_design_system14.Button,
+        {
+          size: "sm",
+          variant: "ghost",
+          className: "h-6 px-1 text-xs",
+          "data-testid": "condition-add-group",
+          onClick: () => replaceAt(args.length - 1, {
+            op: op === "and" ? "or" : "and",
+            args: [args[args.length - 1]]
+          }),
+          children: "Group the last one"
+        }
+      ) : null
+    ] }) : null
+  ] });
+}
 
 // src/StageRules.tsx
 var import_jsx_runtime18 = require("react/jsx-runtime");
@@ -5128,38 +5372,38 @@ function draftOf(rule) {
   };
 }
 function StageRulesSection({ tableId, stage, className }) {
-  const client = (0, import_react30.useRecordsClient)();
-  const table = (0, import_react30.useTable)(tableId);
+  const client = (0, import_react31.useRecordsClient)();
+  const table = (0, import_react31.useTable)(tableId);
   const rights = useTableRights(table.data);
-  const fields = (0, import_react30.useFields)(tableId);
-  const [pipeline, setPipeline] = (0, import_react29.useState)(null);
-  const [enforcement, setEnforcement] = (0, import_react29.useState)(null);
-  const [asked, setAsked] = (0, import_react29.useState)(false);
-  const [error, setError] = (0, import_react29.useState)(null);
-  const [chosen, setChosen] = (0, import_react29.useState)(stage ?? null);
-  const [draft, setDraft] = (0, import_react29.useState)(null);
-  const [preview, setPreview] = (0, import_react29.useState)(null);
-  const [previewError, setPreviewError] = (0, import_react29.useState)(null);
-  const [saving, setSaving] = (0, import_react29.useState)(false);
-  const load = (0, import_react29.useCallback)(async () => {
+  const fields = (0, import_react31.useFields)(tableId);
+  const [pipeline, setPipeline] = (0, import_react30.useState)(null);
+  const [enforcement, setEnforcement] = (0, import_react30.useState)(null);
+  const [asked, setAsked] = (0, import_react30.useState)(false);
+  const [error, setError] = (0, import_react30.useState)(null);
+  const [chosen, setChosen] = (0, import_react30.useState)(stage ?? null);
+  const [draft, setDraft] = (0, import_react30.useState)(null);
+  const [preview, setPreview] = (0, import_react30.useState)(null);
+  const [previewError, setPreviewError] = (0, import_react30.useState)(null);
+  const [saving, setSaving] = (0, import_react30.useState)(false);
+  const load = (0, import_react30.useCallback)(async () => {
     const [read, mode] = await Promise.all([client.pipelineRead({ table_id: tableId }), client.stageRuleEnforcement()]);
     if (!read.ok) setError(read.error);
     else setPipeline(read.data);
     if (mode.ok) setEnforcement(mode.data);
     setAsked(true);
   }, [client, tableId]);
-  (0, import_react29.useEffect)(() => {
+  (0, import_react30.useEffect)(() => {
     void load();
   }, [load]);
   const stages = pipeline?.stages ?? [];
   const stageKey = chosen ?? stages.find((s) => !s.retired)?.key ?? null;
   const stageLabel = stages.find((s) => s.key === stageKey)?.label ?? stageKey ?? "";
-  const gates = (0, import_react29.useMemo)(() => stageKey ? gatesOf(pipeline, stageKey) : [], [pipeline, stageKey]);
-  const conditionFields = (0, import_react29.useMemo)(
+  const gates = (0, import_react30.useMemo)(() => stageKey ? gatesOf(pipeline, stageKey) : [], [pipeline, stageKey]);
+  const conditionFields = (0, import_react30.useMemo)(
     () => (fields.data ?? []).map((f) => ({ id: String(f.id), key: f.key, label: fieldName(f) })),
     [fields.data]
   );
-  (0, import_react29.useEffect)(() => {
+  (0, import_react30.useEffect)(() => {
     if (!draft || !stageKey || !draft.demands || Object.keys(draft.demands).length === 0) {
       setPreview(null);
       setPreviewError(null);
@@ -5342,15 +5586,15 @@ function Clause({
   fields,
   onChange
 }) {
-  const [replacing, setReplacing] = (0, import_react29.useState)(false);
-  const drawable = conditionIsSimple(expr) || replacing;
+  const [replacing, setReplacing] = (0, import_react30.useState)(false);
+  const drawable = conditionIsDrawable(expr) || replacing;
   if (drawable) {
     return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-      ConditionRow,
+      ConditionGroup,
       {
         lead,
         emptyLabel,
-        expr: replacing && !conditionIsSimple(expr) ? null : expr,
+        expr: replacing && !conditionIsDrawable(expr) ? null : expr,
         fields,
         onChange
       }
@@ -5381,8 +5625,8 @@ function Clause({
 }
 
 // src/TableSettings.tsx
-var import_react31 = require("react");
-var import_react32 = require("@ai-matrx/records/react");
+var import_react32 = require("react");
+var import_react33 = require("@ai-matrx/records/react");
 var import_design_system16 = require("@ai-matrx/design-system");
 var import_jsx_runtime19 = require("react/jsx-runtime");
 function TableSettings({
@@ -5393,15 +5637,15 @@ function TableSettings({
   onDeleted,
   className
 }) {
-  const table = (0, import_react32.useTable)(tableId);
-  const fields = (0, import_react32.useFields)(tableId);
+  const table = (0, import_react33.useTable)(tableId);
+  const fields = (0, import_react33.useFields)(tableId);
   const rights = useTableRights(table.data);
-  const mutation = (0, import_react32.useRecordMutation)();
-  const shape = (0, import_react32.useFieldMutation)();
-  const [editing, setEditing] = (0, import_react31.useState)(null);
-  const [askingToDelete, setAskingToDelete] = (0, import_react31.useState)(false);
-  const [askingToRemove, setAskingToRemove] = (0, import_react31.useState)(null);
-  const [enriching, setEnriching] = (0, import_react31.useState)(null);
+  const mutation = (0, import_react33.useRecordMutation)();
+  const shape = (0, import_react33.useFieldMutation)();
+  const [editing, setEditing] = (0, import_react32.useState)(null);
+  const [askingToDelete, setAskingToDelete] = (0, import_react32.useState)(false);
+  const [askingToRemove, setAskingToRemove] = (0, import_react32.useState)(null);
+  const [enriching, setEnriching] = (0, import_react32.useState)(null);
   if (table.error) return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(RefusalNotice, { error: table.error, className });
   if (fields.error) return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(RefusalNotice, { error: fields.error, className });
   if (!rights.structure) return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: (0, import_design_system16.cn)("text-xs text-muted-foreground", className), children: rights.why("structure") });
@@ -5572,22 +5816,22 @@ function TableSettings({
 }
 
 // src/Peek.tsx
-var import_react40 = require("react");
-var import_react41 = require("@ai-matrx/records/react");
-var import_react42 = require("@ai-matrx/alchemy/react");
+var import_react41 = require("react");
+var import_react42 = require("@ai-matrx/records/react");
+var import_react43 = require("@ai-matrx/alchemy/react");
 
 // src/RecordChat.tsx
-var import_react33 = require("react");
-var import_react34 = require("@ai-matrx/records/react");
+var import_react34 = require("react");
+var import_react35 = require("@ai-matrx/records/react");
 var import_design_system17 = require("@ai-matrx/design-system");
 var import_jsx_runtime20 = require("react/jsx-runtime");
 var NO_CHAT_REASON = "No chat port is bound, so this panel is absent rather than showing a composer that goes nowhere. Bind `chat` on <RecordsUiProvider> with your host's own chat surface \u2014 in AI Matrx that is `AgentConversationColumn`, launched through a Mandate \u2014 and this panel becomes that surface with this record as its context. This package deliberately ships no second chat UI.";
 function RecordChat({ tableId, recordId, className }) {
-  const client = (0, import_react34.useRecordsClient)();
+  const client = (0, import_react35.useRecordsClient)();
   const host = useRecordsUi();
-  const [scope, setScope] = (0, import_react33.useState)(null);
-  const [error, setError] = (0, import_react33.useState)(null);
-  (0, import_react33.useEffect)(() => {
+  const [scope, setScope] = (0, import_react34.useState)(null);
+  const [error, setError] = (0, import_react34.useState)(null);
+  (0, import_react34.useEffect)(() => {
     let cancelled = false;
     setScope(null);
     setError(null);
@@ -5603,7 +5847,7 @@ function RecordChat({ tableId, recordId, className }) {
       cancelled = true;
     };
   }, [client, recordId]);
-  const context = (0, import_react33.useMemo)(() => {
+  const context = (0, import_react34.useMemo)(() => {
     if (!scope) return null;
     return {
       surfaceKey: `records-ui:record-chat:${recordId}`,
@@ -5704,14 +5948,14 @@ function entriesFor(scope) {
 var import_design_system20 = require("@ai-matrx/design-system");
 
 // src/RecordForm.tsx
-var import_react37 = require("react");
-var import_react38 = require("@ai-matrx/records/react");
+var import_react38 = require("react");
+var import_react39 = require("@ai-matrx/records/react");
 var import_core5 = require("@ai-matrx/records/core");
 var import_design_system18 = require("@ai-matrx/design-system");
 
 // src/systemTable.ts
-var import_react35 = require("react");
-var import_react36 = require("@ai-matrx/records/react");
+var import_react36 = require("react");
+var import_react37 = require("@ai-matrx/records/react");
 var inFlight = /* @__PURE__ */ new Map();
 async function ensureSystemTable(client, spec) {
   const cacheKey = `${client.config.organizationId}:${spec.slug}`;
@@ -5839,11 +6083,11 @@ async function declare(client, spec) {
   return { ok: true, data: table.data };
 }
 function useSystemTable(spec) {
-  const client = (0, import_react36.useRecordsClient)();
-  const [state, setState] = (0, import_react35.useState)({ tableId: null, loading: true, error: null });
+  const client = (0, import_react37.useRecordsClient)();
+  const [state, setState] = (0, import_react36.useState)({ tableId: null, loading: true, error: null });
   const slug = spec.slug;
-  const stable = (0, import_react35.useMemo)(() => spec, [slug]);
-  (0, import_react35.useEffect)(() => {
+  const stable = (0, import_react36.useMemo)(() => spec, [slug]);
+  (0, import_react36.useEffect)(() => {
     let cancelled = false;
     setState({ tableId: null, loading: true, error: null });
     void ensureSystemTable(client, stable).then((result) => {
@@ -5859,9 +6103,9 @@ function useSystemTable(spec) {
   return state;
 }
 function useRecordVersion(recordId) {
-  const client = (0, import_react36.useRecordsClient)();
-  const [version, setVersion] = (0, import_react35.useState)(null);
-  (0, import_react35.useEffect)(() => {
+  const client = (0, import_react37.useRecordsClient)();
+  const [version, setVersion] = (0, import_react36.useState)(null);
+  (0, import_react36.useEffect)(() => {
     let cancelled = false;
     setVersion(null);
     if (!recordId) return;
@@ -5891,18 +6135,18 @@ function RecordForm({
   className
 }) {
   const host = useRecordsUi();
-  const fields = (0, import_react38.useFields)(tableId, recordType);
-  const existing = (0, import_react38.useRecord)(recordId ?? null);
-  const mutation = (0, import_react38.useRecordMutation)();
-  const [draft, setDraft] = (0, import_react37.useState)({});
-  const [touched, setTouched] = (0, import_react37.useState)(false);
+  const fields = (0, import_react39.useFields)(tableId, recordType);
+  const existing = (0, import_react39.useRecord)(recordId ?? null);
+  const mutation = (0, import_react39.useRecordMutation)();
+  const [draft, setDraft] = (0, import_react38.useState)({});
+  const [touched, setTouched] = (0, import_react38.useState)(false);
   const loaded = useRecordVersion(recordId ?? null);
   const loadedVersion = loaded.version;
-  (0, import_react37.useEffect)(() => {
+  (0, import_react38.useEffect)(() => {
     const document3 = existing.data?.document;
     if (document3) setDraft({ ...document3 });
   }, [existing.data?.record_id, loadedVersion]);
-  const document2 = (0, import_react37.useMemo)(() => {
+  const document2 = (0, import_react38.useMemo)(() => {
     const out = {};
     for (const [key, value] of Object.entries(draft)) {
       if (key.startsWith("_")) continue;
@@ -5910,7 +6154,7 @@ function RecordForm({
     }
     return out;
   }, [draft]);
-  const predicted = (0, import_react37.useMemo)(
+  const predicted = (0, import_react38.useMemo)(
     () => fields.data ? (0, import_core5.predictWriteRefusals)({ fields: fields.data, document: document2, ...recordType ? { recordType } : {} }) : [],
     [fields.data, document2, recordType]
   );
@@ -6025,7 +6269,7 @@ function asWords(value) {
 }
 
 // src/ShareControl.tsx
-var import_react39 = require("react");
+var import_react40 = require("react");
 var import_design_system19 = require("@ai-matrx/design-system");
 var import_jsx_runtime22 = require("react/jsx-runtime");
 function useCanShare() {
@@ -6045,7 +6289,7 @@ function ShareControl({
   className
 }) {
   const host = useRecordsUi();
-  const [open, setOpen] = (0, import_react39.useState)(false);
+  const [open, setOpen] = (0, import_react40.useState)(false);
   const asked = useRecordRights(may === void 0 ? subjectId : null);
   const mayShare = may ?? asked.share;
   if (!host.share) return null;
@@ -6077,14 +6321,14 @@ function ShareControl({
 // src/Peek.tsx
 var import_jsx_runtime23 = require("react/jsx-runtime");
 function Peek({ tableId, recordId, onClose, className }) {
-  const table = (0, import_react41.useTable)(tableId);
-  const fields = (0, import_react41.useFields)(tableId);
-  const record = (0, import_react41.useRecord)(recordId, true);
+  const table = (0, import_react42.useTable)(tableId);
+  const fields = (0, import_react42.useFields)(tableId);
+  const record = (0, import_react42.useRecord)(recordId, true);
   const may = useRecordRights(recordId);
   const host = useRecordsUi();
-  const organizationId = (0, import_react41.useRecordsClient)().config.organizationId;
-  const [editing, setEditing] = (0, import_react40.useState)(false);
-  const [talking, setTalking] = (0, import_react40.useState)(false);
+  const organizationId = (0, import_react42.useRecordsClient)().config.organizationId;
+  const [editing, setEditing] = (0, import_react41.useState)(false);
+  const [talking, setTalking] = (0, import_react41.useState)(false);
   if (record.error) return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(RefusalNotice, { error: record.error, className });
   if (fields.error) return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(RefusalNotice, { error: fields.error, className });
   const document2 = record.data?.document;
@@ -6094,7 +6338,7 @@ function Peek({ tableId, recordId, onClose, className }) {
     /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("h3", { className: "min-w-0 flex-1 truncate text-sm font-medium", children: record.loading && !document2 ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_design_system20.Skeleton, { className: "h-4 w-40" }) : title }),
       /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-        import_react42.AlchemyMenu,
+        import_react43.AlchemyMenu,
         {
           label: title || "Record",
           sourceId: `record:${recordId}`,
@@ -6222,6 +6466,37 @@ var LAYOUT_FIELD_KIND = {
   calendar: "date",
   gallery: null
 };
+var PAGE_VIEWS = [...VIEW_LAYOUTS, "dashboards"];
+var PAGE_VIEW_LABEL = {
+  ...LAYOUT_LABEL,
+  dashboards: "Dashboards"
+};
+var PAGE_VIEW_SPELLINGS = {
+  grid: "grid",
+  table: "grid",
+  rows: "grid",
+  list: "grid",
+  kanban: "kanban",
+  board: "kanban",
+  pipeline: "kanban",
+  calendar: "calendar",
+  month: "calendar",
+  schedule: "calendar",
+  gallery: "gallery",
+  cards: "gallery",
+  dashboards: "dashboards",
+  dashboard: "dashboards",
+  charts: "dashboards"
+};
+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.`;
+}
 var LAYOUT_NO_FIELD = {
   grid: "",
   kanban: "This table has no choice field yet, so there is nothing to make columns from. Add a field that holds one of a set of choices \u2014 Add field, then Select \u2014 and it appears here.",
@@ -6287,13 +6562,13 @@ function parseSorts(raw) {
 }
 
 // src/ViewSwitcher.tsx
-var import_react45 = require("react");
-var import_react46 = require("@ai-matrx/records/react");
+var import_react46 = require("react");
+var import_react47 = require("@ai-matrx/records/react");
 var import_design_system22 = require("@ai-matrx/design-system");
 
 // src/Pipeline.tsx
-var import_react43 = require("react");
-var import_react44 = require("@ai-matrx/records/react");
+var import_react44 = require("react");
+var import_react45 = require("@ai-matrx/records/react");
 var import_design_system21 = require("@ai-matrx/design-system");
 var import_jsx_runtime24 = require("react/jsx-runtime");
 var UNPLACED = "\0unplaced";
@@ -6326,24 +6601,24 @@ function PipelineBoard({
   onMoved,
   className
 }) {
-  const client = (0, import_react44.useRecordsClient)();
-  const fields = (0, import_react44.useFields)(tableId);
-  const [definition, setDefinition] = (0, import_react43.useState)(null);
-  const [columns, setColumns] = (0, import_react43.useState)([]);
-  const [error, setError] = (0, import_react43.useState)(null);
-  const [loading, setLoading] = (0, import_react43.useState)(true);
-  const [pending, setPending] = (0, import_react43.useState)({ kind: "none" });
-  const [waiting, setWaiting] = (0, import_react43.useState)(/* @__PURE__ */ new Map());
-  const [dragging, setDragging] = (0, import_react43.useState)(null);
-  const [over, setOver] = (0, import_react43.useState)(null);
-  const alive = (0, import_react43.useRef)(true);
-  (0, import_react43.useEffect)(() => {
+  const client = (0, import_react45.useRecordsClient)();
+  const fields = (0, import_react45.useFields)(tableId);
+  const [definition, setDefinition] = (0, import_react44.useState)(null);
+  const [columns, setColumns] = (0, import_react44.useState)([]);
+  const [error, setError] = (0, import_react44.useState)(null);
+  const [loading, setLoading] = (0, import_react44.useState)(true);
+  const [pending, setPending] = (0, import_react44.useState)({ kind: "none" });
+  const [waiting, setWaiting] = (0, import_react44.useState)(/* @__PURE__ */ new Map());
+  const [dragging, setDragging] = (0, import_react44.useState)(null);
+  const [over, setOver] = (0, import_react44.useState)(null);
+  const alive = (0, import_react44.useRef)(true);
+  (0, import_react44.useEffect)(() => {
     alive.current = true;
     return () => {
       alive.current = false;
     };
   }, []);
-  const reload = (0, import_react43.useCallback)(async () => {
+  const reload = (0, import_react44.useCallback)(async () => {
     setLoading(true);
     const [read, board, held] = await Promise.all([
       client.pipelineRead({ table_id: tableId }),
@@ -6361,11 +6636,11 @@ function PipelineBoard({
     setWaiting(held.ok ? new Map((held.data ?? []).map((p) => [p.record_id, p])) : /* @__PURE__ */ new Map());
     setColumns(board.ok ? board.data ?? [] : []);
   }, [client, tableId, measure]);
-  (0, import_react43.useEffect)(() => {
+  (0, import_react44.useEffect)(() => {
     void reload();
   }, [reload]);
   const stageKey = definition?.stage_field ?? null;
-  const cardsByStage = (0, import_react43.useMemo)(() => {
+  const cardsByStage = (0, import_react44.useMemo)(() => {
     const map = /* @__PURE__ */ new Map();
     if (!stageKey) return map;
     for (const row of rows) {
@@ -6376,15 +6651,16 @@ function PipelineBoard({
   }, [rows, stageKey, definition?.stages]);
   const unplaced = cardsByStage.get(UNPLACED) ?? [];
   const all = fields.data ?? [];
-  const titleField = (0, import_react43.useMemo)(
+  const titleField = (0, import_react44.useMemo)(
     () => all.find((f) => f.key !== stageKey) ?? all[0],
     [all, stageKey]
   );
-  const measurable = (0, import_react43.useMemo)(
+  const unplacedLabels = useRecordLabels(titleField ? [titleField] : []);
+  const measurable = (0, import_react44.useMemo)(
     () => all.filter((f) => ["number", "currency", "percentage"].includes(String(f.type ?? ""))),
     [all]
   );
-  const drop = (0, import_react43.useCallback)(
+  const drop = (0, import_react44.useCallback)(
     async (recordId, to) => {
       setOver(null);
       setDragging(null);
@@ -6423,7 +6699,7 @@ function PipelineBoard({
     },
     [client, onMoved, reload]
   );
-  const askForApproval = (0, import_react43.useCallback)(
+  const askForApproval = (0, import_react44.useCallback)(
     async (recordId, to) => {
       const moved = await client.pipelineMove({ record_id: recordId, to });
       if (!alive.current) return;
@@ -6437,7 +6713,7 @@ function PipelineBoard({
     },
     [client, reload]
   );
-  const moveWith = (0, import_react43.useCallback)(
+  const moveWith = (0, import_react44.useCallback)(
     async (recordId, to, also) => {
       const moved = await client.pipelineMove({ record_id: recordId, to, also });
       if (!alive.current) return;
@@ -6550,7 +6826,7 @@ function PipelineBoard({
     unplaced.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("p", { className: "text-xs text-muted-foreground", "data-testid": "pipeline-unplaced", children: [
       unplaced.length === 1 ? "One record is" : `${unplaced.length} records are`,
       " not in any of these columns \u2014 ",
-      unplaced.slice(0, 3).map((r) => rowName(r, titleField?.key ?? null, "Untitled")).join(", "),
+      unplaced.slice(0, 3).map((r) => unplacedName(r, titleField, unplacedLabels)).join(", "),
       unplaced.length > 3 ? ` and ${unplaced.length - 3} more` : "",
       ". Their stage is not one this pipeline offers, so nothing here can draw them; open one from the grid to move it."
     ] }) : null
@@ -6566,7 +6842,7 @@ function Held({
   onFill,
   onAsk
 }) {
-  const [draft, setDraft] = (0, import_react43.useState)({});
+  const [draft, setDraft] = (0, import_react44.useState)({});
   if (pending.kind === "asking") {
     return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "px-2 py-1 text-xs text-muted-foreground", children: "Asking\u2026" });
   }
@@ -6653,7 +6929,7 @@ function Card({
   stages
 }) {
   const labels = useRecordLabels(field ? [field] : []);
-  const draggable = (0, import_react44.mayDrag)(record.level);
+  const draggable = (0, import_react45.mayDrag)(record.level);
   const label = field ? scalarText(field, (record.document ?? {})[field.key], labels) : rowName(record, null, "Untitled");
   return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
     "button",
@@ -6687,20 +6963,24 @@ function Card({
     }
   );
 }
+function unplacedName(record, field, labels) {
+  if (!field) return rowName(record, null, "Untitled");
+  return scalarText(field, (record.document ?? {})[field.key], labels);
+}
 
 // src/ViewSwitcher.tsx
 var import_jsx_runtime25 = require("react/jsx-runtime");
 var NO_FIELDS = [];
 function useViewRecords(view, pageSize = 200) {
-  const client = (0, import_react46.useRecordsClient)();
-  const table = (0, import_react46.useRecords)(view.ruleId ? null : view.subject, { pageSize });
-  const [ruled, setRuled] = (0, import_react45.useState)({
+  const client = (0, import_react47.useRecordsClient)();
+  const table = (0, import_react47.useRecords)(view.ruleId ? null : view.subject, { pageSize });
+  const [ruled, setRuled] = (0, import_react46.useState)({
     rows: [],
     loading: Boolean(view.ruleId),
     error: null
   });
   const ruleId = view.ruleId ?? null;
-  (0, import_react45.useEffect)(() => {
+  (0, import_react46.useEffect)(() => {
     if (!ruleId) return;
     let cancelled = false;
     setRuled({ rows: [], loading: true, error: null });
@@ -6750,9 +7030,9 @@ function ViewSwitcher({
   pageSize = 200,
   className
 }) {
-  const [layout, setLayout] = (0, import_react45.useState)(view.layout);
-  const [local, setLocal] = (0, import_react45.useState)({});
-  (0, import_react45.useEffect)(() => {
+  const [layout, setLayout] = (0, import_react46.useState)(view.layout);
+  const [local, setLocal] = (0, import_react46.useState)({});
+  (0, import_react46.useEffect)(() => {
     setLayout(view.layout);
     setLocal({});
   }, [view.layout, view.name, view.subject]);
@@ -6812,12 +7092,12 @@ function offerableFields(all, want) {
   });
 }
 function useStageField(tableId) {
-  const client = (0, import_react46.useRecordsClient)();
-  const [stage, setStage] = (0, import_react45.useState)({
+  const client = (0, import_react47.useRecordsClient)();
+  const [stage, setStage] = (0, import_react46.useState)({
     asked: false,
     key: null
   });
-  (0, import_react45.useEffect)(() => {
+  (0, import_react46.useEffect)(() => {
     let cancelled = false;
     setStage({ asked: false, key: null });
     void client.tableStageField({ table_id: tableId }).then((r) => {
@@ -6848,7 +7128,7 @@ function Board({
   onOpenRecord,
   onMoved
 }) {
-  const fields = (0, import_react46.useFields)(view.subject);
+  const fields = (0, import_react47.useFields)(view.subject);
   const records = useViewRecords(view, pageSize);
   const stage = useStageField(view.subject);
   if (fields.error) return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(RefusalNotice, { error: fields.error });
@@ -6958,9 +7238,9 @@ function Kanban({
   onOpenRecord,
   note
 }) {
-  const groupFields = (0, import_react45.useMemo)(() => [groupField], [groupField]);
+  const groupFields = (0, import_react46.useMemo)(() => [groupField], [groupField]);
   const labels = useRecordLabels(groupFields);
-  const columns = (0, import_react45.useMemo)(() => {
+  const columns = (0, import_react46.useMemo)(() => {
     const map = /* @__PURE__ */ new Map();
     for (const row of rows) {
       const raw = (row.document ?? {})[groupField.key];
@@ -6987,7 +7267,7 @@ function Calendar({
   onOpenRecord,
   note
 }) {
-  const { days, undated } = (0, import_react45.useMemo)(() => {
+  const { days, undated } = (0, import_react46.useMemo)(() => {
     const byDay = /* @__PURE__ */ new Map();
     const without = [];
     for (const row of rows) {
@@ -7060,7 +7340,7 @@ function Card2({
   onOpenRecord
 }) {
   const host = useRecordsUi();
-  const wanted = (0, import_react45.useMemo)(
+  const wanted = (0, import_react46.useMemo)(
     () => field && pointsAtRecords(field) ? [field] : NO_FIELDS,
     [field]
   );
@@ -7082,15 +7362,15 @@ function Card2({
 }
 
 // src/ViewBar.tsx
-var import_react48 = require("react");
-var import_react49 = require("@ai-matrx/records/react");
+var import_react49 = require("react");
+var import_react50 = require("@ai-matrx/records/react");
 var import_design_system23 = require("@ai-matrx/design-system");
 
 // src/seedOnce.ts
-var import_react47 = require("react");
+var import_react48 = require("react");
 function useSeedGuard() {
-  const claimed = (0, import_react47.useRef)(/* @__PURE__ */ new Set());
-  return (0, import_react47.useCallback)((name) => {
+  const claimed = (0, import_react48.useRef)(/* @__PURE__ */ new Set());
+  return (0, import_react48.useCallback)((name) => {
     if (claimed.current.has(name)) return false;
     claimed.current.add(name);
     return true;
@@ -7098,22 +7378,22 @@ function useSeedGuard() {
 }
 
 // src/ViewBar.tsx
-var import_react50 = require("@ai-matrx/records/react");
+var import_react51 = require("@ai-matrx/records/react");
 var import_jsx_runtime26 = require("react/jsx-runtime");
 var SAVED_VIEWS_UNAVAILABLE = "Saved views are not available in this organization right now, so the layout you pick here is not being kept. Everything else on this table works as usual.";
 function ViewBar({ tableId, activeViewId, onActiveView, seed, className }) {
-  const client = (0, import_react49.useRecordsClient)();
+  const client = (0, import_react50.useRecordsClient)();
   const claimSeed = useSeedGuard();
-  const table = (0, import_react50.useTable)(tableId);
+  const table = (0, import_react51.useTable)(tableId);
   const rights = useTableRights(table.data);
   const home = useSystemTable(VIEW_TABLE);
-  const [views, setViews] = (0, import_react48.useState)(null);
-  const [error, setError] = (0, import_react48.useState)(null);
-  const [active, setActive] = (0, import_react48.useState)(activeViewId ?? null);
-  const [naming, setNaming] = (0, import_react48.useState)(false);
-  const [draftName, setDraftName] = (0, import_react48.useState)("");
+  const [views, setViews] = (0, import_react49.useState)(null);
+  const [error, setError] = (0, import_react49.useState)(null);
+  const [active, setActive] = (0, import_react49.useState)(activeViewId ?? null);
+  const [naming, setNaming] = (0, import_react49.useState)(false);
+  const [draftName, setDraftName] = (0, import_react49.useState)("");
   const viewTableId = home.tableId;
-  const load = (0, import_react48.useCallback)(async () => {
+  const load = (0, import_react49.useCallback)(async () => {
     if (!viewTableId) return;
     const result = await client.list({ table_id: viewTableId, limit: 500 });
     if (!result.ok) {
@@ -7145,10 +7425,10 @@ function ViewBar({ tableId, activeViewId, onActiveView, seed, className }) {
     setError(null);
     setViews(mine);
   }, [client, viewTableId, tableId, seed]);
-  (0, import_react48.useEffect)(() => {
+  (0, import_react49.useEffect)(() => {
     void load();
   }, [load]);
-  (0, import_react48.useEffect)(() => {
+  (0, import_react49.useEffect)(() => {
     if (!views || views.length === 0) return;
     const chosen = views.find((v) => v.id === (activeViewId ?? active)) ?? views.find((v) => v.isDefault) ?? views[0];
     if (chosen.id !== active) setActive(chosen.id);
@@ -7222,8 +7502,8 @@ function ViewBar({ tableId, activeViewId, onActiveView, seed, className }) {
 }
 
 // src/ProposalRow.tsx
-var import_react51 = require("react");
-var import_react52 = require("@ai-matrx/records/react");
+var import_react52 = require("react");
+var import_react53 = require("@ai-matrx/records/react");
 var import_design_system24 = require("@ai-matrx/design-system");
 var import_jsx_runtime27 = require("react/jsx-runtime");
 var ACT_WORD = {
@@ -7240,10 +7520,10 @@ function ProposalRow({
   onSettled,
   className
 }) {
-  const client = (0, import_react52.useRecordsClient)();
-  const [settled, setSettled] = (0, import_react51.useState)(outcome ?? null);
-  const [busy, setBusy] = (0, import_react51.useState)(false);
-  const [confirming, setConfirming] = (0, import_react51.useState)(false);
+  const client = (0, import_react53.useRecordsClient)();
+  const [settled, setSettled] = (0, import_react52.useState)(outcome ?? null);
+  const [busy, setBusy] = (0, import_react52.useState)(false);
+  const [confirming, setConfirming] = (0, import_react52.useState)(false);
   async function applyThroughTheStore() {
     if (change.act === "add") {
       if (!change.table) {
@@ -7328,13 +7608,13 @@ function ProposalRow({
 }
 
 // src/ActionInbox.tsx
-var import_react55 = require("react");
-var import_react56 = require("@ai-matrx/records/react");
+var import_react56 = require("react");
+var import_react57 = require("@ai-matrx/records/react");
 var import_design_system26 = require("@ai-matrx/design-system");
 
 // src/ChecklistRunner.tsx
-var import_react53 = require("react");
-var import_react54 = require("@ai-matrx/records/react");
+var import_react54 = require("react");
+var import_react55 = require("@ai-matrx/records/react");
 var import_design_system25 = require("@ai-matrx/design-system");
 var import_jsx_runtime28 = require("react/jsx-runtime");
 var DUE_WORD = {
@@ -7361,18 +7641,18 @@ function ChecklistRunner({
   offerToStart,
   className
 }) {
-  const client = (0, import_react54.useRecordsClient)();
-  const table = (0, import_react54.useTable)(tableId ?? null);
+  const client = (0, import_react55.useRecordsClient)();
+  const table = (0, import_react55.useTable)(tableId ?? null);
   const rights = useTableRights(table.data);
-  const [runs, setRuns] = (0, import_react53.useState)(null);
-  const [activeId, setActiveId] = (0, import_react53.useState)(runId ?? null);
-  const [steps, setSteps] = (0, import_react53.useState)(null);
-  const [templates, setTemplates] = (0, import_react53.useState)(null);
-  const [error, setError] = (0, import_react53.useState)(null);
-  const [busy, setBusy] = (0, import_react53.useState)(null);
-  const [said, setSaid] = (0, import_react53.useState)(null);
+  const [runs, setRuns] = (0, import_react54.useState)(null);
+  const [activeId, setActiveId] = (0, import_react54.useState)(runId ?? null);
+  const [steps, setSteps] = (0, import_react54.useState)(null);
+  const [templates, setTemplates] = (0, import_react54.useState)(null);
+  const [error, setError] = (0, import_react54.useState)(null);
+  const [busy, setBusy] = (0, import_react54.useState)(null);
+  const [said, setSaid] = (0, import_react54.useState)(null);
   const mayStart = offerToStart ?? Boolean(recordId);
-  const loadRuns = (0, import_react53.useCallback)(async () => {
+  const loadRuns = (0, import_react54.useCallback)(async () => {
     if (runId) {
       setRuns(null);
       return;
@@ -7394,13 +7674,13 @@ function ChecklistRunner({
       (held) => held && answered.data.some((r) => r.run_id === held) ? held : answered.data[0]?.run_id ?? null
     );
   }, [client, includeClosed, recordId, runId, tableId]);
-  (0, import_react53.useEffect)(() => {
+  (0, import_react54.useEffect)(() => {
     void loadRuns();
   }, [loadRuns]);
-  (0, import_react53.useEffect)(() => {
+  (0, import_react54.useEffect)(() => {
     if (runId) setActiveId(runId);
   }, [runId]);
-  const loadSteps = (0, import_react53.useCallback)(async () => {
+  const loadSteps = (0, import_react54.useCallback)(async () => {
     if (!activeId) {
       setSteps(null);
       return;
@@ -7414,10 +7694,10 @@ function ChecklistRunner({
     setError(null);
     setSteps(answered.data);
   }, [client, activeId]);
-  (0, import_react53.useEffect)(() => {
+  (0, import_react54.useEffect)(() => {
     void loadSteps();
   }, [loadSteps]);
-  (0, import_react53.useEffect)(() => {
+  (0, import_react54.useEffect)(() => {
     if (!mayStart || !tableId) return;
     let cancelled = false;
     void client.checklistTemplates({ about_table_id: tableId, limit: 50 }).then((answered) => {
@@ -7428,7 +7708,7 @@ function ChecklistRunner({
       cancelled = true;
     };
   }, [client, mayStart, tableId]);
-  const start = (0, import_react53.useCallback)(
+  const start = (0, import_react54.useCallback)(
     async (templateId) => {
       setBusy(templateId);
       setSaid(null);
@@ -7450,7 +7730,7 @@ function ChecklistRunner({
     },
     [client, loadRuns, recordId]
   );
-  const complete = (0, import_react53.useCallback)(
+  const complete = (0, import_react54.useCallback)(
     async (step2, evidence) => {
       setBusy(step2.step_id);
       setSaid(null);
@@ -7467,7 +7747,7 @@ function ChecklistRunner({
     },
     [client, loadSteps, loadRuns]
   );
-  const active = (0, import_react53.useMemo)(
+  const active = (0, import_react54.useMemo)(
     () => runs?.find((r) => r.run_id === activeId) ?? null,
     [runs, activeId]
   );
@@ -7537,7 +7817,7 @@ function StepRow({
   onComplete,
   className
 }) {
-  const [answer, setAnswer] = (0, import_react53.useState)("");
+  const [answer, setAnswer] = (0, import_react54.useState)("");
   const key = step2.requires_key ?? (step2.requires === "note" ? "note" : null);
   const asksHere = step2.requires === "note" || step2.requires === "answer";
   const needsAnswer = asksHere && answer.trim().length === 0;
@@ -7610,12 +7890,12 @@ function StepRow({
   );
 }
 function useMyChecklistSteps(limit = 25) {
-  const client = (0, import_react54.useRecordsClient)();
+  const client = (0, import_react55.useRecordsClient)();
   const me = client.config.actor.user_id ?? null;
-  const [steps, setSteps] = (0, import_react53.useState)([]);
-  const [loading, setLoading] = (0, import_react53.useState)(true);
-  const [error, setError] = (0, import_react53.useState)(null);
-  const refresh = (0, import_react53.useCallback)(async () => {
+  const [steps, setSteps] = (0, import_react54.useState)([]);
+  const [loading, setLoading] = (0, import_react54.useState)(true);
+  const [error, setError] = (0, import_react54.useState)(null);
+  const refresh = (0, import_react54.useCallback)(async () => {
     if (!me) {
       setSteps([]);
       setLoading(false);
@@ -7643,17 +7923,17 @@ function useMyChecklistSteps(limit = 25) {
     setSteps(held);
     setLoading(false);
   }, [client, limit, me]);
-  (0, import_react53.useEffect)(() => {
+  (0, import_react54.useEffect)(() => {
     void refresh();
   }, [refresh]);
   return { steps, loading, error, refresh };
 }
 function MyChecklistSteps({ className }) {
-  const client = (0, import_react54.useRecordsClient)();
+  const client = (0, import_react55.useRecordsClient)();
   const { steps, loading, error, refresh } = useMyChecklistSteps();
-  const [busy, setBusy] = (0, import_react53.useState)(null);
-  const [refusal, setRefusal] = (0, import_react53.useState)(null);
-  const complete = (0, import_react53.useCallback)(
+  const [busy, setBusy] = (0, import_react54.useState)(null);
+  const [refusal, setRefusal] = (0, import_react54.useState)(null);
+  const complete = (0, import_react54.useCallback)(
     async (step2, evidence) => {
       setBusy(step2.step_id);
       const answered = await client.checklistStepComplete({ step_id: step2.step_id, evidence });
@@ -7688,15 +7968,15 @@ function MyChecklistSteps({ className }) {
   ] });
 }
 function ChecklistsPanel({ tableId, onOpenRecord, className }) {
-  const client = (0, import_react54.useRecordsClient)();
-  const table = (0, import_react54.useTable)(tableId);
+  const client = (0, import_react55.useRecordsClient)();
+  const table = (0, import_react55.useTable)(tableId);
   const rights = useTableRights(table.data);
-  const [templates, setTemplates] = (0, import_react53.useState)(null);
-  const [runs, setRuns] = (0, import_react53.useState)(null);
-  const [error, setError] = (0, import_react53.useState)(null);
-  const [editing, setEditing] = (0, import_react53.useState)(null);
-  const [openRun, setOpenRun] = (0, import_react53.useState)(null);
-  const load = (0, import_react53.useCallback)(async () => {
+  const [templates, setTemplates] = (0, import_react54.useState)(null);
+  const [runs, setRuns] = (0, import_react54.useState)(null);
+  const [error, setError] = (0, import_react54.useState)(null);
+  const [editing, setEditing] = (0, import_react54.useState)(null);
+  const [openRun, setOpenRun] = (0, import_react54.useState)(null);
+  const load = (0, import_react54.useCallback)(async () => {
     const [t, r] = await Promise.all([
       client.checklistTemplates({ about_table_id: tableId, limit: 100 }),
       client.checklistRuns({ about_table_id: tableId, includeClosed: true, limit: 100 })
@@ -7710,7 +7990,7 @@ function ChecklistsPanel({ tableId, onOpenRecord, className }) {
     if (!r.ok) setRuns([]);
     else setRuns(r.data);
   }, [client, tableId]);
-  (0, import_react53.useEffect)(() => {
+  (0, import_react54.useEffect)(() => {
     void load();
   }, [load]);
   if (templates === null) return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_design_system25.Skeleton, { className: (0, import_design_system25.cn)("h-40 w-full", className) });
@@ -7849,14 +8129,14 @@ function ChecklistTemplateEditor({
   onDone,
   className
 }) {
-  const client = (0, import_react54.useRecordsClient)();
-  const [name, setName] = (0, import_react53.useState)("");
-  const [rows, setRows] = (0, import_react53.useState)([{ ...EMPTY_ROW }]);
-  const [refusal, setRefusal] = (0, import_react53.useState)(null);
-  const [error, setError] = (0, import_react53.useState)(null);
-  const [busy, setBusy] = (0, import_react53.useState)(false);
-  const [loading, setLoading] = (0, import_react53.useState)(Boolean(templateId));
-  (0, import_react53.useEffect)(() => {
+  const client = (0, import_react55.useRecordsClient)();
+  const [name, setName] = (0, import_react54.useState)("");
+  const [rows, setRows] = (0, import_react54.useState)([{ ...EMPTY_ROW }]);
+  const [refusal, setRefusal] = (0, import_react54.useState)(null);
+  const [error, setError] = (0, import_react54.useState)(null);
+  const [busy, setBusy] = (0, import_react54.useState)(false);
+  const [loading, setLoading] = (0, import_react54.useState)(Boolean(templateId));
+  (0, import_react54.useEffect)(() => {
     if (!templateId) return;
     let cancelled = false;
     void client.checklistTemplateShape({ template_id: templateId }).then((answered) => {
@@ -7884,7 +8164,7 @@ function ChecklistTemplateEditor({
       cancelled = true;
     };
   }, [client, templateId]);
-  const spec = (0, import_react53.useMemo)(
+  const spec = (0, import_react54.useMemo)(
     () => ({
       name: name.trim(),
       about_table_id: aboutTableId,
@@ -7893,7 +8173,7 @@ function ChecklistTemplateEditor({
     }),
     [aboutTableId, name, rows]
   );
-  (0, import_react53.useEffect)(() => {
+  (0, import_react54.useEffect)(() => {
     if (spec.steps.length === 0 || spec.name.length === 0) {
       setRefusal(null);
       return;
@@ -7907,7 +8187,7 @@ function ChecklistTemplateEditor({
       cancelled = true;
     };
   }, [client, spec]);
-  const save = (0, import_react53.useCallback)(async () => {
+  const save = (0, import_react54.useCallback)(async () => {
     setBusy(true);
     const answered = await client.checklistDeclare({
       spec,
@@ -8072,14 +8352,14 @@ var DUE_WORD2 = {
   finished: "Finished"
 };
 function ActionInbox({ tableId, includeSettled = false, onOpenRecord, className }) {
-  const client = (0, import_react56.useRecordsClient)();
-  const [items, setItems] = (0, import_react55.useState)(null);
-  const [error, setError] = (0, import_react55.useState)(null);
-  const [outcome, setOutcome] = (0, import_react55.useState)({});
-  const [busy, setBusy] = (0, import_react55.useState)(null);
-  const [cursor, setCursor] = (0, import_react55.useState)(0);
-  const listRef = (0, import_react55.useRef)(null);
-  const load = (0, import_react55.useCallback)(async () => {
+  const client = (0, import_react57.useRecordsClient)();
+  const [items, setItems] = (0, import_react56.useState)(null);
+  const [error, setError] = (0, import_react56.useState)(null);
+  const [outcome, setOutcome] = (0, import_react56.useState)({});
+  const [busy, setBusy] = (0, import_react56.useState)(null);
+  const [cursor, setCursor] = (0, import_react56.useState)(0);
+  const listRef = (0, import_react56.useRef)(null);
+  const load = (0, import_react56.useCallback)(async () => {
     const result = await client.workInbox({ limit: 200, includeDecided: includeSettled });
     if (!result.ok) {
       setError(result.error);
@@ -8089,22 +8369,22 @@ function ActionInbox({ tableId, includeSettled = false, onOpenRecord, className
     setError(null);
     setItems(result.data);
   }, [client, includeSettled]);
-  (0, import_react55.useEffect)(() => {
+  (0, import_react56.useEffect)(() => {
     void load();
   }, [load]);
-  const shown = (0, import_react55.useMemo)(() => {
+  const shown = (0, import_react56.useMemo)(() => {
     const all = items ?? [];
     if (!tableId) return all;
     return all.filter((i) => i.kind !== "assignment" || i.subject_kind !== "record" || true);
   }, [items, tableId]);
-  (0, import_react55.useEffect)(() => {
+  (0, import_react56.useEffect)(() => {
     if (cursor >= shown.length) setCursor(Math.max(0, shown.length - 1));
   }, [shown.length, cursor]);
-  (0, import_react55.useEffect)(() => {
+  (0, import_react56.useEffect)(() => {
     const el = listRef.current?.querySelector(`[data-row="${cursor}"]`);
     el?.scrollIntoView({ block: "nearest" });
   }, [cursor, shown.length]);
-  const decide = (0, import_react55.useCallback)(
+  const decide = (0, import_react56.useCallback)(
     async (item, approve) => {
       if (item.kind === "assignment") return;
       setBusy(item.item_id);
@@ -8119,14 +8399,14 @@ function ActionInbox({ tableId, includeSettled = false, onOpenRecord, className
     },
     [client, load]
   );
-  const open = (0, import_react55.useCallback)(
+  const open = (0, import_react56.useCallback)(
     (item) => {
       if (!onOpenRecord || !item.subject_id) return;
       onOpenRecord(item.subject_id, tableId ?? item.subject_id);
     },
     [onOpenRecord, tableId]
   );
-  const onKeyDown = (0, import_react55.useCallback)(
+  const onKeyDown = (0, import_react56.useCallback)(
     (event) => {
       const item = shown[cursor];
       const key = event.key;
@@ -8226,22 +8506,22 @@ function ActionInbox({ tableId, includeSettled = false, onOpenRecord, className
 }
 
 // src/HistoryPanel.tsx
-var import_react57 = require("react");
-var import_react58 = require("@ai-matrx/records/react");
+var import_react58 = require("react");
+var import_react59 = require("@ai-matrx/records/react");
 var import_design_system27 = require("@ai-matrx/design-system");
 var import_jsx_runtime30 = require("react/jsx-runtime");
 function HistoryPanel({ tableId, recordId, onAskAboutField, className }) {
-  const client = (0, import_react58.useRecordsClient)();
-  const table = (0, import_react58.useTable)(tableId);
-  const fields = (0, import_react58.useFields)(tableId);
+  const client = (0, import_react59.useRecordsClient)();
+  const table = (0, import_react59.useTable)(tableId);
+  const fields = (0, import_react59.useFields)(tableId);
   const rights = useTableRights(table.data);
-  const [entries, setEntries] = (0, import_react57.useState)(null);
-  const [error, setError] = (0, import_react57.useState)(null);
-  const [open, setOpen] = (0, import_react57.useState)(null);
-  const [pending, setPending] = (0, import_react57.useState)({ phase: "idle" });
-  const [said, setSaid] = (0, import_react57.useState)(null);
-  const listRef = (0, import_react57.useRef)(null);
-  const load = (0, import_react57.useCallback)(async () => {
+  const [entries, setEntries] = (0, import_react58.useState)(null);
+  const [error, setError] = (0, import_react58.useState)(null);
+  const [open, setOpen] = (0, import_react58.useState)(null);
+  const [pending, setPending] = (0, import_react58.useState)({ phase: "idle" });
+  const [said, setSaid] = (0, import_react58.useState)(null);
+  const listRef = (0, import_react58.useRef)(null);
+  const load = (0, import_react58.useCallback)(async () => {
     const answered = await client.recordHistory({ record_id: recordId });
     if (!answered.ok) {
       setError(answered.error);
@@ -8250,7 +8530,7 @@ function HistoryPanel({ tableId, recordId, onAskAboutField, className }) {
     setError(null);
     setEntries(answered.data);
   }, [client, recordId]);
-  (0, import_react57.useEffect)(() => {
+  (0, import_react58.useEffect)(() => {
     void load();
   }, [load]);
   if (error) return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(RefusalNotice, { error, className });
@@ -8531,27 +8811,27 @@ function say(value, field) {
 }
 
 // src/CommentThread.tsx
-var import_react59 = require("react");
-var import_react60 = require("@ai-matrx/records/react");
+var import_react60 = require("react");
+var import_react61 = require("@ai-matrx/records/react");
 var import_design_system28 = require("@ai-matrx/design-system");
 var import_jsx_runtime31 = require("react/jsx-runtime");
 function CommentThread({ tableId, recordId, fieldKey, className }) {
-  const client = (0, import_react60.useRecordsClient)();
-  const table = (0, import_react60.useTable)(tableId);
-  const fields = (0, import_react60.useFields)(tableId);
+  const client = (0, import_react61.useRecordsClient)();
+  const table = (0, import_react61.useTable)(tableId);
+  const fields = (0, import_react61.useFields)(tableId);
   const host = useRecordsUi();
-  const [thread, setThread] = (0, import_react59.useState)(null);
-  const [error, setError] = (0, import_react59.useState)(null);
-  const [draft, setDraft] = (0, import_react59.useState)("");
-  const [replyTo, setReplyTo] = (0, import_react59.useState)(null);
-  const [busy, setBusy] = (0, import_react59.useState)(false);
-  const [said, setSaid] = (0, import_react59.useState)(null);
-  const [showResolved, setShowResolved] = (0, import_react59.useState)(false);
-  const [people, setPeople] = (0, import_react59.useState)([]);
-  const [mentionQuery, setMentionQuery] = (0, import_react59.useState)(null);
-  const [picked, setPicked] = (0, import_react59.useState)([]);
-  const box = (0, import_react59.useRef)(null);
-  const load = (0, import_react59.useCallback)(async () => {
+  const [thread, setThread] = (0, import_react60.useState)(null);
+  const [error, setError] = (0, import_react60.useState)(null);
+  const [draft, setDraft] = (0, import_react60.useState)("");
+  const [replyTo, setReplyTo] = (0, import_react60.useState)(null);
+  const [busy, setBusy] = (0, import_react60.useState)(false);
+  const [said, setSaid] = (0, import_react60.useState)(null);
+  const [showResolved, setShowResolved] = (0, import_react60.useState)(false);
+  const [people, setPeople] = (0, import_react60.useState)([]);
+  const [mentionQuery, setMentionQuery] = (0, import_react60.useState)(null);
+  const [picked, setPicked] = (0, import_react60.useState)([]);
+  const box = (0, import_react60.useRef)(null);
+  const load = (0, import_react60.useCallback)(async () => {
     const answered = await client.commentThread({ record_id: recordId, include_resolved: showResolved });
     if (!answered.ok) {
       setError(answered.error);
@@ -8564,10 +8844,10 @@ function CommentThread({ tableId, recordId, fieldKey, className }) {
       mayResolve: answered.data.may_resolve
     });
   }, [client, recordId, showResolved]);
-  (0, import_react59.useEffect)(() => {
+  (0, import_react60.useEffect)(() => {
     void load();
   }, [load]);
-  (0, import_react59.useEffect)(() => {
+  (0, import_react60.useEffect)(() => {
     let alive = true;
     if (!host.members) return;
     void host.members().then((roster) => {
@@ -8584,7 +8864,7 @@ function CommentThread({ tableId, recordId, fieldKey, className }) {
       alive = false;
     };
   }, [host]);
-  const candidates = (0, import_react59.useMemo)(() => {
+  const candidates = (0, import_react60.useMemo)(() => {
     if (mentionQuery === null) return [];
     const q = mentionQuery.trim().toLowerCase();
     return people.filter((p) => !picked.some((already) => already.userId === p.userId)).filter((p) => q === "" || (p.name ?? p.email ?? "").toLowerCase().includes(q)).slice(0, 6);
@@ -8770,8 +9050,8 @@ function Line({
 }
 
 // src/FieldHistoryPanel.tsx
-var import_react61 = require("react");
-var import_react62 = require("@ai-matrx/records/react");
+var import_react62 = require("react");
+var import_react63 = require("@ai-matrx/records/react");
 var import_design_system29 = require("@ai-matrx/design-system");
 var import_jsx_runtime32 = require("react/jsx-runtime");
 function FieldHistoryPanel({
@@ -8782,15 +9062,15 @@ function FieldHistoryPanel({
   onOpenRecord,
   className
 }) {
-  const client = (0, import_react62.useRecordsClient)();
-  const table = (0, import_react62.useTable)(tableId);
-  const fields = (0, import_react62.useFields)(tableId);
+  const client = (0, import_react63.useRecordsClient)();
+  const table = (0, import_react63.useTable)(tableId);
+  const fields = (0, import_react63.useFields)(tableId);
   const rights = useTableRights(table.data);
-  const [rows, setRows] = (0, import_react61.useState)(null);
-  const [error, setError] = (0, import_react61.useState)(null);
-  const [pending, setPending] = (0, import_react61.useState)({ phase: "idle" });
-  const [said, setSaid] = (0, import_react61.useState)(null);
-  const load = (0, import_react61.useCallback)(async () => {
+  const [rows, setRows] = (0, import_react62.useState)(null);
+  const [error, setError] = (0, import_react62.useState)(null);
+  const [pending, setPending] = (0, import_react62.useState)({ phase: "idle" });
+  const [said, setSaid] = (0, import_react62.useState)(null);
+  const load = (0, import_react62.useCallback)(async () => {
     const answered = await client.fieldHistory(
       recordId ? { table_id: tableId, field_key: fieldKey, record_id: recordId } : { table_id: tableId, field_key: fieldKey }
     );
@@ -8801,7 +9081,7 @@ function FieldHistoryPanel({
     setError(null);
     setRows(answered.data);
   }, [client, tableId, fieldKey, recordId]);
-  (0, import_react61.useEffect)(() => {
+  (0, import_react62.useEffect)(() => {
     void load();
   }, [load]);
   const label = (fields.data ?? []).find((f) => f.key === fieldKey)?.label || humanize(fieldKey);
@@ -8994,28 +9274,28 @@ function submissionStamp(args) {
 }
 
 // src/PortalBuilder.tsx
-var import_react63 = require("react");
-var import_react64 = require("@ai-matrx/records/react");
+var import_react64 = require("react");
+var import_react65 = require("@ai-matrx/records/react");
 var import_design_system30 = require("@ai-matrx/design-system");
 var import_jsx_runtime33 = require("react/jsx-runtime");
 var RESTATING_REPLACES = "Saving replaces what this portal shows: a table you untick stops being visible to every client the moment you save. Who is invited is not touched.";
 function PortalBuilder({ tableId, portalId, onSaved, onClose, className }) {
-  const client = (0, import_react64.useRecordsClient)();
-  const tables = (0, import_react64.useTables)();
-  const [title, setTitle] = (0, import_react63.useState)("");
-  const [clientTableId, setClientTableId] = (0, import_react63.useState)(null);
-  const [exposures, setExposures] = (0, import_react63.useState)({});
-  const [fieldsByTable, setFieldsByTable] = (0, import_react63.useState)({});
-  const [error, setError] = (0, import_react63.useState)(null);
-  const [saving, setSaving] = (0, import_react63.useState)(false);
-  const [savedId, setSavedId] = (0, import_react63.useState)(portalId ?? null);
-  const [existing, setExisting] = (0, import_react63.useState)(null);
-  const [loading, setLoading] = (0, import_react63.useState)(Boolean(portalId));
-  const [inviteEmail, setInviteEmail] = (0, import_react63.useState)("");
-  const [inviteRecordId, setInviteRecordId] = (0, import_react63.useState)("");
-  const [inviting, setInviting] = (0, import_react63.useState)(false);
-  const [invitationSaid, setInvitationSaid] = (0, import_react63.useState)(null);
-  const loadFields = (0, import_react63.useCallback)(
+  const client = (0, import_react65.useRecordsClient)();
+  const tables = (0, import_react65.useTables)();
+  const [title, setTitle] = (0, import_react64.useState)("");
+  const [clientTableId, setClientTableId] = (0, import_react64.useState)(null);
+  const [exposures, setExposures] = (0, import_react64.useState)({});
+  const [fieldsByTable, setFieldsByTable] = (0, import_react64.useState)({});
+  const [error, setError] = (0, import_react64.useState)(null);
+  const [saving, setSaving] = (0, import_react64.useState)(false);
+  const [savedId, setSavedId] = (0, import_react64.useState)(portalId ?? null);
+  const [existing, setExisting] = (0, import_react64.useState)(null);
+  const [loading, setLoading] = (0, import_react64.useState)(Boolean(portalId));
+  const [inviteEmail, setInviteEmail] = (0, import_react64.useState)("");
+  const [inviteRecordId, setInviteRecordId] = (0, import_react64.useState)("");
+  const [inviting, setInviting] = (0, import_react64.useState)(false);
+  const [invitationSaid, setInvitationSaid] = (0, import_react64.useState)(null);
+  const loadFields = (0, import_react64.useCallback)(
     async (id) => {
       if (fieldsByTable[id]) return;
       const answered = await client.fields({ table_id: id });
@@ -9027,7 +9307,7 @@ function PortalBuilder({ tableId, portalId, onSaved, onClose, className }) {
     },
     [client, fieldsByTable]
   );
-  (0, import_react63.useEffect)(() => {
+  (0, import_react64.useEffect)(() => {
     if (!portalId) return;
     void (async () => {
       const answered = await client.portalCard({ portal_id: portalId });
@@ -9041,7 +9321,7 @@ function PortalBuilder({ tableId, portalId, onSaved, onClose, className }) {
       setClientTableId(answered.data.client_table_id);
     })();
   }, [client, portalId]);
-  (0, import_react63.useEffect)(() => {
+  (0, import_react64.useEffect)(() => {
     if (!tableId) return;
     setExposures(
       (prev) => prev[tableId] ? prev : {
@@ -9051,8 +9331,8 @@ function PortalBuilder({ tableId, portalId, onSaved, onClose, className }) {
     );
     void loadFields(tableId);
   }, [tableId]);
-  const ticked = (0, import_react63.useMemo)(() => Object.values(exposures).filter((e) => e.on), [exposures]);
-  const tiesTo = (0, import_react63.useCallback)(
+  const ticked = (0, import_react64.useMemo)(() => Object.values(exposures).filter((e) => e.on), [exposures]);
+  const tiesTo = (0, import_react64.useCallback)(
     (id) => (fieldsByTable[id] ?? []).filter(
       (f) => f.type === "relation" && f.relation_target === clientTableId
     ),
@@ -9289,8 +9569,8 @@ function PortalBuilder({ tableId, portalId, onSaved, onClose, className }) {
 }
 
 // src/PortalsPanel.tsx
-var import_react65 = require("react");
-var import_react66 = require("@ai-matrx/records/react");
+var import_react66 = require("react");
+var import_react67 = require("@ai-matrx/records/react");
 var import_records6 = require("@ai-matrx/records");
 var import_design_system32 = require("@ai-matrx/design-system");
 
@@ -9355,13 +9635,13 @@ function stateWords(person) {
 }
 var PORTAL_SUGGESTION = "Let each of my customers sign in and see their own jobs and invoices, and nothing else.";
 function PortalsPanel({ tableId, className }) {
-  const client = (0, import_react66.useRecordsClient)();
+  const client = (0, import_react67.useRecordsClient)();
   const host = useRecordsUi();
-  const [portals, setPortals] = (0, import_react65.useState)(null);
-  const [listError, setListError] = (0, import_react65.useState)(null);
-  const [openId, setOpenId] = (0, import_react65.useState)(null);
-  const [building, setBuilding] = (0, import_react65.useState)(false);
-  const load = (0, import_react65.useCallback)(async () => {
+  const [portals, setPortals] = (0, import_react66.useState)(null);
+  const [listError, setListError] = (0, import_react66.useState)(null);
+  const [openId, setOpenId] = (0, import_react66.useState)(null);
+  const [building, setBuilding] = (0, import_react66.useState)(false);
+  const load = (0, import_react66.useCallback)(async () => {
     const answered = await client.portals();
     if (!answered.ok) {
       setListError(answered.error);
@@ -9371,7 +9651,7 @@ function PortalsPanel({ tableId, className }) {
     setListError(null);
     setPortals(answered.data);
   }, [client]);
-  (0, import_react65.useEffect)(() => {
+  (0, import_react66.useEffect)(() => {
     void load();
   }, [load]);
   if (portals === null) return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_design_system32.Skeleton, { className: (0, import_design_system32.cn)("h-32 w-full", className) });
@@ -9453,8 +9733,8 @@ function PortalsPanel({ tableId, className }) {
   ] });
 }
 function CopyLink({ url }) {
-  const [copied, setCopied] = (0, import_react65.useState)(false);
-  const [shown, setShown] = (0, import_react65.useState)(false);
+  const [copied, setCopied] = (0, import_react66.useState)(false);
+  const [shown, setShown] = (0, import_react66.useState)(false);
   return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_jsx_runtime35.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
       import_design_system32.Button,
@@ -9487,10 +9767,10 @@ function PortalDetail({
   tableId,
   onChanged
 }) {
-  const client = (0, import_react66.useRecordsClient)();
-  const [card, setCard] = (0, import_react65.useState)(null);
-  const [error, setError] = (0, import_react65.useState)(null);
-  const load = (0, import_react65.useCallback)(async () => {
+  const client = (0, import_react67.useRecordsClient)();
+  const [card, setCard] = (0, import_react66.useState)(null);
+  const [error, setError] = (0, import_react66.useState)(null);
+  const load = (0, import_react66.useCallback)(async () => {
     const answered = await client.portalCard({ portal_id: portalId });
     if (!answered.ok) {
       setError(answered.error);
@@ -9500,10 +9780,10 @@ function PortalDetail({
     setError(null);
     setCard(answered.data);
   }, [client, portalId]);
-  (0, import_react65.useEffect)(() => {
+  (0, import_react66.useEffect)(() => {
     void load();
   }, [load]);
-  const revoke = (0, import_react65.useCallback)(
+  const revoke = (0, import_react66.useCallback)(
     async (person) => {
       const answered = await client.portalRevoke({
         portal_id: portalId,
@@ -9516,7 +9796,7 @@ function PortalDetail({
     },
     [client, load, onChanged, portalId]
   );
-  const preview = (0, import_react65.useCallback)(
+  const preview = (0, import_react66.useCallback)(
     async (person, subject) => {
       const answered = await client.portalPreview({
         portal_id: portalId,
@@ -9598,12 +9878,12 @@ function People({
   onRevoke,
   onPreview
 }) {
-  const [askingToRevoke, setAskingToRevoke] = (0, import_react65.useState)(null);
-  const [busy, setBusy] = (0, import_react65.useState)(false);
-  const [said, setSaid] = (0, import_react65.useState)(null);
-  const [error, setError] = (0, import_react65.useState)(null);
-  const [previewing, setPreviewing] = (0, import_react65.useState)(null);
-  const revoke = (0, import_react65.useCallback)(
+  const [askingToRevoke, setAskingToRevoke] = (0, import_react66.useState)(null);
+  const [busy, setBusy] = (0, import_react66.useState)(false);
+  const [said, setSaid] = (0, import_react66.useState)(null);
+  const [error, setError] = (0, import_react66.useState)(null);
+  const [previewing, setPreviewing] = (0, import_react66.useState)(null);
+  const revoke = (0, import_react66.useCallback)(
     async (person) => {
       setBusy(true);
       const answered = await onRevoke(person);
@@ -9680,10 +9960,10 @@ function Preview({
   onPreview
 }) {
   const first = card.tables[0];
-  const [which, setWhich] = (0, import_react65.useState)(first?.table_id ?? null);
-  const [rows, setRows] = (0, import_react65.useState)(null);
-  const [error, setError] = (0, import_react65.useState)(null);
-  (0, import_react65.useEffect)(() => {
+  const [which, setWhich] = (0, import_react66.useState)(first?.table_id ?? null);
+  const [rows, setRows] = (0, import_react66.useState)(null);
+  const [error, setError] = (0, import_react66.useState)(null);
+  (0, import_react66.useEffect)(() => {
     if (!which) return;
     let cancelled = false;
     setRows(null);
@@ -9720,16 +10000,16 @@ function Preview({
   ] });
 }
 function Invite({ card, onInvited }) {
-  const client = (0, import_react66.useRecordsClient)();
-  const [rows, setRows] = (0, import_react65.useState)(null);
-  const [titleKey, setTitleKey] = (0, import_react65.useState)(null);
-  const [search, setSearch] = (0, import_react65.useState)("");
-  const [picked, setPicked] = (0, import_react65.useState)(null);
-  const [email, setEmail] = (0, import_react65.useState)("");
-  const [busy, setBusy] = (0, import_react65.useState)(false);
-  const [said, setSaid] = (0, import_react65.useState)(null);
-  const [error, setError] = (0, import_react65.useState)(null);
-  (0, import_react65.useEffect)(() => {
+  const client = (0, import_react67.useRecordsClient)();
+  const [rows, setRows] = (0, import_react66.useState)(null);
+  const [titleKey, setTitleKey] = (0, import_react66.useState)(null);
+  const [search, setSearch] = (0, import_react66.useState)("");
+  const [picked, setPicked] = (0, import_react66.useState)(null);
+  const [email, setEmail] = (0, import_react66.useState)("");
+  const [busy, setBusy] = (0, import_react66.useState)(false);
+  const [said, setSaid] = (0, import_react66.useState)(null);
+  const [error, setError] = (0, import_react66.useState)(null);
+  (0, import_react66.useEffect)(() => {
     let cancelled = false;
     void client.list({ table_id: card.client_table_id, limit: 200 }).then((answered) => {
       if (cancelled) return;
@@ -9747,12 +10027,12 @@ function Invite({ card, onInvited }) {
       cancelled = true;
     };
   }, [client, card.client_table_id]);
-  const options = (0, import_react65.useMemo)(() => {
+  const options = (0, import_react66.useMemo)(() => {
     const all = (rows ?? []).map((row) => ({ id: row.id, name: rowName(row, titleKey) }));
     const needle = search.trim().toLowerCase();
     return needle === "" ? all.slice(0, 25) : all.filter((o) => o.name.toLowerCase().includes(needle)).slice(0, 25);
   }, [rows, titleKey, search]);
-  const send = (0, import_react65.useCallback)(async () => {
+  const send = (0, import_react66.useCallback)(async () => {
     if (!picked) return;
     setBusy(true);
     const answered = await client.portalInvite({
@@ -9831,8 +10111,8 @@ function Invite({ card, onInvited }) {
 }
 
 // src/DigestScheduler.tsx
-var import_react67 = require("react");
-var import_react68 = require("@ai-matrx/records/react");
+var import_react68 = require("react");
+var import_react69 = require("@ai-matrx/records/react");
 var import_design_system33 = require("@ai-matrx/design-system");
 var import_jsx_runtime36 = require("react/jsx-runtime");
 var WEEKDAYS = ["monday", "tuesday", "wednesday", "thursday", "friday", "saturday", "sunday"];
@@ -9856,27 +10136,27 @@ function DigestScheduler({
   onClose,
   className
 }) {
-  const client = (0, import_react68.useRecordsClient)();
+  const client = (0, import_react69.useRecordsClient)();
   const host = useRecordsUi();
-  const [views, setViews] = (0, import_react67.useState)(null);
-  const [cadences, setCadences] = (0, import_react67.useState)([]);
-  const [members, setMembers] = (0, import_react67.useState)(null);
-  const [error, setError] = (0, import_react67.useState)(null);
-  const [viewId, setViewId] = (0, import_react67.useState)(savedViewId ?? "");
-  const [name, setName] = (0, import_react67.useState)(subjectName?.trim() ? `${subjectName.trim()} summary` : "");
-  const [cadence, setCadence] = (0, import_react67.useState)("weekly");
-  const [weekday, setWeekday] = (0, import_react67.useState)("monday");
-  const [time, setTime] = (0, import_react67.useState)("08:00");
-  const [channel, setChannel] = (0, import_react67.useState)("in_app");
-  const [quiet, setQuiet] = (0, import_react67.useState)(false);
-  const [quietFrom, setQuietFrom] = (0, import_react67.useState)("22:00");
-  const [quietTo, setQuietTo] = (0, import_react67.useState)("07:00");
-  const [recipients, setRecipients] = (0, import_react67.useState)([]);
-  const [saving, setSaving] = (0, import_react67.useState)(false);
-  const [outcomes, setOutcomes] = (0, import_react67.useState)(null);
-  const [preview, setPreview] = (0, import_react67.useState)(null);
-  const [previewing, setPreviewing] = (0, import_react67.useState)(false);
-  const load = (0, import_react67.useCallback)(async () => {
+  const [views, setViews] = (0, import_react68.useState)(null);
+  const [cadences, setCadences] = (0, import_react68.useState)([]);
+  const [members, setMembers] = (0, import_react68.useState)(null);
+  const [error, setError] = (0, import_react68.useState)(null);
+  const [viewId, setViewId] = (0, import_react68.useState)(savedViewId ?? "");
+  const [name, setName] = (0, import_react68.useState)(subjectName?.trim() ? `${subjectName.trim()} summary` : "");
+  const [cadence, setCadence] = (0, import_react68.useState)("weekly");
+  const [weekday, setWeekday] = (0, import_react68.useState)("monday");
+  const [time, setTime] = (0, import_react68.useState)("08:00");
+  const [channel, setChannel] = (0, import_react68.useState)("in_app");
+  const [quiet, setQuiet] = (0, import_react68.useState)(false);
+  const [quietFrom, setQuietFrom] = (0, import_react68.useState)("22:00");
+  const [quietTo, setQuietTo] = (0, import_react68.useState)("07:00");
+  const [recipients, setRecipients] = (0, import_react68.useState)([]);
+  const [saving, setSaving] = (0, import_react68.useState)(false);
+  const [outcomes, setOutcomes] = (0, import_react68.useState)(null);
+  const [preview, setPreview] = (0, import_react68.useState)(null);
+  const [previewing, setPreviewing] = (0, import_react68.useState)(false);
+  const load = (0, import_react68.useCallback)(async () => {
     const [saved, offered] = await Promise.all([
       // The store's own door onto `platform.saved_view`, narrowed in SQL to
       // Tables this person can already open — never a grant on the table behind it.
@@ -9895,15 +10175,15 @@ function DigestScheduler({
       setMembers([]);
     }
   }, [client, tableId, host]);
-  (0, import_react67.useEffect)(() => {
+  (0, import_react68.useEffect)(() => {
     void load();
   }, [load]);
-  const schedule = (0, import_react67.useMemo)(() => {
+  const schedule = (0, import_react68.useMemo)(() => {
     if (cadence === "weekly") return `${weekday} ${time}`;
     if (cadence === "daily") return time;
     return null;
   }, [cadence, weekday, time]);
-  const quietHours = (0, import_react67.useMemo)(
+  const quietHours = (0, import_react68.useMemo)(
     () => quiet ? { start: quietFrom, end: quietTo } : null,
     [quiet, quietFrom, quietTo]
   );
@@ -10125,8 +10405,8 @@ function DigestScheduler({
 }
 
 // src/SubscriptionsPanel.tsx
-var import_react69 = require("react");
-var import_react70 = require("@ai-matrx/records/react");
+var import_react70 = require("react");
+var import_react71 = require("@ai-matrx/records/react");
 var import_design_system34 = require("@ai-matrx/design-system");
 var import_jsx_runtime37 = require("react/jsx-runtime");
 function whenItFires(subscription) {
@@ -10141,14 +10421,14 @@ var CHANNEL_WORDS2 = {
 };
 var DIGEST_SUGGESTION = "Email me a summary of this every Monday at 8 in the morning.";
 function SubscriptionsPanel({ tableId, className }) {
-  const client = (0, import_react70.useRecordsClient)();
-  const [rows, setRows] = (0, import_react69.useState)(null);
-  const [error, setError] = (0, import_react69.useState)(null);
-  const [busy, setBusy] = (0, import_react69.useState)(null);
-  const [preview, setPreview] = (0, import_react69.useState)(null);
-  const [scheduling, setScheduling] = (0, import_react69.useState)(false);
+  const client = (0, import_react71.useRecordsClient)();
+  const [rows, setRows] = (0, import_react70.useState)(null);
+  const [error, setError] = (0, import_react70.useState)(null);
+  const [busy, setBusy] = (0, import_react70.useState)(null);
+  const [preview, setPreview] = (0, import_react70.useState)(null);
+  const [scheduling, setScheduling] = (0, import_react70.useState)(false);
   const host = useRecordsUi();
-  const load = (0, import_react69.useCallback)(async () => {
+  const load = (0, import_react70.useCallback)(async () => {
     const answered = await client.subscriptions({ table_id: tableId });
     if (!answered.ok) {
       setError(answered.error);
@@ -10158,10 +10438,10 @@ function SubscriptionsPanel({ tableId, className }) {
     setError(null);
     setRows(answered.data);
   }, [client, tableId]);
-  (0, import_react69.useEffect)(() => {
+  (0, import_react70.useEffect)(() => {
     void load();
   }, [load]);
-  const flip = (0, import_react69.useCallback)(
+  const flip = (0, import_react70.useCallback)(
     async (subscription, on) => {
       setBusy(subscription.rule_id);
       const answered = await client.subscriptionMute({
@@ -10177,7 +10457,7 @@ function SubscriptionsPanel({ tableId, className }) {
     },
     [client, load]
   );
-  const showOne = (0, import_react69.useCallback)(
+  const showOne = (0, import_react70.useCallback)(
     async (subscription) => {
       setBusy(subscription.rule_id);
       const answered = await client.subscriptionPreview({ rule_id: subscription.rule_id });
@@ -10310,14 +10590,14 @@ function SubscriptionsPanel({ tableId, className }) {
 }
 
 // src/FormBuilder.tsx
-var import_react73 = require("react");
-var import_react74 = require("@ai-matrx/records/react");
+var import_react74 = require("react");
+var import_react75 = require("@ai-matrx/records/react");
 var import_records7 = require("@ai-matrx/records");
 var import_design_system36 = require("@ai-matrx/design-system");
 
 // src/FormRunner.tsx
-var import_react71 = require("react");
-var import_react72 = require("@ai-matrx/records/react");
+var import_react72 = require("react");
+var import_react73 = require("@ai-matrx/records/react");
 var import_design_system35 = require("@ai-matrx/design-system");
 var import_jsx_runtime38 = require("react/jsx-runtime");
 function FormRunner(props) {
@@ -10327,10 +10607,10 @@ function FormRunner(props) {
   return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(ConnectedFormRunner, { ...props });
 }
 function ConnectedFormRunner(props) {
-  const client = (0, import_react72.useOptionalRecordsClient)();
-  const fields = (0, import_react72.useFields)(props.form.subject);
+  const client = (0, import_react73.useOptionalRecordsClient)();
+  const fields = (0, import_react73.useFields)(props.form.subject);
   const { form, className } = props;
-  const submit = (0, import_react71.useCallback)(
+  const submit = (0, import_react72.useCallback)(
     async (values) => {
       if (!client) {
         return {
@@ -10353,7 +10633,7 @@ function ConnectedFormRunner(props) {
     },
     [client, form]
   );
-  const evaluate = (0, import_react71.useCallback)(
+  const evaluate = (0, import_react72.useCallback)(
     async (expr, values) => {
       if (!client) return null;
       const answered = await client.ruleEval({ expr, values });
@@ -10387,16 +10667,16 @@ function FormStage({
   connected = false
 }) {
   const host = useRecordsUi();
-  const [answers, setAnswers] = (0, import_react71.useState)({});
-  const [at, setAt] = (0, import_react71.useState)(0);
-  const [error, setError] = (0, import_react71.useState)(null);
-  const [refusal, setRefusal] = (0, import_react71.useState)(null);
-  const [writing, setWriting] = (0, import_react71.useState)(false);
-  const [done, setDone] = (0, import_react71.useState)(null);
-  const [hidden, setHidden] = (0, import_react71.useState)({});
-  const decoy = (0, import_react71.useRef)("");
-  const stage = (0, import_react71.useRef)(null);
-  const questions = (0, import_react71.useMemo)(() => {
+  const [answers, setAnswers] = (0, import_react72.useState)({});
+  const [at, setAt] = (0, import_react72.useState)(0);
+  const [error, setError] = (0, import_react72.useState)(null);
+  const [refusal, setRefusal] = (0, import_react72.useState)(null);
+  const [writing, setWriting] = (0, import_react72.useState)(false);
+  const [done, setDone] = (0, import_react72.useState)(null);
+  const [hidden, setHidden] = (0, import_react72.useState)({});
+  const decoy = (0, import_react72.useRef)("");
+  const stage = (0, import_react72.useRef)(null);
+  const questions = (0, import_react72.useMemo)(() => {
     const byKey = new Map((fields ?? []).map((f) => [f.key, f]));
     return (form.questions ?? []).map((q) => {
       const field = byKey.get(q.field) ?? null;
@@ -10410,7 +10690,7 @@ function FormStage({
       };
     });
   }, [fields, form.questions]);
-  (0, import_react71.useEffect)(() => {
+  (0, import_react72.useEffect)(() => {
     let cancelled = false;
     const conditional = questions.filter((q) => q.showIf);
     if (conditional.length === 0 || !evaluate) return;
@@ -10444,7 +10724,7 @@ function FormStage({
     const v = answers[q.key];
     return q.required && (v === void 0 || v === null || v === "");
   });
-  const submit = (0, import_react71.useCallback)(async () => {
+  const submit = (0, import_react72.useCallback)(async () => {
     if (preview) {
       setDone("preview");
       return;
@@ -10481,7 +10761,7 @@ function FormStage({
     if (event.shiftKey) retreat();
     else advance();
   }
-  (0, import_react71.useEffect)(() => {
+  (0, import_react72.useEffect)(() => {
     const input = stage.current?.querySelector(
       "input:not([tabindex='-1']), textarea, select, [role='combobox']"
     );
@@ -10575,7 +10855,7 @@ function Question({
   onChange,
   upload
 }) {
-  const [uploadError, setUploadError] = (0, import_react71.useState)(null);
+  const [uploadError, setUploadError] = (0, import_react72.useState)(null);
   const field = question.field;
   if (!field) return null;
   const id = `form-${field.key}`;
@@ -10632,23 +10912,23 @@ function whyNotAskable(fields, hidden = []) {
 // src/FormBuilder.tsx
 var import_jsx_runtime39 = require("react/jsx-runtime");
 function FormBuilder({ tableId, seed, activeFormId, onActiveForm, className }) {
-  const client = (0, import_react74.useRecordsClient)();
+  const client = (0, import_react75.useRecordsClient)();
   const host = useRecordsUi();
   const claimSeed = useSeedGuard();
-  const table = (0, import_react74.useTable)(tableId);
+  const table = (0, import_react75.useTable)(tableId);
   const rights = useTableRights(table.data);
-  const fields = (0, import_react74.useFields)(tableId);
-  const [forms, setForms] = (0, import_react73.useState)(null);
-  const [error, setError] = (0, import_react73.useState)(null);
-  const [activeId, setActiveId] = (0, import_react73.useState)(activeFormId ?? null);
-  const [draft, setDraft] = (0, import_react73.useState)(null);
-  const [saving, setSaving] = (0, import_react73.useState)(false);
-  const [saved, setSaved] = (0, import_react73.useState)(null);
-  const [publishing, setPublishing] = (0, import_react73.useState)(false);
-  const [copied, setCopied] = (0, import_react73.useState)(false);
-  const [shownUrl, setShownUrl] = (0, import_react73.useState)(null);
+  const fields = (0, import_react75.useFields)(tableId);
+  const [forms, setForms] = (0, import_react74.useState)(null);
+  const [error, setError] = (0, import_react74.useState)(null);
+  const [activeId, setActiveId] = (0, import_react74.useState)(activeFormId ?? null);
+  const [draft, setDraft] = (0, import_react74.useState)(null);
+  const [saving, setSaving] = (0, import_react74.useState)(false);
+  const [saved, setSaved] = (0, import_react74.useState)(null);
+  const [publishing, setPublishing] = (0, import_react74.useState)(false);
+  const [copied, setCopied] = (0, import_react74.useState)(false);
+  const [shownUrl, setShownUrl] = (0, import_react74.useState)(null);
   const publicOrigin = host.publicOrigin ?? (typeof window === "undefined" ? "" : window.location.origin);
-  const load = (0, import_react73.useCallback)(async () => {
+  const load = (0, import_react74.useCallback)(async () => {
     const answered = await client.forms({ table_id: tableId });
     if (!answered.ok) {
       setError(answered.error);
@@ -10675,17 +10955,17 @@ function FormBuilder({ tableId, seed, activeFormId, onActiveForm, className }) {
     setError(null);
     setForms(mine);
   }, [client, tableId, seed, claimSeed]);
-  (0, import_react73.useEffect)(() => {
+  (0, import_react74.useEffect)(() => {
     void load();
   }, [load]);
-  (0, import_react73.useEffect)(() => {
+  (0, import_react74.useEffect)(() => {
     if (!forms || forms.length === 0) return;
     const chosen = forms.find((f) => f.id === (activeFormId ?? activeId)) ?? forms[0];
     if (chosen.id !== activeId) setActiveId(chosen.id);
     setDraft(chosen);
     onActiveForm?.(chosen);
   }, [forms, activeFormId]);
-  const byKey = (0, import_react73.useMemo)(() => new Map((fields.data ?? []).map((f) => [f.key, f])), [fields.data]);
+  const byKey = (0, import_react74.useMemo)(() => new Map((fields.data ?? []).map((f) => [f.key, f])), [fields.data]);
   function patch(change) {
     setDraft((prev) => prev ? { ...prev, ...change } : prev);
     setSaved(null);
@@ -10980,13 +11260,13 @@ function Condition({
   onChange
 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-    ConditionRow,
+    ConditionGroup,
     {
       lead: "Ask only when",
       expr: question.showIf,
       fields: fieldKeys,
       onChange,
-      className: "col-span-2 flex items-center gap-1 text-xs"
+      className: "col-span-2 flex flex-col gap-1 text-xs"
     }
   );
 }
@@ -11076,13 +11356,13 @@ function groupLabel(groups) {
 }
 
 // src/chartFrame.tsx
-var import_react75 = require("react");
+var import_react76 = require("react");
 var import_design_system37 = require("@ai-matrx/design-system");
 var import_jsx_runtime40 = require("react/jsx-runtime");
 function useMeasuredWidth(fallback = 480) {
-  const ref = (0, import_react75.useRef)(null);
-  const [width, setWidth] = (0, import_react75.useState)(fallback);
-  (0, import_react75.useEffect)(() => {
+  const ref = (0, import_react76.useRef)(null);
+  const [width, setWidth] = (0, import_react76.useState)(fallback);
+  (0, import_react76.useEffect)(() => {
     const node = ref.current;
     if (!node) return;
     const apply = () => {
@@ -11112,7 +11392,7 @@ function ChartFrame({
   children
 }) {
   const [ref, width] = useMeasuredWidth();
-  const chartId = `records-chart-${(0, import_react75.useId)().replace(/:/g, "")}`;
+  const chartId = `records-chart-${(0, import_react76.useId)().replace(/:/g, "")}`;
   return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
     "div",
     {
@@ -11206,24 +11486,24 @@ function isSignatureField(field) {
 }
 
 // src/DocTemplate.tsx
-var import_react76 = require("react");
-var import_react77 = require("@ai-matrx/records/react");
+var import_react77 = require("react");
+var import_react78 = require("@ai-matrx/records/react");
 var import_design_system38 = require("@ai-matrx/design-system");
 var import_jsx_runtime41 = require("react/jsx-runtime");
 function DocTemplate({ tableId, seed, activeTemplateId, onActiveTemplate, className }) {
-  const client = (0, import_react77.useRecordsClient)();
+  const client = (0, import_react78.useRecordsClient)();
   const claimSeed = useSeedGuard();
-  const table = (0, import_react77.useTable)(tableId);
+  const table = (0, import_react78.useTable)(tableId);
   const rights = useTableRights(table.data);
-  const fields = (0, import_react77.useFields)(tableId);
-  const [templates, setTemplates] = (0, import_react76.useState)(null);
-  const [error, setError] = (0, import_react76.useState)(null);
-  const [activeId, setActiveId] = (0, import_react76.useState)(activeTemplateId ?? null);
-  const [draftName, setDraftName] = (0, import_react76.useState)("");
-  const [draftBody, setDraftBody] = (0, import_react76.useState)("");
-  const [unresolved, setUnresolved] = (0, import_react76.useState)([]);
-  const [saving, setSaving] = (0, import_react76.useState)(false);
-  const load = (0, import_react76.useCallback)(async () => {
+  const fields = (0, import_react78.useFields)(tableId);
+  const [templates, setTemplates] = (0, import_react77.useState)(null);
+  const [error, setError] = (0, import_react77.useState)(null);
+  const [activeId, setActiveId] = (0, import_react77.useState)(activeTemplateId ?? null);
+  const [draftName, setDraftName] = (0, import_react77.useState)("");
+  const [draftBody, setDraftBody] = (0, import_react77.useState)("");
+  const [unresolved, setUnresolved] = (0, import_react77.useState)([]);
+  const [saving, setSaving] = (0, import_react77.useState)(false);
+  const load = (0, import_react77.useCallback)(async () => {
     const held = await client.docTemplates({ table_id: tableId });
     if (!held.ok) {
       setError(held.error);
@@ -11254,10 +11534,10 @@ function DocTemplate({ tableId, seed, activeTemplateId, onActiveTemplate, classN
     setError(null);
     setTemplates(rows);
   }, [client, tableId, seed, fields.data]);
-  (0, import_react76.useEffect)(() => {
+  (0, import_react77.useEffect)(() => {
     void load();
   }, [load]);
-  (0, import_react76.useEffect)(() => {
+  (0, import_react77.useEffect)(() => {
     if (!templates || templates.length === 0) return;
     const chosen = templates.find((t) => t.id === (activeTemplateId ?? activeId)) ?? templates[0];
     if (chosen.id !== activeId) setActiveId(chosen.id);
@@ -11265,7 +11545,7 @@ function DocTemplate({ tableId, seed, activeTemplateId, onActiveTemplate, classN
     setDraftBody(chosen.body);
     onActiveTemplate?.(chosen);
   }, [templates, activeTemplateId]);
-  (0, import_react76.useEffect)(() => {
+  (0, import_react77.useEffect)(() => {
     let cancelled = false;
     if (draftBody.trim() === "") {
       setUnresolved([]);
@@ -11385,19 +11665,19 @@ function DocTemplate({ tableId, seed, activeTemplateId, onActiveTemplate, classN
 }
 
 // src/DocRender.tsx
-var import_react78 = require("react");
-var import_react79 = require("@ai-matrx/records/react");
+var import_react79 = require("react");
+var import_react80 = require("@ai-matrx/records/react");
 var import_design_system39 = require("@ai-matrx/design-system");
 var import_jsx_runtime42 = require("react/jsx-runtime");
 function DocRender({ templateId, recordId, filename, onRendered, className }) {
-  const client = (0, import_react79.useRecordsClient)();
-  const [preview, setPreview] = (0, import_react78.useState)(null);
-  const [renders, setRenders] = (0, import_react78.useState)(null);
-  const [showing, setShowing] = (0, import_react78.useState)(null);
-  const [error, setError] = (0, import_react78.useState)(null);
-  const [busy, setBusy] = (0, import_react78.useState)(null);
-  const paper = (0, import_react78.useRef)(null);
-  const load = (0, import_react78.useCallback)(async () => {
+  const client = (0, import_react80.useRecordsClient)();
+  const [preview, setPreview] = (0, import_react79.useState)(null);
+  const [renders, setRenders] = (0, import_react79.useState)(null);
+  const [showing, setShowing] = (0, import_react79.useState)(null);
+  const [error, setError] = (0, import_react79.useState)(null);
+  const [busy, setBusy] = (0, import_react79.useState)(null);
+  const paper = (0, import_react79.useRef)(null);
+  const load = (0, import_react79.useCallback)(async () => {
     const [body, held] = await Promise.all([
       client.docRenderBody({ template_id: templateId, record_id: recordId }),
       client.docRenders({ record_id: recordId })
@@ -11414,7 +11694,7 @@ function DocRender({ templateId, recordId, filename, onRendered, className }) {
     setPreview(body.data);
     setRenders(held.data.filter((r) => r.template_id === templateId));
   }, [client, templateId, recordId]);
-  (0, import_react78.useEffect)(() => {
+  (0, import_react79.useEffect)(() => {
     void load();
   }, [load]);
   async function freeze() {
@@ -11498,22 +11778,22 @@ function DocRender({ templateId, recordId, filename, onRendered, className }) {
 }
 
 // src/SignBlock.tsx
-var import_react80 = require("react");
-var import_react81 = require("@ai-matrx/records/react");
-var import_design_system40 = require("@ai-matrx/design-system");
+var import_react81 = require("react");
 var import_react82 = require("@ai-matrx/records/react");
+var import_design_system40 = require("@ai-matrx/design-system");
+var import_react83 = require("@ai-matrx/records/react");
 var import_jsx_runtime43 = require("react/jsx-runtime");
 function SignBlock({ tableId, recordId, render, className }) {
-  const client = (0, import_react81.useRecordsClient)();
-  const table = (0, import_react82.useTable)(tableId);
+  const client = (0, import_react82.useRecordsClient)();
+  const table = (0, import_react83.useTable)(tableId);
   const rights = useTableRights(table.data);
-  const fields = (0, import_react81.useFields)(tableId);
-  const [signatures, setSignatures] = (0, import_react80.useState)(null);
-  const [verdicts, setVerdicts] = (0, import_react80.useState)({});
-  const [error, setError] = (0, import_react80.useState)(null);
-  const [name, setName] = (0, import_react80.useState)("");
-  const [busy, setBusy] = (0, import_react80.useState)(false);
-  const load = (0, import_react80.useCallback)(async () => {
+  const fields = (0, import_react82.useFields)(tableId);
+  const [signatures, setSignatures] = (0, import_react81.useState)(null);
+  const [verdicts, setVerdicts] = (0, import_react81.useState)({});
+  const [error, setError] = (0, import_react81.useState)(null);
+  const [name, setName] = (0, import_react81.useState)("");
+  const [busy, setBusy] = (0, import_react81.useState)(false);
+  const load = (0, import_react81.useCallback)(async () => {
     const held = await client.docSignatures({ record_id: recordId });
     if (!held.ok) {
       setError(held.error);
@@ -11528,7 +11808,7 @@ function SignBlock({ tableId, recordId, render, className }) {
     }
     setVerdicts(answers);
   }, [client, recordId]);
-  (0, import_react80.useEffect)(() => {
+  (0, import_react81.useEffect)(() => {
     void load();
   }, [load]);
   async function sign(field) {
@@ -11635,8 +11915,8 @@ function SignBlock({ tableId, recordId, render, className }) {
 }
 
 // src/NotifyRuleEditor.tsx
-var import_react83 = require("react");
-var import_react84 = require("@ai-matrx/records/react");
+var import_react84 = require("react");
+var import_react85 = require("@ai-matrx/records/react");
 var import_design_system41 = require("@ai-matrx/design-system");
 var import_jsx_runtime44 = require("react/jsx-runtime");
 var CADENCE_WORDS2 = {
@@ -11651,16 +11931,16 @@ var CHANNEL_WORDS3 = {
   sms: "by text"
 };
 function NotifyRuleEditor({ tableId, seed, className }) {
-  const client = (0, import_react84.useRecordsClient)();
+  const client = (0, import_react85.useRecordsClient)();
   const host = useRecordsUi();
-  const table = (0, import_react84.useTable)(tableId);
+  const table = (0, import_react85.useTable)(tableId);
   const rights = useTableRights(table.data);
-  const [subscriptions, setSubscriptions] = (0, import_react83.useState)(null);
-  const [cadences, setCadences] = (0, import_react83.useState)([]);
-  const [views, setViews] = (0, import_react83.useState)(null);
-  const [error, setError] = (0, import_react83.useState)(null);
-  const [busy, setBusy] = (0, import_react83.useState)(false);
-  const load = (0, import_react83.useCallback)(async () => {
+  const [subscriptions, setSubscriptions] = (0, import_react84.useState)(null);
+  const [cadences, setCadences] = (0, import_react84.useState)([]);
+  const [views, setViews] = (0, import_react84.useState)(null);
+  const [error, setError] = (0, import_react84.useState)(null);
+  const [busy, setBusy] = (0, import_react84.useState)(false);
+  const load = (0, import_react84.useCallback)(async () => {
     const [held, offered] = await Promise.all([
       // THE PERSON'S OWN DOOR, not the notifier's. It answers what is addressed
       // to them plus — only where they hold admin on this Table — anyone's over
@@ -11680,10 +11960,10 @@ function NotifyRuleEditor({ tableId, seed, className }) {
     if (host.savedViews) setViews(await host.savedViews());
     else setViews(null);
   }, [client, host, tableId]);
-  (0, import_react83.useEffect)(() => {
+  (0, import_react84.useEffect)(() => {
     void load();
   }, [load]);
-  const write = (0, import_react83.useCallback)(
+  const write = (0, import_react84.useCallback)(
     async (spec) => {
       const declared = await client.subscriptionDeclare({
         table_id: tableId,
@@ -11708,7 +11988,7 @@ function NotifyRuleEditor({ tableId, seed, className }) {
     },
     [client, tableId]
   );
-  (0, import_react83.useEffect)(() => {
+  (0, import_react84.useEffect)(() => {
     if (!subscriptions || !seed || seed.length === 0) return;
     const missing = seed.filter((s) => !subscriptions.some((held) => held.name === s.name));
     if (missing.length === 0) return;
@@ -11851,7 +12131,7 @@ function NotifyRuleEditor({ tableId, seed, className }) {
 }
 
 // src/ChartBlock.tsx
-var import_react85 = require("react");
+var import_react86 = require("react");
 var import_recharts = require("recharts");
 var import_records8 = require("@ai-matrx/records");
 var import_core6 = require("@ai-matrx/records/core");
@@ -11876,7 +12156,7 @@ function ChartBlock({ block, subject, className }) {
   const measures = block.measures && block.measures.length > 0 ? block.measures : [{ op: "count" }];
   const primary = (0, import_records8.measureKey)(measures[0]);
   const series = [primary];
-  const points = (0, import_react85.useMemo)(() => {
+  const points = (0, import_react86.useMemo)(() => {
     if (kind === "stuck") return [];
     const rows = block.rows ?? [];
     return rows.map((row) => ({
@@ -11888,7 +12168,7 @@ function ChartBlock({ block, subject, className }) {
       n: row.row_count
     }));
   }, [block.rows, kind, series.join("|")]);
-  const config = (0, import_react85.useMemo)(() => {
+  const config = (0, import_react86.useMemo)(() => {
     const out = {};
     series.forEach((key, index) => {
       out[key] = {
@@ -12149,25 +12429,25 @@ function Drawing({
 }
 
 // src/DashboardCanvas.tsx
-var import_react86 = require("react");
-var import_react87 = require("@ai-matrx/records/react");
+var import_react87 = require("react");
+var import_react88 = require("@ai-matrx/records/react");
 var import_design_system43 = require("@ai-matrx/design-system");
 var import_jsx_runtime46 = require("react/jsx-runtime");
 function DashboardCanvas({ tableId, activeDashboardId, filter, className }) {
-  const client = (0, import_react87.useRecordsClient)();
+  const client = (0, import_react88.useRecordsClient)();
   const host = useRecordsUi();
-  const table = (0, import_react87.useTable)(tableId);
+  const table = (0, import_react88.useTable)(tableId);
   const rights = useTableRights(table.data);
-  const fields = (0, import_react87.useFields)(tableId);
-  const [boards, setBoards] = (0, import_react86.useState)(null);
-  const [error, setError] = (0, import_react86.useState)(null);
-  const [activeId, setActiveId] = (0, import_react86.useState)(activeDashboardId ?? null);
-  const [run, setRun] = (0, import_react86.useState)(null);
-  const [running, setRunning] = (0, import_react86.useState)(false);
-  const [question, setQuestion] = (0, import_react86.useState)("");
-  const [asking, setAsking] = (0, import_react86.useState)(false);
-  const [scheduling, setScheduling] = (0, import_react86.useState)(false);
-  const load = (0, import_react86.useCallback)(async () => {
+  const fields = (0, import_react88.useFields)(tableId);
+  const [boards, setBoards] = (0, import_react87.useState)(null);
+  const [error, setError] = (0, import_react87.useState)(null);
+  const [activeId, setActiveId] = (0, import_react87.useState)(activeDashboardId ?? null);
+  const [run, setRun] = (0, import_react87.useState)(null);
+  const [running, setRunning] = (0, import_react87.useState)(false);
+  const [question, setQuestion] = (0, import_react87.useState)("");
+  const [asking, setAsking] = (0, import_react87.useState)(false);
+  const [scheduling, setScheduling] = (0, import_react87.useState)(false);
+  const load = (0, import_react87.useCallback)(async () => {
     const answered = await client.dashboards({ table_id: tableId });
     if (!answered.ok) {
       setError(answered.error);
@@ -12176,17 +12456,17 @@ function DashboardCanvas({ tableId, activeDashboardId, filter, className }) {
     setError(null);
     setBoards(answered.data.map(dashboardFromSummary));
   }, [client, tableId]);
-  (0, import_react86.useEffect)(() => {
+  (0, import_react87.useEffect)(() => {
     void load();
   }, [load]);
-  (0, import_react86.useEffect)(() => {
+  (0, import_react87.useEffect)(() => {
     if (!boards || boards.length === 0) return;
     const chosen = boards.find((d) => d.id === (activeDashboardId ?? activeId)) ?? boards[0];
     if (chosen.id !== activeId) setActiveId(chosen.id);
   }, [boards, activeDashboardId]);
-  const board = (0, import_react86.useMemo)(() => boards?.find((d) => d.id === activeId) ?? null, [boards, activeId]);
+  const board = (0, import_react87.useMemo)(() => boards?.find((d) => d.id === activeId) ?? null, [boards, activeId]);
   const filterKey = JSON.stringify(filter ?? {});
-  (0, import_react86.useEffect)(() => {
+  (0, import_react87.useEffect)(() => {
     if (!activeId) {
       setRun(null);
       return;
@@ -12204,7 +12484,7 @@ function DashboardCanvas({ tableId, activeDashboardId, filter, className }) {
       cancelled = true;
     };
   }, [client, activeId, filterKey]);
-  const declare2 = (0, import_react86.useCallback)(
+  const declare2 = (0, import_react87.useCallback)(
     async (next, blocks) => {
       const written = await client.dashboardDeclare(
         dashboardDeclareArgs({ ...next, blocks }, tableId)
@@ -12250,7 +12530,7 @@ function DashboardCanvas({ tableId, activeDashboardId, filter, className }) {
       ]
     );
   }
-  const refresh = (0, import_react86.useCallback)(async () => {
+  const refresh = (0, import_react87.useCallback)(async () => {
     if (!activeId) return;
     setRunning(true);
     const again = await client.dashboardRun({
@@ -12406,8 +12686,8 @@ function DashboardCanvas({ tableId, activeDashboardId, filter, className }) {
 }
 
 // src/FormsPanel.tsx
-var import_react88 = require("react");
-var import_react89 = require("@ai-matrx/records/react");
+var import_react89 = require("react");
+var import_react90 = require("@ai-matrx/records/react");
 var import_records9 = require("@ai-matrx/records");
 var import_design_system44 = require("@ai-matrx/design-system");
 var import_jsx_runtime47 = require("react/jsx-runtime");
@@ -12418,16 +12698,16 @@ function formSuggestion(tableName2) {
   return `Make me a form that collects new ${subject} entries and tells me when somebody answers.`;
 }
 function FormsPanel({ tableId, className }) {
-  const client = (0, import_react89.useRecordsClient)();
+  const client = (0, import_react90.useRecordsClient)();
   const host = useRecordsUi();
-  const table = (0, import_react89.useTable)(tableId);
+  const table = (0, import_react90.useTable)(tableId);
   const rights = useTableRights(table.data);
-  const [forms, setForms] = (0, import_react88.useState)(null);
-  const [error, setError] = (0, import_react88.useState)(null);
-  const [busy, setBusy] = (0, import_react88.useState)(null);
-  const [copied, setCopied] = (0, import_react88.useState)(null);
-  const [building, setBuilding] = (0, import_react88.useState)(false);
-  const load = (0, import_react88.useCallback)(async () => {
+  const [forms, setForms] = (0, import_react89.useState)(null);
+  const [error, setError] = (0, import_react89.useState)(null);
+  const [busy, setBusy] = (0, import_react89.useState)(null);
+  const [copied, setCopied] = (0, import_react89.useState)(null);
+  const [building, setBuilding] = (0, import_react89.useState)(false);
+  const load = (0, import_react89.useCallback)(async () => {
     const answered = await client.forms({ table_id: tableId });
     if (!answered.ok) {
       setError(answered.error);
@@ -12437,10 +12717,10 @@ function FormsPanel({ tableId, className }) {
     setError(null);
     setForms(answered.data);
   }, [client, tableId]);
-  (0, import_react88.useEffect)(() => {
+  (0, import_react89.useEffect)(() => {
     void load();
   }, [load]);
-  const toggle = (0, import_react88.useCallback)(
+  const toggle = (0, import_react89.useCallback)(
     async (form) => {
       setBusy(form.form_id);
       const wanted = form.published_at === null || form.closed_at !== null;
@@ -12454,8 +12734,8 @@ function FormsPanel({ tableId, className }) {
     },
     [client, load]
   );
-  const [shown, setShown] = (0, import_react88.useState)(null);
-  const copy = (0, import_react88.useCallback)(async (url, formId) => {
+  const [shown, setShown] = (0, import_react89.useState)(null);
+  const copy = (0, import_react89.useCallback)(async (url, formId) => {
     try {
       await navigator.clipboard.writeText(url);
       setCopied(formId);
@@ -12553,8 +12833,8 @@ function FormsPanel({ tableId, className }) {
 }
 
 // src/BookingBuilder.tsx
-var import_react90 = require("react");
-var import_react91 = require("@ai-matrx/records/react");
+var import_react91 = require("react");
+var import_react92 = require("@ai-matrx/records/react");
 var import_records10 = require("@ai-matrx/records");
 var import_design_system45 = require("@ai-matrx/design-system");
 var import_jsx_runtime48 = require("react/jsx-runtime");
@@ -12582,38 +12862,38 @@ function draftWindows(availability) {
   });
 }
 function BookingBuilder({ tableId, bookingId, onSaved, onClose, className }) {
-  const client = (0, import_react91.useRecordsClient)();
+  const client = (0, import_react92.useRecordsClient)();
   const host = useRecordsUi();
-  const table = (0, import_react91.useTable)(tableId);
+  const table = (0, import_react92.useTable)(tableId);
   const rights = useTableRights(table.data);
-  const fields = (0, import_react91.useFields)(tableId);
-  const [existing, setExisting] = (0, import_react90.useState)(null);
-  const [loaded, setLoaded] = (0, import_react90.useState)(false);
-  const [error, setError] = (0, import_react90.useState)(null);
-  const [saving, setSaving] = (0, import_react90.useState)(false);
-  const [publishing, setPublishing] = (0, import_react90.useState)(false);
-  const [copied, setCopied] = (0, import_react90.useState)(false);
-  const [title, setTitle] = (0, import_react90.useState)("");
-  const [minutes, setMinutes] = (0, import_react90.useState)(30);
-  const [buffer, setBuffer] = (0, import_react90.useState)(0);
-  const [lead, setLead] = (0, import_react90.useState)(120);
-  const [perDay, setPerDay] = (0, import_react90.useState)(8);
-  const [days, setDays] = (0, import_react90.useState)(30);
-  const [windows, setWindows] = (0, import_react90.useState)(() => draftWindows(null));
-  const [asked, setAsked] = (0, import_react90.useState)([]);
-  const [confirmation, setConfirmation] = (0, import_react90.useState)("");
-  const [offer, setOffer] = (0, import_react90.useState)(null);
-  const [formId, setFormId] = (0, import_react90.useState)(bookingId ?? null);
+  const fields = (0, import_react92.useFields)(tableId);
+  const [existing, setExisting] = (0, import_react91.useState)(null);
+  const [loaded, setLoaded] = (0, import_react91.useState)(false);
+  const [error, setError] = (0, import_react91.useState)(null);
+  const [saving, setSaving] = (0, import_react91.useState)(false);
+  const [publishing, setPublishing] = (0, import_react91.useState)(false);
+  const [copied, setCopied] = (0, import_react91.useState)(false);
+  const [title, setTitle] = (0, import_react91.useState)("");
+  const [minutes, setMinutes] = (0, import_react91.useState)(30);
+  const [buffer, setBuffer] = (0, import_react91.useState)(0);
+  const [lead, setLead] = (0, import_react91.useState)(120);
+  const [perDay, setPerDay] = (0, import_react91.useState)(8);
+  const [days, setDays] = (0, import_react91.useState)(30);
+  const [windows, setWindows] = (0, import_react91.useState)(() => draftWindows(null));
+  const [asked, setAsked] = (0, import_react91.useState)([]);
+  const [confirmation, setConfirmation] = (0, import_react91.useState)("");
+  const [offer, setOffer] = (0, import_react91.useState)(null);
+  const [formId, setFormId] = (0, import_react91.useState)(bookingId ?? null);
   const publicOrigin = host.publicOrigin ?? (typeof window === "undefined" ? "" : window.location.origin);
-  const askable = (0, import_react90.useMemo)(
+  const askable = (0, import_react91.useMemo)(
     () => askableFields(fields.data ?? [], STORE_ANSWERS_THESE),
     [fields.data]
   );
-  const leftOut = (0, import_react90.useMemo)(
+  const leftOut = (0, import_react91.useMemo)(
     () => whyNotAskable(fields.data ?? [], STORE_ANSWERS_THESE),
     [fields.data]
   );
-  const load = (0, import_react90.useCallback)(async () => {
+  const load = (0, import_react91.useCallback)(async () => {
     const answered = await client.bookings({ table_id: tableId });
     if (!answered.ok) {
       setError(answered.error);
@@ -12625,18 +12905,18 @@ function BookingBuilder({ tableId, bookingId, onSaved, onClose, className }) {
     setLoaded(true);
     if (mine) setFormId(mine.form_id);
   }, [client, tableId, bookingId]);
-  (0, import_react90.useEffect)(() => {
+  (0, import_react91.useEffect)(() => {
     void load();
   }, [load]);
-  (0, import_react90.useEffect)(() => {
+  (0, import_react91.useEffect)(() => {
     if (title !== "" || !table.data) return;
     setTitle(existing?.title ?? `Book a ${minutes}-minute ${table.data.name} appointment`);
   }, [table.data, existing]);
-  (0, import_react90.useEffect)(() => {
+  (0, import_react91.useEffect)(() => {
     if (!existing) return;
     setMinutes(existing.slot_minutes);
   }, [existing]);
-  (0, import_react90.useEffect)(() => {
+  (0, import_react91.useEffect)(() => {
     if (!offer) return;
     setWindows(draftWindows(offer));
     setMinutes(offer.slot_minutes);
@@ -12645,7 +12925,7 @@ function BookingBuilder({ tableId, bookingId, onSaved, onClose, className }) {
     setPerDay(offer.max_per_day);
     setDays(offer.days);
   }, [offer]);
-  const availability = (0, import_react90.useCallback)(
+  const availability = (0, import_react91.useCallback)(
     () => ({
       slot_minutes: minutes,
       buffer_minutes: buffer,
@@ -12898,8 +13178,8 @@ function BookingBuilder({ tableId, bookingId, onSaved, onClose, className }) {
 }
 
 // src/BookingSlots.tsx
-var import_react92 = require("react");
-var import_react93 = require("@ai-matrx/records/react");
+var import_react93 = require("react");
+var import_react94 = require("@ai-matrx/records/react");
 var import_records11 = require("@ai-matrx/records");
 var import_design_system46 = require("@ai-matrx/design-system");
 var import_jsx_runtime49 = require("react/jsx-runtime");
@@ -12916,15 +13196,15 @@ var STATE_WORDS = {
   full: "Every time you offered is taken."
 };
 function BookingSlots({ tableId, className }) {
-  const client = (0, import_react93.useRecordsClient)();
+  const client = (0, import_react94.useRecordsClient)();
   const host = useRecordsUi();
-  const [pages, setPages] = (0, import_react92.useState)(null);
-  const [error, setError] = (0, import_react92.useState)(null);
-  const [busy, setBusy] = (0, import_react92.useState)(null);
-  const [copied, setCopied] = (0, import_react92.useState)(null);
-  const [shown, setShown] = (0, import_react92.useState)(null);
-  const [building, setBuilding] = (0, import_react92.useState)(false);
-  const load = (0, import_react92.useCallback)(async () => {
+  const [pages, setPages] = (0, import_react93.useState)(null);
+  const [error, setError] = (0, import_react93.useState)(null);
+  const [busy, setBusy] = (0, import_react93.useState)(null);
+  const [copied, setCopied] = (0, import_react93.useState)(null);
+  const [shown, setShown] = (0, import_react93.useState)(null);
+  const [building, setBuilding] = (0, import_react93.useState)(false);
+  const load = (0, import_react93.useCallback)(async () => {
     const answered = await client.bookings(tableId ? { table_id: tableId } : {});
     if (!answered.ok) {
       setError(answered.error);
@@ -12934,15 +13214,15 @@ function BookingSlots({ tableId, className }) {
     setError(null);
     setPages(answered.data);
   }, [client, tableId]);
-  (0, import_react92.useEffect)(() => {
+  (0, import_react93.useEffect)(() => {
     void load();
   }, [load]);
-  const subjectIds = (0, import_react92.useMemo)(
+  const subjectIds = (0, import_react93.useMemo)(
     () => Array.from(new Set((pages ?? []).map((p) => p.table_id))),
     [pages]
   );
-  const levels = (0, import_react93.useMyLevels)(subjectIds);
-  const toggle = (0, import_react92.useCallback)(
+  const levels = (0, import_react94.useMyLevels)(subjectIds);
+  const toggle = (0, import_react93.useCallback)(
     async (page) => {
       setBusy(page.form_id);
       const wanted = page.published_at === null || page.closed_at !== null;
@@ -12956,7 +13236,7 @@ function BookingSlots({ tableId, className }) {
     },
     [client, load]
   );
-  const copy = (0, import_react92.useCallback)(async (url, formId) => {
+  const copy = (0, import_react93.useCallback)(async (url, formId) => {
     try {
       await navigator.clipboard.writeText(url);
       setCopied(formId);
@@ -13091,14 +13371,14 @@ function nextInWords(page) {
 }
 
 // src/CaptureSheet.tsx
-var import_react96 = require("react");
-var import_react97 = require("@ai-matrx/records/react");
+var import_react97 = require("react");
+var import_react98 = require("@ai-matrx/records/react");
 var import_design_system48 = require("@ai-matrx/design-system");
 
 // src/CaptureRun.tsx
-var import_react94 = require("react");
+var import_react95 = require("react");
 var import_records12 = require("@ai-matrx/records");
-var import_react95 = require("@ai-matrx/records/react");
+var import_react96 = require("@ai-matrx/records/react");
 var import_design_system47 = require("@ai-matrx/design-system");
 var import_jsx_runtime50 = require("react/jsx-runtime");
 function controlFor(field) {
@@ -13137,21 +13417,21 @@ function whereWeAre(timeoutMs = 4e3) {
   });
 }
 function CaptureRun({ sheetId, face: given, className }) {
-  const client = (0, import_react95.useRecordsClient)();
+  const client = (0, import_react96.useRecordsClient)();
   const host = useRecordsUi();
-  const [face, setFace] = (0, import_react94.useState)(given);
-  const [loadFailed, setLoadFailed] = (0, import_react94.useState)(null);
-  const [at, setAt] = (0, import_react94.useState)(0);
-  const [answers, setAnswers] = (0, import_react94.useState)({});
-  const [files, setFiles] = (0, import_react94.useState)({});
-  const [missing, setMissing] = (0, import_react94.useState)(null);
-  const [done, setDone] = (0, import_react94.useState)(null);
-  const [counts, setCounts] = (0, import_react94.useState)({ waiting: 0, sending: 0, refused: 0, landed: 0 });
-  const [items, setItems] = (0, import_react94.useState)([]);
-  const [lastSynced, setLastSynced] = (0, import_react94.useState)(null);
-  const [sending, setSending] = (0, import_react94.useState)(false);
-  const queueRef = (0, import_react94.useRef)(null);
-  (0, import_react94.useEffect)(() => {
+  const [face, setFace] = (0, import_react95.useState)(given);
+  const [loadFailed, setLoadFailed] = (0, import_react95.useState)(null);
+  const [at, setAt] = (0, import_react95.useState)(0);
+  const [answers, setAnswers] = (0, import_react95.useState)({});
+  const [files, setFiles] = (0, import_react95.useState)({});
+  const [missing, setMissing] = (0, import_react95.useState)(null);
+  const [done, setDone] = (0, import_react95.useState)(null);
+  const [counts, setCounts] = (0, import_react95.useState)({ waiting: 0, sending: 0, refused: 0, landed: 0 });
+  const [items, setItems] = (0, import_react95.useState)([]);
+  const [lastSynced, setLastSynced] = (0, import_react95.useState)(null);
+  const [sending, setSending] = (0, import_react95.useState)(false);
+  const queueRef = (0, import_react95.useRef)(null);
+  (0, import_react95.useEffect)(() => {
     const q2 = (0, import_records12.openCaptureQueue)({
       onChange: (c, all) => {
         setCounts(c);
@@ -13189,7 +13469,7 @@ function CaptureRun({ sheetId, face: given, className }) {
     void q2.sync().then(() => void q2.lastSyncedAt().then(setLastSynced));
     return () => q2.dispose();
   }, [client, host]);
-  (0, import_react94.useEffect)(() => {
+  (0, import_react95.useEffect)(() => {
     if (given !== void 0) return;
     let cancelled = false;
     void client.captureOpen({ sheet_id: sheetId }).then((res) => {
@@ -13201,7 +13481,7 @@ function CaptureRun({ sheetId, face: given, className }) {
       cancelled = true;
     };
   }, [client, given, sheetId]);
-  const questions = (0, import_react94.useMemo)(() => {
+  const questions = (0, import_react95.useMemo)(() => {
     const asked = face?.presentation?.questions ?? [];
     if (asked.length > 0) return asked;
     return (face?.fields ?? []).map((f) => ({
@@ -13211,11 +13491,11 @@ function CaptureRun({ sheetId, face: given, className }) {
       required: f.required
     }));
   }, [face]);
-  const fieldOf = (0, import_react94.useCallback)(
+  const fieldOf = (0, import_react95.useCallback)(
     (key) => (face?.fields ?? []).find((f) => f.key === key),
     [face]
   );
-  const sync = (0, import_react94.useCallback)(async () => {
+  const sync = (0, import_react95.useCallback)(async () => {
     const q2 = queueRef.current;
     if (!q2) return;
     setSending(true);
@@ -13228,7 +13508,7 @@ function CaptureRun({ sheetId, face: given, className }) {
       setSending(false);
     }
   }, []);
-  const answered = (0, import_react94.useCallback)(
+  const answered = (0, import_react95.useCallback)(
     (key) => {
       if (files[key]) return true;
       const v = answers[key];
@@ -13495,21 +13775,21 @@ function AdHocCaptureSheet({
   attachmentField,
   className
 }) {
-  const client = (0, import_react97.useRecordsClient)();
+  const client = (0, import_react98.useRecordsClient)();
   const host = useRecordsUi();
-  const table = (0, import_react97.useTable)(tableId);
-  const fields = (0, import_react97.useFields)(tableId);
-  const [mode, setMode] = (0, import_react96.useState)("reading");
-  const [reading, setReading] = (0, import_react96.useState)("");
-  const [note, setNote] = (0, import_react96.useState)("");
-  const [fileId, setFileId] = (0, import_react96.useState)(null);
-  const [pending, setPending] = (0, import_react96.useState)(null);
-  const [saved, setSaved] = (0, import_react96.useState)([]);
-  const [error, setError] = (0, import_react96.useState)(null);
-  const [uploadError, setUploadError] = (0, import_react96.useState)(null);
-  const [flushing, setFlushing] = (0, import_react96.useState)(false);
-  const queue = (0, import_react96.useRef)([]);
-  const keep = (0, import_react96.useCallback)(
+  const table = (0, import_react98.useTable)(tableId);
+  const fields = (0, import_react98.useFields)(tableId);
+  const [mode, setMode] = (0, import_react97.useState)("reading");
+  const [reading, setReading] = (0, import_react97.useState)("");
+  const [note, setNote] = (0, import_react97.useState)("");
+  const [fileId, setFileId] = (0, import_react97.useState)(null);
+  const [pending, setPending] = (0, import_react97.useState)(null);
+  const [saved, setSaved] = (0, import_react97.useState)([]);
+  const [error, setError] = (0, import_react97.useState)(null);
+  const [uploadError, setUploadError] = (0, import_react97.useState)(null);
+  const [flushing, setFlushing] = (0, import_react97.useState)(false);
+  const queue = (0, import_react97.useRef)([]);
+  const keep = (0, import_react97.useCallback)(
     async (next) => {
       queue.current = next;
       setPending(next);
@@ -13517,7 +13797,7 @@ function AdHocCaptureSheet({
     },
     [host]
   );
-  (0, import_react96.useEffect)(() => {
+  (0, import_react97.useEffect)(() => {
     let cancelled = false;
     void (async () => {
       const held = host.captureQueue ? await host.captureQueue.load() : [];
@@ -13529,7 +13809,7 @@ function AdHocCaptureSheet({
       cancelled = true;
     };
   }, [host]);
-  const resolved = (0, import_react96.useCallback)(() => {
+  const resolved = (0, import_react97.useCallback)(() => {
     const all = fields.data ?? [];
     return {
       reading: readingField ?? all.find((f) => f.type === "range")?.key ?? null,
@@ -13537,7 +13817,7 @@ function AdHocCaptureSheet({
       attachment: attachmentField ?? all.find((f) => f.format === "file" || f.format === "image")?.key ?? null
     };
   }, [attachmentField, fields.data, noteField, readingField, table.data]);
-  const flush = (0, import_react96.useCallback)(async () => {
+  const flush = (0, import_react97.useCallback)(async () => {
     if (flushing || queue.current.length === 0) return;
     setFlushing(true);
     const left = [];
@@ -13696,18 +13976,18 @@ function AdHocCaptureSheet({
 }
 
 // src/PortalShell.tsx
-var import_react98 = require("react");
-var import_react99 = require("@ai-matrx/records/react");
+var import_react99 = require("react");
+var import_react100 = require("@ai-matrx/records/react");
 var import_design_system49 = require("@ai-matrx/design-system");
 var import_jsx_runtime52 = require("react/jsx-runtime");
 function PortalShell({ tableId, form, resourceType = "record", className }) {
-  const client = (0, import_react99.useRecordsClient)();
-  const [card, setCard] = (0, import_react98.useState)(null);
-  const [reach, setReach] = (0, import_react98.useState)(null);
-  const [error, setError] = (0, import_react98.useState)(null);
-  const [open, setOpen] = (0, import_react98.useState)(null);
-  const [sending, setSending] = (0, import_react98.useState)(false);
-  const load = (0, import_react98.useCallback)(async () => {
+  const client = (0, import_react100.useRecordsClient)();
+  const [card, setCard] = (0, import_react99.useState)(null);
+  const [reach, setReach] = (0, import_react99.useState)(null);
+  const [error, setError] = (0, import_react99.useState)(null);
+  const [open, setOpen] = (0, import_react99.useState)(null);
+  const [sending, setSending] = (0, import_react99.useState)(false);
+  const load = (0, import_react99.useCallback)(async () => {
     const who = await client.externalPrincipalCard();
     if (!who.ok) {
       setError(who.error);
@@ -13722,7 +14002,7 @@ function PortalShell({ tableId, form, resourceType = "record", className }) {
     }
     setReach(reached.data.map((row) => row.resource_id));
   }, [client, resourceType]);
-  (0, import_react98.useEffect)(() => {
+  (0, import_react99.useEffect)(() => {
     void load();
   }, [load]);
   if (error) {
@@ -13780,9 +14060,9 @@ function PortalShell({ tableId, form, resourceType = "record", className }) {
   ] });
 }
 function PortalRow({ tableId, recordId }) {
-  const client = (0, import_react99.useRecordsClient)();
-  const [title, setTitle] = (0, import_react98.useState)(null);
-  (0, import_react98.useEffect)(() => {
+  const client = (0, import_react100.useRecordsClient)();
+  const [title, setTitle] = (0, import_react99.useState)(null);
+  (0, import_react99.useEffect)(() => {
     let cancelled = false;
     void client.recordRead({ record_id: recordId }).then((answered) => {
       if (cancelled) return;
@@ -13802,18 +14082,18 @@ function PortalRow({ tableId, recordId }) {
 }
 
 // src/PublicViewPage.tsx
-var import_react100 = require("react");
-var import_react101 = require("@ai-matrx/records/react");
+var import_react101 = require("react");
+var import_react102 = require("@ai-matrx/records/react");
 var import_design_system50 = require("@ai-matrx/design-system");
 var import_jsx_runtime53 = require("react/jsx-runtime");
 function PublicViewPage({ slug, className }) {
-  const client = (0, import_react101.useRecordsClient)();
-  const [binding, setBinding] = (0, import_react100.useState)(null);
-  const [rows, setRows] = (0, import_react100.useState)(null);
-  const [fields, setFields] = (0, import_react100.useState)(null);
-  const [error, setError] = (0, import_react100.useState)(null);
-  const [gap, setGap] = (0, import_react100.useState)(null);
-  const load = (0, import_react100.useCallback)(async () => {
+  const client = (0, import_react102.useRecordsClient)();
+  const [binding, setBinding] = (0, import_react101.useState)(null);
+  const [rows, setRows] = (0, import_react101.useState)(null);
+  const [fields, setFields] = (0, import_react101.useState)(null);
+  const [error, setError] = (0, import_react101.useState)(null);
+  const [gap, setGap] = (0, import_react101.useState)(null);
+  const load = (0, import_react101.useCallback)(async () => {
     const notice = await client.worldPublishGapNotice();
     if (notice.ok) setGap(notice.data);
     const resolved = await client.resolvePublishBinding({ slug });
@@ -13846,7 +14126,7 @@ function PublicViewPage({ slug, className }) {
     }
     setRows([{ id: found.resource_id, document: read.data.document, level: "viewer", hidden: read.data.hidden }]);
   }, [client, slug]);
-  (0, import_react100.useEffect)(() => {
+  (0, import_react101.useEffect)(() => {
     void load();
   }, [load]);
   if (error) return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(RefusalNotice, { error, className });
@@ -13883,10 +14163,10 @@ function PublicRow({ row, fields }) {
 }
 
 // src/EmbedFrame.tsx
-var import_react102 = require("react");
-var import_react103 = require("@ai-matrx/records/react");
-var import_design_system51 = require("@ai-matrx/design-system");
+var import_react103 = require("react");
 var import_react104 = require("@ai-matrx/records/react");
+var import_design_system51 = require("@ai-matrx/design-system");
+var import_react105 = require("@ai-matrx/records/react");
 var import_jsx_runtime54 = require("react/jsx-runtime");
 function EmbedFrame({
   tableId,
@@ -13896,18 +14176,18 @@ function EmbedFrame({
   embedUrl,
   className
 }) {
-  const client = (0, import_react103.useRecordsClient)();
+  const client = (0, import_react104.useRecordsClient)();
   const host = useRecordsUi();
-  const table = (0, import_react104.useTable)(tableId);
+  const table = (0, import_react105.useTable)(tableId);
   const rights = useTableRights(table.data);
-  const [origins, setOrigins] = (0, import_react102.useState)("");
-  const [secret, setSecret] = (0, import_react102.useState)(null);
-  const [tokenId, setTokenId] = (0, import_react102.useState)(null);
-  const [error, setError] = (0, import_react102.useState)(null);
-  const [busy, setBusy] = (0, import_react102.useState)(false);
+  const [origins, setOrigins] = (0, import_react103.useState)("");
+  const [secret, setSecret] = (0, import_react103.useState)(null);
+  const [tokenId, setTokenId] = (0, import_react103.useState)(null);
+  const [error, setError] = (0, import_react103.useState)(null);
+  const [busy, setBusy] = (0, import_react103.useState)(false);
   const mode = formId ? "write" : "read";
   const parsed = origins.split(/[\s,]+/).map((o) => o.trim()).filter((o) => o.length > 0);
-  const issue = (0, import_react102.useCallback)(async () => {
+  const issue = (0, import_react103.useCallback)(async () => {
     setBusy(true);
     setError(null);
     const minted = await client.anonTokenIssue({
@@ -13926,7 +14206,7 @@ function EmbedFrame({
     setTokenId(minted.data.token_id);
     host.notify?.success("Embed token issued. Copy it now \u2014 it is never shown again.");
   }, [client, formId, host, mode, parsed, recordId, savedViewId]);
-  const revoke = (0, import_react102.useCallback)(async () => {
+  const revoke = (0, import_react103.useCallback)(async () => {
     if (!tokenId) return;
     setBusy(true);
     const done = await client.anonTokenRevoke({ token_id: tokenId });
@@ -13990,13 +14270,13 @@ function EmbedFrame({
   ] });
 }
 function useEmbedHandshake(args) {
-  const client = (0, import_react103.useRecordsClient)();
-  const [binding, setBinding] = (0, import_react102.useState)(null);
-  const [error, setError] = (0, import_react102.useState)(null);
-  const [loading, setLoading] = (0, import_react102.useState)(true);
+  const client = (0, import_react104.useRecordsClient)();
+  const [binding, setBinding] = (0, import_react103.useState)(null);
+  const [error, setError] = (0, import_react103.useState)(null);
+  const [loading, setLoading] = (0, import_react103.useState)(true);
   const origin = args.origin ?? (typeof location === "undefined" ? "" : location.origin);
   const { secret, requiredMode } = args;
-  (0, import_react102.useEffect)(() => {
+  (0, import_react103.useEffect)(() => {
     let cancelled = false;
     setLoading(true);
     setError(null);
@@ -14018,7 +14298,7 @@ function useEmbedHandshake(args) {
 }
 
 // src/RecordsMount.tsx
-var import_react105 = require("@ai-matrx/records/react");
+var import_react106 = require("@ai-matrx/records/react");
 var import_jsx_runtime55 = require("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.";
 function storeDecidesRights(_table) {
@@ -14032,7 +14312,7 @@ function RecordsMount({
 }) {
   const bound = { ...host ?? {} };
   void letTheStoreDecideRights;
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_react105.RecordsProvider, { config, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(RecordsUiProvider, { value: bound, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(RecordLabelProvider, { children }) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_react106.RecordsProvider, { config, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(RecordsUiProvider, { value: bound, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(RecordLabelProvider, { children }) }) });
 }
 function personActor(userId) {
   return userId ? { actor: "user", user_id: userId } : { actor: "user" };
@@ -14051,8 +14331,8 @@ function recordsDataSource(client, fallbackSchema = "custom") {
 }
 
 // src/TablesHome.tsx
-var import_react106 = require("react");
-var import_react107 = require("@ai-matrx/records/react");
+var import_react107 = require("react");
+var import_react108 = require("@ai-matrx/records/react");
 var import_design_system52 = require("@ai-matrx/design-system");
 
 // src/createTable.ts
@@ -14188,15 +14468,15 @@ function laneFor(table) {
   return "organization";
 }
 function TablesHome({ onOpenTable, className }) {
-  const client = (0, import_react107.useRecordsClient)();
-  const tables = (0, import_react107.useTables)();
-  const [creating, setCreating] = (0, import_react106.useState)(false);
-  const [name, setName] = (0, import_react106.useState)("");
-  const [busy, setBusy] = (0, import_react106.useState)(false);
-  const [error, setError] = (0, import_react106.useState)(null);
-  const [importInto, setImportInto] = (0, import_react106.useState)(null);
-  const [boards, setBoards] = (0, import_react106.useState)(null);
-  (0, import_react106.useEffect)(() => {
+  const client = (0, import_react108.useRecordsClient)();
+  const tables = (0, import_react108.useTables)();
+  const [creating, setCreating] = (0, import_react107.useState)(false);
+  const [name, setName] = (0, import_react107.useState)("");
+  const [busy, setBusy] = (0, import_react107.useState)(false);
+  const [error, setError] = (0, import_react107.useState)(null);
+  const [importInto, setImportInto] = (0, import_react107.useState)(null);
+  const [boards, setBoards] = (0, import_react107.useState)(null);
+  (0, import_react107.useEffect)(() => {
     let cancelled = false;
     void client.dashboards({}).then((result) => {
       if (cancelled) return;
@@ -14206,7 +14486,7 @@ function TablesHome({ onOpenTable, className }) {
       cancelled = true;
     };
   }, [client]);
-  const create = (0, import_react106.useCallback)(
+  const create = (0, import_react107.useCallback)(
     async (mode) => {
       const trimmed = name.trim();
       if (!trimmed) return;
@@ -14330,8 +14610,8 @@ function TablesHome({ onOpenTable, className }) {
 }
 
 // src/TablePage.tsx
-var import_react108 = require("react");
-var import_react109 = require("@ai-matrx/records/react");
+var import_react109 = require("react");
+var import_react110 = require("@ai-matrx/records/react");
 var import_design_system53 = require("@ai-matrx/design-system");
 var import_jsx_runtime57 = require("react/jsx-runtime");
 var TABLE_NOT_REACHABLE = "This table is not in the organization you are working in, so there is nothing here to show. Switch to the organization that owns it and open it again \u2014 or it may have been deleted.";
@@ -14354,6 +14634,19 @@ function surfaceChosen(current, asking) {
 function openingRail(activeRecordId) {
   return activeRecordId ? { rail: "record", record: activeRecordId } : { rail: "none", record: null };
 }
+function openingView(activeView, activeDashboardId) {
+  const named = pageViewFromParam(activeView);
+  if (named === null) {
+    const asked = typeof activeView === "string" ? activeView.trim() : "";
+    return {
+      main: activeDashboardId ? "dashboards" : "records",
+      layout: null,
+      unknown: asked === "" ? null : asked
+    };
+  }
+  if (named === "dashboards") return { main: "dashboards", layout: null, unknown: null };
+  return { main: "records", layout: named, unknown: null };
+}
 function TablePage({
   tableId,
   pageSize = 100,
@@ -14362,31 +14655,48 @@ function TablePage({
   leaveLabel = "Back to your tables",
   activeDashboardId,
   activeRecordId,
+  activeView,
+  onViewChanged,
   className
 }) {
-  const client = (0, import_react109.useRecordsClient)();
-  const table = (0, import_react109.useTable)(tableId);
+  const client = (0, import_react110.useRecordsClient)();
+  const table = (0, import_react110.useTable)(tableId);
   const rights = useTableRights(table.data);
-  const organizationId = (0, import_react109.useRecordsClient)().config.organizationId;
-  const [view, setView] = (0, import_react108.useState)(null);
+  const organizationId = (0, import_react110.useRecordsClient)().config.organizationId;
+  const [view, setView] = (0, import_react109.useState)(null);
   const opening = openingRail(activeRecordId);
-  const [asking, setAsking] = (0, import_react108.useState)(null);
-  const [surface, setSurface] = (0, import_react108.useState)({
-    main: activeDashboardId ? "dashboards" : "records",
+  const opened = openingView(activeView, activeDashboardId);
+  const [asking, setAsking] = (0, import_react109.useState)(null);
+  const [layoutFromLink, setLayoutFromLink] = (0, import_react109.useState)(opened.layout);
+  const [surface, setSurface] = (0, import_react109.useState)({
+    main: opened.main,
     rail: opening.rail
   });
   const { main, rail } = surface;
   const setRail = (next) => setSurface((now) => ({ ...now, rail: next }));
-  const [openRecord, setOpenRecord] = (0, import_react108.useState)(opening.record);
+  const [openRecord, setOpenRecord] = (0, import_react109.useState)(opening.record);
   const viewVersion = useRecordVersion(view?.id ?? null);
-  const press = (pressed) => setSurface((now) => chooseSurface(now, pressed));
+  const shownLayout = layoutFromLink ?? view?.layout ?? "grid";
+  const press = (pressed) => {
+    const next = chooseSurface(surface, pressed);
+    setSurface(next);
+    if (next.main !== surface.main) {
+      onViewChanged?.(next.main === "dashboards" ? "dashboards" : shownLayout);
+    }
+  };
   const show = (next) => press({ rail: next });
-  (0, import_react108.useEffect)(() => {
+  (0, import_react109.useEffect)(() => {
     if (!activeRecordId) return;
     setOpenRecord(activeRecordId);
     setSurface((now) => ({ ...now, rail: "record" }));
   }, [activeRecordId]);
-  const patchView = (0, import_react108.useCallback)(
+  (0, import_react109.useEffect)(() => {
+    const named = pageViewFromParam(activeView);
+    if (named === null) return;
+    setLayoutFromLink(named === "dashboards" ? null : named);
+    setSurface((now) => ({ ...now, main: named === "dashboards" ? "dashboards" : "records" }));
+  }, [activeView]);
+  const patchView = (0, import_react109.useCallback)(
     async (patch) => {
       const current = view;
       if (!current) return;
@@ -14539,11 +14849,16 @@ function TablePage({
         /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(ExportMenu, { tableId })
       ] }),
       main === "dashboards" ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(DashboardCanvas, { tableId, activeDashboardId: activeDashboardId ?? null }) : /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_jsx_runtime57.Fragment, { children: [
+        opened.unknown ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("p", { className: "rounded-md border border-amber-600/40 bg-amber-500/5 px-3 py-2 text-xs leading-relaxed text-amber-700 dark:border-amber-400/40 dark:text-amber-300", children: unknownViewLine(opened.unknown) }) : null,
         /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
           ViewSwitcher,
           {
-            view: view ?? defaultView(tableId),
+            view: { ...view ?? defaultView(tableId), layout: shownLayout },
             pageSize,
+            onLayoutChange: (layout) => {
+              setLayoutFromLink(layout);
+              onViewChanged?.(layout);
+            },
             ...view ? { onViewChange: (patch) => void patchView(patch) } : {},
             ...rights.write ? { onNewRecordForm: () => setRail("new-record") } : {},
             onOpenRecord: (recordId) => {