@ai-matrx/records-ui 0.115.78 → 0.115.80

package/CHANGELOG.md

@@ -1,10 +1,37 @@
 # Changelog — @ai-matrx/records-ui
 
-## 0.115.78
+## 0.115.80
 
 UNVERIFIED: this release has no Unreleased entry and the source comparison could not be made (the caller supplied no source comparison). Whether source changed is unknown; consumer action is unknown.
 Check the package's gitHead on npm against this version's gitHead: `git diff <previous gitHead> <this gitHead> -- apps/shared/records-ui/src`.
 
+## 0.115.79
+
+SOURCE CHANGED WITH NO RELEASE NOTE. This release shipped source changes that nobody described in an Unreleased entry,
+so they may include breaking API changes. Consumer action is UNKNOWN: read the diff before upgrading.
+Diff: `git diff c3135c57b9 aa17cdaf9c -- apps/shared/records-ui/src`
+
+Changed shipped source files (7):
+- `apps/shared/records-ui/src/ImportWizard.tsx`
+- `apps/shared/records-ui/src/TablePage.tsx`
+- `apps/shared/records-ui/src/ViewBar.tsx`
+- `apps/shared/records-ui/src/gridAttachments.tsx`
+- `apps/shared/records-ui/src/gridColumns.tsx`
+- `apps/shared/records-ui/src/importRuleCheck.ts`
+- `apps/shared/records-ui/src/viewActions.ts`
+
+## 0.115.78
+
+SOURCE CHANGED WITH NO RELEASE NOTE. This release shipped source changes that nobody described in an Unreleased entry,
+so they may include breaking API changes. Consumer action is UNKNOWN: read the diff before upgrading.
+Diff: `git diff 254d4d3f8b c3135c57b9 -- apps/shared/records-ui/src`
+
+Changed shipped source files (4):
+- `apps/shared/records-ui/src/Grid.tsx`
+- `apps/shared/records-ui/src/ViewSwitcher.tsx`
+- `apps/shared/records-ui/src/newRowValues.tsx`
+- `apps/shared/records-ui/src/recordMoves.tsx`
+
 ## 0.115.77
 
 SOURCE CHANGED WITH NO RELEASE NOTE. This release shipped source changes that nobody described in an Unreleased entry,
@@ -19,6 +46,7 @@ Changed shipped source files (3):
 ## 0.115.76
 ### Unreleased
 
