@proveanything/smartlinks-utils-ui 0.11.7 → 0.11.9

package/dist/components/RecordsAdmin/index.js

@@ -7,7 +7,7 @@ import { cn } from '../../chunk-L7FQ52F5.js';
 import { parsedRefToTarget, parsedRefToScope, matchRecords, scopesEqual, getRecordById, listRecords, upsertRecord, updateRecord, createRecord, removeRecord } from '../../chunk-KA4MKRHL.js';
 export { bulkDelete, bulkUpsert, createRecord, getRecordById, listRecords, matchRecords, parsedRefToScope, parsedRefToTarget, removeRecord, restoreRecord, scopesEqual, upsertRecord } from '../../chunk-KA4MKRHL.js';
 import { createContext, useMemo, useState, useEffect, useCallback, useRef, isValidElement, useLayoutEffect, useContext, useSyncExternalStore, createElement } from 'react';
-import { ChevronDown, Database, Lightbulb, SearchX, Inbox, LayoutGrid, Eye, MoreHorizontal, Download, Upload, Trash2, Copy, Pencil, Plus, CircleDashed, ArrowDownLeft, CheckCircle2, List, SlidersHorizontal, Globe, Tag, Boxes, Layers, Package, Target, Rows3, ChevronRight, Eraser, ClipboardPaste, Box, X, Search, Image, Table, ArrowLeft, ChevronLeft, AlertTriangle, Info, HelpCircle, CornerDownLeft, Circle, ArrowUpDown, ArrowUp, ArrowDown, MinusCircle, XCircle, CopyPlus, AlertCircle, Undo2, Save, Loader2, ArrowRight, Globe2, Check, Settings2 } from 'lucide-react';
+import { ChevronDown, Database, Lightbulb, SearchX, Inbox, LayoutGrid, Eye, MoreHorizontal, Download, Upload, Trash2, Copy, Pencil, Plus, CircleDashed, ArrowDownLeft, CheckCircle2, List, SlidersHorizontal, Globe, Tag, Boxes, Layers, Package, Target, Rows3, ChevronRight, Eraser, FilePlus2, ClipboardPaste, Box, X, Search, Image, Table, ArrowLeft, ChevronLeft, AlertTriangle, Info, HelpCircle, CornerDownLeft, Circle, ArrowUpDown, ArrowUp, ArrowDown, MinusCircle, XCircle, CopyPlus, AlertCircle, Undo2, Save, Loader2, ArrowRight, Globe2, Check, Settings2 } from 'lucide-react';
 import { useQuery, useQueryClient, useInfiniteQuery } from '@tanstack/react-query';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { createPortal } from 'react-dom';
