@ai-matrx/records-ui 0.113.16 → 0.113.18

package/dist/pickers.js

@@ -3,7 +3,7 @@
 // src/TablePickers.tsx
 import { useEffect as useEffect21, useMemo as useMemo12, useState as useState29 } from "react";
 import { RecordsProvider as RecordsProvider2, useFields as useFields3, useRecords as useRecords3, useTable as useTable2 } from "@ai-matrx/records/react";
-import { Button as Button16, CreatablePicker } from "@ai-matrx/design-system";
+import { Button as Button17, CreatablePicker } from "@ai-matrx/design-system";
 
 // src/askOnce.ts
 import { onTableStructureChanged } from "@ai-matrx/records/core";
@@ -72,7 +72,7 @@ import {
   BasicInput as BasicInput11,
   BasicTextarea as BasicTextarea4,
   Badge as Badge6,
-  Button as Button15,
+  Button as Button16,
   Checkbox as Checkbox5,
   Label as Label9,
   Popover as Popover5,
@@ -1578,9 +1578,9 @@ function RelationPicker({ field, value, onChange, disabled, id, className, allow
 
 // src/buttonCell.tsx
 import { useState as useState22 } from "react";
-import { Button as Button14, Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, Popover as Popover3, PopoverContent as PopoverContent3, PopoverTrigger as PopoverTrigger3, cn as cn20 } from "@ai-matrx/design-system";
+import { Button as Button15, Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, Popover as Popover3, PopoverContent as PopoverContent3, PopoverTrigger as PopoverTrigger3, cn as cn20 } from "@ai-matrx/design-system";
 import { CHOICE_CHIP_CLASS as CHOICE_CHIP_CLASS2, NEUTRAL_CHIP_CLASS as NEUTRAL_CHIP_CLASS2, isStyleColor as isStyleColor2 } from "@ai-matrx/design-system/data-table";
-import { buttonNeeds, buttonOf as buttonOf2 } from "@ai-matrx/records";
+import { buttonNeeds as buttonNeeds2, buttonOf as buttonOf2 } from "@ai-matrx/records";
 import { useOptionalRecordsClient as useOptionalRecordsClient7 } from "@ai-matrx/records/react";
 
 // src/columnName.ts
@@ -1612,7 +1612,7 @@ import {
 import { announceRecordChanged } from "@ai-matrx/records/core";
 import {
   BasicInput as BasicInput9,
-  Button as Button13,
+  Button as Button14,
   Checkbox as Checkbox4,
   Label as Label8,
   Select as Select6,
@@ -5681,11 +5681,11 @@ function nextFieldSort(fields) {
 }
 
 // src/FieldEditor.tsx
-import { autonumberPrefixOf as autonumberPrefixOf3, buttonOf } from "@ai-matrx/records";
+import { autonumberPrefixOf as autonumberPrefixOf3, buttonNeeds, buttonOf } from "@ai-matrx/records";
 
 // src/ButtonSettings.tsx
 import { useEffect as useEffect15, useState as useState20 } from "react";
-import { BasicInput as BasicInput8, Label as Label7 } from "@ai-matrx/design-system";
+import { BasicInput as BasicInput8, Button as Button13, Label as Label7 } from "@ai-matrx/design-system";
 import { STYLE_COLORS as STYLE_COLORS3 } from "@ai-matrx/design-system/data-table";
 import { buttonUrlPlaceholders } from "@ai-matrx/records";
 import { useOptionalRecordsClient as useOptionalRecordsClient6 } from "@ai-matrx/records/react";
@@ -5751,13 +5751,16 @@ function ButtonSettingsEditor({
 }) {
   const client = useOptionalRecordsClient6();
   const [actions, setActions] = useState20(null);
+  const [actionsRefused, setActionsRefused] = useState20(null);
   const [automations, setAutomations] = useState20(null);
   useEffect15(() => {
     if (!client || !tableId) return;
     let live = true;
     if (value.do === "run_action" && actions === null) {
       void client.rowActions({ table_id: tableId }).then((got) => {
-        if (live) setActions(got.ok ? (got.data?.actions ?? []).filter((a) => a.id).map((a) => ({ id: a.id, name: a.name })) : []);
+        if (!live) return;
+        if (!got.ok) return setActionsRefused(got.error);
+        setActions((got.data?.actions ?? []).filter((a) => a.id));
       });
     }
     if (value.do === "run_automation" && automations === null) {
@@ -5831,16 +5834,32 @@ function ButtonSettingsEditor({
       ] }),
       value.url && buttonUrlPlaceholders(value.url).length > 0 ? /* @__PURE__ */ jsx29("p", { className: "truncate text-[11px] text-muted-foreground", "data-records-button-url-words": "", children: buttonUrlInWords(value.url, fields) }) : null
     ] }) : null,
-    value.do === "run_action" ? actions && actions.length === 0 ? /* @__PURE__ */ jsx29("p", { className: "text-xs text-muted-foreground", children: "No row actions yet. Add one in Table settings." }) : /* @__PURE__ */ jsx29(
-      PickOne,
-      {
-        label: "Row action",
-        value: value.action_id ?? "",
-        placeholder: actions ? "Choose a row action" : "Reading row actions\u2026",
-        onChange: (id) => set({ action_id: id }),
-        options: (actions ?? []).map((a) => ({ value: a.id, label: a.name }))
-      }
-    ) : null,
+    value.do === "run_action" ? !tableId ? /* @__PURE__ */ jsx29("p", { className: "text-xs text-muted-foreground", children: "Row actions belong to a table" }) : actionsRefused ? /* @__PURE__ */ jsx29(RefusalLine, { error: actionsRefused }) : /* @__PURE__ */ jsxs27("div", { className: "flex flex-col gap-2", "data-records-button-action": "", children: [
+      actions === null || actions.length > 0 ? /* @__PURE__ */ jsx29(
+        PickOne,
+        {
+          label: "Row action",
+          value: value.action_id ?? "",
+          placeholder: actions ? "Choose a row action" : "Reading row actions\u2026",
+          attrs: { "data-records-button-action-pick": "" },
+          onChange: (id) => set({ action_id: id }),
+          options: (actions ?? []).map((a) => ({ value: a.id, label: a.name }))
+        }
+      ) : null,
+      actions !== null ? /* @__PURE__ */ jsx29(
+        NewRowAction,
+        {
+          tableId,
+          label: value.label,
+          actions,
+          columns,
+          onMade: (made, all) => {
+            setActions(all);
+            set({ action_id: made });
+          }
+        }
+      ) : null
+    ] }) : null,
     value.do === "run_automation" ? automations && automations.length === 0 ? /* @__PURE__ */ jsx29("p", { className: "text-xs text-muted-foreground", children: "No automations yet. Add one in Table settings." }) : /* @__PURE__ */ jsx29(
       PickOne,
       {
@@ -5853,6 +5872,70 @@ function ButtonSettingsEditor({
     ) : null
   ] });
 }
+function settableColumns(columns) {
+  return columns.filter((f) => {
+    const kind = editorKindFor(f);
+    return f.type !== "formula" && kind !== "formula" && kind !== "lookup" && kind !== "rollup" && !(f.type === "text" && f.format === "button");
+  });
+}
+function NewRowAction({
+  tableId,
+  label,
+  actions,
+  columns,
+  onMade
+}) {
+  const client = useOptionalRecordsClient6();
+  const settable = settableColumns(columns);
+  const [fieldId, setFieldId] = useState20("");
+  const [setTo, setSetTo] = useState20("");
+  const [busy, setBusy] = useState20(false);
+  const [refused, setRefused] = useState20(null);
+  if (settable.length === 0) return /* @__PURE__ */ jsx29("p", { className: "text-xs text-muted-foreground", children: "No column to set" });
+  const make = async () => {
+    if (!client || fieldId === "") return;
+    setBusy(true);
+    setRefused(null);
+    const name = label.trim() || "Set fields";
+    const kept = actions.map((a) => ({ ...a.id ? { id: a.id } : {}, name: a.name, kind: a.kind ?? "update", ...a.color !== void 0 ? { color: a.color } : {}, ...a.icon ? { icon: a.icon } : {}, ...a.confirm !== void 0 ? { confirm: a.confirm } : {}, ...a.steps ? { steps: a.steps } : {}, ...a.prompt ? { prompt: a.prompt } : {} }));
+    const declared = await client.actionDeclare({
+      table_id: tableId,
+      actions: [...kept, { name, kind: "update", confirm: false, steps: [setTo === "" ? { field: fieldId, set: "clear" } : { field: fieldId, set: "value", value: setTo }] }]
+    });
+    if (!declared.ok) {
+      setBusy(false);
+      return setRefused(declared.error);
+    }
+    const reread = await client.rowActions({ table_id: tableId });
+    setBusy(false);
+    if (!reread.ok) return setRefused(reread.error);
+    const all = (reread.data?.actions ?? []).filter((a) => a.id);
+    const before = new Set(actions.map((a) => a.id));
+    const made = all.find((a) => !before.has(a.id) && a.name === name) ?? all.find((a) => !before.has(a.id));
+    if (!made?.id) return setRefused({ code: "internal", message: "The row action was saved but could not be read back.", hint: "Reopen this column's settings and pick it from the list." });
+    onMade(made.id, all);
+  };
+  return /* @__PURE__ */ jsxs27("div", { className: "flex flex-col gap-1", "data-records-button-new-action": "", children: [
+    /* @__PURE__ */ jsx29(Label7, { className: "text-xs", children: "New row action" }),
+    /* @__PURE__ */ jsxs27("div", { className: "flex flex-wrap items-center gap-1", children: [
+      /* @__PURE__ */ jsx29(
+        PickOne,
+        {
+          label: "Column to set",
+          className: "h-8 w-40 text-xs",
+          value: fieldId,
+          placeholder: "Column",
+          attrs: { "data-records-button-action-field": "" },
+          onChange: setFieldId,
+          options: settable.map((f) => ({ value: f.id, label: fieldName(f) }))
+        }
+      ),
+      /* @__PURE__ */ jsx29(BasicInput8, { className: "h-8 w-32 text-xs", placeholder: "Value", "aria-label": "Value", "data-records-button-action-value": "", value: setTo, onChange: (e) => setSetTo(e.target.value) }),
+      /* @__PURE__ */ jsx29(Button13, { type: "button", size: "sm", variant: "outline", disabled: busy || fieldId === "", "data-records-button-action-make": "", onClick: () => void make(), children: busy ? "Making\u2026" : "Make" })
+    ] }),
+    refused ? /* @__PURE__ */ jsx29(RefusalLine, { error: refused }) : null
+  ] });
+}
 
 // src/FieldEditor.tsx
 import { FIELD_SENSITIVITIES, CONTEXT_POLICIES, DECLARABLE_FIELD_KINDS as DECLARABLE_FIELD_KINDS2, optionKey as optionKey3, ratingMaxOf as ratingMaxOf2, rulesWithTopStar } from "@ai-matrx/records";
@@ -6105,9 +6188,10 @@ function FieldEditor(props) {
   const noun = onEntity ? "field" : "column";
   const nameTaken = columnNameTakenBy(label, others.map(fieldName));
   const listsChoices = type === "select" || type === "multi_select" || type === "status";
-  const missing = editing ? formulaMissing ?? (listsChoices ? whatTheChoiceListIsMissing(choiceList) : null) : formulaMissing ?? (listsChoices ? whatTheChoiceListIsMissing(newChoices) : null) ?? (type === "formula" && formulaWritten ? null : whatIsMissing(
+  const buttonMissing = type === "button" && buttonSettings.do ? buttonNeeds(buttonSettings) : null;
+  const missing = buttonMissing ?? (editing ? formulaMissing ?? (listsChoices ? whatTheChoiceListIsMissing(choiceList) : null) : formulaMissing ?? (listsChoices ? whatTheChoiceListIsMissing(newChoices) : null) ?? (type === "formula" && formulaWritten ? null : whatIsMissing(
     type === "count" ? { type: "rollup", label, options, via, pick, agg: "count", of, relations: totalSources, formulaFields, relationTarget, allowedTypes, noun } : { type, label, options, via, pick, agg, of, relations: sourcesFor(type), formulaFields, relationTarget, allowedTypes, noun }
-  ));
+  )));
   const missingShown = missing && (attempted || formulaMissing) ? missing : null;
   const removeConsequence = field ? `${archiveConfirmSentence(`the field \u201C${fieldName(field)}\u201D`)} Its values stay in every record and come back with it.${linkReaders.length > 0 ? ` ${readersSentence(linkReaders.length, farTable.data?.name ?? null)}` : ""}` : "";
   const save = async () => {
@@ -6258,6 +6342,13 @@ function FieldEditor(props) {
       }
     }
     setBackfillError(null);
+    if (type === "relation" && relationTarget === tableId && dependency && !onEntity) {
+      const marked = await client.fieldUpdate({ field_id: written, patch: { dependency: true } });
+      if (!marked.ok) {
+        setBackfillError(marked.error);
+        return;
+      }
+    }
     if (type === "relation" && showOnOther && otherTable.data && otherTable.data.id !== tableId) {
       const made = await client.relationReverseField({ field_id: written });
       if (!made.ok) {
@@ -6324,7 +6415,7 @@ function FieldEditor(props) {
     type === "formula" && others.length > 0 ? /* @__PURE__ */ jsxs28("div", { className: "flex flex-col gap-2", children: [
       editing ? startingFormulaText.trim() === "" ? /* @__PURE__ */ jsx30("p", { className: "text-[11px] text-muted-foreground", children: EDITING_A_WORKED_OUT_COLUMN }) : null : /* @__PURE__ */ jsxs28("div", { className: "flex items-center gap-1", role: "group", "aria-label": "How to make this column", children: [
         /* @__PURE__ */ jsx30(
-          Button13,
+          Button14,
           {
             type: "button",
             size: "sm",
@@ -6335,7 +6426,7 @@ function FieldEditor(props) {
           }
         ),
         /* @__PURE__ */ jsx30(
-          Button13,
+          Button14,
           {
             type: "button",
             size: "sm",
@@ -6432,7 +6523,7 @@ function FieldEditor(props) {
         onChange: setRollupFilter
       }
     ) : null,
-    editing && field && !(type === "select" || type === "multi_select" || type === "status") ? /* @__PURE__ */ jsx30(FieldFormatPicker, { field, value: showsAs, onValue: setShowsAs }) : null,
+    editing && field && !(type === "select" || type === "multi_select" || type === "status" || type === "autonumber") ? /* @__PURE__ */ jsx30(FieldFormatPicker, { field, value: showsAs, onValue: setShowsAs }) : null,
     /* @__PURE__ */ jsxs28("div", { className: "flex flex-wrap items-center gap-4", children: [
       /* @__PURE__ */ jsxs28("label", { className: "flex items-center gap-1.5", children: [
         /* @__PURE__ */ jsx30(
@@ -6480,6 +6571,10 @@ function FieldEditor(props) {
         "Show on ",
         otherTable.data.name ?? "the other table"
       ] }) : null,
+      !field && type === "relation" && relationTarget === tableId ? /* @__PURE__ */ jsxs28("label", { className: "flex items-center gap-1.5", title: "A timeline draws a line to each record this one waits on", children: [
+        /* @__PURE__ */ jsx30(Checkbox4, { checked: dependency, "aria-label": "Waits on the linked records", "data-records-dependency": "", onCheckedChange: (v) => setDependency(v === true) }),
+        /* @__PURE__ */ jsx30("span", { children: "Waits on the linked records" })
+      ] }) : null,
       !field && type === "relation" && relationTarget === tableId ? /* @__PURE__ */ jsxs28("label", { className: "flex items-center gap-1.5", children: [
         /* @__PURE__ */ jsx30(
           Checkbox4,
@@ -6541,7 +6636,7 @@ function FieldEditor(props) {
       /* @__PURE__ */ jsxs28("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ jsx30("span", { className: "font-medium", children: "What counts as a good value" }),
         /* @__PURE__ */ jsx30(
-          Button13,
+          Button14,
           {
             type: "button",
             size: "sm",
@@ -6608,7 +6703,7 @@ function FieldEditor(props) {
           }
         ) : null,
         /* @__PURE__ */ jsx30(
-          Button13,
+          Button14,
           {
             type: "button",
             size: "sm",
@@ -6636,7 +6731,7 @@ function FieldEditor(props) {
     rehomed ? /* @__PURE__ */ jsxs28("div", { "data-records-choice-rehomed": "", className: "flex flex-wrap items-center gap-2 text-[11px]", children: [
       /* @__PURE__ */ jsx30("span", { children: rehomed.said }),
       rehomed.undo ? /* @__PURE__ */ jsx30(
-        Button13,
+        Button14,
         {
           type: "button",
           size: "sm",
@@ -6660,7 +6755,7 @@ function FieldEditor(props) {
           children: "Undo"
         }
       ) : null,
-      /* @__PURE__ */ jsx30(Button13, { type: "button", size: "sm", className: "h-6 px-2 text-xs", onClick: () => onSaved?.(), children: "Done" })
+      /* @__PURE__ */ jsx30(Button14, { type: "button", size: "sm", className: "h-6 px-2 text-xs", onClick: () => onSaved?.(), children: "Done" })
     ] }) : null,
     reverseRefused ? /* @__PURE__ */ jsxs28("div", { "data-records-reverse-field-refused": "", className: "flex flex-col gap-1", children: [
       /* @__PURE__ */ jsx30("p", { className: "text-[11px]", children: "The link is made. Its column on the other table was not:" }),
@@ -6672,7 +6767,7 @@ function FieldEditor(props) {
     ] }) : null,
     /* @__PURE__ */ jsxs28("div", { className: "flex min-w-0 flex-nowrap items-center gap-2", "data-field-editor-footer": "", children: [
       /* @__PURE__ */ jsx30(
-        Button13,
+        Button14,
         {
           size: "sm",
           disabled: mutation.saving || Boolean(formulaMissing),
@@ -6687,7 +6782,7 @@ function FieldEditor(props) {
           children: mutation.saving ? "Saving\u2026" : field ? EDIT_FIELD_SAVE_LABEL : onEntity ? ADD_STANDARD_FIELD_SAVE_LABEL : ADD_FIELD_SAVE_LABEL
         }
       ),
-      onCancel ? /* @__PURE__ */ jsx30(Button13, { size: "sm", variant: "ghost", onClick: onCancel, children: "Cancel" }) : null,
+      onCancel ? /* @__PURE__ */ jsx30(Button14, { size: "sm", variant: "ghost", onClick: onCancel, children: "Cancel" }) : null,
       /* @__PURE__ */ jsx30(
         "span",
         {
@@ -6705,11 +6800,11 @@ function FieldEditor(props) {
            the dialog card 0.2278 and closing it 0.1303. The consequence is the tooltip of
            "Remove it" (interface-text: the slot holds a label, never a paragraph). */
         /* @__PURE__ */ jsxs28("div", { className: "ml-auto grid shrink-0 items-center", "data-field-editor-remove": askingToRemove ? "asking" : "idle", children: [
-          /* @__PURE__ */ jsx30("div", { className: cn19("col-start-1 row-start-1 flex items-center justify-end gap-2", askingToRemove && "invisible"), "aria-hidden": askingToRemove || void 0, children: /* @__PURE__ */ jsx30(Button13, { size: "sm", variant: "outline", tabIndex: askingToRemove ? -1 : void 0, onClick: () => setAskingToRemove(true), children: "Remove this field" }) }),
+          /* @__PURE__ */ jsx30("div", { className: cn19("col-start-1 row-start-1 flex items-center justify-end gap-2", askingToRemove && "invisible"), "aria-hidden": askingToRemove || void 0, children: /* @__PURE__ */ jsx30(Button14, { size: "sm", variant: "outline", tabIndex: askingToRemove ? -1 : void 0, onClick: () => setAskingToRemove(true), children: "Remove this field" }) }),
           /* @__PURE__ */ jsxs28("div", { className: cn19("col-start-1 row-start-1 flex items-center justify-end gap-2", !askingToRemove && "invisible"), "aria-hidden": !askingToRemove || void 0, children: [
             /* @__PURE__ */ jsx30("span", { className: "whitespace-nowrap text-destructive", "data-field-editor-remove-ask": "", children: "Archive this field?" }),
             /* @__PURE__ */ jsx30(
-              Button13,
+              Button14,
               {
                 size: "sm",
                 variant: "destructive",
@@ -6721,7 +6816,7 @@ function FieldEditor(props) {
                 children: "Remove it"
               }
             ),
-            /* @__PURE__ */ jsx30(Button13, { size: "sm", variant: "ghost", tabIndex: askingToRemove ? void 0 : -1, onClick: () => setAskingToRemove(false), children: "Keep it" })
+            /* @__PURE__ */ jsx30(Button14, { size: "sm", variant: "ghost", tabIndex: askingToRemove ? void 0 : -1, onClick: () => setAskingToRemove(false), children: "Keep it" })
           ] })
         ] })
       ) : null
@@ -6929,7 +7024,7 @@ function TypeQuestions(props) {
         /* @__PURE__ */ jsx30("div", { className: "flex flex-wrap gap-1", children: props.others.map((f) => {
           const picked = props.formulaFields.includes(f.id);
           return /* @__PURE__ */ jsx30(
-            Button13,
+            Button14,
             {
               type: "button",
               size: "sm",
@@ -7013,7 +7108,7 @@ function RollupFilterQuestion({
       conditionInWords(value, conditionFields),
       "."
     ] }),
-    /* @__PURE__ */ jsx30(Button13, { type: "button", size: "sm", variant: "ghost", className: "h-6 px-2 text-xs", onClick: () => onChange(null), children: "Clear" })
+    /* @__PURE__ */ jsx30(Button14, { type: "button", size: "sm", variant: "ghost", className: "h-6 px-2 text-xs", onClick: () => onChange(null), children: "Clear" })
   ] }) : /* @__PURE__ */ jsx30(
     ConditionGroup,
     {
@@ -7086,7 +7181,7 @@ function ButtonValue({ field, recordId, inCell }) {
   const [settingUp, setSettingUp] = useState22(false);
   if (!b) return null;
   const color = isStyleColor2(b.color) ? CHOICE_CHIP_CLASS2[b.color] : NEUTRAL_CHIP_CLASS2;
-  const needs = buttonNeeds(b);
+  const needs = buttonNeeds2(b);
   const tableId = field.entity_definition_id;
   const press = async () => {
     if (!client || !recordId) return setSaid({ kind: "public" });
@@ -7105,7 +7200,7 @@ function ButtonValue({ field, recordId, inCell }) {
   return /* @__PURE__ */ jsxs29(Fragment10, { children: [
     /* @__PURE__ */ jsxs29(Popover3, { open: said2 !== null, onOpenChange: (open) => open ? null : setSaid(null), children: [
       /* @__PURE__ */ jsx31(PopoverTrigger3, { asChild: true, children: /* @__PURE__ */ jsx31(
-        Button14,
+        Button15,
         {
           type: "button",
           size: "xs",
@@ -7136,7 +7231,7 @@ function ButtonValue({ field, recordId, inCell }) {
         said2?.kind === "needs" ? /* @__PURE__ */ jsxs29(Fragment10, { children: [
           /* @__PURE__ */ jsx31("p", { children: said2.says }),
           tableId ? /* @__PURE__ */ jsxs29(
-            Button14,
+            Button15,
             {
               type: "button",
               size: "sm",
@@ -7737,9 +7832,9 @@ function ChoiceAskButtons({
   return /* @__PURE__ */ jsxs34("span", { "data-records-choice-ask": "", "data-records-cell-note": "", role: "group", "aria-label": choiceAskSentence(field, words), className: "flex flex-col gap-1", children: [
     /* @__PURE__ */ jsx36("span", { className: "text-[11px] leading-snug", children: choiceAskSentence(field, words) }),
     /* @__PURE__ */ jsxs34("span", { className: "flex flex-wrap items-center gap-1", children: [
-      /* @__PURE__ */ jsx36(Button15, { type: "button", size: "sm", className: "h-6 px-2 text-xs", disabled: busy ?? false, onClick: onAdd, children: "Add" }),
-      keepOffered ? /* @__PURE__ */ jsx36(Button15, { type: "button", size: "sm", variant: "outline", className: "h-6 px-2 text-xs", disabled: busy ?? false, onClick: onKeep, children: "Keep as typed" }) : null,
-      /* @__PURE__ */ jsx36(Button15, { type: "button", size: "sm", variant: "ghost", className: "h-6 px-2 text-xs", disabled: busy ?? false, onClick: onCancel, children: "Cancel" })
+      /* @__PURE__ */ jsx36(Button16, { type: "button", size: "sm", className: "h-6 px-2 text-xs", disabled: busy ?? false, onClick: onAdd, children: "Add" }),
+      keepOffered ? /* @__PURE__ */ jsx36(Button16, { type: "button", size: "sm", variant: "outline", className: "h-6 px-2 text-xs", disabled: busy ?? false, onClick: onKeep, children: "Keep as typed" }) : null,
+      /* @__PURE__ */ jsx36(Button16, { type: "button", size: "sm", variant: "ghost", className: "h-6 px-2 text-xs", disabled: busy ?? false, onClick: onCancel, children: "Cancel" })
     ] })
   ] });
 }
@@ -7917,7 +8012,7 @@ function TypedTextControl({ field, value, onChange, disabled, id, onCommit, onCa
       }
     ) : "refusal" in judged ? /* @__PURE__ */ jsxs34(Fragment13, { children: [
       /* @__PURE__ */ jsx36(FloatingRefusal, { text: judged.refusal, why: "why" in judged ? judged.why : void 0 }),
-      judged.cancelOnly && onCancel ? /* @__PURE__ */ jsx36("span", { "data-records-cell-note": "", "data-records-choice-ask": "", children: /* @__PURE__ */ jsx36(Button15, { type: "button", size: "sm", variant: "ghost", className: "h-6 px-2 text-xs", onClick: () => onCancel(), children: "Cancel" }) }) : null
+      judged.cancelOnly && onCancel ? /* @__PURE__ */ jsx36("span", { "data-records-cell-note": "", "data-records-choice-ask": "", children: /* @__PURE__ */ jsx36(Button16, { type: "button", size: "sm", variant: "ghost", className: "h-6 px-2 text-xs", onClick: () => onCancel(), children: "Cancel" }) }) : null
     ] }) : judged.value === null || judged.value === void 0 ? null : /* @__PURE__ */ jsxs34(ReadsAsNote, { typed: value.text, always: isChoiceAddition(judged.value), children: [
       isChoiceAddition(judged.value) ? `Adds ${quoted(judged.value.add)} to the choices for ${fieldName(field)}. ` : null,
       "Reads as",
@@ -8120,7 +8215,7 @@ function CheckboxControl({ field, value, onChange, disabled, id }) {
     unanswered ? /* @__PURE__ */ jsx36("span", { className: "text-xs italic text-muted-foreground", children: "not answered yet" }) : /* @__PURE__ */ jsxs34(Fragment13, { children: [
       /* @__PURE__ */ jsx36("span", { className: "text-xs text-muted-foreground", children: value === true ? "Yes" : "No" }),
       field.required ? null : /* @__PURE__ */ jsx36(
-        Button15,
+        Button16,
         {
           size: "sm",
           variant: "ghost",
@@ -8284,7 +8379,7 @@ function OptionControl({ field, value, onChange, disabled, id, autoOpen, onClose
     const chosen = options.filter((option) => choiceValuesOf(value).some((v) => isTheChosen(option, v)));
     const picked = new Set(chosen.map((option) => optionKey4(option)));
     const toggles = /* @__PURE__ */ jsx36("div", { id: autoOpen ? void 0 : id, className: "flex flex-wrap gap-1", children: options.map((option) => /* @__PURE__ */ jsx36(
-      Button15,
+      Button16,
       {
         type: "button",
         size: "sm",
@@ -8309,7 +8404,7 @@ function OptionControl({ field, value, onChange, disabled, id, autoOpen, onClose
           if (!open) onClose?.();
         },
         children: [
-          /* @__PURE__ */ jsx36(PopoverTrigger5, { asChild: true, children: /* @__PURE__ */ jsx36(Button15, { id, type: "button", size: "sm", variant: "outline", className: "h-6 max-w-full truncate", children: chosen.length === 0 ? "Choose" : chosen.map(titleOf).join(", ") }) }),
+          /* @__PURE__ */ jsx36(PopoverTrigger5, { asChild: true, children: /* @__PURE__ */ jsx36(Button16, { id, type: "button", size: "sm", variant: "outline", className: "h-6 max-w-full truncate", children: chosen.length === 0 ? "Choose" : chosen.map(titleOf).join(", ") }) }),
           /* @__PURE__ */ jsx36(PopoverContent5, { sizing: "content", className: "max-w-[20rem] p-2", align: "start", children: toggles })
         ]
       }
@@ -8473,7 +8568,7 @@ function OpenChoicePicker({
             // never_add on a column that takes only its choices: said, never a silent nothing.
             /* @__PURE__ */ jsxs34(Fragment13, { children: [
               /* @__PURE__ */ jsx36("p", { "data-records-typed-refusal": "", className: "p-2 text-xs text-muted-foreground", children: notAChoiceSentence(field, [q]) }),
-              autoOpen ? /* @__PURE__ */ jsx36("span", { "data-records-choice-ask": "", className: "px-2 pb-1", children: /* @__PURE__ */ jsx36(Button15, { type: "button", size: "sm", variant: "ghost", className: "h-6 px-2 text-xs", onClick: () => setOpen(false), children: "Cancel" }) }) : null
+              autoOpen ? /* @__PURE__ */ jsx36("span", { "data-records-choice-ask": "", className: "px-2 pb-1", children: /* @__PURE__ */ jsx36(Button16, { type: "button", size: "sm", variant: "ghost", className: "h-6 px-2 text-xs", onClick: () => setOpen(false), children: "Cancel" }) }) : null
             ] })
           ) : null,
           children: anchored ? cellChips : null
@@ -8790,7 +8885,7 @@ function ColumnValuesEditor({ tableId, value, onChange, disabled, addLabel }) {
         onRemove: () => setAdding(false)
       }
     ),
-    !disabled && !adding && keys.length < all.length && /* @__PURE__ */ jsx38(Button16, { type: "button", variant: "outline", size: "sm", className: "self-start", onClick: () => setAdding(true), children: addLabel })
+    !disabled && !adding && keys.length < all.length && /* @__PURE__ */ jsx38(Button17, { type: "button", variant: "outline", size: "sm", className: "self-start", onClick: () => setAdding(true), children: addLabel })
   ] });
 }
 function ColumnValueRow({
@@ -8822,7 +8917,7 @@ function ColumnValueRow({
           ariaLabel: "Column"
         }
       ) }),
-      !disabled && /* @__PURE__ */ jsx38(Button16, { type: "button", variant: "ghost", size: "sm", "aria-label": "Remove", onClick: onRemove, children: "\u2715" })
+      !disabled && /* @__PURE__ */ jsx38(Button17, { type: "button", variant: "ghost", size: "sm", "aria-label": "Remove", onClick: onRemove, children: "\u2715" })
     ] }),
     field ? /* @__PURE__ */ jsx38(FieldControl, { field, value, onChange: onValue, disabled }) : orphan ? /* @__PURE__ */ jsx38("p", { className: "text-[11px] text-muted-foreground", children: value === null || value === void 0 ? "\u2014" : String(value) }) : null
   ] });
@@ -8859,7 +8954,7 @@ function RecordPicker({ tableId, value, onChange, disabled }) {
 import { useEffect as useEffect22, useMemo as useMemo13 } from "react";
 import { isEntityReferenceConfig } from "@ai-matrx/records";
 import { useFields as useFields4, useTable as useTable3 } from "@ai-matrx/records/react";
-import { BasicInput as BasicInput12, Button as Button17, CreatablePicker as CreatablePicker2, cn as cn24 } from "@ai-matrx/design-system";
+import { BasicInput as BasicInput12, Button as Button18, CreatablePicker as CreatablePicker2, cn as cn24 } from "@ai-matrx/design-system";
 import { jsx as jsx39, jsxs as jsxs36 } from "react/jsx-runtime";
 var DATA_BINDING_SHAPES = [
   { value: "collection", label: "The whole table" },
@@ -8995,7 +9090,7 @@ function BindingDetails({
   const setTemplate = (next) => onChange({ ...binding, transform: { join: "\n", ...binding.transform, name: "list", template: next } });
   return /* @__PURE__ */ jsxs36("div", { className: "flex flex-col gap-2", children: [
     /* @__PURE__ */ jsx39("div", { className: "flex flex-wrap gap-1", role: "radiogroup", "aria-label": "What to read", children: DATA_BINDING_SHAPES.map((s) => /* @__PURE__ */ jsx39(
-      Button17,
+      Button18,
       {
         type: "button",
         size: "sm",
@@ -9045,7 +9140,7 @@ function BindingDetails({
         }
       ),
       !disabled && /* @__PURE__ */ jsx39("div", { className: "flex flex-wrap gap-1", children: fieldList.flatMap(bindingPlaceholdersFor).map((p) => /* @__PURE__ */ jsx39(
-        Button17,
+        Button18,
         {
           type: "button",
           size: "sm",
@@ -9079,7 +9174,7 @@ function BindingDetails({
     /* @__PURE__ */ jsxs36("div", { className: "flex flex-wrap items-center gap-1", role: "radiogroup", "aria-label": "If nothing is found", children: [
       /* @__PURE__ */ jsx39("span", { className: "text-xs text-muted-foreground", children: "If nothing is found" }),
       DATA_BINDING_MISSING.map((m) => /* @__PURE__ */ jsx39(
-        Button17,
+        Button18,
         {
           type: "button",
           size: "sm",
@@ -9176,7 +9271,7 @@ function RecordNameWords({ tableId, recordId }) {
 // src/HeldChangeDecision.tsx
 import { useEffect as useEffect23, useState as useState30 } from "react";
 import { RecordsProvider as RecordsProvider3, useRecordsClient as useRecordsClient10 } from "@ai-matrx/records/react";
-import { Button as Button18 } from "@ai-matrx/design-system";
+import { Button as Button19 } from "@ai-matrx/design-system";
 import { jsx as jsx41, jsxs as jsxs38 } from "react/jsx-runtime";
 function HeldChangeDecision({ dataSource, userId, organizationId, approvalId, onDecided }) {
   return /* @__PURE__ */ jsx41(RecordsProvider3, { config: { dataSource, actor: personActor(userId), organizationId }, children: /* @__PURE__ */ jsx41(Decision, { approvalId, onDecided }) });
@@ -9211,8 +9306,8 @@ function Decision({ approvalId, onDecided }) {
   if (may === null) return /* @__PURE__ */ jsx41("p", { className: "text-xs text-muted-foreground", children: "Checking who can decide\u2026" });
   return /* @__PURE__ */ jsxs38("div", { className: "flex flex-col gap-1.5", children: [
     may ? /* @__PURE__ */ jsxs38("div", { className: "flex gap-2", children: [
-      /* @__PURE__ */ jsx41(Button18, { type: "button", size: "sm", disabled: busy !== null, onClick: () => void decide(true), children: busy === "approve" ? "Approving\u2026" : "Approve" }),
-      /* @__PURE__ */ jsx41(Button18, { type: "button", size: "sm", variant: "outline", disabled: busy !== null, onClick: () => void decide(false), children: busy === "refuse" ? "Refusing\u2026" : "Refuse" })
+      /* @__PURE__ */ jsx41(Button19, { type: "button", size: "sm", disabled: busy !== null, onClick: () => void decide(true), children: busy === "approve" ? "Approving\u2026" : "Approve" }),
+      /* @__PURE__ */ jsx41(Button19, { type: "button", size: "sm", variant: "outline", disabled: busy !== null, onClick: () => void decide(false), children: busy === "refuse" ? "Refusing\u2026" : "Refuse" })
     ] }) : !error && /* @__PURE__ */ jsx41("p", { className: "text-xs text-muted-foreground", children: "An owner or admin of this organization decides this." }),
     error ? /* @__PURE__ */ jsx41(RefusalLine, { error }) : null
   ] });