@ai-matrx/records-ui 0.113.16 → 0.113.18

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Changelog — @ai-matrx/records-ui
 
+## 0.113.18
+
+Automatic changed-only republish (docs/metadata drift since the last tag — see
+`git diff npm/records-ui/v0.113.17..npm/records-ui/v0.113.18 -- apps/shared/records-ui`).
+No source changes intended and no consumer action required.
+
+## 0.113.17
+
+Automatic changed-only republish (docs/metadata drift since the last tag — see
+`git diff npm/records-ui/v0.113.16..npm/records-ui/v0.113.17 -- apps/shared/records-ui`).
+No source changes intended and no consumer action required.
+
 ## 0.113.16
 
 Automatic changed-only republish (docs/metadata drift since the last tag — see

package/dist/index.cjs

@@ -7931,7 +7931,8 @@ function cardWords(record, field2, labels) {
   if (notice && (value === null || value === void 0)) {
     return { text: WITHHELD_WORD, withheld: withheldSentence(field2, notice) };
   }
-  return { text: scalarText(field2, value, labels), withheld: null };
+  const empty = value === null || value === void 0 || typeof value === "string" && value.trim() === "";
+  return { text: empty ? "Untitled" : scalarText(field2, value, labels), withheld: null };
 }
 
 // src/SourceArchivedNotice.tsx
@@ -9296,13 +9297,16 @@ function ButtonSettingsEditor({
 }) {
   const client = (0, import_react49.useOptionalRecordsClient)();
   const [actions, setActions] = (0, import_react48.useState)(null);
+  const [actionsRefused, setActionsRefused] = (0, import_react48.useState)(null);
   const [automations, setAutomations] = (0, import_react48.useState)(null);
   (0, import_react48.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) {
@@ -9376,16 +9380,32 @@ function ButtonSettingsEditor({
       ] }),
       value.url && (0, import_records25.buttonUrlPlaceholders)(value.url).length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime35.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_runtime35.jsx)("p", { className: "text-xs text-muted-foreground", children: "No row actions yet. Add one in Table settings." }) : /* @__PURE__ */ (0, import_jsx_runtime35.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_runtime35.jsx)("p", { className: "text-xs text-muted-foreground", children: "Row actions belong to a table" }) : actionsRefused ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(RefusalLine, { error: actionsRefused }) : /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex flex-col gap-2", "data-records-button-action": "", children: [
+      actions === null || actions.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime35.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_runtime35.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_runtime35.jsx)("p", { className: "text-xs text-muted-foreground", children: "No automations yet. Add one in Table settings." }) : /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
       PickOne,
       {
@@ -9398,6 +9418,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_react49.useOptionalRecordsClient)();
+  const settable2 = settableColumns(columns);
+  const [fieldId, setFieldId] = (0, import_react48.useState)("");
+  const [setTo, setSetTo] = (0, import_react48.useState)("");
+  const [busy, setBusy] = (0, import_react48.useState)(false);
+  const [refused, setRefused] = (0, import_react48.useState)(null);
+  if (settable2.length === 0) return /* @__PURE__ */ (0, import_jsx_runtime35.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 declared2 = 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 (!declared2.ok) {
+      setBusy(false);
+      return setRefused(declared2.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_runtime35.jsxs)("div", { className: "flex flex-col gap-1", "data-records-button-new-action": "", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_design_system30.Label, { className: "text-xs", children: "New row action" }),
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex flex-wrap items-center gap-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime35.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: settable2.map((f) => ({ value: f.id, label: fieldName(f) }))
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_design_system30.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_runtime35.jsx)(import_design_system30.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_runtime35.jsx)(RefusalLine, { error: refused }) : null
+  ] });
+}
 
 // src/FieldEditor.tsx
 var import_records27 = require("@ai-matrx/records");
@@ -9655,9 +9739,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_records26.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 = field2 ? `${archiveConfirmSentence(`the field \u201C${fieldName(field2)}\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 () => {
@@ -9808,6 +9893,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) {
@@ -9982,7 +10074,7 @@ function FieldEditor(props) {
         onChange: setRollupFilter
       }
     ) : null,
