@ai-matrx/records-ui 0.41.0 → 0.43.0

package/dist/index.js

@@ -4898,6 +4898,27 @@ import {
 } from "@ai-matrx/records/react";
 import { Button as Button15, Skeleton as Skeleton5, cn as cn17 } from "@ai-matrx/design-system";
 import { jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
+var UNPLACED = "\0unplaced";
+function stageOfCard(row, stageKey, stages) {
+  const document2 = row.document ?? {};
+  const choices = document2["_choices"];
+  if (choices && typeof choices === "object") {
+    const chosen = choices[stageKey];
+    if (chosen && typeof chosen === "object") {
+      const key = chosen["key"];
+      if (typeof key === "string" && key !== "") {
+        return stages.some((s) => s.key === key) ? key : null;
+      }
+    }
+  }
+  const raw = document2[stageKey];
+  if (raw === null || raw === void 0 || raw === "") return null;
+  const said = String(raw).trim();
+  const byKey = stages.find((s) => s.key === said);
+  if (byKey) return byKey.key;
+  const byLabel = stages.find((s) => s.label.toLowerCase() === said.toLowerCase());
+  return byLabel ? byLabel.key : null;
+}
 function PipelineBoard({
   tableId,
   rows,
@@ -4947,12 +4968,12 @@ function PipelineBoard({
     const map = /* @__PURE__ */ new Map();
     if (!stageKey) return map;
     for (const row of rows) {
-      const raw = (row.document ?? {})[stageKey];
-      const key = raw === null || raw === void 0 || raw === "" ? "" : String(raw);
-      map.set(key, [...map.get(key) ?? [], row]);
+      const key = stageOfCard(row, stageKey, definition?.stages ?? []);
+      map.set(key ?? UNPLACED, [...map.get(key ?? UNPLACED) ?? [], row]);
     }
     return map;
-  }, [rows, stageKey]);
+  }, [rows, stageKey, definition?.stages]);
+  const unplaced = cardsByStage.get(UNPLACED) ?? [];
   const all = fields.data ?? [];
   const titleField = useMemo14(
     () => all.find((f) => f.key !== stageKey) ?? all[0],
@@ -5099,7 +5120,14 @@ function PipelineBoard({
         },
         stage.key
       );
-    }) })
+    }) }),
+    unplaced.length > 0 ? /* @__PURE__ */ jsxs17("p", { className: "text-xs text-muted-foreground", "data-testid": "pipeline-unplaced", children: [
+      unplaced.length === 1 ? "One record is" : `${unplaced.length} records are`,
+      " not in any of these columns \u2014 ",
+      unplaced.slice(0, 3).map((r) => rowName(r, titleField?.key ?? null, "Untitled")).join(", "),
+      unplaced.length > 3 ? ` and ${unplaced.length - 3} more` : "",
+      ". Their stage is not one this pipeline offers, so nothing here can draw them; open one from the grid to move it."
+    ] }) : null
   ] });
 }
 function formatTotal(total) {
@@ -5308,7 +5336,7 @@ function offerableFields(all, want) {
     return kind === "datetime" || kind === "date";
   });
 }
-function useIsPipeline(tableId, groupField) {
+function useStageField(tableId) {
   const client = useRecordsClient13();
   const [stage, setStage] = useState19({
     asked: false,
@@ -5325,8 +5353,17 @@ function useIsPipeline(tableId, groupField) {
       cancelled = true;
     };
   }, [client, tableId]);
-  if (!stage.asked) return null;
-  return stage.key != null && stage.key === groupField;
+  return stage;
+}
+function boardColumnChoice(fields, chosenKey, stage) {
+  const has = (key) => key != null && fields.some((f) => f.key === key) ? key : null;
+  const chosen = has(chosenKey);
+  if (chosen) {
+    return { groupKey: chosen, isPipeline: stage.asked ? stage.key === chosen : null, stillAsking: false };
+  }
+  if (!stage.asked) return { groupKey: null, isPipeline: null, stillAsking: true };
+  const fromTable = has(stage.key);
+  return { groupKey: fromTable, isPipeline: fromTable != null, stillAsking: false };
 }
 function Board({
   view,
@@ -5338,7 +5375,7 @@ function Board({
 }) {
   const fields = useFields10(view.subject);
   const records = useViewRecords(view, pageSize);
-  const isPipeline = useIsPipeline(view.subject, view.groupField);
+  const stage = useStageField(view.subject);
   if (fields.error) return /* @__PURE__ */ jsx21(RefusalNotice, { error: fields.error });
   if (records.error) return /* @__PURE__ */ jsx21(RefusalNotice, { error: records.error });
   if (fields.loading || records.loading) return /* @__PURE__ */ jsx21(Skeleton6, { className: "h-40 w-full" });
@@ -5346,7 +5383,9 @@ function Board({
   const byKey = (key) => all.find((f) => f.key === key);
   const titleField = byKey(view.groupField) ? all.find((f) => f.key !== view.groupField) ?? all[0] : all[0];
   if (view.layout === "kanban") {
-    const groupField = byKey(view.groupField);
+    const choice = boardColumnChoice(all, view.groupField, stage);
+    const groupField = byKey(choice.groupKey);
+    const isPipeline = choice.isPipeline;
     const picker = /* @__PURE__ */ jsx21(
       FieldPicker,
       {
@@ -5358,6 +5397,7 @@ function Board({
         onPick: (key) => onChange({ groupField: key })
       }
     );
+    if (choice.stillAsking) return /* @__PURE__ */ jsx21(Skeleton6, { className: "h-40 w-full" });
     if (!groupField) return /* @__PURE__ */ jsx21(Needs, { layout: "kanban", picker });
     return /* @__PURE__ */ jsxs18("div", { className: "flex min-h-0 flex-col gap-2", children: [
       picker,