@proveanything/smartlinks-utils-ui 0.7.8 → 0.8.0

package/dist/components/RecordsAdmin/index.js

@@ -1,12 +1,12 @@
-import { styleInject } from '../../chunk-B34MMOND.js';
+import { styleInject } from '../../chunk-F2YH3NVP.js';
 import { FacetRuleEditor } from '../../chunk-JMCV6FOW.js';
 import { useFacets } from '../../chunk-4LHF5JB7.js';
 import { cn } from '../../chunk-L7FQ52F5.js';
-import { listRecords, parsedRefToTarget, parsedRefToScope, matchRecords, scopesEqual, getRecordById, updateRecord, createRecord, upsertRecord, removeRecord } from '../../chunk-KFKVGUUP.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, useMemo, useState, useEffect, useCallback, useRef, useContext, useSyncExternalStore, createElement, useId } from 'react';
+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 { useQueryClient, useInfiniteQuery, useQuery } from '@tanstack/react-query';
+import { useQuery, useQueryClient, useInfiniteQuery } from '@tanstack/react-query';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { createPortal } from 'react-dom';
 
@@ -223,155 +223,6 @@ var resolutionChain = (target, supportedScopes) => {
   }
   return Array.from(new Set(chain));
 };
-var defaultClassify = (r) => {
-  if (!r.data) return "empty";
-  const keys = Object.keys(r.data);
-  if (keys.length === 0) return "empty";
-  return "configured";
-};
-var matchesScope = (kind, rec, _p) => {
-  const hasRule = !!rec.facetRule;
-  if (kind === "rule") return hasRule;
-  if (hasRule) return false;
-  const productId = rec.productId ?? void 0;
-  const variantId = rec.variantId ?? void 0;
-  const batchId = rec.batchId ?? void 0;
-  const proofId = rec.proofId ?? void 0;
-  if (kind === "collection") {
-    return !productId && !variantId && !batchId && !proofId;
-  }
-  if (kind === "product") return !!productId && !variantId && !batchId;
-  if (kind === "variant") return !!variantId;
-  if (kind === "batch") return !!batchId;
-  return false;
-};
-var matchesContext = (p, ctx) => {
-  if (!ctx) return true;
-  if (ctx.productId && p.productId !== ctx.productId) return false;
-  if (ctx.variantId && p.variantId !== ctx.variantId) return false;
-  if (ctx.batchId && p.batchId !== ctx.batchId) return false;
-  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 scope = {
-    kind: batchId ? "batch" : variantId ? "variant" : productId ? "product" : "collection",
-    raw: ref,
-    productId,
-    variantId,
-    batchId,
-    proofId
-  };
-  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");
-  return {
-    id: rec.id,
-    ref,
-    scope,
-    data: rec.data ?? null,
-    status: "configured",
-    label: fallbackLabel,
-    updatedAt: rec.updatedAt,
-    facetRule
-  };
-};
-var QK_BASE = ["records-admin", "list"];
-var useRecordList = (args) => {
-  const {
-    ctx,
-    scopeKind,
-    search = "",
-    filter = "all",
-    classify: classify2,
-    enabled = true,
-    scaffolder,
-    contextScope,
-    pageSize = 100
-  } = args;
-  const queryClient = useQueryClient();
-  const queryKey = useMemo(
-    () => [
-      ...QK_BASE,
-      ctx.collectionId,
-      ctx.appId,
-      ctx.recordType,
-      scopeKind,
-      contextScope?.productId ?? null,
-      contextScope?.variantId ?? null,
-      contextScope?.batchId ?? null
-    ],
-    [ctx.collectionId, ctx.appId, ctx.recordType, scopeKind, contextScope?.productId, contextScope?.variantId, contextScope?.batchId]
-  );
-  const query = useInfiniteQuery({
-    queryKey,
-    enabled,
-    initialPageParam: 0,
-    queryFn: async ({ pageParam }) => {
-      const offset = pageParam;
-      const { data, total: total2, hasMore } = await listRecords(ctx, { limit: pageSize, offset });
-      return { data, total: total2, hasMore, nextOffset: offset + data.length };
-    },
-    getNextPageParam: (last) => last.hasMore ? last.nextOffset : void 0,
-    staleTime: 3e4
-  });
-  const [scaffolded, setScaffolded] = useState(null);
-  const rawItems = useMemo(() => {
-    const all = query.data?.pages.flatMap((p) => p.data) ?? [];
-    const cls = classify2 ?? 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]);
-  useEffect(() => {
-    if (!scaffolder) {
-      setScaffolded(null);
-      return;
-    }
-    let cancelled = false;
-    Promise.resolve(scaffolder(rawItems)).then((next) => {
-      if (!cancelled) setScaffolded(next);
-    });
-    return () => {
-      cancelled = true;
-    };
-  }, [rawItems, scaffolder]);
-  const items = scaffolded ?? rawItems;
-  const filtered = useMemo(() => {
-    let out = items;
-    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));
-    }
-    return out;
-  }, [items, filter, search]);
-  const counts = useMemo(() => ({
-    all: items.length,
-    configured: items.filter((r) => r.status === "configured").length,
-    partial: items.filter((r) => r.status === "partial").length,
-    empty: items.filter((r) => r.status === "empty").length
-  }), [items]);
-  const refetch = useCallback(() => {
-    queryClient.invalidateQueries({ queryKey: [...QK_BASE, 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 {
-    allItems: items,
-    items: filtered,
-    total,
-    counts,
-    isLoading: query.isLoading,
-    error: query.error ?? null,
-    refetch,
-    hasNextPage: query.hasNextPage,
-    isFetchingNextPage: query.isFetchingNextPage,
-    fetchNextPage: query.fetchNextPage
-  };
-};
 
 // src/components/RecordsAdmin/data/resolveRecord.ts
 var resolveRecord = async (args) => {
@@ -525,563 +376,303 @@ function useResolvedRecord(args) {
     error: query.error ?? null
   };
 }
-var isFacetRuleValid = (rule) => {
-  if (!rule || !Array.isArray(rule.all) || rule.all.length === 0) return false;
-  return rule.all.every(
-    (c) => !!c.facetKey && Array.isArray(c.anyOf) && c.anyOf.length > 0
-  );
-};
-function useRulePreview(args) {
-  const {
-    SL,
-    collectionId,
-    appId,
-    rule,
-    limit = 20,
-    debounceMs = 350,
-    enabled = true
-  } = args;
-  const [debouncedRule, setDebouncedRule] = useState(rule);
-  const timer = useRef(null);
+var RT_KEY = (recordType) => recordType ?? "_default";
+var lsKey = (appId, recordType) => `ra:intro:${appId}:${RT_KEY(recordType)}`;
+var useIntroDismissed = (SL, collectionId, appId, recordType) => {
+  const [dismissed, setDismissed] = useState(() => {
+    try {
+      return localStorage.getItem(lsKey(appId, recordType)) === "1";
+    } catch {
+      return false;
+    }
+  });
   useEffect(() => {
-    if (timer.current) clearTimeout(timer.current);
-    timer.current = setTimeout(() => setDebouncedRule(rule), debounceMs);
+    let cancelled = false;
+    (async () => {
+      try {
+        const cfg = await SL?.appConfiguration?.getConfig?.({ collectionId, appId, admin: true });
+        if (cancelled) return;
+        const flag = cfg?._meta?.introDismissed?.[RT_KEY(recordType)];
+        if (flag) setDismissed(true);
+      } catch {
+      }
+    })();
     return () => {
-      if (timer.current) clearTimeout(timer.current);
+      cancelled = true;
     };
-  }, [rule, debounceMs]);
-  const valid = isFacetRuleValid(debouncedRule);
+  }, [SL, collectionId, appId, recordType]);
+  const dismiss = useCallback(async () => {
+    setDismissed(true);
+    try {
+      localStorage.setItem(lsKey(appId, recordType), "1");
+    } catch {
+    }
+    try {
+      const cfg = await SL?.appConfiguration?.getConfig?.({ collectionId, appId, admin: true }).catch(() => ({}));
+      const next = {
+        ...cfg ?? {},
+        _meta: {
+          ...cfg?._meta ?? {},
+          introDismissed: { ...cfg?._meta?.introDismissed ?? {}, [RT_KEY(recordType)]: true }
+        }
+      };
+      await SL?.appConfiguration?.setConfig?.({ collectionId, appId, admin: true, config: next });
+    } catch {
+    }
+  }, [SL, collectionId, appId, recordType]);
+  const undismiss = useCallback(() => {
+    setDismissed(false);
+    try {
+      localStorage.removeItem(lsKey(appId, recordType));
+    } catch {
+    }
+  }, [appId, recordType]);
+  return { dismissed, dismiss, undismiss };
+};
+var useScopeProbe = ({ SL, collectionId, admin = true, enabled = true }) => {
   const query = useQuery({
-    queryKey: ["records-admin", "preview-rule", collectionId, appId, debouncedRule, limit],
-    enabled: enabled && !!collectionId && !!appId && valid,
-    staleTime: 3e4,
-    queryFn: () => SL.app.records.previewRule(collectionId, appId, {
-      facetRule: debouncedRule,
-      limit
-    })
+    queryKey: ["records-admin", "scope-probe", collectionId, admin],
+    enabled: enabled && !!collectionId && !!SL?.collection?.get,
+    staleTime: 5 * 6e4,
+    queryFn: async () => {
+      const c = await SL.collection.get(collectionId, admin);
+      return {
+        hasVariants: !!c?.variants,
+        hasBatches: !!c?.batches
+      };
+    }
   });
   return {
-    totalMatches: query.data?.total ?? null,
-    sampleProductIds: (query.data?.matchingProducts ?? []).map((p) => p.productId),
-    isLoading: query.isFetching,
-    isStale: rule !== debouncedRule,
+    hasVariants: query.data?.hasVariants ?? false,
+    hasBatches: query.data?.hasBatches ?? false,
+    isLoading: query.isLoading,
     error: query.error ?? null
   };
-}
-var createStore = () => {
-  const map = /* @__PURE__ */ new Map();
-  const listeners = /* @__PURE__ */ new Set();
-  let nextOrder = 0;
-  let cachedList = [];
-  const recompute = () => {
-    cachedList = Array.from(map.values()).sort((a, b) => a.order - b.order);
-  };
-  const emit = () => {
-    recompute();
-    listeners.forEach((l) => l());
-  };
-  return {
-    list: () => cachedList,
-    get: (key) => map.get(key),
-    has: (key) => map.has(key),
-    upsertDraft(input) {
-      const existing = map.get(input.key);
-      const order = existing?.order ?? input.order ?? nextOrder++;
-      const status = input.status ?? existing?.status ?? "dirty";
-      map.set(input.key, {
-        ...input,
-        order,
-        status
-      });
-      emit();
-    },
-    setStatus(key, status, error) {
-      const existing = map.get(key);
-      if (!existing) return;
-      map.set(key, { ...existing, status, error });
-      emit();
-    },
-    clearDraft(key) {
-      if (map.delete(key)) emit();
-    },
-    clearAll() {
-      if (map.size === 0) return;
-      map.clear();
-      emit();
-    },
-    subscribe(listener) {
-      listeners.add(listener);
-      return () => {
-        listeners.delete(listener);
-      };
-    }
-  };
-};
-var DirtyDraftContext = createContext(null);
-var DirtyDraftProvider = ({ children }) => {
-  const storeRef = useRef(null);
-  if (!storeRef.current) storeRef.current = createStore();
-  return /* @__PURE__ */ jsx(DirtyDraftContext.Provider, { value: storeRef.current, children });
-};
-var useDirtyDraftStore = () => {
-  const ctx = useContext(DirtyDraftContext);
-  const fallbackRef = useRef(null);
-  if (!ctx && !fallbackRef.current) fallbackRef.current = createStore();
-  return ctx ?? fallbackRef.current;
-};
-var useDirtyDrafts = () => {
-  const store = useDirtyDraftStore();
-  return useSyncExternalStore(
-    useCallback((cb) => store.subscribe(cb), [store]),
-    useCallback(() => store.list(), [store]),
-    useCallback(() => store.list(), [store])
-  );
-};
-var useDirtyDraft = (key) => {
-  const store = useDirtyDraftStore();
-  const getSnapshot = useCallback(
-    () => key ? store.get(key) : void 0,
-    [store, key]
-  );
-  return useSyncExternalStore(
-    useCallback((cb) => store.subscribe(cb), [store]),
-    getSnapshot,
-    getSnapshot
-  );
 };
-var buildDraftKey = (opts) => {
-  if (opts.recordId) return opts.recordId;
-  const kind = opts.draftKind ?? "rec";
-  return `draft:${kind}:${opts.scopeRaw}`;
-};
-var useDirtyDraftActions = () => {
-  const store = useDirtyDraftStore();
-  const drafts = useDirtyDrafts();
-  const count = useMemo(() => drafts.filter((d) => d.status !== "saved").length, [drafts]);
-  const errorCount = useMemo(() => drafts.filter((d) => d.status === "error").length, [drafts]);
-  return { drafts, count, errorCount, store };
+var defaultClassify = (r) => {
+  if (!r.data) return "empty";
+  const keys = Object.keys(r.data);
+  if (keys.length === 0) return "empty";
+  return "configured";
 };
-
-// src/components/RecordsAdmin/hooks/useRecordEditor.ts
-var isEqual = (a, b) => {
-  try {
-    return JSON.stringify(a) === JSON.stringify(b);
-  } catch {
-    return false;
+var matchesScope = (kind, rec, _p) => {
+  const hasRule = !!rec.facetRule;
+  if (kind === "rule") return hasRule;
+  if (hasRule) return false;
+  const productId = rec.productId ?? void 0;
+  const variantId = rec.variantId ?? void 0;
+  const batchId = rec.batchId ?? void 0;
+  const proofId = rec.proofId ?? void 0;
+  if (kind === "collection") {
+    return !productId && !variantId && !batchId && !proofId;
   }
+  if (kind === "product") return !!productId && !variantId && !batchId;
+  if (kind === "variant") return !!variantId;
+  if (kind === "batch") return !!batchId;
+  return false;
 };
-var cloneSeed = (resolved, defaultData) => {
-  if (resolved.source === "self") return resolved.data;
-  if (resolved.source === "inherited" && resolved.data != null) {
-    try {
-      return structuredClone(resolved.data);
-    } catch {
-      return JSON.parse(JSON.stringify(resolved.data));
-    }
-  }
-  return defaultData?.() ?? {};
+var matchesContext = (p, ctx) => {
+  if (!ctx) return true;
+  if (ctx.productId && p.productId !== ctx.productId) return false;
+  if (ctx.variantId && p.variantId !== ctx.variantId) return false;
+  if (ctx.batchId && p.batchId !== ctx.batchId) return false;
+  return true;
 };
-function useRecordEditor(args) {
+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 scope = {
+    kind: batchId ? "batch" : variantId ? "variant" : productId ? "product" : "collection",
+    raw: ref,
+    productId,
+    variantId,
+    batchId,
+    proofId
+  };
+  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");
+  return {
+    id: rec.id,
+    ref,
+    scope,
+    data: rec.data ?? null,
+    status: "configured",
+    label: fallbackLabel,
+    updatedAt: rec.updatedAt,
+    facetRule
+  };
+};
+var QK_BASE = ["records-admin", "list"];
+var useRecordList = (args) => {
   const {
     ctx,
-    scope,
-    resolved,
-    defaultData,
-    onSaved,
-    onDeleted,
-    onSaveError,
-    reseed = "always",
-    initialFacetRule = null,
-    createMode = false,
-    deriveDraftLabel
+    scopeKind,
+    search = "",
+    filter = "all",
+    classify: classify2,
+    enabled = true,
+    scaffolder,
+    contextScope,
+    pageSize = 100
   } = args;
   const queryClient = useQueryClient();
-  const draftStore = useDirtyDraftStore();
-  const draftKey = buildDraftKey({
-    recordId: resolved.recordId,
-    scopeRaw: scope.raw,
-    draftKind: scope.kind
-  });
-  const initialDraft = draftStore.get(draftKey);
-  const cleanSeed = cloneSeed(resolved, defaultData);
-  const seed = initialDraft && reseed === "preserve-dirty" ? initialDraft.value : cleanSeed;
-  const seedFacetRule = initialDraft && reseed === "preserve-dirty" ? initialDraft.facetRule : initialFacetRule;
-  const [value, setValue] = useState(seed);
-  const [savedSnapshot, setSavedSnapshot] = useState(
-    initialDraft ? initialDraft.baseline : cleanSeed
-  );
-  const [facetRule, setFacetRule] = useState(seedFacetRule);
-  const [savedFacetRule, setSavedFacetRule] = useState(
-    initialDraft ? initialDraft.baselineFacetRule : initialFacetRule
+  const queryKey = useMemo(
+    () => [
+      ...QK_BASE,
+      ctx.collectionId,
+      ctx.appId,
+      ctx.recordType,
+      scopeKind,
+      contextScope?.productId ?? null,
+      contextScope?.variantId ?? null,
+      contextScope?.batchId ?? null
+    ],
+    [ctx.collectionId, ctx.appId, ctx.recordType, scopeKind, contextScope?.productId, contextScope?.variantId, contextScope?.batchId]
   );
-  const [userInteracted, setUserInteracted] = useState(!!initialDraft);
-  const [optimisticSource, setOptimisticSource] = useState(null);
-  const [isSaving, setIsSaving] = useState(false);
-  const [saveError, setSaveError] = useState(null);
-  const valueRef = useRef(seed);
-  useEffect(() => {
-    valueRef.current = value;
-  }, [value]);
+  const query = useInfiniteQuery({
+    queryKey,
+    enabled,
+    initialPageParam: 0,
+    queryFn: async ({ pageParam }) => {
+      const offset = pageParam;
+      const { data, total: total2, hasMore } = await listRecords(ctx, { limit: pageSize, offset });
+      return { data, total: total2, hasMore, nextOffset: offset + data.length };
+    },
+    getNextPageParam: (last) => last.hasMore ? last.nextOffset : void 0,
+    staleTime: 3e4
+  });
+  const [scaffolded, setScaffolded] = useState(null);
+  const rawItems = useMemo(() => {
+    const all = query.data?.pages.flatMap((p) => p.data) ?? [];
+    const cls = classify2 ?? 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]);
   useEffect(() => {
-    const fresh = cloneSeed(resolved, defaultData);
-    if (reseed === "preserve-dirty") {
-      const hasUnsaved = !isEqual(valueRef.current, savedSnapshot);
-      if (!hasUnsaved) setValue(fresh);
-    } else {
-      setValue(fresh);
-    }
-    setSavedSnapshot(fresh);
-    setFacetRule(initialFacetRule);
-    setSavedFacetRule(initialFacetRule);
-    setOptimisticSource(null);
-    setUserInteracted(false);
-  }, [scope.raw, resolved.source, resolved.sourceRef]);
-  const valueDiff = !isEqual(value, savedSnapshot) || !isEqual(facetRule, savedFacetRule);
-  const isDirty = userInteracted && valueDiff;
-  const handleChange = useCallback((next) => {
-    setUserInteracted(true);
-    setValue(next);
-  }, []);
-  const handleFacetRuleChange = useCallback((next) => {
-    setUserInteracted(true);
-    setFacetRule(next);
-  }, []);
-  const save = useCallback(async () => {
-    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) {
-      console.warn("[useRecordEditor] save() bailed \u2014 rule scope with no clauses, no recordId, not in createMode");
+    if (!scaffolder) {
+      setScaffolded(null);
       return;
     }
-    const previousSnapshot = savedSnapshot;
-    const previousRuleSnapshot = savedFacetRule;
-    resolved.source;
-    const cacheKey = resolvedRecordQueryKey({
-      collectionId: ctx.collectionId,
-      appId: ctx.appId,
-      recordType: ctx.recordType,
-      productId: scope.productId,
-      variantId: scope.variantId,
-      batchId: scope.batchId,
-      facetId: scope.facetId,
-      facetValue: scope.facetValue,
-      proofId: scope.proofId,
-      recordId: resolved.recordId,
-      withParent: true
-    });
-    const previousCache = queryClient.getQueryData(cacheKey);
-    setSaveError(null);
-    setIsSaving(true);
-    setSavedSnapshot(value);
-    setSavedFacetRule(facetRule);
-    setOptimisticSource("self");
-    queryClient.setQueryData(cacheKey, {
-      data: value,
-      source: "self",
-      sourceRef: scope.raw,
-      recordId: resolved.recordId,
-      parentValue: previousCache?.parentValue ?? resolved.parentValue
+    let cancelled = false;
+    Promise.resolve(scaffolder(rawItems)).then((next) => {
+      if (!cancelled) setScaffolded(next);
     });
-    try {
-      if (resolved.recordId && resolved.source === "self") {
-        await updateRecord(ctx, resolved.recordId, {
-          data: value,
-          facetRule
-        });
-      } else if (createMode) {
-        await createRecord(ctx, {
-          ref: scope.kind === "rule" && scope.raw ? scope.raw : 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,
-          scope: anchors,
-          data: value,
-          facetRule
-        });
-      }
-      draftStore.clearDraft(draftKey);
-      onSaved?.();
-    } catch (err) {
-      setSavedSnapshot(previousSnapshot);
-      setSavedFacetRule(previousRuleSnapshot);
-      setOptimisticSource(null);
-      if (previousCache !== void 0) {
-        queryClient.setQueryData(cacheKey, previousCache);
-      } else {
-        queryClient.invalidateQueries({ queryKey: cacheKey });
+    return () => {
+      cancelled = true;
+    };
+  }, [rawItems, scaffolder]);
+  const items = scaffolded ?? rawItems;
+  const filtered = useMemo(() => {
+    let out = items;
+    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));
+    }
+    return out;
+  }, [items, filter, search]);
+  const counts = useMemo(() => ({
+    all: items.length,
+    configured: items.filter((r) => r.status === "configured").length,
+    partial: items.filter((r) => r.status === "partial").length,
+    empty: items.filter((r) => r.status === "empty").length
+  }), [items]);
+  const refetch = useCallback(() => {
+    queryClient.invalidateQueries({ queryKey: [...QK_BASE, 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 {
+    allItems: items,
+    items: filtered,
+    total,
+    counts,
+    isLoading: query.isLoading,
+    error: query.error ?? null,
+    refetch,
+    hasNextPage: query.hasNextPage,
+    isFetchingNextPage: query.isFetchingNextPage,
+    fetchNextPage: query.fetchNextPage
+  };
+};
+var LOG = "[RecordsAdmin/useFacetBrowse]";
+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 });
+  return {
+    id: null,
+    ref,
+    scope: parseRef(ref),
+    data: null,
+    status: "empty",
+    label: value.name ?? valueKey ?? "Untitled value",
+    subtitle: facet.name ?? facetKey ?? void 0
+  };
+};
+var useFacetBrowse = ({
+  SL,
+  collectionId,
+  existing,
+  search = "",
+  filter = "all",
+  enabled = true
+}) => {
+  const queryClient = useQueryClient();
+  const hasAdminList = !!SL?.facets?.list;
+  const hasPublicList = !!SL?.facets?.publicList;
+  const hasAnyList = hasAdminList || hasPublicList;
+  const queryEnabled = enabled && !!collectionId && hasAnyList;
+  const query = useQuery({
+    queryKey: [...QK, collectionId],
+    enabled: queryEnabled,
+    staleTime: 3e4,
+    queryFn: async () => {
+      const t0 = performance.now();
+      try {
+        if (SL?.facets?.list) {
+          console.info(`${LOG} \u2192 SL.facets.list("${collectionId}", { includeValues: true })`);
+          const res = await SL.facets.list(collectionId, { includeValues: true });
+          const items = res?.items ?? [];
+          console.info(
+            `${LOG} \u2190 SL.facets.list ok in ${Math.round(performance.now() - t0)}ms \u2014 ${items.length} facet(s)`,
+            items
+          );
+          return items;
+        }
+        if (SL?.facets?.publicList) {
+          console.info(`${LOG} \u2192 SL.facets.publicList("${collectionId}", { includeValues: true })`);
+          const res = await SL.facets.publicList(collectionId, { includeValues: true });
+          const items = res?.items ?? [];
+          console.info(
+            `${LOG} \u2190 SL.facets.publicList ok in ${Math.round(performance.now() - t0)}ms \u2014 ${items.length} facet(s)`,
+            items
+          );
+          return items;
+        }
+        console.warn(`${LOG} queryFn ran but no facets API is available on SL`);
+        return [];
+      } catch (err) {
+        console.error(`${LOG} \u2716 facets fetch failed`, err);
+        throw err;
       }
-      setSaveError(err);
-      onSaveError?.(err);
-      throw err;
-    } finally {
-      setIsSaving(false);
     }
-  }, [scope.raw, value, savedSnapshot, facetRule, savedFacetRule, resolved.source, resolved.parentValue, resolved.recordId, createMode]);
-  const reset = useCallback(() => {
-    setValue(savedSnapshot);
-    setFacetRule(savedFacetRule);
-    setUserInteracted(false);
-    draftStore.clearDraft(draftKey);
-  }, [savedSnapshot, savedFacetRule]);
-  const remove = useCallback(async () => {
-    if (resolved.source !== "self") return;
-    if (!resolved.recordId) return;
-    await removeRecord(ctx, resolved.recordId);
-    draftStore.clearDraft(draftKey);
-    onDeleted?.();
-  }, [resolved.source, resolved.recordId]);
-  const prevDraftKeyRef = useRef(draftKey);
-  const prevScopeRawRef = useRef(scope.raw);
+  });
+  const lastLoggedRef = useRef("");
   useEffect(() => {
-    const prevKey = prevDraftKeyRef.current;
-    const prevScopeRaw = prevScopeRawRef.current;
-    if (prevKey && prevKey !== draftKey && prevScopeRaw === scope.raw) {
-      const stale = draftStore.get(prevKey);
-      if (stale) draftStore.clearDraft(prevKey);
+    const signature = `${enabled}|${collectionId}|${hasAdminList}|${hasPublicList}`;
+    if (signature === lastLoggedRef.current) return;
+    lastLoggedRef.current = signature;
+    if (!enabled) {
+      console.info(`${LOG} skipped \u2014 enabled=false (shell not on facet tab yet)`);
+      return;
     }
-    prevDraftKeyRef.current = draftKey;
-    prevScopeRawRef.current = scope.raw;
-  }, [draftKey, scope.raw]);
-  useEffect(() => {
-    if (!isDirty) {
-      return;
-    }
-    const anchors = parsedRefToScope(scope);
-    const saveKind = resolved.recordId && resolved.source === "self" ? "update" : createMode ? "create" : "upsert";
-    const deriveLabel = () => {
-      if (deriveDraftLabel) {
-        try {
-          const custom = deriveDraftLabel(value, scope);
-          if (typeof custom === "string" && custom.trim()) return custom.trim();
-        } catch {
-        }
-      }
-      const KEYS = ["title", "name", "label", "heading", "question", "slug"];
-      const pickString = (obj) => {
-        if (!obj || typeof obj !== "object") return void 0;
-        for (const key of KEYS) {
-          const raw = obj[key];
-          if (typeof raw === "string" && raw.trim()) return raw.trim();
-        }
-        return void 0;
-      };
-      const v = value;
-      const top = pickString(v);
-      if (top) return top;
-      if (v && typeof v === "object") {
-        for (const wrapper of ["display", "content", "meta", "data"]) {
-          const nested = pickString(v[wrapper]);
-          if (nested) return nested;
-        }
-      }
-      if (scope.raw?.startsWith("item:")) return "Untitled item";
-      if (scope.kind === "rule") return "Rule";
-      if (scope.kind && scope.kind !== "collection") {
-        return scope.kind.charAt(0).toUpperCase() + scope.kind.slice(1);
-      }
-      return "Default";
-    };
-    draftStore.upsertDraft({
-      key: draftKey,
-      label: deriveLabel(),
-      context: scope.kind,
-      scopeRaw: scope.raw,
-      recordId: resolved.recordId,
-      value,
-      facetRule,
-      baseline: savedSnapshot,
-      baselineFacetRule: savedFacetRule,
-      createMode,
-      scopeAnchors: anchors,
-      ref: scope.kind === "rule" && scope.raw ? scope.raw : void 0,
-      saveKind,
-      save: async () => {
-        await save();
-      }
-    });
-  }, [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 canSave = ruleValid;
-  const cannotSaveReason = !ruleValid ? "Pick at least one value for every facet in the rule before saving." : void 0;
-  return {
-    value,
-    onChange: handleChange,
-    source: effectiveSource,
-    recordId: resolved.recordId,
-    parentValue: resolved.parentValue,
-    scope,
-    isDirty,
-    save,
-    reset,
-    remove,
-    canRemove: effectiveSource === "self",
-    canSave,
-    cannotSaveReason,
-    isSaving,
-    saveError,
-    facetRule,
-    onFacetRuleChange: handleFacetRuleChange
-  };
-}
-var RT_KEY = (recordType) => recordType ?? "_default";
-var lsKey = (appId, recordType) => `ra:intro:${appId}:${RT_KEY(recordType)}`;
-var useIntroDismissed = (SL, collectionId, appId, recordType) => {
-  const [dismissed, setDismissed] = useState(() => {
-    try {
-      return localStorage.getItem(lsKey(appId, recordType)) === "1";
-    } catch {
-      return false;
-    }
-  });
-  useEffect(() => {
-    let cancelled = false;
-    (async () => {
-      try {
-        const cfg = await SL?.appConfiguration?.getConfig?.({ collectionId, appId, admin: true });
-        if (cancelled) return;
-        const flag = cfg?._meta?.introDismissed?.[RT_KEY(recordType)];
-        if (flag) setDismissed(true);
-      } catch {
-      }
-    })();
-    return () => {
-      cancelled = true;
-    };
-  }, [SL, collectionId, appId, recordType]);
-  const dismiss = useCallback(async () => {
-    setDismissed(true);
-    try {
-      localStorage.setItem(lsKey(appId, recordType), "1");
-    } catch {
-    }
-    try {
-      const cfg = await SL?.appConfiguration?.getConfig?.({ collectionId, appId, admin: true }).catch(() => ({}));
-      const next = {
-        ...cfg ?? {},
-        _meta: {
-          ...cfg?._meta ?? {},
-          introDismissed: { ...cfg?._meta?.introDismissed ?? {}, [RT_KEY(recordType)]: true }
-        }
-      };
-      await SL?.appConfiguration?.setConfig?.({ collectionId, appId, admin: true, config: next });
-    } catch {
-    }
-  }, [SL, collectionId, appId, recordType]);
-  const undismiss = useCallback(() => {
-    setDismissed(false);
-    try {
-      localStorage.removeItem(lsKey(appId, recordType));
-    } catch {
-    }
-  }, [appId, recordType]);
-  return { dismissed, dismiss, undismiss };
-};
-var useScopeProbe = ({ SL, collectionId, admin = true, enabled = true }) => {
-  const query = useQuery({
-    queryKey: ["records-admin", "scope-probe", collectionId, admin],
-    enabled: enabled && !!collectionId && !!SL?.collection?.get,
-    staleTime: 5 * 6e4,
-    queryFn: async () => {
-      const c = await SL.collection.get(collectionId, admin);
-      return {
-        hasVariants: !!c?.variants,
-        hasBatches: !!c?.batches
-      };
-    }
-  });
-  return {
-    hasVariants: query.data?.hasVariants ?? false,
-    hasBatches: query.data?.hasBatches ?? false,
-    isLoading: query.isLoading,
-    error: query.error ?? null
-  };
-};
-var LOG = "[RecordsAdmin/useFacetBrowse]";
-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 });
-  return {
-    id: null,
-    ref,
-    scope: parseRef(ref),
-    data: null,
-    status: "empty",
-    label: value.name ?? valueKey ?? "Untitled value",
-    subtitle: facet.name ?? facetKey ?? void 0
-  };
-};
-var useFacetBrowse = ({
-  SL,
-  collectionId,
-  existing,
-  search = "",
-  filter = "all",
-  enabled = true
-}) => {
-  const queryClient = useQueryClient();
-  const hasAdminList = !!SL?.facets?.list;
-  const hasPublicList = !!SL?.facets?.publicList;
-  const hasAnyList = hasAdminList || hasPublicList;
-  const queryEnabled = enabled && !!collectionId && hasAnyList;
-  const query = useQuery({
-    queryKey: [...QK, collectionId],
-    enabled: queryEnabled,
-    staleTime: 3e4,
-    queryFn: async () => {
-      const t0 = performance.now();
-      try {
-        if (SL?.facets?.list) {
-          console.info(`${LOG} \u2192 SL.facets.list("${collectionId}", { includeValues: true })`);
-          const res = await SL.facets.list(collectionId, { includeValues: true });
-          const items = res?.items ?? [];
-          console.info(
-            `${LOG} \u2190 SL.facets.list ok in ${Math.round(performance.now() - t0)}ms \u2014 ${items.length} facet(s)`,
-            items
-          );
-          return items;
-        }
-        if (SL?.facets?.publicList) {
-          console.info(`${LOG} \u2192 SL.facets.publicList("${collectionId}", { includeValues: true })`);
-          const res = await SL.facets.publicList(collectionId, { includeValues: true });
-          const items = res?.items ?? [];
-          console.info(
-            `${LOG} \u2190 SL.facets.publicList ok in ${Math.round(performance.now() - t0)}ms \u2014 ${items.length} facet(s)`,
-            items
-          );
-          return items;
-        }
-        console.warn(`${LOG} queryFn ran but no facets API is available on SL`);
-        return [];
-      } catch (err) {
-        console.error(`${LOG} \u2716 facets fetch failed`, err);
-        throw err;
-      }
-    }
-  });
-  const lastLoggedRef = useRef("");
-  useEffect(() => {
-    const signature = `${enabled}|${collectionId}|${hasAdminList}|${hasPublicList}`;
-    if (signature === lastLoggedRef.current) return;
-    lastLoggedRef.current = signature;
-    if (!enabled) {
-      console.info(`${LOG} skipped \u2014 enabled=false (shell not on facet tab yet)`);
-      return;
-    }
-    if (!collectionId) {
-      console.warn(`${LOG} skipped \u2014 no collectionId provided`);
+    if (!collectionId) {
+      console.warn(`${LOG} skipped \u2014 no collectionId provided`);
       return;
     }
     if (!hasAnyList) {
@@ -1249,81 +840,261 @@ var useProductChildren = (args) => {
     refetch
   };
 };
-var MESSAGE_TYPE = "smartlinks:unsaved-changes";
-function useUnsavedGuard({
-  isDirty,
-  label,
-  confirm,
-  disableBeforeUnload = false,
-  disableParentMessage = false
-}) {
-  useEffect(() => {
-    if (disableBeforeUnload || !isDirty || typeof window === "undefined") return;
-    const handler = (e) => {
-      e.preventDefault();
-      e.returnValue = "";
-      return "";
-    };
-    window.addEventListener("beforeunload", handler);
-    return () => window.removeEventListener("beforeunload", handler);
-  }, [isDirty, disableBeforeUnload]);
-  useEffect(() => {
-    if (disableParentMessage || typeof window === "undefined") return;
-    if (window.parent === window) return;
-    try {
-      window.parent.postMessage({
-        type: MESSAGE_TYPE,
-        isDirty,
-        label: label ?? null
-      }, "*");
-    } catch {
-    }
-  }, [isDirty, label, disableParentMessage]);
-  useEffect(() => {
-    if (disableParentMessage || typeof window === "undefined") return;
-    if (window.parent === window) return;
-    return () => {
-      try {
-        window.parent.postMessage({ type: MESSAGE_TYPE, isDirty: false, label: label ?? null }, "*");
-      } catch {
-      }
-    };
-  }, [disableParentMessage, label]);
-  const confirmDiscard = useCallback(
-    async (message) => {
-      if (!isDirty) return true;
-      const msg = message ?? "You have unsaved changes. Discard them?";
-      if (confirm) {
-        try {
-          return !!await confirm(msg);
-        } catch {
-          return false;
-        }
+var EMPTY_RULE_FILTERS = { facetKeys: [], minClauses: null };
+var COMPLEXITY_THRESHOLDS = [3, 5, 10];
+var ruleOf = (r) => r.facetRule ?? null;
+function RuleFilterChips({ source, value, onChange }) {
+  const facetKeyEntries = useMemo(() => {
+    const counts = /* @__PURE__ */ new Map();
+    for (const r of source) {
+      const rule = ruleOf(r);
+      if (!rule) continue;
+      for (const c of rule.all ?? []) {
+        counts.set(c.facetKey, (counts.get(c.facetKey) ?? 0) + 1);
       }
-      if (typeof window === "undefined") return true;
-      return window.confirm(msg);
-    },
-    [isDirty, confirm]
-  );
-  return { confirmDiscard };
-}
-var fallbackConfirm = async (i18n) => {
-  if (typeof window === "undefined") return "discard";
-  const msg = `${i18n?.title ?? "Unsaved changes"}
-
-${i18n?.body ?? "OK to save & continue, Cancel to discard."}`;
-  return window.confirm(msg) ? "save" : "discard";
-};
-var useDirtyNavigation = ({
-  strategy,
-  isDirty,
-  save,
-  reset,
-  confirm,
-  i18n
-}) => {
-  const runWithGuard = useCallback(
-    async (action) => {
+    }
+    return Array.from(counts.entries()).sort((a, b) => b[1] - a[1] || a[0].localeCompare(b[0]));
+  }, [source]);
+  const maxClauses = useMemo(() => {
+    let max = 0;
+    for (const r of source) {
+      const rule = ruleOf(r);
+      if (!rule) continue;
+      max = Math.max(max, rule.all?.length ?? 0);
+    }
+    return max;
+  }, [source]);
+  if (facetKeyEntries.length === 0 && maxClauses < 2) return null;
+  const toggleKey = (key) => {
+    const has = value.facetKeys.includes(key);
+    const next = has ? value.facetKeys.filter((k) => k !== key) : [...value.facetKeys, key];
+    onChange({ ...value, facetKeys: next });
+  };
+  const setMin = (n) => onChange({ ...value, minClauses: n });
+  const hasAny = value.facetKeys.length > 0 || value.minClauses != null;
+  return /* @__PURE__ */ jsxs("div", { className: "ra-rule-filters", children: [
+    /* @__PURE__ */ jsx("div", { className: "ra-rule-filters-row", role: "group", "aria-label": "Filter rules by facet", children: facetKeyEntries.map(([key, count]) => {
+      const active = value.facetKeys.includes(key);
+      return /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => toggleKey(key),
+          className: "ra-rule-filter-chip",
+          "data-active": active ? "true" : "false",
+          "aria-pressed": active,
+          title: `Show rules using ${key}`,
+          children: [
+            /* @__PURE__ */ jsx("span", { className: "ra-rule-filter-chip-label", children: key }),
+            /* @__PURE__ */ jsx("span", { className: "ra-rule-filter-chip-count", children: count })
+          ]
+        },
+        key
+      );
+    }) }),
+    maxClauses >= 2 && /* @__PURE__ */ jsx("div", { className: "ra-rule-filters-row", role: "group", "aria-label": "Filter by clause count", children: COMPLEXITY_THRESHOLDS.filter((n) => maxClauses >= n).map((n) => {
+      const active = value.minClauses === n;
+      return /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => setMin(active ? null : n),
+          className: "ra-rule-filter-chip",
+          "data-tone": "complexity",
+          "data-active": active ? "true" : "false",
+          "aria-pressed": active,
+          title: `Only rules with \u2265 ${n} facets`,
+          children: [
+            "\u2265 ",
+            n,
+            " facets"
+          ]
+        },
+        n
+      );
+    }) }),
+    hasAny && /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => onChange(EMPTY_RULE_FILTERS),
+        className: "ra-rule-filter-clear",
+        "aria-label": "Clear rule filters",
+        children: "Clear filters"
+      }
+    )
+  ] });
+}
+function applyRuleFilters(items, filters) {
+  if (filters.facetKeys.length === 0 && filters.minClauses == null) return items;
+  return items.filter((r) => {
+    const rule = ruleOf(r);
+    if (!rule) return false;
+    if (filters.minClauses != null && (rule.all?.length ?? 0) < filters.minClauses) return false;
+    if (filters.facetKeys.length > 0) {
+      const keys = new Set((rule.all ?? []).map((c) => c.facetKey));
+      if (!filters.facetKeys.some((k) => keys.has(k))) return false;
+    }
+    return true;
+  });
+}
+
+// src/components/RecordsAdmin/hooks/useShellBrowser.ts
+function useShellBrowser(opts) {
+  const {
+    ctx,
+    SL,
+    collectionId,
+    activeScope,
+    contextScope,
+    probeIsLoading,
+    selectedProductId,
+    drillTab,
+    classify: classify2
+  } = opts;
+  const [search, setSearch] = useState("");
+  const [filter, setFilter] = useState("all");
+  const [ruleFilters, setRuleFilters] = useState(EMPTY_RULE_FILTERS);
+  const [facetBrowseFilter, setFacetBrowseFilter] = useState(null);
+  useEffect(() => {
+    setSearch("");
+    setFilter("all");
+    setRuleFilters(EMPTY_RULE_FILTERS);
+    setFacetBrowseFilter(null);
+  }, [activeScope]);
+  const productBrowse = useProductBrowse({
+    SL,
+    collectionId,
+    search: activeScope === "product" ? search : "",
+    enabled: activeScope === "product" && !contextScope?.productId
+  });
+  const recordListEnabled = (activeScope === "rule" || activeScope === "collection") && !probeIsLoading;
+  const recordList = useRecordList({
+    ctx,
+    scopeKind: activeScope,
+    search,
+    filter,
+    classify: classify2,
+    contextScope,
+    enabled: recordListEnabled
+  });
+  const facetBrowse = useFacetBrowse({
+    SL,
+    collectionId,
+    existing: [],
+    enabled: (activeScope === "rule" || activeScope === "collection") && !probeIsLoading
+  });
+  const variantChildren = useProductChildren({
+    SL,
+    collectionId,
+    productId: selectedProductId,
+    kind: drillTab === "variant" ? "variant" : null
+  });
+  const batchChildren = useProductChildren({
+    SL,
+    collectionId,
+    productId: selectedProductId,
+    kind: drillTab === "batch" ? "batch" : null
+  });
+  const refetchAll = useCallback(() => {
+    productBrowse.refetch();
+    recordList.refetch();
+    facetBrowse.refetch();
+    variantChildren.refetch?.();
+    batchChildren.refetch?.();
+  }, [productBrowse, recordList, facetBrowse, variantChildren, batchChildren]);
+  return {
+    search,
+    setSearch,
+    filter,
+    setFilter,
+    ruleFilters,
+    setRuleFilters,
+    facetBrowseFilter,
+    setFacetBrowseFilter,
+    productBrowse,
+    recordList,
+    facetBrowse,
+    variantChildren,
+    batchChildren,
+    refetchAll
+  };
+}
+var MESSAGE_TYPE = "smartlinks:unsaved-changes";
+function useUnsavedGuard({
+  isDirty,
+  label,
+  confirm,
+  disableBeforeUnload = false,
+  disableParentMessage = false
+}) {
+  useEffect(() => {
+    if (disableBeforeUnload || !isDirty || typeof window === "undefined") return;
+    const handler = (e) => {
+      e.preventDefault();
+      e.returnValue = "";
+      return "";
+    };
+    window.addEventListener("beforeunload", handler);
+    return () => window.removeEventListener("beforeunload", handler);
+  }, [isDirty, disableBeforeUnload]);
+  useEffect(() => {
+    if (disableParentMessage || typeof window === "undefined") return;
+    if (window.parent === window) return;
+    try {
+      window.parent.postMessage({
+        type: MESSAGE_TYPE,
+        isDirty,
+        label: label ?? null
+      }, "*");
+    } catch {
+    }
+  }, [isDirty, label, disableParentMessage]);
+  useEffect(() => {
+    if (disableParentMessage || typeof window === "undefined") return;
+    if (window.parent === window) return;
+    return () => {
+      try {
+        window.parent.postMessage({ type: MESSAGE_TYPE, isDirty: false, label: label ?? null }, "*");
+      } catch {
+      }
+    };
+  }, [disableParentMessage, label]);
+  const confirmDiscard = useCallback(
+    async (message) => {
+      if (!isDirty) return true;
+      const msg = message ?? "You have unsaved changes. Discard them?";
+      if (confirm) {
+        try {
+          return !!await confirm(msg);
+        } catch {
+          return false;
+        }
+      }
+      if (typeof window === "undefined") return true;
+      return window.confirm(msg);
+    },
+    [isDirty, confirm]
+  );
+  return { confirmDiscard };
+}
+var fallbackConfirm = async (i18n) => {
+  if (typeof window === "undefined") return "discard";
+  const msg = `${i18n?.title ?? "Unsaved changes"}
+
+${i18n?.body ?? "OK to save & continue, Cancel to discard."}`;
+  return window.confirm(msg) ? "save" : "discard";
+};
+var useDirtyNavigation = ({
+  strategy,
+  isDirty,
+  save,
+  reset,
+  confirm,
+  i18n
+}) => {
+  const runWithGuard = useCallback(
+    async (action) => {
       if (!isDirty || strategy === "keep") {
         action();
         return true;
@@ -1495,61 +1266,22 @@ var useConfirmDialog = () => {
     )
   };
 };
-var DEFAULTS2 = {
-  title: "Replace existing values?",
-  body: "This destination already has saved values. Replace them?",
-  confirmLabel: "Replace",
-  cancelLabel: "Cancel"
-};
-var usePasteConfirm = () => {
-  const [open, setOpen] = useState(false);
-  const [state, setState] = useState(DEFAULTS2);
-  const resolverRef = useRef(null);
-  const confirm = useCallback((i18n) => {
-    setState({ ...DEFAULTS2, ...i18n ?? {} });
-    setOpen(true);
-    return new Promise((resolve) => {
-      resolverRef.current = resolve;
-    });
-  }, []);
-  const handleChoice = useCallback((choice) => {
-    setOpen(false);
-    const r = resolverRef.current;
-    resolverRef.current = null;
-    r?.(choice === "discard");
-  }, []);
-  return {
-    confirm,
-    dialog: /* @__PURE__ */ jsx(
-      ConfirmDialog,
-      {
-        open,
-        title: state.title,
-        body: state.body,
-        saveLabel: "",
-        discardLabel: state.confirmLabel,
-        cancelLabel: state.cancelLabel,
-        onChoice: handleChoice
-      }
-    )
-  };
-};
-var stores = /* @__PURE__ */ new Map();
-var storageKey = (key) => `ra:clipboard:${key}`;
-var getStore = (key) => {
-  let s = stores.get(key);
-  if (!s) {
-    s = { entry: null, listeners: /* @__PURE__ */ new Set() };
-    if (typeof window !== "undefined") {
-      try {
-        const raw = window.sessionStorage.getItem(storageKey(key));
-        if (raw) s.entry = JSON.parse(raw);
-      } catch {
-      }
-    }
-    stores.set(key, s);
-  }
-  return s;
+var stores = /* @__PURE__ */ new Map();
+var storageKey = (key) => `ra:clipboard:${key}`;
+var getStore = (key) => {
+  let s = stores.get(key);
+  if (!s) {
+    s = { entry: null, listeners: /* @__PURE__ */ new Set() };
+    if (typeof window !== "undefined") {
+      try {
+        const raw = window.sessionStorage.getItem(storageKey(key));
+        if (raw) s.entry = JSON.parse(raw);
+      } catch {
+      }
+    }
+    stores.set(key, s);
+  }
+  return s;
 };
 var persist = (key, entry) => {
   if (typeof window === "undefined") return;
@@ -1611,6 +1343,256 @@ function cloneValue(value) {
     }
   }
 }
+var DEFAULTS2 = {
+  title: "Replace existing values?",
+  body: "This destination already has saved values. Replace them?",
+  confirmLabel: "Replace",
+  cancelLabel: "Cancel"
+};
+var usePasteConfirm = () => {
+  const [open, setOpen] = useState(false);
+  const [state, setState] = useState(DEFAULTS2);
+  const resolverRef = useRef(null);
+  const confirm = useCallback((i18n) => {
+    setState({ ...DEFAULTS2, ...i18n ?? {} });
+    setOpen(true);
+    return new Promise((resolve) => {
+      resolverRef.current = resolve;
+    });
+  }, []);
+  const handleChoice = useCallback((choice) => {
+    setOpen(false);
+    const r = resolverRef.current;
+    resolverRef.current = null;
+    r?.(choice === "discard");
+  }, []);
+  return {
+    confirm,
+    dialog: /* @__PURE__ */ jsx(
+      ConfirmDialog,
+      {
+        open,
+        title: state.title,
+        body: state.body,
+        saveLabel: "",
+        discardLabel: state.confirmLabel,
+        cancelLabel: state.cancelLabel,
+        onChoice: handleChoice
+      }
+    )
+  };
+};
+var ClipboardToast = ({ message, variant = "copy", onDismiss }) => {
+  useEffect(() => {
+    const t = window.setTimeout(onDismiss, 2500);
+    return () => window.clearTimeout(t);
+  }, [message, onDismiss]);
+  const Icon = variant === "paste" ? ClipboardPaste : Copy;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      role: "status",
+      "aria-live": "polite",
+      className: "ra-clipboard-toast",
+      children: [
+        /* @__PURE__ */ jsx(Icon, { className: "w-3.5 h-3.5 shrink-0", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx("span", { className: "truncate", children: message })
+      ]
+    }
+  );
+};
+function useShellClipboard(args) {
+  const {
+    enabled,
+    appId,
+    recordType,
+    i18n,
+    editorCtx,
+    editingScope,
+    editorHeaderLabel,
+    isCollection,
+    selectedItemId,
+    selectedRecordId,
+    resolved,
+    onTelemetry,
+    onCopyOverride,
+    onPasteOverride,
+    onLeftSelectRef
+  } = args;
+  const clipboard = useRecordClipboard({
+    appId,
+    recordType: recordType ?? "__default"
+  });
+  const pasteConfirm = usePasteConfirm();
+  const [notice, setNotice] = useState(null);
+  const copyCurrent = useCallback(() => {
+    if (!enabled || !editingScope) return;
+    const sourceValue = onCopyOverride ? onCopyOverride({ value: editorCtx.value, scope: editingScope }) : cloneValue(editorCtx.value);
+    clipboard.set({
+      value: sourceValue,
+      sourceScope: editingScope,
+      sourceRecordId: resolved.recordId,
+      sourceLabel: editorHeaderLabel
+    });
+    onTelemetry?.({ type: "clipboard.copy", recordType, sourceRef: editingScope.raw });
+    setNotice({
+      message: i18n.copyToast.replace("{name}", editorHeaderLabel ?? editingScope.raw),
+      variant: "copy"
+    });
+  }, [
+    enabled,
+    editingScope,
+    onCopyOverride,
+    editorCtx.value,
+    clipboard,
+    editorHeaderLabel,
+    onTelemetry,
+    recordType,
+    i18n.copyToast,
+    resolved.recordId
+  ]);
+  const pasteCurrent = useCallback(async () => {
+    if (!enabled || !editingScope || !clipboard.entry) return;
+    const compat = checkPasteCompatibility(clipboard.entry.sourceScope, editingScope);
+    if (compat.status === "denied") {
+      setNotice({ message: compat.reason ?? "Paste not allowed here", variant: "paste" });
+      return;
+    }
+    if (compat.status === "warn") {
+      const ok = await pasteConfirm.confirm({
+        title: i18n.pasteWarnTitle,
+        body: compat.reason ?? "",
+        confirmLabel: i18n.pasteWarnContinue,
+        cancelLabel: i18n.pasteConfirmCancel
+      });
+      if (!ok) return;
+    }
+    const willReplace = resolved.source === "self";
+    if (willReplace) {
+      const ok = await pasteConfirm.confirm({
+        title: i18n.pasteConfirmTitle,
+        body: i18n.pasteConfirmBody.replace(
+          "{destination}",
+          editorHeaderLabel ?? editingScope.raw
+        ),
+        confirmLabel: i18n.pasteConfirmReplace,
+        cancelLabel: i18n.pasteConfirmCancel
+      });
+      if (!ok) return;
+    }
+    const sourceParsed = clipboard.entry.sourceScope;
+    const transformed = onPasteOverride ? onPasteOverride(
+      { value: clipboard.entry.value, sourceScope: sourceParsed },
+      { scope: editingScope, currentValue: editorCtx.value ?? null }
+    ) : cloneValue(clipboard.entry.value);
+    if (transformed === null) return;
+    editorCtx.onChange(transformed);
+    onTelemetry?.({
+      type: "clipboard.paste",
+      recordType,
+      sourceRef: clipboard.entry.sourceScope.raw,
+      destinationRef: editingScope.raw,
+      replaced: willReplace
+    });
+    setNotice({
+      message: i18n.pasteToast.replace("{name}", clipboard.entry.sourceLabel ?? clipboard.entry.sourceScope.raw),
+      variant: "paste"
+    });
+  }, [
+    enabled,
+    editingScope,
+    clipboard.entry,
+    pasteConfirm,
+    resolved.source,
+    onPasteOverride,
+    editorCtx,
+    onTelemetry,
+    recordType,
+    editorHeaderLabel,
+    i18n.pasteWarnTitle,
+    i18n.pasteWarnContinue,
+    i18n.pasteConfirmCancel,
+    i18n.pasteConfirmTitle,
+    i18n.pasteConfirmBody,
+    i18n.pasteConfirmReplace,
+    i18n.pasteToast
+  ]);
+  const editorPasteCompat = useMemo(() => {
+    if (!enabled || !clipboard.entry || !editingScope) return null;
+    const sameRecord = clipboard.entry.sourceRecordId && resolved.recordId && clipboard.entry.sourceRecordId === resolved.recordId;
+    const sameAnchor = !clipboard.entry.sourceRecordId && clipboard.entry.sourceScope.raw === editingScope.raw;
+    if (sameRecord || sameAnchor) return { status: "denied" };
+    return checkPasteCompatibility(clipboard.entry.sourceScope, editingScope);
+  }, [enabled, clipboard.entry, editingScope, resolved.recordId]);
+  const editorClipboard = enabled && editingScope ? {
+    onCopy: copyCurrent,
+    onPaste: () => {
+      void pasteCurrent();
+    },
+    canCopy: true,
+    canPaste: !!clipboard.entry && editorPasteCompat?.status !== "denied",
+    pasteSourceLabel: clipboard.entry?.sourceLabel,
+    pasteWillReplace: resolved.source === "self" && !!clipboard.entry
+  } : void 0;
+  const [pendingPasteTarget, setPendingPasteTarget] = useState(null);
+  useEffect(() => {
+    if (!pendingPasteTarget) return;
+    if (!editingScope) return;
+    const matched = pendingPasteTarget.kind === "record" ? (isCollection ? selectedItemId : selectedRecordId) === pendingPasteTarget.recordId : editingScope.raw === pendingPasteTarget.ref;
+    if (!matched) return;
+    const t = window.setTimeout(() => {
+      setPendingPasteTarget(null);
+      void pasteCurrent();
+    }, 0);
+    return () => window.clearTimeout(t);
+  }, [pendingPasteTarget, editingScope, isCollection, selectedItemId, selectedRecordId, pasteCurrent]);
+  const rowClipboard = enabled ? (record) => {
+    const summaryHasData = record.data != null;
+    const sourceParsed = record.scope;
+    const compat = clipboard.entry ? checkPasteCompatibility(clipboard.entry.sourceScope, sourceParsed) : null;
+    const sameTarget = clipboard.entry ? clipboard.entry.sourceRecordId && record.id ? clipboard.entry.sourceRecordId === record.id : clipboard.entry.sourceScope.raw === record.ref : false;
+    return {
+      onCopy: summaryHasData ? () => {
+        const value = onCopyOverride ? onCopyOverride({ value: record.data, scope: sourceParsed }) : cloneValue(record.data);
+        clipboard.set({
+          value,
+          sourceScope: sourceParsed,
+          sourceRecordId: record.id ?? void 0,
+          sourceLabel: record.label
+        });
+        onTelemetry?.({ type: "clipboard.copy", recordType, sourceRef: record.ref });
+        setNotice({
+          message: i18n.copyToast.replace("{name}", record.label),
+          variant: "copy"
+        });
+      } : void 0,
+      onPaste: () => {
+        onLeftSelectRef.current?.(record);
+        setPendingPasteTarget(
+          record.id ? { kind: "record", recordId: record.id } : { kind: "anchor", ref: record.ref }
+        );
+      },
+      canPaste: !!clipboard.entry && !sameTarget && compat?.status !== "denied",
+      pasteWillReplace: record.status === "configured",
+      clipboardSourceLabel: clipboard.entry?.sourceLabel
+    };
+  } : void 0;
+  const toast = notice ? /* @__PURE__ */ jsx(
+    ClipboardToast,
+    {
+      message: notice.message,
+      variant: notice.variant,
+      onDismiss: () => setNotice(null)
+    }
+  ) : null;
+  return {
+    editorClipboard,
+    rowClipboard,
+    confirmDialog: pasteConfirm.dialog,
+    toast,
+    store: clipboard
+  };
+}
 var LABELS = {
   collection: "Global",
   product: "Products",
@@ -2002,104 +1984,6 @@ var ProductList = RecordList;
 var FacetList = RecordList;
 var VariantList = RecordList;
 var BatchList = RecordList;
-var EMPTY_RULE_FILTERS = { facetKeys: [], minClauses: null };
-var COMPLEXITY_THRESHOLDS = [3, 5, 10];
-var ruleOf = (r) => r.facetRule ?? null;
-function RuleFilterChips({ source, value, onChange }) {
-  const facetKeyEntries = useMemo(() => {
-    const counts = /* @__PURE__ */ new Map();
-    for (const r of source) {
-      const rule = ruleOf(r);
-      if (!rule) continue;
-      for (const c of rule.all ?? []) {
-        counts.set(c.facetKey, (counts.get(c.facetKey) ?? 0) + 1);
-      }
-    }
-    return Array.from(counts.entries()).sort((a, b) => b[1] - a[1] || a[0].localeCompare(b[0]));
-  }, [source]);
-  const maxClauses = useMemo(() => {
-    let max = 0;
-    for (const r of source) {
-      const rule = ruleOf(r);
-      if (!rule) continue;
-      max = Math.max(max, rule.all?.length ?? 0);
-    }
-    return max;
-  }, [source]);
-  if (facetKeyEntries.length === 0 && maxClauses < 2) return null;
-  const toggleKey = (key) => {
-    const has = value.facetKeys.includes(key);
-    const next = has ? value.facetKeys.filter((k) => k !== key) : [...value.facetKeys, key];
-    onChange({ ...value, facetKeys: next });
-  };
-  const setMin = (n) => onChange({ ...value, minClauses: n });
-  const hasAny = value.facetKeys.length > 0 || value.minClauses != null;
-  return /* @__PURE__ */ jsxs("div", { className: "ra-rule-filters", children: [
-    /* @__PURE__ */ jsx("div", { className: "ra-rule-filters-row", role: "group", "aria-label": "Filter rules by facet", children: facetKeyEntries.map(([key, count]) => {
-      const active = value.facetKeys.includes(key);
-      return /* @__PURE__ */ jsxs(
-        "button",
-        {
-          type: "button",
-          onClick: () => toggleKey(key),
-          className: "ra-rule-filter-chip",
-          "data-active": active ? "true" : "false",
-          "aria-pressed": active,
-          title: `Show rules using ${key}`,
-          children: [
-            /* @__PURE__ */ jsx("span", { className: "ra-rule-filter-chip-label", children: key }),
-            /* @__PURE__ */ jsx("span", { className: "ra-rule-filter-chip-count", children: count })
-          ]
-        },
-        key
-      );
-    }) }),
-    maxClauses >= 2 && /* @__PURE__ */ jsx("div", { className: "ra-rule-filters-row", role: "group", "aria-label": "Filter by clause count", children: COMPLEXITY_THRESHOLDS.filter((n) => maxClauses >= n).map((n) => {
-      const active = value.minClauses === n;
-      return /* @__PURE__ */ jsxs(
-        "button",
-        {
-          type: "button",
-          onClick: () => setMin(active ? null : n),
-          className: "ra-rule-filter-chip",
-          "data-tone": "complexity",
-          "data-active": active ? "true" : "false",
-          "aria-pressed": active,
-          title: `Only rules with \u2265 ${n} facets`,
-          children: [
-            "\u2265 ",
-            n,
-            " facets"
-          ]
-        },
-        n
-      );
-    }) }),
-    hasAny && /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        onClick: () => onChange(EMPTY_RULE_FILTERS),
-        className: "ra-rule-filter-clear",
-        "aria-label": "Clear rule filters",
-        children: "Clear filters"
-      }
-    )
-  ] });
-}
-function applyRuleFilters(items, filters) {
-  if (filters.facetKeys.length === 0 && filters.minClauses == null) return items;
-  return items.filter((r) => {
-    const rule = ruleOf(r);
-    if (!rule) return false;
-    if (filters.minClauses != null && (rule.all?.length ?? 0) < filters.minClauses) return false;
-    if (filters.facetKeys.length > 0) {
-      const keys = new Set((rule.all ?? []).map((c) => c.facetKey));
-      if (!filters.facetKeys.some((k) => keys.has(k))) return false;
-    }
-    return true;
-  });
-}
 var COLLAPSED_FACET_CAP = 6;
 function FacetBrowseFilter({
   facets,
@@ -2481,6 +2365,103 @@ var createDefaultDeepLinkAdapter = (paramNames) => ({
   }
 });
 
+// src/components/RecordsAdmin/data/postMessageDeepLinkAdapter.ts
+var CONTEXT_KEYS = [
+  "dark",
+  "appId",
+  "collectionId",
+  "productId",
+  "proofId",
+  "lang",
+  "theme"
+];
+var findQueryString = (loc) => {
+  if (loc.search && loc.search.length > 1) {
+    return loc.search.startsWith("?") ? loc.search.slice(1) : loc.search;
+  }
+  if (loc.hash && loc.hash.includes("?")) {
+    return loc.hash.slice(loc.hash.indexOf("?") + 1);
+  }
+  return "";
+};
+var findPath = (loc) => {
+  if (loc.hash && loc.hash.startsWith("#")) {
+    const hash = loc.hash.slice(1);
+    const qIdx = hash.indexOf("?");
+    const hashPath = qIdx >= 0 ? hash.slice(0, qIdx) : hash;
+    if (hashPath) return hashPath;
+  }
+  return loc.pathname || "/";
+};
+var isInSmartLinksIframe = () => {
+  if (typeof window === "undefined") return false;
+  try {
+    return window.parent != null && window.parent !== window;
+  } catch {
+    return true;
+  }
+};
+var createPostMessageDeepLinkAdapter = (paramNames) => {
+  const lastShellState = {};
+  const post = (path) => {
+    if (typeof window === "undefined") return;
+    const params = new URLSearchParams(findQueryString(window.location));
+    const context = {};
+    const state = {};
+    params.forEach((value, key) => {
+      if (key === "theme") return;
+      if (CONTEXT_KEYS.includes(key)) context[key] = value;
+      else state[key] = value;
+    });
+    const overlay = (key, paramKey) => {
+      const v = lastShellState[key];
+      if (v == null || v === "") delete state[paramKey];
+      else state[paramKey] = v;
+    };
+    overlay("recordId", paramNames.recordId);
+    overlay("scope", paramNames.scope);
+    overlay("view", paramNames.view);
+    try {
+      window.parent.postMessage({
+        type: "smartlinks-route-change",
+        path,
+        context,
+        state,
+        appId: context.appId
+      }, "*");
+    } catch {
+    }
+  };
+  return {
+    read() {
+      if (typeof window === "undefined") return {};
+      const params = new URLSearchParams(findQueryString(window.location));
+      return {
+        recordId: params.get(paramNames.recordId),
+        scope: params.get(paramNames.scope),
+        view: params.get(paramNames.view)
+      };
+    },
+    write(partial) {
+      if (typeof window === "undefined") return;
+      if ("recordId" in partial) lastShellState.recordId = partial.recordId ?? null;
+      if ("scope" in partial) lastShellState.scope = partial.scope ?? null;
+      if ("view" in partial) lastShellState.view = partial.view ?? null;
+      post(findPath(window.location));
+    },
+    subscribe(listener) {
+      if (typeof window === "undefined") return () => {
+      };
+      window.addEventListener("popstate", listener);
+      window.addEventListener("hashchange", listener);
+      return () => {
+        window.removeEventListener("popstate", listener);
+        window.removeEventListener("hashchange", listener);
+      };
+    }
+  };
+};
+
 // src/components/RecordsAdmin/hooks/useDeepLinkState.ts
 var SMART_PUSH = ["record.open", "record.close", "scope"];
 var classify = (mode, kind) => {
@@ -2500,7 +2481,7 @@ function useDeepLinkState(options) {
     if (!enabled) return null;
     if (options?.adapter) return options.adapter;
     if (!defaultAdapterRef.current) {
-      defaultAdapterRef.current = createDefaultDeepLinkAdapter(paramNames);
+      defaultAdapterRef.current = isInSmartLinksIframe() ? createPostMessageDeepLinkAdapter(paramNames) : createDefaultDeepLinkAdapter(paramNames);
     }
     return defaultAdapterRef.current;
   }, [enabled, options?.adapter, paramNames]);
@@ -2874,6 +2855,49 @@ function RecordEditor({
     )
   ] });
 }
+var isFacetRuleValid = (rule) => {
+  if (!rule || !Array.isArray(rule.all) || rule.all.length === 0) return false;
+  return rule.all.every(
+    (c) => !!c.facetKey && Array.isArray(c.anyOf) && c.anyOf.length > 0
+  );
+};
+function useRulePreview(args) {
+  const {
+    SL,
+    collectionId,
+    appId,
+    rule,
+    limit = 20,
+    debounceMs = 350,
+    enabled = true
+  } = args;
+  const [debouncedRule, setDebouncedRule] = useState(rule);
+  const timer = useRef(null);
+  useEffect(() => {
+    if (timer.current) clearTimeout(timer.current);
+    timer.current = setTimeout(() => setDebouncedRule(rule), debounceMs);
+    return () => {
+      if (timer.current) clearTimeout(timer.current);
+    };
+  }, [rule, debounceMs]);
+  const valid = isFacetRuleValid(debouncedRule);
+  const query = useQuery({
+    queryKey: ["records-admin", "preview-rule", collectionId, appId, debouncedRule, limit],
+    enabled: enabled && !!collectionId && !!appId && valid,
+    staleTime: 3e4,
+    queryFn: () => SL.app.records.previewRule(collectionId, appId, {
+      facetRule: debouncedRule,
+      limit
+    })
+  });
+  return {
+    totalMatches: query.data?.total ?? null,
+    sampleProductIds: (query.data?.matchingProducts ?? []).map((p) => p.productId),
+    isLoading: query.isFetching,
+    isStale: rule !== debouncedRule,
+    error: query.error ?? null
+  };
+}
 function summariseRule(clauses, facets) {
   let valueCount = 0;
   const parts = clauses.map((c) => {
@@ -4270,11 +4294,11 @@ var statusDot = (status) => {
   }
 };
 var UnsavedTray = ({
-  drafts,
+  items,
   isSaving,
   onSaveAll,
   onDiscardAll,
-  onOpenDraft,
+  onOpenItem,
   onJumpToError,
   saveLabel,
   discardLabel,
@@ -4290,27 +4314,8 @@ var UnsavedTray = ({
   const wrapRef = useRef(null);
   const SI = SaveIcon ?? Save;
   const DI = DiscardIcon ?? Undo2;
-  const uniqueDrafts = useMemo(() => {
-    const byBucket = /* @__PURE__ */ new Map();
-    for (const d of drafts) {
-      const bucket = d.recordId || d.scopeRaw || d.key;
-      const existing = byBucket.get(bucket);
-      if (!existing) {
-        byBucket.set(bucket, d);
-        continue;
-      }
-      const existingSynthetic = existing.key.startsWith("draft:");
-      const incomingSynthetic = d.key.startsWith("draft:");
-      if (existingSynthetic && !incomingSynthetic) byBucket.set(bucket, d);
-    }
-    return Array.from(byBucket.values()).sort((a, b) => a.order - b.order);
-  }, [drafts]);
-  const liveDrafts = useMemo(
-    () => uniqueDrafts.filter((d) => d.status !== "saved"),
-    [uniqueDrafts]
-  );
-  const total = liveDrafts.length;
-  const errors = liveDrafts.filter((d) => d.status === "error").length;
+  const total = items.length;
+  const errors = items.filter((i) => i.status === "error").length;
   const isSingle = total === 1;
   useEffect(() => {
     if (!open) return;
@@ -4321,7 +4326,7 @@ var UnsavedTray = ({
     return () => window.removeEventListener("mousedown", onDoc);
   }, [open]);
   if (total === 0) return null;
-  const countLabel = isSingle ? liveDrafts[0].label || "this record" : countTemplate.replace("{n}", String(total));
+  const countLabel = isSingle ? items[0].label || "this record" : countTemplate.replace("{n}", String(total));
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -4391,14 +4396,14 @@ var UnsavedTray = ({
             }
           )
         ] }),
-        open && !isSingle && /* @__PURE__ */ jsx("div", { className: "ra-unsaved-popover", role: "menu", children: liveDrafts.map((d) => /* @__PURE__ */ jsxs(
+        open && !isSingle && /* @__PURE__ */ jsx("div", { className: "ra-unsaved-popover", role: "menu", children: items.map((it) => /* @__PURE__ */ jsxs(
           "button",
           {
             type: "button",
             className: "ra-unsaved-popover-row",
             onClick: () => {
               setOpen(false);
-              onOpenDraft?.(d);
+              onOpenItem?.(it);
             },
             role: "menuitem",
             children: [
@@ -4406,25 +4411,93 @@ var UnsavedTray = ({
                 "span",
                 {
                   className: "ra-unsaved-popover-dot",
-                  style: { background: statusDot(d.status) },
+                  style: { background: statusDot(it.status) },
                   "aria-hidden": "true"
                 }
               ),
-              /* @__PURE__ */ jsx("span", { className: "ra-unsaved-popover-label", children: d.label || "Default" }),
-              d.context && /* @__PURE__ */ jsx("span", { className: "ra-unsaved-popover-ctx", children: d.context }),
-              d.status === "error" && /* @__PURE__ */ jsx("span", { className: "ra-unsaved-popover-err", children: "failed" })
+              /* @__PURE__ */ jsx("span", { className: "ra-unsaved-popover-label", children: it.label || "Default" }),
+              it.status === "error" && /* @__PURE__ */ jsx("span", { className: "ra-unsaved-popover-err", children: "failed" })
             ]
           },
-          d.key
+          it.editorId
         )) })
       ]
     }
   );
 };
+var HEADER_PILL_OVERFLOW_THRESHOLD = 5;
+function canRenderInHeader(items) {
+  if (items.length === 0) return false;
+  if (items.length >= HEADER_PILL_OVERFLOW_THRESHOLD) return false;
+  if (items.some((i) => i.status === "error")) return false;
+  return true;
+}
+var HeaderUnsavedPill = ({
+  items,
+  isSaving,
+  onSaveAll,
+  onDiscardAll,
+  saveLabel,
+  discardLabel,
+  saveAllLabel,
+  discardAllLabel,
+  countTemplate,
+  SaveIcon,
+  DiscardIcon
+}) => {
+  const SI = SaveIcon ?? Save;
+  const DI = DiscardIcon ?? Undo2;
+  if (items.length === 0) return null;
+  const total = items.length;
+  const isSingle = total === 1;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "ra-unsaved-pill",
+      role: "status",
+      "aria-live": "polite",
+      onClick: (e) => e.stopPropagation(),
+      onMouseDown: (e) => e.stopPropagation(),
+      onTouchStart: (e) => e.stopPropagation(),
+      children: [
+        !isSingle && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("span", { className: "ra-unsaved-icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx(AlertCircle, { className: "w-3.5 h-3.5" }) }),
+          /* @__PURE__ */ jsx("span", { className: "ra-unsaved-pill-text", children: countTemplate.replace("{n}", String(total)) })
+        ] }),
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            className: "ra-unsaved-btn ra-unsaved-btn-ghost",
+            onClick: onDiscardAll,
+            disabled: isSaving,
+            children: [
+              /* @__PURE__ */ jsx(DI, { className: "w-3 h-3" }),
+              isSingle ? discardLabel : discardAllLabel
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            className: "ra-unsaved-btn ra-unsaved-btn-primary",
+            onClick: onSaveAll,
+            disabled: isSaving,
+            children: [
+              /* @__PURE__ */ jsx(SI, { className: "w-3 h-3" }),
+              isSingle ? saveLabel : saveAllLabel
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
 var SaveAllProgress = ({
   open,
-  drafts,
-  store,
+  items,
+  saveOne,
   onClose,
   onJumpToError,
   i18n
@@ -4432,42 +4505,44 @@ var SaveAllProgress = ({
   const [running, setRunning] = useState(false);
   const [done, setDone] = useState(false);
   const stopRef = useRef(false);
-  const [batch, setBatch] = useState([]);
+  const [batchIds, setBatchIds] = useState([]);
   useEffect(() => {
     if (!open) {
       setRunning(false);
       setDone(false);
       stopRef.current = false;
-      setBatch([]);
+      setBatchIds([]);
       return;
     }
-    const initial = drafts.filter((d) => d.status !== "saved");
-    setBatch(initial);
+    const initial = items.map((i) => i.editorId);
+    setBatchIds(initial);
     void runBatch(initial);
   }, [open]);
-  const runBatch = async (items) => {
+  const runBatch = async (ids) => {
     setRunning(true);
     setDone(false);
     stopRef.current = false;
-    for (const item of items) {
+    for (const id of ids) {
       if (stopRef.current) break;
-      const live = store.get(item.key);
-      if (!live) continue;
-      if (live.status === "saved") continue;
-      store.setStatus(live.key, "saving");
       try {
-        await live.save();
-        if (store.has(live.key)) store.setStatus(live.key, "saved");
-      } catch (err) {
-        store.setStatus(live.key, "error", err);
+        await saveOne(id);
+      } catch {
       }
     }
     setRunning(false);
     setDone(true);
   };
-  const visible = batch.map((d) => store.get(d.key) ?? d);
+  const visible = useMemo(() => batchIds.map((id) => {
+    const live = items.find((i) => i.editorId === id);
+    return live ?? {
+      editorId: id,
+      label: "",
+      status: "saved",
+      scope: { kind: "collection", raw: "" }
+    };
+  }), [batchIds, items]);
   const total = visible.length;
-  const completed = visible.filter((d) => d.status === "saved" || d.status === "error").length;
+  const completed = visible.filter((d) => d.status !== "dirty" && d.status !== "saving").length;
   const errors = visible.filter((d) => d.status === "error");
   const successAll = done && errors.length === 0 && completed === total;
   useEffect(() => {
@@ -4516,7 +4591,7 @@ var SaveAllProgress = ({
               ] }),
               /* @__PURE__ */ jsx("span", { className: "ra-saveall-label", children: d.label || "Default" }),
               d.status === "error" && /* @__PURE__ */ jsx("span", { className: "ra-saveall-err", title: String(d.error?.message ?? d.error ?? ""), children: d.error?.message ?? "Save failed" })
-            ] }, d.key)) }),
+            ] }, d.editorId)) }),
             /* @__PURE__ */ jsxs("div", { className: "ra-saveall-actions", children: [
               running && /* @__PURE__ */ jsx(
                 "button",
@@ -4547,7 +4622,7 @@ var SaveAllProgress = ({
                   {
                     type: "button",
                     className: "ra-unsaved-btn ra-unsaved-btn-primary",
-                    onClick: () => void runBatch(errors),
+                    onClick: () => void runBatch(errors.map((e) => e.editorId)),
                     children: i18n.retryFailed
                   }
                 )
@@ -4568,30 +4643,683 @@ var SaveAllProgress = ({
     }
   );
 };
-var ClipboardToast = ({ message, variant = "copy", onDismiss }) => {
-  useEffect(() => {
-    const t = window.setTimeout(onDismiss, 2500);
-    return () => window.clearTimeout(t);
-  }, [message, onDismiss]);
-  const Icon = variant === "paste" ? ClipboardPaste : Copy;
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      role: "status",
-      "aria-live": "polite",
-      className: "ra-clipboard-toast",
-      children: [
-        /* @__PURE__ */ jsx(Icon, { className: "w-3.5 h-3.5 shrink-0", "aria-hidden": "true" }),
-        /* @__PURE__ */ jsx("span", { className: "truncate", children: message })
-      ]
-    }
-  );
-};
 
-// src/components/RecordsAdmin/data/csv.ts
-var escapeCell = (s) => {
-  if (/[",\n]/.test(s)) return `"${s.replace(/"/g, '""')}"`;
-  return s;
+// src/components/RecordsAdmin/editor-session/editorStore.ts
+var isEqual = (a, b) => {
+  if (a === b) return true;
+  try {
+    return JSON.stringify(a) === JSON.stringify(b);
+  } catch {
+    return false;
+  }
+};
+var cloneDeep = (v) => {
+  if (v == null) return v;
+  try {
+    return structuredClone(v);
+  } catch {
+    return JSON.parse(JSON.stringify(v));
+  }
+};
+var TITLE_KEYS = ["title", "name", "label", "heading", "question", "slug"];
+var TITLE_WRAPPERS = ["display", "content", "meta", "data"];
+var deriveDefaultLabel = (value, spec) => {
+  const pickString = (obj) => {
+    if (!obj || typeof obj !== "object") return void 0;
+    for (const key of TITLE_KEYS) {
+      const raw = obj[key];
+      if (typeof raw === "string" && raw.trim()) return raw.trim();
+    }
+    return void 0;
+  };
+  const v = value;
+  const top = pickString(v);
+  if (top) return top;
+  if (v && typeof v === "object") {
+    for (const wrapper of TITLE_WRAPPERS) {
+      const nested = pickString(v[wrapper]);
+      if (nested) return nested;
+    }
+  }
+  if (spec.scope.raw?.startsWith("item:")) return "Untitled item";
+  if (spec.scope.kind === "rule") return "Rule";
+  if (spec.scope.kind && spec.scope.kind !== "collection") {
+    return spec.scope.kind.charAt(0).toUpperCase() + spec.scope.kind.slice(1);
+  }
+  return "Default";
+};
+var editorIdCounter = 0;
+var mintEditorId = () => {
+  editorIdCounter += 1;
+  return `ed_${Date.now().toString(36)}_${editorIdCounter.toString(36)}`;
+};
+var recomputePinned = (e) => {
+  if (e.status === "saving" || e.status === "error") return true;
+  if (e.status === "dirty") return true;
+  return false;
+};
+var recomputeStatus = (e) => {
+  if (e.status === "saving") return "saving";
+  if (e.status === "error") return "error";
+  const valueDiff = !isEqual(e.value, e.baseline);
+  const ruleDiff = !isEqual(e.facetRule, e.baselineFacetRule);
+  if (valueDiff || ruleDiff) return "dirty";
+  return e.status === "saved" ? "saved" : "idle";
+};
+var createEditorStore = () => {
+  const map = /* @__PURE__ */ new Map();
+  const listeners = /* @__PURE__ */ new Set();
+  let cachedList = [];
+  let nextOrder = 0;
+  const recompute = () => {
+    cachedList = Array.from(map.values()).sort((a, b) => a.order - b.order);
+  };
+  const emit = () => {
+    recompute();
+    listeners.forEach((l) => l());
+  };
+  const update = (editorId, mut) => {
+    const prev = map.get(editorId);
+    if (!prev) return false;
+    const draft = { ...prev };
+    const result = mut(draft);
+    const next = result ?? draft;
+    next.status = recomputeStatus(next);
+    next.pinned = recomputePinned(next);
+    map.set(editorId, next);
+    emit();
+    return true;
+  };
+  return {
+    list: () => cachedList,
+    get: (editorId) => map.get(editorId),
+    findExistingEditorIdFor(spec) {
+      if (spec.recordId) {
+        for (const entry of map.values()) {
+          if (entry.recordId === spec.recordId) return entry.editorId;
+        }
+      }
+      const wantCreate = !!spec.createMode;
+      for (const entry of map.values()) {
+        if (entry.recordId) continue;
+        if (entry.spec.scope.raw !== spec.scope.raw) continue;
+        if (!!entry.spec.createMode !== wantCreate) continue;
+        return entry.editorId;
+      }
+      return void 0;
+    },
+    open(input) {
+      const editorId = input.editorId ?? mintEditorId();
+      if (map.has(editorId)) return editorId;
+      const seedValue = input.seed?.value ?? input.defaultValue;
+      const seedFacetRule = input.seed?.facetRule ?? input.spec.initialFacetRule ?? null;
+      const source = input.seed?.source ?? "empty";
+      const value = cloneDeep(seedValue);
+      const baseline = cloneDeep(seedValue);
+      const entry = {
+        editorId,
+        spec: input.spec,
+        saveSpec: input.saveSpec,
+        value,
+        baseline,
+        facetRule: seedFacetRule,
+        baselineFacetRule: seedFacetRule,
+        status: "idle",
+        source,
+        recordId: input.seed?.recordId ?? input.spec.recordId,
+        parentValue: input.seed?.parentValue ?? null,
+        label: input.label ?? input.spec.label ?? deriveDefaultLabel(value, input.spec),
+        order: nextOrder++,
+        lastActiveAt: Date.now(),
+        pinned: false,
+        mounted: false
+      };
+      map.set(editorId, entry);
+      emit();
+      return editorId;
+    },
+    close(editorId) {
+      const entry = map.get(editorId);
+      if (!entry) return false;
+      if (entry.pinned) return false;
+      map.delete(editorId);
+      emit();
+      return true;
+    },
+    clearUnpinned() {
+      let changed = false;
+      for (const [id, entry] of map.entries()) {
+        if (!entry.pinned) {
+          map.delete(id);
+          changed = true;
+        }
+      }
+      if (changed) emit();
+    },
+    setValue(editorId, next) {
+      update(editorId, (e) => {
+        const prev = e.value;
+        const resolved = typeof next === "function" ? next(prev) : next;
+        e.value = resolved;
+        if (e.status === "saved" || e.status === "error") {
+          e.status = "idle";
+          e.error = void 0;
+        }
+        if (!e.spec.label) {
+          e.label = deriveDefaultLabel(e.value, e.spec);
+        }
+      });
+    },
+    setFacetRule(editorId, next) {
+      update(editorId, (e) => {
+        e.facetRule = next;
+        if (e.status === "saved" || e.status === "error") {
+          e.status = "idle";
+          e.error = void 0;
+        }
+      });
+    },
+    hydrateFromResolver(editorId, resolved) {
+      const entry = map.get(editorId);
+      if (!entry) return;
+      if (entry.status === "dirty" || entry.status === "saving" || entry.status === "error") return;
+      if (entry.status === "saved") {
+        update(editorId, (e) => {
+          e.source = resolved.source;
+          if (resolved.recordId) e.recordId = resolved.recordId;
+          e.parentValue = resolved.parentValue ?? null;
+        });
+        return;
+      }
+      update(editorId, (e) => {
+        const fresh = resolved.data == null ? e.value : cloneDeep(resolved.data);
+        e.value = fresh;
+        e.baseline = cloneDeep(fresh);
+        const rule = resolved.facetRule ?? e.facetRule;
+        e.facetRule = rule;
+        e.baselineFacetRule = rule;
+        e.source = resolved.source;
+        if (resolved.recordId) e.recordId = resolved.recordId;
+        e.parentValue = resolved.parentValue ?? null;
+        if (!e.spec.label) e.label = deriveDefaultLabel(fresh, e.spec);
+      });
+    },
+    markMounted(editorId) {
+      update(editorId, (e) => {
+        e.mounted = true;
+      });
+    },
+    markActive(editorId) {
+      update(editorId, (e) => {
+        e.lastActiveAt = Date.now();
+      });
+    },
+    async save(editorId) {
+      const entry = map.get(editorId);
+      if (!entry) return;
+      if (entry.status !== "dirty" && entry.status !== "error") return;
+      const persistedValue = entry.value;
+      const persistedFacetRule = entry.facetRule;
+      const { ctx, anchors } = entry.saveSpec;
+      const spec = entry.spec;
+      update(editorId, (e) => {
+        e.status = "saving";
+        e.error = void 0;
+      });
+      try {
+        let nextRecordId = entry.recordId;
+        if (entry.recordId && entry.source === "self") {
+          await updateRecord(ctx, entry.recordId, {
+            data: persistedValue,
+            facetRule: persistedFacetRule
+          });
+        } else if (spec.createMode) {
+          const created = await createRecord(ctx, {
+            ref: spec.scope.kind === "rule" && spec.scope.raw ? spec.scope.raw : spec.ref,
+            scope: anchors,
+            data: persistedValue,
+            facetRule: persistedFacetRule
+          });
+          nextRecordId = created?.id ?? nextRecordId;
+        } else {
+          const upserted = await upsertRecord(ctx, {
+            ref: spec.scope.kind === "rule" && spec.scope.raw ? spec.scope.raw : spec.ref,
+            scope: anchors,
+            data: persistedValue,
+            facetRule: persistedFacetRule
+          });
+          nextRecordId = upserted.record?.id ?? nextRecordId;
+        }
+        update(editorId, (e) => {
+          e.baseline = cloneDeep(persistedValue);
+          e.baselineFacetRule = persistedFacetRule;
+          e.recordId = nextRecordId;
+          e.source = "self";
+          e.status = "saved";
+          e.error = void 0;
+        });
+      } catch (err) {
+        update(editorId, (e) => {
+          e.status = "error";
+          e.error = err;
+        });
+        throw err;
+      }
+    },
+    reset(editorId) {
+      update(editorId, (e) => {
+        e.value = cloneDeep(e.baseline);
+        e.facetRule = e.baselineFacetRule;
+        e.status = "idle";
+        e.error = void 0;
+      });
+    },
+    async remove(editorId) {
+      const entry = map.get(editorId);
+      if (!entry) return;
+      if (entry.source !== "self") return;
+      if (!entry.recordId) return;
+      await removeRecord(entry.saveSpec.ctx, entry.recordId);
+      map.delete(editorId);
+      emit();
+    },
+    enforcePoolLimit(max, exceptEditorId) {
+      const alive = Array.from(map.values());
+      if (alive.length <= max) return;
+      const evictable = alive.filter((e) => !e.pinned && e.editorId !== exceptEditorId).sort((a, b) => a.lastActiveAt - b.lastActiveAt);
+      let toEvict = alive.length - max;
+      let changed = false;
+      for (const entry of evictable) {
+        if (toEvict <= 0) break;
+        map.delete(entry.editorId);
+        toEvict -= 1;
+        changed = true;
+      }
+      if (changed) emit();
+    },
+    subscribe(listener) {
+      listeners.add(listener);
+      return () => {
+        listeners.delete(listener);
+      };
+    }
+  };
+};
+var buildSaveSpec = (ctx, spec) => ({
+  ctx,
+  anchors: parsedRefToScope(spec.scope)
+});
+var EditorSessionContext = createContext(null);
+var useEditorSessionContext = () => {
+  const ctx = useContext(EditorSessionContext);
+  if (!ctx) {
+    throw new Error(
+      "[smartlinks-ui] useEditorSession / useEditorSelection / useDirtyOverview must be used inside <EditorSessionProvider> (RecordsAdminShell mounts one for you)."
+    );
+  }
+  return ctx;
+};
+var EditorSessionProvider = ({
+  ctx,
+  children,
+  maxOpenEditors = 8,
+  defaultValueFactory
+}) => {
+  const storeRef = useRef(null);
+  if (!storeRef.current) storeRef.current = createEditorStore();
+  const currentRef = useRef(void 0);
+  const listenersRef = useRef(/* @__PURE__ */ new Set());
+  const subscribeCurrent = useCallback((cb) => {
+    listenersRef.current.add(cb);
+    return () => {
+      listenersRef.current.delete(cb);
+    };
+  }, []);
+  const getCurrent = useCallback(() => currentRef.current, []);
+  const setCurrentEditorId = useCallback((id) => {
+    if (currentRef.current === id) return;
+    currentRef.current = id;
+    listenersRef.current.forEach((l) => l());
+  }, []);
+  const currentEditorId = useSyncExternalStore(subscribeCurrent, getCurrent, getCurrent);
+  const value = useMemo(() => ({
+    store: storeRef.current,
+    ctx,
+    currentEditorId,
+    setCurrentEditorId,
+    maxOpenEditors,
+    defaultValueFactory
+  }), [ctx, currentEditorId, setCurrentEditorId, maxOpenEditors, defaultValueFactory]);
+  return /* @__PURE__ */ jsx(EditorSessionContext.Provider, { value, children });
+};
+var useEntry = (editorId) => {
+  const { store } = useEditorSessionContext();
+  const subscribe = useCallback((cb) => store.subscribe(cb), [store]);
+  const getSnapshot = useCallback(
+    () => editorId ? store.get(editorId) : void 0,
+    [store, editorId]
+  );
+  return useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
+};
+var useStoreList = () => {
+  const { store } = useEditorSessionContext();
+  const subscribe = useCallback((cb) => store.subscribe(cb), [store]);
+  const getSnapshot = useCallback(() => store.list(), [store]);
+  return useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
+};
+function useEditorSession(editorId) {
+  const { store, currentEditorId, ctx } = useEditorSessionContext();
+  const queryClient = useQueryClient();
+  const entry = useEntry(editorId);
+  const onChange = useCallback((next) => {
+    if (!editorId) return;
+    store.setValue(editorId, next);
+  }, [store, editorId]);
+  const onFacetRuleChange = useCallback((next) => {
+    if (!editorId) return;
+    store.setFacetRule(editorId, next);
+  }, [store, editorId]);
+  const save = useCallback(async () => {
+    if (!editorId) return;
+    try {
+      await store.save(editorId);
+      const e = store.get(editorId);
+      if (e) {
+        const key = resolvedRecordQueryKey({
+          collectionId: ctx.collectionId,
+          appId: ctx.appId,
+          recordType: ctx.recordType,
+          productId: e.spec.scope.productId,
+          variantId: e.spec.scope.variantId,
+          batchId: e.spec.scope.batchId,
+          facetId: e.spec.scope.facetId,
+          facetValue: e.spec.scope.facetValue,
+          proofId: e.spec.scope.proofId,
+          recordId: e.recordId,
+          withParent: true
+        });
+        queryClient.invalidateQueries({ queryKey: key });
+      }
+    } catch {
+    }
+  }, [store, editorId, ctx, queryClient]);
+  const reset = useCallback(() => {
+    if (!editorId) return;
+    store.reset(editorId);
+  }, [store, editorId]);
+  const remove = useCallback(async () => {
+    if (!editorId) return;
+    await store.remove(editorId);
+  }, [store, editorId]);
+  if (!editorId || !entry) return null;
+  const isRuleScope = entry.spec.scope.kind === "rule";
+  const ruleValid = !isRuleScope || isFacetRuleValid(entry.facetRule);
+  const canSave = ruleValid;
+  const cannotSaveReason = !ruleValid ? "Pick at least one value for every facet in the rule before saving." : void 0;
+  return {
+    editorId,
+    value: entry.value,
+    onChange,
+    source: entry.source,
+    recordId: entry.recordId,
+    parentValue: entry.parentValue,
+    scope: entry.spec.scope,
+    isDirty: entry.status === "dirty" || entry.status === "saving" || entry.status === "error",
+    status: entry.status,
+    error: entry.error ?? null,
+    save,
+    reset,
+    remove,
+    canRemove: entry.source === "self" && !!entry.recordId,
+    canSave,
+    cannotSaveReason,
+    facetRule: entry.facetRule,
+    onFacetRuleChange,
+    isActive: editorId === currentEditorId
+  };
+}
+var useEditorSelection = () => {
+  const { store, ctx, currentEditorId, setCurrentEditorId, maxOpenEditors, defaultValueFactory } = useEditorSessionContext();
+  const openEditors = useStoreList();
+  const selectTarget = useCallback((input) => {
+    const existing = store.findExistingEditorIdFor(input.spec);
+    if (existing) {
+      store.markActive(existing);
+      setCurrentEditorId(existing);
+      store.enforcePoolLimit(maxOpenEditors, existing);
+      return existing;
+    }
+    const editorId = store.open({
+      spec: input.spec,
+      saveSpec: buildSaveSpec(ctx, input.spec),
+      seed: input.seed ?? null,
+      defaultValue: input.defaultValue ?? defaultValueFactory?.() ?? {},
+      label: input.label
+    });
+    setCurrentEditorId(editorId);
+    store.enforcePoolLimit(maxOpenEditors, editorId);
+    return editorId;
+  }, [store, ctx, setCurrentEditorId, maxOpenEditors, defaultValueFactory]);
+  const focus = useCallback((editorId) => {
+    store.markActive(editorId);
+    setCurrentEditorId(editorId);
+  }, [store, setCurrentEditorId]);
+  const blur = useCallback(() => setCurrentEditorId(void 0), [setCurrentEditorId]);
+  const close = useCallback((editorId) => {
+    const closed = store.close(editorId);
+    if (closed && currentEditorId === editorId) setCurrentEditorId(void 0);
+    return closed;
+  }, [store, currentEditorId, setCurrentEditorId]);
+  const hydrate = useCallback((editorId, resolved) => {
+    store.hydrateFromResolver(editorId, resolved);
+  }, [store]);
+  return { currentEditorId, openEditors, selectTarget, focus, blur, close, hydrate };
+};
+var overviewItemFromEntry = (e) => ({
+  editorId: e.editorId,
+  label: e.label,
+  status: e.status,
+  error: e.error,
+  scope: e.spec.scope,
+  recordId: e.recordId
+});
+var useDirtyOverview = () => {
+  const { store } = useEditorSessionContext();
+  const list = useStoreList();
+  const items = useMemo(
+    () => list.filter((e) => e.status === "dirty" || e.status === "saving" || e.status === "error").map(overviewItemFromEntry),
+    [list]
+  );
+  const count = items.length;
+  const errorCount = useMemo(() => items.filter((i) => i.status === "error").length, [items]);
+  const saveAll = useCallback(async () => {
+    const ids = list.filter((e) => e.status === "dirty" || e.status === "error").map((e) => e.editorId);
+    for (const id of ids) {
+      try {
+        await store.save(id);
+      } catch {
+      }
+    }
+  }, [store, list]);
+  const discardAll = useCallback(() => {
+    const ids = list.filter((e) => e.status === "dirty" || e.status === "error").map((e) => e.editorId);
+    ids.forEach((id) => store.reset(id));
+  }, [store, list]);
+  const saveOne = useCallback(async (editorId) => {
+    await store.save(editorId);
+  }, [store]);
+  return { items, count, errorCount, saveAll, discardAll, saveOne };
+};
+var EditorMountPool = ({
+  renderSlot,
+  keepMountedHidden = true,
+  fallback = null,
+  className
+}) => {
+  const { openEditors, currentEditorId } = useEditorSelection();
+  const ids = useMemo(
+    () => openEditors.map((e) => e.editorId).sort(),
+    [openEditors]
+  );
+  if (!currentEditorId && ids.length === 0) {
+    return /* @__PURE__ */ jsx(Fragment, { children: fallback });
+  }
+  const visibleIds = keepMountedHidden ? ids : currentEditorId ? [currentEditorId] : [];
+  return /* @__PURE__ */ jsx("div", { className, style: { display: "contents" }, children: visibleIds.map((id) => {
+    const isActive = id === currentEditorId;
+    return /* @__PURE__ */ jsx(EditorPoolSlot, { editorId: id, isActive, children: renderSlot(id) }, id);
+  }) });
+};
+var EditorPoolSlot = ({ editorId, isActive, children }) => {
+  const inertProps = isActive ? {} : { inert: "" };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-editor-slot": editorId,
+      "data-active": isActive ? "true" : "false",
+      "aria-hidden": isActive ? void 0 : true,
+      style: {
+        display: isActive ? "contents" : "none"
+      },
+      ...inertProps,
+      children
+    }
+  );
+};
+function useEditorSlotContext(editorId) {
+  const session = useEditorSession(editorId);
+  return useMemo(() => {
+    if (!session) return null;
+    return {
+      value: session.value,
+      onChange: session.onChange,
+      source: session.source,
+      recordId: session.recordId,
+      parentValue: session.parentValue,
+      scope: session.scope,
+      isDirty: session.isDirty,
+      save: session.save,
+      reset: session.reset,
+      remove: session.remove,
+      canRemove: session.canRemove,
+      canSave: session.canSave,
+      cannotSaveReason: session.cannotSaveReason,
+      isSaving: session.status === "saving",
+      saveError: session.error,
+      facetRule: session.facetRule,
+      onFacetRuleChange: session.onFacetRuleChange
+    };
+  }, [session]);
+}
+var isEqualSpec = (a, b) => {
+  if (a === b) return true;
+  if (!a || !b) return false;
+  if (a.scope.raw !== b.scope.raw) return false;
+  if ((a.recordId ?? null) !== (b.recordId ?? null)) return false;
+  if (!!a.createMode !== !!b.createMode) return false;
+  return true;
+};
+function useEditorBridge(args) {
+  const { target, resolved, defaultData, onSaved, onDeleted } = args;
+  const selection = useEditorSelection();
+  const lastTargetRef = useRef(null);
+  const editorIdRef = useRef(void 0);
+  useEffect(() => {
+    if (!target) {
+      selection.blur();
+      lastTargetRef.current = null;
+      editorIdRef.current = void 0;
+      return;
+    }
+    if (isEqualSpec(target, lastTargetRef.current)) return;
+    lastTargetRef.current = target;
+    const id = selection.selectTarget({
+      spec: target,
+      seed: resolved.source === "empty" ? void 0 : {
+        value: resolved.data ?? (defaultData?.() ?? null),
+        facetRule: resolved.facetRule ?? null,
+        source: resolved.source,
+        parentValue: resolved.parentValue ?? null,
+        recordId: resolved.recordId
+      },
+      defaultValue: defaultData?.() ?? {}
+    });
+    editorIdRef.current = id;
+  }, [target?.scope.raw, target?.recordId, target?.createMode]);
+  useEffect(() => {
+    const id = editorIdRef.current;
+    if (!id) return;
+    if (resolved.source === "empty" && !resolved.recordId) return;
+    selection.hydrate(id, resolved);
+  }, [resolved.source, resolved.recordId, resolved.sourceRef, resolved.data, resolved.facetRule]);
+  const editorId = selection.currentEditorId ?? editorIdRef.current;
+  const session = useEditorSession(editorId);
+  const prevStatusRef = useRef(null);
+  useEffect(() => {
+    const prev = prevStatusRef.current;
+    const next = session?.status ?? null;
+    prevStatusRef.current = next;
+    if (next === "saved" && prev !== "saved") {
+      onSaved?.();
+    }
+  }, [session?.status]);
+  const remove = useMemo(() => async () => {
+    if (!session) return;
+    await session.remove();
+    onDeleted?.();
+  }, [session?.remove]);
+  if (!session) {
+    const sentinelScope = target?.scope ?? { kind: "collection", raw: "" };
+    return {
+      value: defaultData?.() ?? {},
+      onChange: () => {
+      },
+      source: "empty",
+      recordId: void 0,
+      parentValue: null,
+      scope: sentinelScope,
+      isDirty: false,
+      save: async () => {
+      },
+      reset: () => {
+      },
+      remove: async () => {
+      },
+      canRemove: false,
+      canSave: false,
+      cannotSaveReason: void 0,
+      isSaving: false,
+      saveError: null,
+      facetRule: null,
+      onFacetRuleChange: () => {
+      }
+    };
+  }
+  return {
+    value: session.value,
+    onChange: session.onChange,
+    source: session.source,
+    recordId: session.recordId,
+    parentValue: session.parentValue,
+    scope: session.scope,
+    isDirty: session.isDirty,
+    save: session.save,
+    reset: session.reset,
+    remove,
+    canRemove: session.canRemove,
+    canSave: session.canSave,
+    cannotSaveReason: session.cannotSaveReason,
+    isSaving: session.status === "saving",
+    saveError: session.error,
+    facetRule: session.facetRule,
+    onFacetRuleChange: session.onFacetRuleChange
+  };
+}
+
+// src/components/RecordsAdmin/data/csv.ts
+var escapeCell = (s) => {
+  if (/[",\n]/.test(s)) return `"${s.replace(/"/g, '""')}"`;
+  return s;
 };
 var parseLine = (line) => {
   const out = [];
@@ -4692,11 +5420,58 @@ var downloadBlob = (blob, filename) => {
   URL.revokeObjectURL(url);
 };
 
+// src/components/RecordsAdmin/hooks/useShellCsvBulk.ts
+function useShellCsvBulk(args) {
+  const { csvSchema, recordType, label, items, ctx, refetchAll, onTelemetry } = args;
+  const fileBase = useMemo(
+    () => recordType ?? (label.toLowerCase().replace(/\s+/g, "-") || "records"),
+    [recordType, label]
+  );
+  const handleExport = useCallback(() => {
+    if (!csvSchema) return;
+    const blob = exportCsv(items, csvSchema);
+    downloadBlob(blob, `${fileBase}.csv`);
+    onTelemetry?.({ type: "csv.export", recordType, rows: items.length });
+  }, [csvSchema, items, fileBase, onTelemetry, recordType]);
+  const handleImport = useCallback(() => {
+    if (!csvSchema) return;
+    const inp = document.createElement("input");
+    inp.type = "file";
+    inp.accept = ".csv,text/csv";
+    inp.onchange = async () => {
+      const file = inp.files?.[0];
+      if (!file) return;
+      const report = await importCsv(file, csvSchema, ctx);
+      onTelemetry?.({ type: "csv.import", recordType, rows: report.total, errors: report.failed });
+      if (report.failed > 0) {
+        downloadBlob(
+          new Blob([report.annotatedCsv], { type: "text/csv" }),
+          `${fileBase}-errors.csv`
+        );
+      }
+      refetchAll();
+    };
+    inp.click();
+  }, [csvSchema, ctx, fileBase, onTelemetry, recordType, refetchAll]);
+  return useMemo(
+    () => csvSchema ? { onImportCsv: handleImport, onExportCsv: handleExport } : {},
+    [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@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-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");
+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
+}) => {
+  const ctx = useEditorSlotContext(editorId);
+  if (!ctx) return null;
+  return renderEditor(ctx);
+};
 var TOP_LEVEL_SCOPES = ["collection", "rule", "product"];
 var WARNED_FACET_DEPRECATED = false;
 var DRAFT_ID = "__draft__";
@@ -4722,7 +5497,23 @@ var productItemToSummary = (p) => {
   };
 };
 function RecordsAdminShell(props) {
-  return /* @__PURE__ */ jsx(DirtyDraftProvider, { children: /* @__PURE__ */ jsx(RecordsAdminShellInner, { ...props }) });
+  const ctx = useMemo(
+    () => ({
+      SL: props.SL,
+      collectionId: props.collectionId,
+      appId: props.appId,
+      recordType: props.recordType
+    }),
+    [props.SL, props.collectionId, props.appId, props.recordType]
+  );
+  return /* @__PURE__ */ jsx(
+    EditorSessionProvider,
+    {
+      ctx,
+      defaultValueFactory: props.defaultData,
+      children: /* @__PURE__ */ jsx(RecordsAdminShellInner, { ...props })
+    }
+  );
 }
 function RecordsAdminShellInner(props) {
   const {
@@ -4839,6 +5630,7 @@ function RecordsAdminShellInner(props) {
     () => ({ SL, collectionId, appId, recordType }),
     [SL, collectionId, appId, recordType]
   );
+  const queryClient = useQueryClient();
   const probe = useScopeProbe({ SL, collectionId });
   const topLevelScopes = useMemo(() => {
     const requested = requestedScopes ?? [];
@@ -4880,10 +5672,6 @@ function RecordsAdminShellInner(props) {
   useEffect(() => {
     setActiveScope(initialScope);
   }, [initialScope]);
-  const [search, setSearch] = useState("");
-  const [filter, setFilter] = useState("all");
-  const [ruleFilters, setRuleFilters] = useState(EMPTY_RULE_FILTERS);
-  const [facetBrowseFilter, setFacetBrowseFilter] = useState(null);
   const [selectedRecordId, setSelectedRecordId] = useState(null);
   const [draftKind, setDraftKind] = useState(null);
   const [ruleWizardStep, setRuleWizardStep] = useState(null);
@@ -4925,40 +5713,32 @@ function RecordsAdminShellInner(props) {
     if (requested === "header" && !headerWillRender) return "footer";
     return requested;
   }, [intro?.reopenAffordance, headerWillRender]);
-  const productBrowse = useProductBrowse({
+  const browser = useShellBrowser({
+    ctx,
     SL,
     collectionId,
-    search: activeScope === "product" ? search : "",
-    enabled: activeScope === "product" && !contextScope?.productId
+    activeScope,
+    contextScope,
+    probeIsLoading: probe.isLoading,
+    selectedProductId,
+    drillTab,
+    classify: classify2
   });
-  const recordListEnabled = (activeScope === "rule" || activeScope === "collection") && !probe.isLoading;
-  const recordList = useRecordList({
-    ctx,
-    scopeKind: activeScope,
+  const {
     search,
+    setSearch,
     filter,
-    classify: classify2,
-    contextScope,
-    enabled: recordListEnabled
-  });
-  const facetBrowse = useFacetBrowse({
-    SL,
-    collectionId,
-    existing: [],
-    enabled: (activeScope === "rule" || activeScope === "collection") && !probe.isLoading
-  });
-  const variantChildren = useProductChildren({
-    SL,
-    collectionId,
-    productId: selectedProductId,
-    kind: drillTab === "variant" ? "variant" : null
-  });
-  const batchChildren = useProductChildren({
-    SL,
-    collectionId,
-    productId: selectedProductId,
-    kind: drillTab === "batch" ? "batch" : null
-  });
+    setFilter,
+    ruleFilters,
+    setRuleFilters,
+    facetBrowseFilter,
+    setFacetBrowseFilter,
+    productBrowse,
+    recordList,
+    facetBrowse,
+    variantChildren,
+    batchChildren
+  } = browser;
   useEffect(() => {
     if (activeScope !== "product") return;
     if (selectedProductId) return;
@@ -4975,10 +5755,6 @@ function RecordsAdminShellInner(props) {
     if (first?.id) setSelectedRecordId(first.id);
   }, [activeScope, selectedRecordId, recordList.items, cardinality]);
   useEffect(() => {
-    setSearch("");
-    setFilter("all");
-    setRuleFilters(EMPTY_RULE_FILTERS);
-    setFacetBrowseFilter(null);
     setSelectedRecordId(null);
     setDraftKind(null);
   }, [activeScope]);
@@ -5115,9 +5891,35 @@ function RecordsAdminShellInner(props) {
     batchChildren.refetch();
     if (isCollection) collectionItems.refetch();
   }, [productBrowse, recordList, facetBrowse, variantChildren, batchChildren, isCollection, collectionItems]);
-  const editorCtx = useRecordEditor({
-    ctx,
-    scope: editingTargetScope ?? parseRef(""),
+  const editorTargetSpec = useMemo(() => {
+    if (!editingTargetScope) return null;
+    const initialFacetRule = editingTargetScope.kind === "rule" ? ruleWizardStep === 2 && ruleWizardRule ? ruleWizardRule : resolved.facetRule ?? { all: [] } : ruleWizardStep === 2 && ruleWizardRule && isCollection && !!selectedItemId ? ruleWizardRule : null;
+    const label2 = deriveDraftLabel ? deriveDraftLabel(resolved.data, editingTargetScope) : void 0;
+    return {
+      scope: editingTargetScope,
+      recordId: resolved.recordId,
+      // Collection-cardinality item drafts must `create` (insert a new
+      // row) instead of upsert — multiple items can share the same scope
+      // + recordType, so an upsert would collide on the server's dedupe
+      // key. Flip on whenever the right pane shows an item that hasn't
+      // been saved yet (no resolved.recordId).
+      createMode: isCollection && !!selectedItemId && !resolved.recordId,
+      ref: editingTargetScope.kind === "rule" ? editingTargetScope.raw : void 0,
+      initialFacetRule,
+      label: label2
+    };
+  }, [
+    editingTargetScope?.raw,
+    editingTargetScope?.kind,
+    resolved.recordId,
+    resolved.facetRule,
+    isCollection,
+    selectedItemId,
+    ruleWizardStep,
+    ruleWizardRule
+  ]);
+  const editorCtx = useEditorBridge({
+    target: editorTargetSpec,
     resolved: {
       data: resolved.data,
       source: resolved.source,
@@ -5127,18 +5929,6 @@ function RecordsAdminShellInner(props) {
       facetRule: resolved.facetRule
     },
     defaultData,
-    reseed: dirtyStrategy === "keep" ? "preserve-dirty" : "always",
-    // Collection-cardinality item drafts must `create` (insert a new row)
-    // instead of `upsert` — multiple items can share the same scope +
-    // recordType, so an upsert would collide on the server's dedupe key.
-    // Flip on whenever the right pane shows an item that hasn't been
-    // saved yet (no resolved.recordId).
-    createMode: isCollection && !!selectedItemId && !resolved.recordId,
-    // Seed an empty rule for freshly-minted `rule:{id}` refs so the Targeting
-    // section can render its empty-state picker. For existing rule records
-    // pull the saved rule off the resolved record. Pinned scopes get `null`
-    // and the Targeting section stays hidden.
-    initialFacetRule: editingTargetScope?.kind === "rule" ? ruleWizardStep === 2 && ruleWizardRule ? ruleWizardRule : resolved.facetRule ?? { all: [] } : ruleWizardStep === 2 && ruleWizardRule && isCollection && !!selectedItemId ? ruleWizardRule : null,
     onSaved: () => {
       onTelemetry?.({ type: "record.save", recordType, ref: editingTargetScope?.raw ?? "", isCreate: resolved.source !== "self" });
       if (ruleWizardStep !== null) {
@@ -5158,8 +5948,7 @@ function RecordsAdminShellInner(props) {
         setSelectedBatchId(void 0);
       }
       refetchAll();
-    },
-    deriveDraftLabel
+    }
   });
   useUnsavedGuard({
     isDirty: editorCtx.isDirty,
@@ -5171,23 +5960,65 @@ function RecordsAdminShellInner(props) {
     disableParentMessage: dirtyStrategy === "keep"
   });
   const dirtyConfirm = useConfirmDialog();
-  const pasteConfirm = usePasteConfirm();
-  const draftStore = useDirtyDraftStore();
-  const dirtyDrafts = useDirtyDrafts();
-  const dirtyKeys = useMemo(
-    () => new Set(dirtyDrafts.filter((d) => d.status !== "saved").map((d) => d.key)),
-    [dirtyDrafts]
-  );
-  const errorKeys = useMemo(
-    () => new Set(dirtyDrafts.filter((d) => d.status === "error").map((d) => d.key)),
-    [dirtyDrafts]
-  );
+  const dirtyOverview = useDirtyOverview();
+  const editorSelection = useEditorSelection();
+  const dirtyItems = dirtyOverview.items;
+  const dirtyKeys = useMemo(() => {
+    const s = /* @__PURE__ */ new Set();
+    for (const it of dirtyItems) {
+      if (it.status === "saved") continue;
+      if (it.recordId) s.add(it.recordId);
+      if (it.scope?.raw) s.add(it.scope.raw);
+    }
+    return s;
+  }, [dirtyItems]);
+  const errorKeys = useMemo(() => {
+    const s = /* @__PURE__ */ new Set();
+    for (const it of dirtyItems) {
+      if (it.status !== "error") continue;
+      if (it.recordId) s.add(it.recordId);
+      if (it.scope?.raw) s.add(it.scope.raw);
+    }
+    return s;
+  }, [dirtyItems]);
   const [saveAllOpen, setSaveAllOpen] = useState(false);
-  const clipboard = useRecordClipboard({
-    appId,
-    recordType: recordType ?? "__default"
-  });
-  const [clipboardNotice, setClipboardNotice] = useState(null);
+  const handleSaveAll = () => setSaveAllOpen(true);
+  const handleDiscardAll = () => {
+    dirtyOverview.discardAll();
+  };
+  const showHeaderUnsavedPill = dirtyStrategy === "keep" && canRenderInHeader(dirtyItems);
+  const showTrayBanner = dirtyStrategy === "keep" && !showHeaderUnsavedPill && dirtyItems.length > 0;
+  const composedHeaderActions = useMemo(() => {
+    if (!showHeaderUnsavedPill) return headerActions;
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        HeaderUnsavedPill,
+        {
+          items: dirtyItems,
+          isSaving: saveAllOpen,
+          onSaveAll: handleSaveAll,
+          onDiscardAll: handleDiscardAll,
+          saveLabel: actionLabels?.save ?? i18n.save,
+          discardLabel: actionLabels?.discard ?? i18n.discard,
+          saveAllLabel: actionLabels?.saveAll ?? i18n.saveAll,
+          discardAllLabel: actionLabels?.revertAll ?? i18n.discardAll,
+          countTemplate: i18n.unsavedTrayCount,
+          SaveIcon: actionIcons?.save,
+          DiscardIcon: actionIcons?.discard
+        }
+      ),
+      headerActions
+    ] });
+  }, [
+    showHeaderUnsavedPill,
+    headerActions,
+    dirtyItems,
+    saveAllOpen,
+    actionLabels,
+    actionIcons,
+    i18n
+  ]);
+  const onLeftSelectRef = useRef(null);
   const { runWithGuard } = useDirtyNavigation({
     strategy: dirtyStrategy,
     isDirty: editorCtx.isDirty,
@@ -5202,32 +6033,15 @@ function RecordsAdminShellInner(props) {
       cancel: i18n.unsavedPromptCancel
     }
   });
-  const handleExport = () => {
-    if (!csvSchema) return;
-    const fileBase = recordType ?? (label.toLowerCase().replace(/\s+/g, "-") || "records");
-    const blob = exportCsv(recordList.items, csvSchema);
-    downloadBlob(blob, `${fileBase}.csv`);
-    onTelemetry?.({ type: "csv.export", recordType, rows: recordList.items.length });
-  };
-  const handleImport = () => {
-    if (!csvSchema) return;
-    const inp = document.createElement("input");
-    inp.type = "file";
-    inp.accept = ".csv,text/csv";
-    inp.onchange = async () => {
-      const file = inp.files?.[0];
-      if (!file) return;
-      const report = await importCsv(file, csvSchema, ctx);
-      onTelemetry?.({ type: "csv.import", recordType, rows: report.total, errors: report.failed });
-      if (report.failed > 0) {
-        const fileBase = recordType ?? (label.toLowerCase().replace(/\s+/g, "-") || "records");
-        downloadBlob(new Blob([report.annotatedCsv], { type: "text/csv" }), `${fileBase}-errors.csv`);
-      }
-      refetchAll();
-    };
-    inp.click();
-  };
-  const csvBulk = csvSchema ? { onImportCsv: handleImport, onExportCsv: handleExport } : {};
+  const csvBulk = useShellCsvBulk({
+    csvSchema,
+    recordType,
+    label,
+    items: recordList.items,
+    ctx,
+    refetchAll,
+    onTelemetry
+  });
   const [previewScope, setPreviewScope] = useState(null);
   const [drawerOpen, setDrawerOpen] = useState(false);
   const [sidePreviewOpen, setSidePreviewOpen] = useState(true);
@@ -5256,158 +6070,25 @@ function RecordsAdminShellInner(props) {
     }
     return void 0;
   }, [activeScope, editingScope, selectedProductId, productBrowse.items]);
-  const copyCurrent = useCallback(() => {
-    if (!enableClipboard || !editingScope) return;
-    const sourceValue = onCopyOverride ? onCopyOverride({ value: editorCtx.value, scope: editingScope }) : cloneValue(editorCtx.value);
-    clipboard.set({
-      value: sourceValue,
-      sourceScope: editingScope,
-      sourceRecordId: resolved.recordId,
-      sourceLabel: editorHeaderLabel
-    });
-    onTelemetry?.({ type: "clipboard.copy", recordType, sourceRef: editingScope.raw });
-    setClipboardNotice({
-      message: i18n.copyToast.replace("{name}", editorHeaderLabel ?? editingScope.raw),
-      variant: "copy"
-    });
-  }, [
-    enableClipboard,
+  const shellClipboard = useShellClipboard({
+    enabled: !!enableClipboard,
+    appId,
+    recordType,
+    i18n,
+    editorCtx,
     editingScope,
-    onCopyOverride,
-    editorCtx.value,
-    clipboard,
     editorHeaderLabel,
+    isCollection,
+    selectedItemId,
+    selectedRecordId,
+    resolved: { source: resolved.source, recordId: resolved.recordId },
     onTelemetry,
-    recordType,
-    i18n.copyToast
-  ]);
-  const pasteCurrent = useCallback(async () => {
-    if (!enableClipboard || !editingScope || !clipboard.entry) return;
-    const compat = checkPasteCompatibility(clipboard.entry.sourceScope, editingScope);
-    if (compat.status === "denied") {
-      setClipboardNotice({ message: compat.reason ?? "Paste not allowed here", variant: "paste" });
-      return;
-    }
-    if (compat.status === "warn") {
-      const ok = await pasteConfirm.confirm({
-        title: i18n.pasteWarnTitle,
-        body: compat.reason ?? "",
-        confirmLabel: i18n.pasteWarnContinue,
-        cancelLabel: i18n.pasteConfirmCancel
-      });
-      if (!ok) return;
-    }
-    const willReplace = resolved.source === "self";
-    if (willReplace) {
-      const ok = await pasteConfirm.confirm({
-        title: i18n.pasteConfirmTitle,
-        body: i18n.pasteConfirmBody.replace(
-          "{destination}",
-          editorHeaderLabel ?? editingScope.raw
-        ),
-        confirmLabel: i18n.pasteConfirmReplace,
-        cancelLabel: i18n.pasteConfirmCancel
-      });
-      if (!ok) return;
-    }
-    const sourceParsed = clipboard.entry.sourceScope;
-    const transformed = onPasteOverride ? onPasteOverride(
-      { value: clipboard.entry.value, sourceScope: sourceParsed },
-      { scope: editingScope, currentValue: editorCtx.value ?? null }
-    ) : cloneValue(clipboard.entry.value);
-    if (transformed === null) return;
-    editorCtx.onChange(transformed);
-    onTelemetry?.({
-      type: "clipboard.paste",
-      recordType,
-      sourceRef: clipboard.entry.sourceScope.raw,
-      destinationRef: editingScope.raw,
-      replaced: willReplace
-    });
-    setClipboardNotice({
-      message: i18n.pasteToast.replace("{name}", clipboard.entry.sourceLabel ?? clipboard.entry.sourceScope.raw),
-      variant: "paste"
-    });
-  }, [
-    enableClipboard,
-    editingScope,
-    clipboard.entry,
-    pasteConfirm,
-    resolved.source,
+    onCopyOverride,
     onPasteOverride,
-    editorCtx,
-    onTelemetry,
-    recordType,
-    editorHeaderLabel,
-    i18n.pasteWarnTitle,
-    i18n.pasteWarnContinue,
-    i18n.pasteConfirmCancel,
-    i18n.pasteConfirmTitle,
-    i18n.pasteConfirmBody,
-    i18n.pasteConfirmReplace,
-    i18n.pasteToast
-  ]);
-  const editorPasteCompat = useMemo(() => {
-    if (!enableClipboard || !clipboard.entry || !editingScope) return null;
-    const sameRecord = clipboard.entry.sourceRecordId && resolved.recordId && clipboard.entry.sourceRecordId === resolved.recordId;
-    const sameAnchor = !clipboard.entry.sourceRecordId && clipboard.entry.sourceScope.raw === editingScope.raw;
-    if (sameRecord || sameAnchor) return { status: "denied" };
-    return checkPasteCompatibility(clipboard.entry.sourceScope, editingScope);
-  }, [enableClipboard, clipboard.entry, editingScope]);
-  const editorClipboard = enableClipboard && editingScope ? {
-    onCopy: copyCurrent,
-    onPaste: () => {
-      void pasteCurrent();
-    },
-    canCopy: true,
-    canPaste: !!clipboard.entry && editorPasteCompat?.status !== "denied",
-    pasteSourceLabel: clipboard.entry?.sourceLabel,
-    pasteWillReplace: resolved.source === "self" && !!clipboard.entry
-  } : void 0;
-  const [pendingPasteTarget, setPendingPasteTarget] = useState(null);
-  useEffect(() => {
-    if (!pendingPasteTarget) return;
-    if (!editingScope) return;
-    const matched = pendingPasteTarget.kind === "record" ? (isCollection ? selectedItemId : selectedRecordId) === pendingPasteTarget.recordId : editingScope.raw === pendingPasteTarget.ref;
-    if (!matched) return;
-    const t = window.setTimeout(() => {
-      setPendingPasteTarget(null);
-      void pasteCurrent();
-    }, 0);
-    return () => window.clearTimeout(t);
-  }, [pendingPasteTarget, editingScope, isCollection, selectedItemId, selectedRecordId, pasteCurrent]);
-  const rowClipboard = enableClipboard ? (record) => {
-    const summaryHasData = record.data != null;
-    const sourceParsed = record.scope;
-    const compat = clipboard.entry ? checkPasteCompatibility(clipboard.entry.sourceScope, sourceParsed) : null;
-    const sameTarget = clipboard.entry ? clipboard.entry.sourceRecordId && record.id ? clipboard.entry.sourceRecordId === record.id : clipboard.entry.sourceScope.raw === record.ref : false;
-    return {
-      onCopy: summaryHasData ? () => {
-        const value = onCopyOverride ? onCopyOverride({ value: record.data, scope: sourceParsed }) : cloneValue(record.data);
-        clipboard.set({
-          value,
-          sourceScope: sourceParsed,
-          sourceRecordId: record.id ?? void 0,
-          sourceLabel: record.label
-        });
-        onTelemetry?.({ type: "clipboard.copy", recordType, sourceRef: record.ref });
-        setClipboardNotice({
-          message: i18n.copyToast.replace("{name}", record.label),
-          variant: "copy"
-        });
-      } : void 0,
-      onPaste: () => {
-        onLeftSelectRef.current?.(record);
-        setPendingPasteTarget(
-          record.id ? { kind: "record", recordId: record.id } : { kind: "anchor", ref: record.ref }
-        );
-      },
-      canPaste: !!clipboard.entry && !sameTarget && compat?.status !== "denied",
-      pasteWillReplace: record.status === "configured",
-      clipboardSourceLabel: clipboard.entry?.sourceLabel
-    };
-  } : void 0;
-  const onLeftSelectRef = useRef(null);
+    onLeftSelectRef
+  });
+  const editorClipboard = shellClipboard.editorClipboard;
+  const rowClipboard = shellClipboard.rowClipboard;
   const baseScopeRef = editingScope?.raw ?? "";
   const itemNounLabel = itemNoun || "item";
   const buildItemUrlValue = useCallback((id) => {
@@ -5422,11 +6103,52 @@ function RecordsAdminShellInner(props) {
         scopeRef: baseScopeRef,
         previousSelectedItemId: selectedItemId
       });
+      if (!isDraftId(itemId)) {
+        const row = collectionItems.items.find((it) => it.itemId === itemId || it.id === itemId);
+        if (row && row.data !== void 0) {
+          const cacheKey = resolvedRecordQueryKey({
+            collectionId,
+            appId,
+            recordType,
+            productId: editingScope?.productId,
+            variantId: editingScope?.variantId,
+            batchId: editingScope?.batchId,
+            facetId: editingScope?.facetId,
+            facetValue: editingScope?.facetValue,
+            proofId: editingScope?.proofId,
+            recordId: itemId,
+            withParent: true
+          });
+          if (queryClient.getQueryData(cacheKey) === void 0) {
+            queryClient.setQueryData(cacheKey, {
+              data: row.data,
+              source: "self",
+              sourceRef: row.ref || void 0,
+              recordId: itemId,
+              facetRule: row.facetRule ?? null
+            });
+          }
+        }
+      }
       setSelectedItemId(itemId);
       onTelemetry?.({ type: "item.open", recordType, scopeRef: baseScopeRef, itemId });
       deepLinkState.emit({ recordId: itemId, scope: baseScopeRef || null }, "record.open");
     });
-  }, [isCollection, runWithGuard, onTelemetry, recordType, baseScopeRef, deepLinkState, buildItemUrlValue, selectedItemId]);
+  }, [
+    isCollection,
+    runWithGuard,
+    onTelemetry,
+    recordType,
+    baseScopeRef,
+    deepLinkState,
+    buildItemUrlValue,
+    selectedItemId,
+    collectionItems.items,
+    queryClient,
+    collectionId,
+    appId,
+    editingScope
+  ]);
   const onItemCreate = useCallback(() => {
     if (!isCollection) return;
     void runWithGuard(() => {
@@ -5557,7 +6279,19 @@ function RecordsAdminShellInner(props) {
         clipboard: editorClipboard,
         actionLabels,
         actionIcons,
-        children: renderEditor(editorCtx)
+        children: /* @__PURE__ */ jsx(
+          EditorMountPool,
+          {
+            renderSlot: (slotId) => /* @__PURE__ */ jsx(
+              EditorPoolBody,
+              {
+                editorId: slotId,
+                renderEditor
+              }
+            ),
+            fallback: renderEditor(editorCtx)
+          }
+        )
       }
     );
     const withNav = (node) => itemNav ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col h-full min-h-0", children: [
@@ -5791,15 +6525,8 @@ function RecordsAdminShellInner(props) {
       "data-density": density,
       children: [
         dirtyConfirm.dialog,
-        pasteConfirm.dialog,
-        clipboardNotice && /* @__PURE__ */ jsx(
-          ClipboardToast,
-          {
-            message: clipboardNotice.message,
-            variant: clipboardNotice.variant,
-            onDismiss: () => setClipboardNotice(null)
-          }
-        ),
+        shellClipboard.confirmDialog,
+        shellClipboard.toast,
         (() => {
           const showFloatHelp = !!intro && dismissed && resolvedReopenAffordance === "footer" && !headerWillRender;
           if (!showFloatHelp) return null;
@@ -5851,7 +6578,7 @@ function RecordsAdminShellInner(props) {
                 title: title ?? label ?? recordType ?? "",
                 subtitle,
                 headerIcon,
-                headerActions,
+                headerActions: composedHeaderActions,
                 showStats,
                 showHeaderIcon,
                 recordType,
@@ -5878,25 +6605,25 @@ function RecordsAdminShellInner(props) {
               onShowIntro: undismiss
             }
           ) : null,
-          dirtyStrategy === "keep" && (dirtyDrafts.some((d) => d.status !== "saved") || editorCtx.isDirty) && /* @__PURE__ */ jsx(
+          showTrayBanner && /* @__PURE__ */ jsx(
             UnsavedTray,
             {
-              drafts: dirtyDrafts,
+              items: dirtyItems,
               isSaving: saveAllOpen,
-              onSaveAll: () => setSaveAllOpen(true),
-              onDiscardAll: () => {
-                if (editorCtx.isDirty) editorCtx.reset();
-                draftStore.clearAll();
-              },
-              onOpenDraft: (d) => {
-                if (d.recordId) {
-                  setSelectedRecordId(d.recordId);
+              onSaveAll: handleSaveAll,
+              onDiscardAll: handleDiscardAll,
+              onOpenItem: (it) => {
+                editorSelection.focus(it.editorId);
+                if (it.recordId) {
+                  setSelectedRecordId(it.recordId);
                   setDraftKind(null);
                 }
               },
               onJumpToError: () => {
-                const first = dirtyDrafts.find((d) => d.status === "error");
-                if (first?.recordId) {
+                const first = dirtyItems.find((it) => it.status === "error");
+                if (!first) return;
+                editorSelection.focus(first.editorId);
+                if (first.recordId) {
                   setSelectedRecordId(first.recordId);
                   setDraftKind(null);
                 }
@@ -5916,12 +6643,13 @@ function RecordsAdminShellInner(props) {
             SaveAllProgress,
             {
               open: saveAllOpen,
-              drafts: dirtyDrafts,
-              store: draftStore,
+              items: dirtyItems,
+              saveOne: dirtyOverview.saveOne,
               onClose: () => setSaveAllOpen(false),
-              onJumpToError: (d) => {
-                if (d.recordId) {
-                  setSelectedRecordId(d.recordId);
+              onJumpToError: (it) => {
+                editorSelection.focus(it.editorId);
+                if (it.recordId) {
+                  setSelectedRecordId(it.recordId);
                   setDraftKind(null);
                 }
               },
@@ -6431,6 +7159,414 @@ var ResolvedPreview = ({ children }) => /* @__PURE__ */ jsxs("div", { className:
   /* @__PURE__ */ jsx("div", { className: "text-[10px] uppercase tracking-wide mb-2", style: { color: "hsl(var(--ra-muted-text))" }, children: "Public preview" }),
   children
 ] });
+var createStore = () => {
+  const map = /* @__PURE__ */ new Map();
+  const listeners = /* @__PURE__ */ new Set();
+  let nextOrder = 0;
+  let cachedList = [];
+  const recompute = () => {
+    cachedList = Array.from(map.values()).sort((a, b) => a.order - b.order);
+  };
+  const emit = () => {
+    recompute();
+    listeners.forEach((l) => l());
+  };
+  return {
+    list: () => cachedList,
+    get: (key) => map.get(key),
+    has: (key) => map.has(key),
+    upsertDraft(input) {
+      const existing = map.get(input.key);
+      const order = existing?.order ?? input.order ?? nextOrder++;
+      const status = input.status ?? existing?.status ?? "dirty";
+      map.set(input.key, {
+        ...input,
+        order,
+        status
+      });
+      emit();
+    },
+    setStatus(key, status, error) {
+      const existing = map.get(key);
+      if (!existing) return;
+      map.set(key, { ...existing, status, error });
+      emit();
+    },
+    clearDraft(key) {
+      if (map.delete(key)) emit();
+    },
+    clearAll() {
+      if (map.size === 0) return;
+      map.clear();
+      emit();
+    },
+    subscribe(listener) {
+      listeners.add(listener);
+      return () => {
+        listeners.delete(listener);
+      };
+    }
+  };
+};
+var DirtyDraftContext = createContext(null);
+var DirtyDraftProvider = ({ children }) => {
+  const storeRef = useRef(null);
+  if (!storeRef.current) storeRef.current = createStore();
+  return /* @__PURE__ */ jsx(DirtyDraftContext.Provider, { value: storeRef.current, children });
+};
+var useDirtyDraftStore = () => {
+  const ctx = useContext(DirtyDraftContext);
+  const fallbackRef = useRef(null);
+  if (!ctx && !fallbackRef.current) fallbackRef.current = createStore();
+  return ctx ?? fallbackRef.current;
+};
+var useDirtyDrafts = () => {
+  const store = useDirtyDraftStore();
+  return useSyncExternalStore(
+    useCallback((cb) => store.subscribe(cb), [store]),
+    useCallback(() => store.list(), [store]),
+    useCallback(() => store.list(), [store])
+  );
+};
+var useDirtyDraft = (key) => {
+  const store = useDirtyDraftStore();
+  const getSnapshot = useCallback(
+    () => key ? store.get(key) : void 0,
+    [store, key]
+  );
+  return useSyncExternalStore(
+    useCallback((cb) => store.subscribe(cb), [store]),
+    getSnapshot,
+    getSnapshot
+  );
+};
+var buildDraftKey = (opts) => {
+  if (opts.recordId) return opts.recordId;
+  const kind = opts.draftKind ?? "rec";
+  return `draft:${kind}:${opts.scopeRaw}`;
+};
+var useDirtyDraftActions = () => {
+  const store = useDirtyDraftStore();
+  const drafts = useDirtyDrafts();
+  const count = useMemo(() => drafts.filter((d) => d.status !== "saved").length, [drafts]);
+  const errorCount = useMemo(() => drafts.filter((d) => d.status === "error").length, [drafts]);
+  return { drafts, count, errorCount, store };
+};
+
+// src/components/RecordsAdmin/hooks/useRecordEditor.ts
+var isEqual2 = (a, b) => {
+  try {
+    return JSON.stringify(a) === JSON.stringify(b);
+  } catch {
+    return false;
+  }
+};
+var cloneSeed = (resolved, defaultData) => {
+  if (resolved.source === "self") return resolved.data;
+  if (resolved.source === "inherited" && resolved.data != null) {
+    try {
+      return structuredClone(resolved.data);
+    } catch {
+      return JSON.parse(JSON.stringify(resolved.data));
+    }
+  }
+  return defaultData?.() ?? {};
+};
+var getScopedResolvedRecordId = (scope, resolved) => {
+  if (!resolved.recordId) return void 0;
+  if (scope.itemId && scope.itemId === resolved.recordId) return resolved.recordId;
+  const scopeRaw = scope.raw || "";
+  const sourceRef = resolved.sourceRef || "";
+  if (scopeRaw === sourceRef) return resolved.recordId;
+  return void 0;
+};
+function useRecordEditor(args) {
+  const {
+    ctx,
+    scope,
+    resolved,
+    defaultData,
+    onSaved,
+    onDeleted,
+    onSaveError,
+    reseed = "always",
+    initialFacetRule = null,
+    createMode = false,
+    deriveDraftLabel
+  } = args;
+  const queryClient = useQueryClient();
+  const draftStore = useDirtyDraftStore();
+  const scopedResolvedRecordId = getScopedResolvedRecordId(scope, resolved);
+  const draftKey = buildDraftKey({
+    // Scope identity must win during record switches. `resolved.recordId`
+    // can briefly lag behind the newly-selected target while the resolver is
+    // catching up, and keying drafts off that stale id lets one edited item
+    // borrow another item's draft. Once the resolver confirms the matching
+    // record for this scope, we transparently migrate onto the concrete UUID.
+    recordId: scopedResolvedRecordId,
+    scopeRaw: scope.raw,
+    draftKind: scope.kind
+  });
+  const initialDraft = draftStore.get(draftKey);
+  const cleanSeed = cloneSeed(resolved, defaultData);
+  const seed = initialDraft && reseed === "preserve-dirty" ? initialDraft.value : cleanSeed;
+  const seedFacetRule = initialDraft && reseed === "preserve-dirty" ? initialDraft.facetRule : initialFacetRule;
+  const [value, setValue] = useState(seed);
+  const [savedSnapshot, setSavedSnapshot] = useState(
+    initialDraft ? initialDraft.baseline : cleanSeed
+  );
+  const [facetRule, setFacetRule] = useState(seedFacetRule);
+  const [savedFacetRule, setSavedFacetRule] = useState(
+    initialDraft ? initialDraft.baselineFacetRule : initialFacetRule
+  );
+  const [userInteracted, setUserInteracted] = useState(!!initialDraft);
+  const [optimisticSource, setOptimisticSource] = useState(null);
+  const [isSaving, setIsSaving] = useState(false);
+  const [saveError, setSaveError] = useState(null);
+  const valueRef = useRef(seed);
+  useEffect(() => {
+    valueRef.current = value;
+  }, [value]);
+  const prevTargetRef = useRef({
+    scopeRaw: scope.raw,
+    recordId: resolved.recordId
+  });
+  useEffect(() => {
+    const prev = prevTargetRef.current;
+    const targetChanged = prev.scopeRaw !== scope.raw || (prev.recordId ?? null) !== (resolved.recordId ?? null);
+    prevTargetRef.current = { scopeRaw: scope.raw, recordId: resolved.recordId };
+    const fresh = cloneSeed(resolved, defaultData);
+    if (targetChanged) {
+      const incomingKey = buildDraftKey({
+        recordId: getScopedResolvedRecordId(scope, resolved),
+        scopeRaw: scope.raw,
+        draftKind: scope.kind
+      });
+      const incomingDraft = draftStore.get(incomingKey);
+      if (incomingDraft && reseed === "preserve-dirty") {
+        setValue(incomingDraft.value);
+        setSavedSnapshot(incomingDraft.baseline);
+        setFacetRule(incomingDraft.facetRule);
+        setSavedFacetRule(incomingDraft.baselineFacetRule);
+        setUserInteracted(true);
+      } else {
+        setValue(fresh);
+        setSavedSnapshot(fresh);
+        setFacetRule(initialFacetRule);
+        setSavedFacetRule(initialFacetRule);
+        setUserInteracted(false);
+      }
+    } else {
+      if (reseed === "preserve-dirty") {
+        const hasUnsaved = !isEqual2(valueRef.current, savedSnapshot);
+        if (!hasUnsaved) setValue(fresh);
+      } else {
+        setValue(fresh);
+      }
+      setSavedSnapshot(fresh);
+      setFacetRule(initialFacetRule);
+      setSavedFacetRule(initialFacetRule);
+    }
+    setOptimisticSource(null);
+  }, [scope.raw, resolved.recordId, resolved.source, resolved.sourceRef]);
+  const valueDiff = !isEqual2(value, savedSnapshot) || !isEqual2(facetRule, savedFacetRule);
+  const isDirty = userInteracted && valueDiff;
+  const handleChange = useCallback((next) => {
+    setUserInteracted(true);
+    setValue(next);
+  }, []);
+  const handleFacetRuleChange = useCallback((next) => {
+    setUserInteracted(true);
+    setFacetRule(next);
+  }, []);
+  const save = useCallback(async () => {
+    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) {
+      console.warn("[useRecordEditor] save() bailed \u2014 rule scope with no clauses, no recordId, not in createMode");
+      return;
+    }
+    const previousSnapshot = savedSnapshot;
+    const previousRuleSnapshot = savedFacetRule;
+    resolved.source;
+    const cacheKey = resolvedRecordQueryKey({
+      collectionId: ctx.collectionId,
+      appId: ctx.appId,
+      recordType: ctx.recordType,
+      productId: scope.productId,
+      variantId: scope.variantId,
+      batchId: scope.batchId,
+      facetId: scope.facetId,
+      facetValue: scope.facetValue,
+      proofId: scope.proofId,
+      recordId: resolved.recordId,
+      withParent: true
+    });
+    const previousCache = queryClient.getQueryData(cacheKey);
+    setSaveError(null);
+    setIsSaving(true);
+    setSavedSnapshot(value);
+    setSavedFacetRule(facetRule);
+    setOptimisticSource("self");
+    queryClient.setQueryData(cacheKey, {
+      data: value,
+      source: "self",
+      sourceRef: scope.raw,
+      recordId: resolved.recordId,
+      parentValue: previousCache?.parentValue ?? resolved.parentValue
+    });
+    try {
+      if (resolved.recordId && resolved.source === "self") {
+        await updateRecord(ctx, resolved.recordId, {
+          data: value,
+          facetRule
+        });
+      } else if (createMode) {
+        await createRecord(ctx, {
+          ref: scope.kind === "rule" && scope.raw ? scope.raw : 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,
+          scope: anchors,
+          data: value,
+          facetRule
+        });
+      }
+      draftStore.clearDraft(draftKey);
+      onSaved?.();
+    } catch (err) {
+      setSavedSnapshot(previousSnapshot);
+      setSavedFacetRule(previousRuleSnapshot);
+      setOptimisticSource(null);
+      if (previousCache !== void 0) {
+        queryClient.setQueryData(cacheKey, previousCache);
+      } else {
+        queryClient.invalidateQueries({ queryKey: cacheKey });
+      }
+      setSaveError(err);
+      onSaveError?.(err);
+      throw err;
+    } finally {
+      setIsSaving(false);
+    }
+  }, [scope.raw, value, savedSnapshot, facetRule, savedFacetRule, resolved.source, resolved.parentValue, resolved.recordId, createMode, draftKey]);
+  const reset = useCallback(() => {
+    setValue(savedSnapshot);
+    setFacetRule(savedFacetRule);
+    setUserInteracted(false);
+    draftStore.clearDraft(draftKey);
+  }, [savedSnapshot, savedFacetRule, draftKey]);
+  const remove = useCallback(async () => {
+    if (resolved.source !== "self") return;
+    if (!resolved.recordId) return;
+    await removeRecord(ctx, resolved.recordId);
+    draftStore.clearDraft(draftKey);
+    onDeleted?.();
+  }, [resolved.source, resolved.recordId, draftKey]);
+  const prevDraftKeyRef = useRef(draftKey);
+  const prevScopeRawRef = useRef(scope.raw);
+  useEffect(() => {
+    const prevKey = prevDraftKeyRef.current;
+    const prevScopeRaw = prevScopeRawRef.current;
+    if (prevKey && prevKey !== draftKey && prevScopeRaw === scope.raw) {
+      const stale = draftStore.get(prevKey);
+      if (stale) draftStore.clearDraft(prevKey);
+    }
+    prevDraftKeyRef.current = draftKey;
+    prevScopeRawRef.current = scope.raw;
+  }, [draftKey, scope.raw]);
+  useEffect(() => {
+    if (!isDirty) {
+      return;
+    }
+    const anchors = parsedRefToScope(scope);
+    const saveKind = resolved.recordId && resolved.source === "self" ? "update" : createMode ? "create" : "upsert";
+    const deriveLabel = () => {
+      if (deriveDraftLabel) {
+        try {
+          const custom = deriveDraftLabel(value, scope);
+          if (typeof custom === "string" && custom.trim()) return custom.trim();
+        } catch {
+        }
+      }
+      const KEYS = ["title", "name", "label", "heading", "question", "slug"];
+      const pickString = (obj) => {
+        if (!obj || typeof obj !== "object") return void 0;
+        for (const key of KEYS) {
+          const raw = obj[key];
+          if (typeof raw === "string" && raw.trim()) return raw.trim();
+        }
+        return void 0;
+      };
+      const v = value;
+      const top = pickString(v);
+      if (top) return top;
+      if (v && typeof v === "object") {
+        for (const wrapper of ["display", "content", "meta", "data"]) {
+          const nested = pickString(v[wrapper]);
+          if (nested) return nested;
+        }
+      }
+      if (scope.raw?.startsWith("item:")) return "Untitled item";
+      if (scope.kind === "rule") return "Rule";
+      if (scope.kind && scope.kind !== "collection") {
+        return scope.kind.charAt(0).toUpperCase() + scope.kind.slice(1);
+      }
+      return "Default";
+    };
+    draftStore.upsertDraft({
+      key: draftKey,
+      label: deriveLabel(),
+      context: scope.kind,
+      scopeRaw: scope.raw,
+      recordId: resolved.recordId,
+      value,
+      facetRule,
+      baseline: savedSnapshot,
+      baselineFacetRule: savedFacetRule,
+      createMode,
+      scopeAnchors: anchors,
+      ref: scope.kind === "rule" && scope.raw ? scope.raw : void 0,
+      saveKind,
+      save: async () => {
+        await save();
+      }
+    });
+  }, [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 canSave = ruleValid;
+  const cannotSaveReason = !ruleValid ? "Pick at least one value for every facet in the rule before saving." : void 0;
+  return {
+    value,
+    onChange: handleChange,
+    source: effectiveSource,
+    recordId: resolved.recordId,
+    parentValue: resolved.parentValue,
+    scope,
+    isDirty,
+    save,
+    reset,
+    remove,
+    canRemove: effectiveSource === "self",
+    canSave,
+    cannotSaveReason,
+    isSaving,
+    saveError,
+    facetRule,
+    onFacetRuleChange: handleFacetRuleChange
+  };
+}
 var resolveAllQueryKey = (args) => [
   "records-admin",
   "resolve-all",
@@ -6671,6 +7807,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, downloadBlob, exportCsv, importCsv, 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, 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 };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map