@ai-matrx/records-ui 0.59.0 → 0.61.0

package/dist/index.js

@@ -262,11 +262,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);
 }
@@ -1172,8 +1178,13 @@ var LabelContext = createContext3({
   // 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];
@@ -1190,13 +1201,48 @@ function RecordLabelProvider({ children }) {
   const client = useRecordsClient5();
   const [names, setNames] = useState5({});
   const [settled, setSettled] = useState5({});
+  const [waitingLines, setWaitingLines] = useState5({});
   const asked = useRef2(/* @__PURE__ */ new Set());
   const chased = useRef2(/* @__PURE__ */ new Set());
+  const timers = useRef2(/* @__PURE__ */ new Map());
+  const startWaitClock = useCallback3((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 = useCallback3((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;
+    });
+  }, []);
+  useEffect5(
+    () => () => {
+      for (const timer of timers.current.values()) clearTimeout(timer);
+      timers.current.clear();
+    },
+    []
+  );
   const want = useCallback3(
     (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 });
@@ -1210,11 +1256,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([
@@ -1232,24 +1280,54 @@ function RecordLabelProvider({ children }) {
           });
         }
         setSettled((current) => ({ ...current, [field.id]: true }));
+        stopWaitClock(field.id);
       })();
     },
-    [client]
+    [client, startWaitClock, stopWaitClock]
   );
