@proveanything/smartlinks-utils-ui 0.12.2 → 0.12.5

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, Check, 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, Archive, ArrowRight, Globe2, 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, Check, Rows3, ChevronRight, Eraser, FilePlus2, CopyPlus, ClipboardPaste, Box, X, Search, Image, Table, ArrowLeft, ChevronLeft, AlertTriangle, Info, HelpCircle, CornerDownLeft, Circle, ArrowUpDown, ArrowUp, ArrowDown, MinusCircle, XCircle, AlertCircle, Undo2, Save, Loader2, Archive, ArrowRight, Globe2, Sparkles, 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,13 @@ var DEFAULT_I18N = {
   pasteWarnContinue: "Continue",
   duplicateAction: "Duplicate",
   duplicateToast: "Duplicated {name}. Review and Save.",
+  duplicateDialogTitle: 'Duplicate "{name}" to:',
+  duplicateTargetGlobal: "Global",
+  duplicateTargetSameRule: "Same rule as source",
+  duplicateTargetExistingRules: "Existing rules",
+  duplicateTargetNewRule: "New rule\u2026",
+  duplicateConfirm: "Duplicate",
+  duplicateCancel: "Cancel",
   copyAndNewRuleAction: "Copy and start new rule",
   itemsAllLabel: "All items",
   subtitleEmpty: "Not set",
@@ -1621,6 +1628,199 @@ var ClipboardToast = ({ message, variant = "copy", onDismiss }) => {
     }
   );
 };
