@proveanything/smartlinks-utils-ui 0.11.4 → 0.11.6

package/dist/components/RecordsAdmin/index.js

@@ -993,90 +993,7 @@ var useProductChildren = (args) => {
   };
 };
 var EMPTY_RULE_FILTERS = { facetKeys: [], minClauses: null };
-var COMPLEXITY_THRESHOLDS = [3, 5, 10];
 var ruleOf = (r) => r.facetRule ?? null;
-function RuleFilterChips({ source, value, onChange }) {
-  const facetKeyEntries = useMemo(() => {
-    const counts = /* @__PURE__ */ new Map();
-    for (const r of source) {
-      const rule = ruleOf(r);
-      if (!rule) continue;
-      for (const c of rule.all ?? []) {
-        counts.set(c.facetKey, (counts.get(c.facetKey) ?? 0) + 1);
-      }
-    }
-    return Array.from(counts.entries()).sort((a, b) => b[1] - a[1] || a[0].localeCompare(b[0]));
-  }, [source]);
-  const maxClauses = useMemo(() => {
-    let max = 0;
-    for (const r of source) {
-      const rule = ruleOf(r);
-      if (!rule) continue;
-      max = Math.max(max, rule.all?.length ?? 0);
-    }
-    return max;
-  }, [source]);
-  if (facetKeyEntries.length === 0 && maxClauses < 2) return null;
-  const toggleKey = (key) => {
-    const has = value.facetKeys.includes(key);
-    const next = has ? value.facetKeys.filter((k) => k !== key) : [...value.facetKeys, key];
-    onChange({ ...value, facetKeys: next });
-  };
-  const setMin = (n) => onChange({ ...value, minClauses: n });
-  const hasAny = value.facetKeys.length > 0 || value.minClauses != null;
-  return /* @__PURE__ */ jsxs("div", { className: "ra-rule-filters", children: [
-    /* @__PURE__ */ jsx("div", { className: "ra-rule-filters-row", role: "group", "aria-label": "Filter rules by facet", children: facetKeyEntries.map(([key, count]) => {
-      const active = value.facetKeys.includes(key);
-      return /* @__PURE__ */ jsxs(
-        "button",
-        {
-          type: "button",
-          onClick: () => toggleKey(key),
-          className: "ra-rule-filter-chip",
-          "data-active": active ? "true" : "false",
-          "aria-pressed": active,
-          title: `Show rules using ${key}`,
-          children: [
-            /* @__PURE__ */ jsx("span", { className: "ra-rule-filter-chip-label", children: key }),
-            /* @__PURE__ */ jsx("span", { className: "ra-rule-filter-chip-count", children: count })
-          ]
-        },
-        key
-      );
-    }) }),
-    maxClauses >= 2 && /* @__PURE__ */ jsx("div", { className: "ra-rule-filters-row", role: "group", "aria-label": "Filter by clause count", children: COMPLEXITY_THRESHOLDS.filter((n) => maxClauses >= n).map((n) => {
-      const active = value.minClauses === n;
-      return /* @__PURE__ */ jsxs(
-        "button",
-        {
-          type: "button",
-          onClick: () => setMin(active ? null : n),
-          className: "ra-rule-filter-chip",
-          "data-tone": "complexity",
-          "data-active": active ? "true" : "false",
-          "aria-pressed": active,
-          title: `Only rules with \u2265 ${n} facets`,
-          children: [
-            "\u2265 ",
-            n,
-            " facets"
-          ]
-        },
-        n
-      );
-    }) }),
-    hasAny && /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        onClick: () => onChange(EMPTY_RULE_FILTERS),
-        className: "ra-rule-filter-clear",
-        "aria-label": "Clear rule filters",
-        children: "Clear filters"
-      }
-    )
-  ] });
-}
 function applyRuleFilters(items, filters) {
   if (filters.facetKeys.length === 0 && filters.minClauses == null) return items;
   return items.filter((r) => {
@@ -3480,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 })
                 ]
               }
@@ -3497,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 })
                 ]
               }
@@ -3521,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 })
                   ]
                 },
@@ -6677,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(
@@ -6707,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",
@@ -6718,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(
@@ -6726,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",
@@ -6740,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"
+                  }
                 )
               ] })
             ]
@@ -8037,7 +7968,6 @@ function RecordsAdminShellInner(props) {
     filter,
     setFilter,
     ruleFilters,
-    setRuleFilters,
     facetBrowseFilter,
     setFacetBrowseFilter,
     productBrowse,
@@ -8051,6 +7981,11 @@ function RecordsAdminShellInner(props) {
     scopeKind: "rule",
     enabled: true
   });
+  const globalScopedList = useRecordList({
+    ctx,
+    scopeKind: "collection",
+    enabled: cardinality === "singleton"
+  });
   const pinnedProduct = useSingleProduct({
     SL,
     collectionId,
@@ -8211,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(),
@@ -8718,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);
@@ -8762,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;
@@ -8780,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);
@@ -8808,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);
@@ -9257,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",
                     {
@@ -9332,14 +9331,6 @@ function RecordsAdminShellInner(props) {
                         }
                       );
                     })(),
-                    isRuleTab && /* @__PURE__ */ jsx(
-                      RuleFilterChips,
-                      {
-                        source: recordList.items,
-                        value: ruleFilters,
-                        onChange: setRuleFilters
-                      }
-                    ),
                     isRuleTab && /* @__PURE__ */ jsx(
                       FacetBrowseFilter,
                       {
@@ -9428,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",