+  const queued = useRef2(/* @__PURE__ */ new Map());
+  const flushing = useRef2(null);
+  const flush = useCallback3(() => {
+    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 = useCallback3(
     (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]
+  );
+  useEffect5(
+    () => () => {
+      if (flushing.current !== null) clearTimeout(flushing.current);
+    },
+    []
   );
   const lookup = useCallback3(
     (field, id) => {
@@ -1260,7 +1338,8 @@ function RecordLabelProvider({ children }) {
     },
     [names, settled, chase]
   );
-  const value = useMemo5(() => ({ lookup, want }), [lookup, want]);
+  const waiting = useCallback3((field) => waitingLines[field.id] ?? null, [waitingLines]);
+  const value = useMemo5(() => ({ lookup, want, waiting }), [lookup, want, waiting]);
   return /* @__PURE__ */ jsx7(LabelContext.Provider, { value, children });
 }
 function useRecordLabels(fields) {
@@ -1270,6 +1349,10 @@ function useRecordLabels(fields) {
   }, [fields, want]);
   return lookup;
 }
+function useLabelWait(field) {
+  const { waiting } = useContext3(LabelContext);
+  return field ? waiting(field) : null;
+}
 
 // src/values.tsx
 import { Fragment as Fragment2, jsx as jsx8 } from "react/jsx-runtime";
@@ -1283,7 +1366,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__ */ jsx8("span", { className: "text-xs italic text-muted-foreground", title: `VAL-2: ${envelope.absent}`, children: ABSENCE_WORDS[String(envelope.absent)] ?? String(envelope.absent) });
@@ -1304,13 +1387,13 @@ function renderValue(field, value, document2, labels) {
   if (typeof value === "boolean") {
     return /* @__PURE__ */ jsx8("span", { className: kind === "checkbox" ? "text-sm" : "", title: value ? "Yes" : "No", children: value ? "\u2713" : "\u2014" });
   }
-  return /* @__PURE__ */ jsx8("span", { className: cn5("truncate", kind === "number" || kind === "currency" || kind === "percent" ? "tabular-nums" : ""), children: scalarText(field, value, labels) });
+  return /* @__PURE__ */ jsx8("span", { className: cn5("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}%`;
@@ -1342,9 +1425,10 @@ function RecordValue({
   format
 }) {
   const labels = useRecordLabels(ONE_FIELD_ARRAY_CACHE(field));
+  const stillWaitingFor = useLabelWait(field);
   const formatted = format ? formatColumnValue({ format }, value) : null;
   if (formatted) return /* @__PURE__ */ jsx8(FormattedCell, { result: formatted });
-  return /* @__PURE__ */ jsx8(Fragment2, { children: renderValue(field, value, document2, labels) });
+  return /* @__PURE__ */ jsx8(Fragment2, { children: renderValue(field, value, document2, labels, stillWaitingFor) });
 }
 var ONE_FIELD_ARRAYS = /* @__PURE__ */ new WeakMap();
 function ONE_FIELD_ARRAY_CACHE(field) {
@@ -4788,12 +4872,13 @@ function ValueOnTheOtherSide({
 }
 
 // src/StageRules.tsx
-import { useCallback as useCallback8, useEffect as useEffect8, useMemo as useMemo12, useState as useState14 } from "react";
+import { useCallback as useCallback8, useEffect as useEffect8, useMemo as useMemo12, useState as useState15 } from "react";
 import { useFields as useFields6, useRecordsClient as useRecordsClient11, useTable as useTable5 } from "@ai-matrx/records/react";
-import { BasicInput as BasicInput6, BasicTextarea as BasicTextarea3, Button as Button12, Separator as Separator5, Skeleton as Skeleton3, cn as cn13 } from "@ai-matrx/design-system";
+import { BasicInput as BasicInput6, BasicTextarea as BasicTextarea3, Button as Button13, Separator as Separator5, Skeleton as Skeleton3, cn as cn13 } from "@ai-matrx/design-system";
 
 // src/Condition.tsx
-import { BasicInput as BasicInput5 } from "@ai-matrx/design-system";
+import { useState as useState14 } from "react";
+import { BasicInput as BasicInput5, Button as Button12 } from "@ai-matrx/design-system";
 import { Fragment as Fragment8, jsx as jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
 var CONDITION_OPS = [
   { op: "eq", label: "is" },
@@ -4922,6 +5007,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] = useState14(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__ */ jsxs13("div", { className: className ?? "flex flex-col gap-1 text-xs", "data-testid": "condition-group", children: [
+    args.length > 1 ? /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ jsx17("span", { className: "text-muted-foreground", children: lead }),
+      /* @__PURE__ */ jsx17(
+        "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__ */ jsx17("option", { value: j.op, children: j.label }, j.op))
+        }
+      )
+    ] }) : null,
+    args.length === 0 ? /* @__PURE__ */ jsx17(
+      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__ */ jsx17("div", { className: "ml-4 rounded border border-dashed p-1", "data-testid": "condition-nested-group", children: /* @__PURE__ */ jsx17(
+          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__ */ jsx17(
+        ConditionRow,
+        {
+          lead: args.length > 1 ? joinWord(index) : lead,
+          emptyLabel,
+          expr: arg,
+          fields,
+          onChange: (next) => replaceAt(index, next)
+        },
+        key
+      );
+    }),
+    drafting ? /* @__PURE__ */ jsx17(
+      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__ */ jsxs13("div", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ jsx17(
+        Button12,
+        {
+          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__ */ jsx17(
+        Button12,
+        {
+          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
 import { jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
@@ -4959,15 +5193,15 @@ function StageRulesSection({ tableId, stage, className }) {
   const table = useTable5(tableId);
   const rights = useTableRights(table.data);
   const fields = useFields6(tableId);
-  const [pipeline, setPipeline] = useState14(null);
-  const [enforcement, setEnforcement] = useState14(null);
-  const [asked, setAsked] = useState14(false);
-  const [error, setError] = useState14(null);
-  const [chosen, setChosen] = useState14(stage ?? null);
-  const [draft, setDraft] = useState14(null);
-  const [preview, setPreview] = useState14(null);
-  const [previewError, setPreviewError] = useState14(null);
-  const [saving, setSaving] = useState14(false);
+  const [pipeline, setPipeline] = useState15(null);
+  const [enforcement, setEnforcement] = useState15(null);
+  const [asked, setAsked] = useState15(false);
+  const [error, setError] = useState15(null);
+  const [chosen, setChosen] = useState15(stage ?? null);
+  const [draft, setDraft] = useState15(null);
+  const [preview, setPreview] = useState15(null);
+  const [previewError, setPreviewError] = useState15(null);
+  const [saving, setSaving] = useState15(false);
   const load = useCallback8(async () => {
     const [read, mode] = await Promise.all([client.pipelineRead({ table_id: tableId }), client.stageRuleEnforcement()]);
     if (!read.ok) setError(read.error);
@@ -5067,7 +5301,7 @@ function StageRulesSection({ tableId, stage, className }) {
       ),
       /* @__PURE__ */ jsx18("span", { className: "text-muted-foreground", children: gates.length }),
       canEdit && !draft ? /* @__PURE__ */ jsx18(
-        Button12,
+        Button13,
         {
           size: "sm",
           variant: "outline",
@@ -5089,7 +5323,7 @@ function StageRulesSection({ tableId, stage, className }) {
         /* @__PURE__ */ jsx18("div", { className: "text-muted-foreground", children: rule.message }),
         /* @__PURE__ */ jsx18("div", { className: "text-muted-foreground", children: (rule.on_fail ?? "refuse") === "require_approval" ? "Asks for approval" : "Turns it away" })
       ] }),
-      canEdit ? /* @__PURE__ */ jsx18(Button12, { size: "sm", variant: "ghost", onClick: () => setDraft(draftOf(rule)), children: "Edit" }) : null
+      canEdit ? /* @__PURE__ */ jsx18(Button13, { size: "sm", variant: "ghost", onClick: () => setDraft(draftOf(rule)), children: "Edit" }) : null
     ] }, rule.id)) }) : null,
     draft ? /* @__PURE__ */ jsxs14("div", { className: "flex flex-col gap-2 rounded border p-2", children: [
       draft.opaque ? /* @__PURE__ */ jsxs14("p", { className: "rounded border border-amber-500/40 bg-amber-500/5 px-2 py-1 text-muted-foreground", children: [
@@ -5155,8 +5389,8 @@ function StageRulesSection({ tableId, stage, className }) {
       previewError ? /* @__PURE__ */ jsx18(RefusalNotice, { error: previewError }) : preview ? /* @__PURE__ */ jsx18("p", { className: "text-muted-foreground", "data-testid": "stage-rule-preview", children: preview.refused === 0 ? `No ${preview.noun ?? "card"}s on this board would be stopped by this today, out of ${preview.considered} that could move here.` : `${preview.refused} of ${preview.considered} ${preview.noun ?? "card"}s would be ${(draft.on_fail ?? "refuse") === "require_approval" ? "sent for approval" : "refused"} today \u2014 ${preview.examples.map((e) => e.title).join(", ")}${preview.refused > preview.examples.length ? " and others" : ""}.` }) : null,
       error ? /* @__PURE__ */ jsx18(RefusalNotice, { error }) : null,
       /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-2", children: [
-        draft.message.trim() && Object.keys(draft.demands ?? {}).length > 0 ? /* @__PURE__ */ jsx18(Button12, { size: "sm", onClick: () => void save(), disabled: saving, children: saving ? "Saving\u2026" : "Save this rule" }) : /* @__PURE__ */ jsx18("span", { className: "text-muted-foreground", children: Object.keys(draft.demands ?? {}).length === 0 ? "Say what a card needs before it can get here." : NEEDS_A_SENTENCE }),
-        /* @__PURE__ */ jsx18(Button12, { size: "sm", variant: "ghost", onClick: () => setDraft(null), children: "Cancel" })
+        draft.message.trim() && Object.keys(draft.demands ?? {}).length > 0 ? /* @__PURE__ */ jsx18(Button13, { size: "sm", onClick: () => void save(), disabled: saving, children: saving ? "Saving\u2026" : "Save this rule" }) : /* @__PURE__ */ jsx18("span", { className: "text-muted-foreground", children: Object.keys(draft.demands ?? {}).length === 0 ? "Say what a card needs before it can get here." : NEEDS_A_SENTENCE }),
+        /* @__PURE__ */ jsx18(Button13, { size: "sm", variant: "ghost", onClick: () => setDraft(null), children: "Cancel" })
       ] })
     ] }) : null,
     /* @__PURE__ */ jsx18(Separator5, {})
@@ -5169,15 +5403,15 @@ function Clause({
   fields,
   onChange
 }) {
-  const [replacing, setReplacing] = useState14(false);
-  const drawable = conditionIsSimple(expr) || replacing;
+  const [replacing, setReplacing] = useState15(false);
+  const drawable = conditionIsDrawable(expr) || replacing;
   if (drawable) {
     return /* @__PURE__ */ jsx18(
-      ConditionRow,
+      ConditionGroup,
       {
         lead,
         emptyLabel,
-        expr: replacing && !conditionIsSimple(expr) ? null : expr,
+        expr: replacing && !conditionIsDrawable(expr) ? null : expr,
         fields,
         onChange
       }
@@ -5192,7 +5426,7 @@ function Clause({
       ", so it is shown as it reads."
     ] }),
     /* @__PURE__ */ jsx18(
-      Button12,
+      Button13,
       {
         size: "sm",
         variant: "ghost",
@@ -5208,14 +5442,14 @@ function Clause({
 }
 
 // src/TableSettings.tsx
-import { useState as useState15 } from "react";
+import { useState as useState16 } from "react";
 import {
   useFieldMutation as useFieldMutation2,
   useFields as useFields7,
   useRecordMutation,
   useTable as useTable6
 } from "@ai-matrx/records/react";
-import { Badge as Badge6, Button as Button13, Separator as Separator6, cn as cn14 } from "@ai-matrx/design-system";
+import { Badge as Badge6, Button as Button14, Separator as Separator6, cn as cn14 } from "@ai-matrx/design-system";
 import { Fragment as Fragment9, jsx as jsx19, jsxs as jsxs15 } from "react/jsx-runtime";
 function TableSettings({
   tableId,
@@ -5230,10 +5464,10 @@ function TableSettings({
   const rights = useTableRights(table.data);
   const mutation = useRecordMutation();
   const shape = useFieldMutation2();
-  const [editing, setEditing] = useState15(null);
-  const [askingToDelete, setAskingToDelete] = useState15(false);
-  const [askingToRemove, setAskingToRemove] = useState15(null);
-  const [enriching, setEnriching] = useState15(null);
+  const [editing, setEditing] = useState16(null);
+  const [askingToDelete, setAskingToDelete] = useState16(false);
+  const [askingToRemove, setAskingToRemove] = useState16(null);
+  const [enriching, setEnriching] = useState16(null);
   if (table.error) return /* @__PURE__ */ jsx19(RefusalNotice, { error: table.error, className });
   if (fields.error) return /* @__PURE__ */ jsx19(RefusalNotice, { error: fields.error, className });
   if (!rights.structure) return /* @__PURE__ */ jsx19("p", { className: cn14("text-xs text-muted-foreground", className), children: rights.why("structure") });
@@ -5263,7 +5497,7 @@ function TableSettings({
     return /* @__PURE__ */ jsxs15("div", { className, children: [
       /* @__PURE__ */ jsxs15("div", { className: "flex items-center justify-between px-2 pt-2", children: [
         /* @__PURE__ */ jsx19("h2", { className: "text-sm font-medium", children: fieldName(enriching) }),
-        /* @__PURE__ */ jsx19(Button13, { size: "sm", variant: "ghost", onClick: () => {
+        /* @__PURE__ */ jsx19(Button14, { size: "sm", variant: "ghost", onClick: () => {
           setEnriching(null);
           fields.reload();
         }, children: "Back" })
@@ -5291,7 +5525,7 @@ function TableSettings({
     /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ jsx19("span", { className: "font-medium", children: "Fields" }),
       /* @__PURE__ */ jsx19("span", { className: "text-muted-foreground", children: rows.length }),
-      /* @__PURE__ */ jsx19(Button13, { size: "sm", variant: "outline", className: "ml-auto", onClick: () => setEditing("new"), children: "Add a field" })
+      /* @__PURE__ */ jsx19(Button14, { size: "sm", variant: "outline", className: "ml-auto", onClick: () => setEditing("new"), children: "Add a field" })
     ] }),
     mutation.error ? /* @__PURE__ */ jsx19(RefusalNotice, { error: mutation.error }) : null,
     shape.error ? /* @__PURE__ */ jsx19(RefusalNotice, { error: shape.error }) : null,
@@ -5302,7 +5536,7 @@ function TableSettings({
         " takes it off every record of this table. The values stay in each record's history and nothing else is deleted."
       ] }),
       /* @__PURE__ */ jsx19(
-        Button13,
+        Button14,
         {
           size: "sm",
           variant: "destructive",
@@ -5311,7 +5545,7 @@ function TableSettings({
           children: shape.saving ? "Removing\u2026" : "Remove it"
         }
       ),
-      /* @__PURE__ */ jsx19(Button13, { size: "sm", variant: "ghost", onClick: () => setAskingToRemove(null), children: "Keep it" })
+      /* @__PURE__ */ jsx19(Button14, { size: "sm", variant: "ghost", onClick: () => setAskingToRemove(null), children: "Keep it" })
     ] }) : null,
     /* @__PURE__ */ jsxs15("ul", { className: "divide-y rounded border", children: [
       rows.map((field, index) => /* @__PURE__ */ jsxs15("li", { className: "flex items-center gap-2 px-2 py-1.5", children: [
@@ -5319,7 +5553,7 @@ function TableSettings({
         /* @__PURE__ */ jsx19(Badge6, { variant: "outline", className: "text-[10px] font-normal", children: fieldTypeLabel(field) }),
         field.required ? /* @__PURE__ */ jsx19("span", { className: "text-[10px] text-destructive", children: "required" }) : null,
         /* @__PURE__ */ jsx19(
-          Button13,
+          Button14,
           {
             size: "sm",
             variant: "ghost",
@@ -5330,7 +5564,7 @@ function TableSettings({
           }
         ),
         /* @__PURE__ */ jsx19(
-          Button13,
+          Button14,
           {
             size: "sm",
             variant: "ghost",
@@ -5341,9 +5575,9 @@ function TableSettings({
           }
         ),
         field.source === "agent" ? /* @__PURE__ */ jsx19(Badge6, { variant: "secondary", className: "text-[10px] font-normal", children: "a model fills this in" }) : null,
-        /* @__PURE__ */ jsx19(Button13, { size: "sm", variant: "ghost", onClick: () => setEditing(field), children: "Edit" }),
+        /* @__PURE__ */ jsx19(Button14, { size: "sm", variant: "ghost", onClick: () => setEditing(field), children: "Edit" }),
         /* @__PURE__ */ jsx19(
-          Button13,
+          Button14,
           {
             size: "sm",
             variant: "ghost",
@@ -5353,7 +5587,7 @@ function TableSettings({
           }
         ),
         /* @__PURE__ */ jsx19(
-          Button13,
+          Button14,
           {
             size: "sm",
             variant: "ghost",
@@ -5376,8 +5610,8 @@ function TableSettings({
       /* @__PURE__ */ jsx19("span", { className: "min-w-0 flex-1 truncate", children: proposal.field.label || proposal.field.key }),
       /* @__PURE__ */ jsx19("span", { className: "min-w-0 flex-1 truncate text-muted-foreground", children: proposal.why }),
       /* @__PURE__ */ jsx19(Badge6, { variant: "secondary", className: "text-[10px] font-normal", children: proposal.proposed_by }),
-      /* @__PURE__ */ jsx19(Button13, { size: "sm", variant: "outline", onClick: () => onAcceptProposal?.(proposal), children: "Accept" }),
-      /* @__PURE__ */ jsx19(Button13, { size: "sm", variant: "ghost", onClick: () => onRejectProposal?.(proposal), children: "Reject" })
+      /* @__PURE__ */ jsx19(Button14, { size: "sm", variant: "outline", onClick: () => onAcceptProposal?.(proposal), children: "Accept" }),
+      /* @__PURE__ */ jsx19(Button14, { size: "sm", variant: "ghost", onClick: () => onRejectProposal?.(proposal), children: "Reject" })
     ] }, proposal.id)) }),
     /* @__PURE__ */ jsx19(Separator6, {}),
     /* @__PURE__ */ jsxs15("div", { className: "flex flex-col gap-1", children: [
@@ -5394,22 +5628,22 @@ function TableSettings({
           table.data?.retention_days ? ` The store keeps them for ${table.data.retention_days} days, so it can still be restored.` : " The store keeps them, so it can still be restored."
         ] }),
         /* @__PURE__ */ jsxs15("div", { className: "flex gap-1", children: [
-          /* @__PURE__ */ jsx19(Button13, { size: "sm", variant: "destructive", disabled: mutation.saving, onClick: () => void deleteTable(), children: mutation.saving ? "Deleting\u2026" : "Delete this table" }),
-          /* @__PURE__ */ jsx19(Button13, { size: "sm", variant: "ghost", onClick: () => setAskingToDelete(false), children: "Keep it" })
+          /* @__PURE__ */ jsx19(Button14, { size: "sm", variant: "destructive", disabled: mutation.saving, onClick: () => void deleteTable(), children: mutation.saving ? "Deleting\u2026" : "Delete this table" }),
+          /* @__PURE__ */ jsx19(Button14, { size: "sm", variant: "ghost", onClick: () => setAskingToDelete(false), children: "Keep it" })
         ] })
-      ] }) : /* @__PURE__ */ jsx19("div", { children: /* @__PURE__ */ jsx19(Button13, { size: "sm", variant: "outline", onClick: () => setAskingToDelete(true), children: "Delete this table" }) }),
+      ] }) : /* @__PURE__ */ jsx19("div", { children: /* @__PURE__ */ jsx19(Button14, { size: "sm", variant: "outline", onClick: () => setAskingToDelete(true), children: "Delete this table" }) }),
       mutation.error ? /* @__PURE__ */ jsx19(RefusalNotice, { error: mutation.error }) : null
     ] })
   ] });
 }
 
 // src/Peek.tsx
-import { useState as useState20 } from "react";
+import { useState as useState21 } from "react";
 import { useFields as useFields9, useRecord as useRecord2, useRecordsClient as useRecordsClient14, useTable as useTable7 } from "@ai-matrx/records/react";
 import { AlchemyMenu as AlchemyMenu2 } from "@ai-matrx/alchemy/react";
 
 // src/RecordChat.tsx
-import { useEffect as useEffect9, useMemo as useMemo13, useState as useState16 } from "react";
+import { useEffect as useEffect9, useMemo as useMemo13, useState as useState17 } from "react";
 import { useRecordsClient as useRecordsClient12 } from "@ai-matrx/records/react";
 import { Skeleton as Skeleton4, cn as cn15 } from "@ai-matrx/design-system";
 import { jsx as jsx20, jsxs as jsxs16 } from "react/jsx-runtime";
@@ -5417,8 +5651,8 @@ var NO_CHAT_REASON = "No chat port is bound, so this panel is absent rather than
 function RecordChat({ tableId, recordId, className }) {
   const client = useRecordsClient12();
   const host = useRecordsUi();
-  const [scope, setScope] = useState16(null);
-  const [error, setError] = useState16(null);
+  const [scope, setScope] = useState17(null);
+  const [error, setError] = useState17(null);
   useEffect9(() => {
     let cancelled = false;
     setScope(null);
@@ -5533,20 +5767,20 @@ function entriesFor(scope) {
 }
 
 // src/Peek.tsx
-import { Button as Button16, Separator as Separator8, Skeleton as Skeleton5, cn as cn17 } from "@ai-matrx/design-system";
+import { Button as Button17, Separator as Separator8, Skeleton as Skeleton5, cn as cn17 } from "@ai-matrx/design-system";
 
 // src/RecordForm.tsx
-import { useEffect as useEffect11, useMemo as useMemo15, useState as useState18 } from "react";
+import { useEffect as useEffect11, useMemo as useMemo15, useState as useState19 } from "react";
 import {
   useFields as useFields8,
   useRecord,
   useRecordMutation as useRecordMutation2
 } from "@ai-matrx/records/react";
 import { predictWriteRefusals } from "@ai-matrx/records/core";
-import { Button as Button14, Separator as Separator7, cn as cn16 } from "@ai-matrx/design-system";
+import { Button as Button15, Separator as Separator7, cn as cn16 } from "@ai-matrx/design-system";
 
 // src/systemTable.ts
-import { useEffect as useEffect10, useMemo as useMemo14, useState as useState17 } from "react";
+import { useEffect as useEffect10, useMemo as useMemo14, useState as useState18 } from "react";
 import { useRecordsClient as useRecordsClient13 } from "@ai-matrx/records/react";
 var inFlight = /* @__PURE__ */ new Map();
 async function ensureSystemTable(client, spec) {
@@ -5676,7 +5910,7 @@ async function declare(client, spec) {
 }
 function useSystemTable(spec) {
   const client = useRecordsClient13();
-  const [state, setState] = useState17({ tableId: null, loading: true, error: null });
+  const [state, setState] = useState18({ tableId: null, loading: true, error: null });
   const slug = spec.slug;
   const stable = useMemo14(() => spec, [slug]);
   useEffect10(() => {
@@ -5696,7 +5930,7 @@ function useSystemTable(spec) {
 }
 function useRecordVersion(recordId) {
   const client = useRecordsClient13();
-  const [version, setVersion] = useState17(null);
+  const [version, setVersion] = useState18(null);
   useEffect10(() => {
     let cancelled = false;
     setVersion(null);
@@ -5730,8 +5964,8 @@ function RecordForm({
   const fields = useFields8(tableId, recordType);
   const existing = useRecord(recordId ?? null);
   const mutation = useRecordMutation2();
-  const [draft, setDraft] = useState18({});
-  const [touched, setTouched] = useState18(false);
+  const [draft, setDraft] = useState19({});
+  const [touched, setTouched] = useState19(false);
   const loaded = useRecordVersion(recordId ?? null);
   const loadedVersion = loaded.version;
   useEffect11(() => {
@@ -5814,7 +6048,7 @@ function RecordForm({
                   ] }, key);
                 }),
                 /* @__PURE__ */ jsx21(
-                  Button14,
+                  Button15,
                   {
                     type: "button",
                     size: "sm",
@@ -5832,8 +6066,8 @@ function RecordForm({
         ) : null,
         /* @__PURE__ */ jsx21(Separator7, {}),
         /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx21(Button14, { type: "submit", size: "sm", disabled: mutation.saving, children: mutation.saving ? "Saving\u2026" : recordId ? "Save" : "Create" }),
-          onCancel ? /* @__PURE__ */ jsx21(Button14, { type: "button", size: "sm", variant: "ghost", onClick: onCancel, children: "Cancel" }) : null
+          /* @__PURE__ */ jsx21(Button15, { type: "submit", size: "sm", disabled: mutation.saving, children: mutation.saving ? "Saving\u2026" : recordId ? "Save" : "Create" }),
+          onCancel ? /* @__PURE__ */ jsx21(Button15, { type: "button", size: "sm", variant: "ghost", onClick: onCancel, children: "Cancel" }) : null
         ] })
       ]
     }
@@ -5861,8 +6095,8 @@ function asWords(value) {
 }
 
 // src/ShareControl.tsx
-import { useState as useState19 } from "react";
-import { Button as Button15 } from "@ai-matrx/design-system";
+import { useState as useState20 } from "react";
+import { Button as Button16 } from "@ai-matrx/design-system";
 import { Fragment as Fragment10, jsx as jsx22, jsxs as jsxs18 } from "react/jsx-runtime";
 function useCanShare() {
   return typeof useRecordsUi().share === "function";
@@ -5881,14 +6115,14 @@ function ShareControl({
   className
 }) {
   const host = useRecordsUi();
-  const [open, setOpen] = useState19(false);
+  const [open, setOpen] = useState20(false);
   const asked = useRecordRights(may === void 0 ? subjectId : null);
   const mayShare = may ?? asked.share;
   if (!host.share) return null;
   if (!mayShare) return null;
   return /* @__PURE__ */ jsxs18(Fragment10, { children: [
     /* @__PURE__ */ jsx22(
-      Button15,
+      Button16,
       {
         size,
         variant,
@@ -5919,8 +6153,8 @@ function Peek({ tableId, recordId, onClose, className }) {
   const may = useRecordRights(recordId);
   const host = useRecordsUi();
   const organizationId = useRecordsClient14().config.organizationId;
-  const [editing, setEditing] = useState20(false);
-  const [talking, setTalking] = useState20(false);
+  const [editing, setEditing] = useState21(false);
+  const [talking, setTalking] = useState21(false);
   if (record.error) return /* @__PURE__ */ jsx23(RefusalNotice, { error: record.error, className });
   if (fields.error) return /* @__PURE__ */ jsx23(RefusalNotice, { error: fields.error, className });
   const document2 = record.data?.document;
@@ -5952,21 +6186,21 @@ function Peek({ tableId, recordId, onClose, className }) {
       ),
       href ? /* @__PURE__ */ jsx23("a", { className: "text-primary underline-offset-2 hover:underline", href, children: "Open" }) : null,
       host.talkToRecord ? /* @__PURE__ */ jsx23(
-        Button16,
+        Button17,
         {
           size: "sm",
           variant: "outline",
           onClick: () => host.talkToRecord?.({ tableId, recordId, title: title || "this record" }),
           children: "Talk to this record"
         }
-      ) : host.chat ? /* @__PURE__ */ jsx23(Button16, { size: "sm", variant: talking ? "ghost" : "outline", onClick: () => setTalking((t) => !t), children: talking ? "Close chat" : "Talk to this record" }) : null,
+      ) : host.chat ? /* @__PURE__ */ jsx23(Button17, { size: "sm", variant: talking ? "ghost" : "outline", onClick: () => setTalking((t) => !t), children: talking ? "Close chat" : "Talk to this record" }) : null,
       /* @__PURE__ */ jsx23(ShareControl, { kind: "record", organizationId, subjectId: recordId, name: title, may: may.share }),
-      may.write ? /* @__PURE__ */ jsx23(Button16, { size: "sm", variant: editing ? "ghost" : "outline", onClick: () => setEditing((e) => !e), children: editing ? "Stop editing" : "Edit" }) : may.known ? (
+      may.write ? /* @__PURE__ */ jsx23(Button17, { size: "sm", variant: editing ? "ghost" : "outline", onClick: () => setEditing((e) => !e), children: editing ? "Stop editing" : "Edit" }) : may.known ? (
         // Absent AND explained: no Edit button, and one sentence saying what
         // it would take and who can give it.
         /* @__PURE__ */ jsx23("span", { className: "max-w-[18rem] text-[11px] text-muted-foreground", children: may.why("write") })
       ) : null,
-      onClose ? /* @__PURE__ */ jsx23(Button16, { size: "sm", variant: "ghost", onClick: onClose, "aria-label": "Close", children: "\xD7" }) : null
+      onClose ? /* @__PURE__ */ jsx23(Button17, { size: "sm", variant: "ghost", onClick: onClose, "aria-label": "Close", children: "\xD7" }) : null
     ] }),
     /* @__PURE__ */ jsx23(Separator8, {}),
     talking && host.chat ? /* @__PURE__ */ jsxs19(Fragment11, { children: [
@@ -6058,6 +6292,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.",
@@ -6123,18 +6388,18 @@ function parseSorts(raw) {
 }
 
 // src/ViewSwitcher.tsx
-import { useEffect as useEffect13, useMemo as useMemo17, useState as useState22 } from "react";
+import { useEffect as useEffect13, useMemo as useMemo17, useState as useState23 } from "react";
 import { useFields as useFields11, useRecords as useRecords4, useRecordsClient as useRecordsClient16 } from "@ai-matrx/records/react";
-import { Button as Button18, Skeleton as Skeleton7, cn as cn19 } from "@ai-matrx/design-system";
+import { Button as Button19, Skeleton as Skeleton7, cn as cn19 } from "@ai-matrx/design-system";
 
 // src/Pipeline.tsx
-import { useCallback as useCallback9, useEffect as useEffect12, useMemo as useMemo16, useRef as useRef5, useState as useState21 } from "react";
+import { useCallback as useCallback9, useEffect as useEffect12, useMemo as useMemo16, useRef as useRef5, useState as useState22 } from "react";
 import {
   mayDrag,
   useFields as useFields10,
   useRecordsClient as useRecordsClient15
 } from "@ai-matrx/records/react";
-import { Button as Button17, Skeleton as Skeleton6, cn as cn18 } from "@ai-matrx/design-system";
+import { Button as Button18, Skeleton as Skeleton6, cn as cn18 } from "@ai-matrx/design-system";
 import { jsx as jsx24, jsxs as jsxs20 } from "react/jsx-runtime";
 var UNPLACED = "\0unplaced";
 function stageOfCard(row, stageKey, stages) {
@@ -6168,14 +6433,14 @@ function PipelineBoard({
 }) {
   const client = useRecordsClient15();
   const fields = useFields10(tableId);
-  const [definition, setDefinition] = useState21(null);
-  const [columns, setColumns] = useState21([]);
-  const [error, setError] = useState21(null);
-  const [loading, setLoading] = useState21(true);
-  const [pending, setPending] = useState21({ kind: "none" });
-  const [waiting, setWaiting] = useState21(/* @__PURE__ */ new Map());
-  const [dragging, setDragging] = useState21(null);
-  const [over, setOver] = useState21(null);
+  const [definition, setDefinition] = useState22(null);
+  const [columns, setColumns] = useState22([]);
+  const [error, setError] = useState22(null);
+  const [loading, setLoading] = useState22(true);
+  const [pending, setPending] = useState22({ kind: "none" });
+  const [waiting, setWaiting] = useState22(/* @__PURE__ */ new Map());
+  const [dragging, setDragging] = useState22(null);
+  const [over, setOver] = useState22(null);
   const alive = useRef5(true);
   useEffect12(() => {
     alive.current = true;
@@ -6220,6 +6485,7 @@ function PipelineBoard({
     () => all.find((f) => f.key !== stageKey) ?? all[0],
     [all, stageKey]
   );
+  const unplacedLabels = useRecordLabels(titleField ? [titleField] : []);
   const measurable = useMemo16(
     () => all.filter((f) => ["number", "currency", "percentage"].includes(String(f.type ?? ""))),
     [all]
@@ -6390,7 +6656,7 @@ function PipelineBoard({
     unplaced.length > 0 ? /* @__PURE__ */ jsxs20("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
@@ -6406,14 +6672,14 @@ function Held({
   onFill,
   onAsk
 }) {
-  const [draft, setDraft] = useState21({});
+  const [draft, setDraft] = useState22({});
   if (pending.kind === "asking") {
     return /* @__PURE__ */ jsx24("p", { className: "px-2 py-1 text-xs text-muted-foreground", children: "Asking\u2026" });
   }
   if (pending.kind === "refused") {
     return /* @__PURE__ */ jsxs20("div", { className: "mt-1 rounded border border-destructive/50 bg-destructive/5 p-2 text-xs", children: [
       /* @__PURE__ */ jsx24("p", { children: pending.verdict.why }),
-      /* @__PURE__ */ jsx24(Button17, { size: "sm", variant: "ghost", className: "mt-1 h-6", onClick: onCancel, children: "Close" })
+      /* @__PURE__ */ jsx24(Button18, { size: "sm", variant: "ghost", className: "mt-1 h-6", onClick: onCancel, children: "Close" })
     ] });
   }
   if (pending.kind === "approval") {
@@ -6421,8 +6687,8 @@ function Held({
       /* @__PURE__ */ jsx24("p", { children: pending.verdict.why }),
       pending.verdict.what_happens ? /* @__PURE__ */ jsx24("p", { className: "text-muted-foreground", children: pending.verdict.what_happens }) : null,
       /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-1", children: [
-        /* @__PURE__ */ jsx24(Button17, { size: "sm", className: "h-6", onClick: onAsk, children: "Ask for approval" }),
-        /* @__PURE__ */ jsx24(Button17, { size: "sm", variant: "ghost", className: "h-6", onClick: onCancel, children: "Leave it where it was" })
+        /* @__PURE__ */ jsx24(Button18, { size: "sm", className: "h-6", onClick: onAsk, children: "Ask for approval" }),
+        /* @__PURE__ */ jsx24(Button18, { size: "sm", variant: "ghost", className: "h-6", onClick: onCancel, children: "Leave it where it was" })
       ] })
     ] });
   }
@@ -6435,7 +6701,7 @@ function Held({
         (pending.result.approvers ?? []).map((a) => a.name ?? "somebody who can approve it").join(", "),
         "."
       ] }) : null,
-      /* @__PURE__ */ jsx24(Button17, { size: "sm", variant: "ghost", className: "mt-1 h-6", onClick: onCancel, children: "Close" })
+      /* @__PURE__ */ jsx24(Button18, { size: "sm", variant: "ghost", className: "mt-1 h-6", onClick: onCancel, children: "Close" })
     ] });
   }
   if (pending.kind === "warned") {
@@ -6444,7 +6710,7 @@ function Held({
         /* @__PURE__ */ jsx24("p", { children: w.why }),
         /* @__PURE__ */ jsx24("p", { className: "text-muted-foreground", children: w.what_to_do })
       ] }, w.rule_id)),
-      /* @__PURE__ */ jsx24(Button17, { size: "sm", variant: "ghost", className: "h-6 self-start", onClick: onCancel, children: "Close" })
+      /* @__PURE__ */ jsx24(Button18, { size: "sm", variant: "ghost", className: "h-6 self-start", onClick: onCancel, children: "Close" })
     ] });
   }
   if (pending.kind !== "needs") return null;
@@ -6465,7 +6731,7 @@ function Held({
     ] }, m.key)),
     /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-1", children: [
       ready ? /* @__PURE__ */ jsx24(
-        Button17,
+        Button18,
         {
           size: "sm",
           className: "h-6",
@@ -6477,7 +6743,7 @@ function Held({
         missing.length === 1 ? "it" : "them",
         " in and the move goes through."
       ] }),
-      /* @__PURE__ */ jsx24(Button17, { size: "sm", variant: "ghost", className: "h-6", onClick: onCancel, children: "Leave it where it was" })
+      /* @__PURE__ */ jsx24(Button18, { size: "sm", variant: "ghost", className: "h-6", onClick: onCancel, children: "Leave it where it was" })
     ] }),
     fields.length === 0 ? null : null
   ] });
@@ -6527,6 +6793,10 @@ 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
 import { jsx as jsx25, jsxs as jsxs21 } from "react/jsx-runtime";
@@ -6534,7 +6804,7 @@ var NO_FIELDS = [];
 function useViewRecords(view, pageSize = 200) {
   const client = useRecordsClient16();
   const table = useRecords4(view.ruleId ? null : view.subject, { pageSize });
-  const [ruled, setRuled] = useState22({
+  const [ruled, setRuled] = useState23({
     rows: [],
     loading: Boolean(view.ruleId),
     error: null
@@ -6590,8 +6860,8 @@ function ViewSwitcher({
   pageSize = 200,
   className
 }) {
-  const [layout, setLayout] = useState22(view.layout);
-  const [local, setLocal] = useState22({});
+  const [layout, setLayout] = useState23(view.layout);
+  const [local, setLocal] = useState23({});
   useEffect13(() => {
     setLayout(view.layout);
     setLocal({});
@@ -6609,7 +6879,7 @@ function ViewSwitcher({
     /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ jsx25("span", { className: "truncate text-sm font-medium", children: view.name }),
       /* @__PURE__ */ jsx25("div", { className: "ml-auto flex items-center gap-0.5", role: "group", "aria-label": "Layout", children: VIEW_LAYOUTS.map((option) => /* @__PURE__ */ jsx25(
-        Button18,
+        Button19,
         {
           size: "sm",
           variant: option === layout ? "secondary" : "ghost",
@@ -6653,7 +6923,7 @@ function offerableFields(all, want) {
 }
 function useStageField(tableId) {
   const client = useRecordsClient16();
-  const [stage, setStage] = useState22({
+  const [stage, setStage] = useState23({
     asked: false,
     key: null
   });
@@ -6922,9 +7192,9 @@ function Card2({
 }
 
 // src/ViewBar.tsx
-import { useCallback as useCallback11, useEffect as useEffect14, useState as useState23 } from "react";
+import { useCallback as useCallback11, useEffect as useEffect14, useState as useState24 } from "react";
 import { useRecordsClient as useRecordsClient17 } from "@ai-matrx/records/react";
-import { Button as Button19, Input as Input2, Skeleton as Skeleton8, cn as cn20 } from "@ai-matrx/design-system";
+import { Button as Button20, Input as Input2, Skeleton as Skeleton8, cn as cn20 } from "@ai-matrx/design-system";
 
 // src/seedOnce.ts
 import { useCallback as useCallback10, useRef as useRef6 } from "react";
@@ -6947,11 +7217,11 @@ function ViewBar({ tableId, activeViewId, onActiveView, seed, className }) {
   const table = useTable8(tableId);
   const rights = useTableRights(table.data);
   const home = useSystemTable(VIEW_TABLE);
-  const [views, setViews] = useState23(null);
-  const [error, setError] = useState23(null);
-  const [active, setActive] = useState23(activeViewId ?? null);
-  const [naming, setNaming] = useState23(false);
-  const [draftName, setDraftName] = useState23("");
+  const [views, setViews] = useState24(null);
+  const [error, setError] = useState24(null);
+  const [active, setActive] = useState24(activeViewId ?? null);
+  const [naming, setNaming] = useState24(false);
+  const [draftName, setDraftName] = useState24("");
   const viewTableId = home.tableId;
   const load = useCallback11(async () => {
     if (!viewTableId) return;
@@ -7012,11 +7282,11 @@ function ViewBar({ tableId, activeViewId, onActiveView, seed, className }) {
   if (home.error) {
     return /* @__PURE__ */ jsx26("div", { className: cn20("flex min-w-0 items-center gap-2 overflow-x-auto", className), children: /* @__PURE__ */ jsx26("span", { className: "truncate text-xs text-muted-foreground", children: SAVED_VIEWS_UNAVAILABLE }) });
   }
-  if (error) return /* @__PURE__ */ jsx26(RefusalNotice, { error, className, actions: /* @__PURE__ */ jsx26(Button19, { size: "sm", variant: "ghost", onClick: () => void load(), children: "Try again" }) });
+  if (error) return /* @__PURE__ */ jsx26(RefusalNotice, { error, className, actions: /* @__PURE__ */ jsx26(Button20, { size: "sm", variant: "ghost", onClick: () => void load(), children: "Try again" }) });
   if (home.loading || views === null) return /* @__PURE__ */ jsx26(Skeleton8, { className: cn20("h-7 w-64", className) });
   return /* @__PURE__ */ jsxs22("div", { className: cn20("flex items-center gap-1 overflow-x-auto", className), role: "group", "aria-label": "Saved views", children: [
     views.map((view) => /* @__PURE__ */ jsxs22(
-      Button19,
+      Button20,
       {
         size: "sm",
         variant: view.id === active ? "secondary" : "ghost",
@@ -7053,18 +7323,18 @@ function ViewBar({ tableId, activeViewId, onActiveView, seed, className }) {
               placeholder: "View name"
             }
           ),
-          /* @__PURE__ */ jsx26(Button19, { size: "sm", type: "submit", children: "Save" })
+          /* @__PURE__ */ jsx26(Button20, { size: "sm", type: "submit", children: "Save" })
         ]
       }
-    ) : /* @__PURE__ */ jsx26(Button19, { size: "sm", variant: "ghost", className: "ml-1", onClick: () => setNaming(true), children: "New view" }) : null,
+    ) : /* @__PURE__ */ jsx26(Button20, { size: "sm", variant: "ghost", className: "ml-1", onClick: () => setNaming(true), children: "New view" }) : null,
     views.length === 0 && !rights.admin ? /* @__PURE__ */ jsx26("span", { className: "text-xs text-muted-foreground", children: rights.why("structure") }) : null
   ] });
 }
 
 // src/ProposalRow.tsx
-import { useState as useState24 } from "react";
+import { useState as useState25 } from "react";
 import { useRecordsClient as useRecordsClient18 } from "@ai-matrx/records/react";
-import { Badge as Badge7, Button as Button20, cn as cn21 } from "@ai-matrx/design-system";
+import { Badge as Badge7, Button as Button21, cn as cn21 } from "@ai-matrx/design-system";
 import { jsx as jsx27, jsxs as jsxs23 } from "react/jsx-runtime";
 var ACT_WORD = {
   add: "Add",
@@ -7081,9 +7351,9 @@ function ProposalRow({
   className
 }) {
   const client = useRecordsClient18();
-  const [settled, setSettled] = useState24(outcome ?? null);
-  const [busy, setBusy] = useState24(false);
-  const [confirming, setConfirming] = useState24(false);
+  const [settled, setSettled] = useState25(outcome ?? null);
+  const [busy, setBusy] = useState25(false);
+  const [confirming, setConfirming] = useState25(false);
   async function applyThroughTheStore() {
     if (change.act === "add") {
       if (!change.table) {
@@ -7136,7 +7406,7 @@ function ProposalRow({
         }
       ) : readOnlyReason ? null : /* @__PURE__ */ jsxs23("span", { className: "flex shrink-0 items-center gap-1", children: [
         /* @__PURE__ */ jsx27(
-          Button20,
+          Button21,
           {
             size: "sm",
             variant: "ghost",
@@ -7146,7 +7416,7 @@ function ProposalRow({
           }
         ),
         /* @__PURE__ */ jsx27(
-          Button20,
+          Button21,
           {
             size: "sm",
             disabled: busy,
@@ -7160,22 +7430,22 @@ function ProposalRow({
     settled ? /* @__PURE__ */ jsx27("p", { className: "text-xs text-muted-foreground", children: settled.sentence }) : null,
     confirming ? /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-2 rounded bg-destructive/10 p-2 text-xs", children: [
       /* @__PURE__ */ jsx27("span", { className: "min-w-0 flex-1", children: "Accepting this deletes the record. It stays restorable for this table's retention, and after that it is gone." }),
-      /* @__PURE__ */ jsx27(Button20, { size: "sm", variant: "ghost", onClick: () => setConfirming(false), children: "Cancel" }),
-      /* @__PURE__ */ jsx27(Button20, { size: "sm", variant: "destructive", disabled: busy, onClick: () => void accept(), children: "Delete it" })
+      /* @__PURE__ */ jsx27(Button21, { size: "sm", variant: "ghost", onClick: () => setConfirming(false), children: "Cancel" }),
+      /* @__PURE__ */ jsx27(Button21, { size: "sm", variant: "destructive", disabled: busy, onClick: () => void accept(), children: "Delete it" })
     ] }) : null,
     readOnlyReason && !settled ? /* @__PURE__ */ jsx27("p", { className: "text-xs text-muted-foreground", children: readOnlyReason }) : null
   ] });
 }
 
 // src/ActionInbox.tsx
-import { useCallback as useCallback13, useEffect as useEffect16, useMemo as useMemo19, useRef as useRef7, useState as useState26 } from "react";
+import { useCallback as useCallback13, useEffect as useEffect16, useMemo as useMemo19, useRef as useRef7, useState as useState27 } from "react";
 import { useRecordsClient as useRecordsClient20 } from "@ai-matrx/records/react";
-import { Badge as Badge9, Button as Button22, Skeleton as Skeleton10, cn as cn23 } from "@ai-matrx/design-system";
+import { Badge as Badge9, Button as Button23, Skeleton as Skeleton10, cn as cn23 } from "@ai-matrx/design-system";
 
 // src/ChecklistRunner.tsx
-import { useCallback as useCallback12, useEffect as useEffect15, useMemo as useMemo18, useState as useState25 } from "react";
+import { useCallback as useCallback12, useEffect as useEffect15, useMemo as useMemo18, useState as useState26 } from "react";
 import { useRecordsClient as useRecordsClient19, useTable as useTable9 } from "@ai-matrx/records/react";
-import { Badge as Badge8, BasicInput as BasicInput7, BasicTextarea as BasicTextarea4, Button as Button21, Skeleton as Skeleton9, cn as cn22 } from "@ai-matrx/design-system";
+import { Badge as Badge8, BasicInput as BasicInput7, BasicTextarea as BasicTextarea4, Button as Button22, Skeleton as Skeleton9, cn as cn22 } from "@ai-matrx/design-system";
 import { Fragment as Fragment12, jsx as jsx28, jsxs as jsxs24 } from "react/jsx-runtime";
 var DUE_WORD = {
   overdue: "Overdue",
@@ -7204,13 +7474,13 @@ function ChecklistRunner({
   const client = useRecordsClient19();
   const table = useTable9(tableId ?? null);
   const rights = useTableRights(table.data);
-  const [runs, setRuns] = useState25(null);
-  const [activeId, setActiveId] = useState25(runId ?? null);
-  const [steps, setSteps] = useState25(null);
-  const [templates, setTemplates] = useState25(null);
-  const [error, setError] = useState25(null);
-  const [busy, setBusy] = useState25(null);
-  const [said, setSaid] = useState25(null);
+  const [runs, setRuns] = useState26(null);
+  const [activeId, setActiveId] = useState26(runId ?? null);
+  const [steps, setSteps] = useState26(null);
+  const [templates, setTemplates] = useState26(null);
+  const [error, setError] = useState26(null);
+  const [busy, setBusy] = useState26(null);
+  const [said, setSaid] = useState26(null);
   const mayStart = offerToStart ?? Boolean(recordId);
   const loadRuns = useCallback12(async () => {
     if (runId) {
@@ -7357,7 +7627,7 @@ function ChecklistRunner({
     mayStart && rights.write && templates && templates.length > 0 ? /* @__PURE__ */ jsxs24("div", { className: "flex flex-wrap items-center gap-1.5 border-t pt-2", children: [
       /* @__PURE__ */ jsx28("span", { className: "text-xs text-muted-foreground", children: "Start:" }),
       templates.map((t) => /* @__PURE__ */ jsx28(
-        Button21,
+        Button22,
         {
           size: "sm",
           variant: "outline",
@@ -7377,7 +7647,7 @@ function StepRow({
   onComplete,
   className
 }) {
-  const [answer, setAnswer] = useState25("");
+  const [answer, setAnswer] = useState26("");
   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;
@@ -7434,7 +7704,7 @@ function StepRow({
           ) : null,
           step2.requires === "record_field" || step2.requires === "form" || step2.requires === "document" ? /* @__PURE__ */ jsx28("span", { className: "flex-1 text-[11px] text-muted-foreground", children: step2.requires_label ?? REQUIRES_WORD[step2.requires] }) : null,
           /* @__PURE__ */ jsx28(
-            Button21,
+            Button22,
             {
               size: "sm",
               className: "h-7 px-2 text-[11px]",
@@ -7452,9 +7722,9 @@ function StepRow({
 function useMyChecklistSteps(limit = 25) {
   const client = useRecordsClient19();
   const me = client.config.actor.user_id ?? null;
-  const [steps, setSteps] = useState25([]);
-  const [loading, setLoading] = useState25(true);
-  const [error, setError] = useState25(null);
+  const [steps, setSteps] = useState26([]);
+  const [loading, setLoading] = useState26(true);
+  const [error, setError] = useState26(null);
   const refresh = useCallback12(async () => {
     if (!me) {
       setSteps([]);
@@ -7491,8 +7761,8 @@ function useMyChecklistSteps(limit = 25) {
 function MyChecklistSteps({ className }) {
   const client = useRecordsClient19();
   const { steps, loading, error, refresh } = useMyChecklistSteps();
-  const [busy, setBusy] = useState25(null);
-  const [refusal, setRefusal] = useState25(null);
+  const [busy, setBusy] = useState26(null);
+  const [refusal, setRefusal] = useState26(null);
   const complete = useCallback12(
     async (step2, evidence) => {
       setBusy(step2.step_id);
@@ -7531,11 +7801,11 @@ function ChecklistsPanel({ tableId, onOpenRecord, className }) {
   const client = useRecordsClient19();
   const table = useTable9(tableId);
   const rights = useTableRights(table.data);
-  const [templates, setTemplates] = useState25(null);
-  const [runs, setRuns] = useState25(null);
-  const [error, setError] = useState25(null);
-  const [editing, setEditing] = useState25(null);
-  const [openRun, setOpenRun] = useState25(null);
+  const [templates, setTemplates] = useState26(null);
+  const [runs, setRuns] = useState26(null);
+  const [error, setError] = useState26(null);
+  const [editing, setEditing] = useState26(null);
+  const [openRun, setOpenRun] = useState26(null);
   const load = useCallback12(async () => {
     const [t, r] = await Promise.all([
       client.checklistTemplates({ about_table_id: tableId, limit: 100 }),
@@ -7570,7 +7840,7 @@ function ChecklistsPanel({ tableId, onOpenRecord, className }) {
   }
   if (openRun) {
     return /* @__PURE__ */ jsxs24("div", { className: cn22("flex flex-col gap-2", className), children: [
-      /* @__PURE__ */ jsx28(Button21, { size: "sm", variant: "ghost", className: "self-start", onClick: () => setOpenRun(null), children: "Back to checklists" }),
+      /* @__PURE__ */ jsx28(Button22, { size: "sm", variant: "ghost", className: "self-start", onClick: () => setOpenRun(null), children: "Back to checklists" }),
       /* @__PURE__ */ jsx28(ChecklistRunner, { tableId, runId: openRun, offerToStart: false })
     ] });
   }
@@ -7578,7 +7848,7 @@ function ChecklistsPanel({ tableId, onOpenRecord, className }) {
     /* @__PURE__ */ jsxs24("header", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ jsx28("h3", { className: "text-sm font-medium", children: "Checklists" }),
       /* @__PURE__ */ jsx28("span", { className: "text-xs text-muted-foreground", children: templates.length === 0 ? "none yet" : `${templates.length}` }),
-      rights.structure ? /* @__PURE__ */ jsx28(Button21, { size: "sm", variant: "outline", className: "ml-auto", onClick: () => setEditing("new"), children: "Write one" }) : null
+      rights.structure ? /* @__PURE__ */ jsx28(Button22, { size: "sm", variant: "outline", className: "ml-auto", onClick: () => setEditing("new"), children: "Write one" }) : null
     ] }),
     error ? /* @__PURE__ */ jsx28(RefusalNotice, { error }) : null,
     templates.length === 0 ? /* @__PURE__ */ jsx28("p", { className: "text-xs text-muted-foreground", children: NO_TEMPLATES }) : null,
@@ -7605,7 +7875,7 @@ function ChecklistsPanel({ tableId, onOpenRecord, className }) {
         ] })
       ] }),
       rights.structure ? /* @__PURE__ */ jsx28(
-        Button21,
+        Button22,
         {
           size: "sm",
           variant: "ghost",
@@ -7690,12 +7960,12 @@ function ChecklistTemplateEditor({
   className
 }) {
   const client = useRecordsClient19();
-  const [name, setName] = useState25("");
-  const [rows, setRows] = useState25([{ ...EMPTY_ROW }]);
-  const [refusal, setRefusal] = useState25(null);
-  const [error, setError] = useState25(null);
-  const [busy, setBusy] = useState25(false);
-  const [loading, setLoading] = useState25(Boolean(templateId));
+  const [name, setName] = useState26("");
+  const [rows, setRows] = useState26([{ ...EMPTY_ROW }]);
+  const [refusal, setRefusal] = useState26(null);
+  const [error, setError] = useState26(null);
+  const [busy, setBusy] = useState26(false);
+  const [loading, setLoading] = useState26(Boolean(templateId));
   useEffect15(() => {
     if (!templateId) return;
     let cancelled = false;
@@ -7766,7 +8036,7 @@ function ChecklistTemplateEditor({
   return /* @__PURE__ */ jsxs24("section", { className: cn22("flex flex-col gap-2", className), "data-testid": "checklist-editor", children: [
     /* @__PURE__ */ jsxs24("header", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ jsx28("h3", { className: "text-sm font-medium", children: templateId ? "Change this checklist" : "Write a checklist" }),
-      /* @__PURE__ */ jsx28(Button21, { size: "sm", variant: "ghost", className: "ml-auto", onClick: () => onDone?.(), children: "Cancel" })
+      /* @__PURE__ */ jsx28(Button22, { size: "sm", variant: "ghost", className: "ml-auto", onClick: () => onDone?.(), children: "Cancel" })
     ] }),
     /* @__PURE__ */ jsx28(
       BasicInput7,
@@ -7793,7 +8063,7 @@ function ChecklistTemplateEditor({
           }
         ),
         /* @__PURE__ */ jsx28(
-          Button21,
+          Button22,
           {
             size: "sm",
             variant: "ghost",
@@ -7859,8 +8129,8 @@ function ChecklistTemplateEditor({
       ] })
     ] }, index)) }),
     /* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-1.5", children: [
-      /* @__PURE__ */ jsx28(Button21, { size: "sm", variant: "outline", onClick: () => setRows((held) => [...held, { ...EMPTY_ROW }]), children: "Add a step" }),
-      /* @__PURE__ */ jsx28(Button21, { size: "sm", disabled: busy || refusal !== null || spec.steps.length === 0, onClick: () => void save(), children: busy ? "\u2026" : "Save" })
+      /* @__PURE__ */ jsx28(Button22, { size: "sm", variant: "outline", onClick: () => setRows((held) => [...held, { ...EMPTY_ROW }]), children: "Add a step" }),
+      /* @__PURE__ */ jsx28(Button22, { size: "sm", disabled: busy || refusal !== null || spec.steps.length === 0, onClick: () => void save(), children: busy ? "\u2026" : "Save" })
     ] }),
     refusal ? /* @__PURE__ */ jsx28("p", { className: "text-xs text-muted-foreground", "data-testid": "checklist-editor-refusal", children: refusal }) : null
   ] });
@@ -7913,11 +8183,11 @@ var DUE_WORD2 = {
 };
 function ActionInbox({ tableId, includeSettled = false, onOpenRecord, className }) {
   const client = useRecordsClient20();
-  const [items, setItems] = useState26(null);
-  const [error, setError] = useState26(null);
-  const [outcome, setOutcome] = useState26({});
-  const [busy, setBusy] = useState26(null);
-  const [cursor, setCursor] = useState26(0);
+  const [items, setItems] = useState27(null);
+  const [error, setError] = useState27(null);
+  const [outcome, setOutcome] = useState27({});
+  const [busy, setBusy] = useState27(null);
+  const [cursor, setCursor] = useState27(0);
   const listRef = useRef7(null);
   const load = useCallback13(async () => {
     const result = await client.workInbox({ limit: 200, includeDecided: includeSettled });
@@ -8002,7 +8272,7 @@ function ActionInbox({ tableId, includeSettled = false, onOpenRecord, className
           /* @__PURE__ */ jsx29("h3", { className: "text-sm font-medium", children: "Inbox" }),
           /* @__PURE__ */ jsx29("span", { className: "text-xs text-muted-foreground", children: shown.length }),
           /* @__PURE__ */ jsx29("span", { className: "ml-auto hidden text-[10px] text-muted-foreground sm:inline", children: "j/k move \xB7 a approve \xB7 d decline \xB7 o open \xB7 r refresh" }),
-          /* @__PURE__ */ jsx29(Button22, { size: "sm", variant: "ghost", onClick: () => void load(), children: "Refresh" })
+          /* @__PURE__ */ jsx29(Button23, { size: "sm", variant: "ghost", onClick: () => void load(), children: "Refresh" })
         ] }),
         error ? /* @__PURE__ */ jsx29(RefusalNotice, { error }) : null,
         shown.length === 0 ? /* @__PURE__ */ jsx29("p", { className: "text-xs text-muted-foreground", children: includeSettled ? "Nothing has come through this inbox yet." : "Nothing is waiting on you." }) : /* @__PURE__ */ jsx29("ol", { ref: listRef, className: "flex min-h-0 flex-col gap-1 overflow-y-auto", children: shown.map((item, index) => {
@@ -8030,12 +8300,12 @@ function ActionInbox({ tableId, includeSettled = false, onOpenRecord, className
                       children: DUE_WORD2[item.due_state] ?? item.due_state
                     }
                   ) : null,
-                  item.subject_id && onOpenRecord ? /* @__PURE__ */ jsx29(Button22, { size: "sm", variant: "ghost", className: "h-5 px-1 text-[11px]", onClick: () => open(item), children: "Open" }) : null
+                  item.subject_id && onOpenRecord ? /* @__PURE__ */ jsx29(Button23, { size: "sm", variant: "ghost", className: "h-5 px-1 text-[11px]", onClick: () => open(item), children: "Open" }) : null
                 ] }),
                 item.summary ? /* @__PURE__ */ jsx29("p", { className: "text-xs text-muted-foreground", children: item.summary }) : null,
                 settled ? /* @__PURE__ */ jsx29("p", { className: "text-xs", children: settled }) : item.kind === "assignment" ? /* @__PURE__ */ jsx29("p", { className: "text-[11px] text-muted-foreground", children: item.state === "open" ? "Waiting on you." : `${item.state}.` }) : item.actionable ? /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-1", children: [
                   /* @__PURE__ */ jsx29(
-                    Button22,
+                    Button23,
                     {
                       size: "sm",
                       variant: "ghost",
@@ -8044,7 +8314,7 @@ function ActionInbox({ tableId, includeSettled = false, onOpenRecord, className
                       children: "Decline"
                     }
                   ),
-                  /* @__PURE__ */ jsx29(Button22, { size: "sm", disabled: busy === item.item_id, onClick: () => void decide(item, true), children: "Approve" }),
+                  /* @__PURE__ */ jsx29(Button23, { size: "sm", disabled: busy === item.item_id, onClick: () => void decide(item, true), children: "Approve" }),
                   item.requested_by_name ? /* @__PURE__ */ jsxs25("span", { className: "text-[11px] text-muted-foreground", children: [
                     item.origin === "agent" ? "An agent asked, for " : "Asked by ",
                     item.requested_by_name
@@ -8066,24 +8336,24 @@ function ActionInbox({ tableId, includeSettled = false, onOpenRecord, className
 }
 
 // src/HistoryPanel.tsx
-import { useCallback as useCallback14, useEffect as useEffect17, useRef as useRef8, useState as useState27 } from "react";
+import { useCallback as useCallback14, useEffect as useEffect17, useRef as useRef8, useState as useState28 } from "react";
 import {
   useFields as useFields12,
   useRecordsClient as useRecordsClient21,
   useTable as useTable10
 } from "@ai-matrx/records/react";
-import { Badge as Badge10, Button as Button23, Skeleton as Skeleton11, cn as cn24 } from "@ai-matrx/design-system";
+import { Badge as Badge10, Button as Button24, Skeleton as Skeleton11, cn as cn24 } from "@ai-matrx/design-system";
 import { jsx as jsx30, jsxs as jsxs26 } from "react/jsx-runtime";
 function HistoryPanel({ tableId, recordId, onAskAboutField, className }) {
   const client = useRecordsClient21();
   const table = useTable10(tableId);
   const fields = useFields12(tableId);
   const rights = useTableRights(table.data);
-  const [entries, setEntries] = useState27(null);
-  const [error, setError] = useState27(null);
-  const [open, setOpen] = useState27(null);
-  const [pending, setPending] = useState27({ phase: "idle" });
-  const [said, setSaid] = useState27(null);
+  const [entries, setEntries] = useState28(null);
+  const [error, setError] = useState28(null);
+  const [open, setOpen] = useState28(null);
+  const [pending, setPending] = useState28({ phase: "idle" });
+  const [said, setSaid] = useState28(null);
   const listRef = useRef8(null);
   const load = useCallback14(async () => {
     const answered = await client.recordHistory({ record_id: recordId });
@@ -8257,7 +8527,7 @@ function VersionRow({
           onCancel
         }
       ) : mine && pending.phase === "writing" ? /* @__PURE__ */ jsx30("p", { className: "text-[11px] text-muted-foreground", children: "Putting it back\u2026" }) : /* @__PURE__ */ jsx30("div", { className: "flex", children: /* @__PURE__ */ jsx30(
-        Button23,
+        Button24,
         {
           size: "sm",
           variant: "secondary",
@@ -8317,7 +8587,7 @@ function ChangeLine({
       }
     ) : null,
     onAskAboutField ? /* @__PURE__ */ jsx30(
-      Button23,
+      Button24,
       {
         size: "sm",
         variant: "ghost",
@@ -8326,7 +8596,7 @@ function ChangeLine({
         children: "Who changed this?"
       }
     ) : null,
-    canRestore ? /* @__PURE__ */ jsx30(Button23, { size: "sm", variant: "ghost", className: "h-5 shrink-0 px-1 text-[10px]", onClick: onRestore, children: "Put this one back" }) : null
+    canRestore ? /* @__PURE__ */ jsx30(Button24, { size: "sm", variant: "ghost", className: "h-5 shrink-0 px-1 text-[10px]", onClick: onRestore, children: "Put this one back" }) : null
   ] });
 }
 function ConfirmRestore({
@@ -8346,8 +8616,8 @@ function ConfirmRestore({
     ] }, change.key)) }),
     /* @__PURE__ */ jsx30("p", { className: "text-[11px] text-muted-foreground", children: "It is saved as a new version. Nothing in the history is erased, and this can be put back too." }),
     /* @__PURE__ */ jsxs26("div", { className: "flex gap-1", children: [
-      /* @__PURE__ */ jsx30(Button23, { size: "sm", className: "h-6 px-2 text-[11px]", disabled: busy || preview.count === 0, onClick: onConfirm, children: busy ? "Putting it back\u2026" : "Yes, put it back" }),
-      /* @__PURE__ */ jsx30(Button23, { size: "sm", variant: "ghost", className: "h-6 px-2 text-[11px]", onClick: onCancel, children: "Cancel" })
+      /* @__PURE__ */ jsx30(Button24, { size: "sm", className: "h-6 px-2 text-[11px]", disabled: busy || preview.count === 0, onClick: onConfirm, children: busy ? "Putting it back\u2026" : "Yes, put it back" }),
+      /* @__PURE__ */ jsx30(Button24, { size: "sm", variant: "ghost", className: "h-6 px-2 text-[11px]", onClick: onCancel, children: "Cancel" })
     ] })
   ] });
 }
@@ -8375,29 +8645,29 @@ function say(value, field) {
 }
 
 // src/CommentThread.tsx
-import { useCallback as useCallback15, useEffect as useEffect18, useMemo as useMemo20, useRef as useRef9, useState as useState28 } from "react";
+import { useCallback as useCallback15, useEffect as useEffect18, useMemo as useMemo20, useRef as useRef9, useState as useState29 } from "react";
 import {
   useFields as useFields13,
   useRecordsClient as useRecordsClient22,
   useTable as useTable11
 } from "@ai-matrx/records/react";
-import { Badge as Badge11, Button as Button24, Skeleton as Skeleton12, Textarea, cn as cn25 } from "@ai-matrx/design-system";
+import { Badge as Badge11, Button as Button25, Skeleton as Skeleton12, Textarea, cn as cn25 } from "@ai-matrx/design-system";
 import { jsx as jsx31, jsxs as jsxs27 } from "react/jsx-runtime";
 function CommentThread({ tableId, recordId, fieldKey, className }) {
   const client = useRecordsClient22();
   const table = useTable11(tableId);
   const fields = useFields13(tableId);
   const host = useRecordsUi();
-  const [thread, setThread] = useState28(null);
-  const [error, setError] = useState28(null);
-  const [draft, setDraft] = useState28("");
-  const [replyTo, setReplyTo] = useState28(null);
-  const [busy, setBusy] = useState28(false);
-  const [said, setSaid] = useState28(null);
-  const [showResolved, setShowResolved] = useState28(false);
-  const [people, setPeople] = useState28([]);
-  const [mentionQuery, setMentionQuery] = useState28(null);
-  const [picked, setPicked] = useState28([]);
+  const [thread, setThread] = useState29(null);
+  const [error, setError] = useState29(null);
+  const [draft, setDraft] = useState29("");
+  const [replyTo, setReplyTo] = useState29(null);
+  const [busy, setBusy] = useState29(false);
+  const [said, setSaid] = useState29(null);
+  const [showResolved, setShowResolved] = useState29(false);
+  const [people, setPeople] = useState29([]);
+  const [mentionQuery, setMentionQuery] = useState29(null);
+  const [picked, setPicked] = useState29([]);
   const box = useRef9(null);
   const load = useCallback15(async () => {
     const answered = await client.commentThread({ record_id: recordId, include_resolved: showResolved });
@@ -8486,7 +8756,7 @@ function CommentThread({ tableId, recordId, fieldKey, className }) {
       /* @__PURE__ */ jsx31("h3", { className: "text-sm font-medium", children: fieldLabel ? `Comments on ${fieldLabel}` : "Comments" }),
       /* @__PURE__ */ jsx31("span", { className: "text-xs text-muted-foreground", children: shown.length }),
       /* @__PURE__ */ jsx31(
-        Button24,
+        Button25,
         {
           size: "sm",
           variant: "ghost",
@@ -8520,7 +8790,7 @@ function CommentThread({ tableId, recordId, fieldKey, className }) {
         children: [
           replyTo ? /* @__PURE__ */ jsxs27("span", { className: "flex items-center gap-1 text-xs text-muted-foreground", children: [
             "Replying",
-            /* @__PURE__ */ jsx31(Button24, { size: "sm", variant: "ghost", className: "h-5 px-1", type: "button", onClick: () => setReplyTo(null), children: "Cancel" })
+            /* @__PURE__ */ jsx31(Button25, { size: "sm", variant: "ghost", className: "h-5 px-1", type: "button", onClick: () => setReplyTo(null), children: "Cancel" })
           ] }) : null,
           picked.length > 0 ? /* @__PURE__ */ jsx31("div", { className: "flex flex-wrap gap-1", children: picked.map((p) => /* @__PURE__ */ jsxs27(Badge11, { variant: "secondary", className: "text-[10px]", children: [
             p.name,
@@ -8578,7 +8848,7 @@ function CommentThread({ tableId, recordId, fieldKey, className }) {
           ) }, p.userId)) }) : null,
           /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-2", children: [
             !host.members ? /* @__PURE__ */ jsx31("span", { className: "text-[11px] text-muted-foreground", children: "Naming somebody needs this screen to know who is in the organization, and it has not been told." }) : null,
-            /* @__PURE__ */ jsx31(Button24, { size: "sm", type: "submit", className: "ml-auto h-6 px-2 text-[11px]", disabled: busy || draft.trim() === "", children: busy ? "Posting\u2026" : "Comment" })
+            /* @__PURE__ */ jsx31(Button25, { size: "sm", type: "submit", className: "ml-auto h-6 px-2 text-[11px]", disabled: busy || draft.trim() === "", children: busy ? "Posting\u2026" : "Comment" })
           ] })
         ]
       }
@@ -8605,8 +8875,8 @@ function Line({
         comment.resolved_by_name ? ` by ${comment.resolved_by_name}` : ""
       ] }) : null,
       /* @__PURE__ */ jsxs27("span", { className: "ml-auto flex gap-1", children: [
-        onReply ? /* @__PURE__ */ jsx31(Button24, { size: "sm", variant: "ghost", className: "h-5 px-1 text-[11px]", onClick: onReply, children: "Reply" }) : null,
-        onResolve ? /* @__PURE__ */ jsx31(Button24, { size: "sm", variant: "ghost", className: "h-5 px-1 text-[11px]", onClick: onResolve, children: comment.resolved_at ? "Re-open" : "Resolve" }) : null
+        onReply ? /* @__PURE__ */ jsx31(Button25, { size: "sm", variant: "ghost", className: "h-5 px-1 text-[11px]", onClick: onReply, children: "Reply" }) : null,
+        onResolve ? /* @__PURE__ */ jsx31(Button25, { size: "sm", variant: "ghost", className: "h-5 px-1 text-[11px]", onClick: onResolve, children: comment.resolved_at ? "Re-open" : "Resolve" }) : null
       ] })
     ] }),
     /* @__PURE__ */ jsx31("p", { className: "whitespace-pre-wrap text-xs", children: comment.body }),
@@ -8618,13 +8888,13 @@ function Line({
 }
 
 // src/FieldHistoryPanel.tsx
-import { useCallback as useCallback16, useEffect as useEffect19, useState as useState29 } from "react";
+import { useCallback as useCallback16, useEffect as useEffect19, useState as useState30 } from "react";
 import {
   useFields as useFields14,
   useRecordsClient as useRecordsClient23,
   useTable as useTable12
 } from "@ai-matrx/records/react";
-import { Badge as Badge12, Button as Button25, Skeleton as Skeleton13, cn as cn26 } from "@ai-matrx/design-system";
+import { Badge as Badge12, Button as Button26, Skeleton as Skeleton13, cn as cn26 } from "@ai-matrx/design-system";
 import { Fragment as Fragment13, jsx as jsx32, jsxs as jsxs28 } from "react/jsx-runtime";
 function FieldHistoryPanel({
   tableId,
@@ -8638,10 +8908,10 @@ function FieldHistoryPanel({
   const table = useTable12(tableId);
   const fields = useFields14(tableId);
   const rights = useTableRights(table.data);
-  const [rows, setRows] = useState29(null);
-  const [error, setError] = useState29(null);
-  const [pending, setPending] = useState29({ phase: "idle" });
-  const [said, setSaid] = useState29(null);
+  const [rows, setRows] = useState30(null);
+  const [error, setError] = useState30(null);
+  const [pending, setPending] = useState30({ phase: "idle" });
+  const [said, setSaid] = useState30(null);
   const load = useCallback16(async () => {
     const answered = await client.fieldHistory(
       recordId ? { table_id: tableId, field_key: fieldKey, record_id: recordId } : { table_id: tableId, field_key: fieldKey }
@@ -8693,7 +8963,7 @@ function FieldHistoryPanel({
         "?"
       ] }),
       /* @__PURE__ */ jsx32("span", { className: "text-xs text-muted-foreground", children: recordId ? "on this record" : "on every record you can see" }),
-      onClose ? /* @__PURE__ */ jsx32(Button25, { size: "sm", variant: "ghost", className: "ml-auto h-6 px-2 text-[11px]", onClick: onClose, children: "Close" }) : null
+      onClose ? /* @__PURE__ */ jsx32(Button26, { size: "sm", variant: "ghost", className: "ml-auto h-6 px-2 text-[11px]", onClick: onClose, children: "Close" }) : null
     ] }),
     said ? /* @__PURE__ */ jsx32("p", { role: "status", className: "text-xs text-muted-foreground", children: said }) : null,
     rows.length === 0 ? /* @__PURE__ */ jsxs28("p", { className: "text-xs text-muted-foreground", children: [
@@ -8705,7 +8975,7 @@ function FieldHistoryPanel({
       return /* @__PURE__ */ jsxs28("li", { className: "flex flex-col", children: [
         /* @__PURE__ */ jsxs28("div", { className: "flex items-baseline gap-2 px-2 py-1.5 text-xs", children: [
           onOpenRecord ? /* @__PURE__ */ jsx32(
-            Button25,
+            Button26,
             {
               size: "sm",
               variant: "ghost",
@@ -8734,7 +9004,7 @@ function FieldHistoryPanel({
             }
           ),
           rights.write ? /* @__PURE__ */ jsx32(
-            Button25,
+            Button26,
             {
               size: "sm",
               variant: "ghost",
@@ -8846,27 +9116,27 @@ function submissionStamp(args) {
 }
 
 // src/PortalBuilder.tsx
-import { useCallback as useCallback17, useEffect as useEffect20, useMemo as useMemo21, useState as useState30 } from "react";
+import { useCallback as useCallback17, useEffect as useEffect20, useMemo as useMemo21, useState as useState31 } from "react";
 import { useRecordsClient as useRecordsClient24, useTables as useTables2 } from "@ai-matrx/records/react";
-import { BasicInput as BasicInput8, Button as Button26, Checkbox as Checkbox4, Label as Label4, Separator as Separator9, Skeleton as Skeleton14, cn as cn27 } from "@ai-matrx/design-system";
+import { BasicInput as BasicInput8, Button as Button27, Checkbox as Checkbox4, Label as Label4, Separator as Separator9, Skeleton as Skeleton14, cn as cn27 } from "@ai-matrx/design-system";
 import { Fragment as Fragment14, jsx as jsx33, jsxs as jsxs29 } from "react/jsx-runtime";
 var RESTATING_REPLACES = "Saving replaces what this portal shows: a table you untick stops being visible to every client the moment you save. Who is invited is not touched.";
 function PortalBuilder({ tableId, portalId, onSaved, onClose, className }) {
   const client = useRecordsClient24();
   const tables = useTables2();
-  const [title, setTitle] = useState30("");
-  const [clientTableId, setClientTableId] = useState30(null);
-  const [exposures, setExposures] = useState30({});
-  const [fieldsByTable, setFieldsByTable] = useState30({});
-  const [error, setError] = useState30(null);
-  const [saving, setSaving] = useState30(false);
-  const [savedId, setSavedId] = useState30(portalId ?? null);
-  const [existing, setExisting] = useState30(null);
-  const [loading, setLoading] = useState30(Boolean(portalId));
-  const [inviteEmail, setInviteEmail] = useState30("");
-  const [inviteRecordId, setInviteRecordId] = useState30("");
-  const [inviting, setInviting] = useState30(false);
-  const [invitationSaid, setInvitationSaid] = useState30(null);
+  const [title, setTitle] = useState31("");
+  const [clientTableId, setClientTableId] = useState31(null);
+  const [exposures, setExposures] = useState31({});
+  const [fieldsByTable, setFieldsByTable] = useState31({});
+  const [error, setError] = useState31(null);
+  const [saving, setSaving] = useState31(false);
+  const [savedId, setSavedId] = useState31(portalId ?? null);
+  const [existing, setExisting] = useState31(null);
+  const [loading, setLoading] = useState31(Boolean(portalId));
+  const [inviteEmail, setInviteEmail] = useState31("");
+  const [inviteRecordId, setInviteRecordId] = useState31("");
+  const [inviting, setInviting] = useState31(false);
+  const [invitationSaid, setInvitationSaid] = useState31(null);
   const loadFields = useCallback17(
     async (id) => {
       if (fieldsByTable[id]) return;
@@ -8969,8 +9239,8 @@ function PortalBuilder({ tableId, portalId, onSaved, onClose, className }) {
     /* @__PURE__ */ jsxs29("header", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ jsx33("h3", { className: "text-sm font-medium", children: existing ? "Portal" : "New client portal" }),
       /* @__PURE__ */ jsx33("div", { className: "flex-1" }),
-      /* @__PURE__ */ jsx33(Button26, { size: "sm", disabled: saving || !ready, onClick: () => void save(), children: saving ? "Saving\u2026" : "Save" }),
-      onClose ? /* @__PURE__ */ jsx33(Button26, { size: "sm", variant: "ghost", onClick: onClose, children: "Close" }) : null
+      /* @__PURE__ */ jsx33(Button27, { size: "sm", disabled: saving || !ready, onClick: () => void save(), children: saving ? "Saving\u2026" : "Save" }),
+      onClose ? /* @__PURE__ */ jsx33(Button27, { size: "sm", variant: "ghost", onClick: onClose, children: "Close" }) : null
     ] }),
     error ? /* @__PURE__ */ jsx33(RefusalNotice, { error }) : null,
     /* @__PURE__ */ jsxs29("label", { className: "flex flex-col gap-1", children: [
@@ -9125,7 +9395,7 @@ function PortalBuilder({ tableId, portalId, onSaved, onClose, className }) {
             )
           ] }),
           /* @__PURE__ */ jsx33(
-            Button26,
+            Button27,
             {
               size: "sm",
               disabled: inviting || inviteEmail.trim() === "" || inviteRecordId.trim() === "",
@@ -9141,15 +9411,15 @@ function PortalBuilder({ tableId, portalId, onSaved, onClose, className }) {
 }
 
 // src/PortalsPanel.tsx
-import { useCallback as useCallback18, useEffect as useEffect21, useMemo as useMemo22, useState as useState31 } from "react";
+import { useCallback as useCallback18, useEffect as useEffect21, useMemo as useMemo22, useState as useState32 } from "react";
 import { useRecordsClient as useRecordsClient25 } from "@ai-matrx/records/react";
 import {
   portalPath
 } from "@ai-matrx/records";
-import { Badge as Badge13, BasicInput as BasicInput9, Button as Button28, Separator as Separator10, Skeleton as Skeleton15, cn as cn29 } from "@ai-matrx/design-system";
+import { Badge as Badge13, BasicInput as BasicInput9, Button as Button29, Separator as Separator10, Skeleton as Skeleton15, cn as cn29 } from "@ai-matrx/design-system";
 
 // src/BuildOrAsk.tsx
-import { Button as Button27, cn as cn28 } from "@ai-matrx/design-system";
+import { Button as Button28, cn as cn28 } from "@ai-matrx/design-system";
 import { jsx as jsx34, jsxs as jsxs30 } from "react/jsx-runtime";
 var NO_AGENT_PORT = "Asking for one in words needs an agent, which this screen reaches through its host's `onAskForOne` port \u2014 it is not bound here, so build it below instead.";
 function BuildOrAsk({
@@ -9165,8 +9435,8 @@ function BuildOrAsk({
   return /* @__PURE__ */ jsxs30("div", { className: cn28("rounded-md border border-dashed p-3", className), children: [
     /* @__PURE__ */ jsx34("p", { className: "text-xs text-muted-foreground", children }),
     /* @__PURE__ */ jsxs30("div", { className: "mt-2.5 flex flex-wrap items-center gap-2", children: [
-      onAsk ? /* @__PURE__ */ jsx34(Button27, { size: "sm", variant: "outline", onClick: onAsk, children: "Ask an agent" }) : null,
-      mayBuild ? /* @__PURE__ */ jsx34(Button27, { size: "sm", onClick: onBuild, children: buildLabel }) : null
+      onAsk ? /* @__PURE__ */ jsx34(Button28, { size: "sm", variant: "outline", onClick: onAsk, children: "Ask an agent" }) : null,
+      mayBuild ? /* @__PURE__ */ jsx34(Button28, { size: "sm", onClick: onBuild, children: buildLabel }) : null
     ] }),
     onAsk ? /* @__PURE__ */ jsxs30("p", { className: "mt-2 text-xs text-muted-foreground", children: [
       "You would say something like: \u201C",
@@ -9211,10 +9481,10 @@ var PORTAL_SUGGESTION = "Let each of my customers sign in and see their own jobs
 function PortalsPanel({ tableId, className }) {
   const client = useRecordsClient25();
   const host = useRecordsUi();
-  const [portals, setPortals] = useState31(null);
-  const [listError, setListError] = useState31(null);
-  const [openId, setOpenId] = useState31(null);
-  const [building, setBuilding] = useState31(false);
+  const [portals, setPortals] = useState32(null);
+  const [listError, setListError] = useState32(null);
+  const [openId, setOpenId] = useState32(null);
+  const [building, setBuilding] = useState32(false);
   const load = useCallback18(async () => {
     const answered = await client.portals();
     if (!answered.ok) {
@@ -9235,7 +9505,7 @@ function PortalsPanel({ tableId, className }) {
       /* @__PURE__ */ jsx35("h3", { className: "text-sm font-medium", children: "Portals" }),
       /* @__PURE__ */ jsx35("span", { className: "text-xs text-muted-foreground", children: portals.length === 0 ? "none yet" : `${portals.length}` }),
       /* @__PURE__ */ jsx35("div", { className: "flex-1" }),
-      portals.length > 0 ? /* @__PURE__ */ jsx35(Button28, { size: "sm", variant: building ? "secondary" : "ghost", onClick: () => setBuilding((b) => !b), children: building ? "Done building" : "Build a portal" }) : null
+      portals.length > 0 ? /* @__PURE__ */ jsx35(Button29, { size: "sm", variant: building ? "secondary" : "ghost", onClick: () => setBuilding((b) => !b), children: building ? "Done building" : "Build a portal" }) : null
     ] }),
     listError ? /* @__PURE__ */ jsx35(RefusalNotice, { error: listError }) : null,
     building ? /* @__PURE__ */ jsx35(
@@ -9285,7 +9555,7 @@ function PortalsPanel({ tableId, className }) {
         /* @__PURE__ */ jsxs31("div", { className: "mt-2 flex flex-wrap items-center gap-1.5", children: [
           /* @__PURE__ */ jsx35(CopyLink, { url }),
           /* @__PURE__ */ jsx35(
-            Button28,
+            Button29,
             {
               size: "sm",
               variant: "ghost",
@@ -9307,11 +9577,11 @@ function PortalsPanel({ tableId, className }) {
   ] });
 }
 function CopyLink({ url }) {
-  const [copied, setCopied] = useState31(false);
-  const [shown, setShown] = useState31(false);
+  const [copied, setCopied] = useState32(false);
+  const [shown, setShown] = useState32(false);
   return /* @__PURE__ */ jsxs31(Fragment15, { children: [
     /* @__PURE__ */ jsx35(
-      Button28,
+      Button29,
       {
         size: "sm",
         variant: "outline",
@@ -9342,8 +9612,8 @@ function PortalDetail({
   onChanged
 }) {
   const client = useRecordsClient25();
-  const [card, setCard] = useState31(null);
-  const [error, setError] = useState31(null);
+  const [card, setCard] = useState32(null);
+  const [error, setError] = useState32(null);
   const load = useCallback18(async () => {
     const answered = await client.portalCard({ portal_id: portalId });
     if (!answered.ok) {
@@ -9452,11 +9722,11 @@ function People({
   onRevoke,
   onPreview
 }) {
-  const [askingToRevoke, setAskingToRevoke] = useState31(null);
-  const [busy, setBusy] = useState31(false);
-  const [said, setSaid] = useState31(null);
-  const [error, setError] = useState31(null);
-  const [previewing, setPreviewing] = useState31(null);
+  const [askingToRevoke, setAskingToRevoke] = useState32(null);
+  const [busy, setBusy] = useState32(false);
+  const [said, setSaid] = useState32(null);
+  const [error, setError] = useState32(null);
+  const [previewing, setPreviewing] = useState32(null);
   const revoke = useCallback18(
     async (person) => {
       setBusy(true);
@@ -9494,7 +9764,7 @@ function People({
             /* @__PURE__ */ jsx35("p", { className: "mt-0.5 text-muted-foreground", children: state.why }),
             person.is_active ? /* @__PURE__ */ jsxs31("div", { className: "mt-1.5 flex flex-wrap gap-1.5", children: [
               /* @__PURE__ */ jsx35(
-                Button28,
+                Button29,
                 {
                   size: "sm",
                   variant: "outline",
@@ -9502,13 +9772,13 @@ function People({
                   children: showing ? "Stop viewing as them" : "View as this client"
                 }
               ),
-              /* @__PURE__ */ jsx35(Button28, { size: "sm", variant: "ghost", onClick: () => setAskingToRevoke(person), children: "Remove their access" })
+              /* @__PURE__ */ jsx35(Button29, { size: "sm", variant: "ghost", onClick: () => setAskingToRevoke(person), children: "Remove their access" })
             ] }) : null,
             asking ? /* @__PURE__ */ jsxs31("div", { className: "mt-1.5 flex flex-col gap-1.5 rounded border border-destructive/40 px-2 py-1.5", children: [
               /* @__PURE__ */ jsx35("span", { className: "text-destructive", children: revokeConsequence(person, card.title) }),
               /* @__PURE__ */ jsxs31("div", { className: "flex flex-wrap gap-1.5", children: [
                 /* @__PURE__ */ jsx35(
-                  Button28,
+                  Button29,
                   {
                     size: "sm",
                     variant: "destructive",
@@ -9517,7 +9787,7 @@ function People({
                     children: busy ? "Removing\u2026" : "Remove their access"
                   }
                 ),
-                /* @__PURE__ */ jsx35(Button28, { size: "sm", variant: "ghost", onClick: () => setAskingToRevoke(null), children: "Keep it" })
+                /* @__PURE__ */ jsx35(Button29, { size: "sm", variant: "ghost", onClick: () => setAskingToRevoke(null), children: "Keep it" })
               ] })
             ] }) : null,
             showing ? /* @__PURE__ */ jsx35(Preview, { card, person, onPreview }) : null
@@ -9534,9 +9804,9 @@ function Preview({
   onPreview
 }) {
   const first = card.tables[0];
-  const [which, setWhich] = useState31(first?.table_id ?? null);
-  const [rows, setRows] = useState31(null);
-  const [error, setError] = useState31(null);
+  const [which, setWhich] = useState32(first?.table_id ?? null);
+  const [rows, setRows] = useState32(null);
+  const [error, setError] = useState32(null);
   useEffect21(() => {
     if (!which) return;
     let cancelled = false;
@@ -9559,7 +9829,7 @@ function Preview({
   return /* @__PURE__ */ jsxs31("div", { className: "mt-1.5 rounded border border-border bg-card px-2 py-1.5", children: [
     /* @__PURE__ */ jsx35("p", { className: "text-xs text-muted-foreground", children: previewLine(person) }),
     card.tables.length > 1 ? /* @__PURE__ */ jsx35("div", { className: "mt-1.5 flex flex-wrap gap-1.5", children: card.tables.map((exposed) => /* @__PURE__ */ jsx35(
-      Button28,
+      Button29,
       {
         size: "sm",
         variant: exposed.table_id === which ? "secondary" : "ghost",
@@ -9575,14 +9845,14 @@ function Preview({
 }
 function Invite({ card, onInvited }) {
   const client = useRecordsClient25();
-  const [rows, setRows] = useState31(null);
-  const [titleKey, setTitleKey] = useState31(null);
-  const [search, setSearch] = useState31("");
-  const [picked, setPicked] = useState31(null);
-  const [email, setEmail] = useState31("");
-  const [busy, setBusy] = useState31(false);
-  const [said, setSaid] = useState31(null);
-  const [error, setError] = useState31(null);
+  const [rows, setRows] = useState32(null);
+  const [titleKey, setTitleKey] = useState32(null);
+  const [search, setSearch] = useState32("");
+  const [picked, setPicked] = useState32(null);
+  const [email, setEmail] = useState32("");
+  const [busy, setBusy] = useState32(false);
+  const [said, setSaid] = useState32(null);
+  const [error, setError] = useState32(null);
   useEffect21(() => {
     let cancelled = false;
     void client.list({ table_id: card.client_table_id, limit: 200 }).then((answered) => {
@@ -9648,7 +9918,7 @@ function Invite({ card, onInvited }) {
       picked ? null : /* @__PURE__ */ jsxs31("ul", { className: "flex max-h-40 flex-col gap-0.5 overflow-y-auto", children: [
         options.length === 0 ? /* @__PURE__ */ jsx35("li", { className: "text-xs text-muted-foreground", children: "No client of this portal's client Table matches that. A portal principal is one of those rows \u2014 add the client there first." }) : null,
         options.map((option) => /* @__PURE__ */ jsx35("li", { children: /* @__PURE__ */ jsx35(
-          Button28,
+          Button29,
           {
             size: "sm",
             variant: "ghost",
@@ -9672,7 +9942,7 @@ function Invite({ card, onInvited }) {
         }
       ),
       /* @__PURE__ */ jsx35("div", { children: /* @__PURE__ */ jsx35(
-        Button28,
+        Button29,
         {
           size: "sm",
           disabled: busy || !picked || email.trim() === "",
@@ -9685,9 +9955,9 @@ function Invite({ card, onInvited }) {
 }
 
 // src/DigestScheduler.tsx
-import { useCallback as useCallback19, useEffect as useEffect22, useMemo as useMemo23, useState as useState32 } from "react";
+import { useCallback as useCallback19, useEffect as useEffect22, useMemo as useMemo23, useState as useState33 } from "react";
 import { useRecordsClient as useRecordsClient26 } from "@ai-matrx/records/react";
-import { BasicInput as BasicInput10, Button as Button29, Checkbox as Checkbox5, Label as Label5, Separator as Separator11, Skeleton as Skeleton16, cn as cn30 } from "@ai-matrx/design-system";
+import { BasicInput as BasicInput10, Button as Button30, Checkbox as Checkbox5, Label as Label5, Separator as Separator11, Skeleton as Skeleton16, cn as cn30 } from "@ai-matrx/design-system";
 import { Fragment as Fragment16, jsx as jsx36, jsxs as jsxs32 } from "react/jsx-runtime";
 var WEEKDAYS = ["monday", "tuesday", "wednesday", "thursday", "friday", "saturday", "sunday"];
 var CADENCE_WORDS = {
@@ -9712,24 +9982,24 @@ function DigestScheduler({
 }) {
   const client = useRecordsClient26();
   const host = useRecordsUi();
-  const [views, setViews] = useState32(null);
-  const [cadences, setCadences] = useState32([]);
-  const [members, setMembers] = useState32(null);
-  const [error, setError] = useState32(null);
-  const [viewId, setViewId] = useState32(savedViewId ?? "");
-  const [name, setName] = useState32(subjectName?.trim() ? `${subjectName.trim()} summary` : "");
-  const [cadence, setCadence] = useState32("weekly");
-  const [weekday, setWeekday] = useState32("monday");
-  const [time, setTime] = useState32("08:00");
-  const [channel, setChannel] = useState32("in_app");
-  const [quiet, setQuiet] = useState32(false);
-  const [quietFrom, setQuietFrom] = useState32("22:00");
-  const [quietTo, setQuietTo] = useState32("07:00");
-  const [recipients, setRecipients] = useState32([]);
-  const [saving, setSaving] = useState32(false);
-  const [outcomes, setOutcomes] = useState32(null);
-  const [preview, setPreview] = useState32(null);
-  const [previewing, setPreviewing] = useState32(false);
+  const [views, setViews] = useState33(null);
+  const [cadences, setCadences] = useState33([]);
+  const [members, setMembers] = useState33(null);
+  const [error, setError] = useState33(null);
+  const [viewId, setViewId] = useState33(savedViewId ?? "");
+  const [name, setName] = useState33(subjectName?.trim() ? `${subjectName.trim()} summary` : "");
+  const [cadence, setCadence] = useState33("weekly");
+  const [weekday, setWeekday] = useState33("monday");
+  const [time, setTime] = useState33("08:00");
+  const [channel, setChannel] = useState33("in_app");
+  const [quiet, setQuiet] = useState33(false);
+  const [quietFrom, setQuietFrom] = useState33("22:00");
+  const [quietTo, setQuietTo] = useState33("07:00");
+  const [recipients, setRecipients] = useState33([]);
+  const [saving, setSaving] = useState33(false);
+  const [outcomes, setOutcomes] = useState33(null);
+  const [preview, setPreview] = useState33(null);
+  const [previewing, setPreviewing] = useState33(false);
   const load = useCallback19(async () => {
     const [saved, offered] = await Promise.all([
       // The store's own door onto `platform.saved_view`, narrowed in SQL to
@@ -9820,8 +10090,8 @@ function DigestScheduler({
     /* @__PURE__ */ jsxs32("header", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ jsx36("h3", { className: "text-sm font-medium", children: "Send this on a schedule" }),
       /* @__PURE__ */ jsx36("div", { className: "flex-1" }),
-      /* @__PURE__ */ jsx36(Button29, { size: "sm", disabled: saving, onClick: () => void scheduleIt(), children: saving ? "Scheduling\u2026" : "Schedule it" }),
-      onClose ? /* @__PURE__ */ jsx36(Button29, { size: "sm", variant: "ghost", onClick: onClose, children: "Close" }) : null
+      /* @__PURE__ */ jsx36(Button30, { size: "sm", disabled: saving, onClick: () => void scheduleIt(), children: saving ? "Scheduling\u2026" : "Schedule it" }),
+      onClose ? /* @__PURE__ */ jsx36(Button30, { size: "sm", variant: "ghost", onClick: onClose, children: "Close" }) : null
     ] }),
     error ? /* @__PURE__ */ jsx36(RefusalNotice, { error }) : null,
     /* @__PURE__ */ jsxs32("label", { className: "flex flex-col gap-1", children: [
@@ -9947,7 +10217,7 @@ function DigestScheduler({
         ".",
         " ",
         /* @__PURE__ */ jsx36(
-          Button29,
+          Button30,
           {
             size: "sm",
             variant: "ghost",
@@ -9973,15 +10243,15 @@ function DigestScheduler({
         preview.changed.map((e) => e.name).join(", ")
       ] }) : null,
       /* @__PURE__ */ jsx36("p", { className: "mt-1.5 text-muted-foreground", children: "Nothing was sent and nothing was recorded \u2014 this is what the next one would say." }),
-      /* @__PURE__ */ jsx36(Button29, { size: "sm", variant: "ghost", className: "mt-1", onClick: () => setPreview(null), children: "Close" })
+      /* @__PURE__ */ jsx36(Button30, { size: "sm", variant: "ghost", className: "mt-1", onClick: () => setPreview(null), children: "Close" })
     ] }) : null
   ] });
 }
 
 // src/SubscriptionsPanel.tsx
-import { useCallback as useCallback20, useEffect as useEffect23, useState as useState33 } from "react";
+import { useCallback as useCallback20, useEffect as useEffect23, useState as useState34 } from "react";
 import { useRecordsClient as useRecordsClient27 } from "@ai-matrx/records/react";
-import { Badge as Badge14, Button as Button30, Skeleton as Skeleton17, Switch as Switch2, cn as cn31 } from "@ai-matrx/design-system";
+import { Badge as Badge14, Button as Button31, Skeleton as Skeleton17, Switch as Switch2, cn as cn31 } from "@ai-matrx/design-system";
 import { jsx as jsx37, jsxs as jsxs33 } from "react/jsx-runtime";
 function whenItFires(subscription) {
   if (subscription.cadence === "instant") return "as it happens";
@@ -9996,11 +10266,11 @@ 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 = useRecordsClient27();
-  const [rows, setRows] = useState33(null);
-  const [error, setError] = useState33(null);
-  const [busy, setBusy] = useState33(null);
-  const [preview, setPreview] = useState33(null);
-  const [scheduling, setScheduling] = useState33(false);
+  const [rows, setRows] = useState34(null);
+  const [error, setError] = useState34(null);
+  const [busy, setBusy] = useState34(null);
+  const [preview, setPreview] = useState34(null);
+  const [scheduling, setScheduling] = useState34(false);
   const host = useRecordsUi();
   const load = useCallback20(async () => {
     const answered = await client.subscriptions({ table_id: tableId });
@@ -10052,7 +10322,7 @@ function SubscriptionsPanel({ tableId, className }) {
       /* @__PURE__ */ jsx37("span", { className: "text-xs text-muted-foreground", children: rows.length === 0 ? "none" : `${rows.filter((r) => !r.muted).length} on` }),
       /* @__PURE__ */ jsx37("div", { className: "flex-1" }),
       rows.length > 0 ? /* @__PURE__ */ jsx37(
-        Button30,
+        Button31,
         {
           size: "sm",
           variant: scheduling ? "secondary" : "ghost",
@@ -10123,7 +10393,7 @@ function SubscriptionsPanel({ tableId, className }) {
           " \u2014 a send inside those hours waits until they end."
         ] }) : null,
         subscription.cadence === "instant" ? null : /* @__PURE__ */ jsx37(
-          Button30,
+          Button31,
           {
             size: "sm",
             variant: "ghost",
@@ -10157,20 +10427,20 @@ function SubscriptionsPanel({ tableId, className }) {
           preview.changed.map((e) => e.name).join(", ")
         ] }) : null,
         /* @__PURE__ */ jsx37("p", { className: "mt-1.5 text-muted-foreground", children: "Nothing was sent and nothing was recorded \u2014 this is what the next one would say." }),
-        /* @__PURE__ */ jsx37(Button30, { size: "sm", variant: "ghost", className: "mt-1", onClick: () => setPreview(null), children: "Close" })
+        /* @__PURE__ */ jsx37(Button31, { size: "sm", variant: "ghost", className: "mt-1", onClick: () => setPreview(null), children: "Close" })
       ] }) : null
     ] }, subscription.rule_id)) })
   ] });
 }
 
 // src/FormBuilder.tsx
-import { useCallback as useCallback22, useEffect as useEffect25, useMemo as useMemo25, useState as useState35 } from "react";
+import { useCallback as useCallback22, useEffect as useEffect25, useMemo as useMemo25, useState as useState36 } from "react";
 import { useFields as useFields16, useRecordsClient as useRecordsClient28, useTable as useTable13 } from "@ai-matrx/records/react";
 import { publicFormPath } from "@ai-matrx/records";
 import {
   BasicInput as BasicInput11,
   BasicTextarea as BasicTextarea5,
-  Button as Button32,
+  Button as Button33,
   Checkbox as Checkbox6,
   Label as Label6,
   Skeleton as Skeleton19,
@@ -10178,9 +10448,9 @@ import {
 } from "@ai-matrx/design-system";
 
 // src/FormRunner.tsx
-import { useCallback as useCallback21, useEffect as useEffect24, useMemo as useMemo24, useRef as useRef10, useState as useState34 } from "react";
+import { useCallback as useCallback21, useEffect as useEffect24, useMemo as useMemo24, useRef as useRef10, useState as useState35 } from "react";
 import { useFields as useFields15, useOptionalRecordsClient } from "@ai-matrx/records/react";
-import { Button as Button31, Progress, Skeleton as Skeleton18, cn as cn32 } from "@ai-matrx/design-system";
+import { Button as Button32, Progress, Skeleton as Skeleton18, cn as cn32 } from "@ai-matrx/design-system";
 import { Fragment as Fragment17, jsx as jsx38, jsxs as jsxs34 } from "react/jsx-runtime";
 function FormRunner(props) {
   if (props.fields && props.onSubmit) {
@@ -10249,13 +10519,13 @@ function FormStage({
   connected = false
 }) {
   const host = useRecordsUi();
-  const [answers, setAnswers] = useState34({});
-  const [at, setAt] = useState34(0);
-  const [error, setError] = useState34(null);
-  const [refusal, setRefusal] = useState34(null);
-  const [writing, setWriting] = useState34(false);
-  const [done, setDone] = useState34(null);
-  const [hidden, setHidden] = useState34({});
+  const [answers, setAnswers] = useState35({});
+  const [at, setAt] = useState35(0);
+  const [error, setError] = useState35(null);
+  const [refusal, setRefusal] = useState35(null);
+  const [writing, setWriting] = useState35(false);
+  const [done, setDone] = useState35(null);
+  const [hidden, setHidden] = useState35({});
   const decoy = useRef10("");
   const stage = useRef10(null);
   const questions = useMemo24(() => {
@@ -10417,8 +10687,8 @@ function FormStage({
           )
         ] }) : null,
         /* @__PURE__ */ jsxs34("footer", { className: cn32("flex flex-wrap items-center gap-2", centred && "justify-center"), children: [
-          oneAtATime && index > 0 ? /* @__PURE__ */ jsx38(Button31, { size: "sm", variant: "ghost", onClick: retreat, children: "Back" }) : null,
-          oneAtATime && index < live.length - 1 ? /* @__PURE__ */ jsx38(Button31, { size: "sm", onClick: advance, children: "Next" }) : /* @__PURE__ */ jsx38(Button31, { size: "sm", disabled: writing || missing.length > 0, onClick: () => void submit(), children: writing ? "Sending\u2026" : form.submitLabel ?? "Submit" }),
+          oneAtATime && index > 0 ? /* @__PURE__ */ jsx38(Button32, { size: "sm", variant: "ghost", onClick: retreat, children: "Back" }) : null,
+          oneAtATime && index < live.length - 1 ? /* @__PURE__ */ jsx38(Button32, { size: "sm", onClick: advance, children: "Next" }) : /* @__PURE__ */ jsx38(Button32, { size: "sm", disabled: writing || missing.length > 0, onClick: () => void submit(), children: writing ? "Sending\u2026" : form.submitLabel ?? "Submit" }),
           missing.length > 0 && (!oneAtATime || index === live.length - 1) ? /* @__PURE__ */ jsxs34("span", { className: "text-xs text-muted-foreground", children: [
             missing.map((q) => q.ask).join(", "),
             " still ",
@@ -10437,7 +10707,7 @@ function Question({
   onChange,
   upload
 }) {
-  const [uploadError, setUploadError] = useState34(null);
+  const [uploadError, setUploadError] = useState35(null);
   const field = question.field;
   if (!field) return null;
   const id = `form-${field.key}`;
@@ -10500,15 +10770,15 @@ function FormBuilder({ tableId, seed, activeFormId, onActiveForm, className }) {
   const table = useTable13(tableId);
   const rights = useTableRights(table.data);
   const fields = useFields16(tableId);
-  const [forms, setForms] = useState35(null);
-  const [error, setError] = useState35(null);
-  const [activeId, setActiveId] = useState35(activeFormId ?? null);
-  const [draft, setDraft] = useState35(null);
-  const [saving, setSaving] = useState35(false);
-  const [saved, setSaved] = useState35(null);
-  const [publishing, setPublishing] = useState35(false);
-  const [copied, setCopied] = useState35(false);
-  const [shownUrl, setShownUrl] = useState35(null);
+  const [forms, setForms] = useState36(null);
+  const [error, setError] = useState36(null);
+  const [activeId, setActiveId] = useState36(activeFormId ?? null);
+  const [draft, setDraft] = useState36(null);
+  const [saving, setSaving] = useState36(false);
+  const [saved, setSaved] = useState36(null);
+  const [publishing, setPublishing] = useState36(false);
+  const [copied, setCopied] = useState36(false);
+  const [shownUrl, setShownUrl] = useState36(null);
   const publicOrigin = host.publicOrigin ?? (typeof window === "undefined" ? "" : window.location.origin);
   const load = useCallback22(async () => {
     const answered = await client.forms({ table_id: tableId });
@@ -10614,7 +10884,7 @@ function FormBuilder({ tableId, seed, activeFormId, onActiveForm, className }) {
       {
         error,
         className,
-        actions: /* @__PURE__ */ jsx39(Button32, { size: "sm", variant: "ghost", onClick: () => void load(), children: "Try again" })
+        actions: /* @__PURE__ */ jsx39(Button33, { size: "sm", variant: "ghost", onClick: () => void load(), children: "Try again" })
       }
     );
   }
@@ -10626,7 +10896,7 @@ function FormBuilder({ tableId, seed, activeFormId, onActiveForm, className }) {
     /* @__PURE__ */ jsxs35("div", { className: "flex min-w-0 flex-1 flex-col gap-2 overflow-auto", children: [
       /* @__PURE__ */ jsxs35("div", { className: "flex items-center gap-1 overflow-x-auto", role: "group", "aria-label": "Forms", children: [
         forms.map((form) => /* @__PURE__ */ jsx39(
-          Button32,
+          Button33,
           {
             size: "sm",
             variant: form.id === activeId ? "secondary" : "ghost",
@@ -10639,10 +10909,10 @@ function FormBuilder({ tableId, seed, activeFormId, onActiveForm, className }) {
           },
           form.id
         )),
-        (fields.data ?? []).length > 0 ? /* @__PURE__ */ jsx39(Button32, { size: "sm", variant: "ghost", onClick: () => void create(`Form ${forms.length + 1}`), children: "New form" }) : null,
+        (fields.data ?? []).length > 0 ? /* @__PURE__ */ jsx39(Button33, { size: "sm", variant: "ghost", onClick: () => void create(`Form ${forms.length + 1}`), children: "New form" }) : null,
         /* @__PURE__ */ jsxs35("span", { className: "ml-auto flex items-center gap-2", children: [
           saved ? /* @__PURE__ */ jsx39("span", { className: "text-xs text-muted-foreground", children: saved }) : null,
-          /* @__PURE__ */ jsx39(Button32, { size: "sm", disabled: saving || !draft, onClick: () => void save(), children: saving ? "Saving\u2026" : "Save" })
+          /* @__PURE__ */ jsx39(Button33, { size: "sm", disabled: saving || !draft, onClick: () => void save(), children: saving ? "Saving\u2026" : "Save" })
         ] })
       ] }),
       !draft ? /* @__PURE__ */ jsx39("p", { className: "text-xs text-muted-foreground", children: (fields.data ?? []).length === 0 ? "This table has no fields yet, so there is nothing a form could ask for. Add a field first \u2014 every question is one of this table's own fields." : 'No form collects into this table yet. "New form" makes one, or you ask an agent for the whole thing in a sentence.' }) : /* @__PURE__ */ jsxs35(Fragment18, { children: [
@@ -10805,7 +11075,7 @@ function PublishRow({
   return /* @__PURE__ */ jsxs35("div", { className: "flex flex-col gap-1.5 rounded border px-2.5 py-2", children: [
     /* @__PURE__ */ jsxs35("div", { className: "flex flex-wrap items-center gap-2", children: [
       mayPublish ? /* @__PURE__ */ jsx39(
-        Button32,
+        Button33,
         {
           size: "sm",
           variant: open ? "ghost" : "default",
@@ -10825,7 +11095,7 @@ function PublishRow({
             children: url
           }
         ),
-        /* @__PURE__ */ jsx39(Button32, { size: "sm", variant: "outline", onClick: () => onCopy(url), children: copied ? "Copied" : "Copy link" })
+        /* @__PURE__ */ jsx39(Button33, { size: "sm", variant: "outline", onClick: () => onCopy(url), children: copied ? "Copied" : "Copy link" })
       ] }) : null
     ] }),
     /* @__PURE__ */ jsx39("p", { className: "text-xs text-muted-foreground", children: FORM_STATE_WORDS[state] }),
@@ -10842,13 +11112,13 @@ function Condition({
   onChange
 }) {
   return /* @__PURE__ */ jsx39(
-    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"
     }
   );
 }
@@ -10942,13 +11212,13 @@ import {
   useEffect as useEffect26,
   useId,
   useRef as useRef11,
-  useState as useState36
+  useState as useState37
 } from "react";
 import { cn as cn34 } from "@ai-matrx/design-system";
 import { jsx as jsx40, jsxs as jsxs36 } from "react/jsx-runtime";
 function useMeasuredWidth(fallback = 480) {
   const ref = useRef11(null);
-  const [width, setWidth] = useState36(fallback);
+  const [width, setWidth] = useState37(fallback);
   useEffect26(() => {
     const node = ref.current;
     if (!node) return;
@@ -11073,9 +11343,9 @@ function isSignatureField(field) {
 }
 
 // src/DocTemplate.tsx
-import { useCallback as useCallback23, useEffect as useEffect27, useState as useState37 } from "react";
+import { useCallback as useCallback23, useEffect as useEffect27, useState as useState38 } from "react";
 import { useFields as useFields17, useRecordsClient as useRecordsClient29, useTable as useTable14 } from "@ai-matrx/records/react";
-import { BasicInput as BasicInput12, BasicTextarea as BasicTextarea6, Button as Button33, Label as Label7, Skeleton as Skeleton20, cn as cn35 } from "@ai-matrx/design-system";
+import { BasicInput as BasicInput12, BasicTextarea as BasicTextarea6, Button as Button34, Label as Label7, Skeleton as Skeleton20, cn as cn35 } from "@ai-matrx/design-system";
 import { jsx as jsx41, jsxs as jsxs37 } from "react/jsx-runtime";
 function DocTemplate({ tableId, seed, activeTemplateId, onActiveTemplate, className }) {
   const client = useRecordsClient29();
@@ -11083,13 +11353,13 @@ function DocTemplate({ tableId, seed, activeTemplateId, onActiveTemplate, classN
   const table = useTable14(tableId);
   const rights = useTableRights(table.data);
   const fields = useFields17(tableId);
-  const [templates, setTemplates] = useState37(null);
-  const [error, setError] = useState37(null);
-  const [activeId, setActiveId] = useState37(activeTemplateId ?? null);
-  const [draftName, setDraftName] = useState37("");
-  const [draftBody, setDraftBody] = useState37("");
-  const [unresolved, setUnresolved] = useState37([]);
-  const [saving, setSaving] = useState37(false);
+  const [templates, setTemplates] = useState38(null);
+  const [error, setError] = useState38(null);
+  const [activeId, setActiveId] = useState38(activeTemplateId ?? null);
+  const [draftName, setDraftName] = useState38("");
+  const [draftBody, setDraftBody] = useState38("");
+  const [unresolved, setUnresolved] = useState38([]);
+  const [saving, setSaving] = useState38(false);
   const load = useCallback23(async () => {
     const held = await client.docTemplates({ table_id: tableId });
     if (!held.ok) {
@@ -11169,7 +11439,7 @@ function DocTemplate({ tableId, seed, activeTemplateId, onActiveTemplate, classN
       {
         error,
         className,
-        actions: /* @__PURE__ */ jsx41(Button33, { size: "sm", variant: "ghost", onClick: () => void load(), children: "Try again" })
+        actions: /* @__PURE__ */ jsx41(Button34, { size: "sm", variant: "ghost", onClick: () => void load(), children: "Try again" })
       }
     );
   }
@@ -11180,7 +11450,7 @@ function DocTemplate({ tableId, seed, activeTemplateId, onActiveTemplate, classN
   return /* @__PURE__ */ jsxs37("div", { className: cn35("flex flex-col gap-2", className), children: [
     /* @__PURE__ */ jsxs37("div", { className: "flex items-center gap-1 overflow-x-auto", role: "group", "aria-label": "Templates", children: [
       templates.map((t) => /* @__PURE__ */ jsxs37(
-        Button33,
+        Button34,
         {
           size: "sm",
           variant: t.id === activeId ? "secondary" : "ghost",
@@ -11201,7 +11471,7 @@ function DocTemplate({ tableId, seed, activeTemplateId, onActiveTemplate, classN
         t.id
       )),
       /* @__PURE__ */ jsx41(
-        Button33,
+        Button34,
         {
           size: "sm",
           variant: "ghost",
@@ -11213,7 +11483,7 @@ function DocTemplate({ tableId, seed, activeTemplateId, onActiveTemplate, classN
           children: "New template"
         }
       ),
-      /* @__PURE__ */ jsx41(Button33, { size: "sm", className: "ml-auto", disabled: saving, onClick: () => void save(), children: saving ? "Saving\u2026" : "Save" })
+      /* @__PURE__ */ jsx41(Button34, { size: "sm", className: "ml-auto", disabled: saving, onClick: () => void save(), children: saving ? "Saving\u2026" : "Save" })
     ] }),
     /* @__PURE__ */ jsxs37("label", { className: "flex flex-col gap-1", children: [
       /* @__PURE__ */ jsx41(Label7, { className: "text-xs font-medium", children: "Name" }),
@@ -11222,7 +11492,7 @@ function DocTemplate({ tableId, seed, activeTemplateId, onActiveTemplate, classN
     /* @__PURE__ */ jsxs37("div", { className: "flex flex-wrap items-center gap-1", children: [
       /* @__PURE__ */ jsx41("span", { className: "text-xs text-muted-foreground", children: "Insert" }),
       (fields.data ?? []).map((field) => /* @__PURE__ */ jsx41(
-        Button33,
+        Button34,
         {
           size: "sm",
           variant: "ghost",
@@ -11252,17 +11522,17 @@ function DocTemplate({ tableId, seed, activeTemplateId, onActiveTemplate, classN
 }
 
 // src/DocRender.tsx
-import { useCallback as useCallback24, useEffect as useEffect28, useRef as useRef12, useState as useState38 } from "react";
+import { useCallback as useCallback24, useEffect as useEffect28, useRef as useRef12, useState as useState39 } from "react";
 import { useRecordsClient as useRecordsClient30 } from "@ai-matrx/records/react";
-import { Button as Button34, Skeleton as Skeleton21, cn as cn36 } from "@ai-matrx/design-system";
+import { Button as Button35, Skeleton as Skeleton21, cn as cn36 } from "@ai-matrx/design-system";
 import { jsx as jsx42, jsxs as jsxs38 } from "react/jsx-runtime";
 function DocRender({ templateId, recordId, filename, onRendered, className }) {
   const client = useRecordsClient30();
-  const [preview, setPreview] = useState38(null);
-  const [renders, setRenders] = useState38(null);
-  const [showing, setShowing] = useState38(null);
-  const [error, setError] = useState38(null);
-  const [busy, setBusy] = useState38(null);
+  const [preview, setPreview] = useState39(null);
+  const [renders, setRenders] = useState39(null);
+  const [showing, setShowing] = useState39(null);
+  const [error, setError] = useState39(null);
+  const [busy, setBusy] = useState39(null);
   const paper = useRef12(null);
   const load = useCallback24(async () => {
     const [body, held] = await Promise.all([
@@ -11323,7 +11593,7 @@ function DocRender({ templateId, recordId, filename, onRendered, className }) {
       {
         error,
         className,
-        actions: /* @__PURE__ */ jsx42(Button34, { size: "sm", variant: "ghost", onClick: () => void load(), children: "Try again" })
+        actions: /* @__PURE__ */ jsx42(Button35, { size: "sm", variant: "ghost", onClick: () => void load(), children: "Try again" })
       }
     );
   }
@@ -11333,7 +11603,7 @@ function DocRender({ templateId, recordId, filename, onRendered, className }) {
   return /* @__PURE__ */ jsxs38("div", { className: cn36("flex flex-col gap-2", className), children: [
     /* @__PURE__ */ jsxs38("div", { className: "flex items-center gap-1 text-xs", children: [
       /* @__PURE__ */ jsx42(
-        Button34,
+        Button35,
         {
           size: "sm",
           variant: frozen ? "ghost" : "secondary",
@@ -11343,7 +11613,7 @@ function DocRender({ templateId, recordId, filename, onRendered, className }) {
         }
       ),
       renders.map((render) => /* @__PURE__ */ jsx42(
-        Button34,
+        Button35,
         {
           size: "sm",
           variant: render.id === showing ? "secondary" : "ghost",
@@ -11355,8 +11625,8 @@ function DocRender({ templateId, recordId, filename, onRendered, className }) {
         render.id
       )),
       /* @__PURE__ */ jsxs38("span", { className: "ml-auto flex items-center gap-1", children: [
-        /* @__PURE__ */ jsx42(Button34, { size: "sm", disabled: busy !== null, onClick: () => void freeze(), children: busy === "freeze" ? "Freezing\u2026" : "Freeze this version" }),
-        /* @__PURE__ */ jsx42(Button34, { size: "sm", variant: "ghost", disabled: busy !== null, onClick: () => void toPdf(), children: busy === "pdf" ? "Making the PDF\u2026" : "PDF" })
+        /* @__PURE__ */ jsx42(Button35, { size: "sm", disabled: busy !== null, onClick: () => void freeze(), children: busy === "freeze" ? "Freezing\u2026" : "Freeze this version" }),
+        /* @__PURE__ */ jsx42(Button35, { size: "sm", variant: "ghost", disabled: busy !== null, onClick: () => void toPdf(), children: busy === "pdf" ? "Making the PDF\u2026" : "PDF" })
       ] })
     ] }),
     /* @__PURE__ */ jsx42("div", { ref: paper, className: "whitespace-pre-wrap rounded border bg-background p-4 text-sm text-foreground", children: text }),
@@ -11365,9 +11635,9 @@ function DocRender({ templateId, recordId, filename, onRendered, className }) {
 }
 
 // src/SignBlock.tsx
-import { useCallback as useCallback25, useEffect as useEffect29, useState as useState39 } from "react";
+import { useCallback as useCallback25, useEffect as useEffect29, useState as useState40 } from "react";
 import { useFields as useFields18, useRecordsClient as useRecordsClient31 } from "@ai-matrx/records/react";
-import { BasicInput as BasicInput13, Button as Button35, Skeleton as Skeleton22, cn as cn37 } from "@ai-matrx/design-system";
+import { BasicInput as BasicInput13, Button as Button36, Skeleton as Skeleton22, cn as cn37 } from "@ai-matrx/design-system";
 import { useTable as useTable15 } from "@ai-matrx/records/react";
 import { jsx as jsx43, jsxs as jsxs39 } from "react/jsx-runtime";
 function SignBlock({ tableId, recordId, render, className }) {
@@ -11375,11 +11645,11 @@ function SignBlock({ tableId, recordId, render, className }) {
   const table = useTable15(tableId);
   const rights = useTableRights(table.data);
   const fields = useFields18(tableId);
-  const [signatures, setSignatures] = useState39(null);
-  const [verdicts, setVerdicts] = useState39({});
-  const [error, setError] = useState39(null);
-  const [name, setName] = useState39("");
-  const [busy, setBusy] = useState39(false);
+  const [signatures, setSignatures] = useState40(null);
+  const [verdicts, setVerdicts] = useState40({});
+  const [error, setError] = useState40(null);
+  const [name, setName] = useState40("");
+  const [busy, setBusy] = useState40(false);
   const load = useCallback25(async () => {
     const held = await client.docSignatures({ record_id: recordId });
     if (!held.ok) {
@@ -11422,7 +11692,7 @@ function SignBlock({ tableId, recordId, render, className }) {
       {
         error,
         className,
-        actions: /* @__PURE__ */ jsx43(Button35, { size: "sm", variant: "ghost", onClick: () => void load(), children: "Try again" })
+        actions: /* @__PURE__ */ jsx43(Button36, { size: "sm", variant: "ghost", onClick: () => void load(), children: "Try again" })
       }
     );
   }
@@ -11485,7 +11755,7 @@ function SignBlock({ tableId, recordId, render, className }) {
                 onChange: (e) => setName(e.target.value)
               }
             ),
-            /* @__PURE__ */ jsx43(Button35, { size: "sm", type: "submit", disabled: busy || name.trim() === "", children: "Sign" }),
+            /* @__PURE__ */ jsx43(Button36, { size: "sm", type: "submit", disabled: busy || name.trim() === "", children: "Sign" }),
             /* @__PURE__ */ jsxs39("span", { className: "text-xs text-muted-foreground", children: [
               "seals version ",
               render.template_version,
@@ -11502,9 +11772,9 @@ function SignBlock({ tableId, recordId, render, className }) {
 }
 
 // src/NotifyRuleEditor.tsx
-import { useCallback as useCallback26, useEffect as useEffect30, useState as useState40 } from "react";
+import { useCallback as useCallback26, useEffect as useEffect30, useState as useState41 } from "react";
 import { useRecordsClient as useRecordsClient32, useTable as useTable16 } from "@ai-matrx/records/react";
-import { Button as Button36, Skeleton as Skeleton23, cn as cn38 } from "@ai-matrx/design-system";
+import { Button as Button37, Skeleton as Skeleton23, cn as cn38 } from "@ai-matrx/design-system";
 import { jsx as jsx44, jsxs as jsxs40 } from "react/jsx-runtime";
 var CADENCE_WORDS2 = {
   instant: "as it happens",
@@ -11522,11 +11792,11 @@ function NotifyRuleEditor({ tableId, seed, className }) {
   const host = useRecordsUi();
   const table = useTable16(tableId);
   const rights = useTableRights(table.data);
-  const [subscriptions, setSubscriptions] = useState40(null);
-  const [cadences, setCadences] = useState40([]);
-  const [views, setViews] = useState40(null);
-  const [error, setError] = useState40(null);
-  const [busy, setBusy] = useState40(false);
+  const [subscriptions, setSubscriptions] = useState41(null);
+  const [cadences, setCadences] = useState41([]);
+  const [views, setViews] = useState41(null);
+  const [error, setError] = useState41(null);
+  const [busy, setBusy] = useState41(false);
   const load = useCallback26(async () => {
     const [held, offered] = await Promise.all([
       // THE PERSON'S OWN DOOR, not the notifier's. It answers what is addressed
@@ -11615,7 +11885,7 @@ function NotifyRuleEditor({ tableId, seed, className }) {
       {
         error,
         className,
-        actions: /* @__PURE__ */ jsx44(Button36, { size: "sm", variant: "ghost", onClick: () => void load(), children: "Try again" })
+        actions: /* @__PURE__ */ jsx44(Button37, { size: "sm", variant: "ghost", onClick: () => void load(), children: "Try again" })
       }
     );
   }
@@ -11648,7 +11918,7 @@ function NotifyRuleEditor({ tableId, seed, className }) {
       held.saved_view_id === null ? /* @__PURE__ */ jsx44("span", { className: "text-destructive", children: "This one names no view, so the store never admits a record to it." }) : null,
       held.muted ? /* @__PURE__ */ jsx44("span", { className: "text-muted-foreground", children: "Switched off \u2014 it tells nobody until somebody switches it back on." }) : null,
       rights.write ? /* @__PURE__ */ jsx44(
-        Button36,
+        Button37,
         {
           size: "sm",
           variant: "ghost",
@@ -11709,7 +11979,7 @@ function NotifyRuleEditor({ tableId, seed, className }) {
               className: "h-7 rounded border bg-background px-1 text-xs"
             }
           ),
-          /* @__PURE__ */ jsx44(Button36, { size: "sm", type: "submit", disabled: busy, children: "Tell me" }),
+          /* @__PURE__ */ jsx44(Button37, { size: "sm", type: "submit", disabled: busy, children: "Tell me" }),
           /* @__PURE__ */ jsx44("p", { className: "w-full text-xs text-muted-foreground", children: "A send inside your quiet hours is held until they end \u2014 it is never dropped. Leave the schedule blank for the store's own default of 08:00." })
         ]
       }
@@ -12031,9 +12301,9 @@ function Drawing({
 }
 
 // src/DashboardCanvas.tsx
-import { useCallback as useCallback27, useEffect as useEffect31, useMemo as useMemo27, useState as useState41 } from "react";
+import { useCallback as useCallback27, useEffect as useEffect31, useMemo as useMemo27, useState as useState42 } from "react";
 import { useFields as useFields19, useRecordsClient as useRecordsClient33, useTable as useTable17 } from "@ai-matrx/records/react";
-import { BasicInput as BasicInput14, Button as Button37, Skeleton as Skeleton24, cn as cn40 } from "@ai-matrx/design-system";
+import { BasicInput as BasicInput14, Button as Button38, Skeleton as Skeleton24, cn as cn40 } from "@ai-matrx/design-system";
 import { Fragment as Fragment20, jsx as jsx46, jsxs as jsxs42 } from "react/jsx-runtime";
 function DashboardCanvas({ tableId, activeDashboardId, filter, className }) {
   const client = useRecordsClient33();
@@ -12041,14 +12311,14 @@ function DashboardCanvas({ tableId, activeDashboardId, filter, className }) {
   const table = useTable17(tableId);
   const rights = useTableRights(table.data);
   const fields = useFields19(tableId);
-  const [boards, setBoards] = useState41(null);
-  const [error, setError] = useState41(null);
-  const [activeId, setActiveId] = useState41(activeDashboardId ?? null);
-  const [run, setRun] = useState41(null);
-  const [running, setRunning] = useState41(false);
-  const [question, setQuestion] = useState41("");
-  const [asking, setAsking] = useState41(false);
-  const [scheduling, setScheduling] = useState41(false);
+  const [boards, setBoards] = useState42(null);
+  const [error, setError] = useState42(null);
+  const [activeId, setActiveId] = useState42(activeDashboardId ?? null);
+  const [run, setRun] = useState42(null);
+  const [running, setRunning] = useState42(false);
+  const [question, setQuestion] = useState42("");
+  const [asking, setAsking] = useState42(false);
+  const [scheduling, setScheduling] = useState42(false);
   const load = useCallback27(async () => {
     const answered = await client.dashboards({ table_id: tableId });
     if (!answered.ok) {
@@ -12178,7 +12448,7 @@ function DashboardCanvas({ tableId, activeDashboardId, filter, className }) {
       {
         error,
         className,
-        actions: /* @__PURE__ */ jsx46(Button37, { size: "sm", variant: "ghost", onClick: () => void load(), children: "Try again" })
+        actions: /* @__PURE__ */ jsx46(Button38, { size: "sm", variant: "ghost", onClick: () => void load(), children: "Try again" })
       }
     );
   }
@@ -12186,7 +12456,7 @@ function DashboardCanvas({ tableId, activeDashboardId, filter, className }) {
   return /* @__PURE__ */ jsxs42("div", { className: cn40("flex min-h-0 flex-col gap-2", className), children: [
     /* @__PURE__ */ jsxs42("div", { className: "flex flex-wrap items-center gap-1", role: "group", "aria-label": "Dashboards", children: [
       boards.map((d) => /* @__PURE__ */ jsx46(
-        Button37,
+        Button38,
         {
           size: "sm",
           variant: d.id === activeId ? "secondary" : "ghost",
@@ -12196,10 +12466,10 @@ function DashboardCanvas({ tableId, activeDashboardId, filter, className }) {
         },
         d.id
       )),
-      rights.admin ? /* @__PURE__ */ jsx46(Button37, { size: "sm", variant: "ghost", onClick: () => void create(), children: "New dashboard" }) : null,
+      rights.admin ? /* @__PURE__ */ jsx46(Button38, { size: "sm", variant: "ghost", onClick: () => void create(), children: "New dashboard" }) : null,
       board ? /* @__PURE__ */ jsxs42("span", { className: "ml-auto flex items-center gap-1", children: [
         /* @__PURE__ */ jsx46(
-          Button37,
+          Button38,
           {
             size: "sm",
             variant: "ghost",
@@ -12209,7 +12479,7 @@ function DashboardCanvas({ tableId, activeDashboardId, filter, className }) {
           }
         ),
         /* @__PURE__ */ jsx46(
-          Button37,
+          Button38,
           {
             size: "sm",
             variant: scheduling ? "secondary" : "ghost",
@@ -12217,7 +12487,7 @@ function DashboardCanvas({ tableId, activeDashboardId, filter, className }) {
             children: scheduling ? "Done" : "Send on a schedule"
           }
         ),
-        rights.admin ? /* @__PURE__ */ jsx46(Button37, { size: "sm", variant: "ghost", onClick: () => void remove(board), children: "Delete" }) : null
+        rights.admin ? /* @__PURE__ */ jsx46(Button38, { size: "sm", variant: "ghost", onClick: () => void remove(board), children: "Delete" }) : null
       ] }) : null
     ] }),
     board && scheduling ? /* @__PURE__ */ jsx46(
@@ -12245,7 +12515,7 @@ function DashboardCanvas({ tableId, activeDashboardId, filter, className }) {
             className: "h-8 min-w-0 flex-1 text-xs"
           }
         ),
-        /* @__PURE__ */ jsx46(Button37, { size: "sm", disabled: !host.onReask || asking || question.trim() === "", onClick: () => void reask(), children: asking ? "Asking" : "Ask" })
+        /* @__PURE__ */ jsx46(Button38, { size: "sm", disabled: !host.onReask || asking || question.trim() === "", onClick: () => void reask(), children: asking ? "Asking" : "Ask" })
       ] }),
       !host.onReask ? /* @__PURE__ */ jsx46("p", { className: "text-xs text-muted-foreground", children: NO_REASK_REASON }) : null
     ] }) : null,
@@ -12269,7 +12539,7 @@ function DashboardCanvas({ tableId, activeDashboardId, filter, className }) {
             }
           ),
           /* @__PURE__ */ jsx46(
-            Button37,
+            Button38,
             {
               size: "sm",
               variant: "ghost",
@@ -12288,10 +12558,10 @@ function DashboardCanvas({ tableId, activeDashboardId, filter, className }) {
 }
 
 // src/FormsPanel.tsx
-import { useCallback as useCallback28, useEffect as useEffect32, useState as useState42 } from "react";
+import { useCallback as useCallback28, useEffect as useEffect32, useState as useState43 } from "react";
 import { useRecordsClient as useRecordsClient34, useTable as useTable18 } from "@ai-matrx/records/react";
 import { publicFormPath as publicFormPath2 } from "@ai-matrx/records";
-import { Badge as Badge15, Button as Button38, Skeleton as Skeleton25, cn as cn41 } from "@ai-matrx/design-system";
+import { Badge as Badge15, Button as Button39, Skeleton as Skeleton25, cn as cn41 } from "@ai-matrx/design-system";
 import { Fragment as Fragment21, jsx as jsx47, jsxs as jsxs43 } from "react/jsx-runtime";
 var WHAT_A_FORM_IS = "A form asks for this table's own fields, and its answers land here as ordinary records stamped with the form they came through.";
 var NO_ADMIN = "This table has no forms. Making one needs the admin level on it, because a form decides what people with no account may add here.";
@@ -12304,11 +12574,11 @@ function FormsPanel({ tableId, className }) {
   const host = useRecordsUi();
   const table = useTable18(tableId);
   const rights = useTableRights(table.data);
-  const [forms, setForms] = useState42(null);
-  const [error, setError] = useState42(null);
-  const [busy, setBusy] = useState42(null);
-  const [copied, setCopied] = useState42(null);
-  const [building, setBuilding] = useState42(false);
+  const [forms, setForms] = useState43(null);
+  const [error, setError] = useState43(null);
+  const [busy, setBusy] = useState43(null);
+  const [copied, setCopied] = useState43(null);
+  const [building, setBuilding] = useState43(false);
   const load = useCallback28(async () => {
     const answered = await client.forms({ table_id: tableId });
     if (!answered.ok) {
@@ -12336,7 +12606,7 @@ function FormsPanel({ tableId, className }) {
     },
     [client, load]
   );
-  const [shown, setShown] = useState42(null);
+  const [shown, setShown] = useState43(null);
   const copy = useCallback28(async (url, formId) => {
     try {
       await navigator.clipboard.writeText(url);
@@ -12354,7 +12624,7 @@ function FormsPanel({ tableId, className }) {
       /* @__PURE__ */ jsx47("h3", { className: "text-sm font-medium", children: "Forms" }),
       /* @__PURE__ */ jsx47("span", { className: "text-xs text-muted-foreground", children: forms.length === 0 ? "none yet" : `${forms.length}` }),
       /* @__PURE__ */ jsx47("div", { className: "flex-1" }),
-      rights.structure && forms.length > 0 ? /* @__PURE__ */ jsx47(Button38, { size: "sm", variant: building ? "secondary" : "ghost", onClick: () => setBuilding((b) => !b), children: building ? "Done building" : "Build a form" }) : null
+      rights.structure && forms.length > 0 ? /* @__PURE__ */ jsx47(Button39, { size: "sm", variant: building ? "secondary" : "ghost", onClick: () => setBuilding((b) => !b), children: building ? "Done building" : "Build a form" }) : null
     ] }),
     error ? /* @__PURE__ */ jsx47(RefusalNotice, { error }) : null,
     building ? /* @__PURE__ */ jsx47(
@@ -12411,9 +12681,9 @@ function FormsPanel({ tableId, className }) {
           ] }) : null
         ] }),
         /* @__PURE__ */ jsxs43("div", { className: "mt-2 flex flex-wrap items-center gap-1.5", children: [
-          form.published_at ? /* @__PURE__ */ jsx47(Button38, { size: "sm", variant: "outline", onClick: () => void copy(url, form.form_id), children: copied === form.form_id ? "Copied" : "Copy link" }) : null,
+          form.published_at ? /* @__PURE__ */ jsx47(Button39, { size: "sm", variant: "outline", onClick: () => void copy(url, form.form_id), children: copied === form.form_id ? "Copied" : "Copy link" }) : null,
           rights.structure ? /* @__PURE__ */ jsx47(
-            Button38,
+            Button39,
             {
               size: "sm",
               variant: "ghost",
@@ -12435,12 +12705,12 @@ function FormsPanel({ tableId, className }) {
 }
 
 // src/BookingBuilder.tsx
-import { useCallback as useCallback29, useEffect as useEffect33, useMemo as useMemo28, useState as useState43 } from "react";
+import { useCallback as useCallback29, useEffect as useEffect33, useMemo as useMemo28, useState as useState44 } from "react";
 import { useFields as useFields20, useRecordsClient as useRecordsClient35, useTable as useTable19 } from "@ai-matrx/records/react";
 import {
   bookingPath
 } from "@ai-matrx/records";
-import { BasicInput as BasicInput15, BasicTextarea as BasicTextarea7, Button as Button39, Checkbox as Checkbox7, Label as Label8, Skeleton as Skeleton26, cn as cn42 } from "@ai-matrx/design-system";
+import { BasicInput as BasicInput15, BasicTextarea as BasicTextarea7, Button as Button40, Checkbox as Checkbox7, Label as Label8, Skeleton as Skeleton26, cn as cn42 } from "@ai-matrx/design-system";
 import { Fragment as Fragment22, jsx as jsx48, jsxs as jsxs44 } from "react/jsx-runtime";
 var STORE_ANSWERS_THESE = ["slot", "status", "booked_with"];
 var DAYS = [
@@ -12471,23 +12741,23 @@ function BookingBuilder({ tableId, bookingId, onSaved, onClose, className }) {
   const table = useTable19(tableId);
   const rights = useTableRights(table.data);
   const fields = useFields20(tableId);
-  const [existing, setExisting] = useState43(null);
-  const [loaded, setLoaded] = useState43(false);
-  const [error, setError] = useState43(null);
-  const [saving, setSaving] = useState43(false);
-  const [publishing, setPublishing] = useState43(false);
-  const [copied, setCopied] = useState43(false);
-  const [title, setTitle] = useState43("");
-  const [minutes, setMinutes] = useState43(30);
-  const [buffer, setBuffer] = useState43(0);
-  const [lead, setLead] = useState43(120);
-  const [perDay, setPerDay] = useState43(8);
-  const [days, setDays] = useState43(30);
-  const [windows, setWindows] = useState43(() => draftWindows(null));
-  const [asked, setAsked] = useState43([]);
-  const [confirmation, setConfirmation] = useState43("");
-  const [offer, setOffer] = useState43(null);
-  const [formId, setFormId] = useState43(bookingId ?? null);
+  const [existing, setExisting] = useState44(null);
+  const [loaded, setLoaded] = useState44(false);
+  const [error, setError] = useState44(null);
+  const [saving, setSaving] = useState44(false);
+  const [publishing, setPublishing] = useState44(false);
+  const [copied, setCopied] = useState44(false);
+  const [title, setTitle] = useState44("");
+  const [minutes, setMinutes] = useState44(30);
+  const [buffer, setBuffer] = useState44(0);
+  const [lead, setLead] = useState44(120);
+  const [perDay, setPerDay] = useState44(8);
+  const [days, setDays] = useState44(30);
+  const [windows, setWindows] = useState44(() => draftWindows(null));
+  const [asked, setAsked] = useState44([]);
+  const [confirmation, setConfirmation] = useState44("");
+  const [offer, setOffer] = useState44(null);
+  const [formId, setFormId] = useState44(bookingId ?? null);
   const publicOrigin = host.publicOrigin ?? (typeof window === "undefined" ? "" : window.location.origin);
   const askable = useMemo28(
     () => askableFields(fields.data ?? [], STORE_ANSWERS_THESE),
@@ -12592,8 +12862,8 @@ function BookingBuilder({ tableId, bookingId, onSaved, onClose, className }) {
       /* @__PURE__ */ jsxs44("header", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ jsx48("h3", { className: "text-sm font-medium", children: existing ? "Booking page" : "New booking page" }),
         /* @__PURE__ */ jsx48("div", { className: "flex-1" }),
-        /* @__PURE__ */ jsx48(Button39, { size: "sm", disabled: saving, onClick: () => void save(), children: saving ? "Saving\u2026" : "Save" }),
-        onClose ? /* @__PURE__ */ jsx48(Button39, { size: "sm", variant: "ghost", onClick: onClose, children: "Close" }) : null
+        /* @__PURE__ */ jsx48(Button40, { size: "sm", disabled: saving, onClick: () => void save(), children: saving ? "Saving\u2026" : "Save" }),
+        onClose ? /* @__PURE__ */ jsx48(Button40, { size: "sm", variant: "ghost", onClick: onClose, children: "Close" }) : null
       ] }),
       error ? /* @__PURE__ */ jsx48(RefusalNotice, { error }) : null,
       /* @__PURE__ */ jsxs44("label", { className: "flex flex-col gap-1", children: [
@@ -12753,7 +13023,7 @@ function BookingBuilder({ tableId, bookingId, onSaved, onClose, className }) {
       url ? /* @__PURE__ */ jsxs44("div", { className: "flex flex-wrap items-center gap-2 rounded-md border p-2.5", children: [
         /* @__PURE__ */ jsx48("span", { className: "min-w-0 flex-1 break-all text-xs", children: url }),
         /* @__PURE__ */ jsx48(
-          Button39,
+          Button40,
           {
             size: "sm",
             variant: "outline",
@@ -12767,7 +13037,7 @@ function BookingBuilder({ tableId, bookingId, onSaved, onClose, className }) {
           }
         ),
         /* @__PURE__ */ jsx48(
-          Button39,
+          Button40,
           {
             size: "sm",
             disabled: publishing,
@@ -12782,10 +13052,10 @@ function BookingBuilder({ tableId, bookingId, onSaved, onClose, className }) {
 }
 
 // src/BookingSlots.tsx
-import { useCallback as useCallback30, useEffect as useEffect34, useMemo as useMemo29, useState as useState44 } from "react";
+import { useCallback as useCallback30, useEffect as useEffect34, useMemo as useMemo29, useState as useState45 } from "react";
 import { useRecordsClient as useRecordsClient36, useMyLevels as useMyLevels2 } from "@ai-matrx/records/react";
 import { bookingPath as bookingPath2 } from "@ai-matrx/records";
-import { Badge as Badge16, Button as Button40, Skeleton as Skeleton27, cn as cn43 } from "@ai-matrx/design-system";
+import { Badge as Badge16, Button as Button41, Skeleton as Skeleton27, cn as cn43 } from "@ai-matrx/design-system";
 import { Fragment as Fragment23, jsx as jsx49, jsxs as jsxs45 } from "react/jsx-runtime";
 var WHAT_A_BOOKING_PAGE_IS = "A booking page offers times you are free and writes each appointment into this table as an ordinary record.";
 function bookingSuggestion(tableName2) {
@@ -12802,12 +13072,12 @@ var STATE_WORDS = {
 function BookingSlots({ tableId, className }) {
   const client = useRecordsClient36();
   const host = useRecordsUi();
-  const [pages, setPages] = useState44(null);
-  const [error, setError] = useState44(null);
-  const [busy, setBusy] = useState44(null);
-  const [copied, setCopied] = useState44(null);
-  const [shown, setShown] = useState44(null);
-  const [building, setBuilding] = useState44(false);
+  const [pages, setPages] = useState45(null);
+  const [error, setError] = useState45(null);
+  const [busy, setBusy] = useState45(null);
+  const [copied, setCopied] = useState45(null);
+  const [shown, setShown] = useState45(null);
+  const [building, setBuilding] = useState45(false);
   const load = useCallback30(async () => {
     const answered = await client.bookings(tableId ? { table_id: tableId } : {});
     if (!answered.ok) {
@@ -12858,7 +13128,7 @@ function BookingSlots({ tableId, className }) {
       /* @__PURE__ */ jsx49("h3", { className: "text-sm font-medium", children: "Bookings" }),
       /* @__PURE__ */ jsx49("span", { className: "text-xs text-muted-foreground", children: pages.length === 0 ? "none yet" : `${pages.length}` }),
       /* @__PURE__ */ jsx49("div", { className: "flex-1" }),
-      tableId && pages.length > 0 ? /* @__PURE__ */ jsx49(Button40, { size: "sm", variant: building ? "secondary" : "ghost", onClick: () => setBuilding((b) => !b), children: building ? "Done building" : "Build a booking page" }) : null
+      tableId && pages.length > 0 ? /* @__PURE__ */ jsx49(Button41, { size: "sm", variant: building ? "secondary" : "ghost", onClick: () => setBuilding((b) => !b), children: building ? "Done building" : "Build a booking page" }) : null
     ] }),
     error ? /* @__PURE__ */ jsx49(RefusalNotice, { error }) : null,
     building && tableId ? /* @__PURE__ */ jsx49(
@@ -12925,9 +13195,9 @@ function BookingSlots({ tableId, className }) {
         ] }),
         /* @__PURE__ */ jsx49("p", { className: "mt-1 text-xs text-muted-foreground", children: nextInWords(page) }),
         /* @__PURE__ */ jsxs45("div", { className: "mt-2 flex flex-wrap items-center gap-1.5", children: [
-          /* @__PURE__ */ jsx49(Button40, { size: "sm", variant: "outline", onClick: () => void copy(url, page.form_id), children: copied === page.form_id ? "Copied" : "Copy link" }),
+          /* @__PURE__ */ jsx49(Button41, { size: "sm", variant: "outline", onClick: () => void copy(url, page.form_id), children: copied === page.form_id ? "Copied" : "Copy link" }),
           mayOpen ? /* @__PURE__ */ jsx49(
-            Button40,
+            Button41,
             {
               size: "sm",
               variant: "ghost",
@@ -12975,17 +13245,17 @@ function nextInWords(page) {
 }
 
 // src/CaptureSheet.tsx
-import { useCallback as useCallback32, useEffect as useEffect36, useRef as useRef14, useState as useState46 } from "react";
+import { useCallback as useCallback32, useEffect as useEffect36, useRef as useRef14, useState as useState47 } from "react";
 import { useFields as useFields21, useRecordsClient as useRecordsClient38, useTable as useTable20 } from "@ai-matrx/records/react";
-import { Button as Button42, Input as Input4, Skeleton as Skeleton29, Textarea as Textarea3, cn as cn45 } from "@ai-matrx/design-system";
+import { Button as Button43, Input as Input4, Skeleton as Skeleton29, Textarea as Textarea3, cn as cn45 } from "@ai-matrx/design-system";
 
 // src/CaptureRun.tsx
-import { useCallback as useCallback31, useEffect as useEffect35, useMemo as useMemo30, useRef as useRef13, useState as useState45 } from "react";
+import { useCallback as useCallback31, useEffect as useEffect35, useMemo as useMemo30, useRef as useRef13, useState as useState46 } from "react";
 import {
   openCaptureQueue
 } from "@ai-matrx/records";
 import { useRecordsClient as useRecordsClient37 } from "@ai-matrx/records/react";
-import { Button as Button41, Input as Input3, Skeleton as Skeleton28, Textarea as Textarea2, cn as cn44 } from "@ai-matrx/design-system";
+import { Button as Button42, Input as Input3, Skeleton as Skeleton28, Textarea as Textarea2, cn as cn44 } from "@ai-matrx/design-system";
 import { jsx as jsx50, jsxs as jsxs46 } from "react/jsx-runtime";
 function controlFor(field) {
   if (!field) return "text";
@@ -13025,17 +13295,17 @@ function whereWeAre(timeoutMs = 4e3) {
 function CaptureRun({ sheetId, face: given, className }) {
   const client = useRecordsClient37();
   const host = useRecordsUi();
-  const [face, setFace] = useState45(given);
-  const [loadFailed, setLoadFailed] = useState45(null);
-  const [at, setAt] = useState45(0);
-  const [answers, setAnswers] = useState45({});
-  const [files, setFiles] = useState45({});
-  const [missing, setMissing] = useState45(null);
-  const [done, setDone] = useState45(null);
-  const [counts, setCounts] = useState45({ waiting: 0, sending: 0, refused: 0, landed: 0 });
-  const [items, setItems] = useState45([]);
-  const [lastSynced, setLastSynced] = useState45(null);
-  const [sending, setSending] = useState45(false);
+  const [face, setFace] = useState46(given);
+  const [loadFailed, setLoadFailed] = useState46(null);
+  const [at, setAt] = useState46(0);
+  const [answers, setAnswers] = useState46({});
+  const [files, setFiles] = useState46({});
+  const [missing, setMissing] = useState46(null);
+  const [done, setDone] = useState46(null);
+  const [counts, setCounts] = useState46({ waiting: 0, sending: 0, refused: 0, landed: 0 });
+  const [items, setItems] = useState46([]);
+  const [lastSynced, setLastSynced] = useState46(null);
+  const [sending, setSending] = useState46(false);
   const queueRef = useRef13(null);
   useEffect35(() => {
     const q2 = openCaptureQueue({
@@ -13176,7 +13446,7 @@ function CaptureRun({ sheetId, face: given, className }) {
     ] }) : null,
     /* @__PURE__ */ jsx50("span", { className: "ml-auto", "data-testid": "capture-last-synced", children: lastSynced ? `Last synced ${new Date(lastSynced).toLocaleTimeString()}` : "Not synced yet" }),
     waiting > 0 || counts.refused > 0 ? /* @__PURE__ */ jsx50(
-      Button41,
+      Button42,
       {
         size: "sm",
         variant: "ghost",
@@ -13192,7 +13462,7 @@ function CaptureRun({ sheetId, face: given, className }) {
     /* @__PURE__ */ jsx50("span", { className: "tabular-nums text-muted-foreground", children: new Date(i.captured_at).toLocaleTimeString() }),
     /* @__PURE__ */ jsx50("span", { className: cn44("flex-1", i.state === "refused" && "text-destructive"), children: i.state === "refused" ? i.last_error ?? "This one was refused." : i.last_error ?? "Waiting for a signal." }),
     i.state === "refused" ? /* @__PURE__ */ jsx50(
-      Button41,
+      Button42,
       {
         size: "sm",
         variant: "ghost",
@@ -13215,7 +13485,7 @@ function CaptureRun({ sheetId, face: given, className }) {
     return /* @__PURE__ */ jsxs46("section", { className: cn44("mx-auto flex w-full max-w-sm flex-col gap-3 p-4", className), children: [
       /* @__PURE__ */ jsx50("h2", { className: "text-lg font-medium", "data-testid": "capture-thankyou", children: thanks.title ?? "Logged" }),
       /* @__PURE__ */ jsx50("p", { className: "text-sm text-muted-foreground", children: done.queued ? "There is no signal, so this one is on the phone and goes up the moment there is. Nothing is lost." : thanks.body ?? "Ready for the next one." }),
-      /* @__PURE__ */ jsx50(Button41, { className: "h-12", onClick: () => setDone(null), "data-testid": "capture-next", children: "Next one" }),
+      /* @__PURE__ */ jsx50(Button42, { className: "h-12", onClick: () => setDone(null), "data-testid": "capture-next", children: "Next one" }),
       queueLine,
       queuePanel
     ] });
@@ -13309,7 +13579,7 @@ function CaptureRun({ sheetId, face: given, className }) {
     missing ? /* @__PURE__ */ jsx50("p", { className: "text-sm text-destructive", "data-testid": "capture-missing", children: missing }) : null,
     /* @__PURE__ */ jsxs46("div", { className: "flex items-center gap-2", children: [
       at > 0 ? /* @__PURE__ */ jsx50(
-        Button41,
+        Button42,
         {
           variant: "ghost",
           className: "h-12 px-3",
@@ -13319,7 +13589,7 @@ function CaptureRun({ sheetId, face: given, className }) {
         }
       ) : null,
       last ? /* @__PURE__ */ jsx50(
-        Button41,
+        Button42,
         {
           className: "h-12 flex-1 text-base",
           onClick: () => void capture(),
@@ -13327,7 +13597,7 @@ function CaptureRun({ sheetId, face: given, className }) {
           children: "Capture"
         }
       ) : /* @__PURE__ */ jsx50(
-        Button41,
+        Button42,
         {
           className: "h-12 flex-1 text-base",
           onClick: () => setAt(at + 1),
@@ -13385,15 +13655,15 @@ function AdHocCaptureSheet({
   const host = useRecordsUi();
   const table = useTable20(tableId);
   const fields = useFields21(tableId);
-  const [mode, setMode] = useState46("reading");
-  const [reading, setReading] = useState46("");
-  const [note, setNote] = useState46("");
-  const [fileId, setFileId] = useState46(null);
-  const [pending, setPending] = useState46(null);
-  const [saved, setSaved] = useState46([]);
-  const [error, setError] = useState46(null);
-  const [uploadError, setUploadError] = useState46(null);
-  const [flushing, setFlushing] = useState46(false);
+  const [mode, setMode] = useState47("reading");
+  const [reading, setReading] = useState47("");
+  const [note, setNote] = useState47("");
+  const [fileId, setFileId] = useState47(null);
+  const [pending, setPending] = useState47(null);
+  const [saved, setSaved] = useState47([]);
+  const [error, setError] = useState47(null);
+  const [uploadError, setUploadError] = useState47(null);
+  const [flushing, setFlushing] = useState47(false);
   const queue = useRef14([]);
   const keep = useCallback32(
     async (next) => {
@@ -13482,7 +13752,7 @@ function AdHocCaptureSheet({
   return /* @__PURE__ */ jsxs47("section", { className: cn45("mx-auto flex w-full max-w-sm flex-col gap-2", className), children: [
     /* @__PURE__ */ jsxs47("header", { className: "flex items-center gap-1 text-xs text-muted-foreground", children: [
       CAPTURE_MODES.map((m) => /* @__PURE__ */ jsx51(
-        Button42,
+        Button43,
         {
           size: "sm",
           variant: m === mode ? "default" : "ghost",
@@ -13553,12 +13823,12 @@ function AdHocCaptureSheet({
         onChange: (e) => setNote(e.target.value)
       }
     ),
-    /* @__PURE__ */ jsx51(Button42, { className: "h-12", onClick: () => void capture(), children: "Capture" }),
+    /* @__PURE__ */ jsx51(Button43, { className: "h-12", onClick: () => void capture(), children: "Capture" }),
     pending.length > 0 ? /* @__PURE__ */ jsxs47("div", { className: "flex flex-col gap-1 rounded border p-2", children: [
       /* @__PURE__ */ jsxs47("div", { className: "flex items-center gap-2 text-xs", children: [
         /* @__PURE__ */ jsx51("span", { className: "font-medium", children: "Waiting to send" }),
         /* @__PURE__ */ jsx51(
-          Button42,
+          Button43,
           {
             size: "sm",
             variant: "ghost",
@@ -13582,17 +13852,17 @@ function AdHocCaptureSheet({
 }
 
 // src/PortalShell.tsx
-import { useCallback as useCallback33, useEffect as useEffect37, useState as useState47 } from "react";
+import { useCallback as useCallback33, useEffect as useEffect37, useState as useState48 } from "react";
 import { useRecordsClient as useRecordsClient39 } from "@ai-matrx/records/react";
-import { Button as Button43, Skeleton as Skeleton30, cn as cn46 } from "@ai-matrx/design-system";
+import { Button as Button44, Skeleton as Skeleton30, cn as cn46 } from "@ai-matrx/design-system";
 import { jsx as jsx52, jsxs as jsxs48 } from "react/jsx-runtime";
 function PortalShell({ tableId, form, resourceType = "record", className }) {
   const client = useRecordsClient39();
-  const [card, setCard] = useState47(null);
-  const [reach, setReach] = useState47(null);
-  const [error, setError] = useState47(null);
-  const [open, setOpen] = useState47(null);
-  const [sending, setSending] = useState47(false);
+  const [card, setCard] = useState48(null);
+  const [reach, setReach] = useState48(null);
+  const [error, setError] = useState48(null);
+  const [open, setOpen] = useState48(null);
+  const [sending, setSending] = useState48(false);
   const load = useCallback33(async () => {
     const who = await client.externalPrincipalCard();
     if (!who.ok) {
@@ -13622,7 +13892,7 @@ function PortalShell({ tableId, form, resourceType = "record", className }) {
     return /* @__PURE__ */ jsxs48("section", { className: cn46("flex min-h-0 flex-col gap-2", className), children: [
       /* @__PURE__ */ jsxs48("header", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
         /* @__PURE__ */ jsx52("span", { className: "font-medium text-foreground", children: form.name }),
-        /* @__PURE__ */ jsx52(Button43, { size: "sm", variant: "ghost", className: "ml-auto h-6 px-2 text-[11px]", onClick: () => setSending(false), children: "Back" })
+        /* @__PURE__ */ jsx52(Button44, { size: "sm", variant: "ghost", className: "ml-auto h-6 px-2 text-[11px]", onClick: () => setSending(false), children: "Back" })
       ] }),
       /* @__PURE__ */ jsx52(
         FormRunner,
@@ -13643,7 +13913,7 @@ function PortalShell({ tableId, form, resourceType = "record", className }) {
     /* @__PURE__ */ jsxs48("header", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
       /* @__PURE__ */ jsx52("span", { className: "font-medium text-foreground", children: "Shared with you" }),
       /* @__PURE__ */ jsx52("span", { className: "tabular-nums", children: reach.length }),
-      form ? /* @__PURE__ */ jsx52(Button43, { size: "sm", className: "ml-auto h-7 px-2 text-[11px]", onClick: () => setSending(true), children: form.submitLabel ?? form.name }) : null
+      form ? /* @__PURE__ */ jsx52(Button44, { size: "sm", className: "ml-auto h-7 px-2 text-[11px]", onClick: () => setSending(true), children: form.submitLabel ?? form.name }) : null
     ] }),
     reach.length === 0 ? (
       // EMPTY, AND IT SAYS WHICH EMPTY. "Nobody has shared anything with you"
@@ -13667,7 +13937,7 @@ function PortalShell({ tableId, form, resourceType = "record", className }) {
 }
 function PortalRow({ tableId, recordId }) {
   const client = useRecordsClient39();
-  const [title, setTitle] = useState47(null);
+  const [title, setTitle] = useState48(null);
   useEffect37(() => {
     let cancelled = false;
     void client.recordRead({ record_id: recordId }).then((answered) => {
@@ -13688,17 +13958,17 @@ function PortalRow({ tableId, recordId }) {
 }
 
 // src/PublicViewPage.tsx
-import { useCallback as useCallback34, useEffect as useEffect38, useState as useState48 } from "react";
+import { useCallback as useCallback34, useEffect as useEffect38, useState as useState49 } from "react";
 import { useRecordsClient as useRecordsClient40 } from "@ai-matrx/records/react";
 import { Skeleton as Skeleton31, cn as cn47 } from "@ai-matrx/design-system";
 import { jsx as jsx53, jsxs as jsxs49 } from "react/jsx-runtime";
 function PublicViewPage({ slug, className }) {
   const client = useRecordsClient40();
-  const [binding, setBinding] = useState48(null);
-  const [rows, setRows] = useState48(null);
-  const [fields, setFields] = useState48(null);
-  const [error, setError] = useState48(null);
-  const [gap, setGap] = useState48(null);
+  const [binding, setBinding] = useState49(null);
+  const [rows, setRows] = useState49(null);
+  const [fields, setFields] = useState49(null);
+  const [error, setError] = useState49(null);
+  const [gap, setGap] = useState49(null);
   const load = useCallback34(async () => {
     const notice = await client.worldPublishGapNotice();
     if (notice.ok) setGap(notice.data);
@@ -13769,9 +14039,9 @@ function PublicRow({ row, fields }) {
 }
 
 // src/EmbedFrame.tsx
-import { useCallback as useCallback35, useEffect as useEffect39, useState as useState49 } from "react";
+import { useCallback as useCallback35, useEffect as useEffect39, useState as useState50 } from "react";
 import { useRecordsClient as useRecordsClient41 } from "@ai-matrx/records/react";
-import { Button as Button44, Input as Input5, Skeleton as Skeleton32, Textarea as Textarea4, cn as cn48 } from "@ai-matrx/design-system";
+import { Button as Button45, Input as Input5, Skeleton as Skeleton32, Textarea as Textarea4, cn as cn48 } from "@ai-matrx/design-system";
 import { useTable as useTable21 } from "@ai-matrx/records/react";
 import { Fragment as Fragment25, jsx as jsx54, jsxs as jsxs50 } from "react/jsx-runtime";
 function EmbedFrame({
@@ -13786,11 +14056,11 @@ function EmbedFrame({
   const host = useRecordsUi();
   const table = useTable21(tableId);
   const rights = useTableRights(table.data);
-  const [origins, setOrigins] = useState49("");
-  const [secret, setSecret] = useState49(null);
-  const [tokenId, setTokenId] = useState49(null);
-  const [error, setError] = useState49(null);
-  const [busy, setBusy] = useState49(false);
+  const [origins, setOrigins] = useState50("");
+  const [secret, setSecret] = useState50(null);
+  const [tokenId, setTokenId] = useState50(null);
+  const [error, setError] = useState50(null);
+  const [busy, setBusy] = useState50(false);
   const mode = formId ? "write" : "read";
   const parsed = origins.split(/[\s,]+/).map((o) => o.trim()).filter((o) => o.length > 0);
   const issue = useCallback35(async () => {
@@ -13857,12 +14127,12 @@ function EmbedFrame({
         " will not pass."
       ] })
     ] }),
-    !secret ? /* @__PURE__ */ jsx54(Button44, { size: "sm", className: "self-start", disabled: busy || parsed.length === 0, onClick: () => void issue(), children: busy ? "Issuing\u2026" : "Issue embed" }) : /* @__PURE__ */ jsxs50(Fragment25, { children: [
+    !secret ? /* @__PURE__ */ jsx54(Button45, { size: "sm", className: "self-start", disabled: busy || parsed.length === 0, onClick: () => void issue(), children: busy ? "Issuing\u2026" : "Issue embed" }) : /* @__PURE__ */ jsxs50(Fragment25, { children: [
       /* @__PURE__ */ jsx54("p", { className: "rounded border px-2 py-1 text-xs text-muted-foreground", children: "Copy this now. Only its digest is stored, so nobody \u2014 including us \u2014 can show it to you again; if it is lost, issue a new one and replace the old." }),
       /* @__PURE__ */ jsx54(Textarea4, { "aria-label": "Embed snippet", readOnly: true, rows: 3, className: "font-mono text-[11px]", value: snippet ?? "" }),
       /* @__PURE__ */ jsxs50("div", { className: "flex gap-2", children: [
         /* @__PURE__ */ jsx54(
-          Button44,
+          Button45,
           {
             size: "sm",
             variant: "outline",
@@ -13870,16 +14140,16 @@ function EmbedFrame({
             children: "Copy"
           }
         ),
-        /* @__PURE__ */ jsx54(Button44, { size: "sm", variant: "ghost", disabled: busy, onClick: () => void revoke(), children: "Revoke" })
+        /* @__PURE__ */ jsx54(Button45, { size: "sm", variant: "ghost", disabled: busy, onClick: () => void revoke(), children: "Revoke" })
       ] })
     ] })
   ] });
 }
 function useEmbedHandshake(args) {
   const client = useRecordsClient41();
-  const [binding, setBinding] = useState49(null);
-  const [error, setError] = useState49(null);
-  const [loading, setLoading] = useState49(true);
+  const [binding, setBinding] = useState50(null);
+  const [error, setError] = useState50(null);
+  const [loading, setLoading] = useState50(true);
   const origin = args.origin ?? (typeof location === "undefined" ? "" : location.origin);
   const { secret, requiredMode } = args;
   useEffect39(() => {
@@ -13937,9 +14207,9 @@ function recordsDataSource(client, fallbackSchema = "custom") {
 }
 
 // src/TablesHome.tsx
-import { useCallback as useCallback36, useEffect as useEffect40, useState as useState50 } from "react";
+import { useCallback as useCallback36, useEffect as useEffect40, useState as useState51 } from "react";
 import { useRecordsClient as useRecordsClient42, useTables as useTables3 } from "@ai-matrx/records/react";
-import { BasicInput as BasicInput16, Button as Button45, Skeleton as Skeleton33, cn as cn49 } from "@ai-matrx/design-system";
+import { BasicInput as BasicInput16, Button as Button46, Skeleton as Skeleton33, cn as cn49 } from "@ai-matrx/design-system";
 
 // src/createTable.ts
 function tokenFor(name) {
@@ -14076,12 +14346,12 @@ function laneFor(table) {
 function TablesHome({ onOpenTable, className }) {
   const client = useRecordsClient42();
   const tables = useTables3();
-  const [creating, setCreating] = useState50(false);
-  const [name, setName] = useState50("");
-  const [busy, setBusy] = useState50(false);
-  const [error, setError] = useState50(null);
-  const [importInto, setImportInto] = useState50(null);
-  const [boards, setBoards] = useState50(null);
+  const [creating, setCreating] = useState51(false);
+  const [name, setName] = useState51("");
+  const [busy, setBusy] = useState51(false);
+  const [error, setError] = useState51(null);
+  const [importInto, setImportInto] = useState51(null);
+  const [boards, setBoards] = useState51(null);
   useEffect40(() => {
     let cancelled = false;
     void client.dashboards({}).then((result) => {
@@ -14128,9 +14398,9 @@ function TablesHome({ onOpenTable, className }) {
           className: "h-8 max-w-xs"
         }
       ),
-      /* @__PURE__ */ jsx56(Button45, { size: "sm", disabled: busy || name.trim().length === 0, onClick: () => void create("open"), children: busy ? "Declaring\u2026" : "Create" }),
+      /* @__PURE__ */ jsx56(Button46, { size: "sm", disabled: busy || name.trim().length === 0, onClick: () => void create("open"), children: busy ? "Declaring\u2026" : "Create" }),
       /* @__PURE__ */ jsx56(
-        Button45,
+        Button46,
         {
           size: "sm",
           variant: "outline",
@@ -14139,12 +14409,12 @@ function TablesHome({ onOpenTable, className }) {
           children: "Create and import a file"
         }
       ),
-      /* @__PURE__ */ jsx56(Button45, { size: "sm", variant: "ghost", onClick: () => setCreating(false), children: "Cancel" })
-    ] }) : /* @__PURE__ */ jsx56(Button45, { size: "sm", onClick: () => setCreating(true), children: "New table" }) }),
+      /* @__PURE__ */ jsx56(Button46, { size: "sm", variant: "ghost", onClick: () => setCreating(false), children: "Cancel" })
+    ] }) : /* @__PURE__ */ jsx56(Button46, { size: "sm", onClick: () => setCreating(true), children: "New table" }) }),
     error ? /* @__PURE__ */ jsx56(RefusalNotice, { error }) : null,
     importInto ? /* @__PURE__ */ jsxs51("div", { className: "rounded-md border p-3", children: [
       /* @__PURE__ */ jsx56(ImportWizard, { tableId: importInto, onDone: () => setImportInto(null) }),
-      /* @__PURE__ */ jsx56(Button45, { size: "sm", variant: "ghost", className: "mt-2", onClick: () => onOpenTable?.(importInto), children: "Open the table" })
+      /* @__PURE__ */ jsx56(Button46, { size: "sm", variant: "ghost", className: "mt-2", onClick: () => onOpenTable?.(importInto), children: "Open the table" })
     ] }) : null,
     tables.error ? /* @__PURE__ */ jsx56(RefusalNotice, { error: tables.error }) : null,
     tables.loading && !tables.data ? /* @__PURE__ */ jsxs51("div", { className: "space-y-2", children: [
@@ -14216,9 +14486,9 @@ function TablesHome({ onOpenTable, className }) {
 }
 
 // src/TablePage.tsx
-import { useCallback as useCallback37, useEffect as useEffect41, useState as useState51 } from "react";
+import { useCallback as useCallback37, useEffect as useEffect41, useState as useState52 } from "react";
 import { useRecordsClient as useRecordsClient43, useTable as useTable22 } from "@ai-matrx/records/react";
-import { Button as Button46, Separator as Separator12, Skeleton as Skeleton34, cn as cn50 } from "@ai-matrx/design-system";
+import { Button as Button47, Separator as Separator12, Skeleton as Skeleton34, cn as cn50 } from "@ai-matrx/design-system";
 import { Fragment as Fragment27, jsx as jsx57, jsxs as jsxs52 } from "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.";
 var DEFAULT_VIEW_NAME = "All records";
@@ -14240,6 +14510,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,
@@ -14248,30 +14531,47 @@ function TablePage({
   leaveLabel = "Back to your tables",
   activeDashboardId,
   activeRecordId,
+  activeView,
+  onViewChanged,
   className
 }) {
   const client = useRecordsClient43();
   const table = useTable22(tableId);
   const rights = useTableRights(table.data);
   const organizationId = useRecordsClient43().config.organizationId;
-  const [view, setView] = useState51(null);
+  const [view, setView] = useState52(null);
   const opening = openingRail(activeRecordId);
-  const [asking, setAsking] = useState51(null);
-  const [surface, setSurface] = useState51({
-    main: activeDashboardId ? "dashboards" : "records",
+  const opened = openingView(activeView, activeDashboardId);
+  const [asking, setAsking] = useState52(null);
+  const [layoutFromLink, setLayoutFromLink] = useState52(opened.layout);
+  const [surface, setSurface] = useState52({
+    main: opened.main,
     rail: opening.rail
   });
   const { main, rail } = surface;
   const setRail = (next) => setSurface((now) => ({ ...now, rail: next }));
-  const [openRecord, setOpenRecord] = useState51(opening.record);
+  const [openRecord, setOpenRecord] = useState52(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 });
   useEffect41(() => {
     if (!activeRecordId) return;
     setOpenRecord(activeRecordId);
     setSurface((now) => ({ ...now, rail: "record" }));
   }, [activeRecordId]);
+  useEffect41(() => {
+    const named = pageViewFromParam(activeView);
+    if (named === null) return;
+    setLayoutFromLink(named === "dashboards" ? null : named);
+    setSurface((now) => ({ ...now, main: named === "dashboards" ? "dashboards" : "records" }));
+  }, [activeView]);
   const patchView = useCallback37(
     async (patch) => {
       const current = view;
@@ -14294,7 +14594,7 @@ function TablePage({
     return /* @__PURE__ */ jsxs52("div", { className: cn50("flex flex-col items-start gap-2 rounded-md border border-dashed p-6", className), children: [
       /* @__PURE__ */ jsx57("p", { className: "text-sm font-medium", children: "This table is not here" }),
       /* @__PURE__ */ jsx57("p", { className: "max-w-prose text-xs text-muted-foreground", children: TABLE_NOT_REACHABLE }),
-      onLeave ? /* @__PURE__ */ jsx57(Button46, { size: "sm", variant: "outline", onClick: onLeave, children: leaveLabel }) : null
+      onLeave ? /* @__PURE__ */ jsx57(Button47, { size: "sm", variant: "outline", onClick: onLeave, children: leaveLabel }) : null
     ] });
   }
   return /* @__PURE__ */ jsxs52("div", { className: cn50("flex min-h-0 gap-4", className), children: [
@@ -14309,10 +14609,10 @@ function TablePage({
             className: "min-w-0 flex-1"
           }
         ),
-        rights.write && view && view.layout !== "grid" ? /* @__PURE__ */ jsx57(Button46, { size: "sm", onClick: () => show("new-record"), children: "New record" }) : null,
+        rights.write && view && view.layout !== "grid" ? /* @__PURE__ */ jsx57(Button47, { size: "sm", onClick: () => show("new-record"), children: "New record" }) : null,
         rights.structure ? /* @__PURE__ */ jsxs52(Fragment27, { children: [
           /* @__PURE__ */ jsx57(
-            Button46,
+            Button47,
             {
               size: "sm",
               variant: surfaceChosen(surface, { rail: "field" }) ? "secondary" : "outline",
@@ -14322,7 +14622,7 @@ function TablePage({
             }
           ),
           /* @__PURE__ */ jsx57(
-            Button46,
+            Button47,
             {
               size: "sm",
               variant: surfaceChosen(surface, { rail: "settings" }) ? "secondary" : "ghost",
@@ -14332,7 +14632,7 @@ function TablePage({
             }
           ),
           /* @__PURE__ */ jsx57(
-            Button46,
+            Button47,
             {
               size: "sm",
               variant: surfaceChosen(surface, { rail: "import" }) ? "secondary" : "ghost",
@@ -14343,7 +14643,7 @@ function TablePage({
           )
         ] }) : null,
         /* @__PURE__ */ jsx57(
-          Button46,
+          Button47,
           {
             size: "sm",
             variant: surfaceChosen(surface, { main: "dashboards" }) ? "secondary" : "ghost",
@@ -14353,7 +14653,7 @@ function TablePage({
           }
         ),
         /* @__PURE__ */ jsx57(
-          Button46,
+          Button47,
           {
             size: "sm",
             variant: surfaceChosen(surface, { rail: "forms" }) ? "secondary" : "ghost",
@@ -14363,7 +14663,7 @@ function TablePage({
           }
         ),
         /* @__PURE__ */ jsx57(
-          Button46,
+          Button47,
           {
             size: "sm",
             variant: surfaceChosen(surface, { rail: "bookings" }) ? "secondary" : "ghost",
@@ -14373,7 +14673,7 @@ function TablePage({
           }
         ),
         /* @__PURE__ */ jsx57(
-          Button46,
+          Button47,
           {
             size: "sm",
             variant: surfaceChosen(surface, { rail: "checklists" }) ? "secondary" : "ghost",
@@ -14383,7 +14683,7 @@ function TablePage({
           }
         ),
         /* @__PURE__ */ jsx57(
-          Button46,
+          Button47,
           {
             size: "sm",
             variant: surfaceChosen(surface, { rail: "notifications" }) ? "secondary" : "ghost",
@@ -14393,7 +14693,7 @@ function TablePage({
           }
         ),
         /* @__PURE__ */ jsx57(
-          Button46,
+          Button47,
           {
             size: "sm",
             variant: surfaceChosen(surface, { rail: "portals" }) ? "secondary" : "ghost",
@@ -14403,7 +14703,7 @@ function TablePage({
           }
         ),
         /* @__PURE__ */ jsx57(
-          Button46,
+          Button47,
           {
             size: "sm",
             variant: surfaceChosen(surface, { rail: "inbox" }) ? "secondary" : "ghost",
@@ -14425,11 +14725,16 @@ function TablePage({
         /* @__PURE__ */ jsx57(ExportMenu, { tableId })
       ] }),
       main === "dashboards" ? /* @__PURE__ */ jsx57(DashboardCanvas, { tableId, activeDashboardId: activeDashboardId ?? null }) : /* @__PURE__ */ jsxs52(Fragment27, { children: [
+        opened.unknown ? /* @__PURE__ */ jsx57("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__ */ jsx57(
           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) => {
@@ -14546,6 +14851,7 @@ export {
   ChecklistTemplateEditor,
   ChecklistsPanel,
   CommentThread,
+  ConditionGroup,
   ConditionRow,
   CustomFieldsSection,
   DEFAULT_FIELDS,
@@ -14604,6 +14910,8 @@ export {
   NO_SHARE_REASON,
   NO_UPLOAD_REASON,
   NotifyRuleEditor,
+  PAGE_VIEWS,
+  PAGE_VIEW_LABEL,
   PARITY_LABEL,
   PARITY_MADE_OF,
   Peek,
@@ -14627,6 +14935,7 @@ export {
   RefusalNotice,
   RelationPicker,
   SAVED_VIEWS_UNAVAILABLE,
+  SAY_WHAT_YOU_ARE_WAITING_FOR_AFTER_MS,
   SERIES_COLORS,
   SOMEBODY,
   STORE_ANSWERS_THESE,
@@ -14660,6 +14969,7 @@ export {
   colorFromTheValue,
   columnForField,
   conditionInWords,
+  conditionIsDrawable,
   conditionIsSimple,
   conditionValue,
   controlFor,
@@ -14696,6 +15006,9 @@ export {
   machineIdentityIn,
   memberName,
   nextInWords,
+  openingRail,
+  openingView,
+  pageViewFromParam,
   parityTypesWithNoExplanation,
   parseGridPresentation,
   personActor,
@@ -14721,10 +15034,12 @@ export {
   tableName,
   tableRightsAt,
   tokenFor,
+  unknownViewLine,
   useCanShare,
   useEmbedHandshake,
   useEnrichCells,
   useGridEditing,
+  useLabelWait,
   useMeasuredWidth,
   useMyChecklistSteps,
   useRecordLabels,