@proveanything/smartlinks-utils-ui 0.9.0 → 0.9.2

package/dist/components/RecordsAdmin/index.js

@@ -1,11 +1,11 @@
-import { styleInject } from '../../chunk-NSQRNFT2.js';
+import '../../chunk-5UQQYXCX.js';
 import { FacetRuleEditor } from '../../chunk-JMCV6FOW.js';
 import { useFacets } from '../../chunk-4LHF5JB7.js';
 import { cn } from '../../chunk-L7FQ52F5.js';
 import { parsedRefToTarget, parsedRefToScope, matchRecords, scopesEqual, getRecordById, listRecords, upsertRecord, updateRecord, createRecord, removeRecord } from '../../chunk-KFKVGUUP.js';
 export { bulkDelete, bulkUpsert, createRecord, getRecordById, listRecords, matchRecords, parsedRefToScope, parsedRefToTarget, removeRecord, restoreRecord, scopesEqual, upsertRecord } from '../../chunk-KFKVGUUP.js';
 import { createContext, useState, useEffect, useCallback, useMemo, useRef, useContext, useSyncExternalStore, createElement, useId } from 'react';
-import { ChevronDown, Database, Lightbulb, SearchX, Inbox, LayoutGrid, Eye, MoreHorizontal, Download, Upload, Trash2, Copy, Pencil, Plus, CircleDashed, ArrowDownLeft, CheckCircle2, SlidersHorizontal, Globe, Tag, Boxes, Layers, Package, Rows3, List, ChevronRight, Eraser, ClipboardPaste, Box, X, Image, Table, ArrowLeft, ChevronLeft, AlertTriangle, Info, HelpCircle, Search, CornerDownLeft, Circle, AlertCircle, Undo2, Save, Loader2, XCircle, ArrowRight, BookOpen, Target, 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, Rows3, ChevronRight, Eraser, ClipboardPaste, Box, X, Image, Table, ArrowLeft, ChevronLeft, AlertTriangle, Info, HelpCircle, Search, CornerDownLeft, Circle, AlertCircle, Undo2, Save, Loader2, XCircle, ArrowRight, BookOpen, Globe2, Target, 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';
@@ -18,7 +18,8 @@ var DEFAULT_ICONS = {
     batch: Boxes,
     facet: Tag,
     universal: Globe,
-    rule: SlidersHorizontal
+    rule: SlidersHorizontal,
+    all: List
   },
   status: { own: CheckCircle2, inherited: ArrowDownLeft, missing: CircleDashed },
   action: {
@@ -143,7 +144,13 @@ var DEFAULT_I18N = {
   itemsAllLabel: "All items",
   subtitleEmpty: "Not set",
   subtitleConfigured: "Configured",
-  subtitleInherited: "Inherited"
+  subtitleInherited: "Inherited",
+  rulesTabTooltip: "Use rules to scope records to a targeted audience or a subset of products.",
+  rulesEmptyBody: "Create a rule to target a subset of products or a specific audience \u2014 for example, \u201Conly premium tier customers in Germany\u201D.",
+  hookBeforeSaveFailed: "Couldn't save: {message}",
+  hookAfterSaveFailed: "Saved, but a follow-up step failed: {message}",
+  hookBeforeDeleteFailed: "Couldn't delete: {message}",
+  hookAfterDeleteFailed: "Deleted, but a follow-up step failed: {message}"
 };
 
 // src/components/RecordsAdmin/types/presentation.ts
@@ -204,6 +211,17 @@ var buildRef = (a) => {
   if (a.proofId) parts.push(`proof:${a.proofId}`);
   return parts.join("/");
 };
+var anchorKey = (scope) => {
+  if (!scope) return "";
+  return buildRef({
+    productId: scope.productId,
+    variantId: scope.variantId,
+    batchId: scope.batchId,
+    facetId: scope.facetId,
+    facetValue: scope.facetValue,
+    proofId: scope.proofId
+  });
+};
 var resolutionChain = (target, supportedScopes) => {
   const chain = [];
   if (supportedScopes.includes("batch") && target.batchId && target.productId) {
@@ -224,6 +242,38 @@ var resolutionChain = (target, supportedScopes) => {
   return Array.from(new Set(chain));
 };
 
+// src/components/RecordsAdmin/data/ruleHash.ts
+var normaliseRule = (rule) => {
+  if (!rule || !Array.isArray(rule.all) || rule.all.length === 0) return null;
+  const clauses = rule.all.map((clause) => {
+    const facetKey = String(clause.facetKey ?? "").trim();
+    const anyOfRaw = clause.anyOf ?? [];
+    const anyOf = Array.isArray(anyOfRaw) ? Array.from(new Set(anyOfRaw.map((v) => String(v)))).sort() : [];
+    return { facetKey, anyOf };
+  }).filter((c) => c.facetKey && c.anyOf.length > 0).sort((a, b) => a.facetKey.localeCompare(b.facetKey));
+  if (clauses.length === 0) return null;
+  return { all: clauses };
+};
+var fnv1a = (s) => {
+  let h = 2166136261;
+  for (let i = 0; i < s.length; i += 1) {
+    h ^= s.charCodeAt(i);
+    h = Math.imul(h, 16777619);
+  }
+  return (h >>> 0).toString(16).padStart(8, "0");
+};
+var ruleHash = (rule) => {
+  const norm = normaliseRule(rule);
+  if (!norm) return null;
+  return fnv1a(JSON.stringify(norm));
+};
+var summariseRule = (rule) => {
+  const norm = normaliseRule(rule);
+  if (!norm) return "No rule";
+  return norm.all.map((c) => `${c.facetKey}=${c.anyOf.join(",")}`).join(" \xB7 ");
+};
+var rulesEqual = (a, b) => ruleHash(a) === ruleHash(b);
+
 // src/components/RecordsAdmin/data/resolveRecord.ts
 var resolveRecord = async (args) => {
   const target = parsedRefToTarget(args.target);
@@ -449,6 +499,70 @@ var useScopeProbe = ({ SL, collectionId, admin = true, enabled = true }) => {
     error: query.error ?? null
   };
 };
+var QK_BASE = ["records-admin", "scope-counts"];
+var classify = (rec) => {
+  const hasRule = !!rec.facetRule;
+  if (hasRule) return "rule";
+  const productId = rec.productId ?? void 0;
+  const variantId = rec.variantId ?? void 0;
+  const batchId = rec.batchId ?? void 0;
+  if (batchId) return "batch";
+  if (variantId) return "variant";
+  if (productId) return "product";
+  return "collection";
+};
+var useScopeCounts = (args) => {
+  const { ctx, enabled = true, maxRecords = 500, pageSize = 100 } = args;
+  const queryKey = useMemo(
+    () => [...QK_BASE, ctx.collectionId, ctx.appId, ctx.recordType ?? null],
+    [ctx.collectionId, ctx.appId, ctx.recordType]
+  );
+  const query = useQuery({
+    queryKey,
+    enabled: enabled && !!ctx.collectionId && !!ctx.appId,
+    staleTime: 3e4,
+    queryFn: async () => {
+      const all = [];
+      let offset = 0;
+      let truncated = false;
+      for (let page = 0; page < Math.ceil(maxRecords / pageSize); page += 1) {
+        const res = await listRecords(ctx, { limit: pageSize, offset });
+        all.push(...res.data);
+        if (!res.hasMore) break;
+        offset += res.data.length;
+        if (all.length >= maxRecords) {
+          truncated = true;
+          break;
+        }
+      }
+      return { records: all, truncated };
+    }
+  });
+  const result = useMemo(() => {
+    const records = query.data?.records ?? [];
+    const truncated = query.data?.truncated ?? false;
+    const counts = {
+      collection: 0,
+      product: 0,
+      variant: 0,
+      batch: 0,
+      facet: 0,
+      rule: 0,
+      all: 0
+    };
+    for (const rec of records) counts[classify(rec)] += 1;
+    counts.all = records.length;
+    return {
+      counts,
+      total: records.length,
+      isLoading: query.isLoading,
+      error: query.error ?? null,
+      truncated
+    };
+  }, [query.data, query.isLoading, query.error]);
+  return result;
+};
+var scopeCountsQueryKey = (collectionId, appId, recordType) => [...QK_BASE, collectionId, appId, recordType ?? null];
 var defaultClassify = (r) => {
   if (!r.data) return "empty";
   const keys = Object.keys(r.data);
@@ -457,6 +571,7 @@ var defaultClassify = (r) => {
 };
 var matchesScope = (kind, rec, _p) => {
   const hasRule = !!rec.facetRule;
+  if (kind === "all") return true;
   if (kind === "rule") return hasRule;
   if (hasRule) return false;
   const productId = rec.productId ?? void 0;
@@ -479,14 +594,14 @@ var matchesContext = (p, ctx) => {
   return true;
 };
 var toSummary = (rec) => {
-  const ref = rec.ref ?? "";
   const productId = rec.productId ?? void 0;
   const variantId = rec.variantId ?? void 0;
   const batchId = rec.batchId ?? void 0;
   const proofId = rec.proofId ?? void 0;
+  const synthRaw = batchId ? `product:${productId ?? ""}/batch:${batchId}` : variantId ? `product:${productId ?? ""}/variant:${variantId}` : productId ? `product:${productId}` : "";
   const scope = {
     kind: batchId ? "batch" : variantId ? "variant" : productId ? "product" : "collection",
-    raw: ref,
+    raw: synthRaw,
     productId,
     variantId,
     batchId,
@@ -495,10 +610,13 @@ var toSummary = (rec) => {
   const facetRule = rec.facetRule ?? null;
   if (facetRule) scope.kind = "rule";
   const ruleLabel = facetRule && facetRule.all && facetRule.all.length > 0 ? facetRule.all.length === 1 ? "Rule \xB7 1 facet" : `Rule \xB7 ${facetRule.all.length} facets` : null;
-  const fallbackLabel = scope.batchId ?? scope.variantId ?? scope.productId ?? ruleLabel ?? (ref || "Global record");
+  const fallbackLabel = scope.batchId ?? scope.variantId ?? scope.productId ?? ruleLabel ?? "Global record";
   return {
     id: rec.id,
-    ref,
+    // `RecordSummary.ref` is preserved on the type for host display only
+    // (e.g. row renderers that want to show whatever the host put in
+    // `record.ref`). Framework code never uses it.
+    ref: rec.ref ?? "",
     scope,
     data: rec.data ?? null,
     status: "configured",
@@ -507,14 +625,14 @@ var toSummary = (rec) => {
     facetRule
   };
 };
-var QK_BASE = ["records-admin", "list"];
+var QK_BASE2 = ["records-admin", "list"];
 var useRecordList = (args) => {
   const {
     ctx,
     scopeKind,
     search = "",
     filter = "all",
-    classify: classify2,
+    classify: classify3,
     enabled = true,
     scaffolder,
     contextScope,
@@ -523,7 +641,7 @@ var useRecordList = (args) => {
   const queryClient = useQueryClient();
   const queryKey = useMemo(
     () => [
-      ...QK_BASE,
+      ...QK_BASE2,
       ctx.collectionId,
       ctx.appId,
       ctx.recordType,
@@ -549,9 +667,9 @@ var useRecordList = (args) => {
   const [scaffolded, setScaffolded] = useState(null);
   const rawItems = useMemo(() => {
     const all = query.data?.pages.flatMap((p) => p.data) ?? [];
-    const cls = classify2 ?? defaultClassify;
+    const cls = classify3 ?? defaultClassify;
     return all.map((rec) => ({ rec, summary: toSummary(rec) })).filter(({ rec, summary }) => matchesScope(scopeKind, rec, summary.scope)).filter(({ summary }) => matchesContext(summary.scope, contextScope)).map(({ summary }) => ({ ...summary, status: cls(summary) }));
-  }, [query.data, scopeKind, classify2, contextScope]);
+  }, [query.data, scopeKind, classify3, contextScope]);
   useEffect(() => {
     if (!scaffolder) {
       setScaffolded(null);
@@ -571,7 +689,7 @@ var useRecordList = (args) => {
     if (filter !== "all") out = out.filter((r) => r.status === filter);
     if (search.trim()) {
       const q = search.trim().toLowerCase();
-      out = out.filter((r) => `${r.label} ${r.subtitle ?? ""} ${r.ref}`.toLowerCase().includes(q));
+      out = out.filter((r) => `${r.label} ${r.subtitle ?? ""}`.toLowerCase().includes(q));
     }
     return out;
   }, [items, filter, search]);
@@ -582,7 +700,7 @@ var useRecordList = (args) => {
     empty: items.filter((r) => r.status === "empty").length
   }), [items]);
   const refetch = useCallback(() => {
-    queryClient.invalidateQueries({ queryKey: [...QK_BASE, ctx.collectionId, ctx.appId, ctx.recordType] });
+    queryClient.invalidateQueries({ queryKey: [...QK_BASE2, ctx.collectionId, ctx.appId, ctx.recordType] });
   }, [queryClient, ctx.collectionId, ctx.appId, ctx.recordType]);
   const total = query.data?.pages[query.data.pages.length - 1]?.total ?? items.length;
   return {
@@ -603,11 +721,11 @@ var QK = ["records-admin", "facet-browse"];
 var toScaffoldSummary = (facet, value) => {
   const facetKey = facet.key ?? "";
   const valueKey = value.key ?? "";
-  const ref = buildRef({ facetId: facetKey, facetValue: valueKey });
+  const synthScopeRaw = buildRef({ facetId: facetKey, facetValue: valueKey });
   return {
     id: null,
-    ref,
-    scope: parseRef(ref),
+    ref: "",
+    scope: parseRef(synthScopeRaw),
     data: null,
     status: "empty",
     label: value.name ?? valueKey ?? "Untitled value",
@@ -687,14 +805,18 @@ var useFacetBrowse = ({
     );
   }, [enabled, collectionId, hasAdminList, hasPublicList, hasAnyList, SL]);
   const mergedItems = useMemo(() => {
-    const existingByRef = new Map(existing.map((item) => [item.ref, item]));
+    const existingByAnchor = new Map(
+      existing.map((item) => [anchorKey(item.scope), item]).filter(([k]) => !!k)
+    );
     const scaffolded = (query.data ?? []).flatMap(
       (facet) => (facet.values ?? []).filter((value) => !!facet.key && !!value.key).map((value) => {
         const scaffold = toScaffoldSummary(facet, value);
-        return existingByRef.get(scaffold.ref) ?? scaffold;
+        const k = anchorKey(scaffold.scope);
+        return existingByAnchor.get(k) ?? scaffold;
       })
     );
-    const extras = existing.filter((item) => !scaffolded.some((scaffold) => scaffold.ref === item.ref));
+    const scaffoldedKeys = new Set(scaffolded.map((s) => anchorKey(s.scope)));
+    const extras = existing.filter((item) => !scaffoldedKeys.has(anchorKey(item.scope)));
     return [...scaffolded, ...extras];
   }, [existing, query.data]);
   const filteredItems = useMemo(() => {
@@ -702,7 +824,7 @@ var useFacetBrowse = ({
     if (filter !== "all") next = next.filter((item) => item.status === filter);
     if (search.trim()) {
       const q = search.trim().toLowerCase();
-      next = next.filter((item) => `${item.label} ${item.subtitle ?? ""} ${item.ref}`.toLowerCase().includes(q));
+      next = next.filter((item) => `${item.label} ${item.subtitle ?? ""}`.toLowerCase().includes(q));
     }
     return next;
   }, [mergedItems, filter, search]);
@@ -950,7 +1072,7 @@ function useShellBrowser(opts) {
     probeIsLoading,
     selectedProductId,
     drillTab,
-    classify: classify2
+    classify: classify3
   } = opts;
   const [search, setSearch] = useState("");
   const [filter, setFilter] = useState("all");
@@ -968,13 +1090,13 @@ function useShellBrowser(opts) {
     search: activeScope === "product" ? search : "",
     enabled: activeScope === "product" && !contextScope?.productId
   });
-  const recordListEnabled = (activeScope === "rule" || activeScope === "collection") && !probeIsLoading;
+  const recordListEnabled = (activeScope === "rule" || activeScope === "collection" || activeScope === "all") && !probeIsLoading;
   const recordList = useRecordList({
     ctx,
     scopeKind: activeScope,
     search,
     filter,
-    classify: classify2,
+    classify: classify3,
     contextScope,
     enabled: recordListEnabled
   });
@@ -982,7 +1104,7 @@ function useShellBrowser(opts) {
     SL,
     collectionId,
     existing: [],
-    enabled: (activeScope === "rule" || activeScope === "collection") && !probeIsLoading
+    enabled: (activeScope === "rule" || activeScope === "collection" || activeScope === "all") && !probeIsLoading
   });
   const variantChildren = useProductChildren({
     SL,
@@ -1588,7 +1710,7 @@ function useShellClipboard(args) {
     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 === record.ref : false;
+    const sameTarget = clipboard.entry ? clipboard.entry.sourceRecordId && record.id ? clipboard.entry.sourceRecordId === record.id : clipboard.entry.sourceScope.raw === anchorKey(record.scope) : false;
     return {
       onCopy: summaryHasData ? () => {
         const value = onCopyOverride ? onCopyOverride({ value: record.data, scope: sourceParsed }) : cloneValue(record.data);
@@ -1598,7 +1720,7 @@ function useShellClipboard(args) {
           sourceRecordId: record.id ?? void 0,
           sourceLabel: record.label
         });
-        onTelemetry?.({ type: "clipboard.copy", recordType, sourceRef: record.ref });
+        onTelemetry?.({ type: "clipboard.copy", recordType, sourceRef: anchorKey(record.scope) });
         setNotice({
           message: i18n.copyToast.replace("{name}", record.label),
           variant: "copy"
@@ -1607,7 +1729,7 @@ function useShellClipboard(args) {
       onPaste: () => {
         onLeftSelectRef.current?.(record);
         setPendingPasteTarget(
-          record.id ? { kind: "record", recordId: record.id } : { kind: "anchor", ref: record.ref }
+          record.id ? { kind: "record", recordId: record.id } : { kind: "anchor", ref: anchorKey(record.scope) }
         );
       },
       canPaste: !!clipboard.entry && !sameTarget && compat?.status !== "denied",
@@ -1701,7 +1823,8 @@ function useShellNavigation(args) {
     deepLinkState,
     onTelemetry,
     onBeforeDelete,
-    generateItemId
+    generateItemId,
+    hooks
   } = args;
   const buildItemUrlValue = useCallback((id) => {
     if (!baseScopeRef && id.startsWith("item:")) return id;
@@ -1786,6 +1909,34 @@ function useShellNavigation(args) {
       const ok = await onBeforeDelete(editingScope ?? parseRef(""));
       if (!ok) return;
     }
+    const row = collectionItems.items.find(
+      (it) => it.itemId === itemId || it.id === itemId
+    );
+    const hookCtxBase = {
+      collectionId: ctx.collectionId,
+      appId: ctx.appId,
+      recordType: ctx.recordType,
+      scope: editingScope?.kind ?? "collection",
+      targetRef: editingScope?.raw || void 0,
+      admin: true
+    };
+    const recordSummary = row ?? {
+      id: itemId,
+      ref: editingScope?.raw ?? "",
+      scope: editingScope ?? parseRef(""),
+      data: null,
+      status: "configured",
+      label: itemId
+    };
+    if (hooks?.beforeDelete) {
+      try {
+        const result = await hooks.beforeDelete({ ...hookCtxBase, record: recordSummary });
+        if (result === false) return;
+      } catch (err) {
+        console.warn("[RecordsAdmin] item beforeDelete hook cancelled delete", err);
+        return;
+      }
+    }
     try {
       const { removeRecord: removeRecord2 } = await import('../../records-AYYQSP7E.js');
       await removeRecord2(ctx, itemId);
@@ -1793,6 +1944,13 @@ function useShellNavigation(args) {
       if (selectedItemId === itemId) setSelectedItemId(null);
       if (selectedItemId === itemId) deepLinkState.emit({ recordId: null }, "record.close");
       collectionItems.refetch();
+      if (hooks?.afterDelete) {
+        try {
+          await hooks.afterDelete({ ...hookCtxBase, record: recordSummary });
+        } catch (err) {
+          console.warn("[RecordsAdmin] item afterDelete hook failed", err);
+        }
+      }
     } catch (err) {
       console.error("[RecordsAdminShell] item delete failed", err);
     }
@@ -1807,7 +1965,8 @@ function useShellNavigation(args) {
     collectionItems,
     deepLinkState,
     editingScope,
-    setSelectedItemId
+    setSelectedItemId,
+    hooks
   ]);
   const itemViewCtx = useMemo(() => ({
     onOpen: onItemOpen,
@@ -1879,12 +2038,12 @@ var useEditingScope = (args) => {
   const isCollection = cardinality === "collection";
   const editingItemRecordId = isCollection ? selectedItemId : null;
   const editingScope = useMemo(() => {
-    if (activeScope === "rule" || activeScope === "collection") {
+    if (activeScope === "rule" || activeScope === "collection" || activeScope === "all") {
       if (activeScope === "rule" && ruleWizardStep === 2 && selectedRecordId === null) {
         return { ...parseRef(""), kind: "rule", raw: "rule:__draft__" };
       }
       if (selectedRecordId === null) {
-        if (activeScope === "collection" && cardinality === "collection") {
+        if ((activeScope === "collection" || activeScope === "all") && cardinality === "collection") {
           return parseRef("");
         }
         return null;
@@ -2113,6 +2272,25 @@ var createEditorStore = () => {
   const listeners = /* @__PURE__ */ new Set();
   let cachedList = [];
   let nextOrder = 0;
+  let hooksBundle = null;
+  let notifier = null;
+  const buildRecordSummary = (entry, value) => ({
+    id: entry.recordId ?? null,
+    ref: entry.spec.scope.raw,
+    scope: entry.spec.scope,
+    label: entry.label,
+    status: "configured",
+    data: value,
+    facetRule: entry.facetRule
+  });
+  const buildHookCtxBase = (entry) => ({
+    collectionId: entry.saveSpec.ctx.collectionId,
+    appId: entry.saveSpec.ctx.appId,
+    recordType: entry.saveSpec.ctx.recordType,
+    scope: entry.spec.scope.kind,
+    targetRef: entry.spec.scope.raw || void 0,
+    admin: true
+  });
   const recompute = () => {
     cachedList = Array.from(map.values()).sort((a, b) => a.order - b.order);
   };
@@ -2266,10 +2444,35 @@ var createEditorStore = () => {
       const entry = map.get(editorId);
       if (!entry) return;
       if (entry.status !== "dirty" && entry.status !== "error") return;
-      const persistedValue = entry.value;
+      let persistedValue = entry.value;
       const persistedFacetRule = entry.facetRule;
       const { ctx, anchors } = entry.saveSpec;
       const spec = entry.spec;
+      const isCreate = !(entry.recordId && entry.source === "self") || !!spec.createMode;
+      if (hooksBundle?.beforeSave) {
+        try {
+          const hookCtx = {
+            ...buildHookCtxBase(entry),
+            isCreate,
+            record: buildRecordSummary(entry, persistedValue),
+            before: !isCreate ? buildRecordSummary(entry, entry.baseline) : void 0
+          };
+          const result = await hooksBundle.beforeSave(hookCtx);
+          if (result === false) {
+            return;
+          }
+          if (result && typeof result === "object") {
+            persistedValue = persistedValue && typeof persistedValue === "object" ? { ...persistedValue, ...result } : result;
+          }
+        } catch (err) {
+          notifier?.({ kind: "hook-before-save", error: err, recordLabel: entry.label });
+          update(editorId, (e) => {
+            e.status = "error";
+            e.error = err;
+          });
+          return;
+        }
+      }
       update(editorId, (e) => {
         e.status = "saving";
         e.error = void 0;
@@ -2283,11 +2486,14 @@ var createEditorStore = () => {
           });
         } else if (spec.createMode) {
           const created = await createRecord(ctx, {
-            // Draft scopes synthesise placeholder refs (`rule:__draft__`,
-            // `/item:draft:...`) for shell-internal routing only — never
-            // forward them to the SDK as an external ref. Saved rules
-            // still pass their real `rule:{id}` string through.
-            ref: spec.isDraftScope ? spec.ref : spec.scope.kind === "rule" && spec.scope.raw ? spec.scope.raw : spec.ref,
+            // `record.ref` is a host-owned external handle. The framework
+            // never writes to it — rule identity is content-addressed via
+            // `facetRule`, record identity via `record.id` (UUID).
+            // `spec.ref` is always `undefined` from `useShellEditorTarget`
+            // for the same reason; we keep the prop on the spec so hosts
+            // that wire the editor session directly can still pass an
+            // explicit external ref if they choose.
+            ref: spec.ref,
             scope: anchors,
             data: persistedValue,
             facetRule: persistedFacetRule
@@ -2295,7 +2501,7 @@ var createEditorStore = () => {
           nextRecordId = created?.id ?? nextRecordId;
         } else {
           const upserted = await upsertRecord(ctx, {
-            ref: spec.isDraftScope ? spec.ref : spec.scope.kind === "rule" && spec.scope.raw ? spec.scope.raw : spec.ref,
+            ref: spec.ref,
             scope: anchors,
             data: persistedValue,
             facetRule: persistedFacetRule
@@ -2303,6 +2509,9 @@ var createEditorStore = () => {
           nextRecordId = upserted.record?.id ?? nextRecordId;
         }
         update(editorId, (e) => {
+          if (persistedValue !== entry.value) {
+            e.value = cloneDeep(persistedValue);
+          }
           e.baseline = cloneDeep(e.value);
           e.baselineFacetRule = e.facetRule;
           e.recordId = nextRecordId;
@@ -2310,6 +2519,21 @@ var createEditorStore = () => {
           e.status = "saved";
           e.error = void 0;
         });
+        if (hooksBundle?.afterSave) {
+          const refreshed = map.get(editorId);
+          const hookCtx = {
+            ...buildHookCtxBase(refreshed ?? entry),
+            isCreate,
+            record: buildRecordSummary(refreshed ?? entry, persistedValue),
+            before: !isCreate ? buildRecordSummary(entry, entry.baseline) : void 0
+          };
+          try {
+            await hooksBundle.afterSave(hookCtx);
+          } catch (err) {
+            notifier?.({ kind: "hook-after-save", error: err, recordLabel: entry.label });
+            console.warn("[RecordsAdmin] afterSave hook failed", err);
+          }
+        }
       } catch (err) {
         update(editorId, (e) => {
           e.status = "error";
@@ -2331,9 +2555,35 @@ var createEditorStore = () => {
       if (!entry) return;
       if (entry.source !== "self") return;
       if (!entry.recordId) return;
+      if (hooksBundle?.beforeDelete) {
+        try {
+          const hookCtx = {
+            ...buildHookCtxBase(entry),
+            record: buildRecordSummary(entry, entry.value)
+          };
+          const result = await hooksBundle.beforeDelete(hookCtx);
+          if (result === false) return;
+        } catch (err) {
+          notifier?.({ kind: "hook-before-delete", error: err, recordLabel: entry.label });
+          console.warn("[RecordsAdmin] beforeDelete hook cancelled delete", err);
+          return;
+        }
+      }
+      const deletedSnapshot = hooksBundle?.afterDelete ? {
+        ...buildHookCtxBase(entry),
+        record: buildRecordSummary(entry, entry.value)
+      } : null;
       await removeRecord(entry.saveSpec.ctx, entry.recordId);
       map.delete(editorId);
       emit();
+      if (hooksBundle?.afterDelete && deletedSnapshot) {
+        try {
+          await hooksBundle.afterDelete(deletedSnapshot);
+        } catch (err) {
+          notifier?.({ kind: "hook-after-delete", error: err, recordLabel: entry.label });
+          console.warn("[RecordsAdmin] afterDelete hook failed", err);
+        }
+      }
     },
     enforcePoolLimit(max, exceptEditorId) {
       const alive = Array.from(map.values());
@@ -2354,6 +2604,12 @@ var createEditorStore = () => {
       return () => {
         listeners.delete(listener);
       };
+    },
+    setHooks(hooks) {
+      hooksBundle = hooks ?? null;
+    },
+    setNotifier(notify2) {
+      notifier = notify2 ?? null;
     }
   };
 };
@@ -2375,10 +2631,14 @@ var EditorSessionProvider = ({
   ctx,
   children,
   maxOpenEditors = 8,
-  defaultValueFactory
+  defaultValueFactory,
+  hooks,
+  onHookNotice
 }) => {
   const storeRef = useRef(null);
   if (!storeRef.current) storeRef.current = createEditorStore();
+  storeRef.current.setHooks(hooks ?? null);
+  storeRef.current.setNotifier(onHookNotice ?? null);
   const currentRef = useRef(void 0);
   const listenersRef = useRef(/* @__PURE__ */ new Set());
   const subscribeCurrent = useCallback((cb) => {
@@ -2706,7 +2966,14 @@ function useShellEditorTarget(args) {
       // would update the rule record in place.
       recordId: createMode ? void 0 : resolved.recordId,
       createMode,
-      ref: editingTargetScope.kind === "rule" && !isDraftScope ? editingTargetScope.raw : void 0,
+      // We deliberately do NOT propagate `editingTargetScope.raw` (e.g.
+      // `rule:<ulid>`) into `spec.ref`. `record.ref` is a host-owned
+      // EXTERNAL HANDLE — this framework must remain agnostic about how
+      // hosts use it. Rule identity is content-addressed via `facetRule`
+      // (see `data/ruleHash`); record identity is the UUID `record.id`.
+      // Whatever the SDK chooses to back-fill in `ref` is the SDK's
+      // problem, not ours, and we never write to it.
+      ref: void 0,
       initialFacetRule,
       label,
       draftKey,
@@ -2813,7 +3080,8 @@ var LABELS = {
   facet: "Shared",
   variant: "Variants",
   batch: "Batches",
-  rule: "Rules"
+  rule: "Rules",
+  all: "All"
 };
 var ScopeTabs = ({
   scopes,
@@ -2821,6 +3089,7 @@ var ScopeTabs = ({
   onChange,
   loading = false,
   counts,
+  tooltips,
   icons
 }) => {
   const iconMap = icons ?? DEFAULT_ICONS.scope;
@@ -2828,6 +3097,7 @@ var ScopeTabs = ({
     const Icon = iconMap[s] ?? DEFAULT_ICONS.scope[s];
     const isActive = active === s;
     const count = counts?.[s];
+    const tooltip = tooltips?.[s];
     return /* @__PURE__ */ jsxs(
       "button",
       {
@@ -2837,6 +3107,7 @@ var ScopeTabs = ({
         onClick: () => onChange(s),
         disabled: loading,
         className: "ra-tab",
+        title: tooltip,
         children: [
           /* @__PURE__ */ jsx(Icon, { className: cn("ra-tab-icon w-3.5 h-3.5", loading && "animate-pulse") }),
           /* @__PURE__ */ jsx("span", { children: LABELS[s] }),
@@ -3069,6 +3340,15 @@ var DefaultRecordRow = ({ record, ctx, compact = false }) => {
         compact && /* @__PURE__ */ jsx(StatusIcon, { status: record.status, size: "0.85rem" }),
         !compact && record.scope.kind && record.scope.kind !== "collection" && /* @__PURE__ */ jsx("span", { className: "ra-row-scope", "aria-hidden": "true", children: /* @__PURE__ */ jsx(ScopeIcon, { className: "w-3 h-3" }) }),
         record.badges?.slice(0, 1).map((b, i) => /* @__PURE__ */ jsx("span", { className: "ra-chip", "data-tone": "muted", children: b.label }, `${b.label}-${i}`)),
+        record.facetRule && !compact && /* @__PURE__ */ jsx(
+          "span",
+          {
+            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" })
+          }
+        ),
         hasError ? /* @__PURE__ */ jsx(
           "span",
           {
@@ -3117,22 +3397,24 @@ var RecordList = ({
   presentation = "list",
   renderListRow,
   groupBy,
+  renderGroupActions,
   rowClipboard,
   i18n
 }) => {
   const buildCtx = (item) => {
     const cb = rowClipboard ? rowClipboard(item) : null;
+    const itemAnchorKey = anchorKey(item.scope);
     const idMatch = selectedId != null && item.id != null && item.id === selectedId;
-    const anchorMatch = selectedAnchorKey != null && item.ref === selectedAnchorKey;
+    const anchorMatch = selectedAnchorKey != null && !!itemAnchorKey && itemAnchorKey === selectedAnchorKey;
     const dirtyIdMatch = dirtyId != null && item.id != null && item.id === dirtyId;
-    const dirtyAnchorMatch = dirtyAnchorKey != null && item.ref === dirtyAnchorKey;
+    const dirtyAnchorMatch = dirtyAnchorKey != null && !!itemAnchorKey && itemAnchorKey === dirtyAnchorKey;
     const idInStore = !!(item.id && dirtyKeys?.has(item.id));
-    const refInStore = !!(item.ref && dirtyKeys?.has(item.ref));
-    const errorInStore = !!(item.id && errorKeys?.has(item.id) || item.ref && errorKeys?.has(item.ref));
+    const anchorInStore = !!(itemAnchorKey && dirtyKeys?.has(itemAnchorKey));
+    const errorInStore = !!(item.id && errorKeys?.has(item.id) || itemAnchorKey && errorKeys?.has(itemAnchorKey));
     return {
       selected: idMatch || anchorMatch,
       onSelect: () => onSelect(item),
-      isDirty: dirtyIdMatch || dirtyAnchorMatch || idInStore || refInStore,
+      isDirty: dirtyIdMatch || dirtyAnchorMatch || idInStore || anchorInStore,
       hasError: errorInStore,
       i18n,
       ...cb ?? {}
@@ -3154,19 +3436,28 @@ var RecordList = ({
   }, [items, groupBy]);
   const renderItems = (rows) => {
     const compact = presentation === "compact";
-    return /* @__PURE__ */ jsx("ul", { children: rows.map((item) => {
+    return /* @__PURE__ */ jsx("ul", { children: rows.map((item, idx) => {
       const ctx = buildCtx(item);
-      return /* @__PURE__ */ jsx("li", { children: renderListRow ? renderListRow(item, ctx) : /* @__PURE__ */ jsx(DefaultRecordRow, { record: item, ctx, compact }) }, item.id ?? item.ref);
+      const key = item.id ?? (anchorKey(item.scope) || `pos:${idx}`);
+      return /* @__PURE__ */ jsx("li", { children: renderListRow ? renderListRow(item, ctx) : /* @__PURE__ */ jsx(DefaultRecordRow, { record: item, ctx, compact }) }, key);
     }) });
   };
   if (groups) {
-    return /* @__PURE__ */ jsx(GroupedList, { groups, renderItems });
+    return /* @__PURE__ */ jsx(
+      GroupedList,
+      {
+        groups,
+        renderItems,
+        renderGroupActions
+      }
+    );
   }
   return renderItems(items);
 };
 var GroupedList = ({
   groups,
-  renderItems
+  renderItems,
+  renderGroupActions
 }) => {
   const Chevron = DEFAULT_ICONS.group.chevron;
   const [open, setOpen] = useState(
@@ -3174,22 +3465,34 @@ var GroupedList = ({
   );
   return /* @__PURE__ */ jsx(Fragment, { children: groups.map((g) => {
     const isOpen = open[g.key] !== false;
+    const actions = renderGroupActions?.({ key: g.key, label: g.label, items: g.items });
     return /* @__PURE__ */ jsxs("section", { className: "ra-group", "data-open": isOpen ? "true" : "false", children: [
-      /* @__PURE__ */ jsxs(
-        "button",
-        {
-          type: "button",
-          className: "ra-group-summary",
-          onClick: () => setOpen((s) => ({ ...s, [g.key]: !isOpen })),
-          "aria-expanded": isOpen,
-          children: [
-            /* @__PURE__ */ jsx(Chevron, { className: "ra-group-chevron w-3 h-3" }),
-            g.icon,
-            /* @__PURE__ */ jsx("span", { className: "ra-group-name", children: g.label }),
-            /* @__PURE__ */ jsx("span", { className: "ra-group-count", children: g.items.length })
-          ]
-        }
-      ),
+      /* @__PURE__ */ jsxs("div", { className: "ra-group-summary-row flex items-center", children: [
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            className: "ra-group-summary flex-1 min-w-0",
+            onClick: () => setOpen((s) => ({ ...s, [g.key]: !isOpen })),
+            "aria-expanded": isOpen,
+            children: [
+              /* @__PURE__ */ jsx(Chevron, { className: "ra-group-chevron w-3 h-3" }),
+              g.icon,
+              /* @__PURE__ */ jsx("span", { className: "ra-group-name", children: g.label }),
+              /* @__PURE__ */ jsx("span", { className: "ra-group-count", children: g.items.length })
+            ]
+          }
+        ),
+        actions ? /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "ra-group-actions flex-shrink-0 pr-2",
+            onClick: (e) => e.stopPropagation(),
+            onMouseDown: (e) => e.stopPropagation(),
+            children: actions
+          }
+        ) : null
+      ] }),
       /* @__PURE__ */ jsx("div", { className: "ra-group-body", children: renderItems(g.items) })
     ] }, g.key);
   }) });
@@ -3442,7 +3745,7 @@ function useItemViewPref(args) {
   }, [key]);
   return [value, set];
 }
-var QK_BASE2 = ["records-admin", "collection-items"];
+var QK_BASE3 = ["records-admin", "collection-items"];
 var canonicalFacetRule = (rule) => {
   if (!rule || !Array.isArray(rule.all)) return "";
   const clauses = rule.all.map((c) => ({
@@ -3475,23 +3778,24 @@ function useCollectionItems(args) {
     ctx,
     scope,
     facetRule,
+    includeAll = false,
     pageSize = 100,
     toSummary: toSummary2 = defaultToSummary,
     enabled = true
   } = args;
   const queryClient = useQueryClient();
-  const scopeRef = scope?.raw ?? "";
+  const scopeRef = includeAll ? "__all__" : scope?.raw ?? "";
   const ruleSignature = useMemo(
-    () => scope?.kind === "rule" ? canonicalFacetRule(facetRule) : "",
-    [scope?.kind, facetRule]
+    () => !includeAll && scope?.kind === "rule" ? canonicalFacetRule(facetRule) : "",
+    [includeAll, scope?.kind, facetRule]
   );
   const queryKey = useMemo(
-    () => [...QK_BASE2, ctx.collectionId, ctx.appId, ctx.recordType, scopeRef, ruleSignature],
+    () => [...QK_BASE3, ctx.collectionId, ctx.appId, ctx.recordType, scopeRef, ruleSignature],
     [ctx.collectionId, ctx.appId, ctx.recordType, scopeRef, ruleSignature]
   );
   const query = useInfiniteQuery({
     queryKey,
-    enabled: enabled && !!scope,
+    enabled: enabled && (includeAll || !!scope),
     initialPageParam: 0,
     queryFn: async ({ pageParam }) => {
       const offset = pageParam;
@@ -3505,12 +3809,13 @@ function useCollectionItems(args) {
     staleTime: 15e3
   });
   const items = useMemo(() => {
-    if (!scope) return [];
+    if (!includeAll && !scope) return [];
     const all = query.data?.pages.flatMap((p) => p.data) ?? [];
-    const relevant = all.filter((rec) => recordMatchesScope(rec, scope, ruleSignature));
+    const relevant = includeAll ? all : all.filter((rec) => recordMatchesScope(rec, scope, ruleSignature));
     return relevant.map((rec) => {
       const ref = rec.ref ?? "";
       const parsed = parseRef(ref);
+      const recFacetRule = rec.facetRule ?? null;
       const stableItemId = rec.id;
       const base = {
         id: rec.id,
@@ -3520,11 +3825,12 @@ function useCollectionItems(args) {
         status: rec.data ? "configured" : "empty",
         label: stableItemId,
         updatedAt: rec.updatedAt,
-        itemId: stableItemId
+        itemId: stableItemId,
+        facetRule: recFacetRule
       };
       return toSummary2(rec, base);
     }).filter((x) => x !== null);
-  }, [query.data, toSummary2, scope, ruleSignature]);
+  }, [query.data, toSummary2, scope, ruleSignature, includeAll]);
   const refetch = useCallback(() => {
     queryClient.invalidateQueries({ queryKey });
   }, [queryClient, queryKey]);
@@ -3700,7 +4006,7 @@ var createPostMessageDeepLinkAdapter = (paramNames) => {
 
 // src/components/RecordsAdmin/hooks/useDeepLinkState.ts
 var SMART_PUSH = ["record.open", "record.close", "scope"];
-var classify = (mode, kind) => {
+var classify2 = (mode, kind) => {
   if (mode === "push") return "push";
   if (mode === "replace") return "replace";
   return SMART_PUSH.includes(kind) ? "push" : "replace";
@@ -3737,7 +4043,7 @@ function useDeepLinkState(options) {
   }, [adapter]);
   const emit = useCallback((partial, kind) => {
     if (!adapter) return;
-    const mode = classify(history, kind);
+    const mode = classify2(history, kind);
     adapter.write(partial, mode);
     setUrlState((prev) => ({ ...prev, ...partial }));
   }, [adapter, history]);
@@ -3914,6 +4220,7 @@ function RecordEditor({
   children,
   preview,
   targeting,
+  targetingControl,
   bulkActions,
   footerExtra,
   onBeforeDelete,
@@ -3932,8 +4239,15 @@ function RecordEditor({
   const DeleteIcon = actionIcons?.delete;
   const showInherited = ctx.source === "inherited";
   const showEmpty = ctx.source === "empty";
+  const hasBreadcrumb = (() => {
+    const s = ctx.scope;
+    return Boolean(s?.facetId || s?.productId || s?.variantId || s?.batchId);
+  })();
+  const hasLeftContent = Boolean(headerLabel) || hasBreadcrumb;
+  const hasRightContent = showInherited || showEmpty || Boolean(headerMeta) || Boolean(bulkActions) || Boolean(targetingControl);
+  const showHeader = hasLeftContent || hasRightContent;
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-col h-full", children: [
-    /* @__PURE__ */ jsxs(
+    showHeader && /* @__PURE__ */ jsxs(
       "header",
       {
         className: "sticky top-0 z-40 px-5 py-3 border-b flex items-start justify-between gap-3",
@@ -4005,7 +4319,8 @@ function RecordEditor({
                 children: headerMeta
               }
             ),
-            bulkActions && /* @__PURE__ */ jsx(BulkActionsMenu, { ...bulkActions, i18n })
+            bulkActions && /* @__PURE__ */ jsx(BulkActionsMenu, { ...bulkActions, i18n }),
+            targetingControl
           ] })
         ]
       }
@@ -4114,7 +4429,7 @@ function RecordEditor({
     )
   ] });
 }
-function summariseRule(clauses, facets) {
+function summariseRule2(clauses, facets) {
   let valueCount = 0;
   const parts = clauses.map((c) => {
     const facet = facets.find((f) => f.key === c.facetKey);
@@ -4127,20 +4442,36 @@ function summariseRule(clauses, facets) {
   });
   return { text: parts.join(" \xB7 "), clauseCount: clauses.length, valueCount };
 }
-function RecordTargeting({ SL, collectionId, appId, ctx }) {
+function RecordTargeting({
+  SL,
+  collectionId,
+  appId,
+  ctx,
+  forceOpen,
+  onOpenChange
+}) {
   const facets = useFacets(collectionId, void 0);
   const preview = useRulePreview({ SL, collectionId, appId, rule: ctx.facetRule ?? null });
   const clauses = ctx.facetRule?.all ?? [];
   const hasAnyClause = clauses.length > 0;
+  const hasInflightRule = ctx.facetRule != null;
   const isInvalid = ctx.canSave === false;
-  const shouldAutoOpen = !hasAnyClause || isInvalid;
+  const shouldAutoOpen = hasInflightRule && (!hasAnyClause || isInvalid);
   const [open, setOpen] = useState(shouldAutoOpen);
   useEffect(() => {
     if (shouldAutoOpen) setOpen(true);
   }, [shouldAutoOpen]);
-  const summary = useMemo(() => summariseRule(clauses, facets), [clauses, facets]);
+  useEffect(() => {
+    if (forceOpen) setOpen(true);
+  }, [forceOpen]);
+  const summary = useMemo(() => summariseRule2(clauses, facets), [clauses, facets]);
   if (!ctx.onFacetRuleChange) return null;
+  if (!hasInflightRule) return null;
   const headerTone = isInvalid ? { color: "hsl(var(--ra-danger, 0 70% 45%))" } : { color: "hsl(var(--ra-muted-text))" };
+  const setOpenAndNotify = (next) => {
+    setOpen(next);
+    onOpenChange?.(next);
+  };
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -4150,12 +4481,12 @@ function RecordTargeting({ SL, collectionId, appId, ctx }) {
         background: "hsl(var(--ra-muted) / 0.3)"
       },
       children: [
-        /* @__PURE__ */ jsxs(
+        /* @__PURE__ */ jsx("div", { className: "w-full flex items-center gap-2 px-3 py-2", children: /* @__PURE__ */ jsxs(
           "button",
           {
             type: "button",
-            onClick: () => setOpen((o) => !o),
-            className: "w-full flex items-center gap-2 px-3 py-2 text-left hover:bg-[hsl(var(--ra-muted)/0.5)] rounded-lg transition-colors",
+            onClick: () => setOpenAndNotify(!open),
+            className: "flex items-center gap-2 flex-1 min-w-0 text-left rounded transition-colors hover:bg-[hsl(var(--ra-muted)/0.5)] -mx-1 px-1 py-0.5",
             "aria-expanded": open,
             children: [
               open ? /* @__PURE__ */ jsx(ChevronDown, { className: "w-3.5 h-3.5 shrink-0", style: headerTone }) : /* @__PURE__ */ jsx(ChevronRight, { className: "w-3.5 h-3.5 shrink-0", style: headerTone }),
@@ -4173,7 +4504,7 @@ function RecordTargeting({ SL, collectionId, appId, ctx }) {
                 {
                   className: "text-xs truncate flex-1 min-w-0",
                   style: { color: "hsl(var(--ra-text))" },
-                  title: summary.text || void 0,
+                  title: hasAnyClause ? summary.text : void 0,
                   children: hasAnyClause ? summary.text || `${summary.clauseCount} facet${summary.clauseCount === 1 ? "" : "s"}` : /* @__PURE__ */ jsx("span", { style: { color: "hsl(var(--ra-muted-text))", fontStyle: "italic" }, children: "No rule yet \u2014 pick a facet to begin" })
                 }
               ),
@@ -4206,7 +4537,7 @@ function RecordTargeting({ SL, collectionId, appId, ctx }) {
               /* @__PURE__ */ jsx(Settings2, { className: "w-3.5 h-3.5 shrink-0", style: headerTone })
             ]
           }
-        ),
+        ) }),
         open && /* @__PURE__ */ jsx(
           "div",
           {
@@ -4228,6 +4559,262 @@ function RecordTargeting({ SL, collectionId, appId, ctx }) {
     }
   );
 }
+function deepCloneRule(rule) {
+  if (typeof structuredClone === "function") return structuredClone(rule);
+  return JSON.parse(JSON.stringify(rule));
+}
+function TargetingPopover({
+  ctx,
+  catalogue,
+  onCustomise,
+  disabled
+}) {
+  const [open, setOpen] = useState(false);
+  const triggerRef = useRef(null);
+  const [anchor, setAnchor] = useState(null);
+  const currentHash = useMemo(() => ruleHash(ctx.facetRule), [ctx.facetRule]);
+  const currentMatchesPreset = !!currentHash && catalogue.some((e) => e.hash === currentHash);
+  const sharedCount = useMemo(() => {
+    if (!currentHash) return 0;
+    const entry = catalogue.find((e) => e.hash === currentHash);
+    if (!entry) return 0;
+    return Math.max(0, entry.count - 1);
+  }, [catalogue, currentHash]);
+  useEffect(() => {
+    if (!open || !triggerRef.current) return;
+    const r = triggerRef.current.getBoundingClientRect();
+    setAnchor({ top: r.bottom + 6, right: window.innerWidth - r.right });
+  }, [open]);
+  useEffect(() => {
+    if (!open) return;
+    const onKey = (e) => {
+      if (e.key === "Escape") {
+        e.stopPropagation();
+        setOpen(false);
+      }
+    };
+    const onDown = (e) => {
+      const t = e.target;
+      if (!t) return;
+      if (triggerRef.current?.contains(t)) return;
+      const card = document.getElementById("ra-targeting-popover-card");
+      if (card?.contains(t)) return;
+      setOpen(false);
+    };
+    window.addEventListener("keydown", onKey, true);
+    window.addEventListener("mousedown", onDown, true);
+    return () => {
+      window.removeEventListener("keydown", onKey, true);
+      window.removeEventListener("mousedown", onDown, true);
+    };
+  }, [open]);
+  if (disabled || !ctx.onFacetRuleChange) return null;
+  const mode = !ctx.facetRule ? "global" : currentMatchesPreset ? "preset" : "custom";
+  const onPickGlobal = () => {
+    ctx.onFacetRuleChange?.(null);
+    setOpen(false);
+  };
+  const onPickPreset = (entry) => {
+    ctx.onFacetRuleChange?.(deepCloneRule(entry.rule));
+    setOpen(false);
+  };
+  const onPickCustom = () => {
+    if (!ctx.facetRule) ctx.onFacetRuleChange?.({ all: [] });
+    onCustomise();
+    setOpen(false);
+  };
+  const triggerLabel = mode === "global" ? "Global" : "Targeted";
+  const TriggerIcon = mode === "global" ? Globe2 : Target;
+  const popover = open && anchor ? createPortal(
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        id: "ra-targeting-popover-card",
+        role: "dialog",
+        "aria-label": "Targeting",
+        className: "ra-shell",
+        style: {
+          position: "fixed",
+          top: anchor.top,
+          right: anchor.right,
+          zIndex: 60,
+          width: 320,
+          maxHeight: "min(70vh, 480px)",
+          overflowY: "auto",
+          background: "hsl(var(--ra-surface))",
+          border: "1px solid hsl(var(--ra-border))",
+          borderRadius: 8,
+          boxShadow: "0 8px 24px hsl(0 0% 0% / 0.12)"
+        },
+        onMouseDown: (e) => e.stopPropagation(),
+        onClick: (e) => e.stopPropagation(),
+        children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "px-3 py-2 border-b text-[11px] uppercase tracking-wide font-medium",
+              style: {
+                borderColor: "hsl(var(--ra-border))",
+                color: "hsl(var(--ra-muted-text))"
+              },
+              children: "Targeting"
+            }
+          ),
+          sharedCount > 0 && /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: "mx-3 mt-2 px-2 py-1.5 text-[11px] rounded flex items-start gap-1.5",
+              style: {
+                background: "hsl(var(--ra-muted) / 0.5)",
+                color: "hsl(var(--ra-muted-text))"
+              },
+              children: [
+                /* @__PURE__ */ jsx(Info, { className: "w-3 h-3 mt-0.5 shrink-0" }),
+                /* @__PURE__ */ jsxs("span", { children: [
+                  /* @__PURE__ */ jsx("strong", { style: { color: "hsl(var(--ra-text))" }, children: sharedCount }),
+                  " ",
+                  "other record",
+                  sharedCount === 1 ? "" : "s",
+                  " share this rule. Changing it here only affects this record. To retarget all of them, use ",
+                  /* @__PURE__ */ jsx("em", { children: "Edit rule" }),
+                  " on the rail group."
+                ] })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Option,
+            {
+              active: mode === "global",
+              onClick: onPickGlobal,
+              icon: /* @__PURE__ */ jsx(Globe2, { className: "w-3.5 h-3.5" }),
+              title: "Apply globally",
+              subtitle: "Applies to every product in the collection."
+            }
+          ),
+          catalogue.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: "px-3 pt-2 pb-1 text-[10px] uppercase tracking-wide",
+                style: { color: "hsl(var(--ra-muted-text))" },
+                children: "Existing rule sets"
+              }
+            ),
+            catalogue.map((entry) => /* @__PURE__ */ jsx(
+              Option,
+              {
+                active: mode === "preset" && currentHash === entry.hash,
+                onClick: () => onPickPreset(entry),
+                icon: /* @__PURE__ */ jsx(Target, { className: "w-3.5 h-3.5" }),
+                title: entry.summary || "Untitled rule",
+                subtitle: `${entry.count} record${entry.count === 1 ? "" : "s"}`
+              },
+              entry.hash
+            ))
+          ] }),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "border-t mt-1",
+              style: { borderColor: "hsl(var(--ra-border) / 0.6)" }
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Option,
+            {
+              active: mode === "custom",
+              onClick: onPickCustom,
+              icon: /* @__PURE__ */ jsx(Pencil, { className: "w-3.5 h-3.5" }),
+              title: mode === "custom" ? "Customise rule" : "Create a new rule",
+              subtitle: "Open the rule editor below to author a bespoke rule."
+            }
+          )
+        ]
+      }
+    ),
+    document.body
+  ) : null;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        ref: triggerRef,
+        type: "button",
+        onClick: () => setOpen((o) => !o),
+        className: "text-[11px] inline-flex items-center gap-1 px-2 py-1 rounded-md border transition-colors hover:bg-[hsl(var(--ra-muted))]",
+        style: {
+          borderColor: "hsl(var(--ra-border))",
+          color: "hsl(var(--ra-text))"
+        },
+        "aria-haspopup": "dialog",
+        "aria-expanded": open,
+        title: "Use rules to scope this record to a targeted audience",
+        children: [
+          /* @__PURE__ */ jsx(TriggerIcon, { className: "w-3 h-3" }),
+          triggerLabel,
+          mode === "preset" && /* @__PURE__ */ jsx(Check, { className: "w-3 h-3", style: { color: "hsl(var(--ra-muted-text))" } })
+        ]
+      }
+    ),
+    popover
+  ] });
+}
+function Option({
+  active,
+  onClick,
+  icon,
+  title,
+  subtitle
+}) {
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      onClick,
+      className: "w-full text-left px-3 py-2 flex items-start gap-2 transition-colors hover:bg-[hsl(var(--ra-muted)/0.6)]",
+      style: {
+        background: active ? "hsl(var(--ra-accent) / 0.08)" : void 0
+      },
+      children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: "mt-0.5 shrink-0",
+            style: { color: active ? "hsl(var(--ra-accent))" : "hsl(var(--ra-muted-text))" },
+            children: icon
+          }
+        ),
+        /* @__PURE__ */ jsxs("span", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: "block text-xs font-medium truncate",
+              style: { color: "hsl(var(--ra-text))" },
+              title,
+              children: title
+            }
+          ),
+          subtitle && /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: "block text-[11px] truncate",
+              style: { color: "hsl(var(--ra-muted-text))" },
+              children: subtitle
+            }
+          )
+        ] }),
+        active && /* @__PURE__ */ jsx(
+          Check,
+          {
+            className: "w-3.5 h-3.5 mt-0.5 shrink-0",
+            style: { color: "hsl(var(--ra-accent))" }
+          }
+        )
+      ]
+    }
+  );
+}
 var TAB_META = {
   product: { icon: Box, label: "Product" },
   variant: { icon: Layers, label: "Variants" },
@@ -4736,9 +5323,10 @@ function DefaultItemTable({
         }
       )
     ] }) }),
-    /* @__PURE__ */ jsx("tbody", { children: items.map((item) => {
+    /* @__PURE__ */ jsx("tbody", { children: items.map((item, idx) => {
       const id = item.itemId ?? "";
       const isSelected = !!selectedId && selectedId === id;
+      const key = item.id ?? (id || anchorKey(item.scope) || `pos:${idx}`);
       return /* @__PURE__ */ jsxs(
         "tr",
         {
@@ -4784,7 +5372,7 @@ function DefaultItemTable({
             ] })
           ]
         },
-        item.ref
+        key
       );
     }) })
   ] }) });
@@ -4805,8 +5393,9 @@ function DefaultItemCards({
     {
       className: isGallery ? "ra-item-gallery" : "ra-item-cards",
       "data-card-size": cardSize,
-      children: items.map((item) => {
+      children: items.map((item, idx) => {
         const id = item.itemId ?? "";
+        const key = item.id ?? (id || anchorKey(item.scope) || `pos:${idx}`);
         const open = () => ctx.onOpen(id);
         const slotCtx = {
           ...ctx,
@@ -4822,7 +5411,7 @@ function DefaultItemCards({
               "data-selected": slotCtx.selected,
               children: renderCard(item, slotCtx)
             },
-            item.ref
+            key
           );
         }
         return /* @__PURE__ */ jsxs(
@@ -4854,7 +5443,7 @@ function DefaultItemCards({
               )
             ]
           },
-          item.ref
+          key
         );
       })
     }
@@ -4866,6 +5455,7 @@ function ItemListView({
   error,
   ctx,
   itemNoun,
+  ruleSummary,
   view,
   views,
   onViewChange,
@@ -4963,6 +5553,27 @@ function ItemListView({
   }
   return /* @__PURE__ */ jsxs("div", { className: "ra-item-list", children: [
     toolbar,
+    ruleSummary ? /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "ra-item-rule-summary",
+        style: {
+          padding: "6px 12px",
+          fontSize: "11px",
+          color: "hsl(var(--ra-muted-text))",
+          borderBottom: "1px solid hsl(var(--ra-border))",
+          background: "hsl(var(--ra-muted) / 0.4)",
+          display: "flex",
+          alignItems: "center",
+          gap: "6px"
+        },
+        children: [
+          /* @__PURE__ */ jsx("span", { style: { fontWeight: 500, color: "hsl(var(--ra-text))" }, children: "Rule" }),
+          /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "\xB7" }),
+          /* @__PURE__ */ jsx("span", { children: ruleSummary })
+        ]
+      }
+    ) : null,
     /* @__PURE__ */ jsx("div", { className: "ra-item-list-body", children: body })
   ] });
 }
@@ -5051,11 +5662,13 @@ function SiblingRail({
       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) => {
+      !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) || item.ref && dirtyKeys?.has(item.ref));
-        const hasError = !!(id && errorKeys?.has(id) || item.ref && errorKeys?.has(item.ref));
+        const isDirty = !!(id && dirtyKeys?.has(id) || akey && dirtyKeys?.has(akey));
+        const hasError = !!(id && errorKeys?.has(id) || akey && errorKeys?.has(akey));
         return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
           "button",
           {
@@ -5085,7 +5698,7 @@ function SiblingRail({
               ) : null
             ]
           }
-        ) }, item.ref);
+        ) }, key);
       }) })
     ] })
   ] });
@@ -5143,9 +5756,6 @@ var UtilityRow = ({ label, customLabel, introHidden, onShowIntro }) => {
     }
   );
 };
-
-// src/components/AdminPageHeader/admin-page-header.css
-styleInject('.sl-aph {\n  width: 100%;\n  font-family: var(--ra-font-ui, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif);\n  color: hsl(var(--ra-text, 222 47% 11%));\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n.sl-aph *,\n.sl-aph *::before,\n.sl-aph *::after {\n  box-sizing: border-box;\n}\n.sl-aph__row {\n  position: relative;\n  display: flex;\n  align-items: flex-start;\n  gap: 0.6rem;\n  padding: 0.25rem 0.25rem 0.5rem;\n}\n.sl-aph__main {\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  align-items: flex-start;\n  gap: 0.55rem;\n}\n.sl-aph__aside {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  flex-shrink: 0;\n}\n.sl-aph__text {\n  flex: 1;\n  min-width: 0;\n}\n.sl-aph__title {\n  font-family: var(--ra-font-display, var(--ra-font-ui, ui-sans-serif, system-ui, sans-serif));\n  font-weight: 700;\n  font-size: 1.2rem;\n  line-height: 1.2;\n  color: hsl(var(--ra-text, 222 47% 11%));\n  letter-spacing: -0.015em;\n  margin: 0;\n  display: inline-flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n.sl-aph__icon {\n  flex-shrink: 0;\n  display: inline-flex;\n  align-items: center;\n  justify-content: flex-start;\n  background: transparent;\n  color: hsl(var(--ra-text, 222 47% 11%));\n  border: 0;\n  padding: 0;\n}\n.sl-aph__icon > svg {\n  width: 1.05rem;\n  height: 1.05rem;\n}\n.sl-aph__subtitle {\n  font-size: 0.78rem;\n  color: hsl(var(--ra-muted-text, 220 9% 46%));\n  margin: 0.1rem 0 0;\n  line-height: 1.3;\n}\n.sl-aph__icon-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 2rem;\n  height: 2rem;\n  padding: 0;\n  border-radius: 999px;\n  background: transparent;\n  border: 1px solid transparent;\n  color: hsl(var(--ra-muted-text, 220 9% 46%));\n  cursor: pointer;\n  transition:\n    background .15s ease,\n    color .15s ease,\n    border-color .15s ease;\n  text-decoration: none;\n}\n.sl-aph__icon-btn:hover {\n  background: hsl(var(--ra-text, 222 47% 11%) / 0.06);\n  color: hsl(var(--ra-text, 222 47% 11%));\n}\n.sl-aph__icon-btn:focus-visible {\n  outline: none;\n  box-shadow: 0 0 0 3px var(--ra-focus-ring, hsl(222 47% 11% / 0.35));\n}\n.sl-aph__icon-btn > svg {\n  width: 1rem;\n  height: 1rem;\n}\n.sl-aph__intro {\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: 0.55rem;\n  padding: 0.4rem 2rem 0.4rem 0.5rem;\n  border-radius: var(--ra-radius, 0.625rem);\n  border: 1px solid hsl(var(--ra-info, 214 95% 55%) / 0.30);\n  background: hsl(var(--ra-info, 214 95% 55%) / 0.08);\n}\n.sl-aph__intro[data-tone=success] {\n  border-color: hsl(var(--ra-success, 142 71% 45%) / 0.30);\n  background: hsl(var(--ra-success, 142 71% 45%) / 0.08);\n}\n.sl-aph__intro[data-tone=warning] {\n  border-color: hsl(var(--ra-warning, 38 92% 50%) / 0.35);\n  background: hsl(var(--ra-warning, 38 92% 50%) / 0.10);\n}\n.sl-aph__intro-icon {\n  flex-shrink: 0;\n  width: 1.5rem;\n  height: 1.5rem;\n  border-radius: 999px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  background: hsl(var(--ra-info, 214 95% 55%) / 0.18);\n  color: hsl(var(--ra-info, 214 95% 55%));\n}\n.sl-aph__intro[data-tone=success] .sl-aph__intro-icon {\n  background: hsl(var(--ra-success, 142 71% 45%) / 0.18);\n  color: hsl(var(--ra-success, 142 71% 45%));\n}\n.sl-aph__intro[data-tone=warning] .sl-aph__intro-icon {\n  background: hsl(var(--ra-warning, 38 92% 50%) / 0.20);\n  color: hsl(var(--ra-warning, 38 92% 50%));\n}\n.sl-aph__intro-body {\n  flex: 1;\n  min-width: 0;\n}\n.sl-aph__intro-title {\n  font-family: var(--ra-font-display, var(--ra-font-ui, ui-sans-serif, system-ui, sans-serif));\n  font-weight: var(--ra-title-weight, 600);\n  font-size: 0.8rem;\n  color: hsl(var(--ra-text, 222 47% 11%));\n  margin: 0;\n  line-height: 1.2;\n  display: inline;\n}\n.sl-aph__intro-text {\n  font-size: 0.78rem;\n  color: hsl(var(--ra-text, 222 47% 11%) / 0.85);\n  line-height: 1.35;\n  display: inline;\n  margin-left: 0.4rem;\n}\n.sl-aph__intro-action {\n  margin-left: 0.375rem;\n}\n.sl-aph__intro-dismiss {\n  position: absolute;\n  top: 50%;\n  right: 0.35rem;\n  transform: translateY(-50%);\n  width: 1.4rem;\n  height: 1.4rem;\n  border-radius: 999px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  background: transparent;\n  border: 0;\n  color: hsl(var(--ra-muted-text, 220 9% 46%));\n  cursor: pointer;\n  padding: 0;\n}\n.sl-aph__intro-dismiss:hover {\n  background: hsl(var(--ra-text, 222 47% 11%) / 0.06);\n  color: hsl(var(--ra-text, 222 47% 11%));\n}\n');
 var TONE_ICON2 = {
   info: Lightbulb,
   success: CheckCircle2,
@@ -5496,6 +6106,183 @@ function WizardFooter({
     }
   );
 }
+var RuleGroupEditDialog = ({
+  open,
+  ctx,
+  currentRule,
+  recordIds,
+  onClose,
+  onApplied
+}) => {
+  const [draftRule, setDraftRule] = useState(currentRule);
+  const [isApplying, setIsApplying] = useState(false);
+  const [error, setError] = useState(null);
+  const [completed, setCompleted] = useState(() => /* @__PURE__ */ new Set());
+  const cancelledRef = useRef(false);
+  const facets = useFacets(ctx.collectionId, void 0);
+  useEffect(() => {
+    if (!open) return;
+    setDraftRule(currentRule);
+    setError(null);
+    setCompleted(/* @__PURE__ */ new Set());
+    cancelledRef.current = false;
+  }, [open, currentRule]);
+  useEffect(() => {
+    if (!open) return;
+    const prev = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+    const onKey = (e) => {
+      if (e.key === "Escape" && !isApplying) {
+        e.stopPropagation();
+        onClose();
+      }
+    };
+    window.addEventListener("keydown", onKey, true);
+    return () => {
+      window.removeEventListener("keydown", onKey, true);
+      document.body.style.overflow = prev;
+    };
+  }, [open, isApplying, onClose]);
+  const isUnchanged = useMemo(
+    () => rulesEqual(draftRule, currentRule),
+    [draftRule, currentRule]
+  );
+  const remaining = useMemo(
+    () => recordIds.filter((id) => !completed.has(id)),
+    [recordIds, completed]
+  );
+  const apply = async () => {
+    if (isUnchanged) {
+      onClose();
+      return;
+    }
+    setIsApplying(true);
+    setError(null);
+    cancelledRef.current = false;
+    try {
+      for (const id of remaining) {
+        if (cancelledRef.current) break;
+        await updateRecord(ctx, id, { facetRule: draftRule });
+        setCompleted((prev) => {
+          const next = new Set(prev);
+          next.add(id);
+          return next;
+        });
+      }
+      if (!cancelledRef.current) {
+        onApplied?.(draftRule);
+        onClose();
+      }
+    } catch (err) {
+      setError(err instanceof Error ? err.message : String(err));
+    } finally {
+      setIsApplying(false);
+    }
+  };
+  if (!open || typeof document === "undefined") return null;
+  const total = recordIds.length;
+  const done = completed.size;
+  return createPortal(
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "ra-shell ra-confirm-root",
+        role: "presentation",
+        onMouseDown: (e) => e.stopPropagation(),
+        onClick: (e) => e.stopPropagation(),
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "ra-confirm-backdrop", onClick: () => !isApplying && onClose() }),
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              role: "dialog",
+              "aria-modal": "true",
+              "aria-labelledby": "ra-rule-bulk-title",
+              className: "ra-confirm-card",
+              style: { maxWidth: 560, width: "92vw" },
+              children: [
+                /* @__PURE__ */ jsxs("div", { className: "ra-confirm-header", style: { justifyContent: "space-between" }, children: [
+                  /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ jsx("span", { className: "ra-confirm-icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx(AlertTriangle, { className: "w-4 h-4" }) }),
+                    /* @__PURE__ */ jsxs("h2", { id: "ra-rule-bulk-title", className: "ra-confirm-title", children: [
+                      "Edit rule for ",
+                      total,
+                      " record",
+                      total === 1 ? "" : "s"
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      className: "ra-confirm-btn ra-confirm-btn-ghost",
+                      style: { padding: 4 },
+                      onClick: () => !isApplying && onClose(),
+                      "aria-label": "Close",
+                      children: /* @__PURE__ */ jsx(X, { className: "w-4 h-4" })
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: "px-4 pb-2 text-xs", style: { color: "hsl(var(--ra-muted-text))" }, children: [
+                  "Currently targeting:",
+                  " ",
+                  /* @__PURE__ */ jsx("span", { style: { color: "hsl(var(--ra-text))" }, children: summariseRule(currentRule) })
+                ] }),
+                /* @__PURE__ */ jsx("div", { className: "px-4 pb-4", children: /* @__PURE__ */ jsx(
+                  FacetRuleEditor,
+                  {
+                    value: draftRule,
+                    onChange: setDraftRule,
+                    collectionId: ctx.collectionId,
+                    description: "The new rule will be applied to every record in this group."
+                  }
+                ) }),
+                error && /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    className: "mx-4 mb-2 px-3 py-2 text-xs rounded",
+                    style: {
+                      background: "hsl(var(--ra-danger-soft, var(--destructive) / 0.12))",
+                      color: "hsl(var(--ra-danger, var(--destructive)))"
+                    },
+                    role: "alert",
+                    children: [
+                      error,
+                      done > 0 && ` Applied to ${done} of ${total} so far.`
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsxs("div", { className: "ra-confirm-actions", children: [
+                  /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      className: "ra-confirm-btn ra-confirm-btn-ghost",
+                      onClick: onClose,
+                      disabled: isApplying,
+                      children: "Cancel"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      className: "ra-confirm-btn ra-confirm-btn-primary",
+                      onClick: apply,
+                      disabled: isApplying || isUnchanged || !facets.length,
+                      children: isApplying ? `Applying ${done + 1} of ${total}\u2026` : error ? `Retry (${remaining.length} left)` : `Apply to all ${total}`
+                    }
+                  )
+                ] })
+              ]
+            }
+          )
+        ]
+      }
+    ),
+    document.body
+  );
+};
 var statusDot = (status) => {
   switch (status) {
     case "saving":
@@ -6063,12 +6850,6 @@ function useShellCsvBulk(args) {
     [csvSchema, handleImport, handleExport]
   );
 }
-
-// src/components/RecordsAdmin/shell/tokens.css
-styleInject(':root {\n  --ra-status-own: var(--ra-emerald, 142 71% 45%);\n  --ra-status-shared: var(--ra-amber, 38 92% 50%);\n  --ra-status-missing: var(--muted-foreground, 220 9% 46%);\n  --ra-accent: var(--primary, 222 47% 11%);\n  --ra-surface: var(--card, 0 0% 100%);\n  --ra-border: var(--border, 220 13% 91%);\n  --ra-text: var(--foreground, 222 47% 11%);\n  --ra-muted: var(--muted, 220 14% 96%);\n  --ra-muted-text: var(--muted-foreground, 220 9% 46%);\n  --ra-radius: var(--radius, 0.625rem);\n  --ra-dot-size: 0.5rem;\n  --ra-page-bg: var(--background, 220 14% 98%);\n  --ra-card-shadow: 0 1px 2px hsl(var(--ra-accent) / 0.04), 0 4px 12px hsl(var(--ra-accent) / 0.05);\n  --ra-card-shadow-hover: 0 2px 4px hsl(var(--ra-accent) / 0.06), 0 8px 24px hsl(var(--ra-accent) / 0.08);\n  --ra-row-hover: hsl(var(--ra-accent) / 0.05);\n  --ra-row-active-bg: hsl(var(--ra-accent) / 0.10);\n  --ra-row-active-bd: hsl(var(--ra-accent) / 0.45);\n  --ra-focus-ring: hsl(var(--ra-accent) / 0.35);\n  --ra-font-display: var(--font-display, var(--font-sans, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif));\n  --ra-font-ui: var(--font-sans, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif);\n  --ra-title-weight: 600;\n  --ra-display-weight: 700;\n  --ra-info: var(--ra-blue, 214 95% 55%);\n  --ra-success: var(--ra-emerald, 142 71% 45%);\n  --ra-warning: var(--ra-amber, 38 92% 50%);\n  --ra-danger: var(--destructive, 0 72% 51%);\n}\n:root {\n  --sl-control-bg: var(--muted, 220 14% 96%);\n  --sl-control-fg: var(--muted-foreground, 220 9% 40%);\n  --sl-control-border: var(--border, 220 13% 88%);\n  --sl-control-active-bg: var(--primary, 222 47% 11%);\n  --sl-control-active-fg: var(--primary-foreground, 0 0% 100%);\n  --sl-control-active-bd: var(--primary, 222 47% 11%);\n  --sl-control-hover-bg: var(--sl-control-active-bg, 222 47% 11%);\n  --sl-control-hover-fg: var(--foreground, 222 47% 11%);\n  --sl-control-focus-ring: var(--sl-control-active-bg, 222 47% 11%);\n  --sl-control-radius: var(--radius, 0.5rem);\n  --sl-control-weight: 500;\n  --sl-control-active-weight: 600;\n}\n.ra-status-dot {\n  display: inline-block;\n  width: var(--ra-dot-size);\n  height: var(--ra-dot-size);\n  border-radius: 9999px;\n  flex-shrink: 0;\n}\n.ra-status-own {\n  background: hsl(var(--ra-status-own));\n}\n.ra-status-shared {\n  background: hsl(var(--ra-status-shared));\n}\n.ra-status-missing {\n  background: hsl(var(--ra-status-missing) / 0.4);\n  border: 1px solid hsl(var(--ra-status-missing) / 0.6);\n}\n.ra-row-active {\n  background: var(--ra-row-active-bg);\n  border-color: var(--ra-row-active-bd) !important;\n}\n');
-
-// src/components/RecordsAdmin/shell/shell.css
-styleInject(".ra-shell {\n  color: hsl(var(--ra-text));\n  background: hsl(var(--ra-page-bg));\n  font-family: var(--ra-font-ui);\n}\n.ra-shell *,\n.ra-shell *::before,\n.ra-shell *::after {\n  box-sizing: border-box;\n}\n.ra-shell .ra-card {\n  background: hsl(var(--ra-surface));\n  border: 1px solid hsl(var(--ra-border));\n  border-radius: var(--ra-radius);\n  box-shadow: var(--ra-card-shadow);\n}\n.ra-shell .ra-card-hover {\n  transition:\n    box-shadow .18s ease,\n    transform .18s ease,\n    border-color .18s ease;\n}\n.ra-shell .ra-card-hover:hover {\n  box-shadow: var(--ra-card-shadow-hover);\n}\n.ra-shell .ra-display {\n  font-family: var(--ra-font-display);\n  font-weight: var(--ra-display-weight);\n  letter-spacing: -0.01em;\n}\n.ra-shell .ra-title {\n  font-weight: var(--ra-title-weight);\n}\n.ra-shell :where(button, [role=button], input, select, textarea, a):focus-visible {\n  outline: none;\n  box-shadow: 0 0 0 3px var(--ra-focus-ring);\n  border-radius: calc(var(--ra-radius) * 0.6);\n}\n.ra-shell .ra-header {\n  display: block;\n  width: 100%;\n}\n.ra-shell .ra-header__main {\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  align-items: flex-start;\n  gap: 0.55rem;\n}\n.ra-shell .ra-header-aside {\n  display: flex;\n  align-items: flex-start;\n  gap: 0.5rem;\n  flex-shrink: 0;\n}\n.ra-shell .ra-header-icon {\n  flex-shrink: 0;\n  display: inline-flex;\n  align-items: center;\n  justify-content: flex-start;\n  background: transparent;\n  color: hsl(var(--ra-text));\n  border: 0;\n  padding: 0;\n  margin-top: 0.1rem;\n}\n.ra-shell .ra-header-icon > svg {\n  width: 1.05rem;\n  height: 1.05rem;\n}\n.ra-shell .ra-header-text {\n  flex: 1;\n  min-width: 0;\n}\n.ra-shell .ra-header-title {\n  font-family: var(--ra-font-display);\n  font-weight: 700;\n  font-size: 1.2rem;\n  line-height: 1.2;\n  color: hsl(var(--ra-text));\n  letter-spacing: -0.015em;\n  margin: 0;\n  display: inline-flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n.ra-shell .ra-header-subtitle {\n  font-size: 0.78rem;\n  color: hsl(var(--ra-muted-text));\n  margin-top: 0.1rem;\n  line-height: 1.3;\n}\n.ra-shell .ra-header-stats {\n  display: flex;\n  align-items: stretch;\n  gap: 0.15rem;\n  padding: 0.15rem 0.4rem;\n  border-radius: calc(var(--ra-radius) * 0.75);\n  background: hsl(var(--ra-surface) / 0.7);\n  border: 1px solid hsl(var(--ra-border));\n}\n.ra-shell .ra-header-stats--titled {\n  flex-direction: column;\n  align-items: stretch;\n  padding: 0.4rem 0.55rem;\n  gap: 0.3rem;\n}\n.ra-shell .ra-header-stats .ra-stats-items {\n  display: flex;\n  align-items: stretch;\n  gap: 0.15rem;\n}\n.ra-shell .ra-header-stats .ra-stats-heading {\n  display: flex;\n  align-items: center;\n  gap: 0.35rem;\n  color: hsl(var(--ra-muted-text));\n  font-size: 0.65rem;\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n}\n.ra-shell .ra-header-stats .ra-stats-heading-icon {\n  display: inline-flex;\n  align-items: center;\n  color: hsl(var(--ra-text));\n  opacity: 0.75;\n}\n.ra-shell .ra-header-stats .ra-stats-heading-icon > svg {\n  width: 0.85rem;\n  height: 0.85rem;\n}\n.ra-shell .ra-stat {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 0.15rem 0.45rem;\n  min-width: 2.5rem;\n}\n.ra-shell .ra-stat-value {\n  font-family: var(--ra-font-display);\n  font-weight: var(--ra-display-weight);\n  font-size: 0.85rem;\n  color: hsl(var(--ra-text));\n  line-height: 1;\n}\n.ra-shell .ra-stat-label {\n  font-size: 0.6rem;\n  text-transform: uppercase;\n  letter-spacing: 0.04em;\n  color: hsl(var(--ra-muted-text));\n  margin-top: 0.15rem;\n}\n.ra-shell .ra-stat-divider {\n  width: 1px;\n  background: hsl(var(--ra-border));\n  margin: 0.25rem 0;\n}\n.ra-shell .ra-header-actions {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n.ra-shell .ra-tabs {\n  display: flex;\n  gap: 0.25rem;\n  padding: 0.25rem;\n  background: hsl(var(--sl-control-bg));\n  border-radius: var(--sl-control-radius);\n  border: 1px solid hsl(var(--sl-control-border));\n}\n.ra-shell .ra-tab {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.4rem;\n  padding: 0.4rem 0.7rem;\n  border-radius: calc(var(--sl-control-radius) - 2px);\n  font-size: 0.78rem;\n  font-weight: var(--sl-control-weight);\n  color: hsl(var(--sl-control-fg));\n  background: transparent;\n  border: 0;\n  cursor: pointer;\n  transition:\n    background .15s ease,\n    color .15s ease,\n    transform .15s ease;\n  white-space: nowrap;\n}\n.ra-shell .ra-tab:hover {\n  background: hsl(var(--sl-control-hover-bg) / 0.10);\n  color: hsl(var(--sl-control-hover-fg));\n}\n.ra-shell .ra-tab:focus-visible {\n  outline: none;\n  box-shadow: 0 0 0 2px hsl(var(--sl-control-focus-ring) / 0.45);\n}\n.ra-shell .ra-tab[aria-selected=true] {\n  background: hsl(var(--sl-control-active-bg));\n  color: hsl(var(--sl-control-active-fg));\n  border-color: hsl(var(--sl-control-active-bd));\n  font-weight: var(--sl-control-active-weight);\n  box-shadow: 0 1px 2px hsl(var(--sl-control-active-bg) / 0.25);\n}\n.ra-shell .ra-tab[aria-selected=true]:hover {\n  background: hsl(var(--sl-control-active-bg) / 0.92);\n  color: hsl(var(--sl-control-active-fg));\n}\n.ra-shell .ra-tab[aria-selected=true] .ra-tab-icon {\n  color: hsl(var(--sl-control-active-fg));\n}\n.ra-shell .ra-tab[disabled] {\n  opacity: .5;\n  cursor: not-allowed;\n}\n.ra-shell .ra-tab-count {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 1.25rem;\n  padding: 0 0.35rem;\n  height: 1.1rem;\n  border-radius: 999px;\n  background: hsl(var(--sl-control-active-fg) / 0.20);\n  color: hsl(var(--sl-control-active-fg));\n  font-size: 0.625rem;\n  font-weight: 600;\n  line-height: 1;\n}\n.ra-shell .ra-tab[aria-selected=false] .ra-tab-count {\n  background: hsl(var(--sl-control-fg) / 0.15);\n  color: hsl(var(--sl-control-fg));\n}\n.ra-shell[data-density=compact] .ra-row {\n  padding-block: 0.4rem;\n}\n.ra-shell .ra-row {\n  display: flex;\n  align-items: center;\n  gap: 0.55rem;\n  width: 100%;\n  text-align: left;\n  padding: 0.45rem 0.75rem;\n  border-left: 3px solid transparent;\n  background: transparent;\n  border-bottom: 1px solid transparent;\n  transition: background .12s ease, border-color .12s ease;\n  cursor: pointer;\n  color: hsl(var(--ra-text));\n  font-family: inherit;\n}\n.ra-shell .ra-row + .ra-row {\n  border-top: 1px solid hsl(var(--ra-border) / 0.6);\n}\n.ra-shell .ra-row:hover {\n  background: var(--ra-row-hover);\n}\n.ra-shell .ra-row[data-selected=true] {\n  background: var(--ra-row-active-bg);\n  border-left-color: var(--ra-row-active-bd);\n}\n.ra-shell .ra-row-compact {\n  padding-block: 0.3rem;\n}\n.ra-shell .ra-row-icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 1.5rem;\n  height: 1.5rem;\n  border-radius: calc(var(--ra-radius) * 0.6);\n  background: hsl(var(--ra-muted));\n  color: hsl(var(--ra-muted-text));\n  flex-shrink: 0;\n}\n.ra-shell .ra-row[data-selected=true] .ra-row-icon {\n  background: hsl(var(--ra-accent) / 0.15);\n  color: hsl(var(--ra-accent));\n}\n.ra-shell .ra-row-body {\n  flex: 1;\n  min-width: 0;\n}\n.ra-shell .ra-row-title {\n  font-weight: var(--ra-title-weight);\n  font-size: 0.8125rem;\n  line-height: 1.2;\n  color: hsl(var(--ra-text));\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.ra-shell .ra-row-sub {\n  font-size: 0.6875rem;\n  color: hsl(var(--ra-muted-text));\n  margin-top: 0.05rem;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.ra-shell .ra-row-rule-chips {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 0.2rem;\n  margin-top: 0.2rem;\n}\n.ra-shell .ra-rule-chip {\n  display: inline-flex;\n  align-items: center;\n  max-width: 100%;\n  padding: 0.05rem 0.4rem;\n  border-radius: 999px;\n  font-size: 0.625rem;\n  font-weight: 500;\n  line-height: 1.4;\n  background: hsl(var(--ra-accent) / 0.10);\n  color: hsl(var(--ra-accent));\n  border: 1px solid hsl(var(--ra-accent) / 0.20);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.ra-shell .ra-rule-chip-more {\n  background: hsl(var(--ra-muted));\n  color: hsl(var(--ra-muted-text));\n  border-color: hsl(var(--ra-border));\n}\n.ra-shell[data-density=compact] .ra-row-rule-chips {\n  margin-top: 0.15rem;\n  gap: 0.15rem;\n}\n.ra-shell[data-density=compact] .ra-rule-chip {\n  font-size: 0.6rem;\n  padding: 0.02rem 0.35rem;\n}\n.ra-shell .ra-rule-filters {\n  display: flex;\n  flex-direction: column;\n  gap: 0.3rem;\n}\n.ra-shell .ra-rule-filters-row {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 0.25rem;\n}\n.ra-shell .ra-rule-filter-chip {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.3rem;\n  padding: 0.15rem 0.5rem;\n  border-radius: 999px;\n  font-size: 0.65rem;\n  font-weight: 500;\n  line-height: 1.4;\n  background: hsl(var(--ra-muted));\n  color: hsl(var(--ra-muted-text));\n  border: 1px solid hsl(var(--ra-border));\n  cursor: pointer;\n  transition:\n    background .12s ease,\n    color .12s ease,\n    border-color .12s ease;\n  max-width: 100%;\n}\n.ra-shell .ra-rule-filter-chip:hover {\n  background: hsl(var(--ra-accent) / 0.10);\n  color: hsl(var(--ra-text));\n  border-color: hsl(var(--ra-accent) / 0.25);\n}\n.ra-shell .ra-rule-filter-chip[data-active=true] {\n  background: hsl(var(--ra-accent) / 0.15);\n  color: hsl(var(--ra-accent));\n  border-color: hsl(var(--ra-accent) / 0.40);\n}\n.ra-shell .ra-rule-filter-chip[data-tone=complexity][data-active=true] {\n  background: hsl(var(--ra-info) / 0.15);\n  color: hsl(var(--ra-info));\n  border-color: hsl(var(--ra-info) / 0.40);\n}\n.ra-shell .ra-rule-filter-chip-label {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: 9rem;\n}\n.ra-shell .ra-rule-filter-chip-count {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 1.1rem;\n  height: 1rem;\n  padding: 0 0.3rem;\n  border-radius: 999px;\n  background: hsl(var(--ra-surface));\n  color: hsl(var(--ra-muted-text));\n  font-size: 0.6rem;\n  font-weight: 600;\n}\n.ra-shell .ra-rule-filter-chip[data-active=true] .ra-rule-filter-chip-count {\n  background: hsl(var(--ra-accent) / 0.18);\n  color: hsl(var(--ra-accent));\n}\n.ra-shell .ra-rule-filter-clear {\n  align-self: flex-start;\n  background: transparent;\n  border: 0;\n  padding: 0;\n  color: hsl(var(--ra-muted-text));\n  font-size: 0.65rem;\n  cursor: pointer;\n  text-decoration: underline;\n  text-decoration-style: dotted;\n}\n.ra-shell .ra-rule-filter-clear:hover {\n  color: hsl(var(--ra-text));\n}\n.ra-shell[data-density=compact] .ra-row {\n  padding-block: 0.3rem;\n  gap: 0.45rem;\n}\n.ra-shell[data-density=compact] .ra-row-title {\n  font-size: 0.78125rem;\n}\n.ra-shell .ra-row-actions {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.15rem;\n  margin-left: auto;\n  opacity: 0;\n  transition: opacity .15s ease;\n}\n.ra-shell .ra-row:hover .ra-row-actions,\n.ra-shell .ra-row:focus-within .ra-row-actions {\n  opacity: 1;\n}\n.ra-shell .ra-row-action {\n  width: 1.6rem;\n  height: 1.6rem;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 999px;\n  background: transparent;\n  color: hsl(var(--ra-muted-text));\n  border: 0;\n  cursor: pointer;\n  transition: background .15s ease, color .15s ease;\n}\n.ra-shell .ra-row-action:hover {\n  background: hsl(var(--ra-accent) / 0.10);\n  color: hsl(var(--ra-text));\n}\n.ra-shell .ra-row-action[data-tone=danger]:hover {\n  background: hsl(var(--ra-danger) / 0.12);\n  color: hsl(var(--ra-danger));\n}\n.ra-shell .ra-chip {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.3rem;\n  padding: 0.15rem 0.5rem;\n  border-radius: 999px;\n  font-size: 0.6875rem;\n  font-weight: 500;\n  background: hsl(var(--ra-muted));\n  color: hsl(var(--ra-muted-text));\n  border: 1px solid hsl(var(--ra-border));\n  white-space: nowrap;\n  max-width: 14rem;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.ra-shell .ra-chip[data-tone=success] {\n  background: hsl(var(--ra-success) / 0.12);\n  color: hsl(var(--ra-success));\n  border-color: hsl(var(--ra-success) / 0.30);\n}\n.ra-shell .ra-chip[data-tone=warning] {\n  background: hsl(var(--ra-warning) / 0.14);\n  color: hsl(var(--ra-warning));\n  border-color: hsl(var(--ra-warning) / 0.35);\n}\n.ra-shell .ra-chip[data-tone=info] {\n  background: hsl(var(--ra-info) / 0.10);\n  color: hsl(var(--ra-info));\n  border-color: hsl(var(--ra-info) / 0.30);\n}\n.ra-shell .ra-chip[data-tone=danger] {\n  background: hsl(var(--ra-danger) / 0.10);\n  color: hsl(var(--ra-danger));\n  border-color: hsl(var(--ra-danger) / 0.30);\n}\n.ra-shell .ra-chip[data-tone=muted] {\n  background: transparent;\n  color: hsl(var(--ra-muted-text));\n  border-style: dashed;\n}\n.ra-shell .ra-group {\n  border-bottom: 1px solid hsl(var(--ra-border));\n}\n.ra-shell .ra-group:last-child {\n  border-bottom: 0;\n}\n.ra-shell .ra-group-summary {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  width: 100%;\n  padding: 0.5rem 0.85rem;\n  background: hsl(var(--ra-muted) / 0.6);\n  font-size: 0.7rem;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.04em;\n  color: hsl(var(--ra-muted-text));\n  border: 0;\n  cursor: pointer;\n  transition: background .12s ease;\n}\n.ra-shell .ra-group-summary:hover {\n  background: hsl(var(--ra-muted));\n}\n.ra-shell .ra-group-summary .ra-group-chevron {\n  transition: transform .15s ease;\n}\n.ra-shell .ra-group[data-open=false] .ra-group-chevron {\n  transform: rotate(-90deg);\n}\n.ra-shell .ra-group-name {\n  flex: 1;\n  text-align: left;\n}\n.ra-shell .ra-group-count {\n  font-size: 0.65rem;\n  font-weight: 600;\n  color: hsl(var(--ra-muted-text));\n  background: hsl(var(--ra-surface));\n  border: 1px solid hsl(var(--ra-border));\n  border-radius: 999px;\n  padding: 0.05rem 0.4rem;\n}\n.ra-shell .ra-group[data-open=false] .ra-group-body {\n  display: none;\n}\n.ra-shell .ra-empty {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  padding: 2.5rem 1.5rem;\n  gap: 0.75rem;\n}\n.ra-shell .ra-empty-icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 3.25rem;\n  height: 3.25rem;\n  border-radius: 999px;\n  background: hsl(var(--ra-accent) / 0.08);\n  color: hsl(var(--ra-accent));\n  margin-bottom: 0.25rem;\n}\n.ra-shell .ra-empty-title {\n  font-family: var(--ra-font-display);\n  font-weight: var(--ra-display-weight);\n  font-size: 1rem;\n  color: hsl(var(--ra-text));\n  margin: 0;\n  letter-spacing: -0.01em;\n}\n.ra-shell .ra-empty-body {\n  font-size: 0.8125rem;\n  color: hsl(var(--ra-muted-text));\n  max-width: 22rem;\n  line-height: 1.45;\n}\n.ra-shell .ra-empty-actions {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  margin-top: 0.25rem;\n  flex-wrap: wrap;\n  justify-content: center;\n}\n.ra-shell .ra-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.4rem;\n  padding: 0.45rem 0.85rem;\n  border-radius: calc(var(--ra-radius) * 0.7);\n  font-size: 0.8125rem;\n  font-weight: 500;\n  border: 1px solid hsl(var(--ra-border));\n  background: hsl(var(--ra-surface));\n  color: hsl(var(--ra-text));\n  cursor: pointer;\n  transition:\n    background .15s ease,\n    border-color .15s ease,\n    box-shadow .15s ease,\n    transform .1s ease;\n}\n.ra-shell .ra-btn:hover {\n  background: hsl(var(--ra-muted));\n  box-shadow: var(--ra-card-shadow);\n}\n.ra-shell .ra-btn:active {\n  transform: translateY(1px);\n}\n.ra-shell .ra-btn[data-variant=primary] {\n  background: hsl(var(--ra-accent));\n  color: hsl(var(--ra-surface));\n  border-color: hsl(var(--ra-accent));\n}\n.ra-shell .ra-btn[data-variant=primary]:hover {\n  background: hsl(var(--ra-accent) / 0.92);\n}\n.ra-shell .ra-btn[data-variant=ghost] {\n  background: transparent;\n  border-color: transparent;\n  color: hsl(var(--ra-muted-text));\n}\n.ra-shell .ra-btn[data-variant=ghost]:hover {\n  background: hsl(var(--ra-muted));\n  color: hsl(var(--ra-text));\n}\n.ra-shell .ra-btn[data-variant=danger] {\n  color: hsl(var(--ra-danger));\n}\n.ra-shell .ra-btn[data-variant=danger]:hover {\n  background: hsl(var(--ra-danger) / 0.10);\n  border-color: hsl(var(--ra-danger) / 0.40);\n}\n.ra-shell .ra-intro {\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: 0.55rem;\n  padding: 0.4rem 2rem 0.4rem 0.5rem;\n  border-radius: var(--ra-radius);\n  border: 1px solid hsl(var(--ra-info) / 0.30);\n  background: hsl(var(--ra-info) / 0.08);\n}\n.ra-shell .ra-intro[data-tone=success] {\n  border-color: hsl(var(--ra-success) / 0.30);\n  background: hsl(var(--ra-success) / 0.08);\n}\n.ra-shell .ra-intro[data-tone=warning] {\n  border-color: hsl(var(--ra-warning) / 0.35);\n  background: hsl(var(--ra-warning) / 0.10);\n}\n.ra-shell .ra-intro-icon {\n  flex-shrink: 0;\n  width: 1.5rem;\n  height: 1.5rem;\n  border-radius: 999px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  background: hsl(var(--ra-info) / 0.18);\n  color: hsl(var(--ra-info));\n}\n.ra-shell .ra-intro[data-tone=success] .ra-intro-icon {\n  background: hsl(var(--ra-success) / 0.18);\n  color: hsl(var(--ra-success));\n}\n.ra-shell .ra-intro[data-tone=warning] .ra-intro-icon {\n  background: hsl(var(--ra-warning) / 0.20);\n  color: hsl(var(--ra-warning));\n}\n.ra-shell .ra-intro-body {\n  flex: 1;\n  min-width: 0;\n}\n.ra-shell .ra-intro-title {\n  font-family: var(--ra-font-display);\n  font-weight: var(--ra-title-weight);\n  font-size: 0.8rem;\n  color: hsl(var(--ra-text));\n  margin: 0;\n  line-height: 1.2;\n  display: inline;\n}\n.ra-shell .ra-intro-text {\n  font-size: 0.78rem;\n  color: hsl(var(--ra-text) / 0.85);\n  line-height: 1.35;\n  display: inline;\n  margin-left: 0.4rem;\n}\n.ra-shell .ra-intro-dismiss {\n  position: absolute;\n  top: 50%;\n  right: 0.35rem;\n  transform: translateY(-50%);\n  width: 1.4rem;\n  height: 1.4rem;\n  border-radius: 999px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  background: transparent;\n  border: 0;\n  color: hsl(var(--ra-muted-text));\n  cursor: pointer;\n  padding: 0;\n  flex-shrink: 0;\n}\n.ra-shell .ra-intro-dismiss:hover {\n  background: hsl(var(--ra-text) / 0.06);\n  color: hsl(var(--ra-text));\n}\n.ra-shell .ra-bulk-menu {\n  min-width: 12rem;\n  background: hsl(var(--ra-surface));\n  border: 1px solid hsl(var(--ra-border));\n  border-radius: calc(var(--ra-radius) * 0.85);\n  box-shadow: var(--ra-card-shadow-hover);\n  padding: 0.3rem;\n  z-index: 60;\n}\n.ra-shell .ra-bulk-item {\n  display: flex;\n  align-items: center;\n  gap: 0.55rem;\n  width: 100%;\n  padding: 0.45rem 0.6rem;\n  border-radius: calc(var(--ra-radius) * 0.6);\n  font-size: 0.8125rem;\n  color: hsl(var(--ra-text));\n  background: transparent;\n  border: 0;\n  cursor: pointer;\n  text-align: left;\n  transition: background .12s ease, color .12s ease;\n}\n.ra-shell .ra-bulk-item:hover {\n  background: hsl(var(--ra-muted));\n}\n.ra-shell .ra-bulk-item[data-tone=danger] {\n  color: hsl(var(--ra-danger));\n}\n.ra-shell .ra-bulk-item[data-tone=danger]:hover {\n  background: hsl(var(--ra-danger) / 0.10);\n}\n.ra-shell .ra-bulk-divider {\n  height: 1px;\n  background: hsl(var(--ra-border));\n  margin: 0.25rem 0;\n}\n.ra-shell .ra-preview-rail {\n  background: hsl(var(--ra-surface));\n  border-left: 1px solid hsl(var(--ra-border));\n  box-shadow: -4px 0 16px hsl(var(--ra-accent) / 0.04);\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  overflow: hidden;\n}\n.ra-shell .ra-preview-rail-header {\n  position: sticky;\n  top: 0;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  padding: 0.75rem 1rem;\n  background:\n    linear-gradient(\n      180deg,\n      hsl(var(--ra-surface)) 0%,\n      hsl(var(--ra-surface) / 0.92) 100%);\n  border-bottom: 1px solid hsl(var(--ra-border));\n  backdrop-filter: blur(6px);\n}\n.ra-shell .ra-preview-rail-title {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.4rem;\n  font-size: 0.7rem;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  color: hsl(var(--ra-muted-text));\n}\n.ra-shell .ra-preview-rail-body {\n  flex: 1;\n  overflow-y: auto;\n  padding: 1rem;\n}\n.ra-confirm-root {\n  position: fixed;\n  inset: 0;\n  z-index: 2147483000;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 1rem;\n  background: transparent;\n}\n.ra-confirm-root .ra-confirm-backdrop {\n  position: absolute;\n  inset: 0;\n  background: hsl(0 0% 0% / 0.45);\n  backdrop-filter: blur(2px);\n  animation: ra-confirm-fade .12s ease-out;\n}\n.ra-confirm-root .ra-confirm-card {\n  position: relative;\n  width: min(440px, 100%);\n  background: hsl(var(--ra-surface));\n  color: hsl(var(--ra-text));\n  border: 1px solid hsl(var(--ra-border));\n  border-radius: var(--ra-radius);\n  box-shadow: 0 1px 2px hsl(0 0% 0% / 0.08), 0 24px 48px -12px hsl(0 0% 0% / 0.32);\n  padding: 1.25rem;\n  animation: ra-confirm-pop .14s ease-out;\n}\n.ra-confirm-root .ra-confirm-header {\n  display: flex;\n  align-items: center;\n  gap: 0.6rem;\n  margin-bottom: 0.5rem;\n}\n.ra-confirm-root .ra-confirm-icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 1.75rem;\n  height: 1.75rem;\n  border-radius: 999px;\n  background: hsl(var(--ra-warning, 38 92% 50%) / 0.12);\n  color: hsl(var(--ra-warning, 38 92% 50%));\n}\n.ra-confirm-root .ra-confirm-title {\n  font-family: var(--ra-font-display);\n  font-weight: 600;\n  font-size: 1rem;\n  margin: 0;\n}\n.ra-confirm-root .ra-confirm-body {\n  font-size: 0.875rem;\n  color: hsl(var(--ra-muted-text));\n  margin: 0 0 1.1rem;\n  line-height: 1.45;\n}\n.ra-confirm-root .ra-confirm-actions {\n  display: flex;\n  justify-content: flex-end;\n  gap: 0.5rem;\n  flex-wrap: wrap;\n}\n.ra-confirm-root .ra-confirm-btn {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  border: 1px solid transparent;\n  border-radius: calc(var(--ra-radius) - 2px);\n  padding: 0.45rem 0.85rem;\n  font-size: 0.8125rem;\n  font-weight: 500;\n  cursor: pointer;\n  transition:\n    background-color .12s ease,\n    border-color .12s ease,\n    color .12s ease;\n}\n.ra-confirm-root .ra-confirm-btn:focus-visible {\n  outline: none;\n  box-shadow: 0 0 0 3px var(--ra-focus-ring);\n}\n.ra-confirm-root .ra-confirm-btn-ghost {\n  background: transparent;\n  color: hsl(var(--ra-muted-text));\n  border-color: hsl(var(--ra-border));\n}\n.ra-confirm-root .ra-confirm-btn-ghost:hover {\n  background: hsl(var(--ra-muted));\n  color: hsl(var(--ra-text));\n}\n.ra-confirm-root .ra-confirm-btn-danger {\n  background: transparent;\n  color: hsl(var(--ra-danger, 0 72% 51%));\n  border-color: hsl(var(--ra-danger, 0 72% 51%) / 0.45);\n}\n.ra-confirm-root .ra-confirm-btn-danger:hover {\n  background: hsl(var(--ra-danger, 0 72% 51%) / 0.08);\n  border-color: hsl(var(--ra-danger, 0 72% 51%));\n}\n.ra-confirm-root .ra-confirm-btn-primary {\n  background: hsl(var(--ra-accent));\n  color: hsl(var(--ra-accent-fg, 0 0% 100%));\n  border-color: hsl(var(--ra-accent));\n}\n.ra-confirm-root .ra-confirm-btn-primary:hover {\n  filter: brightness(0.95);\n}\n@keyframes ra-confirm-fade {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n@keyframes ra-confirm-pop {\n  from {\n    opacity: 0;\n    transform: translateY(4px) scale(.98);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0) scale(1);\n  }\n}\n.ra-shell .ra-unsaved-banner {\n  display: flex;\n  align-items: center;\n  gap: 0.6rem;\n  padding: 0.5rem 0.75rem;\n  border: 1px solid hsl(var(--ra-warning, 38 92% 50%) / 0.35);\n  background: hsl(var(--ra-warning, 38 92% 50%) / 0.08);\n  border-radius: var(--ra-radius);\n  font-size: 0.8125rem;\n  color: hsl(var(--ra-text));\n  animation: ra-unsaved-slide .14s ease-out;\n}\n.ra-shell .ra-unsaved-icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  color: hsl(var(--ra-warning, 38 92% 50%));\n  flex-shrink: 0;\n}\n.ra-shell .ra-unsaved-text {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.ra-shell .ra-unsaved-context {\n  color: hsl(var(--ra-muted-text));\n  font-weight: 400;\n}\n.ra-shell .ra-unsaved-error {\n  color: hsl(var(--ra-danger, 0 72% 51%));\n  font-size: 0.75rem;\n  text-transform: uppercase;\n  letter-spacing: 0.04em;\n  font-weight: 500;\n}\n.ra-shell .ra-unsaved-actions {\n  display: inline-flex;\n  gap: 0.4rem;\n  flex-shrink: 0;\n}\n.ra-shell .ra-unsaved-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.3rem;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  border: 1px solid transparent;\n  border-radius: calc(var(--ra-radius) - 2px);\n  padding: 0.3rem 0.6rem;\n  font-size: 0.75rem;\n  font-weight: 500;\n  cursor: pointer;\n  transition:\n    background-color .12s ease,\n    border-color .12s ease,\n    color .12s ease,\n    opacity .12s ease;\n}\n.ra-shell .ra-unsaved-btn:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n.ra-shell .ra-unsaved-btn:focus-visible {\n  outline: none;\n  box-shadow: 0 0 0 3px var(--ra-focus-ring);\n}\n.ra-shell .ra-unsaved-btn-ghost {\n  background: transparent;\n  color: hsl(var(--ra-muted-text));\n  border-color: hsl(var(--ra-border));\n}\n.ra-shell .ra-unsaved-btn-ghost:hover:not(:disabled) {\n  background: hsl(var(--ra-muted));\n  color: hsl(var(--ra-text));\n}\n.ra-shell .ra-unsaved-btn-primary {\n  background: hsl(var(--ra-accent));\n  color: hsl(var(--ra-accent-fg, 0 0% 100%));\n  border-color: hsl(var(--ra-accent));\n}\n.ra-shell .ra-unsaved-btn-primary:hover:not(:disabled) {\n  filter: brightness(0.95);\n}\n.sl-aph .ra-unsaved-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.3rem;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  border: 1px solid transparent;\n  border-radius: calc(var(--ra-radius, 8px) - 2px);\n  padding: 0.3rem 0.6rem;\n  font-size: 0.75rem;\n  font-weight: 500;\n  cursor: pointer;\n  transition:\n    background-color .12s ease,\n    border-color .12s ease,\n    color .12s ease,\n    opacity .12s ease;\n}\n.sl-aph .ra-unsaved-btn:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n.sl-aph .ra-unsaved-btn:focus-visible {\n  outline: none;\n  box-shadow: 0 0 0 3px var(--ra-focus-ring, 0 0 0 3px hsl(var(--ra-accent) / 0.35));\n}\n.sl-aph .ra-unsaved-btn-ghost {\n  background: transparent;\n  color: hsl(var(--ra-muted-text));\n  border-color: hsl(var(--ra-border));\n}\n.sl-aph .ra-unsaved-btn-ghost:hover:not(:disabled) {\n  background: hsl(var(--ra-muted));\n  color: hsl(var(--ra-text));\n}\n.sl-aph .ra-unsaved-btn-primary {\n  background: hsl(var(--ra-accent));\n  color: hsl(var(--ra-accent-fg, 0 0% 100%));\n  border-color: hsl(var(--ra-accent));\n}\n.sl-aph .ra-unsaved-btn-primary:hover:not(:disabled) {\n  filter: brightness(0.95);\n}\n.sl-aph .ra-unsaved-icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  color: hsl(var(--ra-warning, 38 92% 50%));\n  flex-shrink: 0;\n}\n@keyframes ra-unsaved-slide {\n  from {\n    opacity: 0;\n    transform: translateY(-3px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n.ra-shell .ra-unsaved-pill,\n.sl-aph .ra-unsaved-pill {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.4rem;\n  padding: 0.25rem 0.5rem 0.25rem 0.6rem;\n  border: 1px solid hsl(var(--ra-warning, 38 92% 50%) / 0.35);\n  background: hsl(var(--ra-warning, 38 92% 50%) / 0.08);\n  border-radius: 999px;\n  animation: ra-unsaved-slide .14s ease-out;\n}\n.ra-shell .ra-unsaved-pill .ra-unsaved-pill-text,\n.sl-aph .ra-unsaved-pill .ra-unsaved-pill-text {\n  font-size: 0.75rem;\n  font-weight: 500;\n  color: hsl(var(--ra-text));\n  white-space: nowrap;\n  margin-right: 0.15rem;\n}\n.ra-shell .ra-clipboard-toast {\n  position: fixed;\n  bottom: 1.25rem;\n  left: 50%;\n  transform: translateX(-50%);\n  z-index: 90;\n  display: inline-flex;\n  align-items: center;\n  gap: 0.5rem;\n  max-width: min(28rem, calc(100vw - 2rem));\n  padding: 0.55rem 0.85rem;\n  border-radius: 999px;\n  background: hsl(var(--ra-text));\n  color: hsl(var(--ra-surface));\n  font-size: 0.75rem;\n  line-height: 1;\n  box-shadow: 0 8px 24px -10px hsl(0 0% 0% / 0.45);\n  animation: ra-clipboard-pop 0.18s ease-out both;\n  pointer-events: none;\n}\n@keyframes ra-clipboard-pop {\n  from {\n    opacity: 0;\n    transform: translate(-50%, 6px);\n  }\n  to {\n    opacity: 1;\n    transform: translate(-50%, 0);\n  }\n}\n.ra-shell .ra-row-menu-wrap {\n  display: inline-flex;\n  align-items: center;\n  margin-left: 0.25rem;\n}\n.ra-shell .ra-row-menu-trigger {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 1.5rem;\n  height: 1.5rem;\n  border-radius: 0.35rem;\n  background: transparent;\n  color: hsl(var(--ra-muted-text));\n  opacity: 0;\n  transition:\n    opacity .15s ease,\n    background .15s ease,\n    color .15s ease;\n  border: 1px solid transparent;\n}\n.ra-shell .ra-row:hover .ra-row-menu-trigger,\n.ra-shell .ra-card-hover:hover .ra-row-menu-trigger,\n.ra-shell .ra-row-menu-trigger:focus-visible,\n.ra-shell .ra-row-menu-trigger[aria-expanded=true] {\n  opacity: 1;\n}\n.ra-shell .ra-row-menu-trigger:hover {\n  background: hsl(var(--ra-muted));\n  color: hsl(var(--ra-text));\n}\n.ra-shell .ra-row-menu {\n  position: absolute;\n  right: 0;\n  top: calc(100% + 4px);\n  z-index: 50;\n  min-width: 11rem;\n  padding: 0.25rem;\n  border-radius: 0.5rem;\n  background: hsl(var(--ra-surface));\n  border: 1px solid hsl(var(--ra-border));\n  box-shadow: 0 12px 28px -10px hsl(0 0% 0% / 0.25);\n  display: flex;\n  flex-direction: column;\n  gap: 0.125rem;\n}\n.ra-shell .ra-row-menu-item {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.5rem;\n  padding: 0.4rem 0.55rem;\n  border-radius: 0.35rem;\n  font-size: 0.75rem;\n  color: hsl(var(--ra-text));\n  background: transparent;\n  border: 0;\n  text-align: left;\n  width: 100%;\n  cursor: pointer;\n}\n.ra-shell .ra-row-menu-item:hover:not(:disabled) {\n  background: hsl(var(--ra-muted));\n}\n.ra-shell .ra-row-menu-item:disabled {\n  opacity: 0.45;\n  cursor: not-allowed;\n}\n.ra-shell .ra-item-list {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  min-height: 0;\n}\n.ra-shell .ra-item-list-body {\n  flex: 1;\n  min-height: 0;\n  overflow: auto;\n  padding: 1rem 1.25rem 1.5rem;\n}\n.ra-shell .ra-item-toolbar {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 0.75rem;\n  padding: 0.75rem 1.25rem;\n  border-bottom: 1px solid hsl(var(--ra-border));\n  background: hsl(var(--ra-surface));\n}\n.ra-shell .ra-item-toolbar-title {\n  display: flex;\n  align-items: baseline;\n  gap: 0.5rem;\n  min-width: 0;\n}\n.ra-shell .ra-item-toolbar-count {\n  font-size: 0.7rem;\n  font-weight: 600;\n  color: hsl(var(--ra-muted-text));\n  background: hsl(var(--ra-muted));\n  border: 1px solid hsl(var(--ra-border));\n  border-radius: 999px;\n  padding: 0.05rem 0.45rem;\n}\n.ra-shell .ra-item-toolbar-actions {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  flex-shrink: 0;\n}\n.ra-shell .ra-item-table-wrap {\n  border: 1px solid hsl(var(--ra-border));\n  border-radius: var(--ra-radius);\n  background: hsl(var(--ra-surface));\n  overflow: hidden;\n  box-shadow: var(--ra-card-shadow);\n}\n.ra-shell .ra-item-table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 0.85rem;\n  color: hsl(var(--ra-text));\n}\n.ra-shell .ra-item-table thead th {\n  text-align: left;\n  font-size: 0.7rem;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.04em;\n  color: hsl(var(--ra-muted-text));\n  padding: 0.65rem 0.85rem;\n  background: hsl(var(--ra-muted) / 0.55);\n  border-bottom: 1px solid hsl(var(--ra-border));\n}\n.ra-shell .ra-item-table tbody td {\n  padding: 0.65rem 0.85rem;\n  border-bottom: 1px solid hsl(var(--ra-border) / 0.7);\n  vertical-align: middle;\n}\n.ra-shell .ra-item-table tbody tr:last-child td {\n  border-bottom: 0;\n}\n.ra-shell .ra-item-row {\n  cursor: pointer;\n  transition: background .12s ease;\n}\n.ra-shell .ra-item-row:hover {\n  background: var(--ra-row-hover);\n}\n.ra-shell .ra-item-row[data-selected=true] {\n  background: var(--ra-row-active-bg);\n}\n.ra-shell .ra-item-row-title {\n  font-weight: var(--ra-title-weight);\n  color: hsl(var(--ra-text));\n}\n.ra-shell .ra-item-row-sub {\n  font-size: 0.75rem;\n  color: hsl(var(--ra-muted-text));\n  margin-top: 0.15rem;\n}\n.ra-shell .ra-item-row-meta {\n  font-size: 0.78rem;\n  color: hsl(var(--ra-muted-text));\n}\n.ra-shell .ra-item-row-actions {\n  text-align: right;\n  white-space: nowrap;\n}\n.ra-shell .ra-item-row-actions .ra-row-action + .ra-row-action {\n  margin-left: 0.15rem;\n}\n.ra-shell .ra-item-cards {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(var(--ra-item-card-min, 240px), 1fr));\n  gap: 0.85rem;\n}\n.ra-shell .ra-item-gallery {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(var(--ra-item-gallery-min, 320px), 1fr));\n  gap: 1rem;\n}\n.ra-shell .ra-item-cards[data-card-size=sm] {\n  --ra-item-card-min: 180px;\n}\n.ra-shell .ra-item-cards[data-card-size=md] {\n  --ra-item-card-min: 240px;\n}\n.ra-shell .ra-item-cards[data-card-size=lg] {\n  --ra-item-card-min: 320px;\n  gap: 1rem;\n}\n.ra-shell .ra-item-gallery[data-card-size=sm] {\n  --ra-item-gallery-min: 240px;\n}\n.ra-shell .ra-item-gallery[data-card-size=md] {\n  --ra-item-gallery-min: 320px;\n}\n.ra-shell .ra-item-gallery[data-card-size=lg] {\n  --ra-item-gallery-min: 420px;\n  gap: 1.25rem;\n}\n.ra-shell .ra-item-cards[data-card-size=lg] .ra-item-card-title,\n.ra-shell .ra-item-gallery[data-card-size=lg] .ra-item-card-title {\n  font-size: 0.95rem;\n  white-space: normal;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n}\n.ra-shell .ra-item-cards[data-card-size=lg] .ra-item-card-body,\n.ra-shell .ra-item-gallery[data-card-size=lg] .ra-item-card-body {\n  padding: 0.85rem 1rem 1rem;\n}\n.ra-shell .ra-item-card {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n  text-align: left;\n  padding: 0;\n  background: hsl(var(--ra-surface));\n  border: 1px solid hsl(var(--ra-border));\n  border-radius: var(--ra-radius);\n  overflow: hidden;\n  cursor: pointer;\n  transition:\n    box-shadow .18s ease,\n    transform .12s ease,\n    border-color .15s ease;\n  box-shadow: var(--ra-card-shadow);\n  font-family: inherit;\n  color: inherit;\n}\n.ra-shell .ra-item-card:hover {\n  box-shadow: var(--ra-card-shadow-hover);\n  border-color: hsl(var(--ra-accent) / 0.30);\n}\n.ra-shell .ra-item-card[data-selected=true] {\n  border-color: hsl(var(--ra-accent) / 0.55);\n  box-shadow: var(--ra-card-shadow-hover);\n}\n.ra-shell .ra-item-card-thumb {\n  width: 100%;\n  aspect-ratio: 1 / 1;\n  background:\n    linear-gradient(\n      135deg,\n      hsl(var(--ra-accent) / 0.12),\n      hsl(var(--ra-accent) / 0.04));\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: hsl(var(--ra-accent));\n  overflow: hidden;\n}\n.ra-shell .ra-item-card-thumb--gallery {\n  aspect-ratio: 16 / 9;\n}\n.ra-shell .ra-item-card-thumb img {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: cover;\n  object-fit: cover;\n}\n.ra-shell .ra-item-card-initials {\n  font-family: var(--ra-font-display);\n  font-weight: var(--ra-display-weight);\n  font-size: 1.5rem;\n  letter-spacing: 0.02em;\n}\n.ra-shell .ra-item-card-body {\n  padding: 0.65rem 0.8rem 0.85rem;\n  min-width: 0;\n}\n.ra-shell .ra-item-card-title {\n  font-weight: var(--ra-title-weight);\n  font-size: 0.85rem;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.ra-shell .ra-item-card-sub {\n  font-size: 0.75rem;\n  color: hsl(var(--ra-muted-text));\n  margin-top: 0.15rem;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.ra-shell .ra-item-card-delete {\n  position: absolute;\n  top: 0.4rem;\n  right: 0.4rem;\n  background: hsl(var(--ra-surface) / 0.85);\n  backdrop-filter: blur(4px);\n  opacity: 0;\n  transition: opacity .15s ease;\n}\n.ra-shell .ra-item-card:hover .ra-item-card-delete,\n.ra-shell .ra-item-card:focus-within .ra-item-card-delete {\n  opacity: 1;\n}\n.ra-shell .ra-item-nav {\n  display: flex;\n  align-items: center;\n  gap: 0.6rem;\n  padding: 0.5rem 1.25rem;\n  border-bottom: 1px solid hsl(var(--ra-border));\n  background: hsl(var(--ra-surface));\n}\n.ra-shell .ra-item-nav-position {\n  font-size: 0.72rem;\n  color: hsl(var(--ra-muted-text));\n  font-variant-numeric: tabular-nums;\n}\n.ra-shell .ra-item-nav-arrows {\n  margin-left: auto;\n  display: inline-flex;\n  align-items: center;\n  gap: 0.15rem;\n}\n.ra-shell .ra-item-nav-arrows .ra-row-action[disabled] {\n  opacity: 0.35;\n  cursor: not-allowed;\n}\n.ra-shell .ra-sibling-rail {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  min-height: 0;\n}\n.ra-shell .ra-sibling-back {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.4rem;\n  padding: 0.6rem 0.85rem;\n  font-size: 0.75rem;\n  font-weight: 500;\n  color: hsl(var(--ra-muted-text));\n  background: hsl(var(--ra-muted) / 0.5);\n  border: 0;\n  border-bottom: 1px solid hsl(var(--ra-border));\n  cursor: pointer;\n  text-align: left;\n  transition: background .12s ease, color .12s ease;\n}\n.ra-shell .ra-sibling-back:hover {\n  background: hsl(var(--ra-muted));\n  color: hsl(var(--ra-text));\n}\n.ra-shell .ra-sibling-heading {\n  padding: 0.6rem 0.85rem 0.4rem;\n  font-size: 0.65rem;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  color: hsl(var(--ra-muted-text));\n}\n.ra-shell .ra-sibling-body {\n  flex: 1;\n  min-height: 0;\n  overflow-y: auto;\n}\n.ra-shell .ra-sibling-list {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n.ra-shell .ra-status-icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  border-radius: 9999px;\n}\n.ra-shell .ra-status-icon > svg {\n  width: 100%;\n  height: 100%;\n  display: block;\n}\n.ra-shell .ra-status-icon--own {\n  color: hsl(var(--ra-status-own));\n}\n.ra-shell .ra-status-icon--shared {\n  color: hsl(var(--ra-status-shared));\n}\n.ra-shell .ra-status-icon--missing {\n  color: hsl(var(--ra-status-missing) / 0.7);\n}\n.ra-shell .ra-row-status {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 1.5rem;\n  height: 1.5rem;\n  flex-shrink: 0;\n}\n.ra-shell .ra-row-scope {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 1.25rem;\n  height: 1.25rem;\n  border-radius: calc(var(--ra-radius) * 0.5);\n  background: hsl(var(--ra-muted));\n  color: hsl(var(--ra-muted-text));\n  flex-shrink: 0;\n  margin-left: auto;\n  opacity: 0.55;\n  transition:\n    opacity .12s ease,\n    color .12s ease,\n    background .12s ease;\n}\n.ra-shell .ra-row:hover .ra-row-scope {\n  opacity: 0.85;\n}\n.ra-shell .ra-row[data-selected=true] .ra-row-scope {\n  opacity: 1;\n  background: hsl(var(--ra-accent) / 0.12);\n  color: hsl(var(--ra-accent));\n}\n.ra-shell .ra-row[data-tone=own] .ra-row-sub {\n  color: hsl(var(--ra-status-own));\n}\n.ra-shell .ra-row[data-tone=shared] .ra-row-sub {\n  color: hsl(var(--ra-status-shared));\n}\n.ra-shell .ra-row[data-selected=true] {\n  background:\n    linear-gradient(\n      90deg,\n      hsl(var(--ra-accent) / 0.10) 0%,\n      hsl(var(--ra-accent) / 0.04) 100%);\n  border-left-width: 3px;\n  border-left-color: hsl(var(--ra-accent));\n}\n.ra-shell .ra-dirty-pip {\n  display: inline-block;\n  width: 0.45rem;\n  height: 0.45rem;\n  border-radius: 9999px;\n  background: hsl(var(--ra-warning));\n  box-shadow: 0 0 0 2px hsl(var(--ra-warning) / 0.18);\n  flex-shrink: 0;\n}\n.ra-shell .ra-error-pip {\n  display: inline-block;\n  width: 0.45rem;\n  height: 0.45rem;\n  border-radius: 9999px;\n  background: hsl(var(--ra-danger, 0 72% 51%));\n  box-shadow: 0 0 0 2px hsl(var(--ra-danger, 0 72% 51%) / 0.22);\n  flex-shrink: 0;\n}\n.ra-shell .ra-group-summary {\n  background: transparent;\n}\n.ra-shell {\n  position: relative;\n}\n.ra-shell .ra-help-float {\n  position: absolute;\n  top: 0.65rem;\n  right: 0.85rem;\n  z-index: 5;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 1.6rem;\n  height: 1.6rem;\n  padding: 0;\n  color: hsl(var(--ra-muted-text));\n  background: hsl(var(--ra-surface) / 0.85);\n  backdrop-filter: blur(6px);\n  border: 1px solid hsl(var(--ra-border));\n  border-radius: 999px;\n  cursor: pointer;\n  transition:\n    color .12s ease,\n    background .12s ease,\n    border-color .12s ease;\n}\n.ra-shell .ra-help-float:hover {\n  color: hsl(var(--ra-accent));\n  border-color: hsl(var(--ra-accent) / 0.4);\n  background: hsl(var(--ra-surface));\n}\n.ra-shell .ra-help-float svg {\n  width: 0.95rem;\n  height: 0.95rem;\n}\n.ra-shell .ra-help-float > span {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n}\n.ra-shell .ra-preview-reopen {\n  position: absolute;\n  top: 50%;\n  right: 0;\n  transform: translateY(-50%);\n  z-index: 4;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 0.4rem;\n  padding: 0.65rem 0.45rem;\n  background: hsl(var(--ra-surface));\n  color: hsl(var(--ra-muted-text));\n  border: 1px solid hsl(var(--ra-border));\n  border-right: 0;\n  border-radius: calc(var(--ra-radius) * 0.85) 0 0 calc(var(--ra-radius) * 0.85);\n  box-shadow: var(--ra-card-shadow);\n  cursor: pointer;\n  transition:\n    color .12s ease,\n    background .12s ease,\n    padding-right .15s ease;\n  writing-mode: vertical-rl;\n  font-size: 0.7rem;\n  font-weight: 600;\n  letter-spacing: 0.06em;\n  text-transform: uppercase;\n}\n.ra-shell .ra-preview-reopen:hover {\n  color: hsl(var(--ra-accent));\n  background: hsl(var(--ra-accent) / 0.04);\n  padding-right: 0.6rem;\n}\n.ra-shell .ra-preview-reopen svg {\n  width: 0.85rem;\n  height: 0.85rem;\n  writing-mode: horizontal-tb;\n}\n.ra-shell .ra-unsaved-tray {\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: 0.6rem;\n  padding: 0.5rem 0.75rem;\n  border: 1px solid hsl(var(--ra-warning, 38 92% 50%) / 0.35);\n  background: hsl(var(--ra-warning, 38 92% 50%) / 0.08);\n  border-radius: var(--ra-radius);\n  font-size: 0.8125rem;\n  color: hsl(var(--ra-text));\n  animation: ra-unsaved-slide .14s ease-out;\n}\n.ra-shell .ra-unsaved-count {\n  flex: 1;\n  min-width: 0;\n  display: inline-flex;\n  align-items: center;\n  gap: 0.3rem;\n  padding: 0.15rem 0.4rem;\n  margin: -0.15rem -0.4rem;\n  background: transparent;\n  border: 0;\n  color: inherit;\n  font: inherit;\n  font-weight: 500;\n  text-align: left;\n  cursor: pointer;\n  border-radius: calc(var(--ra-radius) - 4px);\n}\n.ra-shell .ra-unsaved-count:hover {\n  background: hsl(var(--ra-muted) / 0.6);\n}\n.ra-shell .ra-unsaved-error-chip {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  border: 1px solid hsl(var(--ra-danger, 0 72% 51%) / 0.35);\n  background: hsl(var(--ra-danger, 0 72% 51%) / 0.08);\n  color: hsl(var(--ra-danger, 0 72% 51%));\n  border-radius: 999px;\n  padding: 0.15rem 0.55rem;\n  font-size: 0.7rem;\n  font-weight: 500;\n  cursor: pointer;\n}\n.ra-shell .ra-unsaved-error-chip:hover {\n  filter: brightness(0.97);\n}\n.ra-shell .ra-unsaved-popover {\n  position: absolute;\n  top: calc(100% + 6px);\n  left: 0;\n  z-index: 60;\n  min-width: 18rem;\n  max-height: 18rem;\n  overflow: auto;\n  background: hsl(var(--ra-surface));\n  border: 1px solid hsl(var(--ra-border));\n  border-radius: var(--ra-radius);\n  box-shadow: 0 12px 30px -10px hsl(0 0% 0% / 0.25);\n  padding: 0.3rem;\n  display: flex;\n  flex-direction: column;\n  gap: 0.15rem;\n}\n.ra-shell .ra-unsaved-popover-row {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  padding: 0.4rem 0.55rem;\n  background: transparent;\n  border: 0;\n  border-radius: calc(var(--ra-radius) - 2px);\n  cursor: pointer;\n  text-align: left;\n  font: inherit;\n  color: hsl(var(--ra-text));\n}\n.ra-shell .ra-unsaved-popover-row:hover {\n  background: hsl(var(--ra-muted));\n}\n.ra-shell .ra-unsaved-popover-dot {\n  width: 0.5rem;\n  height: 0.5rem;\n  border-radius: 999px;\n  flex-shrink: 0;\n}\n.ra-shell .ra-unsaved-popover-label {\n  flex: 1;\n  min-width: 0;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-size: 0.8125rem;\n}\n.ra-shell .ra-unsaved-popover-ctx {\n  color: hsl(var(--ra-muted-text));\n  font-size: 0.7rem;\n  text-transform: uppercase;\n  letter-spacing: 0.04em;\n}\n.ra-shell .ra-unsaved-popover-err {\n  color: hsl(var(--ra-danger, 0 72% 51%));\n  font-size: 0.7rem;\n  font-weight: 500;\n}\n.ra-saveall-overlay {\n  position: fixed;\n  inset: 0;\n  z-index: 100;\n  background: hsl(0 0% 0% / 0.45);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 1rem;\n  animation: ra-confirm-fade .12s ease-out;\n}\n.ra-saveall-card {\n  background: hsl(var(--ra-surface));\n  color: hsl(var(--ra-text));\n  border: 1px solid hsl(var(--ra-border));\n  border-radius: var(--ra-radius);\n  box-shadow: 0 24px 48px -16px hsl(0 0% 0% / 0.45);\n  width: min(28rem, 100%);\n  max-height: min(80vh, 36rem);\n  display: flex;\n  flex-direction: column;\n  animation: ra-confirm-pop .14s ease-out;\n}\n.ra-saveall-header {\n  padding: 1rem 1rem 0.5rem;\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n.ra-saveall-title {\n  font-weight: 600;\n  font-size: 0.95rem;\n}\n.ra-saveall-progress {\n  height: 4px;\n  background: hsl(var(--ra-muted));\n  border-radius: 999px;\n  overflow: hidden;\n}\n.ra-saveall-progress-bar {\n  height: 100%;\n  background: hsl(var(--ra-accent));\n  transition: width .2s ease;\n}\n.ra-saveall-counter {\n  color: hsl(var(--ra-muted-text));\n  font-size: 0.75rem;\n  font-variant-numeric: tabular-nums;\n}\n.ra-saveall-list {\n  list-style: none;\n  margin: 0;\n  padding: 0.25rem 0.5rem;\n  overflow: auto;\n  flex: 1;\n}\n.ra-saveall-row {\n  display: flex;\n  align-items: center;\n  gap: 0.6rem;\n  padding: 0.45rem 0.5rem;\n  border-radius: calc(var(--ra-radius) - 4px);\n  font-size: 0.8125rem;\n}\n.ra-saveall-row[data-status=saving] {\n  background: hsl(var(--ra-accent) / 0.06);\n}\n.ra-saveall-row[data-status=saved] {\n  color: hsl(var(--ra-muted-text));\n}\n.ra-saveall-row[data-status=error] {\n  background: hsl(var(--ra-danger, 0 72% 51%) / 0.06);\n}\n.ra-saveall-icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  color: hsl(var(--ra-muted-text));\n}\n.ra-saveall-row[data-status=saved] .ra-saveall-icon {\n  color: hsl(var(--ra-success, 142 71% 45%));\n}\n.ra-saveall-row[data-status=saving] .ra-saveall-icon {\n  color: hsl(var(--ra-accent));\n}\n.ra-saveall-row[data-status=error] .ra-saveall-icon {\n  color: hsl(var(--ra-danger, 0 72% 51%));\n}\n.ra-saveall-label {\n  flex: 1;\n  min-width: 0;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.ra-saveall-err {\n  color: hsl(var(--ra-danger, 0 72% 51%));\n  font-size: 0.7rem;\n  max-width: 12rem;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.ra-saveall-actions {\n  padding: 0.75rem 1rem 1rem;\n  display: flex;\n  justify-content: flex-end;\n  gap: 0.4rem;\n  border-top: 1px solid hsl(var(--ra-border));\n}\n.ra-spin {\n  animation: ra-spin 1s linear infinite;\n}\n@keyframes ra-spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n");
 var EditorPoolBody = ({
   editorId,
   renderEditor
@@ -6078,6 +6859,7 @@ var EditorPoolBody = ({
   return renderEditor(ctx);
 };
 var TOP_LEVEL_SCOPES = ["collection", "rule", "product"];
+var OPT_IN_TOP_LEVEL_SCOPES = ["all"];
 var WARNED_FACET_DEPRECATED = false;
 var DRAFT_ID3 = "__draft__";
 var isDraftId3 = (id) => !!id && (id === DRAFT_ID3 || id.startsWith("draft:"));
@@ -6116,6 +6898,19 @@ function RecordsAdminShell(props) {
     {
       ctx,
       defaultValueFactory: props.defaultData,
+      hooks: props.hooks,
+      onHookNotice: (notice) => {
+        console.warn(`[RecordsAdmin] ${notice.kind} hook failed`, notice.error);
+        try {
+          props.onTelemetry?.({
+            type: "record.hook.error",
+            recordType: props.recordType,
+            kind: notice.kind,
+            message: notice.error instanceof Error ? notice.error.message : String(notice.error)
+          });
+        } catch {
+        }
+      },
       children: /* @__PURE__ */ jsx(RecordsAdminShellInner, { ...props })
     }
   );
@@ -6134,7 +6929,7 @@ function RecordsAdminShellInner(props) {
     renderEditor,
     intro,
     csvSchema,
-    classify: classify2,
+    classify: classify3,
     defaultData,
     i18n: i18nOverride,
     onTelemetry,
@@ -6256,13 +7051,15 @@ function RecordsAdminShellInner(props) {
   );
   const queryClient = useQueryClient();
   const probe = useScopeProbe({ SL, collectionId });
+  const scopeCounts = useScopeCounts({ ctx });
   const topLevelScopes = useMemo(() => {
     const requested = requestedScopes ?? [];
+    const allowed = /* @__PURE__ */ new Set([...TOP_LEVEL_SCOPES, ...OPT_IN_TOP_LEVEL_SCOPES]);
     if (requested.length > 0) {
       const seen = /* @__PURE__ */ new Set();
       const ordered = [];
       for (const s of requested) {
-        if (!TOP_LEVEL_SCOPES.includes(s)) continue;
+        if (!allowed.has(s)) continue;
         if (seen.has(s)) continue;
         seen.add(s);
         ordered.push(s);
@@ -6274,7 +7071,7 @@ function RecordsAdminShellInner(props) {
   const productPinnedFromContext = !!contextScope?.productId;
   const effectiveTopLevelScopes = useMemo(() => {
     if (!productPinnedFromContext || contextScopeMode !== "strict") return topLevelScopes;
-    return topLevelScopes.filter((s) => s !== "collection" && s !== "rule");
+    return topLevelScopes.filter((s) => s !== "collection" && s !== "rule" && s !== "all");
   }, [productPinnedFromContext, contextScopeMode, topLevelScopes]);
   useEffect(() => {
     if (requestedScopes.includes("facet") && !WARNED_FACET_DEPRECATED) {
@@ -6340,7 +7137,7 @@ function RecordsAdminShellInner(props) {
     probeIsLoading: probe.isLoading,
     selectedProductId,
     drillTab,
-    classify: classify2
+    classify: classify3
   });
   const {
     search,
@@ -6374,13 +7171,16 @@ function RecordsAdminShellInner(props) {
     if (first) setSelectedProductId(first.id);
   }, [activeScope, selectedProductId, productBrowse.items]);
   useEffect(() => {
-    if (activeScope !== "rule" && activeScope !== "collection") return;
+    if (activeScope !== "rule" && activeScope !== "collection" && activeScope !== "all") return;
     if (selectedRecordId !== null) return;
     if (ruleWizardStep !== null) return;
     if (draftKind !== null) return;
     if (activeScope === "collection" && cardinality === "collection") {
       return;
     }
+    if (activeScope === "all" && cardinality === "collection") {
+      return;
+    }
     const first = recordList.items[0];
     if (first?.id) setSelectedRecordId(first.id);
   }, [activeScope, selectedRecordId, recordList.items, cardinality, ruleWizardStep, draftKind]);
@@ -6407,6 +7207,10 @@ function RecordsAdminShellInner(props) {
     // facetRule from the selected record's summary so `useCollectionItems`
     // can match by rule equality instead of by anchors.
     facetRule: editingScope?.kind === "rule" ? recordList.items.find((it) => it.id === selectedRecordId)?.facetRule ?? null : null,
+    // 'all' tab + collection cardinality: pull every item-cardinality
+    // record across the whole collection (anchored, ruled, global) so
+    // host-supplied lifecycle grouping has the full picture.
+    includeAll: isCollection && activeScope === "all",
     enabled: isCollection
   });
   useEffect(() => {
@@ -6498,6 +7302,10 @@ function RecordsAdminShellInner(props) {
         setRuleWizardRule(null);
         setDraftKind(null);
       }
+      if (isCreate && selectedRecordId === DRAFT_ID3) {
+        setSelectedRecordId(null);
+        setDraftKind(null);
+      }
       refetchAll();
     },
     onDeleted: () => {
@@ -6663,7 +7471,8 @@ function RecordsAdminShellInner(props) {
     deepLinkState,
     onTelemetry,
     onBeforeDelete,
-    generateItemId
+    generateItemId,
+    hooks: props.hooks
   });
   const renderEditorWithPreview = () => {
     if (!editingTargetScope) return null;
@@ -6703,13 +7512,33 @@ function RecordsAdminShellInner(props) {
         bulkActions: { ...csvBulk, i18n },
         preview: inlinePreviewBody,
         footerExtra: extraFooter,
-        targeting: editingTargetScope.kind === "rule" ? /* @__PURE__ */ jsx(
-          RecordTargeting,
+        targeting: (
+          // Mount the Targeting section for:
+          //  • Native rule scopes (existing behaviour — author the rule).
+          //  • Non-pinned Global (collection-root) scopes — admins can grow
+          //    a rule on the fly to convert Global → Rule, or stay global.
+          // Pinned scopes (product / variant / batch / proof) are anchored
+          // by ID, not by rule, so the section would be a no-op there.
+          editingTargetScope.kind === "rule" || editingTargetScope.kind === "collection" && !editingTargetScope.productId && !editingTargetScope.variantId && !editingTargetScope.batchId && !editingTargetScope.proofId ? /* @__PURE__ */ jsx(
+            RecordTargeting,
+            {
+              SL,
+              collectionId,
+              appId,
+              ctx: editorCtx,
+              forceOpen: targetingExpandNonce > 0,
+              onOpenChange: (o) => {
+                if (!o) setTargetingExpandNonce(0);
+              }
+            }
+          ) : void 0
+        ),
+        targetingControl: editingTargetScope.kind === "rule" || editingTargetScope.kind === "collection" && !editingTargetScope.productId && !editingTargetScope.variantId && !editingTargetScope.batchId && !editingTargetScope.proofId ? /* @__PURE__ */ jsx(
+          TargetingPopover,
           {
-            SL,
-            collectionId,
-            appId,
-            ctx: editorCtx
+            ctx: editorCtx,
+            catalogue: ruleCatalogue,
+            onCustomise: () => setTargetingExpandNonce((n) => n + 1)
           }
         ) : void 0,
         onBeforeDelete: onBeforeDelete && editingTargetScope ? () => onBeforeDelete(editingTargetScope) : void 0,
@@ -6827,7 +7656,6 @@ function RecordsAdminShellInner(props) {
   ]);
   const effectivePresentation = isProductTab ? presentation : "list";
   const showPresentationSwitcher = isProductTab && presentations.length > 1;
-  const effectiveGroupBy = groupBy;
   const productListItems = useMemo(() => {
     if (productPinned) {
       const pid = contextScope.productId;
@@ -6845,7 +7673,66 @@ function RecordsAdminShellInner(props) {
   }, [productPinned, contextScope, productBrowse.items, pinnedProduct.item]);
   const isRuleTab = activeScope === "rule";
   const isGlobalTab = activeScope === "collection";
-  const isRecordsTab = isRuleTab || isGlobalTab;
+  const isAllTab = activeScope === "all";
+  const isRecordsTab = isRuleTab || isGlobalTab || isAllTab;
+  const effectiveGroupBy = useMemo(() => {
+    if (groupBy) return groupBy;
+    if (isAllTab) return void 0;
+    if (!isRuleTab) return void 0;
+    if (isCollection) return void 0;
+    return (record) => {
+      const hash = ruleHash(record.facetRule);
+      if (!hash) return null;
+      return { key: `rule:${hash}`, label: summariseRule(record.facetRule) };
+    };
+  }, [groupBy, isRuleTab, isAllTab, isCollection]);
+  const [bulkRuleEditTarget, setBulkRuleEditTarget] = useState(null);
+  const ruleCatalogue = useMemo(() => {
+    const buckets = /* @__PURE__ */ new Map();
+    for (const item of recordList.items) {
+      const hash = ruleHash(item.facetRule);
+      if (!hash || !item.facetRule) continue;
+      const existing = buckets.get(hash);
+      if (existing) {
+        existing.count += 1;
+      } else {
+        buckets.set(hash, {
+          hash,
+          rule: item.facetRule,
+          summary: summariseRule(item.facetRule),
+          count: 1
+        });
+      }
+    }
+    return Array.from(buckets.values()).sort((a, b) => {
+      if (b.count !== a.count) return b.count - a.count;
+      return a.summary.localeCompare(b.summary);
+    });
+  }, [recordList.items]);
+  const [targetingExpandNonce, setTargetingExpandNonce] = useState(0);
+  const renderRuleGroupActions = useCallback(
+    (group) => {
+      if (!isRuleTab || groupBy) return null;
+      const ids = group.items.map((it) => it.id).filter((id) => !!id);
+      if (ids.length < 2) return null;
+      const rule = group.items.find((it) => it.facetRule)?.facetRule ?? null;
+      return /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: "text-[11px] px-2 py-0.5 rounded border hover:bg-[hsl(var(--ra-muted))] transition-colors",
+          style: {
+            borderColor: "hsl(var(--ra-border))",
+            color: "hsl(var(--ra-muted-text))"
+          },
+          title: `Edit this rule and apply the change to all ${ids.length} records that share it`,
+          onClick: () => setBulkRuleEditTarget({ rule, recordIds: ids }),
+          children: "Edit rule"
+        }
+      );
+    },
+    [isRuleTab, groupBy]
+  );
   const onCreateRule = useCallback(() => {
     void runWithGuard(() => {
       if (activeScope !== "rule") setActiveScope("rule");
@@ -6897,6 +7784,32 @@ function RecordsAdminShellInner(props) {
     () => isRuleTab ? applyRuleFilters(recordList.items, ruleFilters) : recordList.items,
     [isRuleTab, recordList.items, ruleFilters]
   );
+  const collectionRuleRailItems = useMemo(() => {
+    if (!isRuleTab || !isCollection) return filteredRuleItems;
+    const buckets = /* @__PURE__ */ new Map();
+    for (const item of filteredRuleItems) {
+      const hash = ruleHash(item.facetRule);
+      if (!hash) continue;
+      const existing = buckets.get(hash);
+      if (existing) {
+        existing.count += 1;
+      } else {
+        buckets.set(hash, { rep: item, count: 1 });
+      }
+    }
+    return Array.from(buckets.values()).map(({ rep, count }) => ({
+      ...rep,
+      label: summariseRule(rep.facetRule),
+      subtitle: `${count} ${itemNoun}${count === 1 ? "" : "s"}`
+    }));
+  }, [isRuleTab, isCollection, filteredRuleItems, itemNoun]);
+  const activeRuleSummary = useMemo(() => {
+    if (!isRuleTab || !isCollection) return null;
+    if (!selectedRecordId || isDraftId3(selectedRecordId)) return null;
+    const hit = recordList.items.find((it) => it.id === selectedRecordId);
+    if (!hit?.facetRule) return null;
+    return summariseRule(hit.facetRule);
+  }, [isRuleTab, isCollection, selectedRecordId, recordList.items]);
   const applyFacetBrowseFilter = useCallback(
     (items2) => {
       if (!facetBrowseFilter) return items2;
@@ -6944,7 +7857,9 @@ function RecordsAdminShellInner(props) {
     }),
     [i18n.itemsAllLabel, collectionItems.items.length, itemNoun]
   );
-  const leftItems = isProductTab ? productListItems : isRuleTab ? applyFacetBrowseFilter(filteredRuleItems) : isGlobalTab && isCollection ? [collectionGlobalAllRow] : isRecordsTab ? applyFacetBrowseFilter(recordList.items) : [];
+  const leftItems = isProductTab ? productListItems : isRuleTab ? applyFacetBrowseFilter(
+    isCollection ? collectionRuleRailItems : filteredRuleItems
+  ) : (isGlobalTab || isAllTab) && isCollection ? [collectionGlobalAllRow] : isRecordsTab ? applyFacetBrowseFilter(recordList.items) : [];
   const leftLoading = isProductTab ? !productPinned && productBrowse.isLoading : isRecordsTab ? recordList.isLoading || probe.isLoading : false;
   const leftError = isProductTab ? productBrowse.error : isRecordsTab ? recordList.error : null;
   const leftSelectedId = isProductTab ? void 0 : selectedRecordId && selectedRecordId !== DRAFT_ID3 ? selectedRecordId : void 0;
@@ -7157,8 +8072,22 @@ function RecordsAdminShellInner(props) {
                     },
                     loading: probe.isLoading,
                     counts: {
-                      product: productBrowse.items.length
+                      // `product` continues to show the catalogue size (browse
+                      // affordance), not the per-product record count — that's
+                      // the long-standing semantics for the Products tab.
+                      product: productBrowse.items.length,
+                      // The remaining tabs show actual record counts so hidden
+                      // state (e.g. a rule-scoped competition) is visible from
+                      // any tab. `useScopeCounts` returns 0 while loading, which
+                      // is fine — the badges just appear once data lands.
+                      collection: scopeCounts.counts.collection,
+                      rule: scopeCounts.counts.rule,
+                      variant: scopeCounts.counts.variant,
+                      batch: scopeCounts.counts.batch,
+                      facet: scopeCounts.counts.facet,
+                      all: scopeCounts.counts.all
                     },
+                    tooltips: { rule: i18n.rulesTabTooltip },
                     icons: icons.scope
                   }
                 ) }),
@@ -7254,7 +8183,7 @@ function RecordsAdminShellInner(props) {
                     {
                       icon: search ? icons.empty.search : icons.empty.default,
                       title: search ? i18n.noResults : i18n.railEmptyTitle,
-                      body: search ? void 0 : i18n.railEmptyBody
+                      body: search ? void 0 : isRuleTab ? i18n.rulesEmptyBody : i18n.railEmptyBody
                     }
                   )),
                   !leftLoading && !leftError && leftItems.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -7272,6 +8201,7 @@ function RecordsAdminShellInner(props) {
                         presentation: effectivePresentation,
                         renderListRow,
                         groupBy: effectiveGroupBy,
+                        renderGroupActions: renderRuleGroupActions,
                         rowClipboard,
                         i18n
                       }
@@ -7370,6 +8300,7 @@ function RecordsAdminShellInner(props) {
                     renderItemEmpty,
                     itemColumns,
                     cardSize: itemCardSize,
+                    ruleSummary: activeRuleSummary,
                     i18n
                   }
                 ),
@@ -7415,6 +8346,22 @@ function RecordsAdminShellInner(props) {
               ] })
             ]
           }
+        ),
+        /* @__PURE__ */ jsx(
+          RuleGroupEditDialog,
+          {
+            open: !!bulkRuleEditTarget,
+            ctx,
+            currentRule: bulkRuleEditTarget?.rule ?? null,
+            recordIds: bulkRuleEditTarget?.recordIds ?? [],
+            onClose: () => setBulkRuleEditTarget(null),
+            onApplied: () => {
+              recordList.refetch();
+              queryClient.invalidateQueries({
+                queryKey: scopeCountsQueryKey(ctx.collectionId, ctx.appId, ctx.recordType)
+              });
+            }
+          }
         )
       ]
     }
@@ -7839,8 +8786,8 @@ function useRecordEditor(args) {
     const anchors = parsedRefToScope(scope);
     const hasAnchors = !!(anchors.productId || anchors.variantId || anchors.batchId || anchors.proofId);
     const hasRule = !!(facetRule && facetRule.all && facetRule.all.length > 0);
-    const isRuleScope2 = scope.kind === "rule";
-    if (isRuleScope2 && !hasAnchors && !hasRule && !resolved.recordId && !createMode) {
+    const isRuleScope = scope.kind === "rule";
+    if (isRuleScope && !hasAnchors && !hasRule && !resolved.recordId && !createMode) {
       console.warn("[useRecordEditor] save() bailed \u2014 rule scope with no clauses, no recordId, not in createMode");
       return;
     }
@@ -7881,23 +8828,28 @@ function useRecordEditor(args) {
         });
       } else if (createMode) {
         await createRecord(ctx, {
-          ref: scope.kind === "rule" && scope.raw ? scope.raw : void 0,
+          // The framework does NOT write to `record.ref` — that's a
+          // host-owned field. Rule identity flows through `facetRule`
+          // (content-addressed via `ruleHash`); record identity is the
+          // UUID assigned by the server.
+          ref: void 0,
           scope: anchors,
           data: value,
           facetRule
         });
       } else {
         await upsertRecord(ctx, {
-          // External ref only when the underlying scope already carries
-          // one (e.g. rule:{id} for an existing rule record). Empty for
-          // anchor-only writes — server addresses by anchors.
-          ref: scope.kind === "rule" && scope.raw ? scope.raw : void 0,
+          // See note above — never write to `ref`.
+          ref: void 0,
           scope: anchors,
           data: value,
           facetRule
         });
       }
       draftStore.clearDraft(draftKey);
+      queryClient.invalidateQueries({
+        queryKey: scopeCountsQueryKey(ctx.collectionId, ctx.appId, ctx.recordType)
+      });
       onSaved?.();
     } catch (err) {
       setSavedSnapshot(previousSnapshot);
@@ -7926,6 +8878,9 @@ function useRecordEditor(args) {
     if (!resolved.recordId) return;
     await removeRecord(ctx, resolved.recordId);
     draftStore.clearDraft(draftKey);
+    queryClient.invalidateQueries({
+      queryKey: scopeCountsQueryKey(ctx.collectionId, ctx.appId, ctx.recordType)
+    });
     onDeleted?.();
   }, [resolved.source, resolved.recordId, draftKey]);
   const prevDraftKeyRef = useRef(draftKey);
@@ -7991,7 +8946,9 @@ function useRecordEditor(args) {
       baselineFacetRule: savedFacetRule,
       createMode,
       scopeAnchors: anchors,
-      ref: scope.kind === "rule" && scope.raw ? scope.raw : void 0,
+      // Draft-store entry never carries a framework-derived `ref`. The
+      // value belongs to the host; we don't even pass it through here.
+      ref: void 0,
       saveKind,
       save: async () => {
         await save();
@@ -7999,8 +8956,8 @@ function useRecordEditor(args) {
     });
   }, [isDirty, value, facetRule, savedSnapshot, savedFacetRule, scope.raw, resolved.recordId, resolved.source, createMode, save]);
   const effectiveSource = optimisticSource ?? resolved.source;
-  const isRuleScope = scope.kind === "rule";
-  const ruleValid = !isRuleScope || isFacetRuleValid(facetRule);
+  const hasRuleInFlight = !!(facetRule && facetRule.all && facetRule.all.length > 0);
+  const ruleValid = !hasRuleInFlight || isFacetRuleValid(facetRule);
   const canSave = ruleValid;
   const cannotSaveReason = !ruleValid ? "Pick at least one value for every facet in the rule before saving." : void 0;
   return {
@@ -8263,6 +9220,6 @@ function useMergedRecord(args) {
   };
 }
 
-export { ALL_ITEM_VIEWS, ALL_PRESENTATIONS, BatchList, BulkActionsMenu, DEFAULT_DEEP_LINK_PARAM_NAMES, DEFAULT_I18N, DEFAULT_ICONS, DefaultItemCards, DefaultItemTable, DefaultRecordCard, DefaultRecordRow, DeleteButton, DirtyDraftProvider, DrawerPreview, EditorItemNav, EmptyState, ErrorState, FacetList, InheritanceMarker, InheritanceProvider, InlinePreview, IntroCard, ItemListView, ItemViewSwitcher, LoadingState, PresentationSwitcher, PreviewScopePicker, PreviewToggleButton, ProductDrillDown, ProductList, RecordBrowser, RecordEditor, RecordList, RecordsAdminShell, ResolvedPreview, ScopeBreadcrumb, ScopeTabs, SiblingRail, SidePreview, StatusDot, StatusFilterPills, StatusIcon, TabbedPreview, UtilityRow, VariantList, buildDraftKey, buildRef, checkPasteCompatibility, cloneValue, createDefaultDeepLinkAdapter, createPostMessageDeepLinkAdapter, downloadBlob, exportCsv, importCsv, isInSmartLinksIframe, mergeIcons, parseRef, pickHeaderIcon, resolutionChain, resolveRecord, statusToneLabel, useCollectedRecords, useCollectionItems, useDeepLinkState, useDirtyDraft, useDirtyDraftActions, useDirtyDraftStore, useDirtyDrafts, useDirtyNavigation, useFacetBrowse, useIntroDismissed, useItemViewPref, useMergedRecord, usePresentationPref, useProductBrowse, useProductChildren, useRecordClipboard, useRecordEditor, useRecordList, useResolveAllRecords, useResolvedRecord, useRulePreview, useScopeProbe, useUnsavedGuard };
+export { ALL_ITEM_VIEWS, ALL_PRESENTATIONS, BatchList, BulkActionsMenu, DEFAULT_DEEP_LINK_PARAM_NAMES, DEFAULT_I18N, DEFAULT_ICONS, DefaultItemCards, DefaultItemTable, DefaultRecordCard, DefaultRecordRow, DeleteButton, DirtyDraftProvider, DrawerPreview, EditorItemNav, EmptyState, ErrorState, FacetList, InheritanceMarker, InheritanceProvider, InlinePreview, IntroCard, ItemListView, ItemViewSwitcher, LoadingState, PresentationSwitcher, PreviewScopePicker, PreviewToggleButton, ProductDrillDown, ProductList, RecordBrowser, RecordEditor, RecordList, RecordsAdminShell, ResolvedPreview, ScopeBreadcrumb, ScopeTabs, SiblingRail, SidePreview, StatusDot, StatusFilterPills, StatusIcon, TabbedPreview, UtilityRow, VariantList, buildDraftKey, buildRef, checkPasteCompatibility, cloneValue, createDefaultDeepLinkAdapter, createPostMessageDeepLinkAdapter, downloadBlob, exportCsv, importCsv, isInSmartLinksIframe, mergeIcons, normaliseRule, parseRef, pickHeaderIcon, resolutionChain, resolveRecord, ruleHash, rulesEqual, scopeCountsQueryKey, statusToneLabel, summariseRule, useCollectedRecords, useCollectionItems, useDeepLinkState, useDirtyDraft, useDirtyDraftActions, useDirtyDraftStore, useDirtyDrafts, useDirtyNavigation, useFacetBrowse, useIntroDismissed, useItemViewPref, useMergedRecord, usePresentationPref, useProductBrowse, useProductChildren, useRecordClipboard, useRecordEditor, useRecordList, useResolveAllRecords, useResolvedRecord, useRulePreview, useScopeCounts, useScopeProbe, useUnsavedGuard };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map