@@ -240,6 +240,7 @@ var DEFAULT_I18N = {
   pasteWarnContinue: "Continue",
   duplicateAction: "Duplicate",
   duplicateToast: "Duplicated {name}. Review and Save.",
+  copyAndNewRuleAction: "Copy and start new rule",
   itemsAllLabel: "All items",
   subtitleEmpty: "Not set",
   subtitleConfigured: "Configured",
@@ -1527,7 +1528,9 @@ function useShellClipboard(args) {
     onCopyOverride,
     onPasteOverride,
     onLeftSelectRef,
-    onCreateItemDraftRef
+    onCreateItemDraftRef,
+    onCreateRuleFromClipboardRef,
+    isRuleTab
   } = args;
   const clipboard = useRecordClipboard({
     appId,
@@ -1642,7 +1645,17 @@ function useShellClipboard(args) {
     canCopy: true,
     canPaste: !!clipboard.entry && editorPasteCompat?.status !== "denied",
     pasteSourceLabel: clipboard.entry?.sourceLabel,
-    pasteWillReplace: resolved.source === "self" && !!clipboard.entry
+    pasteWillReplace: resolved.source === "self" && !!clipboard.entry,
+    // Editor-pane sibling of the row menu's "Copy and start new rule".
+    // Only meaningful in singleton mode on the rules tab — for the rule
+    // record being edited OR the global record (so the admin can spin a
+    // new rule off either in one click).
+    onCopyAndNewRule: !isCollection && !!isRuleTab && !!onCreateRuleFromClipboardRef ? () => {
+      copyCurrent();
+      window.setTimeout(() => {
+        onCreateRuleFromClipboardRef?.current?.();
+      }, 0);
+    } : void 0
   } : void 0;
   const [pendingPasteTarget, setPendingPasteTarget] = useState(null);
   useEffect(() => {
@@ -1660,6 +1673,7 @@ function useShellClipboard(args) {
     const summaryHasData = record.data != null;
     const sourceParsed = record.scope;
     const canDuplicate = summaryHasData && isCollection;
+    const canCopyAndNewRule = summaryHasData && !isCollection && !!isRuleTab && !!onCreateRuleFromClipboardRef;
     return {
       onCopy: summaryHasData ? () => {
         const value = onCopyOverride ? onCopyOverride({ value: record.data, scope: sourceParsed }) : cloneValue(record.data);
@@ -1675,6 +1689,19 @@ function useShellClipboard(args) {
           variant: "copy"
         });
       } : void 0,
+      onCopyAndNewRule: canCopyAndNewRule ? () => {
+        const value = onCopyOverride ? onCopyOverride({ value: record.data, scope: sourceParsed }) : cloneValue(record.data);
+        clipboard.set({
+          value,
+          sourceScope: sourceParsed,
+          sourceRecordId: record.id ?? void 0,
+          sourceLabel: record.label
+        });
+        onTelemetry?.({ type: "clipboard.copy", recordType, sourceRef: anchorKey(record.scope) });
+        window.setTimeout(() => {
+          onCreateRuleFromClipboardRef?.current?.();
+        }, 0);
+      } : void 0,
       onDuplicate: canDuplicate ? () => {
         const value = onCopyOverride ? onCopyOverride({ value: record.data, scope: sourceParsed }) : cloneValue(record.data);
         clipboard.set({
@@ -2911,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,
@@ -2929,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;
@@ -3009,6 +3038,7 @@ function useShellEditorTarget(args) {
     ruleWizardStep,
     ruleWizardDraftKey,
     ruleWizardInitialData,
+    explicitSingletonInitialData,
     ruleWizardRule,
     resolved,
     defaultData,
@@ -3022,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 {
@@ -3031,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
@@ -3045,7 +3076,7 @@ function useShellEditorTarget(args) {
       label,
       draftKey,
       isDraftScope,
-      initialData: createMode ? ruleWizardInitialData : void 0
+      initialData: createMode ? ruleWizardInitialData : explicitSingletonInitialData ?? void 0
     };
   }, [
     editingTargetScope?.raw,
@@ -3059,6 +3090,7 @@ function useShellEditorTarget(args) {
     ruleWizardStep,
     ruleWizardDraftKey,
     ruleWizardInitialData,
+    explicitSingletonInitialData,
     ruleWizardRule
   ]);
   const editorCtx = useEditorBridge({
@@ -3305,6 +3337,7 @@ var statusToneLabel = (tone) => {
 var RowContextMenu = ({
   onCopy,
   onDuplicate,
+  onCopyAndNewRule,
   actions,
   i18n
 }) => {
@@ -3355,8 +3388,8 @@ var RowContextMenu = ({
     };
   }, [open]);
   const hasActions = (actions?.length ?? 0) > 0;
-  if (!onCopy && !onDuplicate && !hasActions) return null;
-  const showDivider = (onCopy || onDuplicate) && hasActions;
+  if (!onCopy && !onDuplicate && !onCopyAndNewRule && !hasActions) return null;
+  const showDivider = (onCopy || onDuplicate || onCopyAndNewRule) && hasActions;
   return /* @__PURE__ */ jsxs("div", { ref: wrapperRef, className: "ra-row-menu-wrap relative", children: [
     /* @__PURE__ */ jsx(
       "button",
@@ -3419,6 +3452,23 @@ var RowContextMenu = ({
                 ]
               }
             ),
+            onCopyAndNewRule && /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                role: "menuitem",
+                className: "ra-row-menu-item",
+                onClick: (e) => {
+                  e.stopPropagation();
+                  setOpen(false);
+                  onCopyAndNewRule();
+                },
+                children: [
+                  /* @__PURE__ */ jsx(FilePlus2, { className: "w-3.5 h-3.5 opacity-70", "aria-hidden": "true" }),
+                  /* @__PURE__ */ jsx("span", { children: i18n.copyAndNewRuleAction })
+                ]
+              }
+            ),
             showDivider && /* @__PURE__ */ jsx("div", { className: "ra-row-menu-divider", role: "separator" }),
             hasActions && actions.map((action) => {
               const Icon = action.icon;
@@ -3493,7 +3543,7 @@ var RuleLabelLookupProvider = ({
   return /* @__PURE__ */ jsx(RuleLabelLookupContext.Provider, { value: v, children });
 };
 var DefaultRecordRow = ({ record, ctx, compact = false }) => {
-  const { selected, onSelect, isDirty, hasError, onCopy, onDuplicate, actions } = ctx;
+  const { selected, onSelect, isDirty, hasError, onCopy, onDuplicate, onCopyAndNewRule, actions } = ctx;
   const ruleLabelLookup = useRuleLabelLookup();
   const ScopeIcon = record.scope.kind && record.scope.kind !== "collection" ? DEFAULT_ICONS.scope[record.scope.kind] : DEFAULT_ICONS.scope.product;
   const tone = resolveTone(void 0, record.status);
@@ -3567,15 +3617,17 @@ var DefaultRecordRow = ({ record, ctx, compact = false }) => {
             }
           )
         ] }),
-        (onCopy || onDuplicate || actions && actions.length > 0) && /* @__PURE__ */ jsx(
+        (onCopy || onDuplicate || onCopyAndNewRule || actions && actions.length > 0) && /* @__PURE__ */ jsx(
           RowContextMenu,
           {
             onCopy,
             onDuplicate,
+            onCopyAndNewRule,
             actions,
             i18n: {
               copy: DEFAULT_I18N.copy,
-              duplicateAction: DEFAULT_I18N.duplicateAction
+              duplicateAction: DEFAULT_I18N.duplicateAction,
+              copyAndNewRuleAction: DEFAULT_I18N.copyAndNewRuleAction
             }
           }
         )
@@ -4623,6 +4675,22 @@ function RecordEditor({
                   ]
                 }
               ),
+              clipboard.onCopyAndNewRule && /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  type: "button",
+                  onClick: clipboard.onCopyAndNewRule,
+                  disabled: !clipboard.canCopy || !!ctx.isSaving,
+                  title: clipboard.copyAndNewRuleLabel ?? i18n.copyAndNewRuleAction ?? "Copy and start new rule",
+                  "aria-label": clipboard.copyAndNewRuleLabel ?? i18n.copyAndNewRuleAction ?? "Copy and start new rule",
+                  className: "text-xs px-2.5 py-1.5 rounded-md border transition-opacity disabled:opacity-40 hover:bg-[hsl(var(--ra-muted))] inline-flex items-center gap-1.5",
+                  style: { borderColor: "hsl(var(--ra-border))", color: "hsl(var(--ra-text))" },
+                  children: [
+                    /* @__PURE__ */ jsx(FilePlus2, { className: "w-3 h-3" }),
+                    clipboard.copyAndNewRuleLabel ?? i18n.copyAndNewRuleAction ?? "Copy and start new rule"
+                  ]
+                }
+              ),
               /* @__PURE__ */ jsxs(
                 "button",
                 {
@@ -5782,7 +5850,7 @@ function DefaultItemTable({
                 const extra = rowActions ? rowActions(item) ?? void 0 : void 0;
                 const cb = rowClipboard ? rowClipboard(item) : null;
                 const hasExtras = !!(extra && extra.length > 0);
-                if (!cb?.onCopy && !cb?.onDuplicate && !hasExtras) return null;
+                if (!cb?.onCopy && !cb?.onDuplicate && !cb?.onCopyAndNewRule && !hasExtras) return null;
                 return /* @__PURE__ */ jsx(
                   "span",
                   {
@@ -5793,10 +5861,12 @@ function DefaultItemTable({
                       {
                         onCopy: cb?.onCopy,
                         onDuplicate: cb?.onDuplicate,
+                        onCopyAndNewRule: cb?.onCopyAndNewRule,
                         actions: extra ?? void 0,
                         i18n: {
                           copy: DEFAULT_I18N.copy,
-                          duplicateAction: DEFAULT_I18N.duplicateAction
+                          duplicateAction: DEFAULT_I18N.duplicateAction,
+                          copyAndNewRuleAction: DEFAULT_I18N.copyAndNewRuleAction
                         }
                       }
                     )
@@ -5926,7 +5996,7 @@ function DefaultItemCards({
                 /* @__PURE__ */ jsx("div", { className: "ra-item-card-title", children: item.label }),
                 item.subtitle && /* @__PURE__ */ jsx("div", { className: "ra-item-card-sub", children: item.subtitle })
               ] }),
-              (cb?.onCopy || cb?.onDuplicate || extraActions && extraActions.length > 0) && /* @__PURE__ */ jsx(
+              (cb?.onCopy || cb?.onDuplicate || cb?.onCopyAndNewRule || extraActions && extraActions.length > 0) && /* @__PURE__ */ jsx(
                 "span",
                 {
                   className: "ra-item-card-menu",
@@ -5937,10 +6007,12 @@ function DefaultItemCards({
                     {
                       onCopy: cb?.onCopy,
                       onDuplicate: cb?.onDuplicate,
+                      onCopyAndNewRule: cb?.onCopyAndNewRule,
                       actions: extraActions,
                       i18n: {
                         copy: DEFAULT_I18N.copy,
-                        duplicateAction: DEFAULT_I18N.duplicateAction
+                        duplicateAction: DEFAULT_I18N.duplicateAction,
+                        copyAndNewRuleAction: DEFAULT_I18N.copyAndNewRuleAction
                       }
                     }
                   )
@@ -6591,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(
@@ -6615,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,
         {
@@ -6832,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,
@@ -8200,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(),
@@ -8218,6 +8332,7 @@ function RecordsAdminShellInner(props) {
     ruleWizardStep,
     ruleWizardDraftKey,
     ruleWizardInitialData,
+    explicitSingletonInitialData,
     ruleWizardRule,
     resolved: {
       data: resolved.data,
@@ -8341,6 +8456,7 @@ function RecordsAdminShellInner(props) {
   ]);
   const onLeftSelectRef = useRef(null);
   const onCreateItemDraftRef = useRef(null);
+  const onCreateRuleFromClipboardRef = useRef(null);
   const previewReopenAnchorRef = useRef(null);
   const { runWithGuard } = useDirtyNavigation({
     strategy: dirtyStrategy,
@@ -8397,7 +8513,9 @@ function RecordsAdminShellInner(props) {
     onCopyOverride,
     onPasteOverride,
     onLeftSelectRef,
-    onCreateItemDraftRef
+    onCreateItemDraftRef,
+    onCreateRuleFromClipboardRef,
+    isRuleTab: activeScope === "rule" || activeScope === "collection"
   });
   const editorClipboard = shellClipboard.editorClipboard;
   const rowClipboard = shellClipboard.rowClipboard;
@@ -8767,7 +8885,7 @@ function RecordsAdminShellInner(props) {
       setSelectedRecordId(null);
       setSelectedItemId(null);
       setDraftKind("rule");
-      setRuleWizardSeedMode(seed ?? "blank");
+      setRuleWizardSeedMode(seed ?? null);
       setRuleWizardDraftKey(null);
       setRuleWizardRule({ all: [] });
       setRuleWizardStep(1);
@@ -8787,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);
@@ -8817,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]
@@ -9018,6 +9144,7 @@ function RecordsAdminShellInner(props) {
   };
   onLeftSelectRef.current = onLeftSelect;
   onCreateItemDraftRef.current = onItemCreate;
+  onCreateRuleFromClipboardRef.current = () => onCreateRule("paste");
   return /* @__PURE__ */ jsx(RuleLabelLookupProvider, { value: ruleLabelLookup, children: /* @__PURE__ */ jsxs(
     "div",
     {
@@ -9239,37 +9366,20 @@ function RecordsAdminShellInner(props) {
                   }
                 ) }),
                 /* @__PURE__ */ jsxs("div", { className: "p-3 space-y-2.5 border-b", style: { borderColor: "hsl(var(--ra-border))" }, children: [
-                  isRuleTab && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
-                    /* @__PURE__ */ jsxs(
-                      "button",
-                      {
-                        type: "button",
-                        onClick: () => onCreateRule(),
-                        className: "ra-btn w-full",
-                        "data-variant": "primary",
-                        "aria-label": "New rule",
-                        children: [
-                          /* @__PURE__ */ jsx(Plus, { className: "w-3.5 h-3.5", "aria-hidden": "true" }),
-                          /* @__PURE__ */ jsx("span", { children: "New rule" })
-                        ]
-                      }
-                    ),
-                    wizardClipboard.entry && /* @__PURE__ */ jsxs(
-                      "button",
-                      {
-                        type: "button",
-                        onClick: () => onCreateRule("paste"),
-                        className: "ra-btn w-full",
-                        "data-variant": "ghost",
-                        "aria-label": "Paste as new rule",
-                        title: wizardClipboard.entry.sourceLabel ? `Paste from ${wizardClipboard.entry.sourceLabel}` : "Paste from clipboard",
-                        children: [
-                          /* @__PURE__ */ jsx(ClipboardPaste, { className: "w-3.5 h-3.5", "aria-hidden": "true" }),
-                          /* @__PURE__ */ jsx("span", { children: "Paste as new rule" })
-                        ]
-                      }
-                    )
-                  ] }),
+                  isRuleTab && /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-1.5", children: /* @__PURE__ */ jsxs(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => onCreateRule(),
+                      className: "ra-btn w-full",
+                      "data-variant": "primary",
+                      "aria-label": "New rule",
+                      children: [
+                        /* @__PURE__ */ jsx(Plus, { className: "w-3.5 h-3.5", "aria-hidden": "true" }),
+                        /* @__PURE__ */ jsx("span", { children: "New rule" })
+                      ]
+                    }
+                  ) }),
                   showCreateGlobal && /* @__PURE__ */ jsxs(
                     "button",
                     {
@@ -9419,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",
@@ -9599,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()
               ] })
             ]
@@ -9725,7 +9797,7 @@ var RecordBrowser = ({
 };
 var initials2 = (s) => s.split(/\s+/).filter(Boolean).slice(0, 2).map((p) => p[0]?.toUpperCase() ?? "").join("") || "?";
 var DefaultRecordCard = ({ record, ctx, variant = "grid" }) => {
-  const { selected, onSelect, isDirty, hasError, onCopy, onDuplicate, actions } = ctx;
+  const { selected, onSelect, isDirty, hasError, onCopy, onDuplicate, onCopyAndNewRule, actions } = ctx;
   const aspect = variant === "gallery" ? "aspect-video" : "aspect-square";
   return /* @__PURE__ */ jsxs(
     "button",
@@ -9786,15 +9858,17 @@ var DefaultRecordCard = ({ record, ctx, variant = "grid" }) => {
         /* @__PURE__ */ jsxs("div", { className: "p-2.5 min-w-0", children: [
           /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-1.5 min-w-0", children: [
             /* @__PURE__ */ jsx("div", { className: "ra-row-title flex-1 min-w-0", children: record.label }),
-            (onCopy || onDuplicate || actions && actions.length > 0) && /* @__PURE__ */ jsx(
+            (onCopy || onDuplicate || onCopyAndNewRule || actions && actions.length > 0) && /* @__PURE__ */ jsx(
               RowContextMenu,
               {
                 onCopy,
                 onDuplicate,
+                onCopyAndNewRule,
                 actions,
                 i18n: {
                   copy: DEFAULT_I18N.copy,
-                  duplicateAction: DEFAULT_I18N.duplicateAction
+                  duplicateAction: DEFAULT_I18N.duplicateAction,
+                  copyAndNewRuleAction: DEFAULT_I18N.copyAndNewRuleAction
                 }
               }
             )