@proveanything/smartlinks-utils-ui 0.9.13 → 0.10.2

package/dist/components/RecordsAdmin/index.js

@@ -6,7 +6,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, useState, useEffect, useCallback, useMemo, useRef, useContext, useSyncExternalStore, useLayoutEffect, createElement, useId } 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, Rows3, ChevronRight, Eraser, ClipboardPaste, Box, X, Search, Image, Table, ArrowLeft, ChevronLeft, AlertTriangle, Info, HelpCircle, CornerDownLeft, Circle, AlertCircle, Undo2, Save, Loader2, XCircle, ArrowRight, BookOpen, Globe2, Target, Check, Settings2 } from 'lucide-react';
+import { ChevronDown, Database, Lightbulb, SearchX, Inbox, LayoutGrid, Eye, MoreHorizontal, Download, Upload, Trash2, Copy, Pencil, Plus, CircleDashed, ArrowDownLeft, CheckCircle2, List, SlidersHorizontal, Globe, Tag, Boxes, Layers, Package, Target, Rows3, ChevronRight, Eraser, ClipboardPaste, Box, X, Search, Image, Table, ArrowLeft, ChevronLeft, AlertTriangle, Info, HelpCircle, CornerDownLeft, Circle, CopyPlus, AlertCircle, Undo2, Save, Loader2, XCircle, ArrowRight, BookOpen, Globe2, Check, Settings2 } from 'lucide-react';
 import { useQuery, useQueryClient, useInfiniteQuery } from '@tanstack/react-query';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { createPortal } from 'react-dom';