-    editing && field2 && !(type === "select" || type === "multi_select" || type === "status") ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(FieldFormatPicker, { field: field2, value: showsAs, onValue: setShowsAs }) : null,
+    editing && field2 && !(type === "select" || type === "multi_select" || type === "status" || type === "autonumber") ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(FieldFormatPicker, { field: field2, value: showsAs, onValue: setShowsAs }) : null,
     /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex flex-wrap items-center gap-4", children: [
       /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("label", { className: "flex items-center gap-1.5", children: [
         /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
@@ -10030,6 +10122,10 @@ function FieldEditor(props) {
         "Show on ",
         otherTable.data.name ?? "the other table"
       ] }) : null,
+      !field2 && type === "relation" && relationTarget === tableId ? /* @__PURE__ */ (0, import_jsx_runtime36.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_runtime36.jsx)(import_design_system31.Checkbox, { checked: dependency, "aria-label": "Waits on the linked records", "data-records-dependency": "", onCheckedChange: (v) => setDependency(v === true) }),
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { children: "Waits on the linked records" })
+      ] }) : null,
       !field2 && type === "relation" && relationTarget === tableId ? /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("label", { className: "flex items-center gap-1.5", children: [
         /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
           import_design_system31.Checkbox,
@@ -19202,6 +19298,10 @@ function columnForField(field2, editing, mayWriteRow, whyNotRow, look, onAskWhoC
         ),
         name
       ] })
