@proveanything/smartlinks-utils-ui 0.7.1 → 0.7.3

package/dist/components/RecordsAdmin/index.js

@@ -4,11 +4,11 @@ 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';
 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, 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, ArrowRight, BookOpen, Target, Settings2 } from 'lucide-react';
+import { createContext, useMemo, useState, useEffect, useCallback, 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 { createPortal } from 'react-dom';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { createPortal } from 'react-dom';
 
 var DEFAULT_ICONS = {
   scope: {
@@ -97,6 +97,17 @@ var DEFAULT_I18N = {
   unsavedPromptCancel: "Stay here",
   unsavedPromptSave: "Save & continue",
   unsavedBannerBody: "Unsaved changes on {name}",
+  unsavedTrayCount: "{n} records have unsaved changes",
+  unsavedTrayErrors: "{n} errors",
+  saveAll: "Save all",
+  discardAll: "Discard all",
+  saveAllInProgress: "Saving {n} records\u2026",
+  saveAllSuccess: "Saved {n} records",
+  saveAllErrorTitle: "Saved with errors",
+  saveAllStop: "Stop",
+  saveAllClose: "Close",
+  saveAllRetryFailed: "Retry failed",
+  saveAllJumpToError: "Jump to first error",
   presentationList: "List",
   presentationCompact: "Compact",
   itemViewTable: "Table",
@@ -557,6 +568,99 @@ function useRulePreview(args) {
     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 };
+};
 
 // src/components/RecordsAdmin/hooks/useRecordEditor.ts
 var isEqual = (a, b) => {
@@ -591,11 +695,24 @@ function useRecordEditor(args) {
     createMode = false
   } = args;
   const queryClient = useQueryClient();
-  const seed = cloneSeed(resolved, defaultData);
+  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(seed);
-  const [facetRule, setFacetRule] = useState(initialFacetRule);
-  const [savedFacetRule, setSavedFacetRule] = useState(initialFacetRule);
+  const [savedSnapshot, setSavedSnapshot] = useState(
+    initialDraft ? initialDraft.baseline : cleanSeed
+  );
+  const [facetRule, setFacetRule] = useState(seedFacetRule);
+  const [savedFacetRule, setSavedFacetRule] = useState(
+    initialDraft ? initialDraft.baselineFacetRule : initialFacetRule
+  );
   const [optimisticSource, setOptimisticSource] = useState(null);
   const [isSaving, setIsSaving] = useState(false);
   const [saveError, setSaveError] = useState(null);
@@ -621,8 +738,9 @@ function useRecordEditor(args) {
     const anchors = parsedRefToScope(scope);
     const hasAnchors = !!(anchors.productId || anchors.variantId || anchors.batchId || anchors.proofId);
     const hasRule = !!(facetRule && facetRule.all && facetRule.all.length > 0);
-    if (!hasAnchors && !hasRule && !scope.raw && !createMode && !resolved.recordId) {
-      console.warn("[useRecordEditor] save() bailed \u2014 no scope, no rule, no recordId, not in createMode");
+    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;
@@ -678,6 +796,7 @@ function useRecordEditor(args) {
           facetRule
         });
       }
+      draftStore.clearDraft(draftKey);
       onSaved?.();
     } catch (err) {
       setSavedSnapshot(previousSnapshot);
@@ -698,13 +817,40 @@ function useRecordEditor(args) {
   const reset = useCallback(() => {
     setValue(savedSnapshot);
     setFacetRule(savedFacetRule);
+    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]);
+  useEffect(() => {
+    if (!isDirty) {
+      return;
+    }
+    const anchors = parsedRefToScope(scope);
+    const saveKind = resolved.recordId && resolved.source === "self" ? "update" : createMode ? "create" : "upsert";
+    draftStore.upsertDraft({
+      key: draftKey,
+      label: scope.raw || "Default",
+      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);
@@ -1622,7 +1768,7 @@ function summarizeFacetRule(rule) {
   });
 }
 var DefaultRecordRow = ({ record, ctx, compact = false }) => {
-  const { selected, onSelect, isDirty, onCopy, onPaste, canPaste, pasteWillReplace, clipboardSourceLabel } = ctx;
+  const { selected, onSelect, isDirty, hasError, onCopy, onPaste, canPaste, pasteWillReplace, clipboardSourceLabel } = ctx;
   const ScopeIcon = record.scope.kind && record.scope.kind !== "collection" ? DEFAULT_ICONS.scope[record.scope.kind] : DEFAULT_ICONS.scope.product;
   const tone = resolveTone(void 0, record.status);
   const ruleSummary = formatFacetRule(record.facetRule);
@@ -1669,7 +1815,14 @@ var DefaultRecordRow = ({ record, ctx, compact = false }) => {
         compact && /* @__PURE__ */ jsx(StatusIcon, { status: record.status, size: "0.85rem" }),
         !compact && record.scope.kind && record.scope.kind !== "collection" && /* @__PURE__ */ jsx("span", { className: "ra-row-scope", "aria-hidden": "true", children: /* @__PURE__ */ jsx(ScopeIcon, { className: "w-3 h-3" }) }),
         record.badges?.slice(0, 1).map((b, i) => /* @__PURE__ */ jsx("span", { className: "ra-chip", "data-tone": "muted", children: b.label }, `${b.label}-${i}`)),
-        isDirty && /* @__PURE__ */ jsx(
+        hasError ? /* @__PURE__ */ jsx(
+          "span",
+          {
+            title: "Save failed",
+            "aria-label": "Save failed",
+            className: "ra-error-pip"
+          }
+        ) : isDirty && /* @__PURE__ */ jsx(
           "span",
           {
             title: "Unsaved changes",
@@ -1705,6 +1858,8 @@ var RecordList = ({
   onSelect,
   dirtyId,
   dirtyAnchorKey,
+  dirtyKeys,
+  errorKeys,
   presentation = "list",
   renderListRow,
   groupBy,
@@ -1717,10 +1872,14 @@ var RecordList = ({
     const anchorMatch = selectedAnchorKey != null && item.ref === selectedAnchorKey;
     const dirtyIdMatch = dirtyId != null && item.id != null && item.id === dirtyId;
     const dirtyAnchorMatch = dirtyAnchorKey != null && item.ref === dirtyAnchorKey;
+    const idInStore = !!(item.id && dirtyKeys?.has(item.id));
+    const refInStore = !!(item.ref && dirtyKeys?.has(item.ref));
+    const errorInStore = !!(item.id && errorKeys?.has(item.id) || item.ref && errorKeys?.has(item.ref));
     return {
       selected: idMatch || anchorMatch,
       onSelect: () => onSelect(item),
-      isDirty: dirtyIdMatch || dirtyAnchorMatch,
+      isDirty: dirtyIdMatch || dirtyAnchorMatch || idInStore || refInStore,
+      hasError: errorInStore,
       i18n,
       ...cb ?? {}
     };
@@ -4009,64 +4168,298 @@ function WizardFooter({
     }
   );
 }
-var UnsavedBanner = ({
-  label,
-  context,
+var statusDot = (status) => {
+  switch (status) {
+    case "saving":
+      return "hsl(var(--ra-accent))";
+    case "saved":
+      return "hsl(var(--ra-success, 142 71% 45%))";
+    case "error":
+      return "hsl(var(--ra-danger, 0 72% 51%))";
+    case "dirty":
+    default:
+      return "hsl(var(--ra-warning, 38 92% 50%))";
+  }
+};
+var UnsavedTray = ({
+  drafts,
   isSaving,
-  saveError,
-  onSave,
-  onDiscard,
+  onSaveAll,
+  onDiscardAll,
+  onOpenDraft,
+  onJumpToError,
   saveLabel,
   discardLabel,
-  bodyTemplate,
-  savingLabel,
-  errorLabel,
+  saveAllLabel,
+  discardAllLabel,
+  countTemplate,
+  errorCountTemplate,
+  jumpToErrorLabel,
   SaveIcon,
   DiscardIcon
 }) => {
+  const [open, setOpen] = useState(false);
+  const wrapRef = useRef(null);
   const SI = SaveIcon ?? Save;
   const DI = DiscardIcon ?? Undo2;
-  const name = label ?? context ?? "this record";
-  const message = bodyTemplate.replace("{name}", name);
-  return /* @__PURE__ */ jsxs("div", { className: "ra-unsaved-banner", role: "status", "aria-live": "polite", children: [
-    /* @__PURE__ */ jsx("span", { className: "ra-unsaved-icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx(AlertCircle, { className: "w-3.5 h-3.5" }) }),
-    /* @__PURE__ */ jsxs("span", { className: "ra-unsaved-text", children: [
-      message,
-      context && label && /* @__PURE__ */ jsxs("span", { className: "ra-unsaved-context", children: [
-        " \xB7 ",
-        context
-      ] })
-    ] }),
-    saveError != null && !isSaving && /* @__PURE__ */ jsx("span", { className: "ra-unsaved-error", role: "alert", children: errorLabel ?? "Save failed" }),
-    /* @__PURE__ */ jsxs("div", { className: "ra-unsaved-actions", children: [
-      /* @__PURE__ */ jsxs(
-        "button",
-        {
-          type: "button",
-          className: "ra-unsaved-btn ra-unsaved-btn-ghost",
-          onClick: onDiscard,
-          disabled: isSaving,
-          children: [
-            /* @__PURE__ */ jsx(DI, { className: "w-3 h-3" }),
-            discardLabel
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxs(
-        "button",
+  const total = drafts.length;
+  const errors = drafts.filter((d) => d.status === "error").length;
+  const isSingle = total === 1;
+  useEffect(() => {
+    if (!open) return;
+    const onDoc = (e) => {
+      if (!wrapRef.current?.contains(e.target)) setOpen(false);
+    };
+    window.addEventListener("mousedown", onDoc);
+    return () => window.removeEventListener("mousedown", onDoc);
+  }, [open]);
+  if (total === 0) return null;
+  const countLabel = isSingle ? drafts[0].label || "this record" : countTemplate.replace("{n}", String(total));
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: wrapRef,
+      className: "ra-unsaved-tray",
+      role: "status",
+      "aria-live": "polite",
+      onClick: (e) => e.stopPropagation(),
+      onMouseDown: (e) => e.stopPropagation(),
+      onTouchStart: (e) => e.stopPropagation(),
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "ra-unsaved-icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx(AlertCircle, { className: "w-3.5 h-3.5" }) }),
+        isSingle ? /* @__PURE__ */ jsxs("span", { className: "ra-unsaved-text", children: [
+          "Unsaved changes on ",
+          /* @__PURE__ */ jsx("strong", { children: countLabel })
+        ] }) : /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            className: "ra-unsaved-count",
+            onClick: () => setOpen((v) => !v),
+            "aria-expanded": open,
+            children: [
+              countLabel,
+              /* @__PURE__ */ jsx(ChevronDown, { className: "w-3 h-3" })
+            ]
+          }
+        ),
+        errors > 0 && /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            className: "ra-unsaved-error-chip",
+            onClick: () => onJumpToError?.(),
+            title: jumpToErrorLabel,
+            children: [
+              "\u26A0 ",
+              errorCountTemplate.replace("{n}", String(errors))
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "ra-unsaved-actions", children: [
+          /* @__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
+              ]
+            }
+          )
+        ] }),
+        open && !isSingle && /* @__PURE__ */ jsx("div", { className: "ra-unsaved-popover", role: "menu", children: drafts.map((d) => /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            className: "ra-unsaved-popover-row",
+            onClick: () => {
+              setOpen(false);
+              onOpenDraft?.(d);
+            },
+            role: "menuitem",
+            children: [
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: "ra-unsaved-popover-dot",
+                  style: { background: statusDot(d.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" })
+            ]
+          },
+          d.key
+        )) })
+      ]
+    }
+  );
+};
+var SaveAllProgress = ({
+  open,
+  drafts,
+  store,
+  onClose,
+  onJumpToError,
+  i18n
+}) => {
+  const [running, setRunning] = useState(false);
+  const [done, setDone] = useState(false);
+  const stopRef = useRef(false);
+  const [batch, setBatch] = useState([]);
+  useEffect(() => {
+    if (!open) {
+      setRunning(false);
+      setDone(false);
+      stopRef.current = false;
+      setBatch([]);
+      return;
+    }
+    const initial = drafts.filter((d) => d.status !== "saved");
+    setBatch(initial);
+    void runBatch(initial);
+  }, [open]);
+  const runBatch = async (items) => {
+    setRunning(true);
+    setDone(false);
+    stopRef.current = false;
+    for (const item of items) {
+      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);
+      }
+    }
+    setRunning(false);
+    setDone(true);
+  };
+  const visible = batch.map((d) => store.get(d.key) ?? d);
+  const total = visible.length;
+  const completed = visible.filter((d) => d.status === "saved" || d.status === "error").length;
+  const errors = visible.filter((d) => d.status === "error");
+  const successAll = done && errors.length === 0 && completed === total;
+  useEffect(() => {
+    if (!successAll) return;
+    const t = window.setTimeout(() => onClose(), 800);
+    return () => window.clearTimeout(t);
+  }, [successAll, onClose]);
+  if (!open) return null;
+  const title = running ? i18n.title.replace("{n}", String(total)) : errors.length > 0 ? i18n.errorTitle : i18n.successTitle.replace("{n}", String(total));
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "ra-saveall-overlay",
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-label": title,
+      children: /* @__PURE__ */ jsxs(
+        "div",
         {
-          type: "button",
-          className: "ra-unsaved-btn ra-unsaved-btn-primary",
-          onClick: onSave,
-          disabled: isSaving,
+          className: "ra-saveall-card",
+          onClick: (e) => e.stopPropagation(),
+          onMouseDown: (e) => e.stopPropagation(),
+          onTouchStart: (e) => e.stopPropagation(),
           children: [
-            /* @__PURE__ */ jsx(SI, { className: "w-3 h-3" }),
-            isSaving ? savingLabel ?? "Saving\u2026" : saveLabel
+            /* @__PURE__ */ jsxs("div", { className: "ra-saveall-header", children: [
+              /* @__PURE__ */ jsx("div", { className: "ra-saveall-title", children: title }),
+              /* @__PURE__ */ jsx("div", { className: "ra-saveall-progress", "aria-hidden": "true", children: /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: "ra-saveall-progress-bar",
+                  style: { width: `${total ? completed / total * 100 : 0}%` }
+                }
+              ) }),
+              /* @__PURE__ */ jsxs("div", { className: "ra-saveall-counter", children: [
+                completed,
+                " / ",
+                total
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx("ul", { className: "ra-saveall-list", children: visible.map((d) => /* @__PURE__ */ jsxs("li", { className: "ra-saveall-row", "data-status": d.status, children: [
+              /* @__PURE__ */ jsxs("span", { className: "ra-saveall-icon", "aria-hidden": "true", children: [
+                d.status === "saving" && /* @__PURE__ */ jsx(Loader2, { className: "w-4 h-4 ra-spin" }),
+                d.status === "saved" && /* @__PURE__ */ jsx(CheckCircle2, { className: "w-4 h-4" }),
+                d.status === "error" && /* @__PURE__ */ jsx(XCircle, { className: "w-4 h-4" }),
+                d.status === "dirty" && /* @__PURE__ */ jsx(Circle, { className: "w-4 h-4" })
+              ] }),
+              /* @__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)) }),
+            /* @__PURE__ */ jsxs("div", { className: "ra-saveall-actions", children: [
+              running && /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  className: "ra-unsaved-btn ra-unsaved-btn-ghost",
+                  onClick: () => {
+                    stopRef.current = true;
+                  },
+                  children: i18n.stop
+                }
+              ),
+              !running && errors.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    className: "ra-unsaved-btn ra-unsaved-btn-ghost",
+                    onClick: () => {
+                      onJumpToError?.(errors[0]);
+                      onClose();
+                    },
+                    children: i18n.jumpToError
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    className: "ra-unsaved-btn ra-unsaved-btn-primary",
+                    onClick: () => void runBatch(errors),
+                    children: i18n.retryFailed
+                  }
+                )
+              ] }),
+              !running && /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  className: "ra-unsaved-btn ra-unsaved-btn-ghost",
+                  onClick: onClose,
+                  children: i18n.close
+                }
+              )
+            ] })
           ]
         }
       )
-    ] })
-  ] });
+    }
+  );
 };
 var ClipboardToast = ({ message, variant = "copy", onDismiss }) => {
   useEffect(() => {
@@ -4196,7 +4589,7 @@ var downloadBlob = (blob, filename) => {
 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}\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(180px, 1fr));\n  gap: 0.85rem;\n}\n.ra-shell .ra-item-gallery {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));\n  gap: 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-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");
+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(180px, 1fr));\n  gap: 0.85rem;\n}\n.ra-shell .ra-item-gallery {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));\n  gap: 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 TOP_LEVEL_SCOPES = ["collection", "rule", "product"];
 var WARNED_FACET_DEPRECATED = false;
 var DRAFT_ID = "__draft__";
@@ -4213,6 +4606,9 @@ var productItemToSummary = (p) => {
   };
 };
 function RecordsAdminShell(props) {
+  return /* @__PURE__ */ jsx(DirtyDraftProvider, { children: /* @__PURE__ */ jsx(RecordsAdminShellInner, { ...props }) });
+}
+function RecordsAdminShellInner(props) {
   const {
     SL,
     appId,
@@ -4470,6 +4866,9 @@ function RecordsAdminShell(props) {
   }, [activeScope]);
   const editingScope = useMemo(() => {
     if (activeScope === "rule" || activeScope === "collection") {
+      if (activeScope === "rule" && ruleWizardStep === 2 && selectedRecordId === null) {
+        return { ...parseRef(""), kind: "rule", raw: "rule:__draft__" };
+      }
       if (selectedRecordId === null) {
         if (activeScope === "collection" && cardinality === "collection") {
           return parseRef("");
@@ -4496,7 +4895,7 @@ function RecordsAdminShell(props) {
       return parseRef(buildRef({ productId: selectedProductId, batchId: selectedBatchId }));
     }
     return parseRef(buildRef({ productId: selectedProductId }));
-  }, [activeScope, cardinality, selectedRecordId, draftKind, recordList.items, selectedProductId, drillTab, selectedVariantId, selectedBatchId]);
+  }, [activeScope, cardinality, selectedRecordId, draftKind, ruleWizardStep, recordList.items, selectedProductId, drillTab, selectedVariantId, selectedBatchId]);
   const isCollection = cardinality === "collection";
   const editingItemRecordId = isCollection ? selectedItemId : null;
   const collectionItems = useCollectionItems({
@@ -4654,6 +5053,17 @@ function RecordsAdminShell(props) {
   });
   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 [saveAllOpen, setSaveAllOpen] = useState(false);
   const clipboard = useRecordClipboard({
     appId,
     recordType: recordType ?? "__default"
@@ -5349,25 +5759,62 @@ function RecordsAdminShell(props) {
               onShowIntro: undismiss
             }
           ) : null,
-          editorCtx.isDirty && /* @__PURE__ */ jsx(
-            UnsavedBanner,
+          dirtyStrategy === "keep" && (dirtyDrafts.length > 0 || editorCtx.isDirty) && /* @__PURE__ */ jsx(
+            UnsavedTray,
             {
-              label: editorHeaderLabel,
-              context: editorHeaderSubtitle,
-              isSaving: !!editorCtx.isSaving,
-              saveError: editorCtx.saveError,
-              onSave: () => {
-                void editorCtx.save().catch(() => {
-                });
+              drafts: dirtyDrafts,
+              isSaving: saveAllOpen,
+              onSaveAll: () => setSaveAllOpen(true),
+              onDiscardAll: () => {
+                if (editorCtx.isDirty) editorCtx.reset();
+                draftStore.clearAll();
+              },
+              onOpenDraft: (d) => {
+                if (d.recordId) {
+                  setSelectedRecordId(d.recordId);
+                  setDraftKind(null);
+                }
+              },
+              onJumpToError: () => {
+                const first = dirtyDrafts.find((d) => d.status === "error");
+                if (first?.recordId) {
+                  setSelectedRecordId(first.recordId);
+                  setDraftKind(null);
+                }
               },
-              onDiscard: editorCtx.reset,
               saveLabel: actionLabels?.save ?? i18n.save,
               discardLabel: actionLabels?.discard ?? i18n.discard,
+              saveAllLabel: actionLabels?.saveAll ?? i18n.saveAll,
+              discardAllLabel: actionLabels?.revertAll ?? i18n.discardAll,
+              countTemplate: i18n.unsavedTrayCount,
+              errorCountTemplate: i18n.unsavedTrayErrors,
+              jumpToErrorLabel: i18n.saveAllJumpToError,
               SaveIcon: actionIcons?.save,
-              DiscardIcon: actionIcons?.discard,
-              savingLabel: i18n.saving,
-              errorLabel: i18n.saveError,
-              bodyTemplate: i18n.unsavedBannerBody
+              DiscardIcon: actionIcons?.discard
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            SaveAllProgress,
+            {
+              open: saveAllOpen,
+              drafts: dirtyDrafts,
+              store: draftStore,
+              onClose: () => setSaveAllOpen(false),
+              onJumpToError: (d) => {
+                if (d.recordId) {
+                  setSelectedRecordId(d.recordId);
+                  setDraftKind(null);
+                }
+              },
+              i18n: {
+                title: i18n.saveAllInProgress,
+                successTitle: i18n.saveAllSuccess,
+                errorTitle: i18n.saveAllErrorTitle,
+                stop: i18n.saveAllStop,
+                close: i18n.saveAllClose,
+                retryFailed: i18n.saveAllRetryFailed,
+                jumpToError: i18n.saveAllJumpToError
+              }
             }
           )
         ] }),
@@ -5515,6 +5962,8 @@ function RecordsAdminShell(props) {
                         onSelect: onLeftSelect,
                         dirtyId,
                         dirtyAnchorKey,
+                        dirtyKeys,
+                        errorKeys,
                         presentation: effectivePresentation,
                         renderListRow,
                         groupBy: effectiveGroupBy,
@@ -5730,7 +6179,7 @@ var RecordBrowser = ({
 };
 var initials2 = (s) => s.split(/\s+/).filter(Boolean).slice(0, 2).map((p) => p[0]?.toUpperCase() ?? "").join("") || "?";
 var DefaultRecordCard = ({ record, ctx, variant = "grid" }) => {
-  const { selected, onSelect, isDirty, onCopy, onPaste, canPaste, pasteWillReplace, clipboardSourceLabel } = ctx;
+  const { selected, onSelect, isDirty, hasError, onCopy, onPaste, canPaste, pasteWillReplace, clipboardSourceLabel } = ctx;
   const aspect = variant === "gallery" ? "aspect-video" : "aspect-square";
   return /* @__PURE__ */ jsxs(
     "button",
@@ -5770,7 +6219,14 @@ var DefaultRecordCard = ({ record, ctx, variant = "grid" }) => {
                 }
               ),
               /* @__PURE__ */ jsx("div", { className: "absolute top-1.5 left-1.5", children: /* @__PURE__ */ jsx(StatusDot, { status: record.status }) }),
-              isDirty && /* @__PURE__ */ jsx(
+              hasError ? /* @__PURE__ */ jsx(
+                "span",
+                {
+                  title: "Save failed",
+                  "aria-label": "Save failed",
+                  className: "ra-error-pip absolute top-1.5 right-1.5"
+                }
+              ) : isDirty && /* @__PURE__ */ jsx(
                 "span",
                 {
                   title: "Unsaved changes",
@@ -6093,6 +6549,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, 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, buildRef, checkPasteCompatibility, cloneValue, createDefaultDeepLinkAdapter, downloadBlob, exportCsv, importCsv, mergeIcons, parseRef, pickHeaderIcon, resolutionChain, resolveRecord, statusToneLabel, useCollectedRecords, useCollectionItems, useDeepLinkState, 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, 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 };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map