@ai-matrx/records-ui 0.41.0 → 0.42.0

package/dist/index.js

@@ -5308,7 +5308,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 +5325,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 +5347,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 +5355,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 +5369,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,