+var DEFAULT_I18N2 = {
+  title: 'Duplicate "{name}" to:',
+  global: "Global",
+  sameRule: "Same rule as source",
+  existingRules: "Existing rules",
+  newRule: "New rule\u2026",
+  confirm: "Duplicate",
+  cancel: "Cancel"
+};
+function DuplicateTargetPicker({
+  open,
+  sourceLabel,
+  sourceHasRule,
+  rules,
+  supportsRules,
+  supportsGlobal = true,
+  onCancel,
+  onConfirm,
+  i18n
+}) {
+  const t = { ...DEFAULT_I18N2, ...i18n ?? {} };
+  const [picked, setPicked] = useState(null);
+  const containerRef = useRef(null);
+  useEffect(() => {
+    if (!open) {
+      setPicked(null);
+      return;
+    }
+    setPicked(sourceHasRule && supportsRules ? { kind: "sameRule" } : supportsGlobal ? { kind: "global" } : null);
+  }, [open, sourceHasRule, supportsRules, supportsGlobal]);
+  useEffect(() => {
+    if (!open) return;
+    const onKey = (e) => {
+      if (e.key === "Escape") {
+        e.preventDefault();
+        onCancel();
+      }
+    };
+    window.addEventListener("keydown", onKey);
+    return () => window.removeEventListener("keydown", onKey);
+  }, [open, onCancel]);
+  const sortedRules = useMemo(() => rules.slice().sort((a, b) => {
+    if (b.count !== a.count) return b.count - a.count;
+    return a.summary.localeCompare(b.summary);
+  }), [rules]);
+  if (!open || typeof document === "undefined") return null;
+  const stop = (e) => {
+    e.stopPropagation();
+  };
+  const isSame = (a, b) => {
+    if (!a || a.kind !== b.kind) return false;
+    if (a.kind === "existingRule" && b.kind === "existingRule") {
+      return a.ruleHash === b.ruleHash;
+    }
+    return true;
+  };
+  const RadioRow = ({
+    target,
+    label,
+    sublabel,
+    icon: Icon
+  }) => {
+    const checked = isSame(picked, target);
+    return /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => setPicked(target),
+        className: "w-full text-left px-3 py-2 rounded-md border transition-colors flex items-start gap-2.5",
+        style: {
+          borderColor: checked ? "hsl(var(--ra-accent))" : "hsl(var(--ra-border))",
+          background: checked ? "hsl(var(--ra-accent) / 0.08)" : "transparent",
+          color: "hsl(var(--ra-text))"
+        },
+        children: [
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: "mt-0.5 inline-flex items-center justify-center h-4 w-4 rounded-full shrink-0",
+              style: {
+                border: `2px solid ${checked ? "hsl(var(--ra-accent))" : "hsl(var(--ra-border))"}`
+              },
+              children: checked && /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: "h-2 w-2 rounded-full",
+                  style: { background: "hsl(var(--ra-accent))" }
+                }
+              )
+            }
+          ),
+          Icon && /* @__PURE__ */ jsx(Icon, { className: "h-4 w-4 mt-0.5 shrink-0" }),
+          /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsx("span", { className: "block text-sm", children: label }),
+            sublabel && /* @__PURE__ */ jsx("span", { className: "block text-xs truncate", style: { color: "hsl(var(--ra-muted-text))" }, children: sublabel })
+          ] })
+        ]
+      }
+    );
+  };
+  const showRuleSection = supportsRules && (sortedRules.length > 0 || sourceHasRule);
+  return createPortal(
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "fixed inset-0 z-[1000] flex items-center justify-center",
+        style: { background: "hsl(0 0% 0% / 0.4)" },
+        onClick: onCancel,
+        onMouseDown: stop,
+        onTouchStart: stop,
+        children: /* @__PURE__ */ jsxs(
+          "div",
+          {
+            ref: containerRef,
+            role: "dialog",
+            "aria-modal": "true",
+            className: "w-[min(28rem,calc(100vw-2rem))] max-h-[min(36rem,calc(100vh-2rem))] flex flex-col rounded-lg shadow-xl",
+            style: { background: "hsl(var(--ra-surface))", border: "1px solid hsl(var(--ra-border))" },
+            onClick: stop,
+            onMouseDown: stop,
+            onTouchStart: stop,
+            children: [
+              /* @__PURE__ */ jsx("header", { className: "px-4 py-3 border-b", style: { borderColor: "hsl(var(--ra-border))" }, children: /* @__PURE__ */ jsx("h2", { className: "text-sm font-semibold", style: { color: "hsl(var(--ra-text))" }, children: t.title.replace("{name}", sourceLabel) }) }),
+              /* @__PURE__ */ jsxs("div", { className: "flex-1 min-h-0 overflow-y-auto px-4 py-3 space-y-3", children: [
+                supportsGlobal && /* @__PURE__ */ jsx(RadioRow, { target: { kind: "global" }, label: t.global, icon: Globe2 }),
+                showRuleSection && /* @__PURE__ */ jsxs(Fragment, { children: [
+                  sourceHasRule && /* @__PURE__ */ jsx(RadioRow, { target: { kind: "sameRule" }, label: t.sameRule, icon: Target }),
+                  sortedRules.length > 0 && /* @__PURE__ */ jsxs("div", { children: [
+                    /* @__PURE__ */ jsx(
+                      "div",
+                      {
+                        className: "text-[10px] uppercase tracking-wide mb-1.5 px-1",
+                        style: { color: "hsl(var(--ra-muted-text))" },
+                        children: t.existingRules
+                      }
+                    ),
+                    /* @__PURE__ */ jsx("div", { className: "space-y-1.5", children: sortedRules.map((r) => /* @__PURE__ */ jsx(
+                      RadioRow,
+                      {
+                        target: { kind: "existingRule", ruleHash: r.hash },
+                        label: r.summary,
+                        sublabel: `${r.count} record${r.count === 1 ? "" : "s"}`,
+                        icon: Target
+                      },
+                      r.hash
+                    )) })
+                  ] }),
+                  /* @__PURE__ */ jsx(RadioRow, { target: { kind: "newRule" }, label: t.newRule, icon: Sparkles })
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxs(
+                "footer",
+                {
+                  className: "px-4 py-3 border-t flex items-center justify-end gap-2",
+                  style: { borderColor: "hsl(var(--ra-border))" },
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: onCancel,
+                        className: "text-xs px-3 py-1.5 rounded-md border hover:bg-[hsl(var(--ra-muted))]",
+                        style: { borderColor: "hsl(var(--ra-border))", color: "hsl(var(--ra-text))" },
+                        children: t.cancel
+                      }
+                    ),
+                    /* @__PURE__ */ jsxs(
+                      "button",
+                      {
+                        type: "button",
+                        disabled: !picked,
+                        onClick: () => {
+                          if (picked) onConfirm(picked);
+                        },
+                        className: "text-xs px-3 py-1.5 rounded-md font-medium transition-opacity disabled:opacity-40 inline-flex items-center gap-1.5",
+                        style: { background: "hsl(var(--ra-accent))", color: "hsl(var(--ra-surface))" },
+                        children: [
+                          /* @__PURE__ */ jsx(Plus, { className: "h-3.5 w-3.5" }),
+                          t.confirm
+                        ]
+                      }
+                    )
+                  ]
+                }
+              )
+            ]
+          }
+        )
+      }
+    ),
+    document.body
+  );
+}
 function useShellClipboard(args) {
   const {
     enabled,
@@ -1640,7 +1840,11 @@ function useShellClipboard(args) {
     onLeftSelectRef,
     onCreateItemDraftRef,
     onCreateRuleFromClipboardRef,
-    isRuleTab
+    isRuleTab,
+    ruleCatalogue,
+    ruleCatalogueRef,
+    supportsRules = true,
+    onCreateItemDraftAtScopeRef
   } = args;
   const clipboard = useRecordClipboard({
     appId,
@@ -1765,9 +1969,103 @@ function useShellClipboard(args) {
       window.setTimeout(() => {
         onCreateRuleFromClipboardRef?.current?.();
       }, 0);
+    } : void 0,
+    // Collection-cardinality clone affordance — only shown when the host
+    // wired item-draft creation. Pushes the editor value to the clipboard
+    // (so the existing pendingPasteTarget effect lands it on the new
+    // draft) and mints a fresh draft.
+    // Collection-cardinality clone affordance — opens the Duplicate-To
+    // picker so the admin chooses the destination scope (Global, an
+    // existing rule, a new rule, or the source's own rule). We only show
+    // this when the host wired the at-scope draft creator, since without
+    // it we have nowhere to mint the duplicate.
+    onDuplicate: isCollection && !!onCreateItemDraftAtScopeRef ? () => {
+      if (!editingScope) return;
+      openDuplicatePicker({
+        value: editorCtx.value,
+        scope: editingScope,
+        label: editorHeaderLabel ?? editingScope.raw,
+        facetRule: resolved.facetRule ?? null,
+        recordId: resolved.recordId
+      });
     } : void 0
   } : void 0;
   const [pendingPasteTarget, setPendingPasteTarget] = useState(null);
+  const [pendingSeed, setPendingSeed] = useState(null);
+  const [pickerOpen, setPickerOpen] = useState(false);
+  const pickerSourceRef = useRef(null);
+  const openDuplicatePicker = useCallback((source) => {
+    pickerSourceRef.current = {
+      value: source.value,
+      scope: source.scope,
+      label: source.label,
+      facetRule: source.facetRule ?? null,
+      recordId: source.recordId
+    };
+    setPickerOpen(true);
+  }, []);
+  const onDuplicatePickerCancel = useCallback(() => {
+    setPickerOpen(false);
+    pickerSourceRef.current = null;
+  }, []);
+  const onDuplicatePickerConfirm = useCallback((target) => {
+    const source = pickerSourceRef.current;
+    setPickerOpen(false);
+    pickerSourceRef.current = null;
+    if (!source) return;
+    const transformed = onCopyOverride ? onCopyOverride({ value: source.value, scope: source.scope }) : cloneValue(source.value);
+    if (target.kind === "newRule") {
+      clipboard.set({
+        value: transformed,
+        sourceScope: source.scope,
+        sourceRecordId: source.recordId,
+        sourceLabel: source.label
+      });
+      onTelemetry?.({
+        type: "clipboard.copy",
+        recordType,
+        sourceRef: anchorKey(source.scope)
+      });
+      window.setTimeout(() => onCreateRuleFromClipboardRef?.current?.(), 0);
+      return;
+    }
+    const create = onCreateItemDraftAtScopeRef?.current;
+    if (!create) return;
+    let scopeArg;
+    if (target.kind === "global") {
+      scopeArg = { kind: "global" };
+    } else if (target.kind === "sameRule") {
+      if (!source.facetRule) return;
+      scopeArg = { kind: "rule", rule: source.facetRule };
+    } else {
+      const list = ruleCatalogueRef?.current ?? ruleCatalogue ?? [];
+      const hit = list.find((r) => r.hash === target.ruleHash);
+      if (!hit) return;
+      scopeArg = { kind: "rule", rule: hit.rule };
+    }
+    const newId = create(scopeArg);
+    if (!newId) return;
+    setPendingPasteTarget({ kind: "record", recordId: newId });
+    setPendingSeed({ value: transformed, sourceLabel: source.label });
+    onTelemetry?.({
+      type: "clipboard.copy",
+      recordType,
+      sourceRef: anchorKey(source.scope)
+    });
+    setNotice({
+      message: i18n.duplicateToast.replace("{name}", source.label),
+      variant: "copy"
+    });
+  }, [
+    onCopyOverride,
+    clipboard,
+    onTelemetry,
+    recordType,
+    onCreateRuleFromClipboardRef,
+    onCreateItemDraftAtScopeRef,
+    ruleCatalogue,
+    i18n.duplicateToast
+  ]);
   useEffect(() => {
     if (!pendingPasteTarget) return;
     if (!editingScope) return;
@@ -1775,14 +2073,27 @@ function useShellClipboard(args) {
     if (!matched) return;
     const t = window.setTimeout(() => {
       setPendingPasteTarget(null);
+      if (pendingSeed) {
+        const seed = pendingSeed;
+        setPendingSeed(null);
+        editorCtx.onChange(seed.value);
+        onTelemetry?.({
+          type: "clipboard.paste",
+          recordType,
+          sourceRef: anchorKey(editingScope),
+          destinationRef: editingScope.raw,
+          replaced: false
+        });
+        return;
+      }
       void pasteCurrent();
     }, 0);
     return () => window.clearTimeout(t);
-  }, [pendingPasteTarget, editingScope, isCollection, selectedItemId, selectedRecordId, pasteCurrent]);
+  }, [pendingPasteTarget, editingScope, isCollection, selectedItemId, selectedRecordId, pasteCurrent, pendingSeed, editorCtx, onTelemetry, recordType]);
   const rowClipboard = enabled ? (record) => {
     const summaryHasData = record.data != null;
     const sourceParsed = record.scope;
-    const canDuplicate = summaryHasData && isCollection;
+    const canDuplicate = summaryHasData && isCollection && !!onCreateItemDraftAtScopeRef;
     const canCopyAndNewRule = summaryHasData && !isCollection && !!isRuleTab && !!onCreateRuleFromClipboardRef;
     return {
       onCopy: summaryHasData ? () => {
@@ -1813,24 +2124,12 @@ function useShellClipboard(args) {
         }, 0);
       } : void 0,
       onDuplicate: canDuplicate ? () => {
-        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) });
-        onLeftSelectRef.current?.(record);
-        const create = onCreateItemDraftRef?.current;
-        if (!create) return;
-        window.setTimeout(() => {
-          const newId = create();
-          if (newId) setPendingPasteTarget({ kind: "record", recordId: newId });
-        }, 0);
-        setNotice({
-          message: i18n.duplicateToast.replace("{name}", record.label),
-          variant: "copy"
+        openDuplicatePicker({
+          value: record.data,
+          scope: sourceParsed,
+          label: record.label,
+          facetRule: record.facetRule ?? null,
+          recordId: record.id ?? void 0
         });
       } : void 0
     };
@@ -1843,10 +2142,36 @@ function useShellClipboard(args) {
       onDismiss: () => setNotice(null)
     }
   ) : null;
