@proveanything/smartlinks-utils-ui 0.11.8 → 0.11.9

package/dist/components/RecordsAdmin/index.js

@@ -2938,9 +2938,10 @@ function useEditorBridge(args) {
     if (isEqualSpec(target, lastTargetRef.current)) return;
     lastTargetRef.current = target;
     const isCreate = !!target.createMode;
+    const prefersExplicitInitialData = !target?.createMode && !target?.recordId && target?.initialData !== void 0;
     const id = selection.selectTarget({
       spec: target,
-      seed: isCreate || resolved.source === "empty" ? void 0 : {
+      seed: isCreate || prefersExplicitInitialData || resolved.source === "empty" ? void 0 : {
         value: resolved.data ?? (defaultData?.() ?? null),
         facetRule: resolved.facetRule ?? null,
         source: resolved.source,
@@ -2956,6 +2957,7 @@ function useEditorBridge(args) {
     if (!id) return;
     if (resolved.source === "empty" && !resolved.recordId) return;
     if (target?.createMode) return;
+    if (!target?.recordId && target?.initialData !== void 0) return;
     selection.hydrate(id, resolved);
   }, [resolved.source, resolved.recordId, resolved.sourceRef, resolved.data, resolved.facetRule, target?.createMode]);
   const editorId = selection.currentEditorId ?? editorIdRef.current;
@@ -3036,6 +3038,7 @@ function useShellEditorTarget(args) {
     ruleWizardStep,
     ruleWizardDraftKey,
     ruleWizardInitialData,
+    explicitSingletonInitialData,
     ruleWizardRule,
     resolved,
     defaultData,
@@ -3049,7 +3052,8 @@ function useShellEditorTarget(args) {
     const label = deriveDraftLabel ? deriveDraftLabel(resolved.data, editingTargetScope) : void 0;
     const rawScope = editingTargetScope.raw ?? "";
     const isDraftScope = rawScope.includes("__draft__") || rawScope.includes("item:draft:");
-    const draftKey = isDraftScope ? isCollection && selectedItemId && isDraftId2(selectedItemId) ? `item:${selectedItemId}` : ruleWizardDraftKey ?? `${activeScope}:${draftKind ?? "wizard"}` : void 0;
+    const explicitSingletonDraft = !isCollection && activeScope === "product" && draftKind !== null;
+    const draftKey = isDraftScope ? isCollection && selectedItemId && isDraftId2(selectedItemId) ? `item:${selectedItemId}` : ruleWizardDraftKey ?? `${activeScope}:${draftKind ?? "wizard"}` : explicitSingletonDraft ? `singleton:${editingTargetScope.raw}:${draftKind}` : void 0;
     const itemDraftCreate = isCollection && !!selectedItemId && isDraftId2(selectedItemId);
     const createMode = itemDraftCreate || isDraftScope || isCollection && !!selectedItemId && !resolved.recordId;
     return {
@@ -3058,7 +3062,7 @@ function useShellEditorTarget(args) {
       // otherwise the store's findExistingEditorIdFor would match the rule's
       // editor, focus it instead of minting a new draft, and the next save
       // would update the rule record in place.
-      recordId: createMode ? void 0 : resolved.recordId,
+      recordId: createMode || explicitSingletonDraft ? void 0 : resolved.recordId,
       createMode,
       // We deliberately do NOT propagate `editingTargetScope.raw` (e.g.
       // `rule:<ulid>`) into `spec.ref`. `record.ref` is a host-owned
@@ -3072,7 +3076,7 @@ function useShellEditorTarget(args) {
       label,
       draftKey,
       isDraftScope,
-      initialData: createMode ? ruleWizardInitialData : void 0
+      initialData: createMode ? ruleWizardInitialData : explicitSingletonInitialData ?? void 0
     };
   }, [
     editingTargetScope?.raw,
@@ -3086,6 +3090,7 @@ function useShellEditorTarget(args) {
     ruleWizardStep,
     ruleWizardDraftKey,
     ruleWizardInitialData,
+    explicitSingletonInitialData,
     ruleWizardRule
   ]);
   const editorCtx = useEditorBridge({
@@ -6658,18 +6663,12 @@ function NewRuleWizard({
   onCancel,
   onNext,
   onBack,
-  canChooseSeed = false,
-  seedMode = null,
-  onSeedModeChange,
-  pasteSourceLabel,
   facets,
   children,
-  itemNoun = "record",
-  seedPromptMode = "inline"
+  itemNoun = "record"
 }) {
   const preview = useRulePreview({ SL, collectionId, appId, rule });
   const canProceed = isFacetRuleValid(rule);
-  const showSeedPicker = (canChooseSeed || pasteSourceLabel) && seedPromptMode === "inline";
   if (step === 1) {
     return /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col overflow-hidden", children: [
       /* @__PURE__ */ jsx(
@@ -6682,68 +6681,17 @@ function NewRuleWizard({
           onCancel
         }
       ),
-      /* @__PURE__ */ jsxs("div", { className: "flex-1 min-h-0 overflow-auto px-5 py-4", children: [
-        /* @__PURE__ */ jsx(
-          FacetRuleEditor,
-          {
-            value: rule,
-            onChange: onRuleChange,
-            facets,
-            collectionId,
-            preview,
-            description: "The new rule will apply to every product whose facets match every clause below."
-          }
-        ),
-        showSeedPicker && /* @__PURE__ */ jsxs(
-          "div",
-          {
-            className: "mt-4 rounded-lg border p-3",
-            style: {
-              borderColor: "hsl(var(--ra-border))",
-              background: "hsl(var(--ra-surface))"
-            },
-            children: [
-              /* @__PURE__ */ jsxs("div", { className: "mb-2", children: [
-                /* @__PURE__ */ jsx("div", { className: "text-sm font-semibold", style: { color: "hsl(var(--ra-text))" }, children: "Start from" }),
-                /* @__PURE__ */ jsx("div", { className: "text-xs", style: { color: "hsl(var(--ra-muted-text))" }, children: "Choose whether the new rule starts empty, copies the current global record, or pastes from your clipboard." })
-              ] }),
-              /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2", children: [
-                /* @__PURE__ */ jsx(
-                  "button",
-                  {
-                    type: "button",
-                    className: "ra-btn",
-                    "data-variant": seedMode === "blank" || seedMode == null ? "primary" : "ghost",
-                    onClick: () => onSeedModeChange?.("blank"),
-                    children: "Start blank"
-                  }
-                ),
-                canChooseSeed && /* @__PURE__ */ jsx(
-                  "button",
-                  {
-                    type: "button",
-                    className: "ra-btn",
-                    "data-variant": seedMode === "global" ? "primary" : "ghost",
-                    onClick: () => onSeedModeChange?.("global"),
-                    children: "Copy from global"
-                  }
-                ),
-                pasteSourceLabel && /* @__PURE__ */ jsx(
-                  "button",
-                  {
-                    type: "button",
-                    className: "ra-btn",
-                    "data-variant": seedMode === "paste" ? "primary" : "ghost",
-                    onClick: () => onSeedModeChange?.("paste"),
-                    title: `Paste from ${pasteSourceLabel}`,
-                    children: "Paste from clipboard"
-                  }
-                )
-              ] })
-            ]
-          }
-        )
-      ] }),
+      /* @__PURE__ */ jsx("div", { className: "flex-1 min-h-0 overflow-auto px-5 py-4", children: /* @__PURE__ */ jsx(
+        FacetRuleEditor,
+        {
+          value: rule,
+          onChange: onRuleChange,
+          facets,
+          collectionId,
+          preview,
+          description: "The new rule will apply to every product whose facets match every clause below."
+        }
+      ) }),
       /* @__PURE__ */ jsx(
         WizardFooter,
         {
@@ -6899,6 +6847,78 @@ function WizardFooter({
     }
   );
 }
+function CreateRecordChooser({
+  title,
+  body,
+  primaryLabel,
+  onPrimary,
+  secondaryLabel,
+  onSecondary,
+  tertiaryLabel,
+  onTertiary
+}) {
+  return /* @__PURE__ */ jsx("div", { className: "h-full flex items-center justify-center px-6 py-10", children: /* @__PURE__ */ jsxs("div", { className: "max-w-xl w-full text-center space-y-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx(
+        "h3",
+        {
+          className: "text-base font-semibold m-0",
+          style: { color: "hsl(var(--ra-text))" },
+          children: title
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "p",
+        {
+          className: "text-sm m-0",
+          style: { color: "hsl(var(--ra-muted-text))" },
+          children: body
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-center gap-2", children: [
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: onPrimary,
+          className: "ra-btn",
+          "data-variant": "primary",
+          children: [
+            /* @__PURE__ */ jsx(FilePlus2, { "aria-hidden": "true", className: "w-4 h-4" }),
+            /* @__PURE__ */ jsx("span", { children: primaryLabel })
+          ]
+        }
+      ),
+      secondaryLabel && onSecondary && /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: onSecondary,
+          className: "ra-btn",
+          "data-variant": "ghost",
+          children: [
+            /* @__PURE__ */ jsx(Copy, { "aria-hidden": "true", className: "w-4 h-4" }),
+            /* @__PURE__ */ jsx("span", { children: secondaryLabel })
+          ]
+        }
+      ),
+      tertiaryLabel && onTertiary && /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: onTertiary,
+          className: "ra-btn",
+          "data-variant": "ghost",
+          children: [
+            /* @__PURE__ */ jsx(Copy, { "aria-hidden": "true", className: "w-4 h-4" }),
+            /* @__PURE__ */ jsx("span", { children: tertiaryLabel })
+          ]
+        }
+      )
+    ] })
+  ] }) });
+}
 var RuleGroupEditDialog = ({
   open,
   ctx,
@@ -8267,6 +8287,33 @@ function RecordsAdminShellInner(props) {
     }
     return void 0;
   }, [ruleWizardSeedMode, globalSourceRecord, directGlobalSeedData, resolvedGlobalSeed.data, onCopyOverride, defaultData, wizardClipboard.entry]);
+  const explicitSingletonInitialData = useMemo(() => {
+    if (isCollection || activeScope !== "product" || selectedRecordId !== DRAFT_ID3) return void 0;
+    if (draftKind === "global") {
+      const globalSeedSource = globalSourceRecord?.data ?? directGlobalSeedData ?? resolvedGlobalSeed.data;
+      if (!globalSeedSource) return defaultData?.();
+      const globalSeedScope = globalSourceRecord?.scope ?? parseRef("");
+      if (onCopyOverride) {
+        return onCopyOverride({ value: globalSeedSource, scope: globalSeedScope });
+      }
+      try {
+        return structuredClone(globalSeedSource);
+      } catch {
+        return JSON.parse(JSON.stringify(globalSeedSource));
+      }
+    }
+    return defaultData?.() ?? {};
+  }, [
+    isCollection,
+    activeScope,
+    selectedRecordId,
+    draftKind,
+    globalSourceRecord,
+    directGlobalSeedData,
+    resolvedGlobalSeed.data,
+    onCopyOverride,
+    defaultData
+  ]);
   const refetchAll = useCallback(async () => {
     await Promise.all([
       recordList.refetch(),
@@ -8285,6 +8332,7 @@ function RecordsAdminShellInner(props) {
     ruleWizardStep,
     ruleWizardDraftKey,
     ruleWizardInitialData,
+    explicitSingletonInitialData,
     ruleWizardRule,
     resolved: {
       data: resolved.data,
@@ -8467,7 +8515,7 @@ function RecordsAdminShellInner(props) {
     onLeftSelectRef,
     onCreateItemDraftRef,
     onCreateRuleFromClipboardRef,
-    isRuleTab: activeScope === "rule"
+    isRuleTab: activeScope === "rule" || activeScope === "collection"
   });
   const editorClipboard = shellClipboard.editorClipboard;
   const rowClipboard = shellClipboard.rowClipboard;
@@ -8837,7 +8885,7 @@ function RecordsAdminShellInner(props) {
       setSelectedRecordId(null);
       setSelectedItemId(null);
       setDraftKind("rule");
-      setRuleWizardSeedMode(seed ?? "blank");
+      setRuleWizardSeedMode(seed ?? null);
       setRuleWizardDraftKey(null);
       setRuleWizardRule({ all: [] });
       setRuleWizardStep(1);
@@ -8857,19 +8905,20 @@ function RecordsAdminShellInner(props) {
       setRuleWizardStep(2);
     } else {
       setRuleWizardStep(2);
-      if (ruleWizardSeedMode == null) {
-        setRuleWizardSeedMode(singletonGlobalSeedAvailable ? "global" : "blank");
-      }
-      setRuleWizardDraftKey(mintRuleWizardDraftKey());
-      setSelectedRecordId(DRAFT_ID3);
     }
-  }, [cardinality, mintRuleWizardDraftKey, ruleWizardSeedMode, singletonGlobalSeedAvailable, setRuleWizardSeedMode]);
+  }, [cardinality]);
+  const startRuleWizardDraft = useCallback((seed) => {
+    setRuleWizardSeedMode(seed);
+    setRuleWizardDraftKey(mintRuleWizardDraftKey());
+    setSelectedRecordId(DRAFT_ID3);
+  }, [mintRuleWizardDraftKey]);
   const onRuleWizardBack = useCallback(() => {
     setRuleWizardStep(1);
     setRuleWizardDraftKey(null);
+    setRuleWizardSeedMode(null);
     setSelectedRecordId(null);
     setSelectedItemId(null);
-  }, [setRuleWizardDraftKey]);
+  }, [setRuleWizardDraftKey, setRuleWizardSeedMode]);
   const onRuleWizardCreateItem = useCallback(() => {
     if (!isCollection) return;
     const id = coerceDraftItemId2(generateItemId);
@@ -8887,6 +8936,13 @@ function RecordsAdminShellInner(props) {
       setDraftKind("global");
     });
   }, [runWithGuard, activeScope]);
+  const onCreateProductRecord = useCallback((seed) => {
+    void runWithGuard(() => {
+      if (activeScope !== "product") setActiveScope("product");
+      setSelectedRecordId(DRAFT_ID3);
+      setDraftKind(seed === "global" ? "global" : "item");
+    });
+  }, [runWithGuard, activeScope]);
   const filteredRuleItems = useMemo(
     () => isRuleTab ? applyRuleFilters(recordList.items, ruleFilters) : recordList.items,
     [isRuleTab, recordList.items, ruleFilters]
@@ -9473,72 +9529,23 @@ function RecordsAdminShellInner(props) {
                     onCancel: onCancelRuleWizard,
                     onNext: onRuleWizardNext,
                     onBack: onRuleWizardBack,
-                    canChooseSeed: !isCollection && singletonGlobalSeedAvailable,
-                    seedMode: ruleWizardSeedMode,
-                    onSeedModeChange: setRuleWizardSeedMode,
-                    pasteSourceLabel: wizardClipboard.entry?.sourceLabel ?? (wizardClipboard.entry ? "clipboard" : void 0),
                     facets: ruleWizardFacets,
                     itemNoun,
-                    seedPromptMode: !isCollection ? "after-next" : "inline",
                     children: [
-                      ruleWizardStep === 2 && !isCollection && /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col overflow-hidden", children: [
-                        /* @__PURE__ */ jsxs(
-                          "div",
-                          {
-                            className: "border-b px-5 py-3",
-                            style: { borderColor: "hsl(var(--ra-border))", background: "hsl(var(--ra-surface))" },
-                            children: [
-                              /* @__PURE__ */ jsxs("div", { className: "mb-2", children: [
-                                /* @__PURE__ */ jsx("div", { className: "text-sm font-semibold", style: { color: "hsl(var(--ra-text))" }, children: "Start from" }),
-                                /* @__PURE__ */ jsx("div", { className: "text-xs", style: { color: "hsl(var(--ra-muted-text))" }, children: "Choose whether the new rule starts empty, copies the current global record, or pastes from your clipboard." })
-                              ] }),
-                              /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2", children: [
-                                /* @__PURE__ */ jsx(
-                                  "button",
-                                  {
-                                    type: "button",
-                                    className: "ra-btn",
-                                    "data-variant": ruleWizardSeedMode === "blank" || ruleWizardSeedMode == null ? "primary" : "ghost",
-                                    onClick: () => {
-                                      setRuleWizardSeedMode("blank");
-                                      setRuleWizardDraftKey(mintRuleWizardDraftKey());
-                                    },
-                                    children: "Start blank"
-                                  }
-                                ),
-                                singletonGlobalSeedAvailable && /* @__PURE__ */ jsx(
-                                  "button",
-                                  {
-                                    type: "button",
-                                    className: "ra-btn",
-                                    "data-variant": ruleWizardSeedMode === "global" ? "primary" : "ghost",
-                                    onClick: () => {
-                                      setRuleWizardSeedMode("global");
-                                      setRuleWizardDraftKey(mintRuleWizardDraftKey());
-                                    },
-                                    children: "Copy from global"
-                                  }
-                                ),
-                                wizardClipboard.entry && /* @__PURE__ */ jsx(
-                                  "button",
-                                  {
-                                    type: "button",
-                                    className: "ra-btn",
-                                    "data-variant": ruleWizardSeedMode === "paste" ? "primary" : "ghost",
-                                    onClick: () => {
-                                      setRuleWizardSeedMode("paste");
-                                      setRuleWizardDraftKey(mintRuleWizardDraftKey());
-                                    },
-                                    title: wizardClipboard.entry.sourceLabel ? `Paste from ${wizardClipboard.entry.sourceLabel}` : "Paste from clipboard",
-                                    children: "Paste from clipboard"
-                                  }
-                                )
-                              ] })
-                            ]
-                          }
-                        ),
-                        /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1 overflow-hidden", children: editingTargetScope && renderEditorWithPreview() })
-                      ] }),
+                      ruleWizardStep === 2 && !isCollection && !editingTargetScope && /* @__PURE__ */ jsx(
+                        CreateRecordChooser,
+                        {
+                          title: `Create your first ${itemNoun} for this rule`,
+                          body: `The rule is set. Now choose how to create the first ${itemNoun} that should apply to every matching product.`,
+                          primaryLabel: "Start blank",
+                          onPrimary: () => startRuleWizardDraft("blank"),
+                          secondaryLabel: singletonGlobalSeedAvailable ? "Copy from global" : void 0,
+                          onSecondary: singletonGlobalSeedAvailable ? () => startRuleWizardDraft("global") : void 0,
+                          tertiaryLabel: wizardClipboard.entry ? "Paste from clipboard" : void 0,
+                          onTertiary: wizardClipboard.entry ? () => startRuleWizardDraft("paste") : void 0
+                        }
+                      ),
+                      ruleWizardStep === 2 && !isCollection && !!editingTargetScope && renderEditorWithPreview(),
                       ruleWizardStep === 2 && isCollection && !selectedItemId && /* @__PURE__ */ jsx("div", { className: "h-full flex items-center justify-center px-6 py-10", children: /* @__PURE__ */ jsxs("div", { className: "max-w-sm text-center space-y-3", children: [
                         /* @__PURE__ */ jsxs(
                           "h3",
@@ -9653,6 +9660,17 @@ function RecordsAdminShellInner(props) {
                     )
                   }
                 ),
+                ruleWizardStep === null && isProductTab && selectedProductId && !isCollection && editingTargetScope && resolved.source === "empty" && selectedRecordId === null ? /* @__PURE__ */ jsx(
+                  CreateRecordChooser,
+                  {
+                    title: "No record set for this product",
+                    body: `Choose whether to create a fresh ${itemNoun} for this product or start from the global default.`,
+                    primaryLabel: "Start blank",
+                    onPrimary: () => onCreateProductRecord("blank"),
+                    secondaryLabel: singletonGlobalSeedAvailable ? "Copy from global" : void 0,
+                    onSecondary: singletonGlobalSeedAvailable ? () => onCreateProductRecord("global") : void 0
+                  }
+                ) : null,
                 ruleWizardStep === null && !isProductTab && editingTargetScope && (!isCollection || selectedItemId) && renderEditorWithPreview()
               ] })
             ]