+- `ViewFilter` / `Condition` (NOTION-Q): a view's filter asks a multi-select column Notion's list questions (contains, does not contain, is empty, is not empty) and offers the fields of every table a relation points at ("Client › Client Type is / is not Past Client", the store's `linked` node: "is" = some linked record is, "is not" = none is). New exports `LIST_TERMS`, `linkedNode`, `linkedOf`; `ConditionField.via`. Needs the store migration `notionq_a_a_multi_pick_and_a_linked_field_filter_a_list`.
 - `ViewSwitcher newRowValues`: the host hands the values a new row starts with (Spaces: a view filtered to "This page's row" hands the relation), and every add path of every layout — the grid's add line and toolbar, board and pipeline "+", gallery, list, calendar, timeline — writes them with the row. A path's own values (a board column's stage) win. Absent: a blank row, as before.
 - The formula editor's function list follows the store's vocabulary: Airtable's remaining functions (ROUNDUP, FLOOR, COUNTA,
   IS_BEFORE, DATETIME_DIFF, WORKDAY_DIFF, ARRAYFLATTEN, REGEX_EXTRACT, RECORD_ID, …) are offered, and CREATED_TIME() and

package/dist/index.cjs

@@ -6886,46 +6886,63 @@ function AttachmentChip({ id, onRemove, onPreview }) {
   const words2 = read?.name ?? (read ? FILE_CHIP_UNREAD : "\u2026");
   const href = read?.fileId ? host.hrefForFile?.({ fileId: read.fileId }) : void 0;
   const title = onPreview ? `Preview ${words2}` : href ? `Open ${words2}` : read?.why ?? FILE_CHIP_NO_PAGE;
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_design_system22.Badge, { variant: "secondary", className: "max-w-[14rem] gap-1 text-[11px]", "data-records-file-chip": id, title, children: [
-    onPreview ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-      "button",
-      {
-        type: "button",
-        className: "truncate underline-offset-2 hover:underline",
-        "data-records-file-preview": id,
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+    import_design_system22.Badge,
+    {
+      variant: "secondary",
+      className: (0, import_design_system22.cn)("max-w-[14rem] gap-1 text-[11px]", onPreview && "cursor-pointer"),
+      "data-records-file-chip": id,
+      title,
+      ...onPreview ? {
         onClick: (event) => {
           event.stopPropagation();
           onPreview();
         },
         onMouseDown: (event) => event.stopPropagation(),
-        onDoubleClick: (event) => event.stopPropagation(),
-        children: words2
-      }
-    ) : href ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-      import_outbound_react4.OutboundLink,
-      {
-        href,
-        className: "truncate underline-offset-2 hover:underline",
-        "data-records-file-link": read?.fileId ?? "",
-        onClick: (event) => event.stopPropagation(),
-        onMouseDown: (event) => event.stopPropagation(),
-        children: words2
-      }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "truncate", children: words2 }),
-    onRemove ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-      "button",
-      {
-        type: "button",
-        "aria-label": `Remove ${words2}`,
-        className: "shrink-0 rounded px-0.5 text-muted-foreground hover:text-foreground",
-        onClick: (event) => {
-          event.stopPropagation();
-          onRemove();
-        },
-        children: "\xD7"
-      }
-    ) : null
-  ] });
+        onDoubleClick: (event) => event.stopPropagation()
+      } : {},
+      children: [
+        onPreview ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+          "button",
+          {
+            type: "button",
+            className: "truncate underline-offset-2 hover:underline",
+            "data-records-file-preview": id,
+            onClick: (event) => {
+              event.stopPropagation();
+              onPreview();
+            },
+            onMouseDown: (event) => event.stopPropagation(),
+            onDoubleClick: (event) => event.stopPropagation(),
+            children: words2
+          }
+        ) : href ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+          import_outbound_react4.OutboundLink,
+          {
+            href,
+            className: "truncate underline-offset-2 hover:underline",
+            "data-records-file-link": read?.fileId ?? "",
+            onClick: (event) => event.stopPropagation(),
+            onMouseDown: (event) => event.stopPropagation(),
+            children: words2
+          }
+        ) : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "truncate", children: words2 }),
+        onRemove ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+          "button",
+          {
+            type: "button",
+            "aria-label": `Remove ${words2}`,
+            className: "shrink-0 rounded px-0.5 text-muted-foreground hover:text-foreground",
+            onClick: (event) => {
+              event.stopPropagation();
+              onRemove();
+            },
+            children: "\xD7"
+          }
+        ) : null
+      ]
+    }
+  );
 }
 function AttachmentChips({ value, onRemove }) {
   const host = useRecordsUi();
@@ -6966,6 +6983,18 @@ function AttachmentViewer({
     {
       className: "sm:max-w-3xl",
       "data-records-attachment-viewer": id,
+      tabIndex: -1,
+      onOpenAutoFocus: (event) => {
+        event.preventDefault();
+        event.currentTarget.focus();
+      },
+      onCloseAutoFocus: (event) => {
+        const chip = document.querySelector(`[data-records-file-preview="${ids[index]}"]`);
+        if (chip) {
+          event.preventDefault();
+          chip.focus();
+        }
+      },
       onKeyDown: (event) => {
         if (event.key === "ArrowLeft") {
           event.preventDefault();
@@ -7977,6 +8006,33 @@ var CONDITION_OPS = [
   { op: "gte", label: "is at least" },
   { op: "lte", label: "is at most" }
 ];
+var LIST_TERMS = [
+  { op: "contains", label: "contains" },
+  { op: "not_contains", label: "does not contain" },
+  { op: "is_empty", label: "is empty" },
+  { op: "is_not_empty", label: "is not empty" }
+];
+var VALUELESS_OPS = /* @__PURE__ */ new Set(["present", "is_empty", "is_not_empty"]);
+var LINK_SEP = ">";
+function linkedNode(viaId, innerId, op2, value) {
+  return {
+    op: "linked",
+    match: op2 === "eq" ? "any" : "none",
+    args: [{ field: viaId }, { op: "eq", args: [{ field: innerId }, { const: value }] }]
+  };
+}
+function linkedOf(expr) {
+  const node = asNode(expr);
+  if (!node || node["op"] !== "linked") return null;
+  const [rel, cond] = argsOf(node);
+  const innerNode = asNode(cond);
+  const [a, b] = innerNode ? argsOf(innerNode) : [];
+  const match = node["match"] ?? "any";
+  if (!rel || typeof rel["field"] !== "string" || !innerNode || innerNode["op"] !== "eq") return null;
+  if (!a || typeof a["field"] !== "string" || !b || !("const" in b)) return null;
+  if (match !== "any" && match !== "none") return null;
+  return { via: rel["field"], inner: a["field"], op: match === "any" ? "eq" : "ne", value: b["const"] };
+}
 var FilterTermsContext = (0, import_react46.createContext)(false);
 var RELATIVE_DAY_TERMS = [
   { kind: "today", label: "is today" },
@@ -8089,13 +8145,15 @@ function ChoiceValue({ field: field2, value, onChange }) {
 }
 function conditionIsSimple(expr) {
   if (expr === null || expr === void 0) return true;
-  if (relativeDayOf(expr) !== null || meOf(expr) !== null) return true;
+  if (relativeDayOf(expr) !== null || meOf(expr) !== null || linkedOf(expr) !== null) return true;
   const node = expr;
-  if (typeof node.op !== "string" || !CONDITION_OPS.some((c) => c.op === node.op)) return false;
+  if (typeof node.op !== "string" || !(CONDITION_OPS.some((c) => c.op === node.op) || LIST_TERMS.some((c) => c.op === node.op))) {
+    return false;
+  }
   if (!Array.isArray(node.args)) return false;
   const first = node.args[0];
   if (!first || typeof first.field !== "string") return false;
-  if (node.op === "present") return node.args.length === 1;
+  if (VALUELESS_OPS.has(node.op)) return node.args.length === 1;
   const second = node.args[1];
   return node.args.length === 2 && !!second && "const" in second;
 }
@@ -8113,7 +8171,13 @@ function conditionInWords(expr, fields) {
     lte: "is at most",
     and: "and",
     or: "or",
-    matches: "matches"
+    matches: "matches",
+    contains: "contains",
+    not_contains: "does not contain",
+    has_any: "has any of",
+    has_all: "has all of",
+    has_none: "has none of",
+    is_exactly: "is exactly"
   };
   const walk = (node) => {
     if (node === null || node === void 0) return "nothing";
@@ -8134,6 +8198,12 @@ function conditionInWords(expr, fields) {
     const args = Array.isArray(n["args"]) ? n["args"] : [];
     if (op2 === "not") return `not ${walk(args[0])}`;
     if (op2 === "present") return `${walk(args[0])} has been answered`;
+    if (op2 === "is_empty") return `${walk(args[0])} is empty`;
+    if (op2 === "is_not_empty") return `${walk(args[0])} is not empty`;
+    if (op2 === "linked") {
+      const how = n["match"] === "every" ? "every" : n["match"] === "none" ? "none of" : "any";
+      return `${how} linked record in ${walk(args[0])}: ${walk(args[1])}`;
+    }
     const dayRange = relativeDayOf(n);
     if (dayRange) {
       const term = RELATIVE_DAY_TERMS.find((t) => t.kind === dayRange.kind);
@@ -8166,12 +8236,14 @@ function ConditionRow({ lead, expr, fields, onChange, emptyLabel = "always", cla
   const filterTerms = (0, import_react46.useContext)(FilterTermsContext);
   const relative = relativeDayOf(expr);
   const reader = meOf(expr);
-  const op2 = relative ? `rel:${relative.kind}` : reader ? reader.which : node?.op ?? "";
-  const onField = node?.args?.[0]?.field ?? "";
-  const value = relative || reader ? "" : node?.args?.[1]?.const ?? "";
+  const linked = linkedOf(expr);
+  const op2 = relative ? `rel:${relative.kind}` : reader ? reader.which : linked ? linked.op : node?.op ?? "";
+  const onField = linked ? `${linked.via}${LINK_SEP}${linked.inner}` : node?.args?.[0]?.field ?? "";
+  const value = relative || reader ? "" : linked ? linked.value : node?.args?.[1]?.const ?? "";
   const chosen = fields.find((f) => f.id === onField);
   const chosenKind = chosen?.field ? String(editorKindFor(chosen.field)) : "";
-  const extraTerms = !filterTerms ? [] : chosenKind === "datetime" ? RELATIVE_DAY_TERMS.map((t) => ({ op: `rel:${t.kind}`, label: t.label })) : chosenKind === "member" ? [{ op: "me", label: "is me" }, { op: "not_me", label: "is not me" }] : [];
+  const extraTerms = !filterTerms || chosen?.via ? [] : chosenKind === "datetime" ? RELATIVE_DAY_TERMS.map((t) => ({ op: `rel:${t.kind}`, label: t.label })) : chosenKind === "member" ? [{ op: "me", label: "is me" }, { op: "not_me", label: "is not me" }] : chosenKind === "multi_select" ? LIST_TERMS : [];
+  const baseTerms = chosen?.via ? CONDITION_OPS.filter((c) => c.op === "eq" || c.op === "ne") : CONDITION_OPS;
   const relativeTerm = relative ? RELATIVE_DAY_TERMS.find((t) => t.kind === relative.kind) : void 0;
   function write(next) {
     const picked = next.op;
@@ -8184,8 +8256,11 @@ function ConditionRow({ lead, expr, fields, onChange, emptyLabel = "always", cla
       onChange(relativeDayNode(fieldNow, relative.kind, next.days));
       return;
     }
-    if (next.field !== void 0 && (relative || reader)) {
-      onChange(next.field ? { op: CONDITION_OPS[0].op, args: [{ field: next.field }, { const: "" }] } : null);
+    if (next.field !== void 0 && (relative || reader || linked)) {
+      const target2 = fields.find((f) => f.id === next.field);
+      onChange(
+        !next.field ? null : target2?.via ? linkedNode(target2.via.id, target2.via.fieldId, "eq", "") : { op: CONDITION_OPS[0].op, args: [{ field: next.field }, { const: "" }] }
+      );
       return;
     }
     const chosenOp = next.op ?? (op2 || (next.field ? CONDITION_OPS[0].op : ""));
@@ -8195,8 +8270,13 @@ function ConditionRow({ lead, expr, fields, onChange, emptyLabel = "always", cla
       onChange(null);
       return;
     }
+    const target = fields.find((f) => f.id === chosenField);
+    if (target?.via) {
+      onChange(linkedNode(target.via.id, target.via.fieldId, chosenOp === "ne" ? "ne" : "eq", chosenValue));
+      return;
+    }
     onChange(
-      chosenOp === "present" ? { op: "present", args: [{ field: chosenField }] } : { op: chosenOp, args: [{ field: chosenField }, { const: chosenValue }] }
+      VALUELESS_OPS.has(chosenOp) ? { op: chosenOp, args: [{ field: chosenField }] } : { op: chosenOp, args: [{ field: chosenField }, { const: chosenValue }] }
     );
   }
   return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: className ?? "flex flex-wrap items-center gap-1 text-xs", children: [
@@ -8229,7 +8309,7 @@ function ConditionRow({ lead, expr, fields, onChange, emptyLabel = "always", cla
           className: "h-8 w-auto min-w-[6rem] text-xs",
           value: op2,
           onChange: (next) => write({ op: next }),
-          options: [...CONDITION_OPS, ...extraTerms].map((c) => ({ value: c.op, label: c.label })),
+          options: [...baseTerms, ...extraTerms].map((c) => ({ value: c.op, label: c.label })),
           attrs: { "data-condition": "comparison" }
         }
       ),
@@ -8243,7 +8323,7 @@ function ConditionRow({ lead, expr, fields, onChange, emptyLabel = "always", cla
           value: String(relative.days ?? 7),
           onChange: (e) => write({ days: Math.max(0, Math.floor(Number(e.target.value) || 0)) })
         }
-      ) : null : reader || op2 === "present" ? null : pointsAtARecord(chosen) ? (
+      ) : null : reader || VALUELESS_OPS.has(op2) ? null : pointsAtARecord(chosen) ? (
         // A RECORD IS PICKED BY ITS WORDS, NEVER TYPED AS AN ID. The same picker the
         // cell uses, on the same `relation_words_many` the cell reads, so a filter and
         // the column it filters can never disagree about what a record is called. It
@@ -8261,7 +8341,7 @@ function ConditionRow({ lead, expr, fields, onChange, emptyLabel = "always", cla
             allowCreate: false
           }
         )
-      ) : isChoiceColumn(chosen) && (op2 === "eq" || op2 === "ne") ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(ChoiceValue, { field: chosen.field, value: String(value ?? ""), onChange: (word) => write({ value: word }) }) : /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+      ) : isChoiceColumn(chosen) && (op2 === "eq" || op2 === "ne" || op2 === "contains" || op2 === "not_contains") ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(ChoiceValue, { field: chosen.field, value: String(value ?? ""), onChange: (word) => write({ value: word }) }) : /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
         import_design_system28.BasicInput,
         {
           className: "h-8 w-28 text-xs",
@@ -20700,6 +20780,8 @@ function columnForField(field2, editing, mayWriteRow, whyNotRow, look, onAskWhoC
       ] }) : name
     ),
     label: name,
+    // The field's own description, one hover away on every header (not only the type mark's glyph).
+    ...fieldHelpText(field2) ? { helpText: fieldHelpText(field2) } : {},
     accessorFn: (row) => row.document?.[field2.key],
     // A column the store keeps no value for is not offered a sort it would refuse (`sortRefusal`).
     sortable: sortRefusal(field2) === null,
@@ -21853,9 +21935,9 @@ var import_records43 = require("@ai-matrx/records");
 
 // src/importRuleCheck.ts
 var import_core13 = require("@ai-matrx/records/core");
-function checkImportRules(fields, rows, mapping, choiceOptions, relationNames) {
+function refusedCellsOf(fields, rows, mapping, choiceOptions, relationNames) {
   const byKey = new Map(fields.map((f) => [f.key, f]));
-  const verdicts = [];
+  const cells = [];
   for (const [header, key] of Object.entries(mapping)) {
     const field2 = byKey.get(key);
     if (!field2) continue;
@@ -21865,9 +21947,8 @@ function checkImportRules(fields, rows, mapping, choiceOptions, relationNames) {
     if (isChoice && !options) continue;
     const named = relationNames?.get(key);
     if (kind2 === "relation" && !named) continue;
-    let refused = 0;
     let judged = 0;
-    let first = null;
+    const mine = [];
     rows.forEach((row, i) => {
       const raw = String(row[header] ?? "").trim();
       if (raw === "") return;
@@ -21883,17 +21964,20 @@ function checkImportRules(fields, rows, mapping, choiceOptions, relationNames) {
         );
         if (predicted.length > 0) why = predicted[0].message;
       }
-      if (why !== null) {
-        refused += 1;
-        if (!first) first = { why, line: i + 1, raw };
-      }
+      if (why !== null) mine.push({ header, line: i + 1, raw, why });
     });
-    if (refused > 0 && first) {
-      const f = first;
-      verdicts.push({ header, field: field2, refused, judged, firstWhy: f.why, firstLine: f.line, firstRaw: f.raw });
-    }
+    for (const c of mine) cells.push({ ...c, judged, field: field2 });
+  }
+  return cells;
+}
+function checkImportRules(fields, rows, mapping, choiceOptions, relationNames) {
+  const verdicts = /* @__PURE__ */ new Map();
+  for (const c of refusedCellsOf(fields, rows, mapping, choiceOptions, relationNames)) {
+    const have = verdicts.get(c.header);
+    if (have) have.refused += 1;
+    else verdicts.set(c.header, { header: c.header, field: c.field, refused: 1, judged: c.judged, firstWhy: c.why, firstLine: c.line, firstRaw: c.raw });
   }
-  return verdicts;
+  return [...verdicts.values()];
 }
 
 // src/ImportWizard.tsx
@@ -22305,7 +22389,7 @@ function ImportWizard({ tableId, source, onDone, onWrote, autoRun, className })
     },
     [client, openRun]
   );
-  const declared2 = fields.data ?? [];
+  const declared2 = (0, import_react122.useMemo)(() => fields.data ?? [], [fields.data]);
   const titleKey = table.data?.title_field ?? null;
   const titleHeader = titleFrom ?? (titleKey ? Object.entries(mapping).find(([h, key]) => key === titleKey && h !== TITLE_COPY)?.[0] ?? null : null);
   const distinctRows = (0, import_react122.useMemo)(() => {
@@ -22599,6 +22683,12 @@ function ImportWizard({ tableId, source, onDone, onWrote, autoRun, className })
     () => exactDuplicateRows(effectiveRows, (plan?.columns ?? []).map((c) => c.header).filter((h) => !leftOut.has(h))),
     [effectiveRows, plan, leftOut]
   );
+  const [goAheadAnyway, setGoAheadAnyway] = (0, import_react122.useState)(false);
+  const refusedCells = (0, import_react122.useMemo)(
+    () => goAheadAnyway ? refusedCellsOf(declared2, effectiveRows, mapping, choiceIndex, relationIndex) : [],
+    [goAheadAnyway, declared2, effectiveRows, mapping, choiceIndex, relationIndex]
+  );
+  const [keptAside, setKeptAside] = (0, import_react122.useState)([]);
   const rowsToSend = (0, import_react122.useCallback)(
     (index) => {
       const repeated = new Set(skipRepeats ? repeats.map((r) => r.row) : []);
@@ -22608,6 +22698,7 @@ function ImportWizard({ tableId, source, onDone, onWrote, autoRun, className })
         if (repeated.has(at)) return;
         const out = {};
         for (const [header, value] of Object.entries(row)) if (!leftOut.has(header)) out[header] = value;
+        for (const c of refusedCells) if (c.line === at + 1 && c.header in out) out[c.header] = "";
         if (titleFrom) out[TITLE_COPY] = String(row[titleFrom] ?? "").trim();
         for (const { header, field: field2 } of mappedRelations) {
           const named = index.get(field2.key);
@@ -22637,7 +22728,7 @@ function ImportWizard({ tableId, source, onDone, onWrote, autoRun, className })
       return { rows: sent, lines };
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps -- choiceFor reads unlinkedChoice
-    [effectiveRows, combined, titleFrom, leftOut, mappedRelations, unlinkedChoice, dateAsks, dateMiss, repeats, skipRepeats]
+    [effectiveRows, combined, titleFrom, leftOut, mappedRelations, unlinkedChoice, dateAsks, dateMiss, repeats, skipRepeats, refusedCells]
   );
   const run = (0, import_react122.useCallback)(async () => {
     if (!plan) return;
@@ -22705,6 +22796,7 @@ function ImportWizard({ tableId, source, onDone, onWrote, autoRun, className })
       index = reread;
     }
     const { rows: sendRows, lines: sendLines } = rowsToSend(index);
+    setKeptAside(refusedCells.map(({ header, line, raw, why }) => ({ header, line, raw, why })));
     setSentLines(sendLines);
     setRepeatsSkipped(effectiveRows.length - sendRows.length);
     let sendMapping = mapping;
@@ -22838,7 +22930,7 @@ function ImportWizard({ tableId, source, onDone, onWrote, autoRun, className })
     setPhase("done");
     onWrote?.(finished.data.rows_written);
     void loadRuns();
-  }, [newColumns, makesColumns, kindChoice, guessedKind, addChoiceWords, client, dedupeKey, effectiveRows, fileBytes, fileHash, fileName, format, leftOut, loadRuns, mappedRelations, mapping, newChoiceWords, nudge, onDuplicate, onWrote, plan, readRelationNames, relationAsks, relationIndex, rights.admin, rowsToSend, tableId, unmapped, unlinkedChoice]);
+  }, [newColumns, makesColumns, kindChoice, guessedKind, addChoiceWords, client, dedupeKey, effectiveRows, fileBytes, fileHash, fileName, format, leftOut, loadRuns, mappedRelations, mapping, newChoiceWords, nudge, onDuplicate, onWrote, plan, readRelationNames, refusedCells, relationAsks, relationIndex, rights.admin, rowsToSend, tableId, unmapped, unlinkedChoice]);
   const counts = (0, import_react122.useMemo)(() => {
     let landed = 0;
     let duplicate = 0;
@@ -22867,8 +22959,8 @@ function ImportWizard({ tableId, source, onDone, onWrote, autoRun, className })
   );
   const ruleVerdictOf = (0, import_react122.useMemo)(() => new Map(ruleVerdicts.map((v) => [v.header, v])), [ruleVerdicts]);
   const refusedByRules = ruleVerdicts.reduce((n, v) => n + v.refused, 0);
-  const [goAheadAnyway, setGoAheadAnyway] = (0, import_react122.useState)(false);
-  (0, import_react122.useEffect)(() => setGoAheadAnyway(false), [ruleVerdicts]);
+  const verdictKey = ruleVerdicts.map((v) => `${v.header}:${v.refused}/${v.judged}`).join("|");
+  (0, import_react122.useEffect)(() => setGoAheadAnyway(false), [verdictKey]);
   const [autoRan, setAutoRan] = (0, import_react122.useState)(false);
   (0, import_react122.useEffect)(() => {
     if (!autoRun || autoRan || !source || phase !== "ready" || !plan) return;
@@ -23458,6 +23550,23 @@ function ImportWizard({ tableId, source, onDone, onWrote, autoRun, className })
           ] })
         }
       ) }) : null,
+      afterWrite && keptAside.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { "data-import-kept-aside": "", className: "flex flex-col gap-0.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("p", { children: [
+          keptAside.length,
+          " cell",
+          keptAside.length === 1 ? " was" : "s were",
+          " kept aside and left empty; every other value in those rows was written."
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("ul", { className: "flex flex-col gap-0.5 text-muted-foreground", children: keptAside.map((c) => /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("li", { children: [
+          c.header,
+          ", ",
+          source ? `row ${c.line}` : `line ${lineInYourFile(c.line)}`,
+          ": ",
+          c.raw,
+          " \u2014 ",
+          c.why
+        ] }, `${c.header}:${c.line}`)) })
+      ] }) : null,
       repeatsSkipped > 0 ? /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("p", { className: "text-muted-foreground", "data-import-repeats-skipped": "", children: [
         repeatsSkipped,
         " repeated row",
@@ -39885,6 +39994,9 @@ function settingsToCopy(source, target) {
   const same3 = source.layout === target.layout;
   return {
     where: source.where ?? null,
+    // The flat filter map a view may carry instead of (or beside) `where`: every stored filter shape travels.
+    filters: source.filters ?? null,
+    // saveViewPatch sends null to the door, which clears it
     sorts: source.sorts ?? [],
     groupField: source.groupField ?? null,
     presentation: look,
@@ -39919,7 +40031,7 @@ function SortableRow({ id, disabled, children }) {
     }
   );
 }
-function ViewBar({ tableId, activeViewId, onActiveView, seed, settings, onViews, initialViews, className }) {
+function ViewBar({ tableId, activeViewId, onActiveView, seed, settings, onViews, onSettingsCopied, initialViews, className }) {
   const client = (0, import_react233.useRecordsClient)();
   const claimSeed = useSeedGuard();
   const table = (0, import_react234.useTable)(tableId);
@@ -40092,6 +40204,7 @@ function ViewBar({ tableId, activeViewId, onActiveView, seed, settings, onViews,
       return;
     }
     setCopying(false);
+    onSettingsCopied?.(into.id);
     await load();
     notify?.success(`Copied settings from \u201C${source.name}\u201D`);
   }
@@ -53095,10 +53208,39 @@ function ViewFilter({ tableId, view, onApply, className }) {
   (0, import_react310.useEffect)(() => {
     setDraft(saved);
   }, [view?.id, savedKey]);
-  const conditionFields = (0, import_react310.useMemo)(
-    () => (fields.data ?? []).map((f) => ({ id: f.id, key: f.key, label: f.label || f.key, field: f })),
+  const client = (0, import_react311.useOptionalRecordsClient)();
+  const relations = (0, import_react310.useMemo)(
+    () => (fields.data ?? []).filter((f) => f.type === "relation" && !!f.relation_target),
     [fields.data]
   );
+  const [linkedFields, setLinkedFields] = (0, import_react310.useState)({});
+  (0, import_react310.useEffect)(() => {
+    if (!open || !client) return;
+    let cancelled = false;
+    for (const rel of relations) {
+      const target = String(rel.relation_target);
+      void client.fields({ table_id: target }).then((got) => {
+        if (cancelled || !got.ok) return;
+        setLinkedFields((now) => ({ ...now, [rel.id]: got.data ?? [] }));
+      });
+    }
+    return () => {
+      cancelled = true;
+    };
+  }, [open, client, relations]);
+  const conditionFields = (0, import_react310.useMemo)(() => {
+    const own3 = (fields.data ?? []).map((f) => ({ id: f.id, key: f.key, label: f.label || f.key, field: f }));
+    const reached = relations.flatMap(
+      (rel) => (linkedFields[rel.id] ?? []).filter((inner2) => inner2.type !== "relation").map((inner2) => ({
+        id: `${rel.id}>${inner2.id}`,
+        key: `${rel.key}.${inner2.key}`,
+        label: `${rel.label || rel.key} \u203A ${inner2.label || inner2.key}`,
+        field: inner2,
+        via: { id: rel.id, fieldId: inner2.id }
+      }))
+    );
+    return [...own3, ...reached];
+  }, [fields.data, relations, linkedFields]);
   if (!view) return null;
   const count = conditionCount(saved);
   const changed2 = JSON.stringify(draft) !== savedKey;
@@ -54534,6 +54676,14 @@ function TablePage({
                     }
                   },
                   onViews: setViews,
+                  onSettingsCopied: (copiedId) => {
+                    setAddressResetEpoch((n) => n + 1);
+                    setLooks((all) => {
+                      const { [copiedId]: _gone, ...rest } = all ?? {};
+                      return rest;
+                    });
+                    void keepLook(client, tableId, copiedId, null);
+                  },
                   ...seededViews && viewsEpoch === 0 ? { initialViews: seededViews } : {},
                   seed: seedViews ?? [defaultView(tableId)],
                   settings: view && main === "records" && shownLayout === "grid" ? /* @__PURE__ */ (0, import_jsx_runtime178.jsxs)("div", { className: "flex flex-col gap-0.5 px-1 py-1", role: "radiogroup", "aria-label": FOOTER_WORDS.label, children: [