@ai-matrx/records-ui 0.78.0 → 0.81.0

package/CHANGELOG.md

@@ -1,5 +1,96 @@
 # Changelog — @ai-matrx/records-ui
 
+## 0.81.0
+
+**The relation picker stops cutting a customer's name in half, and a grid mount stops
+screaming at the console.** (lane FIX-14, from FIX-13's "named, not fixed" list.)
+
+**1. `Create “Marisol Okonkwo — 418 Calle Pu`.** The picker pasted a per-surface `w-64`
+over the design system's popover, and the Create offer had no truncation of its own, so the
+one control that exists to show the name you are about to create cut it mid-word. Fixed
+where it belongs: `@ai-matrx/design-system` 0.35.0 gained `sizing="content"` and decides
+the width; this package sets no width at all. The offer and every candidate row truncate
+with a real ellipsis and carry the whole name as a `title`, and `RecordChip` does the same
+everywhere it is drawn. Measured headlessly against the live store: 408px showing the whole
+name at 1600×1000, 343px with a real `text-overflow: ellipsis` at 375 wide, inside the
+viewport both times, 0 page errors.
+
+**2. `custom.enrich_cells … does not exist` on every grid mount.** The DOOR was never
+missing — `custom.enrich_cells(uuid, uuid, text[], uuid[])` is live, granted to
+`authenticated`, and answers 320 rows for a real organization from the seat. `demo/branch-server.ts`
+formatted every non-scalar argument as `'<json>'::jsonb`, because `typeof [] === "object"`,
+so no door with a Postgres array parameter could ever be matched; that 42883 was recorded
+into `demo/fixtures/doors.json` and replayed on every mount. The seam now asks `pg_proc`
+what each parameter is declared as and formats by that — the class, not the instance — and
+an array whose type it cannot read is named loudly instead of quietly re-sent as jsonb.
+
+* New guard `demo/a-grid-mount-logs-no-console-error.test.tsx`: mounts `Grid` against the
+  LIVE store and fails on ANY `console.error`, with one named exclusion (React's jsdom-only
+  `act()` warning). RED on the pre-fix bytes with exactly the 42883 above, GREEN on these.
+* The demo harness seeds a PLAIN relation column ("Related proposal", a self-relation on
+  Northbay Commercial Solar's proposals table) — until now every relation it seeded carried
+  `parity: "member"` and routed to `PersonPicker`, so `RelationPicker` had no browser
+  surface at all and its only coverage was jsdom, which has no geometry.
+
+Suite: 51 files / 319 tests green, `tsc --noEmit` clean.
+
+## 0.80.0
+
+**An import's report outlives the run, and its refusals outlive the panel.** (lane FIX-12,
+finding F2 from VERIFIER-12; published by PUBLISH-SWEEP-2, aidream `675cc61fe8`.)
+
+VERIFIER-12 watched a 40-row file land 28 rows and refuse 12 against the live store and saw
+NOTHING on screen: no summary, no refusal list, and afterwards nothing on any of that
+table's screens naming the twelve rows. The store had been right the whole time — the
+ledger said seen 40 / written 28 / refusals 12, and every refused row was kept with a
+sentence a person understands. The report was not the defect. `importFinish` called
+`onDone`, every host wires `onDone` to close the rail, and a run that fits in ONE call
+finishes between two paints — so the report was destroyed in the tick it became true. A long
+file only looked better because there was time to read the progress.
+
+* The wizard tells the host `onWrote` when rows land; `onDone` is now the person pressing
+  **Done** on the report, and nothing else closes the panel.
+* The report says where the refused rows now live.
+* **"Imports into this table"** — every run this table has had, newest first, off
+  `custom.io_imports`; a run with refusals opens them off `custom.io_import_report`, with
+  the store's own reason and the line of the file. Both doors have existed since lane
+  IMPORT; no screen had ever asked.
+* Guard: two clauses in `src/import-wizard.test.tsx`, mounted the way a HOST mounts the
+  wizard (closing on `onDone`). RED on the old bytes ("expected 'the import is closed' not
+  to contain 'the import is closed'"; the past run never on screen), GREEN on these.
+
+Built against `@ai-matrx/records@0.54.0`. Suite at publish: 317/317 across 50 files,
+including `demo/live-smoke.test.tsx`, this package's blocking live publish gate.
+
+## 0.79.0
+
+**A joined column says what joins it.** (lane STORE-TAILS-2, VERIFIER-11 finding F5.)
+
+Greenline Landscaping Crew's Jobs board, "Job label" joining Job Number and Service Type,
+read `GL-2034mow_edge` on all 35 rows — beside a cell reading `Mow & Edge`. Two wrongs in
+one string. The machine's word is the store's half and is fixed there (`custom.rule_eval`'s
+concat arm now resolves a choice to its label and a relation to its display words through
+`custom.field_words`, while every comparison keeps the stored value). The missing separator
+is this package's: nothing on the field panel ever asked for one, so there was no way to
+send one.
+
+* **"Joined by"** — a new box on the worked-out-column builder, offered only for *Join them
+  together*, defaulting to ` — `. It is sent as `expr.separator`, which the store has
+  accepted since the migration above. Emptying it sends no key at all, which is exactly what
+  every formula written before today already holds, so nothing saved changes its answer.
+* A sum, a product or a difference is not offered the box and never sends the key — a
+  control that set something the evaluator ignores would be a setting that silently does
+  nothing.
+* **The panel reads an existing worked-out column back** — its operation, its columns and
+  its separator — instead of starting at "concat" with nothing picked whatever the column
+  actually held.
+* **And it says out loud what it still cannot do.** Opening an existing worked-out column
+  draws no formula controls (this panel never has), and now it says so in a sentence instead
+  of standing silent over the one thing that column is. Re-aiming an existing formula needs
+  `expr` on `FieldPatch` in `@ai-matrx/records`; the store door already takes it.
+
+Consumer action: none.
+
 ## 0.78.0
 
 **The button that could not get rid of a table now can, and says what it does.** (lane

package/dist/index.cjs

@@ -1082,7 +1082,7 @@ function RelationPicker({ field, value, onChange, disabled, id, className, allow
     )),
     disabled ? null : /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_design_system2.Popover, { open, onOpenChange: setOpen, children: [
       /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_design_system2.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_design_system2.Button, { id, type: "button", size: "sm", variant: "outline", "aria-label": `Pick for ${fieldName(field)}`, children: picked.length === 0 ? "Pick" : "Change" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_design_system2.PopoverContent, { className: "w-64 p-1", align: "start", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_design_system2.PopoverContent, { sizing: "content", className: "p-1", align: "start", children: [
         /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
           import_design_system2.BasicInput,
           {
@@ -1106,6 +1106,7 @@ function RelationPicker({ field, value, onChange, disabled, id, className, allow
             {
               type: "button",
               onClick: () => toggle(row.id),
+              title: titleOf(row.id),
               className: (0, import_design_system2.cn)(
                 "w-full truncate rounded px-2 py-1 text-left text-xs hover:bg-muted",
                 picked.includes(row.id) ? "bg-accent text-accent-foreground" : ""
@@ -1151,6 +1152,7 @@ function RelationPicker({ field, value, onChange, disabled, id, className, allow
               type: "button",
               size: "sm",
               variant: "ghost",
+              title: search.trim() !== "" ? `Create \u201C${search.trim()}\u201D` : `New ${targetWord}`,
               className: "w-full justify-start text-xs",
               disabled: busy,
               onClick: () => {
@@ -1160,7 +1162,7 @@ function RelationPicker({ field, value, onChange, disabled, id, className, allow
                   setCreating(true);
                 }
               },
-              children: search.trim() !== "" ? `Create \u201C${search.trim()}\u201D` : `New ${targetWord}`
+              children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "block w-full truncate text-left", children: search.trim() !== "" ? `Create \u201C${search.trim()}\u201D` : `New ${targetWord}` })
             }
           ),
           createRefusal ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "p-2 text-xs text-destructive", children: createRefusal }) : null
@@ -1421,10 +1423,17 @@ function RecordChip({
   onRemove,
   className
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_design_system3.Badge, { variant: "secondary", className: (0, import_design_system3.cn)("gap-1 text-[11px]", className), children: [
-    title,
-    onRemove ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", onClick: onRemove, "aria-label": `Remove ${title}`, className: "opacity-60 hover:opacity-100", children: "\xD7" }) : null
-  ] });
+  return (
+    // A chip carries a RECORD'S OWN TITLE, which nobody here chose the length of —
+    // "Marisol Okonkwo — 418 Calle Puerto Vallarta, Camarillo" is an ordinary customer
+    // name. So it caps at its container and ends in an ellipsis with the whole name in
+    // its tooltip, rather than being cut mid-word by whatever box it landed in
+    // (lane FIX-14, 2026-09-22).
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_design_system3.Badge, { variant: "secondary", className: (0, import_design_system3.cn)("max-w-full gap-1 text-[11px]", className), title, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "min-w-0 truncate", children: title }),
+      onRemove ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", onClick: onRemove, "aria-label": `Remove ${title}`, className: "shrink-0 opacity-60 hover:opacity-100", children: "\xD7" }) : null
+    ] })
+  );
 }
 
 // src/PersonPicker.tsx
@@ -1570,7 +1579,7 @@ function PersonPicker({ field, value, onChange, disabled, id, className }) {
           children: picked.length === 0 ? "Pick a person" : "Change"
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_design_system4.PopoverContent, { className: "w-64 p-1", align: "start", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_design_system4.PopoverContent, { sizing: "content", className: "p-1", align: "start", children: [
         /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
           import_design_system4.BasicInput,
           {
@@ -3691,6 +3700,9 @@ function Grid({
     [client, host, refreshEnrich]
   );
   const [pastePlan, setPastePlan] = (0, import_react20.useState)(null);
+  const [deleting, setDeleting] = (0, import_react20.useState)(null);
+  const [deleteBusy, setDeleteBusy] = (0, import_react20.useState)(false);
+  const [archived, setArchived] = (0, import_react20.useState)(null);
   const choiceOptions = (0, import_react20.useRef)(/* @__PURE__ */ new Map());
   const loadChoiceOptions = (0, import_react20.useCallback)(
     async (fieldList) => {
@@ -3978,6 +3990,21 @@ function Grid({
       /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "ml-auto flex items-center gap-1", children: toolbarActions })
     ] }),
     records.error ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(RefusalNotice, { error: records.error }) : null,
+    archived ? /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+      "p",
+      {
+        "data-records-archived-notice": "",
+        role: "status",
+        className: "flex items-center gap-2 rounded border border-border bg-muted/40 px-2 py-1 text-xs",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("span", { children: [
+            archived,
+            " is archived. Nothing was destroyed \u2014 it is in this table\u2019s Archived items, where Restore brings it back."
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system10.Button, { size: "sm", variant: "ghost", className: "ml-auto h-6", onClick: () => setArchived(null), children: "Dismiss" })
+        ]
+      }
+    ) : null,
     editing.rowError ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
       RefusalNotice,
       {
@@ -4094,11 +4121,13 @@ function Grid({
                 }
               ) : null,
               canWrite && mayWriteRow(row.id) ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                DeleteRecordButton,
+                import_design_system10.Button,
                 {
-                  row,
-                  retentionDays: table.data?.retention_days ?? null,
-                  onDelete: () => editing.remove(row.id)
+                  size: "sm",
+                  variant: "ghost",
+                  title: "Delete this record",
+                  onClick: () => setDeleting(row),
+                  children: "Delete"
                 }
               ) : null
             ] })
@@ -4141,7 +4170,32 @@ function Grid({
           onPage: setPage
         }
       )
-    ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      import_design_system10.ConfirmDialog,
+      {
+        open: deleting !== null,
+        onOpenChange: (next) => {
+          if (!next && !deleteBusy) setDeleting(null);
+        },
+        variant: "destructive",
+        title: `Delete ${deleting ? recordNameIn(table.data, deleting.document ?? {}) : "this record"}?`,
+        description: table.data?.retention_days ? `It leaves the table and waits in Archived items. Nothing is destroyed: Restore brings it back, for ${table.data.retention_days} days.` : "It leaves the table and waits in Archived items. Nothing is destroyed: Restore brings it back.",
+        confirmLabel: "Delete",
+        cancelLabel: "Keep",
+        busy: deleteBusy,
+        onConfirm: async () => {
+          const row = deleting;
+          if (!row) return;
+          const name = recordNameIn(table.data, row.document ?? {});
+          setDeleteBusy(true);
+          const failed = await editing.remove(row.id);
+          setDeleteBusy(false);
+          setDeleting(null);
+          if (!failed) setArchived(name);
+        }
+      }
+    )
   ] }) });
 }
 function columnLabel(fields, columnId) {
@@ -4161,42 +4215,6 @@ function AddFieldButton({ onClick }) {
     }
   );
 }
-function DeleteRecordButton({
-  row,
-  retentionDays,
-  onDelete
-}) {
-  const [asking, setAsking] = (0, import_react20.useState)(false);
-  if (!asking) {
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-      import_design_system10.Button,
-      {
-        size: "sm",
-        variant: "ghost",
-        title: "Delete this record",
-        onClick: () => setAsking(true),
-        children: "Delete"
-      }
-    );
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("span", { className: "flex items-center gap-1 text-[11px]", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "text-muted-foreground", children: retentionDays ? `Removes it from the table. Restorable for ${retentionDays} days.` : "Removes it from the table. It can be restored from the record's history." }),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-      import_design_system10.Button,
-      {
-        size: "sm",
-        variant: "destructive",
-        onClick: () => {
-          setAsking(false);
-          void onDelete();
-        },
-        children: "Delete"
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system10.Button, { size: "sm", variant: "ghost", onClick: () => setAsking(false), children: "Keep" }),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "sr-only", children: row.id })
-  ] });
-}
 function Pager({
   page,
   pageSize,
@@ -4495,7 +4513,7 @@ async function sha256(bytes) {
 function typeWord(t) {
   return fieldTypeChoice(t)?.label ?? (t === "relation" ? "Points at another table" : t);
 }
-function ImportWizard({ tableId, onDone, className }) {
+function ImportWizard({ tableId, onDone, onWrote, className }) {
   const client = (0, import_react27.useRecordsClient)();
   const table = (0, import_react27.useTable)(tableId);
   const fields = (0, import_react27.useFields)(tableId);
@@ -4521,6 +4539,46 @@ function ImportWizard({ tableId, onDone, className }) {
   const [columnsAdded, setColumnsAdded] = (0, import_react26.useState)(null);
   const [show, setShow] = (0, import_react26.useState)("all");
   const [ledger, setLedger] = (0, import_react26.useState)(null);
+  const [runs, setRuns] = (0, import_react26.useState)(null);
+  const [openRun, setOpenRun] = (0, import_react26.useState)(null);
+  const [runRows, setRunRows] = (0, import_react26.useState)(null);
+  const [runProblem, setRunProblem] = (0, import_react26.useState)(null);
+  const loadRuns = (0, import_react26.useCallback)(async () => {
+    const answered = await client.imports({ table_id: tableId, limit: 10 });
+    if (answered.ok) setRuns(answered.data);
+  }, [client, tableId]);
+  (0, import_react26.useEffect)(() => {
+    void loadRuns();
+  }, [loadRuns]);
+  const openRefusals = (0, import_react26.useCallback)(
+    async (importId) => {
+      setRunProblem(null);
+      if (openRun === importId) {
+        setOpenRun(null);
+        setRunRows(null);
+        return;
+      }
+      setOpenRun(importId);
+      setRunRows(null);
+      const answered = await client.importReport({
+        import_id: importId,
+        state: "refused",
+        limit: 200
+      });
+      if (!answered.ok) {
+        setRunProblem(answered.error.message);
+        return;
+      }
+      setRunRows({
+        import_id: answered.data.import_id,
+        rows: answered.data.rows,
+        kept: answered.data.kept,
+        total: answered.data.total,
+        note: answered.data.note
+      });
+    },
+    [client, openRun]
+  );
   const declared = fields.data ?? [];
   const take = (0, import_react26.useCallback)(
     async (file) => {
@@ -4654,8 +4712,9 @@ function ImportWizard({ tableId, onDone, className }) {
       final: true
     });
     setPhase("done");
-    onDone?.(finished.data.rows_written);
-  }, [client, dedupeKey, fileBytes, fileHash, fileName, format, mapping, onDuplicate, onDone, plan, rows, tableId, unmapped]);
+    onWrote?.(finished.data.rows_written);
+    void loadRuns();
+  }, [client, dedupeKey, fileBytes, fileHash, fileName, format, loadRuns, mapping, onDuplicate, onWrote, plan, rows, tableId, unmapped]);
   const counts = (0, import_react26.useMemo)(() => {
     let landed = 0;
     let duplicate = 0;
@@ -4932,7 +4991,73 @@ function ImportWizard({ tableId, onDone, className }) {
       proposals.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("ul", { className: "flex flex-col gap-0.5", children: proposals.map((p) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("li", { className: "text-muted-foreground", children: [
         /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "font-medium text-foreground", children: p.column }),
         p.state === "waiting" ? " is waiting in the approvals inbox." : p.state === "accepted" ? " was added as a column." : p.state === "ignored" ? " was left out." : p.state === "refused" ? ` could not be added: ${p.reason ?? ""}` : ` \u2014 ${p.state}`
-      ] }, p.column)) }) : null
+      ] }, p.column)) }) : null,
+      phase === "done" ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex flex-wrap items-center gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system13.Button, { size: "sm", onClick: () => onDone?.(ledger?.written ?? 0), children: "Done" }),
+        (ledger?.refused ?? 0) > 0 ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { className: "text-muted-foreground", children: [
+          "The ",
+          ledger?.refused,
+          " row",
+          ledger?.refused === 1 ? "" : "s",
+          " that ",
+          ledger?.refused === 1 ? "was" : "were",
+          " refused",
+          " ",
+          "are kept with this import \u2014 open them again from the list of imports below, with the store's reason and the line from your file on each."
+        ] }) : null
+      ] }) : null
+    ] }) : null,
+    runs && runs.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system13.Separator, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "font-medium", children: "Imports into this table" }),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("ul", { className: "flex flex-col gap-1", children: runs.map((r) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("li", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex flex-wrap items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "font-medium", children: r.source_name ?? "a file" }),
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { className: "text-muted-foreground", children: [
+            new Date(r.opened_at).toLocaleString(),
+            " \xB7 ",
+            r.rows_written,
+            " landed \xB7",
+            " ",
+            r.rows_duplicate,
+            " already here \xB7 ",
+            r.rows_refused,
+            " refused, of ",
+            r.rows_seen,
+            " row",
+            r.rows_seen === 1 ? "" : "s",
+            " offered"
+          ] }),
+          r.rows_refused > 0 ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+            "button",
+            {
+              type: "button",
+              className: "underline underline-offset-2",
+              "aria-expanded": openRun === r.import_id,
+              onClick: () => void openRefusals(r.import_id),
+              children: openRun === r.import_id ? "hide the rows it refused" : `see the ${r.rows_refused} row${r.rows_refused === 1 ? "" : "s"} it refused`
+            }
+          ) : null
+        ] }),
+        openRun === r.import_id ? runProblem ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-destructive", children: runProblem }) : runRows ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
+          runRows.note ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-muted-foreground", children: runRows.note }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "max-h-64 overflow-auto rounded border", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("table", { className: "w-full", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("thead", { className: "sticky top-0 bg-muted", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("tr", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("th", { className: "px-2 py-1 text-left font-medium", children: "Line in your file" }),
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("th", { className: "px-2 py-1 text-left font-medium", children: "What happened" }),
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("th", { className: "px-2 py-1 text-left font-medium", children: "The row in your file" })
+            ] }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("tbody", { children: runRows.rows.map((row, i) => {
+              const source = row.source ?? {};
+              return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("tr", { className: "border-t align-top", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("td", { className: "px-2 py-1", children: String(row.row ?? "") }),
+                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("td", { className: "px-2 py-1 text-destructive", children: String(row.reason ?? "") }),
+                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("td", { className: "max-w-96 px-2 py-1 text-muted-foreground", children: Object.entries(source).map(([k, v]) => `${k}: ${String(v ?? "")}`).join(" \xB7 ") })
+              ] }, `${r.import_id}-${String(row.row ?? i)}`);
+            }) })
+          ] }) })
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-muted-foreground", children: "Reading the rows this import refused\u2026" }) : null
+      ] }, r.import_id)) })
     ] }) : null,
     table.error ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(RefusalNotice, { error: table.error }) : null
   ] });