@@ -142,6 +142,8 @@ var DEFAULT_I18N = {
   pasteConfirmCancel: "Cancel",
   pasteWarnTitle: "Cross-scope paste",
   pasteWarnContinue: "Continue",
+  duplicateAction: "Duplicate",
+  duplicateToast: "Duplicated {name}. Review and Save.",
   itemsAllLabel: "All items",
   subtitleEmpty: "Not set",
   subtitleConfigured: "Configured",
@@ -1549,7 +1551,8 @@ function useShellClipboard(args) {
     onTelemetry,
     onCopyOverride,
     onPasteOverride,
-    onLeftSelectRef
+    onLeftSelectRef,
+    onCreateItemDraftRef
   } = args;
   const clipboard = useRecordClipboard({
     appId,
@@ -1681,8 +1684,7 @@ function useShellClipboard(args) {
   const rowClipboard = enabled ? (record) => {
     const summaryHasData = record.data != null;
     const sourceParsed = record.scope;
-    const compat = clipboard.entry ? checkPasteCompatibility(clipboard.entry.sourceScope, sourceParsed) : null;
-    const sameTarget = clipboard.entry ? clipboard.entry.sourceRecordId && record.id ? clipboard.entry.sourceRecordId === record.id : clipboard.entry.sourceScope.raw === anchorKey(record.scope) : false;
+    const canDuplicate = summaryHasData && isCollection;
     return {
       onCopy: summaryHasData ? () => {
         const value = onCopyOverride ? onCopyOverride({ value: record.data, scope: sourceParsed }) : cloneValue(record.data);
@@ -1698,15 +1700,27 @@ function useShellClipboard(args) {
           variant: "copy"
         });
       } : void 0,
-      onPaste: () => {
+      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);
-        setPendingPasteTarget(
-          record.id ? { kind: "record", recordId: record.id } : { kind: "anchor", ref: anchorKey(record.scope) }
-        );
-      },
-      canPaste: !!clipboard.entry && !sameTarget && compat?.status !== "denied",
-      pasteWillReplace: record.status === "configured",
-      clipboardSourceLabel: clipboard.entry?.sourceLabel
+        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"
+        });
+      } : void 0
     };
   } : void 0;
   const toast = notice ? /* @__PURE__ */ jsx(
@@ -1860,14 +1874,17 @@ function useShellNavigation(args) {
     lastAppliedDLRef
   ]);
   const onItemCreate = useCallback(() => {
-    if (!isCollection) return;
+    if (!isCollection) return void 0;
+    let createdId;
     void runWithGuard(() => {
       const id = coerceDraftItemId(generateItemId);
+      createdId = id;
       setSelectedItemId(id);
       onTelemetry?.({ type: "item.create", recordType, scopeRef: baseScopeRef });
       deepLinkState.emit({ recordId: null, scope: baseScopeRef || null }, "record.open");
       stampEcho(null, baseScopeRef || null);
     });
+    return createdId;
   }, [
     isCollection,
     runWithGuard,
@@ -1951,7 +1968,9 @@ function useShellNavigation(args) {
   ]);
   const itemViewCtx = useMemo(() => ({
     onOpen: onItemOpen,
-    onCreate: onItemCreate,
+    onCreate: () => {
+      onItemCreate();
+    },
     onDelete: (id) => {
       void onItemDelete(id);
     },
@@ -2108,20 +2127,6 @@ var useShellDeepLink = (args) => {
   const [pendingDeepLinkRecordId, setPendingDeepLinkRecordId] = useState(null);
   const preserveInitialRecordIdRef = useRef(!!deepLinkState.urlState.recordId);
   const warnedMissingRef = useRef(/* @__PURE__ */ new Set());
-  const bootLoggedRef = useRef(false);
-  if (!bootLoggedRef.current) {
-    bootLoggedRef.current = true;
-    console.info("[RecordsAdminShell] deep-link boot snapshot", {
-      enabled: deepLinkState.enabled,
-      urlStateRecordId: deepLinkState.urlState.recordId ?? null,
-      urlStateScope: deepLinkState.urlState.scope ?? null,
-      urlStateView: deepLinkState.urlState.view ?? null,
-      urlStateRaw: JSON.stringify(deepLinkState.urlState),
-      paramNames: deepLinkState.paramNames,
-      windowHash: typeof window !== "undefined" ? window.location.hash : null,
-      windowSearch: typeof window !== "undefined" ? window.location.search : null
-    });
-  }
   useEffect(() => {
     if (!deepLinkState.enabled) return;
     if (selectedItemId) return;
@@ -2140,14 +2145,6 @@ var useShellDeepLink = (args) => {
   useEffect(() => {
     const { recordId, scope, view } = deepLinkState.urlState;
     const sig = `${recordId ?? ""}|${scope ?? ""}|${view ?? ""}`;
-    console.info("[RecordsAdminShell] restore effect tick", {
-      enabled: deepLinkState.enabled,
-      recordId,
-      scope,
-      view,
-      sig,
-      lastApplied: lastAppliedDLRef.current
-    });
     if (!deepLinkState.enabled) return;
     if (sig === lastAppliedDLRef.current) return;
     lastAppliedDLRef.current = sig;
@@ -2174,31 +2171,9 @@ var useShellDeepLink = (args) => {
     }
     setPendingDeepLinkRecordId(recordId ?? null);
     if (recordId) preserveInitialRecordIdRef.current = true;
-    if (recordId) {
-      console.info("[RecordsAdminShell] deep-link restore \u2014 pending recordId set", {
-        recordId,
-        scope: scope ?? null,
-        view: view ?? null
-      });
-    }
-    if (!recordId && selectedItemId !== null) {
-      console.info("[RecordsAdminShell] preserving selected item during restore without recordId", {
-        selectedItemId,
-        scope,
-        view
-      });
-    }
   }, [deepLinkState.enabled, deepLinkState.urlState]);
   useEffect(() => {
     const pending = pendingDeepLinkRecordId;
-    console.info("[RecordsAdminShell] resolver tick", {
-      pending,
-      isCollection,
-      collectionItemsCount: collectionItems.items.length,
-      collectionItemsLoading: collectionItems.isLoading,
-      recordListCount: recordListItems.length,
-      recordListLoading
-    });
     if (!pending) return;
     if (isCollection) {
       const hit2 = collectionItems.items.find((it) => it.id === pending || it.itemId === pending);
@@ -3282,10 +3257,8 @@ var statusToneLabel = (tone) => {
 };
 var RowContextMenu = ({
   onCopy,
-  onPaste,
-  canPaste,
-  pasteWillReplace,
-  pasteSourceLabel,
+  onDuplicate,
+  actions,
   i18n
 }) => {
   const [open, setOpen] = useState(false);
@@ -3334,8 +3307,9 @@ var RowContextMenu = ({
       window.removeEventListener("scroll", update, true);
     };
   }, [open]);
-  if (!onCopy && !onPaste) return null;
-  const pasteLabel = !canPaste ? i18n.clipboardEmpty : pasteSourceLabel ? i18n.pasteFrom.replace("{name}", pasteSourceLabel) : pasteWillReplace ? i18n.pasteReplace : i18n.paste;
+  const hasActions = (actions?.length ?? 0) > 0;
+  if (!onCopy && !onDuplicate && !hasActions) return null;
+  const showDivider = (onCopy || onDuplicate) && hasActions;
   return /* @__PURE__ */ jsxs("div", { ref: wrapperRef, className: "ra-row-menu-wrap relative", children: [
     /* @__PURE__ */ jsx(
       "button",
@@ -3381,24 +3355,49 @@ var RowContextMenu = ({
                 ]
               }
             ),
-            onPaste && /* @__PURE__ */ jsxs(
+            onDuplicate && /* @__PURE__ */ jsxs(
               "button",
               {
                 type: "button",
                 role: "menuitem",
                 className: "ra-row-menu-item",
-                disabled: !canPaste,
                 onClick: (e) => {
                   e.stopPropagation();
                   setOpen(false);
-                  if (canPaste) onPaste();
+                  onDuplicate();
                 },
                 children: [
-                  /* @__PURE__ */ jsx(ClipboardPaste, { className: "w-3 h-3", "aria-hidden": "true" }),
-                  /* @__PURE__ */ jsx("span", { className: "truncate", children: pasteLabel })
+                  /* @__PURE__ */ jsx(CopyPlus, { className: "w-3 h-3", "aria-hidden": "true" }),
+                  /* @__PURE__ */ jsx("span", { children: i18n.duplicateAction })
                 ]
               }
-            )
+            ),
+            showDivider && /* @__PURE__ */ jsx("div", { className: "ra-row-menu-divider", role: "separator" }),
+            hasActions && actions.map((action) => {
+              const Icon = action.icon;
+              return /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  type: "button",
+                  role: "menuitem",
+                  className: "ra-row-menu-item",
+                  "data-tone": action.variant === "danger" ? "danger" : void 0,
+                  disabled: action.disabled,
+                  title: action.disabled ? action.disabledReason : void 0,
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    if (action.disabled) return;
+                    setOpen(false);
+                    void action.onAction();
+                  },
+                  children: [
+                    Icon && /* @__PURE__ */ jsx(Icon, { className: "w-3 h-3" }),
+                    /* @__PURE__ */ jsx("span", { children: action.label })
+                  ]
+                },
+                action.key
+              );
+            })
           ]
         }
       ),
@@ -3447,7 +3446,7 @@ var RuleLabelLookupProvider = ({
   return /* @__PURE__ */ jsx(RuleLabelLookupContext.Provider, { value: v, children });
 };
 var DefaultRecordRow = ({ record, ctx, compact = false }) => {
-  const { selected, onSelect, isDirty, hasError, onCopy, onPaste, canPaste, pasteWillReplace, clipboardSourceLabel } = ctx;
+  const { selected, onSelect, isDirty, hasError, onCopy, onDuplicate, actions } = ctx;
   const ruleLabelLookup = useRuleLabelLookup();
   const ScopeIcon = record.scope.kind && record.scope.kind !== "collection" ? DEFAULT_ICONS.scope[record.scope.kind] : DEFAULT_ICONS.scope.product;
   const tone = resolveTone(void 0, record.status);
@@ -3500,7 +3499,7 @@ var DefaultRecordRow = ({ record, ctx, compact = false }) => {
               className: "ra-row-rule-pip",
               title: ruleSummary ? `Targeted: ${ruleSummary}` : "This record has targeting rules",
               "aria-label": ruleSummary ? `Targeted: ${ruleSummary}` : "This record has targeting rules",
-              children: /* @__PURE__ */ jsx(SlidersHorizontal, { className: "w-3 h-3", "aria-hidden": "true" })
+              children: /* @__PURE__ */ jsx(Target, { className: "w-3 h-3", "aria-hidden": "true" })
             }
           ),
           hasError ? /* @__PURE__ */ jsx(
@@ -3519,20 +3518,15 @@ var DefaultRecordRow = ({ record, ctx, compact = false }) => {
             }
           )
         ] }),
-        (onCopy || onPaste) && /* @__PURE__ */ jsx(
+        (onCopy || onDuplicate || actions && actions.length > 0) && /* @__PURE__ */ jsx(
           RowContextMenu,
           {
             onCopy,
-            onPaste,
-            canPaste,
-            pasteWillReplace,
-            pasteSourceLabel: clipboardSourceLabel,
+            onDuplicate,
+            actions,
             i18n: {
               copy: DEFAULT_I18N.copy,
-              paste: DEFAULT_I18N.paste,
-              pasteFrom: DEFAULT_I18N.pasteFrom,
-              pasteReplace: DEFAULT_I18N.pasteReplace,
-              clipboardEmpty: DEFAULT_I18N.clipboardEmpty
+              duplicateAction: DEFAULT_I18N.duplicateAction
             }
           }
         )
@@ -3554,10 +3548,37 @@ var RecordList = ({
   groupBy,
   renderGroupActions,
   rowClipboard,
+  rowActions,
   i18n
 }) => {
+  const containerRef = useRef(null);
+  const onKeyDown = useCallback((e) => {
+    const key = e.key;
+    if (key !== "ArrowDown" && key !== "ArrowUp" && key !== "Home" && key !== "End") {
+      return;
+    }
+    const root = containerRef.current;
+    if (!root) return;
+    const buttons = Array.from(
+      root.querySelectorAll("button.ra-row-hit")
+    ).filter((btn) => !btn.hasAttribute("disabled") && btn.offsetParent !== null);
+    if (buttons.length === 0) return;
+    const active = document.activeElement;
+    const currentIdx = active ? buttons.indexOf(active) : -1;
+    let nextIdx = currentIdx;
+    if (key === "ArrowDown") nextIdx = currentIdx < 0 ? 0 : Math.min(currentIdx + 1, buttons.length - 1);
+    else if (key === "ArrowUp") nextIdx = currentIdx <= 0 ? 0 : currentIdx - 1;
+    else if (key === "Home") nextIdx = 0;
+    else if (key === "End") nextIdx = buttons.length - 1;
+    if (nextIdx !== currentIdx && buttons[nextIdx]) {
+      e.preventDefault();
+      buttons[nextIdx].focus();
+      buttons[nextIdx].scrollIntoView({ block: "nearest" });
+    }
+  }, []);
   const buildCtx = (item) => {
     const cb = rowClipboard ? rowClipboard(item) : null;
+    const extraActions = rowActions ? rowActions(item) ?? void 0 : void 0;
     const itemAnchorKey = anchorKey(item.scope);
     const idMatch = selectedId != null && item.id != null && item.id === selectedId;
     const anchorMatch = selectedAnchorKey != null && !!itemAnchorKey && itemAnchorKey === selectedAnchorKey;
@@ -3572,7 +3593,8 @@ var RecordList = ({
       isDirty: dirtyIdMatch || dirtyAnchorMatch || idInStore || anchorInStore,
       hasError: errorInStore,
       i18n,
-      ...cb ?? {}
+      ...cb ?? {},
+      actions: extraActions && extraActions.length > 0 ? extraActions : void 0
     };
   };
   const groups = useMemo(() => {
@@ -3599,15 +3621,33 @@ var RecordList = ({
   };
   if (groups) {
     return /* @__PURE__ */ jsx(
-      GroupedList,
+      "div",
       {
-        groups,
-        renderItems,
-        renderGroupActions
+        ref: containerRef,
+        onKeyDown,
+        role: "listbox",
+        "aria-label": "Records",
+        children: /* @__PURE__ */ jsx(
+          GroupedList,
+          {
+            groups,
+            renderItems,
+            renderGroupActions
+          }
+        )
       }
     );
   }
-  return renderItems(items);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: containerRef,
+      onKeyDown,
+      role: "listbox",
+      "aria-label": "Records",
+      children: renderItems(items)
+    }
+  );
 };
 var GroupedList = ({
   groups,
@@ -5518,6 +5558,8 @@ function DefaultItemTable({
   selectedId,
   onOpen,
   onDelete,
+  rowActions,
+  rowClipboard,
   i18n
 }) {
   const cols = columns ?? [];
@@ -5555,6 +5597,31 @@ function DefaultItemTable({
               /* @__PURE__ */ jsx("td", { className: "ra-item-row-meta", children: formatDate(item.updatedAt) })
             ] }) : cols.map((c) => /* @__PURE__ */ jsx("td", { style: { textAlign: c.align ?? "left" }, children: c.render(item) }, c.key)),
             /* @__PURE__ */ jsxs("td", { className: "ra-item-row-actions", children: [
+              (() => {
+                const extra = rowActions ? rowActions(item) ?? void 0 : void 0;
+                const cb = rowClipboard ? rowClipboard(item) : null;
+                const hasExtras = !!(extra && extra.length > 0);
+                if (!cb?.onCopy && !cb?.onDuplicate && !hasExtras) return null;
+                return /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    onClick: (e) => e.stopPropagation(),
+                    onMouseDown: (e) => e.stopPropagation(),
+                    children: /* @__PURE__ */ jsx(
+                      RowContextMenu,
+                      {
+                        onCopy: cb?.onCopy,
+                        onDuplicate: cb?.onDuplicate,
+                        actions: extra ?? void 0,
+                        i18n: {
+                          copy: DEFAULT_I18N.copy,
+                          duplicateAction: DEFAULT_I18N.duplicateAction
+                        }
+                      }
+                    )
+                  }
+                );
+              })(),
               /* @__PURE__ */ jsx(
                 "button",
                 {
@@ -5598,6 +5665,8 @@ function DefaultItemCards({
   ctx,
   renderCard,
   cardSize = "md",
+  rowActions,
+  rowClipboard,
   i18n
 }) {
   const isGallery = variant === "gallery";
@@ -5610,10 +5679,13 @@ function DefaultItemCards({
         const id = item.itemId ?? "";
         const key = item.id ?? (id || anchorKey(item.scope) || `pos:${idx}`);
         const open = () => ctx.onOpen(id);
+        const extraActions = rowActions ? rowActions(item) ?? void 0 : void 0;
+        const cb = rowClipboard ? rowClipboard(item) : null;
         const slotCtx = {
           ...ctx,
           selected: selectedId === id,
-          onSelect: open
+          onSelect: open,
+          actions: extraActions && extraActions.length > 0 ? extraActions : void 0
         };
         if (renderCard) {
           return /* @__PURE__ */ jsx(
@@ -5640,6 +5712,26 @@ function DefaultItemCards({
                 /* @__PURE__ */ jsx("div", { className: "ra-item-card-title", children: item.label }),
                 item.subtitle && /* @__PURE__ */ jsx("div", { className: "ra-item-card-sub", children: item.subtitle })
               ] }),
+              (cb?.onCopy || cb?.onDuplicate || extraActions && extraActions.length > 0) && /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: "ra-item-card-menu",
+                  onClick: (e) => e.stopPropagation(),
+                  onMouseDown: (e) => e.stopPropagation(),
+                  children: /* @__PURE__ */ jsx(
+                    RowContextMenu,
+                    {
+                      onCopy: cb?.onCopy,
+                      onDuplicate: cb?.onDuplicate,
+                      actions: extraActions,
+                      i18n: {
+                        copy: DEFAULT_I18N.copy,
+                        duplicateAction: DEFAULT_I18N.duplicateAction
+                      }
+                    }
+                  )
+                }
+              ),
               /* @__PURE__ */ jsx(
                 "button",
                 {
@@ -5677,6 +5769,8 @@ function ItemListView({
   renderItemEmpty,
   itemColumns,
   cardSize = "md",
+  rowActions,
+  rowClipboard,
   i18n
 }) {
   const newLabel = i18n.newItem.includes("{noun}") ? i18n.newItem.replace("{noun}", itemNoun) : i18n.newItem;
@@ -5747,6 +5841,8 @@ function ItemListView({
         selectedId: ctx.selectedId,
         onOpen: ctx.onOpen,
         onDelete: ctx.onDelete,
+        rowActions,
+        rowClipboard,
         i18n
       }
     );
@@ -5760,6 +5856,8 @@ function ItemListView({
         ctx,
         renderCard: renderItemCard,
         cardSize,
+        rowActions,
+        rowClipboard,
         i18n
       }
     );
@@ -5852,67 +5950,92 @@ function SiblingRail({
   selectedItemId,
   isLoading,
   error,
+  onBack,
   onSelect,
+  contextKind,
+  contextSummary,
   dirtyKeys,
   errorKeys,
   i18n
 }) {
   const ruleLabelLookup = useRuleLabelLookup();
-  return /* @__PURE__ */ jsx("div", { className: "ra-sibling-rail", children: /* @__PURE__ */ jsxs("div", { className: "ra-sibling-body", children: [
-    isLoading && /* @__PURE__ */ jsx(LoadingState, {}),
-    !isLoading && error && /* @__PURE__ */ jsx(ErrorState, { error }),
-    !isLoading && !error && items.length === 0 && /* @__PURE__ */ jsx(EmptyState, { title: i18n.noItemsTitle, body: i18n.noItemsBody }),
-    !isLoading && !error && items.length > 0 && /* @__PURE__ */ jsx("ul", { className: "ra-sibling-list", children: items.map((item, idx) => {
-      const id = item.itemId ?? "";
-      const key = item.id ?? (id || anchorKey(item.scope) || `pos:${idx}`);
-      const akey = anchorKey(item.scope);
-      const selected = selectedItemId === id;
-      const isDirty = !!(id && dirtyKeys?.has(id) || akey && dirtyKeys?.has(akey));
-      const hasError = !!(id && errorKeys?.has(id) || akey && errorKeys?.has(akey));
-      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(
+  return /* @__PURE__ */ jsxs("div", { className: "ra-sibling-rail", children: [
+    (onBack || contextKind) && /* @__PURE__ */ jsxs("div", { className: "ra-sibling-context", children: [
+      onBack && /* @__PURE__ */ jsx(
         "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(SlidersHorizontal, { 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
-          ]
+          onClick: onBack,
+          className: "ra-sibling-context-back",
+          "aria-label": i18n.backToList,
+          title: i18n.backToList,
+          children: /* @__PURE__ */ jsx(ArrowLeft, { className: "w-3.5 h-3.5", "aria-hidden": "true" })
         }
-      ) }, key);
-    }) })
-  ] }) });
+      ),
+      contextKind && /* @__PURE__ */ jsxs("div", { className: "ra-sibling-context-label", title: contextSummary ? `${contextKind} \xB7 ${contextSummary}` : contextKind, children: [
+        /* @__PURE__ */ jsx("span", { className: "ra-sibling-context-kind", children: contextKind }),
+        contextSummary && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "ra-sibling-context-sep", children: "\xB7" }),
+          /* @__PURE__ */ jsx("span", { className: "ra-sibling-context-summary", children: contextSummary })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "ra-sibling-body", children: [
+      isLoading && /* @__PURE__ */ jsx(LoadingState, {}),
+      !isLoading && error && /* @__PURE__ */ jsx(ErrorState, { error }),
+      !isLoading && !error && items.length === 0 && /* @__PURE__ */ jsx(EmptyState, { title: i18n.noItemsTitle, body: i18n.noItemsBody }),
+      !isLoading && !error && items.length > 0 && /* @__PURE__ */ jsx("ul", { className: "ra-sibling-list", children: items.map((item, idx) => {
+        const id = item.itemId ?? "";
+        const key = item.id ?? (id || anchorKey(item.scope) || `pos:${idx}`);
+        const akey = anchorKey(item.scope);
+        const selected = selectedItemId === id;
+        const isDirty = !!(id && dirtyKeys?.has(id) || akey && dirtyKeys?.has(akey));
+        const hasError = !!(id && errorKeys?.has(id) || akey && errorKeys?.has(akey));
+        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"
+                }
+              ) : null
+            ]
+          }
+        ) }, key);
+      }) })
+    ] })
+  ] });
 }
 var TONE_ICON = {
   info: Lightbulb,
@@ -6850,6 +6973,60 @@ var SaveAllProgress = ({
     }
   );
 };
+function PreviewReopenPill({ anchorRef, onClick, ariaLabel, title, children }) {
+  const [pos, setPos] = useState(null);
+  const rafRef = useRef(null);
+  useLayoutEffect(() => {
+    const el = anchorRef.current;
+    if (!el || typeof window === "undefined") return;
+    const measure = () => {
+      if (rafRef.current != null) cancelAnimationFrame(rafRef.current);
+      rafRef.current = requestAnimationFrame(() => {
+        const rect = el.getBoundingClientRect();
+        if (rect.width === 0 && rect.height === 0) return;
+        setPos({
+          top: rect.top + rect.height / 2,
+          right: Math.max(0, window.innerWidth - rect.right)
+        });
+      });
+    };
+    measure();
+    const ro = new ResizeObserver(measure);
+    ro.observe(el);
+    ro.observe(document.body);
+    window.addEventListener("resize", measure);
+    window.addEventListener("scroll", measure, true);
+    return () => {
+      ro.disconnect();
+      window.removeEventListener("resize", measure);
+      window.removeEventListener("scroll", measure, true);
+      if (rafRef.current != null) cancelAnimationFrame(rafRef.current);
+    };
+  }, [anchorRef]);
+  if (typeof document === "undefined" || !pos) return null;
+  return createPortal(
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: "ra-shell ra-preview-reopen ra-preview-reopen--floating",
+        onClick,
+        "aria-label": ariaLabel,
+        title,
+        style: {
+          position: "fixed",
+          top: pos.top,
+          right: pos.right,
+          // Pull half the pill width out into the gutter so it visually
+          // anchors *to* the editor edge rather than sitting inside it.
+          transform: "translate(50%, -50%)"
+        },
+        children
+      }
+    ),
+    document.body
+  );
+}
 var EditorMountPool = ({
   renderSlot,
   keepMountedHidden = true,
@@ -7144,6 +7321,7 @@ function RecordsAdminShellInner(props) {
     unsaved,
     clipboard,
     actions,
+    recordActions,
     icons: iconsOverride,
     // Deep linking
     deepLink
@@ -7600,6 +7778,8 @@ function RecordsAdminShellInner(props) {
     i18n
   ]);
   const onLeftSelectRef = useRef(null);
+  const onCreateItemDraftRef = useRef(null);
+  const previewReopenAnchorRef = useRef(null);
   const { runWithGuard } = useDirtyNavigation({
     strategy: dirtyStrategy,
     isDirty: editorCtx.isDirty,
@@ -7654,19 +7834,37 @@ function RecordsAdminShellInner(props) {
     onTelemetry,
     onCopyOverride,
     onPasteOverride,
-    onLeftSelectRef
+    onLeftSelectRef,
+    onCreateItemDraftRef
   });
   const editorClipboard = shellClipboard.editorClipboard;
   const rowClipboard = shellClipboard.rowClipboard;
+  const wrappedRecordActions = recordActions ? (record) => {
+    const list = recordActions(record, record.scope);
+    if (!list || list.length === 0) return list ?? void 0;
+    return list.map((a) => ({
+      ...a,
+      onAction: () => {
+        onTelemetry?.({
+          type: "recordAction.invoke",
+          recordType,
+          key: a.key,
+          ref: anchorKey(record.scope)
+        });
+        return a.onAction();
+      }
+    }));
+  } : void 0;
   const baseScopeRef = editingScope?.raw ?? "";
   const itemNounLabel = itemNoun || "item";
   const {
     onItemOpen,
+    onItemCreate,
     onItemBack,
     onItemPrev,
     onItemNext,
     itemPosition,
-    itemViewCtx} = useShellNavigation({
+    itemViewCtx: baseItemViewCtx} = useShellNavigation({
     isCollection,
     runWithGuard,
     selectedItemId,
@@ -7686,8 +7884,10 @@ function RecordsAdminShellInner(props) {
     hooks: props.hooks,
     lastAppliedDLRef
   });
+  const itemViewCtx = baseItemViewCtx;
   const renderEditorWithPreview = () => {
     if (!editingTargetScope) return null;
+    const previewAnchorRef = previewReopenAnchorRef;
     const previewBody = renderPreview && effectivePreviewScope ? renderPreview({ resolved: editorCtx.value, previewScope: effectivePreviewScope }) : null;
     const scopePicker = previewScopePicker && effectivePreviewScope ? /* @__PURE__ */ jsx(
       PreviewScopePicker,
@@ -7789,15 +7989,14 @@ function RecordsAdminShellInner(props) {
     if (previewMode === "side") {
       if (!sidePreviewOpen) {
         return withNav(
-          /* @__PURE__ */ jsxs("div", { className: "relative h-full", children: [
+          /* @__PURE__ */ jsxs("div", { className: "relative h-full", ref: previewAnchorRef, children: [
             baseEditor(),
             /* @__PURE__ */ jsxs(
-              "button",
+              PreviewReopenPill,
               {
-                type: "button",
-                className: "ra-preview-reopen",
+                anchorRef: previewAnchorRef,
                 onClick: () => setSidePreviewOpen(true),
-                "aria-label": i18n.openPreview,
+                ariaLabel: i18n.openPreview,
                 title: i18n.openPreview,
                 children: [
                   /* @__PURE__ */ jsx(Eye, { "aria-hidden": "true" }),
@@ -8151,6 +8350,7 @@ function RecordsAdminShellInner(props) {
     });
   };
   onLeftSelectRef.current = onLeftSelect;
+  onCreateItemDraftRef.current = onItemCreate;
   return /* @__PURE__ */ jsx(RuleLabelLookupProvider, { value: ruleLabelLookup, children: /* @__PURE__ */ jsxs(
     "div",
     {
@@ -8179,7 +8379,7 @@ function RecordsAdminShellInner(props) {
             }
           );
         })(),
-        /* @__PURE__ */ jsxs("div", { className: "px-4 pt-4 space-y-3", children: [
+        /* @__PURE__ */ jsxs("div", { className: "px-2 pt-2 space-y-2", children: [
           intro && !dismissed && !(headerWillRender && resolvedReopenAffordance === "header") && /* @__PURE__ */ jsx(
             IntroCard,
             {
@@ -8318,6 +8518,8 @@ function RecordsAdminShellInner(props) {
                   onSelect: onItemOpen,
                   dirtyKeys,
                   errorKeys,
+                  contextKind: 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: activeScope === "rule" ? activeRuleSummary : activeScope === "product" ? editorHeaderLabel ?? null : null,
                   i18n
                 }
               ) : /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -8491,6 +8693,7 @@ function RecordsAdminShellInner(props) {
                         ),
                         renderGroupActions: renderRuleGroupActions,
                         rowClipboard,
+                        rowActions: wrappedRecordActions,
                         i18n
                       }
                     ),
@@ -8589,6 +8792,8 @@ function RecordsAdminShellInner(props) {
                     itemColumns,
                     cardSize: itemCardSize,
                     ruleSummary: activeRuleSummary,
+                    rowActions: wrappedRecordActions,
+                    rowClipboard,
                     i18n
                   }
                 ),
@@ -8675,7 +8880,41 @@ var RecordBrowser = ({
   scopesLoading,
   i18n
 }) => {
-  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col h-full", style: { background: "hsl(var(--ra-surface))" }, children: [
+  const rootRef = useRef(null);
+  const searchRef = useRef(null);
+  useEffect(() => {
+    const root = rootRef.current;
+    if (!root) return;
+    const handler = (e) => {
+      if (e.key !== "/" || e.metaKey || e.ctrlKey || e.altKey) return;
+      const target = e.target;
+      if (!target || !root.contains(target)) return;
+      const tag = target.tagName;
+      if (tag === "INPUT" || tag === "TEXTAREA" || target.isContentEditable) return;
+      e.preventDefault();
+      searchRef.current?.focus();
+      searchRef.current?.select();
+    };
+    root.addEventListener("keydown", handler);
+    return () => root.removeEventListener("keydown", handler);
+  }, []);
+  const onSearchKeyDown = (e) => {
+    if (e.key === "Escape") {
+      if (search) {
+        e.preventDefault();
+        onSearchChange("");
+      } else {
+        e.currentTarget.blur();
+      }
+    } else if (e.key === "ArrowDown") {
+      const first = rootRef.current?.querySelector("button.ra-row-hit");
+      if (first) {
+        e.preventDefault();
+        first.focus();
+      }
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { ref: rootRef, className: "flex flex-col h-full", style: { background: "hsl(var(--ra-surface))" }, children: [
     /* @__PURE__ */ jsx(ScopeTabs, { scopes, active: activeScope, onChange: onActiveScopeChange, loading: scopesLoading }),
     /* @__PURE__ */ jsxs("div", { className: "p-3 space-y-2.5 border-b", style: { borderColor: "hsl(var(--ra-border))" }, children: [
       /* @__PURE__ */ jsxs("div", { className: "relative", children: [
@@ -8683,9 +8922,11 @@ var RecordBrowser = ({
         /* @__PURE__ */ jsx(
           "input",
           {
+            ref: searchRef,
             type: "text",
             value: search,
             onChange: (e) => onSearchChange(e.target.value),
+            onKeyDown: onSearchKeyDown,
             placeholder: i18n.searchPlaceholder,
             className: "w-full pl-8 pr-3 py-1.5 text-xs rounded-md border bg-transparent focus:outline-none focus:ring-1",
             style: {
@@ -8720,7 +8961,7 @@ var RecordBrowser = ({
 };
 var initials2 = (s) => s.split(/\s+/).filter(Boolean).slice(0, 2).map((p) => p[0]?.toUpperCase() ?? "").join("") || "?";
 var DefaultRecordCard = ({ record, ctx, variant = "grid" }) => {
-  const { selected, onSelect, isDirty, hasError, onCopy, onPaste, canPaste, pasteWillReplace, clipboardSourceLabel } = ctx;
+  const { selected, onSelect, isDirty, hasError, onCopy, onDuplicate, actions } = ctx;
   const aspect = variant === "gallery" ? "aspect-video" : "aspect-square";
   return /* @__PURE__ */ jsxs(
     "button",
@@ -8781,20 +9022,15 @@ var DefaultRecordCard = ({ record, ctx, variant = "grid" }) => {
         /* @__PURE__ */ jsxs("div", { className: "p-2.5 min-w-0", children: [
           /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-1.5 min-w-0", children: [
             /* @__PURE__ */ jsx("div", { className: "ra-row-title flex-1 min-w-0", children: record.label }),
-            (onCopy || onPaste) && /* @__PURE__ */ jsx(
+            (onCopy || onDuplicate || actions && actions.length > 0) && /* @__PURE__ */ jsx(
               RowContextMenu,
               {
                 onCopy,
-                onPaste,
-                canPaste,
-                pasteWillReplace,
-                pasteSourceLabel: clipboardSourceLabel,
+                onDuplicate,
+                actions,
                 i18n: {
                   copy: DEFAULT_I18N.copy,
-                  paste: DEFAULT_I18N.paste,
-                  pasteFrom: DEFAULT_I18N.pasteFrom,
-                  pasteReplace: DEFAULT_I18N.pasteReplace,
-                  clipboardEmpty: DEFAULT_I18N.clipboardEmpty
+                  duplicateAction: DEFAULT_I18N.duplicateAction
                 }
               }
             )