@proveanything/smartlinks-utils-ui 0.11.5 → 0.11.7

package/dist/components/RecordsAdmin/index.js

@@ -3397,7 +3397,7 @@ var RowContextMenu = ({
                   onCopy();
                 },
                 children: [
-                  /* @__PURE__ */ jsx(Copy, { className: "w-3 h-3", "aria-hidden": "true" }),
+                  /* @__PURE__ */ jsx(Copy, { className: "w-3.5 h-3.5 opacity-70", "aria-hidden": "true" }),
                   /* @__PURE__ */ jsx("span", { children: i18n.copy })
                 ]
               }
@@ -3414,7 +3414,7 @@ var RowContextMenu = ({
                   onDuplicate();
                 },
                 children: [
-                  /* @__PURE__ */ jsx(CopyPlus, { className: "w-3 h-3", "aria-hidden": "true" }),
+                  /* @__PURE__ */ jsx(CopyPlus, { className: "w-3.5 h-3.5 opacity-70", "aria-hidden": "true" }),
                   /* @__PURE__ */ jsx("span", { children: i18n.duplicateAction })
                 ]
               }
@@ -3438,7 +3438,7 @@ var RowContextMenu = ({
                     void action.onAction();
                   },
                   children: [
-                    Icon && /* @__PURE__ */ jsx(Icon, { className: "w-3 h-3" }),
+                    Icon && /* @__PURE__ */ jsx(Icon, { className: "w-3.5 h-3.5 opacity-70" }),
                     /* @__PURE__ */ jsx("span", { children: action.label })
                   ]
                 },
