@proveanything/smartlinks-utils-ui 0.12.1 → 0.12.4

package/dist/components/RecordsAdmin/index.d.ts

@@ -1689,6 +1689,14 @@ interface Props$c<T> {
         onCopyAndNewRule?: () => void;
         /** Label for the "Copy and start new rule" button. */
         copyAndNewRuleLabel?: string;
+        /**
+         * Collection-cardinality affordance — clone the current editor value
+         * into a fresh draft item under the same scope. Mirrors the row menu
+         * Duplicate action.
+         */
+        onDuplicate?: () => void;
+        /** Optional label override for the Duplicate button. */
+        duplicateLabel?: string;
     };
     /** Host-provided labels for save / discard / delete (resting state only). */
     actionLabels?: Partial<Record<RecordsAdminActionKey, string>>;
@@ -2885,9 +2893,22 @@ interface Props$1<T> {
     hasNextPage?: boolean;
     isFetchingNextPage?: boolean;
     onLoadMore?: () => void;
-    i18n: Pick<RecordsAdminI18n, 'backToScopes' | 'siblingsHeading' | 'noItemsTitle' | 'noItemsBody' | 'backToList' | 'newItem'>;
+    /**
+     * Per-row clipboard actions (Copy / Duplicate / Copy and start new
+     * rule). Mirrors the menu surfaced by `ItemListView` so the open-item
+     * sibling rail offers the same affordances without bouncing back to
+     * the list. Hidden when omitted.
+     */
+    rowClipboard?: (record: RecordSummary<T>) => {
+        onCopy?: () => void;
+        onDuplicate?: () => void;
+        onCopyAndNewRule?: () => void;
+    } | null | undefined;
+    /** Host-defined extra row actions, surfaced below the built-ins. */
+    rowActions?: (record: RecordSummary<T>) => RecordAction[] | null | undefined;
+    i18n: Pick<RecordsAdminI18n, 'backToScopes' | 'siblingsHeading' | 'noItemsTitle' | 'noItemsBody' | 'backToList' | 'newItem' | 'copy' | 'duplicateAction' | 'copyAndNewRuleAction'>;
 }
-declare function SiblingRail<T>({ items, selectedItemId, isLoading, error, onBack, onSelect, contextKind, contextSummary, onCreate, itemNoun, dirtyKeys, errorKeys, i18n, total, hasNextPage, isFetchingNextPage, onLoadMore, }: Props$1<T>): react_jsx_runtime.JSX.Element;
+declare function SiblingRail<T>({ items, selectedItemId, isLoading, error, onBack, onSelect, contextKind, contextSummary, onCreate, itemNoun, dirtyKeys, errorKeys, i18n, total, hasNextPage, isFetchingNextPage, onLoadMore, rowClipboard, rowActions, }: Props$1<T>): react_jsx_runtime.JSX.Element;
 
 interface ClipboardEntry<T = unknown> {
     value: T;
@@ -2974,7 +2995,7 @@ interface Props {
     /** Optional veto hook — return false / throw to abort the change. */
     beforeChange?: (ctx: LifecycleChangeCtx) => boolean | Promise<boolean>;
     /** Fires after a successful flip with the new value. */
-    onChanged?: (next: string) => void;
+    onChanged?: (next: string, record?: AppRecord) => void;
     /** Telemetry hook — receives `{ from, to }`. */
     onTelemetry?: (event: {
         from: string | undefined;

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, 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';
@@ -1765,6 +1765,19 @@ 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.
+    onDuplicate: isCollection && !!onCreateItemDraftRef ? () => {
+      copyCurrent();
+      window.setTimeout(() => {
+        const create = onCreateItemDraftRef?.current;
+        if (!create) return;
+        const newId = create();
+        if (newId) setPendingPasteTarget({ kind: "record", recordId: newId });
+      }, 0);
     } : void 0
   } : void 0;
   const [pendingPasteTarget, setPendingPasteTarget] = useState(null);
@@ -3981,8 +3994,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 +4189,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 +4697,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 +5173,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 +6925,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 +6966,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 +8382,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
   };
@@ -8686,8 +8741,20 @@ function RecordsAdminShellInner(props) {
     return productBrowse.items;
   }, [pinnedProduct.item, productBrowse.items]);
   const singletonConflicts = useMemo(
-    () => cardinality === "singleton" ? groupSingletonConflicts(recordList.items, activeStatuses) : [],
-    [cardinality, recordList.items, activeStatuses]
+    () => {
+      if (cardinality !== "singleton") return [];
+      if (recordList.isLoading) return [];
+      if (recordList.isFetchingNextPage || recordList.hasNextPage) return [];
+      return groupSingletonConflicts(recordList.items, activeStatuses);
+    },
+    [
+      cardinality,
+      recordList.items,
+      recordList.isLoading,
+      recordList.isFetchingNextPage,
+      recordList.hasNextPage,
+      activeStatuses
+    ]
   );
   const hasSingletonConflicts = singletonConflicts.length > 0;
   const totalDuplicateCount = useMemo(
@@ -9207,11 +9274,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);
@@ -9251,6 +9319,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(
@@ -9302,7 +9378,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,
       {
@@ -9312,8 +9388,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;
@@ -9336,11 +9417,12 @@ function RecordsAdminShellInner(props) {
           from: e.from,
           to: e.to
         }),
-        onChanged: () => {
-          void recordList.refetch();
-          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)
+            });
           }
         }
       }
@@ -9512,7 +9594,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);
@@ -9656,8 +9738,12 @@ function RecordsAdminShellInner(props) {
       setRuleWizardStep(2);
     } else {
       setRuleWizardStep(2);
+      if (ruleWizardSeedMode) {
+        setRuleWizardDraftKey(mintRuleWizardDraftKey());
+        setSelectedRecordId(DRAFT_ID3);
+      }
     }
-  }, [cardinality]);
+  }, [cardinality, ruleWizardSeedMode, mintRuleWizardDraftKey]);
   const startRuleWizardDraft = useCallback((seed) => {
     setRuleWizardSeedMode(seed);
     setRuleWizardDraftKey(mintRuleWizardDraftKey());
@@ -10107,6 +10193,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
@@ -10258,7 +10346,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,
@@ -10269,17 +10358,16 @@ function RecordsAdminShellInner(props) {
                             console.warn("[RecordsAdminShell] archive-duplicate failed", id, err);
                           }
                         }
-                        recordList.refetch();
-                        if (cardinality === "singleton") {
-                          ruleScopedList.refetch();
-                          globalScopedList.refetch();
-                        }
+                        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,
@@ -10290,11 +10378,9 @@ function RecordsAdminShellInner(props) {
                             console.warn("[RecordsAdminShell] delete-duplicate failed", id, err);
                           }
                         }
-                        recordList.refetch();
-                        if (cardinality === "singleton") {
-                          ruleScopedList.refetch();
-                          globalScopedList.refetch();
-                        }
+                        queryClient.invalidateQueries({
+                          queryKey: scopeCountsQueryKey(ctx.collectionId, ctx.appId, ctx.recordType)
+                        });
                       } : void 0,
                       i18n: {
                         title: i18n.conflictBannerTitle,