+    ) : workedOut && stampMarkOf(field2) ? (
+      // A STAMP OR A RECORD NUMBER (walk 2026-10-08 D7): kept by the store, but nobody wrote a formula
+      // for it, so its header wears its own mark — a clock, a person, a number sign — never "fx".
+      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "inline-flex items-center", title: workedOut, "data-records-stamp": stampMarkOf(field2), children: withTypeMark(field2, name) })
     ) : workedOut ? /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("span", { className: "inline-flex items-center gap-1", children: [
       name,
       /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
@@ -19316,10 +19416,16 @@ var TYPE_ICON = {
 var CLOCK = [["circle", { cx: 12, cy: 12, r: 10 }], ["path", { d: "M12 6v6l4 2" }]];
 var PERSON_PLUS = [["path", { d: "M2 21a8 8 0 0 1 13.292-6" }], ["circle", { cx: 10, cy: 8, r: 5 }], ["path", { d: "M19 16v6" }], ["path", { d: "M22 19h-6" }]];
 var PERSON_PEN = [["path", { d: "M11.5 15H7a4 4 0 0 0-4 4v2" }], ["path", { d: "M21.378 16.626a1 1 0 0 0-3.004-3.004l-4.01 4.012a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506z" }], ["circle", { cx: 10, cy: 7, r: 4 }]];
-var STAMP_ICON = { created_time: CLOCK, modified_time: CLOCK, created_by: PERSON_PLUS, modified_by: PERSON_PEN };
-function withTypeMark(field2, header) {
+var HASH = [["path", { d: "M4 9h16" }], ["path", { d: "M4 15h16" }], ["path", { d: "M10 3 8 21" }], ["path", { d: "M16 3l-2 18" }]];
+var STAMP_ICON = { created_time: CLOCK, modified_time: CLOCK, created_by: PERSON_PLUS, modified_by: PERSON_PEN, autonumber: HASH };
+function stampMarkOf(field2) {
   const picked = pickableTypeOf(field2);
-  const stamp = picked !== void 0 && picked in STAMP_ICON ? picked : void 0;
+  if (picked !== void 0 && picked in STAMP_ICON) return picked;
+  const system = field2.config?.["system"];
+  return typeof system === "string" && system in STAMP_ICON ? system : void 0;
+}
+function withTypeMark(field2, header) {
+  const stamp = stampMarkOf(field2);
   const kind = stamp ?? editorKindFor(field2);
   const parts = (stamp ? STAMP_ICON[stamp] : TYPE_ICON[editorKindFor(field2)]) ?? TYPE_ICON.text;
   return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("span", { className: "inline-flex min-w-0 items-center gap-1.5", "data-records-type-mark": kind, children: [
@@ -34935,7 +35041,8 @@ function Board({
             onMoved?.();
           },
           note: records.membership,
-          style
+          style,
+          parentField: subItemsField(all, view.subject)
         }
       ),
       pager,
@@ -35192,7 +35299,8 @@ function Kanban({
   note,
   style,
   cardFields,
-  canAdd = false
+  canAdd = false,
+  parentField
 }) {
   const groupFields = (0, import_react196.useMemo)(() => [groupField], [groupField]);
   const labels = useRecordLabels(groupFields);
@@ -35348,7 +35456,7 @@ function Kanban({
                       name: cardWords(card, titleField).text,
                       onOpenRecord,
                       onChanged,
-                      children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(RecordCard, { record: card, field: titleField, onOpenRecord, style, dates: dateFields, fields: cardFields })
+                      children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(RecordCard, { record: card, field: titleField, onOpenRecord, style, dates: dateFields, fields: cardFields, parentField })
                     }
                   ),
                   moves.refused?.recordId === card.id ? /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(MoveRefusedBadge, { refused: moves.refused }) : null
@@ -35522,30 +35630,42 @@ function RecordCard({
   onOpenRecord,
   style,
   dates,
-  fields
+  fields,
+  parentField
 }) {
   const host = useRecordsUi();
-  const wanted = (0, import_react196.useMemo)(
-    () => field2 && pointsAtRecords(field2) ? [field2] : NO_FIELDS2,
-    [field2]
-  );
+  const wanted = (0, import_react196.useMemo)(() => {
+    const asked3 = [field2 && pointsAtRecords(field2) ? field2 : null, parentField ?? null].filter((f) => f !== null);
+    return asked3.length > 0 ? asked3 : NO_FIELDS2;
+  }, [field2, parentField]);
   const labels = useRecordLabels(wanted);
   const { text: label, withheld } = cardWords(record, field2, labels);
+  const parentId = parentField ? parentIdOf(record.document, parentField.key) : null;
+  const parentName = parentField && parentId ? scalarText(parentField, parentId, labels) : null;
+  const open = () => onOpenRecord?.(record.id);
   const color = style ? (0, import_data_table24.resolveRowColor)(style, { id: record.id, data: record.document ?? {} }, colorFromTheValue) : null;
   return /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
-    "button",
+    "div",
     {
-      type: "button",
+      role: "button",
+      tabIndex: 0,
+      "data-records-card": record.id,
       className: (0, import_design_system97.cn)(
-        "w-full truncate rounded border bg-background px-2 py-1 text-left text-xs hover:bg-muted",
+        "w-full cursor-pointer truncate rounded border bg-background px-2 py-1 text-left text-xs hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
         host.density === "spacious" ? "py-2" : "",
         color ? import_data_table24.ROW_TINT_CLASS[color] : void 0
       ),
-      onClick: () => onOpenRecord?.(record.id),
+      onClick: open,
+      onKeyDown: (e) => {
+        if (e.target !== e.currentTarget || e.key !== "Enter" && e.key !== " ") return;
+        e.preventDefault();
+        open();
+      },
       title: withheld ?? label,
       ...withheld && field2 ? { "data-records-withheld": field2.key } : {},
-      children: dates && dates.length > 0 || fields && fields.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(import_jsx_runtime114.Fragment, { children: [
+      children: dates && dates.length > 0 || fields && fields.length > 0 || parentName ? /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(import_jsx_runtime114.Fragment, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("span", { className: "block truncate", children: label }),
+        parentName ? /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("span", { className: "block truncate text-muted-foreground", "data-records-card-parent": parentId ?? "", children: `Sub-item of ${parentName}` }) : null,
         dates && dates.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(CardDates, { record, fields: dates }) : null,
         (fields ?? []).filter((f) => (0, import_records56.isButtonField)(f) || !isEmptyOnCard((record.document ?? {})[f.key]) || withheldNoticeOf(record.hidden, f.key)).map((f) => /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("span", { className: "block truncate text-muted-foreground", "data-records-card-value": f.key, children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
           RecordValue,