@@ -5132,6 +5257,9 @@ var ROLLUP_OPERATIONS = ROLLUP_AGG_VALUES.map((value) => ({
   value,
   label: ROLLUP_AGG_LABEL[value]
 }));
+var FORMULA_SEPARATOR_LABEL = "Joined by";
+var EDITING_A_WORKED_OUT_COLUMN = "This column works out its answer from other columns. Which columns it uses, and what joins them, cannot be changed on this screen yet \u2014 remove it and add it again to change them.";
+var FORMULA_DEFAULT_SEPARATOR = " \u2014 ";
 var FORMULA_OPERATIONS = FORMULA_OP_VALUES.map((value) => ({
   value,
   label: FORMULA_OP_LABEL[value],
@@ -5168,8 +5296,9 @@ function FieldEditor({ tableId, field, onSaved, onCancel, onRemoved, className }
   const [of, setOf] = (0, import_react30.useState)(String(field?.config?.["of"] ?? ""));
   const [relationTarget, setRelationTarget] = (0, import_react30.useState)(String(field?.relation_target ?? ""));
   const [display, setDisplay] = (0, import_react30.useState)(field?.display ?? null);
-  const [formulaOp, setFormulaOp] = (0, import_react30.useState)("concat");
-  const [formulaFields, setFormulaFields] = (0, import_react30.useState)([]);
+  const [formulaOp, setFormulaOp] = (0, import_react30.useState)(() => formulaOpOf(field));
+  const [formulaFields, setFormulaFields] = (0, import_react30.useState)(() => formulaFieldIdsOf(field));
+  const [formulaSeparator, setFormulaSeparator] = (0, import_react30.useState)(() => formulaSeparatorOf(field));
   const [askingToRemove, setAskingToRemove] = (0, import_react30.useState)(false);
   const [notLanded, setNotLanded] = (0, import_react30.useState)(false);
   const others = (0, import_react30.useMemo)(
@@ -5243,7 +5372,7 @@ function FieldEditor({ tableId, field, onSaved, onCancel, onRemoved, className }
       ...type === "datetime" ? { kind: withTime ? "datetime" : "date" } : {},
       ...type === "lookup" ? { via, pick } : {},
       ...type === "rollup" ? { via, agg, ...agg === "count" ? {} : { of } } : {},
-      ...type === "formula" ? { expr: formulaExpression(formulaOp, formulaFields) } : {}
+      ...type === "formula" ? { expr: formulaExpression(formulaOp, formulaFields, formulaSeparator) } : {}
     };
     const written = await mutation.declare({ table_id: tableId, spec });
     if (written === null) return;
@@ -5301,6 +5430,7 @@ function FieldEditor({ tableId, field, onSaved, onCancel, onRemoved, className }
         /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "text-[11px] text-muted-foreground", children: editing ? "What a column holds cannot be changed here \u2014 every value already saved would have to be converted. Add a new column and move the values across." : choice?.explanation ?? "" })
       ] })
     ] }),
