@proveanything/smartlinks-utils-ui 0.3.1 → 0.3.2

package/dist/components/RecordsAdmin/index.js

@@ -1,5 +1,6 @@
+import { styleInject } from '../../chunk-WFNEZQCD.js';
 import { cn } from '../../chunk-L7FQ52F5.js';
-import { createContext, useMemo, useState, useEffect, useCallback, useRef, useContext, createElement, isValidElement } from 'react';
+import { createContext, useMemo, useState, useEffect, useCallback, useRef, useContext, createElement } from 'react';
 import { ChevronDown, Database, Lightbulb, SearchX, Inbox, LayoutGrid, Eye, MoreHorizontal, Download, Upload, Trash2, Copy, Pencil, Plus, CircleDashed, ArrowDownLeft, CheckCircle2, Globe, Tag, Boxes, Layers, Package, Rows3, Image, List, ChevronRight, Eraser, Box, AlertTriangle, Info, X, HelpCircle, Search, CornerDownLeft, Circle } from 'lucide-react';
 import { useQueryClient, useInfiniteQuery, useQuery } from '@tanstack/react-query';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -39,7 +40,10 @@ function mergeIcons(override) {
   };
 }
 function pickHeaderIcon(icons, recordType) {
-  return icons.header.byRecordType[recordType] ?? icons.header.default;
+  if (recordType && icons.header.byRecordType[recordType]) {
+    return icons.header.byRecordType[recordType];
+  }
+  return icons.header.default;
 }
 
 // src/components/RecordsAdmin/types/i18n.ts
