@ai-matrx/records-ui 0.113.17 → 0.113.19

package/dist/pickers.cjs

@@ -5686,13 +5686,16 @@ function ButtonSettingsEditor({
 }) {
   const client = (0, import_react40.useOptionalRecordsClient)();
   const [actions, setActions] = (0, import_react39.useState)(null);
+  const [actionsRefused, setActionsRefused] = (0, import_react39.useState)(null);
   const [automations, setAutomations] = (0, import_react39.useState)(null);
   (0, import_react39.useEffect)(() => {
     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) {
@@ -5766,16 +5769,32 @@ function ButtonSettingsEditor({
       ] }),
       value.url && (0, import_records22.buttonUrlPlaceholders)(value.url).length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("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__ */ (0, import_jsx_runtime29.jsx)("p", { className: "text-xs text-muted-foreground", children: "No row actions yet. Add one in Table settings." }) : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-      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__ */ (0, import_jsx_runtime29.jsx)("p", { className: "text-xs text-muted-foreground", children: "Row actions belong to a table" }) : actionsRefused ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(RefusalLine, { error: actionsRefused }) : /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex flex-col gap-2", "data-records-button-action": "", children: [
+      actions === null || actions.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+        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__ */ (0, import_jsx_runtime29.jsx)(
+        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__ */ (0, import_jsx_runtime29.jsx)("p", { className: "text-xs text-muted-foreground", children: "No automations yet. Add one in Table settings." }) : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
       PickOne,
       {
@@ -5788,6 +5807,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 = (0, import_react40.useOptionalRecordsClient)();
+  const settable = settableColumns(columns);
+  const [fieldId, setFieldId] = (0, import_react39.useState)("");
+  const [setTo, setSetTo] = (0, import_react39.useState)("");
+  const [busy, setBusy] = (0, import_react39.useState)(false);
+  const [refused, setRefused] = (0, import_react39.useState)(null);
+  if (settable.length === 0) return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("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__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex flex-col gap-1", "data-records-button-new-action": "", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_design_system26.Label, { className: "text-xs", children: "New row action" }),
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex flex-wrap items-center gap-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+        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__ */ (0, import_jsx_runtime29.jsx)(import_design_system26.BasicInput, { 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__ */ (0, import_jsx_runtime29.jsx)(import_design_system26.Button, { type: "button", size: "sm", variant: "outline", disabled: busy || fieldId === "", "data-records-button-action-make": "", onClick: () => void make(), children: busy ? "Making\u2026" : "Make" })
+    ] }),
+    refused ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(RefusalLine, { error: refused }) : null
+  ] });
+}
 
 // src/FieldEditor.tsx
 var import_records24 = require("@ai-matrx/records");
@@ -6040,9 +6123,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 ? (0, import_records23.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 () => {
@@ -6193,6 +6277,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) {
@@ -6367,7 +6458,7 @@ function FieldEditor(props) {
         onChange: setRollupFilter
       }
     ) : null,
-    editing && field && !(type === "select" || type === "multi_select" || type === "status") ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(FieldFormatPicker, { field, value: showsAs, onValue: setShowsAs }) : null,
+    editing && field && !(type === "select" || type === "multi_select" || type === "status" || type === "autonumber") ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(FieldFormatPicker, { field, value: showsAs, onValue: setShowsAs }) : null,
     /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex flex-wrap items-center gap-4", children: [
       /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("label", { className: "flex items-center gap-1.5", children: [
         /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
@@ -6415,6 +6506,10 @@ function FieldEditor(props) {
         "Show on ",
         otherTable.data.name ?? "the other table"
       ] }) : null,
+      !field && type === "relation" && relationTarget === tableId ? /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("label", { className: "flex items-center gap-1.5", title: "A timeline draws a line to each record this one waits on", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_design_system27.Checkbox, { checked: dependency, "aria-label": "Waits on the linked records", "data-records-dependency": "", onCheckedChange: (v) => setDependency(v === true) }),
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { children: "Waits on the linked records" })
+      ] }) : null,
       !field && type === "relation" && relationTarget === tableId ? /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("label", { className: "flex items-center gap-1.5", children: [
         /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
           import_design_system27.Checkbox,