+    editing && type === "formula" ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "text-[11px] text-muted-foreground", children: EDITING_A_WORKED_OUT_COLUMN }) : null,
     !editing || type === "select" || type === "multi_select" || type === "relation" ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       TypeQuestions,
       {
@@ -5329,6 +5459,8 @@ function FieldEditor({ tableId, field, onSaved, onCancel, onRemoved, className }
         setFormulaOp,
         formulaFields,
         setFormulaFields,
+        formulaSeparator,
+        setFormulaSeparator,
         relations,
         others,
         existingOptionsTable: Boolean(field?.options_table_id ?? field?.config?.["options_table_id"])
@@ -5513,10 +5645,30 @@ function startingType(field) {
   if (fieldTypeChoice(kind)) return kind;
   return "text";
 }
-function formulaExpression(op, fieldIds) {
+function formulaExpression(op, fieldIds, separator) {
   const args = fieldIds.filter((id) => id !== "").map((id) => ({ field: id }));
-  if (args.length === 0) return { op, args: [{ const: "" }] };
-  return { op, args };
+  const joined = op === "concat" && separator !== "" ? { separator } : {};
+  if (args.length === 0) return { op, ...joined, args: [{ const: "" }] };
+  return { op, ...joined, args };
+}
+function formulaExprOf(field) {
+  const expr = field?.config?.["expr"];
+  return expr !== null && typeof expr === "object" ? expr : null;
+}
+function formulaOpOf(field) {
+  const op = formulaExprOf(field)?.["op"];
+  return typeof op === "string" && op !== "" ? op : "concat";
+}
+function formulaFieldIdsOf(field) {
+  const args = formulaExprOf(field)?.["args"];
+  if (!Array.isArray(args)) return [];
+  return args.map((a) => a !== null && typeof a === "object" ? a["field"] : void 0).filter((id) => typeof id === "string" && id !== "");
+}
+function formulaSeparatorOf(field) {
+  const expr = formulaExprOf(field);
+  if (expr === null) return FORMULA_DEFAULT_SEPARATOR;
+  const sep = expr["separator"];
+  return typeof sep === "string" ? sep : "";
 }
 function TypeQuestions(props) {
   const { type } = props;
@@ -5655,7 +5807,21 @@ function TypeQuestions(props) {
           );
         }) }),
         /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "text-[11px] text-muted-foreground", children: "In the order you pick them. Columns are remembered by which column they are, so renaming one never breaks this." })