@@ -198,7 +202,15 @@ var listRecords = async (ctx, params = {}) => {
   const res = await ctx.SL.app.records.list(
     ctx.collectionId,
     ctx.appId,
-    { recordType: ctx.recordType, limit, offset, ref, refPrefix, q, sort },
+    {
+      ...ctx.recordType ? { recordType: ctx.recordType } : {},
+      limit,
+      offset,
+      ref,
+      refPrefix,
+      q,
+      sort
+    },
     true
   );
   return {
@@ -211,7 +223,7 @@ var getRecordByRef = async (ctx, ref) => {
   const res = await ctx.SL.app.records.list(
     ctx.collectionId,
     ctx.appId,
-    { recordType: ctx.recordType, ref, limit: 1 },
+    { ...ctx.recordType ? { recordType: ctx.recordType } : {}, ref, limit: 1 },
     true
   );
   return res?.data?.[0] ?? null;
@@ -220,7 +232,7 @@ var upsertRecord = async (ctx, write) => {
   const ref = write.ref ?? deriveRefFromScope(write.scope);
   const res = await ctx.SL.app.records.upsert(ctx.collectionId, ctx.appId, {
     ref,
-    recordType: ctx.recordType,
+    ...ctx.recordType ? { recordType: ctx.recordType } : {},
     scope: write.scope,
     data: write.data,
     status: write.status,
@@ -243,7 +255,7 @@ var matchRecords = async (ctx, target, opts = {}) => ctx.SL.app.records.match(
   ctx.appId,
   {
     target,
-    recordType: ctx.recordType,
+    ...ctx.recordType ? { recordType: ctx.recordType } : {},
     strategy: opts.strategy ?? "all",
     at: opts.at,
     includeScheduled: opts.includeScheduled,
@@ -260,7 +272,7 @@ var bulkUpsert = async (ctx, entries) => {
     const slice = entries.slice(i, i + CHUNK);
     const items = slice.map((e) => ({
       ref: e.ref ?? deriveRefFromScope(e.scope),
-      recordType: ctx.recordType,
+      ...ctx.recordType ? { recordType: ctx.recordType } : {},
       scope: e.scope,
       data: e.data,
       status: e.status
@@ -276,7 +288,7 @@ var bulkDelete = async (ctx, input) => {
     const res = await ctx.SL.app.records.bulkDelete(
       ctx.collectionId,
       ctx.appId,
-      { scope: input.scope, recordType: ctx.recordType }
+      { scope: input.scope, ...ctx.recordType ? { recordType: ctx.recordType } : {} }
     );
     return { removed: res.deleted ?? 0 };
   }
@@ -287,7 +299,7 @@ var bulkDelete = async (ctx, input) => {
     const res = await ctx.SL.app.records.bulkDelete(
       ctx.collectionId,
       ctx.appId,
-      { refs: slice, recordType: ctx.recordType }
+      { refs: slice, ...ctx.recordType ? { recordType: ctx.recordType } : {} }
     );
     removed += res.deleted ?? 0;
   }
@@ -443,22 +455,27 @@ var resolveRecord = async (args) => {
   if (records.length === 0) {
     return { data: null, source: "empty" };
   }
-  const winner = records[0];
+  const winnerEntry = records[0];
+  const winner = winnerEntry.record;
   const winnerIsSelf = scopesEqual(winner.scope, editingScope);
   if (winnerIsSelf) {
-    const parent = records[1];
+    const parent = records[1]?.record;
     return {
       data: winner.data,
       source: "self",
       sourceRef: winner.ref ?? void 0,
-      parentValue: args.withParent && parent ? parent.data : void 0
+      parentValue: args.withParent && parent ? parent.data : void 0,
+      matchedAt: winnerEntry.matchedAt,
+      matchedRule: winnerEntry.matchedRule
     };
   }
   return {
     data: winner.data,
     source: "inherited",
     sourceRef: winner.ref ?? void 0,
-    parentValue: args.withParent ? winner.data : void 0
+    parentValue: args.withParent ? winner.data : void 0,
+    matchedAt: winnerEntry.matchedAt,
+    matchedRule: winnerEntry.matchedRule
   };
 };
 
@@ -469,7 +486,7 @@ var resolvedRecordQueryKey = (args) => [
   "resolved",
   args.collectionId,
   args.appId,
-  args.recordType,
+  args.recordType ?? null,
   args.productId ?? null,
   args.variantId ?? null,
   args.batchId ?? null,
@@ -658,7 +675,8 @@ function useRecordEditor(args) {
     saveError
   };
 }
-var lsKey = (appId, recordType) => `ra:intro:${appId}:${recordType}`;
+var RT_KEY = (recordType) => recordType ?? "_default";
+var lsKey = (appId, recordType) => `ra:intro:${appId}:${RT_KEY(recordType)}`;
 var useIntroDismissed = (SL, collectionId, appId, recordType) => {
   const [dismissed, setDismissed] = useState(() => {
     try {
@@ -673,7 +691,7 @@ var useIntroDismissed = (SL, collectionId, appId, recordType) => {
       try {
         const cfg = await SL?.appConfiguration?.getConfig?.({ collectionId, appId, admin: true });
         if (cancelled) return;
-        const flag = cfg?._meta?.introDismissed?.[recordType];
+        const flag = cfg?._meta?.introDismissed?.[RT_KEY(recordType)];
         if (flag) setDismissed(true);
       } catch {
       }
@@ -694,7 +712,7 @@ var useIntroDismissed = (SL, collectionId, appId, recordType) => {
         ...cfg ?? {},
         _meta: {
           ...cfg?._meta ?? {},
-          introDismissed: { ...cfg?._meta?.introDismissed ?? {}, [recordType]: true }
+          introDismissed: { ...cfg?._meta?.introDismissed ?? {}, [RT_KEY(recordType)]: true }
         }
       };
       await SL?.appConfiguration?.setConfig?.({ collectionId, appId, admin: true, config: next });
@@ -738,11 +756,11 @@ var toBrowseItem = (p) => ({
   sortOrder: p.sortOrder ?? null
 });
 var useProductBrowse = (args) => {
-  const { SL, collectionId, search = "", pageSize = 50, enabled = true } = args;
+  const { SL, collectionId, search = "", pageSize = 50, enabled = true, admin = true } = args;
   const queryClient = useQueryClient();
   const queryKey = useMemo(
-    () => [...QK, collectionId, search.trim(), pageSize],
-    [collectionId, search, pageSize]
+    () => [...QK, collectionId, search.trim(), pageSize, admin],
+    [collectionId, search, pageSize, admin]
   );
   const query = useInfiniteQuery({
     queryKey,
@@ -754,7 +772,7 @@ var useProductBrowse = (args) => {
         sort: [{ field: "sortOrder", direction: "asc" }, { field: "name", direction: "asc" }]
       };
       if (search.trim()) body.query = { search: search.trim() };
-      const res = await SL.product.query(collectionId, body);
+      const res = await SL.product.query(collectionId, body, admin);
       const items2 = (res?.items ?? []).map(toBrowseItem);
       const page = res?.page ?? {};
       return {
@@ -1298,7 +1316,7 @@ var safeWrite = (key, val) => {
 };
 function usePresentationPref(args) {
   const { appId, recordType, options, defaultValue } = args;
-  const key = `${KEY_PREFIX}:${appId}:${recordType}`;
+  const key = `${KEY_PREFIX}:${appId}:${recordType ?? "_default"}`;
   const initial = () => {
     const stored = safeRead(key);
     if (stored && options.includes(stored)) return stored;
@@ -2012,37 +2030,52 @@ function ShellHeader({
   subtitle,
   headerIcon,
   headerActions,
-  showStats = true,
+  showStats = false,
+  showHeaderIcon = true,
   recordType,
   icons,
-  stats
+  stats,
+  statsItems
 }) {
-  let iconNode = headerIcon;
-  if (!iconNode) {
-    const Icon = pickHeaderIcon(icons, recordType);
-    iconNode = createElement(Icon, { className: "w-5 h-5", "aria-hidden": true });
-  } else if (isValidElement(iconNode)) ;
-  const hasStats = showStats && stats && (typeof stats.products === "number" || typeof stats.shared === "number");
+  let iconNode = null;
+  if (showHeaderIcon) {
+    if (headerIcon) {
+      iconNode = headerIcon;
+    } else {
+      const Icon = pickHeaderIcon(icons, recordType);
+      iconNode = createElement(Icon, { className: "w-4 h-4", "aria-hidden": true });
+    }
+  }
+  const resolvedItems = (() => {
+    if (!showStats) return [];
+    if (statsItems && statsItems.length > 0) return statsItems;
+    const items = [];
+    if (typeof stats?.shared === "number" && stats.shared > 0) {
+      items.push({ label: "Shared", value: stats.shared });
+    }
+    if (typeof stats?.products === "number" && stats.products > 0) {
+      items.push({ label: "Products", value: stats.products });
+    }
+    return items;
+  })();
+  const hasStats = resolvedItems.length > 0;
   return /* @__PURE__ */ jsxs("header", { className: "ra-header", children: [
     /* @__PURE__ */ jsxs("div", { className: "ra-header__main", children: [
-      /* @__PURE__ */ jsx("div", { className: "ra-header__icon", "aria-hidden": "true", children: iconNode }),
-      /* @__PURE__ */ jsxs("div", { className: "ra-header__text", children: [
-        /* @__PURE__ */ jsx("h1", { className: "ra-header__title", children: title }),
-        subtitle ? /* @__PURE__ */ jsx("p", { className: "ra-header__subtitle", children: subtitle }) : null
+      iconNode ? /* @__PURE__ */ jsx("div", { className: "ra-header-icon", "aria-hidden": "true", children: iconNode }) : null,
+      /* @__PURE__ */ jsxs("div", { className: "ra-header-text", children: [
+        /* @__PURE__ */ jsx("h1", { className: "ra-header-title", children: title }),
+        subtitle ? /* @__PURE__ */ jsx("p", { className: "ra-header-subtitle", children: subtitle }) : null
       ] })
     ] }),
-    /* @__PURE__ */ jsxs("div", { className: "ra-header__aside", children: [
-      hasStats ? /* @__PURE__ */ jsxs("div", { className: "ra-header__stats", role: "group", "aria-label": "Record counts", children: [
-        typeof stats.products === "number" && /* @__PURE__ */ jsxs("span", { className: "ra-header__stat", children: [
-          /* @__PURE__ */ jsx("span", { className: "ra-header__stat-value", children: stats.products }),
-          /* @__PURE__ */ jsx("span", { className: "ra-header__stat-label", children: "Products" })
-        ] }),
-        typeof stats.shared === "number" && /* @__PURE__ */ jsxs("span", { className: "ra-header__stat", children: [
-          /* @__PURE__ */ jsx("span", { className: "ra-header__stat-value", children: stats.shared }),
-          /* @__PURE__ */ jsx("span", { className: "ra-header__stat-label", children: "Shared" })
+    /* @__PURE__ */ jsxs("div", { className: "ra-header-aside", children: [
+      hasStats ? /* @__PURE__ */ jsx("div", { className: "ra-header-stats", role: "group", "aria-label": "Record counts", children: resolvedItems.map((item, idx) => /* @__PURE__ */ jsxs("span", { style: { display: "contents" }, children: [
+        idx > 0 && /* @__PURE__ */ jsx("span", { className: "ra-stat-divider", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsxs("span", { className: "ra-stat", children: [
+          /* @__PURE__ */ jsx("span", { className: "ra-stat-value", children: item.value }),
+          /* @__PURE__ */ jsx("span", { className: "ra-stat-label", children: item.label })
         ] })
-      ] }) : null,
-      headerActions ? /* @__PURE__ */ jsx("div", { className: "ra-header__actions", children: headerActions }) : null
+      ] }, `${item.label}-${idx}`)) }) : null,
+      headerActions ? /* @__PURE__ */ jsx("div", { className: "ra-header-actions", children: headerActions }) : null
     ] })
   ] });
 }
@@ -2150,6 +2183,12 @@ var downloadBlob = (blob, filename) => {
   document.body.removeChild(a);
   URL.revokeObjectURL(url);
 };
+
+// src/components/RecordsAdmin/shell/tokens.css
+styleInject(':root {\n  --ra-status-own: var(--ra-emerald, 142 71% 45%);\n  --ra-status-shared: var(--ra-amber, 38 92% 50%);\n  --ra-status-missing: var(--muted-foreground, 220 9% 46%);\n  --ra-accent: var(--primary, 222 47% 11%);\n  --ra-surface: var(--card, 0 0% 100%);\n  --ra-border: var(--border, 220 13% 91%);\n  --ra-text: var(--foreground, 222 47% 11%);\n  --ra-muted: var(--muted, 220 14% 96%);\n  --ra-muted-text: var(--muted-foreground, 220 9% 46%);\n  --ra-radius: var(--radius, 0.625rem);\n  --ra-dot-size: 0.5rem;\n  --ra-page-bg: var(--background, 220 14% 98%);\n  --ra-card-shadow: 0 1px 2px hsl(var(--ra-accent) / 0.04), 0 4px 12px hsl(var(--ra-accent) / 0.05);\n  --ra-card-shadow-hover: 0 2px 4px hsl(var(--ra-accent) / 0.06), 0 8px 24px hsl(var(--ra-accent) / 0.08);\n  --ra-row-hover: hsl(var(--ra-accent) / 0.05);\n  --ra-row-active-bg: hsl(var(--ra-accent) / 0.10);\n  --ra-row-active-bd: hsl(var(--ra-accent) / 0.45);\n  --ra-focus-ring: hsl(var(--ra-accent) / 0.35);\n  --ra-font-display: var(--font-display, var(--font-sans, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif));\n  --ra-font-ui: var(--font-sans, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif);\n  --ra-title-weight: 600;\n  --ra-display-weight: 700;\n  --ra-info: var(--ra-blue, 214 95% 55%);\n  --ra-success: var(--ra-emerald, 142 71% 45%);\n  --ra-warning: var(--ra-amber, 38 92% 50%);\n  --ra-danger: var(--destructive, 0 72% 51%);\n}\n.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  position: relative;\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n  padding: 0.65rem 0.9rem;\n  border-radius: var(--ra-radius);\n  border: 1px solid hsl(var(--ra-accent) / 0.12);\n  background:\n    linear-gradient(\n      135deg,\n      hsl(var(--ra-accent) / 0.08),\n      hsl(var(--ra-accent) / 0.02) 60%,\n      hsl(var(--ra-surface)) 100%);\n  box-shadow: var(--ra-card-shadow);\n}\n.ra-shell .ra-header__main {\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  align-items: center;\n  gap: 0.625rem;\n}\n.ra-shell .ra-header-aside {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  flex-shrink: 0;\n}\n.ra-shell .ra-header-icon {\n  flex-shrink: 0;\n  width: 2rem;\n  height: 2rem;\n  border-radius: calc(var(--ra-radius) * 0.9);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  background: hsl(var(--ra-accent) / 0.12);\n  color: hsl(var(--ra-accent));\n  border: 1px solid hsl(var(--ra-accent) / 0.18);\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: var(--ra-display-weight);\n  font-size: 1rem;\n  line-height: 1.2;\n  color: hsl(var(--ra-text));\n  letter-spacing: -0.01em;\n  margin: 0;\n}\n.ra-shell .ra-header-subtitle {\n  font-size: 0.75rem;\n  color: hsl(var(--ra-muted-text));\n  margin-top: 0.125rem;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\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-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(--ra-muted));\n  border-radius: calc(var(--ra-radius) * 0.85);\n  border: 1px solid hsl(var(--ra-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(--ra-radius) * 0.65);\n  font-size: 0.78rem;\n  font-weight: 500;\n  color: hsl(var(--ra-muted-text));\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(--ra-surface));\n  color: hsl(var(--ra-text));\n}\n.ra-shell .ra-tab[aria-selected=true] {\n  background: hsl(var(--ra-surface));\n  color: hsl(var(--ra-text));\n  box-shadow: var(--ra-card-shadow);\n  font-weight: var(--ra-title-weight);\n}\n.ra-shell .ra-tab[aria-selected=true] .ra-tab-icon {\n  color: hsl(var(--ra-accent));\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(--ra-accent) / 0.12);\n  color: hsl(var(--ra-accent));\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(--ra-muted-text) / 0.15);\n  color: hsl(var(--ra-muted-text));\n}\n.ra-shell[data-density=compact] .ra-row {\n  padding-block: 0.4rem;\n}\n.ra-shell[data-density=compact] .ra-header {\n  padding: 0.75rem 1rem;\n}\n.ra-shell[data-density=compact] .ra-header-icon {\n  width: 2.25rem;\n  height: 2.25rem;\n}\n.ra-shell .ra-row {\n  display: flex;\n  align-items: center;\n  gap: 0.65rem;\n  width: 100%;\n  text-align: left;\n  padding: 0.65rem 0.85rem;\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-icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 1.75rem;\n  height: 1.75rem;\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.875rem;\n  line-height: 1.25;\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.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-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  gap: 0.85rem;\n  padding: 0.9rem 1rem;\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  margin-bottom: 1rem;\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: 2rem;\n  height: 2rem;\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.875rem;\n  color: hsl(var(--ra-text));\n  margin: 0 0 0.2rem 0;\n}\n.ra-shell .ra-intro-text {\n  font-size: 0.8125rem;\n  color: hsl(var(--ra-text) / 0.85);\n  line-height: 1.45;\n}\n.ra-shell .ra-intro-dismiss {\n  position: absolute;\n  top: 0.5rem;\n  right: 0.5rem;\n  width: 1.6rem;\n  height: 1.6rem;\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}\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: 30;\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");
 var TOP_LEVEL_SCOPES = ["product", "facet"];
 var defaultItemId = () => {
   const time = Date.now().toString(36);
@@ -2204,7 +2243,9 @@ function RecordsAdminShell(props) {
     subtitle,
     headerIcon,
     headerActions,
-    showStats = true,
+    showStats = false,
+    showHeaderIcon = true,
+    statsItems,
     icons: iconsOverride,
     groupBy,
     renderEmptyState,
@@ -2399,8 +2440,9 @@ function RecordsAdminShell(props) {
   });
   const handleExport = () => {
     if (!csvSchema) return;
+    const fileBase = recordType ?? (label.toLowerCase().replace(/\s+/g, "-") || "records");
     const blob = exportCsv(recordList.items, csvSchema);
-    downloadBlob(blob, `${recordType}.csv`);
+    downloadBlob(blob, `${fileBase}.csv`);
     onTelemetry?.({ type: "csv.export", recordType, rows: recordList.items.length });
   };
   const handleImport = () => {
@@ -2414,7 +2456,8 @@ function RecordsAdminShell(props) {
       const report = await importCsv(file, csvSchema, ctx);
       onTelemetry?.({ type: "csv.import", recordType, rows: report.total, errors: report.failed });
       if (report.failed > 0) {
-        downloadBlob(new Blob([report.annotatedCsv], { type: "text/csv" }), `${recordType}-errors.csv`);
+        const fileBase = recordType ?? (label.toLowerCase().replace(/\s+/g, "-") || "records");
+        downloadBlob(new Blob([report.annotatedCsv], { type: "text/csv" }), `${fileBase}-errors.csv`);
       }
       refetchAll();
     };
@@ -2554,12 +2597,14 @@ function RecordsAdminShell(props) {
               headerIcon,
               headerActions,
               showStats,
+              showHeaderIcon,
               recordType,
               icons,
               stats: {
                 products: productBrowse.items.length,
                 shared: recordList.items.length
-              }
+              },
+              statsItems
             }
           ),
           /* @__PURE__ */ jsx(
@@ -2721,7 +2766,7 @@ function RecordsAdminShell(props) {
                       EmptyState,
                       {
                         title: drillTab === "variant" ? "Pick a variant" : "Pick a batch",
-                        body: `Select a ${drillTab} on the left to edit its ${recordType}.`
+                        body: `Select a ${drillTab} on the left to edit its ${recordType ?? label.toLowerCase()}.`
                       }
                     )
                   }
@@ -2842,6 +2887,112 @@ var ResolvedPreview = ({ children }) => /* @__PURE__ */ jsxs("div", { className:
   /* @__PURE__ */ jsx("div", { className: "text-[10px] uppercase tracking-wide mb-2", style: { color: "hsl(var(--ra-muted-text))" }, children: "Public preview" }),
   children
 ] });
+var resolveAllQueryKey = (args) => [
+  "records-admin",
+  "resolve-all",
+  args.collectionId,
+  args.appId,
+  args.recordType ?? null,
+  args.context.productId ?? null,
+  args.context.variantId ?? null,
+  args.context.batchId ?? null,
+  args.context.proofId ?? null,
+  args.context.facets ?? null,
+  args.tiers ?? null,
+  args.limit ?? null,
+  args.at ?? null,
+  args.includeScheduled ?? false,
+  args.includeExpired ?? false,
+  args.admin ?? false
+];
+function useResolveAllRecords(args) {
+  const {
+    SL,
+    collectionId,
+    appId,
+    recordType,
+    context,
+    tiers,
+    limit,
+    at,
+    includeScheduled,
+    includeExpired,
+    admin = false,
+    enabled = true,
+    staleTime = 15e3
+  } = args;
+  const query = useQuery({
+    queryKey: resolveAllQueryKey(args),
+    enabled: enabled && !!collectionId && !!appId,
+    staleTime,
+    queryFn: () => SL.app.records.resolveAll(
+      collectionId,
+      appId,
+      {
+        context,
+        ...recordType ? { recordType } : {},
+        ...tiers ? { tiers } : {},
+        ...limit !== void 0 ? { limit } : {},
+        ...at ? { at } : {},
+        ...includeScheduled !== void 0 ? { includeScheduled } : {},
+        ...includeExpired !== void 0 ? { includeExpired } : {}
+      },
+      admin
+    )
+  });
+  return {
+    records: query.data?.records ?? [],
+    truncated: query.data?.truncated ?? false,
+    isLoading: query.isLoading,
+    error: query.error ?? null,
+    refetch: () => {
+      void query.refetch();
+    }
+  };
+}
+var isRuleValid = (rule) => {
+  if (!rule || !Array.isArray(rule.all) || rule.all.length === 0) return false;
+  return rule.all.every(
+    (c) => !!c.facetKey && Array.isArray(c.anyOf) && c.anyOf.length > 0
+  );
+};
+function useRulePreview(args) {
+  const {
+    SL,
+    collectionId,
+    appId,
+    rule,
+    limit = 20,
+    debounceMs = 350,
+    enabled = true
+  } = args;
+  const [debouncedRule, setDebouncedRule] = useState(rule);
+  const timer = useRef(null);
+  useEffect(() => {
+    if (timer.current) clearTimeout(timer.current);
+    timer.current = setTimeout(() => setDebouncedRule(rule), debounceMs);
+    return () => {
+      if (timer.current) clearTimeout(timer.current);
+    };
+  }, [rule, debounceMs]);
+  const valid = isRuleValid(debouncedRule);
+  const query = useQuery({
+    queryKey: ["records-admin", "preview-rule", collectionId, appId, debouncedRule, limit],
+    enabled: enabled && !!collectionId && !!appId && valid,
+    staleTime: 3e4,
+    queryFn: () => SL.app.records.previewRule(collectionId, appId, {
+      facetRule: debouncedRule,
+      limit
+    })
+  });
+  return {
+    totalMatches: query.data?.totalMatches ?? null,
+    sampleProductIds: query.data?.sampleProductIds ?? [],
+    isLoading: query.isFetching,
+    isStale: rule !== debouncedRule,
+    error: query.error ?? null
+  };
+}
 var DEFAULT_SCOPES2 = ["batch", "variant", "product", "facet"];
 var readField = (data, path) => {
   if (data == null || typeof data !== "object") return void 0;
@@ -2882,7 +3033,7 @@ function useCollectedRecords(args) {
       "collected",
       collectionId,
       appId,
-      recordType,
+      recordType ?? null,
       productId ?? null,
       variantId ?? null,
       batchId ?? null,
@@ -2904,12 +3055,15 @@ function useCollectedRecords(args) {
       const ctx = { SL, collectionId, appId, recordType };
       const result = await matchRecords(ctx, parsedRefToTarget(target), { strategy: "all" }).catch(() => null);
       const records = result?.records ?? [];
-      const baseList = records.map((rec, i) => ({
-        ref: rec.ref ?? "",
-        scope: parseRef(rec.ref ?? ""),
-        data: rec.data,
-        depth: i
-      }));
+      const baseList = records.map((entry, i) => {
+        const rec = entry.record;
+        return {
+          ref: rec.ref ?? "",
+          scope: parseRef(rec.ref ?? ""),
+          data: rec.data,
+          depth: i
+        };
+      });
       const sortKind = sort?.kind ?? "specificity";
       const direction = sort?.direction ?? (sortKind === "specificity" ? "desc" : "asc");
       const sign = direction === "desc" ? -1 : 1;
@@ -2972,7 +3126,7 @@ function useMergedRecord(args) {
       "merged",
       collectionId,
       appId,
-      recordType,
+      recordType ?? null,
       productId ?? null,
       variantId ?? null,
       batchId ?? null,
@@ -2994,7 +3148,10 @@ function useMergedRecord(args) {
       const result = await matchRecords(ctx, parsedRefToTarget(target), { strategy: "all" }).catch(() => null);
       const records = result?.records ?? [];
       if (records.length === 0) return { data: null, provenance: {}, layers: [] };
-      const present = records.map((rec) => ({ ref: rec.ref ?? "", data: rec.data }));
+      const present = records.map((entry) => ({
+        ref: entry.record.ref ?? "",
+        data: entry.record.data
+      }));
       const ordered = [...present].reverse();
       let merged = null;
       const provenance = {};
@@ -3016,6 +3173,6 @@ function useMergedRecord(args) {
   };
 }
 
-export { ALL_PRESENTATIONS, BatchList, BulkActionsMenu, DEFAULT_I18N, DEFAULT_ICONS, DefaultRecordCard, DefaultRecordRow, DeleteButton, DrawerPreview, EmptyState, ErrorState, FacetList, InheritanceMarker, InheritanceProvider, InlinePreview, IntroCard, LoadingState, PresentationSwitcher, PreviewScopePicker, PreviewToggleButton, ProductDrillDown, ProductList, RecordBrowser, RecordEditor, RecordList, RecordsAdminShell, ResolvedPreview, ScopeBreadcrumb, ScopeTabs, SidePreview, StatusDot, StatusFilterPills, TabbedPreview, UtilityRow, VariantList, buildRef, bulkDelete, bulkUpsert, deleteRecord, downloadBlob, exportCsv, getRecordByRef, importCsv, listRecords, matchRecords, mergeIcons, parseRef, parsedRefToScope, parsedRefToTarget, pickHeaderIcon, resolutionChain, resolveRecord, restoreRecord, scopesEqual, upsertRecord, useCollectedRecords, useDirtyNavigation, useIntroDismissed, useMergedRecord, usePresentationPref, useProductBrowse, useProductChildren, useRecordEditor, useRecordList, useResolvedRecord, useScopeProbe, useUnsavedGuard };
+export { ALL_PRESENTATIONS, BatchList, BulkActionsMenu, DEFAULT_I18N, DEFAULT_ICONS, DefaultRecordCard, DefaultRecordRow, DeleteButton, DrawerPreview, EmptyState, ErrorState, FacetList, InheritanceMarker, InheritanceProvider, InlinePreview, IntroCard, LoadingState, PresentationSwitcher, PreviewScopePicker, PreviewToggleButton, ProductDrillDown, ProductList, RecordBrowser, RecordEditor, RecordList, RecordsAdminShell, ResolvedPreview, ScopeBreadcrumb, ScopeTabs, SidePreview, StatusDot, StatusFilterPills, TabbedPreview, UtilityRow, VariantList, buildRef, bulkDelete, bulkUpsert, deleteRecord, downloadBlob, exportCsv, getRecordByRef, importCsv, listRecords, matchRecords, mergeIcons, parseRef, parsedRefToScope, parsedRefToTarget, pickHeaderIcon, resolutionChain, resolveRecord, restoreRecord, scopesEqual, upsertRecord, useCollectedRecords, useDirtyNavigation, useIntroDismissed, useMergedRecord, usePresentationPref, useProductBrowse, useProductChildren, useRecordEditor, useRecordList, useResolveAllRecords, useResolvedRecord, useRulePreview, useScopeProbe, useUnsavedGuard };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map