@proveanything/smartlinks-utils-ui 0.11.6 → 0.11.8

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

@@ -432,6 +432,13 @@ interface RecordsAdminI18n {
     duplicateAction: string;
     /** Toast shown after a successful Duplicate. `{name}` = source label. */
     duplicateToast: string;
+    /**
+     * Row-menu label for the "Copy and start new rule" action — shown on
+     * the rules tab in singleton mode. One-click flow: copies the row to
+     * the clipboard and immediately opens the New Rule wizard seeded with
+     * it.
+     */
+    copyAndNewRuleAction: string;
     /** Confirm dialog when pasting onto a destination with an existing saved value. */
     pasteConfirmTitle: string;
     pasteConfirmBody: string;
@@ -728,6 +735,14 @@ interface RecordSlotContext {
      * `i18n.duplicateAction` (e.g. "Run this vote again").
      */
     onDuplicate?: () => void;
+    /**
+     * Singleton-mode rules-tab affordance — copy this row's value and
+     * immediately open the New Rule wizard pre-seeded with it. Replaces
+     * the two-step "Copy → Paste as new rule (sidebar)" flow when the
+     * admin wants to spin a new rule off an existing rule or the global
+     * record. Hidden in collection cardinality and outside the rules tab.
+     */
+    onCopyAndNewRule?: () => void;
     /**
      * Paste the current clipboard entry onto this row. Disabled when there is
      * nothing to paste, when the source ref equals this row, or when the
@@ -1339,6 +1354,7 @@ interface Props$d {
     rowClipboard?: (record: RecordSummary) => {
         onCopy?: () => void;
         onDuplicate?: () => void;
+        onCopyAndNewRule?: () => void;
     } | null;
     /**
      * Optional host-supplied per-record action lookup. Returned actions are
@@ -1464,6 +1480,15 @@ interface Props$b<T> {
         canPaste: boolean;
         pasteSourceLabel?: string;
         pasteWillReplace?: boolean;
+        /**
+         * Singleton-mode rules-tab affordance — copies the current editor
+         * value AND immediately opens the New Rule wizard pre-seeded with
+         * it. Mirrors the row-menu action; rendered as a third button
+         * between Copy and Paste when present.
+         */
+        onCopyAndNewRule?: () => void;
+        /** Label for the "Copy and start new rule" button. */
+        copyAndNewRuleLabel?: string;
     };
     /** Host-provided labels for save / discard / delete (resting state only). */
     actionLabels?: Partial<Record<RecordsAdminActionKey, string>>;
@@ -2510,6 +2535,7 @@ interface Props$5<T> {
     rowClipboard?: (record: RecordSummary<T>) => {
         onCopy?: () => void;
         onDuplicate?: () => void;
+        onCopyAndNewRule?: () => void;
     } | null;
     /**
      * Optional projector returning extra strings to include in the search
@@ -2562,6 +2588,7 @@ interface Props$3<T> {
     rowClipboard?: (record: RecordSummary<T>) => {
         onCopy?: () => void;
         onDuplicate?: () => void;
+        onCopyAndNewRule?: () => void;
     } | null;
     i18n: Pick<RecordsAdminI18n, 'itemColumnLabel' | 'itemColumnUpdated' | 'itemActions' | 'delete'>;
 }
@@ -2580,6 +2607,7 @@ interface Props$2<T> {
     rowClipboard?: (record: RecordSummary<T>) => {
         onCopy?: () => void;
         onDuplicate?: () => void;
+        onCopyAndNewRule?: () => void;
     } | null;
     i18n: Pick<RecordsAdminI18n, 'delete'>;
 }

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, Rows3, ChevronRight, Eraser, ClipboardPaste, Box, X, Search, Image, Table, ArrowLeft, ChevronLeft, AlertTriangle, Info, HelpCircle, CornerDownLeft, Circle, ArrowUpDown, ArrowUp, ArrowDown, MinusCircle, XCircle, CopyPlus, AlertCircle, Undo2, Save, Loader2, ArrowRight, Globe2, 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, FilePlus2, ClipboardPaste, Box, X, Search, Image, Table, ArrowLeft, ChevronLeft, AlertTriangle, Info, HelpCircle, CornerDownLeft, Circle, ArrowUpDown, ArrowUp, ArrowDown, MinusCircle, XCircle, CopyPlus, AlertCircle, Undo2, Save, Loader2, ArrowRight, 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';
@@ -240,6 +240,7 @@ var DEFAULT_I18N = {
   pasteWarnContinue: "Continue",
   duplicateAction: "Duplicate",
   duplicateToast: "Duplicated {name}. Review and Save.",
+  copyAndNewRuleAction: "Copy and start new rule",
   itemsAllLabel: "All items",
   subtitleEmpty: "Not set",
   subtitleConfigured: "Configured",
@@ -1527,7 +1528,9 @@ function useShellClipboard(args) {
     onCopyOverride,
     onPasteOverride,
     onLeftSelectRef,
-    onCreateItemDraftRef
+    onCreateItemDraftRef,
+    onCreateRuleFromClipboardRef,
+    isRuleTab
   } = args;
   const clipboard = useRecordClipboard({
     appId,
@@ -1642,7 +1645,17 @@ function useShellClipboard(args) {
     canCopy: true,
     canPaste: !!clipboard.entry && editorPasteCompat?.status !== "denied",
     pasteSourceLabel: clipboard.entry?.sourceLabel,
-    pasteWillReplace: resolved.source === "self" && !!clipboard.entry
+    pasteWillReplace: resolved.source === "self" && !!clipboard.entry,
+    // Editor-pane sibling of the row menu's "Copy and start new rule".
+    // Only meaningful in singleton mode on the rules tab — for the rule
+    // record being edited OR the global record (so the admin can spin a
+    // new rule off either in one click).
+    onCopyAndNewRule: !isCollection && !!isRuleTab && !!onCreateRuleFromClipboardRef ? () => {
+      copyCurrent();
+      window.setTimeout(() => {
+        onCreateRuleFromClipboardRef?.current?.();
+      }, 0);
+    } : void 0
   } : void 0;
   const [pendingPasteTarget, setPendingPasteTarget] = useState(null);
   useEffect(() => {
@@ -1660,6 +1673,7 @@ function useShellClipboard(args) {
     const summaryHasData = record.data != null;
     const sourceParsed = record.scope;
     const canDuplicate = summaryHasData && isCollection;
+    const canCopyAndNewRule = summaryHasData && !isCollection && !!isRuleTab && !!onCreateRuleFromClipboardRef;
     return {
       onCopy: summaryHasData ? () => {
         const value = onCopyOverride ? onCopyOverride({ value: record.data, scope: sourceParsed }) : cloneValue(record.data);
@@ -1675,6 +1689,19 @@ function useShellClipboard(args) {
           variant: "copy"
         });
       } : void 0,
+      onCopyAndNewRule: canCopyAndNewRule ? () => {
+        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) });
+        window.setTimeout(() => {
+          onCreateRuleFromClipboardRef?.current?.();
+        }, 0);
+      } : void 0,
       onDuplicate: canDuplicate ? () => {
         const value = onCopyOverride ? onCopyOverride({ value: record.data, scope: sourceParsed }) : cloneValue(record.data);
         clipboard.set({
@@ -3305,6 +3332,7 @@ var statusToneLabel = (tone) => {
 var RowContextMenu = ({
   onCopy,
   onDuplicate,
+  onCopyAndNewRule,
   actions,
   i18n
 }) => {
@@ -3355,8 +3383,8 @@ var RowContextMenu = ({
     };
   }, [open]);
   const hasActions = (actions?.length ?? 0) > 0;
-  if (!onCopy && !onDuplicate && !hasActions) return null;
-  const showDivider = (onCopy || onDuplicate) && hasActions;
+  if (!onCopy && !onDuplicate && !onCopyAndNewRule && !hasActions) return null;
+  const showDivider = (onCopy || onDuplicate || onCopyAndNewRule) && hasActions;
   return /* @__PURE__ */ jsxs("div", { ref: wrapperRef, className: "ra-row-menu-wrap relative", children: [
     /* @__PURE__ */ jsx(
       "button",
@@ -3419,6 +3447,23 @@ var RowContextMenu = ({
                 ]
               }
             ),
+            onCopyAndNewRule && /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                role: "menuitem",
+                className: "ra-row-menu-item",
+                onClick: (e) => {
+                  e.stopPropagation();
+                  setOpen(false);
+                  onCopyAndNewRule();
+                },
+                children: [
+                  /* @__PURE__ */ jsx(FilePlus2, { className: "w-3.5 h-3.5 opacity-70", "aria-hidden": "true" }),
+                  /* @__PURE__ */ jsx("span", { children: i18n.copyAndNewRuleAction })
+                ]
+              }
+            ),
             showDivider && /* @__PURE__ */ jsx("div", { className: "ra-row-menu-divider", role: "separator" }),
             hasActions && actions.map((action) => {
               const Icon = action.icon;
@@ -3493,7 +3538,7 @@ var RuleLabelLookupProvider = ({
   return /* @__PURE__ */ jsx(RuleLabelLookupContext.Provider, { value: v, children });
 };
 var DefaultRecordRow = ({ record, ctx, compact = false }) => {
-  const { selected, onSelect, isDirty, hasError, onCopy, onDuplicate, actions } = ctx;
+  const { selected, onSelect, isDirty, hasError, onCopy, onDuplicate, onCopyAndNewRule, 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);
@@ -3567,15 +3612,17 @@ var DefaultRecordRow = ({ record, ctx, compact = false }) => {
             }
           )
         ] }),
-        (onCopy || onDuplicate || actions && actions.length > 0) && /* @__PURE__ */ jsx(
+        (onCopy || onDuplicate || onCopyAndNewRule || actions && actions.length > 0) && /* @__PURE__ */ jsx(
           RowContextMenu,
           {
             onCopy,
             onDuplicate,
+            onCopyAndNewRule,
             actions,
             i18n: {
               copy: DEFAULT_I18N.copy,
-              duplicateAction: DEFAULT_I18N.duplicateAction
+              duplicateAction: DEFAULT_I18N.duplicateAction,
+              copyAndNewRuleAction: DEFAULT_I18N.copyAndNewRuleAction
             }
           }
         )
@@ -4623,6 +4670,22 @@ function RecordEditor({
                   ]
                 }
               ),
+              clipboard.onCopyAndNewRule && /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  type: "button",
+                  onClick: clipboard.onCopyAndNewRule,
+                  disabled: !clipboard.canCopy || !!ctx.isSaving,
+                  title: clipboard.copyAndNewRuleLabel ?? i18n.copyAndNewRuleAction ?? "Copy and start new rule",
+                  "aria-label": clipboard.copyAndNewRuleLabel ?? i18n.copyAndNewRuleAction ?? "Copy and start new rule",
+                  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(FilePlus2, { className: "w-3 h-3" }),
+                    clipboard.copyAndNewRuleLabel ?? i18n.copyAndNewRuleAction ?? "Copy and start new rule"
+                  ]
+                }
+              ),
               /* @__PURE__ */ jsxs(
                 "button",
                 {
@@ -5782,7 +5845,7 @@ function DefaultItemTable({
                 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;
+                if (!cb?.onCopy && !cb?.onDuplicate && !cb?.onCopyAndNewRule && !hasExtras) return null;
                 return /* @__PURE__ */ jsx(
                   "span",
                   {
@@ -5793,10 +5856,12 @@ function DefaultItemTable({
                       {
                         onCopy: cb?.onCopy,
                         onDuplicate: cb?.onDuplicate,
+                        onCopyAndNewRule: cb?.onCopyAndNewRule,
                         actions: extra ?? void 0,
                         i18n: {
                           copy: DEFAULT_I18N.copy,
-                          duplicateAction: DEFAULT_I18N.duplicateAction
+                          duplicateAction: DEFAULT_I18N.duplicateAction,
+                          copyAndNewRuleAction: DEFAULT_I18N.copyAndNewRuleAction
                         }
                       }
                     )
@@ -5926,7 +5991,7 @@ 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(
+              (cb?.onCopy || cb?.onDuplicate || cb?.onCopyAndNewRule || extraActions && extraActions.length > 0) && /* @__PURE__ */ jsx(
                 "span",
                 {
                   className: "ra-item-card-menu",
@@ -5937,10 +6002,12 @@ function DefaultItemCards({
                     {
                       onCopy: cb?.onCopy,
                       onDuplicate: cb?.onDuplicate,
+                      onCopyAndNewRule: cb?.onCopyAndNewRule,
                       actions: extraActions,
                       i18n: {
                         copy: DEFAULT_I18N.copy,
-                        duplicateAction: DEFAULT_I18N.duplicateAction
+                        duplicateAction: DEFAULT_I18N.duplicateAction,
+                        copyAndNewRuleAction: DEFAULT_I18N.copyAndNewRuleAction
                       }
                     }
                   )
@@ -8341,6 +8408,7 @@ function RecordsAdminShellInner(props) {
   ]);
   const onLeftSelectRef = useRef(null);
   const onCreateItemDraftRef = useRef(null);
+  const onCreateRuleFromClipboardRef = useRef(null);
   const previewReopenAnchorRef = useRef(null);
   const { runWithGuard } = useDirtyNavigation({
     strategy: dirtyStrategy,
@@ -8397,7 +8465,9 @@ function RecordsAdminShellInner(props) {
     onCopyOverride,
     onPasteOverride,
     onLeftSelectRef,
-    onCreateItemDraftRef
+    onCreateItemDraftRef,
+    onCreateRuleFromClipboardRef,
+    isRuleTab: activeScope === "rule"
   });
   const editorClipboard = shellClipboard.editorClipboard;
   const rowClipboard = shellClipboard.rowClipboard;
@@ -9018,6 +9088,7 @@ function RecordsAdminShellInner(props) {
   };
   onLeftSelectRef.current = onLeftSelect;
   onCreateItemDraftRef.current = onItemCreate;
+  onCreateRuleFromClipboardRef.current = () => onCreateRule("paste");
   return /* @__PURE__ */ jsx(RuleLabelLookupProvider, { value: ruleLabelLookup, children: /* @__PURE__ */ jsxs(
     "div",
     {
@@ -9239,37 +9310,20 @@ function RecordsAdminShellInner(props) {
                   }
                 ) }),
                 /* @__PURE__ */ jsxs("div", { className: "p-3 space-y-2.5 border-b", style: { borderColor: "hsl(var(--ra-border))" }, children: [
-                  isRuleTab && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
-                    /* @__PURE__ */ jsxs(
-                      "button",
-                      {
-                        type: "button",
-                        onClick: () => onCreateRule(),
-                        className: "ra-btn w-full",
-                        "data-variant": "primary",
-                        "aria-label": "New rule",
-                        children: [
-                          /* @__PURE__ */ jsx(Plus, { className: "w-3.5 h-3.5", "aria-hidden": "true" }),
-                          /* @__PURE__ */ jsx("span", { children: "New rule" })
-                        ]
-                      }
-                    ),
-                    wizardClipboard.entry && /* @__PURE__ */ jsxs(
-                      "button",
-                      {
-                        type: "button",
-                        onClick: () => onCreateRule("paste"),
-                        className: "ra-btn w-full",
-                        "data-variant": "ghost",
-                        "aria-label": "Paste as new rule",
-                        title: wizardClipboard.entry.sourceLabel ? `Paste from ${wizardClipboard.entry.sourceLabel}` : "Paste from clipboard",
-                        children: [
-                          /* @__PURE__ */ jsx(ClipboardPaste, { className: "w-3.5 h-3.5", "aria-hidden": "true" }),
-                          /* @__PURE__ */ jsx("span", { children: "Paste as new rule" })
-                        ]
-                      }
-                    )
-                  ] }),
+                  isRuleTab && /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-1.5", children: /* @__PURE__ */ jsxs(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => onCreateRule(),
+                      className: "ra-btn w-full",
+                      "data-variant": "primary",
+                      "aria-label": "New rule",
+                      children: [
+                        /* @__PURE__ */ jsx(Plus, { className: "w-3.5 h-3.5", "aria-hidden": "true" }),
+                        /* @__PURE__ */ jsx("span", { children: "New rule" })
+                      ]
+                    }
+                  ) }),
                   showCreateGlobal && /* @__PURE__ */ jsxs(
                     "button",
                     {
@@ -9725,7 +9779,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, onDuplicate, actions } = ctx;
+  const { selected, onSelect, isDirty, hasError, onCopy, onDuplicate, onCopyAndNewRule, actions } = ctx;
   const aspect = variant === "gallery" ? "aspect-video" : "aspect-square";
   return /* @__PURE__ */ jsxs(
     "button",
@@ -9786,15 +9840,17 @@ 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 || onDuplicate || actions && actions.length > 0) && /* @__PURE__ */ jsx(
+            (onCopy || onDuplicate || onCopyAndNewRule || actions && actions.length > 0) && /* @__PURE__ */ jsx(
               RowContextMenu,
               {
                 onCopy,
                 onDuplicate,
+                onCopyAndNewRule,
                 actions,
                 i18n: {
                   copy: DEFAULT_I18N.copy,
-                  duplicateAction: DEFAULT_I18N.duplicateAction
+                  duplicateAction: DEFAULT_I18N.duplicateAction,
+                  copyAndNewRuleAction: DEFAULT_I18N.copyAndNewRuleAction
                 }
               }
             )