-      ] })
+      ] }),
+      props.formulaOp === "concat" ? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_design_system15.Label, { className: "text-xs", children: FORMULA_SEPARATOR_LABEL }),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+          import_design_system15.BasicInput,
+          {
+            value: props.formulaSeparator,
+            "aria-label": FORMULA_SEPARATOR_LABEL,
+            placeholder: "\u2014",
+            className: "max-w-[10rem]",
+            onChange: (e) => props.setFormulaSeparator(e.target.value)
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "text-[11px] text-muted-foreground", children: "What goes between the columns. Leave it empty to run them straight together." })
+      ] }) : null
     ] });
   }
   return null;
@@ -7351,8 +7517,8 @@ function PipelineBoard({
       const asked = await client.pipelineTransitionRefusal({ record_id: recordId, to });
       if (!alive.current) return;
       if (!asked.ok) {
-        setError(asked.error);
-        setPending({ kind: "none" });
+        setPending({ kind: "clash", recordId, to, error: asked.error });
+        onMoved?.();
         return;
       }
       const verdict = asked.data;
@@ -7365,8 +7531,8 @@ function PipelineBoard({
       const moved = await client.pipelineMove({ record_id: recordId, to });
       if (!alive.current) return;
       if (!moved.ok) {
-        setPending({ kind: "none" });
-        setError(moved.error);
+        setPending({ kind: "clash", recordId, to, error: moved.error });
+        onMoved?.();
         return;
       }
       const result = moved.data;
@@ -7387,21 +7553,22 @@ function PipelineBoard({
       const moved = await client.pipelineMove({ record_id: recordId, to });
       if (!alive.current) return;
       if (!moved.ok) {
-        setPending({ kind: "none" });
-        setError(moved.error);
+        setPending({ kind: "clash", recordId, to, error: moved.error });
+        onMoved?.();
         return;
       }
       setPending({ kind: "filed", recordId, to, result: moved.data });
       void reload();
     },
-    [client, reload]
+    [client, onMoved, reload]
   );
   const moveWith = (0, import_react47.useCallback)(
     async (recordId, to, also) => {
       const moved = await client.pipelineMove({ record_id: recordId, to, also });
       if (!alive.current) return;
       if (!moved.ok) {
-        setError(moved.error);
+        setPending({ kind: "clash", recordId, to, error: moved.error });
+        onMoved?.();
         return;
       }
       setPending({ kind: "none" });
@@ -7529,6 +7696,16 @@ function Held({
   if (pending.kind === "asking") {
     return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "px-2 py-1 text-xs text-muted-foreground", children: "Asking\u2026" });
   }
+  if (pending.kind === "clash") {
+    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+      RefusalNotice,
+      {
+        className: "mt-1",
+        error: pending.error,
+        actions: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "mt-1", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_design_system23.Button, { size: "sm", variant: "ghost", className: "h-6", onClick: onCancel, children: "Close" }) })
+      }
+    );
+  }
   if (pending.kind === "refused") {
     return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "mt-1 rounded border border-destructive/50 bg-destructive/5 p-2 text-xs", children: [
       /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { children: pending.verdict.why }),