+  const duplicatePicker = enabled ? /* @__PURE__ */ jsx(
+    DuplicateTargetPicker,
+    {
+      open: pickerOpen,
+      sourceLabel: pickerSourceRef.current?.label ?? "",
+      sourceHasRule: !!pickerSourceRef.current?.facetRule,
+      rules: (ruleCatalogueRef?.current ?? ruleCatalogue ?? []).map((r) => ({
+        hash: r.hash,
+        summary: r.summary,
+        count: r.count
+      })),
+      supportsRules,
+      onCancel: onDuplicatePickerCancel,
+      onConfirm: onDuplicatePickerConfirm,
+      i18n: {
+        title: i18n.duplicateDialogTitle,
+        global: i18n.duplicateTargetGlobal,
+        sameRule: i18n.duplicateTargetSameRule,
+        existingRules: i18n.duplicateTargetExistingRules,
+        newRule: i18n.duplicateTargetNewRule,
+        confirm: i18n.duplicateConfirm,
+        cancel: i18n.duplicateCancel
+      }
+    }
+  ) : null;
   return {
     editorClipboard,
     rowClipboard,
     confirmDialog: pasteConfirm.dialog,
+    duplicatePicker,
     toast,
     store: clipboard
   };
@@ -3981,8 +4306,8 @@ var LifecycleStatusControl = ({
     if (next === value) return;
     setBusy(true);
     try {
-      await SL.app.records.update(collectionId, appId, recordId, { status: next }, true);
-      onChanged?.(next);
+      const updated = await SL.app.records.update(collectionId, appId, recordId, { status: next }, true);
+      onChanged?.(next, updated);
     } catch (err) {
       console.warn("[LifecycleStatusControl] update failed", err);
     } finally {
@@ -4176,9 +4501,9 @@ var LifecycleStatusMenu = ({
     }
     setBusy(next.value);
     try {
-      await SL.app.records.update(collectionId, appId, recordId, { status: next.value }, true);
+      const updated = await SL.app.records.update(collectionId, appId, recordId, { status: next.value }, true);
       onTelemetry?.({ from: current, to: next.value });
-      onChanged?.(next.value);
+      onChanged?.(next.value, updated);
     } catch (err) {
       console.warn("[LifecycleStatusMenu] update failed", err);
     } finally {
@@ -4684,7 +5009,8 @@ function useCollectionItems(args) {
         label: stableItemId,
         updatedAt: rec.updatedAt,
         itemId: stableItemId,
-        facetRule: recFacetRule
+        facetRule: recFacetRule,
+        lifecycleStatus: rec.status ?? void 0
       };
       return toSummary2(rec, base);
     }).filter((x) => x !== null);
@@ -5159,6 +5485,22 @@ function RecordEditor({
                   ]
                 }
               ),
+              clipboard.onDuplicate && /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  type: "button",
+                  onClick: clipboard.onDuplicate,
+                  disabled: !clipboard.canCopy || !!ctx.isSaving,
+                  title: clipboard.duplicateLabel ?? i18n.duplicateAction ?? "Duplicate",
+                  "aria-label": clipboard.duplicateLabel ?? i18n.duplicateAction ?? "Duplicate",
+                  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(CopyPlus, { className: "w-3 h-3" }),
+                    clipboard.duplicateLabel ?? i18n.duplicateAction ?? "Duplicate"
+                  ]
+                }
+              ),
               /* @__PURE__ */ jsxs(
                 "button",
                 {
@@ -6895,7 +7237,9 @@ function SiblingRail({
   total,
   hasNextPage,
   isFetchingNextPage,
-  onLoadMore
+  onLoadMore,
+  rowClipboard,
+  rowActions
 }) {
   const ruleLabelLookup = useRuleLabelLookup();
   const newLabel = i18n.newItem.includes("{noun}") ? i18n.newItem.replace("{noun}", itemNoun ?? "item") : i18n.newItem;
@@ -6934,45 +7278,68 @@ function SiblingRail({
         const ruleClauses = item.facetRule ? summarizeFacetRule(item.facetRule, ruleLabelLookup) : [];
         const isTargeted = ruleClauses.length > 0;
         const ruleSummary = isTargeted ? ruleClauses.map((c) => c.label).join(" \xB7 ") : null;
-        return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
-          "button",
-          {
-            type: "button",
-            onClick: () => onSelect(id),
-            className: "ra-row",
-            "data-selected": selected,
-            children: [
-              /* @__PURE__ */ jsxs("div", { className: "ra-row-body", children: [
-                /* @__PURE__ */ jsx("div", { className: "ra-row-title", children: item.label }),
-                item.subtitle && /* @__PURE__ */ jsx("div", { className: "ra-row-sub", children: item.subtitle })
-              ] }),
-              isTargeted && /* @__PURE__ */ jsx(
-                "span",
-                {
-                  className: "ra-row-rule-pip",
-                  title: ruleSummary ? `Targeted: ${ruleSummary}` : "This item has targeting rules",
-                  "aria-label": ruleSummary ? `Targeted: ${ruleSummary}` : "This item has targeting rules",
-                  children: /* @__PURE__ */ jsx(Target, { className: "w-3 h-3", "aria-hidden": "true" })
-                }
-              ),
-              hasError ? /* @__PURE__ */ jsx(
-                "span",
-                {
-                  className: "ra-error-pip",
-                  title: "Save failed",
-                  "aria-label": "Save failed"
-                }
-              ) : isDirty ? /* @__PURE__ */ jsx(
-                "span",
-                {
-                  className: "ra-dirty-pip",
-                  title: "Unsaved changes",
-                  "aria-label": "Unsaved changes"
+        return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("div", { className: "ra-row-shell", "data-selected": selected, children: [
+          /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: () => onSelect(id),
+              className: "ra-row",
+              "data-selected": selected,
+              children: [
+                /* @__PURE__ */ jsxs("div", { className: "ra-row-body", children: [
+                  /* @__PURE__ */ jsx("div", { className: "ra-row-title", children: item.label }),
+                  item.subtitle && /* @__PURE__ */ jsx("div", { className: "ra-row-sub", children: item.subtitle })
+                ] }),
+                isTargeted && /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: "ra-row-rule-pip",
+                    title: ruleSummary ? `Targeted: ${ruleSummary}` : "This item has targeting rules",
+                    "aria-label": ruleSummary ? `Targeted: ${ruleSummary}` : "This item has targeting rules",
+                    children: /* @__PURE__ */ jsx(Target, { className: "w-3 h-3", "aria-hidden": "true" })
+                  }
+                ),
+                hasError ? /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: "ra-error-pip",
+                    title: "Save failed",
+                    "aria-label": "Save failed"
+                  }
+                ) : isDirty ? /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: "ra-dirty-pip",
+                    title: "Unsaved changes",
+                    "aria-label": "Unsaved changes"
+                  }
+                ) : null
+              ]
+            }
+          ),
+          (() => {
+            const cb = rowClipboard ? rowClipboard(item) : null;
+            const extra = rowActions ? rowActions(item) ?? void 0 : void 0;
+            if (!cb?.onCopy && !cb?.onDuplicate && !cb?.onCopyAndNewRule && !(extra && extra.length)) {
+              return null;
+            }
+            return /* @__PURE__ */ jsx(
+              RowContextMenu,
+              {
+                onCopy: cb?.onCopy,
+                onDuplicate: cb?.onDuplicate,
+                onCopyAndNewRule: cb?.onCopyAndNewRule,
+                actions: extra,
+                i18n: {
+                  copy: i18n.copy,
+                  duplicateAction: i18n.duplicateAction,
+                  copyAndNewRuleAction: i18n.copyAndNewRuleAction
                 }
-              ) : null
-            ]
-          }
-        ) }, key);
+              }
+            );
+          })()
+        ] }) }, key);
       }) })
     ] }),
     onLoadMore && /* @__PURE__ */ jsx(
@@ -8327,14 +8694,14 @@ var coerceDraftItemId2 = (generateItemId) => {
   const candidate = generateItemId ? generateItemId() : mintDraftItemId2();
   return isDraftId3(candidate) ? candidate : `draft:${candidate}`;
 };
-var productItemToSummary = (p) => {
+var productItemToSummary = (p, configured) => {
   const ref = buildRef({ productId: p.id });
   return {
     id: null,
     ref,
     scope: parseRef(ref),
     data: null,
-    status: "empty",
+    status: configured?.has(p.id) ? "configured" : "empty",
     label: p.name,
     subtitle: p.sku ?? void 0
   };
@@ -9123,6 +9490,8 @@ function RecordsAdminShellInner(props) {
   ]);
   const onLeftSelectRef = useRef(null);
   const onCreateItemDraftRef = useRef(null);
+  const onCreateItemDraftAtScopeRef = useRef(null);
+  const ruleCatalogueRef = useRef([]);
   const onCreateRuleFromClipboardRef = useRef(null);
   const previewReopenAnchorRef = useRef(null);
   const { runWithGuard } = useDirtyNavigation({
@@ -9175,14 +9544,17 @@ function RecordsAdminShellInner(props) {
     isCollection,
     selectedItemId,
     selectedRecordId,
-    resolved: { source: resolved.source, recordId: resolved.recordId },
+    resolved: { source: resolved.source, recordId: resolved.recordId, facetRule: resolved.facetRule ?? null },
     onTelemetry,
     onCopyOverride,
     onPasteOverride,
     onLeftSelectRef,
     onCreateItemDraftRef,
     onCreateRuleFromClipboardRef,
-    isRuleTab: activeScope === "rule" || activeScope === "collection"
+    isRuleTab: activeScope === "rule" || activeScope === "collection",
+    ruleCatalogueRef,
+    supportsRules: effectiveTopLevelScopes.includes("rule"),
+    onCreateItemDraftAtScopeRef
   });
   const editorClipboard = shellClipboard.editorClipboard;
   const rowClipboard = shellClipboard.rowClipboard;
@@ -9219,11 +9591,12 @@ function RecordsAdminShellInner(props) {
       label: label2,
       onAction: async () => {
         try {
-          await SL.app.records.update(collectionId, appId, record.id, { status: next }, true);
-          recordList.refetch();
-          if (cardinality === "singleton") {
-            ruleScopedList.refetch();
-            globalScopedList.refetch();
+          const updated = await SL.app.records.update(collectionId, appId, record.id, { status: next }, true);
+          if (updated) {
+            patchRecordIntoCaches(queryClient, ctx, updated);
+            queryClient.invalidateQueries({
+              queryKey: scopeCountsQueryKey(ctx.collectionId, ctx.appId, ctx.recordType)
+            });
           }
         } catch (err) {
           console.warn("[RecordsAdminShell] lifecycle update failed", err);
@@ -9263,6 +9636,14 @@ function RecordsAdminShellInner(props) {
   const itemViewCtx = baseItemViewCtx;
   const renderEditorWithPreview = () => {
     if (!editingTargetScope) return null;
+    const targetingSavedRecord = isCollection && selectedItemId && !isDraftId3(selectedItemId) || !!selectedRecordId && !isDraftId3(selectedRecordId);
+    if (resolved.isLoading && targetingSavedRecord && resolved.source !== "self") {
+      return /* @__PURE__ */ jsxs("div", { className: "p-4 space-y-3", "aria-busy": "true", "aria-live": "polite", children: [
+        /* @__PURE__ */ jsx("div", { className: "h-6 rounded-md animate-pulse", style: { background: "hsl(var(--ra-muted))", width: "40%" } }),
+        /* @__PURE__ */ jsx("div", { className: "h-24 rounded-md animate-pulse", style: { background: "hsl(var(--ra-muted))" } }),
+        /* @__PURE__ */ jsx("div", { className: "h-24 rounded-md animate-pulse", style: { background: "hsl(var(--ra-muted))" } })
+      ] });
+    }
     const previewAnchorRef = previewReopenAnchorRef;
     const previewBody = renderPreview && effectivePreviewScope ? renderPreview({ resolved: editorCtx.value, previewScope: effectivePreviewScope }) : null;
     const scopePicker = previewScopePicker && effectivePreviewScope ? /* @__PURE__ */ jsx(
@@ -9314,7 +9695,7 @@ function RecordsAdminShellInner(props) {
         ]
       }
     ) : null;
-    const selectedSummary = selectedRecordId && selectedRecordId !== DRAFT_ID3 ? recordList.items.find((r) => r.id === selectedRecordId) ?? globalScopedList.items.find((r) => r.id === selectedRecordId) ?? ruleScopedList.items.find((r) => r.id === selectedRecordId) : void 0;
+    const selectedSummary = selectedRecordId && selectedRecordId !== DRAFT_ID3 ? recordList.items.find((r) => r.id === selectedRecordId) ?? globalScopedList.items.find((r) => r.id === selectedRecordId) ?? ruleScopedList.items.find((r) => r.id === selectedRecordId) ?? collectionItems.items.find((r) => r.id === selectedRecordId) : isCollection && selectedItemId && !isDraftId3(selectedItemId) ? collectionItems.items.find((r) => r.id === selectedItemId) : void 0;
     const editorLifecycleControl = selectedSummary?.id ? /* @__PURE__ */ jsx(
       LifecycleStatusControl,
       {
@@ -9324,8 +9705,13 @@ function RecordsAdminShellInner(props) {
         recordId: selectedSummary.id,
         current: selectedSummary.lifecycleStatus,
         i18n,
-        onChanged: () => {
-          void recordList.refetch();
+        onChanged: (_next, updated) => {
+          if (updated) {
+            patchRecordIntoCaches(queryClient, ctx, updated);
+            queryClient.invalidateQueries({
+              queryKey: scopeCountsQueryKey(ctx.collectionId, ctx.appId, ctx.recordType)
+            });
+          }
         }
       }
     ) : null;
@@ -9348,11 +9734,12 @@ function RecordsAdminShellInner(props) {
           from: e.from,
           to: e.to
         }),
-        onChanged: () => {
-          void refetchAll();
-          if (cardinality === "singleton") {
-            ruleScopedList.refetch();
-            globalScopedList.refetch();
+        onChanged: (_next, updated) => {
+          if (updated) {
+            patchRecordIntoCaches(queryClient, ctx, updated);
+            queryClient.invalidateQueries({
+              queryKey: scopeCountsQueryKey(ctx.collectionId, ctx.appId, ctx.recordType)
+            });
           }
         }
       }
@@ -9524,7 +9911,7 @@ function RecordsAdminShellInner(props) {
       }];
     }
     const configured = scopeCounts.productIds;
-    const all = productBrowse.items.map(productItemToSummary);
+    const all = productBrowse.items.map((p) => productItemToSummary(p, configured));
     const isConfigured = (s) => {
       const pid = s.scope.productId;
       return !!pid && configured.has(pid);
@@ -9949,6 +10336,26 @@ function RecordsAdminShellInner(props) {
   onLeftSelectRef.current = onLeftSelect;
   onCreateItemDraftRef.current = onItemCreate;
   onCreateRuleFromClipboardRef.current = () => onCreateRule("paste");
+  ruleCatalogueRef.current = ruleCatalogue;
+  onCreateItemDraftAtScopeRef.current = (target) => {
+    if (!isCollection) return null;
+    if (target.kind === "global") {
+      if (activeScope !== "collection") setActiveScope("collection");
+      setSelectedRecordId(null);
+      setDraftKind(null);
+      const id2 = onItemCreate();
+      return id2 ?? null;
+    }
+    if (activeScope !== "rule") setActiveScope("rule");
+    setRuleWizardRule(target.rule);
+    setRuleWizardSeedMode(null);
+    setRuleWizardDraftKey(null);
+    setRuleWizardStep(2);
+    setDraftKind("rule");
+    setSelectedRecordId(null);
+    const id = onItemCreate();
+    return id ?? null;
+  };
   return /* @__PURE__ */ jsx(RuleLabelLookupProvider, { value: ruleLabelLookup, children: /* @__PURE__ */ jsxs(
     "div",
     {
@@ -9957,6 +10364,7 @@ function RecordsAdminShellInner(props) {
       children: [
         dirtyConfirm.dialog,
         shellClipboard.confirmDialog,
+        shellClipboard.duplicatePicker,
         shellClipboard.toast,
         (() => {
           const showFloatHelp = !!intro && dismissed && resolvedReopenAffordance === "footer" && !headerWillRender;
@@ -10123,6 +10531,8 @@ function RecordsAdminShellInner(props) {
                   onLoadMore: () => {
                     void collectionItems.fetchNextPage();
                   },
+                  rowClipboard,
+                  rowActions: wrappedRecordActions,
                   contextKind: isLifecycleRailEarly && lifecycleBucketLabel ? lifecycleBucketLabel : activeScope === "rule" ? "Rule" : activeScope === "product" ? "Product" : activeScope === "collection" ? "Global" : activeScope === "all" ? "All records" : activeScope === "variant" ? "Variant" : activeScope === "batch" ? "Batch" : activeScope === "facet" ? "Facet" : void 0,
                   contextSummary: isLifecycleRailEarly && lifecycleBucketLabel ? `${scopedCollectionItemsList.length} ${itemNounLabel}${scopedCollectionItemsList.length === 1 ? "" : "s"}` : activeScope === "rule" ? activeRuleSummary : activeScope === "product" ? editorHeaderLabel ?? null : null,
                   i18n
@@ -10274,7 +10684,8 @@ function RecordsAdminShellInner(props) {
                         const ids = singletonConflicts.flatMap((c) => c.duplicates.map((d) => d.id)).filter((id) => !!id);
                         for (const id of ids) {
                           try {
-                            await SL.app.records.update(collectionId, appId, id, { status: archivedStatusValue }, true);
+                            const updated = await SL.app.records.update(collectionId, appId, id, { status: archivedStatusValue }, true);
+                            if (updated) patchRecordIntoCaches(queryClient, ctx, updated);
                             onTelemetry?.({
                               type: "recordAction.invoke",
                               recordType,
@@ -10285,17 +10696,16 @@ function RecordsAdminShellInner(props) {
                             console.warn("[RecordsAdminShell] archive-duplicate failed", id, err);
                           }
                         }
-                        if (cardinality === "singleton") {
-                          ruleScopedList.refetch();
-                          globalScopedList.refetch();
-                        }
-                        await refetchAll();
+                        queryClient.invalidateQueries({
+                          queryKey: scopeCountsQueryKey(ctx.collectionId, ctx.appId, ctx.recordType)
+                        });
                       } : void 0,
                       onDeleteDuplicates: enableDeleteDuplicates ? async () => {
                         const ids = singletonConflicts.flatMap((c) => c.duplicates.map((d) => d.id)).filter((id) => !!id);
                         for (const id of ids) {
                           try {
                             await SL.app.records.remove(collectionId, appId, id, true);
+                            removeRecordFromCaches(queryClient, ctx, id);
                             onTelemetry?.({
                               type: "recordAction.invoke",
                               recordType,
@@ -10306,11 +10716,9 @@ function RecordsAdminShellInner(props) {
                             console.warn("[RecordsAdminShell] delete-duplicate failed", id, err);
                           }
                         }
-                        if (cardinality === "singleton") {
-                          ruleScopedList.refetch();
-                          globalScopedList.refetch();
-                        }
-                        await refetchAll();
+                        queryClient.invalidateQueries({
+                          queryKey: scopeCountsQueryKey(ctx.collectionId, ctx.appId, ctx.recordType)
+                        });
                       } : void 0,
                       i18n: {
                         title: i18n.conflictBannerTitle,