@ai-matrx/records-ui 0.57.0 → 0.58.0

package/dist/index.js

@@ -1931,7 +1931,7 @@ function OpenCell({
 }
 
 // src/Grid.tsx
-import { useCallback as useCallback6, useMemo as useMemo8, useState as useState9 } from "react";
+import { useCallback as useCallback6, useMemo as useMemo8, useRef as useRef4, useState as useState9 } from "react";
 import {
   useFields as useFields2,
   useRecords,
@@ -2539,9 +2539,18 @@ function EnrichPanel({ tableId, fieldId, className }) {
 import { useState as useState8 } from "react";
 import { Badge as Badge4, Button as Button6, Separator } from "@ai-matrx/design-system";
 import { Fragment as Fragment4, jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
-function PastePreview({ plan, noun, nounPlural, onConfirm, onCancel }) {
+function PastePreview({
+  plan,
+  noun,
+  nounPlural,
+  onConfirm,
+  onCancel,
+  onAddOptions
+}) {
   const [busy, setBusy] = useState8(false);
   const [outcome, setOutcome] = useState8(null);
+  const [adding, setAdding] = useState8(null);
+  const [addFailed, setAddFailed] = useState8(null);
   const nothingToDo = plan.cells === 0;
   return /* @__PURE__ */ jsx11(
     "div",
@@ -2580,6 +2589,37 @@ function PastePreview({ plan, noun, nounPlural, onConfirm, onCancel }) {
               " more of the same kinds."
             ] }) : null
           ] }) : null,
+          onAddOptions && plan.unmatchedOptions.length > 0 ? /* @__PURE__ */ jsxs7("div", { "data-matrx-paste-add-options": true, className: "flex flex-col gap-2", children: [
+            plan.unmatchedOptions.map((group) => /* @__PURE__ */ jsxs7("div", { className: "flex flex-wrap items-center gap-2", children: [
+              /* @__PURE__ */ jsxs7("p", { className: "text-xs", children: [
+                /* @__PURE__ */ jsx11("span", { className: "font-medium", children: group.column }),
+                " does not offer",
+                " ",
+                group.words.map((w) => `\u201C${w}\u201D`).join(", "),
+                "."
+              ] }),
+              /* @__PURE__ */ jsx11(
+                Button6,
+                {
+                  type: "button",
+                  size: "sm",
+                  variant: "outline",
+                  disabled: adding !== null || busy,
+                  onClick: () => {
+                    setAddFailed(null);
+                    setAdding(group.fieldKey);
+                    void onAddOptions(group.fieldKey, group.words).catch(
+                      (err) => setAddFailed(
+                        `Those options were not added: ${err instanceof Error ? err.message : String(err)}`
+                      )
+                    ).finally(() => setAdding(null));
+                  },
+                  children: adding === group.fieldKey ? "Adding\u2026" : group.words.length === 1 ? `Add \u201C${group.words[0]}\u201D as an option` : `Add these ${group.words.length} options`
+                }
+              )
+            ] }, group.fieldKey)),
+            addFailed ? /* @__PURE__ */ jsx11("p", { className: "text-xs text-destructive", children: addFailed }) : null
+          ] }) : null,
           plan.pastRightEdge > 0 ? /* @__PURE__ */ jsxs7("p", { className: "text-xs text-muted-foreground", children: [
             plan.pastRightEdge,
             " ",
@@ -2671,9 +2711,26 @@ function confirmLabel(plan, noun, nounPlural) {
 
 // src/pasteValues.ts
 import { predictValueRefusals } from "@ai-matrx/records/core";
+import { optionKey as optionKey2 } from "@ai-matrx/records";
+function choiceOptionsOf(options) {
+  const byWord = /* @__PURE__ */ new Map();
+  const labels = [];
+  for (const option of options) {
+    const id = option.id;
+    const key = optionKey2(option);
+    const label = recordName(option.data, null, "");
+    if (label) {
+      labels.push(label);
+      if (!byWord.has(label.toLowerCase())) byWord.set(label.toLowerCase(), id);
+    }
+    if (key && !byWord.has(String(key).toLowerCase())) byWord.set(String(key).toLowerCase(), id);
+    if (id && !byWord.has(id.toLowerCase())) byWord.set(id.toLowerCase(), id);
+  }
+  return { byWord, labels };
+}
 var TRUE_WORDS = /* @__PURE__ */ new Set(["true", "yes", "y", "1", "\u2713", "x", "checked", "on"]);
 var FALSE_WORDS = /* @__PURE__ */ new Set(["false", "no", "n", "0", "", "unchecked", "off"]);
-function valueFromPastedText(field, raw) {
+function valueFromPastedText(field, raw, options) {
   const label = fieldName(field);
   const text = raw.trim();
   const kind = editorKindFor(field);
@@ -2733,10 +2790,30 @@ function valueFromPastedText(field, raw) {
     // stop agreeing with it. So the cell is left alone and the person is told
     // which control does hold it.
     case "select":
-    case "multi_select":
-      return {
-        refusal: `${label} is a list, and a pasted word is not one of its options. Open the cell and pick the option \u2014 or add \u201C${raw}\u201D as an option first, and paste again.`
-      };
+    case "multi_select": {
+      if (!options) {
+        return {
+          refusal: `${label} is a list and its options have not been read yet, so nothing can be matched to \u201C${raw}\u201D. Reopen the paste once the column's choices have loaded.`
+        };
+      }
+      const wanted = kind === "multi_select" ? text.split(/[,;]/).map((w) => w.trim()).filter((w) => w.length > 0) : [text];
+      if (wanted.length === 0) return { value: kind === "multi_select" ? [] : null };
+      const matched = [];
+      const unmatched = [];
+      for (const word of wanted) {
+        const hit = options.byWord.get(word.toLowerCase());
+        if (hit === void 0) unmatched.push(word);
+        else matched.push(hit);
+      }
+      if (unmatched.length > 0) {
+        const offered = options.labels.length > 0 ? options.labels.join(", ") : "it has none yet";
+        return {
+          refusal: `${label} does not have ${unmatched.map((w) => `\u201C${w}\u201D`).join(" or ")} among its options. It offers: ${offered}.`,
+          unmatched
+        };
+      }
+      return { value: kind === "multi_select" ? matched : matched[0] };
+    }
     case "member":
       return {
         refusal: `${label} names a person in this organization, so it is chosen rather than typed. Open the cell and pick them.`
@@ -2763,6 +2840,7 @@ function planPastedBlock(args) {
   const byKey = new Map(args.fields.map((f) => [f.key, f]));
   const rows = [];
   const refusals = [];
+  const unmatched = /* @__PURE__ */ new Map();
   let cells = 0;
   const lines = [
     ...args.onExisting.map((r) => ({ recordId: r.recordId, raw: r.raw })),
@@ -2778,8 +2856,15 @@ function planPastedBlock(args) {
       const field = byKey.get(key);
       const raw = line.raw[c];
       if (field === void 0 || raw === void 0) continue;
-      const judged = valueFromPastedText(field, raw);
+      const judged = valueFromPastedText(field, raw, args.options?.get(key));
       if ("refusal" in judged) {
+        if ("unmatched" in judged) {
+          const seen = unmatched.get(key) ?? { column: fieldName(field), words: [] };
+          for (const word of judged.unmatched) {
+            if (!seen.words.some((w) => w.toLowerCase() === word.toLowerCase())) seen.words.push(word);
+          }
+          unmatched.set(key, seen);
+        }
         built.push({ key, raw, value: null, refusal: judged.refusal });
         refusals.push({ fromLine, column: fieldName(field), raw, why: judged.refusal });
         continue;
@@ -2815,7 +2900,12 @@ function planPastedBlock(args) {
     creates: keepers.filter((r) => r.recordId === null).length,
     cells,
     refusals,
-    pastRightEdge: args.pastRightEdge ?? 0
+    pastRightEdge: args.pastRightEdge ?? 0,
+    unmatchedOptions: [...unmatched.entries()].map(([fieldKey, seen]) => ({
+      fieldKey,
+      column: seen.column,
+      words: seen.words
+    }))
   };
 }
 function documentOf(row) {
@@ -2897,13 +2987,29 @@ function Grid({
     [client, host, refreshEnrich]
   );
   const [pastePlan, setPastePlan] = useState9(null);
+  const choiceOptions = useRef4(/* @__PURE__ */ new Map());
+  const loadChoiceOptions = useCallback6(
+    async (fieldList) => {
+      const wanted = fieldList.filter(
+        (f) => (editorKindFor(f) === "select" || editorKindFor(f) === "multi_select") && !choiceOptions.current.has(f.key)
+      );
+      await Promise.all(
+        wanted.map(async (field) => {
+          const got = await client.fieldOptions({ field_id: field.id });
+          if (got.ok) choiceOptions.current.set(field.key, choiceOptionsOf(got.data ?? []));
+        })
+      );
+    },
+    [client]
+  );
   const pasteableKeys = useMemo8(
     () => ordered.filter((f) => fieldIsEditable(f)).map((f) => f.key),
     [ordered]
   );
   const receivePastePlan = useCallback6(
-    (sheetPlan) => {
+    async (sheetPlan) => {
       const fieldList = fields.data ?? [];
+      await loadChoiceOptions(fieldList);
       const byRecord = /* @__PURE__ */ new Map();
       const order = [];
       const take = (rowId, columnId, value) => {
@@ -2931,6 +3037,7 @@ function Grid({
       );
       const built = planPastedBlock({
         fields: fieldList,
+        options: choiceOptions.current,
         columnKeys,
         onExisting: touched.map((recordId) => ({
           recordId,
@@ -2954,7 +3061,37 @@ function Grid({
       }
       setPastePlan({ plan: built });
     },
-    [fields.data, rows]
+    [fields.data, loadChoiceOptions, rows]
+  );
+  const addPastedOptions = useCallback6(
+    async (fieldKey, words) => {
+      const field = (fields.data ?? []).find((f) => f.key === fieldKey);
+      if (!field) throw new Error(`This table has no column called ${fieldKey}.`);
+      const existing = choiceOptions.current.get(fieldKey)?.labels ?? [];
+      const written = await client.fieldUpdate({
+        field_id: field.id,
+        patch: { options: [...existing, ...words] }
+      });
+      if (!written.ok) throw new Error(written.error.message);
+      choiceOptions.current.delete(fieldKey);
+      await loadChoiceOptions(fields.data ?? []);
+      setPastePlan(
+        (held) => held ? {
+          plan: planPastedBlock({
+            fields: fields.data ?? [],
+            options: choiceOptions.current,
+            columnKeys: held.plan.rows[0]?.cells.map((c) => c.key) ?? [],
+            onExisting: held.plan.rows.filter((r) => r.recordId !== null).map((r) => ({
+              recordId: r.recordId,
+              raw: r.cells.map((c) => c.raw)
+            })),
+            onNew: held.plan.rows.filter((r) => r.recordId === null).map((r) => r.cells.map((c) => c.raw)),
+            pastRightEdge: held.plan.pastRightEdge
+          })
+        } : held
+      );
+    },
+    [client, fields.data, loadChoiceOptions]
   );
   const applyPaste = useCallback6(async () => {
     const held = pastePlan;
@@ -2962,39 +3099,56 @@ function Grid({
     const refusals = [];
     let written = 0;
     const expected = [];
-    for (const row of held.plan.rows) {
-      const document2 = documentOf(row);
-      if (Object.keys(document2).length === 0) continue;
-      if (row.recordId === null) {
-        const made = await client.recordWrite({ table_id: tableId, data: document2 });
-        if (!made.ok) {
-          refusals.push(`Row ${row.fromLine}: ${made.error.message}`);
-          continue;
-        }
-        written += 1;
-        expected.push({ recordId: made.data, document: document2 });
-      } else {
-        const done = await client.recordUpdate({ record_id: row.recordId, patch: document2 });
-        if (!done.ok) {
-          refusals.push(`Row ${row.fromLine}: ${done.error.message}`);
-          continue;
+    const creates = held.plan.rows.filter((row) => row.recordId === null).map((row) => ({ row, document: documentOf(row) })).filter((c) => Object.keys(c.document).length > 0);
+    const updates = held.plan.rows.filter((row) => row.recordId !== null).map((row) => ({ row, document: documentOf(row) })).filter((c) => Object.keys(c.document).length > 0);
+    for (let at = 0; at < creates.length; at += pageSize) {
+      const chunk = creates.slice(at, at + pageSize);
+      const made = await client.recordWriteMany({
+        table_id: tableId,
+        rows: chunk.map((c) => c.document)
+      });
+      if (!made.ok) {
+        refusals.push(
+          `Rows ${chunk[0].row.fromLine}-${chunk[chunk.length - 1].row.fromLine}: ${made.error.message}`
+        );
+        continue;
+      }
+      chunk.forEach((c, index) => {
+        const id = made.data[index];
+        if (id === void 0) {
+          refusals.push(`Row ${c.row.fromLine}: the store wrote the batch and named no id for this line.`);
+          return;
         }
         written += 1;
-        expected.push({ recordId: row.recordId, document: document2 });
+        expected.push({ recordId: id, document: c.document });
+      });
+    }
+    for (const { row, document: document2 } of updates) {
+      const done = await client.recordUpdate({ record_id: row.recordId, patch: document2 });
+      if (!done.ok) {
+        refusals.push(`Row ${row.fromLine}: ${done.error.message}`);
+        continue;
       }
+      written += 1;
+      expected.push({ recordId: row.recordId, document: document2 });
     }
     let readBack = 0;
     let missing = 0;
     const seen = /* @__PURE__ */ new Map();
-    const reread = await client.list({ table_id: tableId, limit: 500, offset: 0 });
-    if (reread.ok) {
+    const READ_BACK_PAGE = 500;
+    for (let offset = 0; ; offset += READ_BACK_PAGE) {
+      const reread = await client.list({ table_id: tableId, limit: READ_BACK_PAGE, offset });
+      if (!reread.ok) {
+        refusals.push(
+          `The rows were written and this could not read them back to check: ${reread.error.message}`
+        );
+        break;
+      }
       for (const row of reread.data.rows) {
         seen.set(row.id, row.document ?? {});
       }
-    } else {
-      refusals.push(
-        `The rows were written and this could not read them back to check: ${reread.error.message}`
-      );
+      if (reread.data.rows.length < READ_BACK_PAGE) break;
+      if (expected.every((e) => seen.has(e.recordId))) break;
     }
     for (const entry of expected) {
       const stored = seen.get(entry.recordId);
@@ -3267,6 +3421,7 @@ function Grid({
           noun: table.data?.label_singular ?? "record",
           nounPlural: table.data?.label_plural ?? `${table.data?.label_singular ?? "record"}s`,
           onConfirm: applyPaste,
+          onAddOptions: addPastedOptions,
           onCancel: () => setPastePlan(null)
         }
       ) : null,
@@ -5973,7 +6128,7 @@ import { useFields as useFields11, useRecords as useRecords4, useRecordsClient a
 import { Button as Button18, Skeleton as Skeleton7, cn as cn19 } from "@ai-matrx/design-system";
 
 // src/Pipeline.tsx
-import { useCallback as useCallback9, useEffect as useEffect12, useMemo as useMemo16, useRef as useRef4, useState as useState21 } from "react";
+import { useCallback as useCallback9, useEffect as useEffect12, useMemo as useMemo16, useRef as useRef5, useState as useState21 } from "react";
 import {
   mayDrag,
   useFields as useFields10,
@@ -6021,7 +6176,7 @@ function PipelineBoard({
   const [waiting, setWaiting] = useState21(/* @__PURE__ */ new Map());
   const [dragging, setDragging] = useState21(null);
   const [over, setOver] = useState21(null);
-  const alive = useRef4(true);
+  const alive = useRef5(true);
   useEffect12(() => {
     alive.current = true;
     return () => {
@@ -6772,9 +6927,9 @@ import { useRecordsClient as useRecordsClient17 } from "@ai-matrx/records/react"
 import { Button as Button19, Input as Input2, Skeleton as Skeleton8, cn as cn20 } from "@ai-matrx/design-system";
 
 // src/seedOnce.ts
-import { useCallback as useCallback10, useRef as useRef5 } from "react";
+import { useCallback as useCallback10, useRef as useRef6 } from "react";
 function useSeedGuard() {
-  const claimed = useRef5(/* @__PURE__ */ new Set());
+  const claimed = useRef6(/* @__PURE__ */ new Set());
   return useCallback10((name) => {
     if (claimed.current.has(name)) return false;
     claimed.current.add(name);
@@ -7013,7 +7168,7 @@ function ProposalRow({
 }
 
 // src/ActionInbox.tsx
-import { useCallback as useCallback13, useEffect as useEffect16, useMemo as useMemo19, useRef as useRef6, useState as useState26 } from "react";
+import { useCallback as useCallback13, useEffect as useEffect16, useMemo as useMemo19, useRef as useRef7, useState as useState26 } from "react";
 import { useRecordsClient as useRecordsClient20 } from "@ai-matrx/records/react";
 import { Badge as Badge9, Button as Button22, Skeleton as Skeleton10, cn as cn23 } from "@ai-matrx/design-system";
 
@@ -7763,7 +7918,7 @@ function ActionInbox({ tableId, includeSettled = false, onOpenRecord, className
   const [outcome, setOutcome] = useState26({});
   const [busy, setBusy] = useState26(null);
   const [cursor, setCursor] = useState26(0);
-  const listRef = useRef6(null);
+  const listRef = useRef7(null);
   const load = useCallback13(async () => {
     const result = await client.workInbox({ limit: 200, includeDecided: includeSettled });
     if (!result.ok) {
@@ -7911,7 +8066,7 @@ function ActionInbox({ tableId, includeSettled = false, onOpenRecord, className
 }
 
 // src/HistoryPanel.tsx
-import { useCallback as useCallback14, useEffect as useEffect17, useRef as useRef7, useState as useState27 } from "react";
+import { useCallback as useCallback14, useEffect as useEffect17, useRef as useRef8, useState as useState27 } from "react";
 import {
   useFields as useFields12,
   useRecordsClient as useRecordsClient21,
@@ -7929,7 +8084,7 @@ function HistoryPanel({ tableId, recordId, onAskAboutField, className }) {
   const [open, setOpen] = useState27(null);
   const [pending, setPending] = useState27({ phase: "idle" });
   const [said, setSaid] = useState27(null);
-  const listRef = useRef7(null);
+  const listRef = useRef8(null);
   const load = useCallback14(async () => {
     const answered = await client.recordHistory({ record_id: recordId });
     if (!answered.ok) {
@@ -8220,7 +8375,7 @@ function say(value, field) {
 }
 
 // src/CommentThread.tsx
-import { useCallback as useCallback15, useEffect as useEffect18, useMemo as useMemo20, useRef as useRef8, useState as useState28 } from "react";
+import { useCallback as useCallback15, useEffect as useEffect18, useMemo as useMemo20, useRef as useRef9, useState as useState28 } from "react";
 import {
   useFields as useFields13,
   useRecordsClient as useRecordsClient22,
@@ -8243,7 +8398,7 @@ function CommentThread({ tableId, recordId, fieldKey, className }) {
   const [people, setPeople] = useState28([]);
   const [mentionQuery, setMentionQuery] = useState28(null);
   const [picked, setPicked] = useState28([]);
-  const box = useRef8(null);
+  const box = useRef9(null);
   const load = useCallback15(async () => {
     const answered = await client.commentThread({ record_id: recordId, include_resolved: showResolved });
     if (!answered.ok) {
@@ -10023,7 +10178,7 @@ import {
 } from "@ai-matrx/design-system";
 
 // src/FormRunner.tsx
-import { useCallback as useCallback21, useEffect as useEffect24, useMemo as useMemo24, useRef as useRef9, useState as useState34 } from "react";
+import { useCallback as useCallback21, useEffect as useEffect24, useMemo as useMemo24, useRef as useRef10, useState as useState34 } from "react";
 import { useFields as useFields15, useOptionalRecordsClient } from "@ai-matrx/records/react";
 import { Button as Button31, Progress, Skeleton as Skeleton18, cn as cn32 } from "@ai-matrx/design-system";
 import { Fragment as Fragment17, jsx as jsx38, jsxs as jsxs34 } from "react/jsx-runtime";
@@ -10101,8 +10256,8 @@ function FormStage({
   const [writing, setWriting] = useState34(false);
   const [done, setDone] = useState34(null);
   const [hidden, setHidden] = useState34({});
-  const decoy = useRef9("");
-  const stage = useRef9(null);
+  const decoy = useRef10("");
+  const stage = useRef10(null);
   const questions = useMemo24(() => {
     const byKey = new Map((fields ?? []).map((f) => [f.key, f]));
     return (form.questions ?? []).map((q) => {
@@ -10763,13 +10918,13 @@ function groupLabel(groups) {
 import {
   useEffect as useEffect26,
   useId,
-  useRef as useRef10,
+  useRef as useRef11,
   useState as useState36
 } from "react";
 import { cn as cn34 } from "@ai-matrx/design-system";
 import { jsx as jsx40, jsxs as jsxs36 } from "react/jsx-runtime";
 function useMeasuredWidth(fallback = 480) {
-  const ref = useRef10(null);
+  const ref = useRef11(null);
   const [width, setWidth] = useState36(fallback);
   useEffect26(() => {
     const node = ref.current;
@@ -11074,7 +11229,7 @@ function DocTemplate({ tableId, seed, activeTemplateId, onActiveTemplate, classN
 }
 
 // src/DocRender.tsx
-import { useCallback as useCallback24, useEffect as useEffect28, useRef as useRef11, useState as useState38 } from "react";
+import { useCallback as useCallback24, useEffect as useEffect28, useRef as useRef12, useState as useState38 } from "react";
 import { useRecordsClient as useRecordsClient30 } from "@ai-matrx/records/react";
 import { Button as Button34, Skeleton as Skeleton21, cn as cn36 } from "@ai-matrx/design-system";
 import { jsx as jsx42, jsxs as jsxs38 } from "react/jsx-runtime";
@@ -11085,7 +11240,7 @@ function DocRender({ templateId, recordId, filename, onRendered, className }) {
   const [showing, setShowing] = useState38(null);
   const [error, setError] = useState38(null);
   const [busy, setBusy] = useState38(null);
-  const paper = useRef11(null);
+  const paper = useRef12(null);
   const load = useCallback24(async () => {
     const [body, held] = await Promise.all([
       client.docRenderBody({ template_id: templateId, record_id: recordId }),
@@ -12784,12 +12939,12 @@ function nextInWords(page) {
 }
 
 // src/CaptureSheet.tsx
-import { useCallback as useCallback32, useEffect as useEffect36, useRef as useRef13, useState as useState46 } from "react";
+import { useCallback as useCallback32, useEffect as useEffect36, useRef as useRef14, useState as useState46 } from "react";
 import { useFields as useFields21, useRecordsClient as useRecordsClient38, useTable as useTable20 } from "@ai-matrx/records/react";
 import { Button as Button42, Input as Input4, Skeleton as Skeleton29, Textarea as Textarea3, cn as cn45 } from "@ai-matrx/design-system";
 
 // src/CaptureRun.tsx
-import { useCallback as useCallback31, useEffect as useEffect35, useMemo as useMemo30, useRef as useRef12, useState as useState45 } from "react";
+import { useCallback as useCallback31, useEffect as useEffect35, useMemo as useMemo30, useRef as useRef13, useState as useState45 } from "react";
 import {
   openCaptureQueue
 } from "@ai-matrx/records";
@@ -12845,7 +13000,7 @@ function CaptureRun({ sheetId, face: given, className }) {
   const [items, setItems] = useState45([]);
   const [lastSynced, setLastSynced] = useState45(null);
   const [sending, setSending] = useState45(false);
-  const queueRef = useRef12(null);
+  const queueRef = useRef13(null);
   useEffect35(() => {
     const q2 = openCaptureQueue({
       onChange: (c, all) => {
@@ -13203,7 +13358,7 @@ function AdHocCaptureSheet({
   const [error, setError] = useState46(null);
   const [uploadError, setUploadError] = useState46(null);
   const [flushing, setFlushing] = useState46(false);
-  const queue = useRef13([]);
+  const queue = useRef14([]);
   const keep = useCallback32(
     async (next) => {
       queue.current = next;