@@ -6594,12 +6594,15 @@ function NewRuleWizard({
   canChooseSeed = false,
   seedMode = null,
   onSeedModeChange,
+  pasteSourceLabel,
   facets,
   children,
-  itemNoun = "record"
+  itemNoun = "record",
+  seedPromptMode = "inline"
 }) {
   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(
@@ -6624,7 +6627,7 @@ function NewRuleWizard({
             description: "The new rule will apply to every product whose facets match every clause below."
           }
         ),
-        canChooseSeed && /* @__PURE__ */ jsxs(
+        showSeedPicker && /* @__PURE__ */ jsxs(
           "div",
           {
             className: "mt-4 rounded-lg border p-3",
@@ -6635,7 +6638,7 @@ function NewRuleWizard({
             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 or copies the current global record." })
+                /* @__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(
@@ -6643,12 +6646,12 @@ function NewRuleWizard({
                   {
                     type: "button",
                     className: "ra-btn",
-                    "data-variant": seedMode !== "global" ? "primary" : "ghost",
+                    "data-variant": seedMode === "blank" || seedMode == null ? "primary" : "ghost",
                     onClick: () => onSeedModeChange?.("blank"),
                     children: "Start blank"
                   }
                 ),
-                /* @__PURE__ */ jsx(
+                canChooseSeed && /* @__PURE__ */ jsx(
                   "button",
                   {
                     type: "button",
@@ -6657,6 +6660,17 @@ function NewRuleWizard({
                     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"
+                  }
                 )
               ] })
             ]
@@ -7967,6 +7981,11 @@ function RecordsAdminShellInner(props) {
     scopeKind: "rule",
     enabled: true
   });
+  const globalScopedList = useRecordList({
+    ctx,
+    scopeKind: "collection",
+    enabled: cardinality === "singleton"
+  });
   const pinnedProduct = useSingleProduct({
     SL,
     collectionId,
@@ -8127,21 +8146,60 @@ function RecordsAdminShellInner(props) {
     enabled: !!editingTargetScope
   });
   const globalSourceRecord = useMemo(
-    () => recordList.items.find((it) => !it.scope.productId && !it.scope.facetId && !it.scope.variantId && !it.scope.batchId && !it.scope.proofId && !it.facetRule),
-    [recordList.items]
+    () => {
+      const pool = globalScopedList.items.length ? globalScopedList.items : recordList.items;
+      return pool.find((it) => !it.scope.productId && !it.scope.facetId && !it.scope.variantId && !it.scope.batchId && !it.scope.proofId && !it.facetRule);
+    },
+    [globalScopedList.items, recordList.items]
   );
+  const resolvedGlobalSeed = useResolvedRecord({
+    SL,
+    appId,
+    recordType,
+    collectionId,
+    supportedScopes: ["collection"],
+    enabled: cardinality === "singleton" && activeScope === "rule" && ruleWizardStep !== null
+  });
+  const directGlobalSeedQuery = useQuery({
+    queryKey: ["records-admin", "global-seed", collectionId, appId, recordType ?? null],
+    enabled: cardinality === "singleton" && activeScope === "rule" && ruleWizardStep !== null,
+    staleTime: 15e3,
+    queryFn: async () => {
+      const res = await listRecords({ SL, collectionId, appId, recordType }, { limit: 200, offset: 0 });
+      return res.data.find((rec) => !rec.productId && !rec.variantId && !rec.batchId && !rec.proofId && !rec.facetRule) ?? null;
+    }
+  });
+  const directGlobalSeedData = directGlobalSeedQuery.data?.data;
+  const singletonGlobalSeedAvailable = !!(globalSourceRecord?.data ?? directGlobalSeedData ?? ((resolvedGlobalSeed.source === "self" || resolvedGlobalSeed.source === "inherited") && resolvedGlobalSeed.data));
+  const wizardClipboard = useRecordClipboard({
+    appId,
+    recordType: recordType ?? "__default"
+  });
   const ruleWizardInitialData = useMemo(() => {
-    if (ruleWizardSeedMode !== "global") return void 0;
-    if (!globalSourceRecord?.data) return defaultData?.();
-    if (onCopyOverride) {
-      return onCopyOverride({ value: globalSourceRecord.data, scope: globalSourceRecord.scope });
+    if (ruleWizardSeedMode === "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));
+      }
     }
-    try {
-      return structuredClone(globalSourceRecord.data);
-    } catch {
-      return JSON.parse(JSON.stringify(globalSourceRecord.data));
+    if (ruleWizardSeedMode === "paste") {
+      const entry = wizardClipboard.entry;
+      if (!entry) return defaultData?.();
+      try {
+        return structuredClone(entry.value);
+      } catch {
+        return JSON.parse(JSON.stringify(entry.value));
+      }
     }
-  }, [ruleWizardSeedMode, globalSourceRecord, onCopyOverride, defaultData]);
+    return void 0;
+  }, [ruleWizardSeedMode, globalSourceRecord, directGlobalSeedData, resolvedGlobalSeed.data, onCopyOverride, defaultData, wizardClipboard.entry]);
   const refetchAll = useCallback(async () => {
     await Promise.all([
       recordList.refetch(),
@@ -8634,9 +8692,13 @@ function RecordsAdminShellInner(props) {
     if (!isRuleTab) return void 0;
     if (isCollection) return void 0;
     return (record) => {
-      const hash = ruleHash(record.facetRule);
-      if (!hash) return null;
-      return { key: `rule:${hash}`, label: summariseRule(record.facetRule, ruleLabelLookup) };
+      const rule = record.facetRule;
+      if (!rule || !Array.isArray(rule.all) || rule.all.length === 0) return null;
+      const keys = rule.all.map((c) => c.facetKey).filter((k) => !!k).slice().sort();
+      if (keys.length === 0) return null;
+      const key = `facets:${keys.join("|")}`;
+      const label2 = keys.map((k) => ruleLabelLookup?.facetLabel?.(k) ?? k).join(" \xB7 ");
+      return { key, label: label2 };
     };
   }, [groupBy, isRuleTab, isAllTab, isCollection, ruleLabelLookup]);
   const [bulkRuleEditTarget, setBulkRuleEditTarget] = useState(null);
@@ -8678,6 +8740,7 @@ function RecordsAdminShellInner(props) {
   const renderRuleGroupActions = useCallback(
     (group) => {
       if (!isRuleTab || groupBy) return null;
+      if (!isCollection) return null;
       const ids = group.items.map((it) => it.id).filter((id) => !!id);
       if (ids.length < 2) return null;
       const rule = group.items.find((it) => it.facetRule)?.facetRule ?? null;
@@ -8696,15 +8759,15 @@ function RecordsAdminShellInner(props) {
         }
       );
     },
-    [isRuleTab, groupBy]
+    [isRuleTab, groupBy, isCollection]
   );
-  const onCreateRule = useCallback(() => {
+  const onCreateRule = useCallback((seed) => {
     void runWithGuard(() => {
       if (activeScope !== "rule") setActiveScope("rule");
       setSelectedRecordId(null);
       setSelectedItemId(null);
       setDraftKind("rule");
-      setRuleWizardSeedMode("blank");
+      setRuleWizardSeedMode(seed ?? "blank");
       setRuleWizardDraftKey(null);
       setRuleWizardRule({ all: [] });
       setRuleWizardStep(1);
@@ -8724,10 +8787,13 @@ function RecordsAdminShellInner(props) {
       setRuleWizardStep(2);
     } else {
       setRuleWizardStep(2);
+      if (ruleWizardSeedMode == null) {
+        setRuleWizardSeedMode(singletonGlobalSeedAvailable ? "global" : "blank");
+      }
       setRuleWizardDraftKey(mintRuleWizardDraftKey());
       setSelectedRecordId(DRAFT_ID3);
     }
-  }, [cardinality, mintRuleWizardDraftKey]);
+  }, [cardinality, mintRuleWizardDraftKey, ruleWizardSeedMode, singletonGlobalSeedAvailable, setRuleWizardSeedMode]);
   const onRuleWizardBack = useCallback(() => {
     setRuleWizardStep(1);
     setRuleWizardDraftKey(null);
@@ -9173,20 +9239,37 @@ 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(
-                    "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" })
-                      ]
-                    }
-                  ),
+                  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" })
+                        ]
+                      }
+                    )
+                  ] }),
                   showCreateGlobal && /* @__PURE__ */ jsxs(
                     "button",
                     {
@@ -9336,13 +9419,72 @@ function RecordsAdminShellInner(props) {
                     onCancel: onCancelRuleWizard,
                     onNext: onRuleWizardNext,
                     onBack: onRuleWizardBack,
-                    canChooseSeed: !isCollection && !!globalSourceRecord,
+                    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 && editingTargetScope && renderEditorWithPreview(),
+                      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 && !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",