@proveanything/smartlinks-utils-ui 0.12.9 → 0.12.11

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

@@ -525,6 +525,10 @@ interface RecordsAdminI18n {
     lifecycleStatusActive: string;
     lifecycleStatusArchived: string;
     lifecycleStatusDraft: string;
+    /** Product rail subtitle when the only records on a product are archived. */
+    subtitleArchivedOnly: string;
+    /** Product rail subtitle when the only records on a product are drafts. */
+    subtitleDraftOnly: string;
     /** Tooltip on the editor's status control. */
     lifecycleStatusHint: string;
     actionArchive: string;
@@ -838,6 +842,25 @@ interface RecordSlotContext {
      * to populate this directly.
      */
     actions?: RecordAction[];
+    /**
+     * Facet keys carried by the row's enclosing group header, when the rail
+     * is grouped by facet identity (Rules tab default). The default row
+     * renderer uses this to drop the facet prefix from chips whose facet is
+     * already named in the group header (so under "BREAD TYPE" you see
+     * "Slice" instead of "Bread Type: Slice"). Empty when ungrouped.
+     */
+    groupFacetKeys?: readonly string[];
+    /**
+     * Number of archived (history) records collapsed under this row's
+     * lifecycle slot. The default row renderer surfaces this as an inline
+     * pill the admin can click to expand/collapse the archived rows
+     * underneath. Undefined when there is no history block.
+     */
+    historyCount?: number;
+    /** Whether the history block for this row is currently expanded. */
+    historyExpanded?: boolean;
+    /** Toggle the history block. Only present when `historyCount > 0`. */
+    onToggleHistory?: () => void;
 }
 /**
  * Declarative column definition for the built-in default item table.
@@ -1106,6 +1129,12 @@ interface RailConfig<TData = unknown> {
         key: string;
         label: string;
         icon?: ReactNode;
+        /**
+         * Optional facet keys this group represents (Rules tab default
+         * grouping populates this). Forwarded to row ctx so the default row
+         * renderer can drop redundant facet prefixes from rule chips.
+         */
+        facetKeys?: readonly string[];
         /**
          * Whether this bucket should be expanded by default (records-driven
          * accordion mode). Last-write-wins per key. Has no effect in the
@@ -2381,9 +2410,25 @@ interface UseScopeCountsArgs {
     maxRecords?: number;
     /** Page size used for the underlying SDK list calls. Default 100. */
     pageSize?: number;
+    /**
+     * Lifecycle status values treated as "active" when bucketing records
+     * per product. Records with `null`/empty status are ALWAYS active for
+     * back-compat. Defaults to `['active']`.
+     */
+    activeStatuses?: readonly string[];
 }
 interface ScopeCounts extends Partial<Record<ScopeKind, number>> {
 }
+/**
+ * Per-product lifecycle bucket counts. `other` covers any non-active
+ * status that isn't draft or archived (e.g. host-defined "scheduled").
+ */
+interface ProductLifecycleBuckets {
+    active: number;
+    draft: number;
+    archived: number;
+    other: number;
+}
 interface UseScopeCountsResult {
     counts: ScopeCounts;
     total: number;
@@ -2401,6 +2446,13 @@ interface UseScopeCountsResult {
      * Lower bound when `truncated` is true.
      */
     productIds: ReadonlySet<string>;
+    /**
+     * Per-product lifecycle bucket counts, derived from the same scanned
+     * records (no extra network cost). Used by the rail to distinguish a
+     * product that has only-archived or only-draft records from one with
+     * a live record — so the green tick doesn't lie.
+     */
+    productLifecycle: ReadonlyMap<string, ProductLifecycleBuckets>;
 }
 declare const useScopeCounts: (args: UseScopeCountsArgs) => UseScopeCountsResult;
 /** React Query key factory for cache invalidation from save/delete sites. */

package/dist/components/RecordsAdmin/index.js

@@ -15,6 +15,7 @@ import { createPortal } from 'react-dom';
 // src/components/RecordsAdmin/data/recordCache.ts
 var RECORD_LIST_QK = ["records-admin", "list"];
 var COLLECTION_ITEMS_QK = ["records-admin", "collection-items"];
+var SCOPE_COUNTS_QK = ["records-admin", "scope-counts"];
 var matchesCtx = (queryKey, prefix, ctx) => {
   if (queryKey.length < prefix.length + 3) return false;
   for (let i = 0; i < prefix.length; i += 1) {
@@ -87,6 +88,54 @@ function patchRecordIntoCaches(queryClient, ctx, record) {
       return replaceOrAppend(prev, record);
     });
   }
+  patchRecordIntoScopeCounts(queryClient, ctx, record);
+}
+var matchesScopeCountsCtx = (queryKey, ctx) => {
+  if (queryKey.length < 5) return false;
+  if (queryKey[0] !== SCOPE_COUNTS_QK[0]) return false;
+  if (queryKey[1] !== SCOPE_COUNTS_QK[1]) return false;
+  if (queryKey[2] !== ctx.collectionId) return false;
+  if (queryKey[3] !== ctx.appId) return false;
+  const slot = queryKey[4];
+  const expected = ctx.recordType ?? null;
+  if (slot !== expected && !(slot == null && expected == null)) return false;
+  return true;
+};
+function patchRecordIntoScopeCounts(queryClient, ctx, record) {
+  if (!record || !record.id) return;
+  const all = queryClient.getQueriesData({
+    queryKey: SCOPE_COUNTS_QK
+  });
+  for (const [key, cache] of all) {
+    if (!cache || !Array.isArray(cache.records)) continue;
+    if (!matchesScopeCountsCtx(key, ctx)) continue;
+    queryClient.setQueryData(key, (prev) => {
+      if (!prev || !Array.isArray(prev.records)) return prev;
+      const idx = prev.records.findIndex((r) => r.id === record.id);
+      if (idx === -1) {
+        return { ...prev, records: [...prev.records, record] };
+      }
+      const next = [...prev.records];
+      next[idx] = record;
+      return { ...prev, records: next };
+    });
+  }
+}
+function removeRecordFromScopeCounts(queryClient, ctx, recordId) {
+  if (!recordId) return;
+  const all = queryClient.getQueriesData({
+    queryKey: SCOPE_COUNTS_QK
+  });
+  for (const [key, cache] of all) {
+    if (!cache || !Array.isArray(cache.records)) continue;
+    if (!matchesScopeCountsCtx(key, ctx)) continue;
+    queryClient.setQueryData(key, (prev) => {
+      if (!prev || !Array.isArray(prev.records)) return prev;
+      const next = prev.records.filter((r) => r.id !== recordId);
+      if (next.length === prev.records.length) return prev;
+      return { ...prev, records: next };
+    });
+  }
 }
 function removeRecordFromCaches(queryClient, ctx, recordId) {
   if (!recordId) return;
@@ -104,6 +153,7 @@ function removeRecordFromCaches(queryClient, ctx, recordId) {
       return next ?? prev;
     });
   }
+  removeRecordFromScopeCounts(queryClient, ctx, recordId);
 }
 var DEFAULT_ICONS = {
   scope: {
@@ -266,6 +316,8 @@ var DEFAULT_I18N = {
   lifecycleStatusActive: "Active",
   lifecycleStatusArchived: "Archived",
   lifecycleStatusDraft: "Draft",
+  subtitleArchivedOnly: "Archived only",
+  subtitleDraftOnly: "Draft only",
   lifecycleStatusHint: "Archived records aren't returned to public consumers.",
   actionArchive: "Archive",
   actionRestore: "Restore",
@@ -582,7 +634,17 @@ var classify = (rec) => {
   return "collection";
 };
 var useScopeCounts = (args) => {
-  const { ctx, enabled = true, maxRecords = 500, pageSize = 100 } = args;
+  const {
+    ctx,
+    enabled = true,
+    maxRecords = 500,
+    pageSize = 100,
+    activeStatuses
+  } = args;
+  const activeSet = useMemo(
+    () => new Set(activeStatuses ?? ["active"]),
+    [activeStatuses]
+  );
   const queryKey = useMemo(
     () => [...QK_BASE, ctx.collectionId, ctx.appId, ctx.recordType ?? null],
     [ctx.collectionId, ctx.appId, ctx.recordType]
@@ -621,10 +683,24 @@ var useScopeCounts = (args) => {
       all: 0
     };
     const productIds = /* @__PURE__ */ new Set();
+    const productLifecycle = /* @__PURE__ */ new Map();
     for (const rec of records) {
       counts[classify(rec)] += 1;
       const pid = rec.productId ?? void 0;
-      if (pid) productIds.add(pid);
+      if (pid) {
+        productIds.add(pid);
+        const raw = rec.status ?? void 0;
+        const isActive2 = raw == null || raw === "" || activeSet.has(raw);
+        let bucket = productLifecycle.get(pid);
+        if (!bucket) {
+          bucket = { active: 0, draft: 0, archived: 0, other: 0 };
+          productLifecycle.set(pid, bucket);
+        }
+        if (isActive2) bucket.active += 1;
+        else if (raw === "draft") bucket.draft += 1;
+        else if (raw === "archived") bucket.archived += 1;
+        else bucket.other += 1;
+      }
     }
     counts.all = records.length;
     return {
@@ -633,9 +709,10 @@ var useScopeCounts = (args) => {
       isLoading: query.isLoading,
       error: query.error ?? null,
       truncated,
-      productIds
+      productIds,
+      productLifecycle
     };
-  }, [query.data, query.isLoading, query.error]);
+  }, [query.data, query.isLoading, query.error, activeSet]);
   return result;
 };
 var scopeCountsQueryKey = (collectionId, appId, recordType) => [...QK_BASE, collectionId, appId, recordType ?? null];
@@ -4070,13 +4147,30 @@ var RuleLabelLookupProvider = ({
   return /* @__PURE__ */ jsx(RuleLabelLookupContext.Provider, { value: v, children });
 };
 var DefaultRecordRow = ({ record, ctx, compact = false }) => {
-  const { selected, onSelect, isDirty, hasError, onCopy, onDuplicate, onCopyAndNewRule, actions } = ctx;
+  const {
+    selected,
+    onSelect,
+    isDirty,
+    hasError,
+    onCopy,
+    onDuplicate,
+    onCopyAndNewRule,
+    actions,
+    historyCount,
+    historyExpanded,
+    onToggleHistory
+  } = ctx;
   const ruleLabelLookup = useRuleLabelLookup();
   const ScopeIcon = record.scope.kind && record.scope.kind !== "collection" ? DEFAULT_ICONS.scope[record.scope.kind] : DEFAULT_ICONS.scope.product;
   const tone = resolveTone(void 0, record.status);
   const ruleSummary = formatFacetRule(record.facetRule, ruleLabelLookup);
   const ruleClauses = summarizeFacetRule(record.facetRule, ruleLabelLookup);
   const isRuleRecord = ruleClauses.length > 0;
+  const groupKeys = ctx.groupFacetKeys;
+  const singleGroupFacet = groupKeys && groupKeys.length === 1 ? groupKeys[0] : null;
+  const displayClauses = singleGroupFacet ? ruleClauses.map(
+    (c) => c.facetKey === singleGroupFacet ? { ...c, label: c.values.length <= 3 ? c.values.join(", ") : `${c.values.slice(0, 2).join(", ")} +${c.values.length - 2}` } : c
+  ) : ruleClauses;
   const i18n = ctx.i18n ?? DEFAULT_I18N;
   const subtitle = record.subtitle ?? (isRuleRecord ? null : ruleSummary) ?? (tone === "missing" ? i18n.subtitleEmpty : tone === "own" ? i18n.subtitleConfigured : i18n.subtitleInherited);
   return /* @__PURE__ */ jsxs(
@@ -4084,7 +4178,7 @@ var DefaultRecordRow = ({ record, ctx, compact = false }) => {
     {
       "data-selected": selected ? "true" : "false",
       "data-tone": tone,
-      className: cn("ra-row", compact && "ra-row-compact"),
+      className: cn("ra-row", compact && "ra-row-compact", isRuleRecord && !compact && "ra-row-rule"),
       style: compact ? { paddingTop: "0.4rem", paddingBottom: "0.4rem" } : void 0,
       children: [
         /* @__PURE__ */ jsxs("button", { type: "button", onClick: onSelect, className: "ra-row-hit", children: [
@@ -4098,7 +4192,7 @@ var DefaultRecordRow = ({ record, ctx, compact = false }) => {
             }
           ) }),
           /* @__PURE__ */ jsxs("div", { className: "ra-row-body", children: [
-            /* @__PURE__ */ jsx("div", { className: "ra-row-title", children: record.label }),
+            !(isRuleRecord && !compact) && /* @__PURE__ */ jsx("div", { className: "ra-row-title", children: record.label }),
             !compact && isRuleRecord && /* @__PURE__ */ jsxs(
               "div",
               {
@@ -4106,10 +4200,10 @@ var DefaultRecordRow = ({ record, ctx, compact = false }) => {
                 title: ruleSummary ?? void 0,
                 "aria-label": ruleSummary ?? void 0,
                 children: [
-                  ruleClauses.slice(0, 4).map((clause, i) => /* @__PURE__ */ jsx("span", { className: "ra-rule-chip", children: clause.label }, `${clause.facetKey}-${i}`)),
-                  ruleClauses.length > 4 && /* @__PURE__ */ jsxs("span", { className: "ra-rule-chip ra-rule-chip-more", children: [
+                  displayClauses.slice(0, 4).map((clause, i) => /* @__PURE__ */ jsx("span", { className: "ra-rule-chip", children: clause.label }, `${clause.facetKey}-${i}`)),
+                  displayClauses.length > 4 && /* @__PURE__ */ jsxs("span", { className: "ra-rule-chip ra-rule-chip-more", children: [
                     "+",
-                    ruleClauses.length - 4
+                    displayClauses.length - 4
                   ] })
                 ]
               }
@@ -4144,6 +4238,25 @@ var DefaultRecordRow = ({ record, ctx, compact = false }) => {
             }
           )
         ] }),
+        historyCount && historyCount > 0 && onToggleHistory ? /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            className: "ra-row-history-pill",
+            "data-expanded": historyExpanded ? "true" : "false",
+            onClick: (e) => {
+              e.stopPropagation();
+              onToggleHistory();
+            },
+            "aria-expanded": historyExpanded,
+            "aria-label": historyExpanded ? `Hide ${historyCount} archived` : `Show ${historyCount} archived`,
+            title: historyExpanded ? `Hide ${historyCount} archived` : `Show ${historyCount} archived`,
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "ra-row-history-pill-count", children: historyCount }),
+              /* @__PURE__ */ jsx("span", { className: "ra-row-history-pill-label", children: "archived" })
+            ]
+          }
+        ) : null,
         (onCopy || onDuplicate || onCopyAndNewRule || actions && actions.length > 0) && /* @__PURE__ */ jsx(
           RowContextMenu,
           {
@@ -4205,7 +4318,7 @@ var RecordList = ({
       buttons[nextIdx].scrollIntoView({ block: "nearest" });
     }
   }, []);
-  const buildCtx = (item) => {
+  const buildCtx = (item, groupFacetKeys) => {
     const cb = rowClipboard ? rowClipboard(item) : null;
     const extraActions = rowActions ? rowActions(item) ?? void 0 : void 0;
     const itemAnchorKey = anchorKey(item.scope);
@@ -4222,6 +4335,7 @@ var RecordList = ({
       isDirty: dirtyIdMatch || dirtyAnchorMatch || idInStore || anchorInStore,
       hasError: errorInStore,
       i18n,
+      groupFacetKeys,
       ...cb ?? {},
       actions: extraActions && extraActions.length > 0 ? extraActions : void 0
     };
@@ -4249,43 +4363,30 @@ var RecordList = ({
       return next;
     });
   }, []);
-  const renderItems = (rows) => {
+  const renderItems = (rows, groupFacetKeys) => {
     const compact = presentation === "compact";
     return /* @__PURE__ */ jsx("ul", { children: rows.map((item, idx) => {
-      const ctx = buildCtx(item);
+      const ctx = buildCtx(item, groupFacetKeys);
       const key = item.id ?? (anchorKey(item.scope) || `pos:${idx}`);
       const sKey = historyBySlot ? slotKey(item) : null;
       const history = sKey ? historyBySlot.get(sKey) : void 0;
       const expanded = sKey ? expandedSlots.has(sKey) : false;
-      const showLabel = i18n?.historyDisclosureShow ?? "Show {n} archived";
-      const hideLabel = i18n?.historyDisclosureHide ?? "Hide {n} archived";
-      const label = (expanded ? hideLabel : showLabel).replace("{n}", String(history?.length ?? 0));
+      const historyCount = history?.length ?? 0;
+      const ctxWithHistory = historyCount > 0 && sKey ? { ...ctx, historyCount, historyExpanded: expanded, onToggleHistory: () => toggleSlot(sKey) } : ctx;
       return /* @__PURE__ */ jsxs("li", { children: [
-        renderListRow ? renderListRow(item, ctx) : /* @__PURE__ */ jsx(DefaultRecordRow, { record: item, ctx, compact }),
-        history && history.length > 0 ? /* @__PURE__ */ jsxs("div", { className: "ra-history-block", children: [
-          expanded ? /* @__PURE__ */ jsx("ul", { className: "ra-history-rows", "aria-label": "Archived records", children: history.map((h, hIdx) => {
-            const hCtx = buildCtx(h);
-            const hKey = h.id ?? `hist:${idx}:${hIdx}`;
-            const badged = {
-              ...h,
-              badges: [
-                ...h.badges ?? [],
-                { label: h.lifecycleStatus ?? "archived", tone: "warning" }
-              ]
-            };
-            return /* @__PURE__ */ jsx("li", { className: "ra-history-row", "data-history": "true", children: renderListRow ? renderListRow(badged, hCtx) : /* @__PURE__ */ jsx(DefaultRecordRow, { record: badged, ctx: hCtx, compact }) }, hKey);
-          }) }) : null,
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              className: "ra-history-disclosure",
-              onClick: () => sKey && toggleSlot(sKey),
-              "aria-expanded": expanded,
-              children: label
-            }
-          )
-        ] }) : null
+        renderListRow ? renderListRow(item, ctxWithHistory) : /* @__PURE__ */ jsx(DefaultRecordRow, { record: item, ctx: ctxWithHistory, compact }),
+        history && history.length > 0 ? /* @__PURE__ */ jsx("div", { className: "ra-history-block", children: expanded ? /* @__PURE__ */ jsx("ul", { className: "ra-history-rows", "aria-label": "Archived records", children: history.map((h, hIdx) => {
+          const hCtx = buildCtx(h, groupFacetKeys);
+          const hKey = h.id ?? `hist:${idx}:${hIdx}`;
+          const badged = {
+            ...h,
+            badges: [
+              ...h.badges ?? [],
+              { label: h.lifecycleStatus ?? "archived", tone: "warning" }
+            ]
+          };
+          return /* @__PURE__ */ jsx("li", { className: "ra-history-row", "data-history": "true", children: renderListRow ? renderListRow(badged, hCtx) : /* @__PURE__ */ jsx(DefaultRecordRow, { record: badged, ctx: hCtx, compact }) }, hKey);
+        }) }) : null }) : null
       ] }, key);
     }) });
   };
@@ -4358,7 +4459,7 @@ var GroupedList = ({
           }
         ) : null
       ] }),
-      /* @__PURE__ */ jsx("div", { className: "ra-group-body", children: renderItems(g.items) })
+      /* @__PURE__ */ jsx("div", { className: "ra-group-body", children: renderItems(g.items, g.facetKeys) })
     ] }, g.key);
   }) });
 };
@@ -8937,8 +9038,12 @@ var EditorPoolBody = ({
 }) => {
   const ctx = useEditorSlotContext(editorId);
   if (!ctx) return null;
-  return renderEditor(ctx);
+  return /* @__PURE__ */ jsx(CallbackRenderer, { render: renderEditor, args: ctx });
 };
+var CallbackRenderer = ({
+  render,
+  args
+}) => /* @__PURE__ */ jsx(Fragment, { children: render(args) });
 var TOP_LEVEL_SCOPES = ["collection", "rule", "product"];
 var OPT_IN_TOP_LEVEL_SCOPES = ["all"];
 var DRAFT_ID3 = "__draft__";
@@ -8951,16 +9056,39 @@ var coerceDraftItemId2 = (generateItemId) => {
   const candidate = generateItemId ? generateItemId() : mintDraftItemId2();
   return isDraftId3(candidate) ? candidate : `draft:${candidate}`;
 };
-var productItemToSummary = (p, configured) => {
+var productItemToSummary = (p, buckets, i18n) => {
   const ref = buildRef({ productId: p.id });
+  const total = buckets ? buckets.active + buckets.draft + buckets.archived + buckets.other : 0;
+  const hasAnyActive = (buckets?.active ?? 0) > 0;
+  let status;
+  let toneHint;
+  let subtitle = p.sku ?? void 0;
+  if (hasAnyActive) {
+    status = "configured";
+  } else if (total === 0) {
+    status = "empty";
+  } else {
+    status = "partial";
+    if ((buckets.archived ?? 0) > 0 && (buckets.draft ?? 0) === 0) {
+      toneHint = "muted";
+      subtitle = i18n.subtitleArchivedOnly;
+    } else if ((buckets.draft ?? 0) > 0 && (buckets.archived ?? 0) === 0) {
+      toneHint = "warning";
+      subtitle = i18n.subtitleDraftOnly;
+    } else {
+      toneHint = "warning";
+      subtitle = (buckets.draft ?? 0) > 0 ? i18n.subtitleDraftOnly : i18n.subtitleArchivedOnly;
+    }
+  }
   return {
     id: null,
     ref,
     scope: parseRef(ref),
     data: null,
-    status: configured?.has(p.id) ? "configured" : "empty",
+    status,
     label: p.name,
-    subtitle: p.sku ?? void 0
+    subtitle,
+    toneHint
   };
 };
 function RecordsAdminShell(props) {
@@ -9121,7 +9249,10 @@ function RecordsAdminShellInner(props) {
     labels: actionLabels,
     icons: actionIcons
   } = actions ?? {};
-  const i18n = { ...DEFAULT_I18N, ...i18nOverride ?? {} };
+  const i18n = useMemo(
+    () => ({ ...DEFAULT_I18N, ...i18nOverride ?? {} }),
+    [i18nOverride]
+  );
   const icons = useMemo(() => mergeIcons(iconsOverride), [iconsOverride]);
   const deepLinkState = useDeepLinkState(deepLink);
   const multiOpenWarnedRef = useRef(false);
@@ -9181,7 +9312,7 @@ function RecordsAdminShellInner(props) {
     };
   }, [queryClient, recordChangeRef]);
   const probe = useScopeProbe({ SL, collectionId });
-  const scopeCounts = useScopeCounts({ ctx });
+  const scopeCounts = useScopeCounts({ ctx, activeStatuses: resolvedActiveStatuses });
   const topLevelScopes = useMemo(() => {
     const requested = requestedScopes ?? [];
     const allowed = /* @__PURE__ */ new Set([...TOP_LEVEL_SCOPES, ...OPT_IN_TOP_LEVEL_SCOPES]);
@@ -9931,7 +10062,13 @@ function RecordsAdminShellInner(props) {
       ] });
     }
     const previewAnchorRef = previewReopenAnchorRef;
-    const previewBody = renderPreview && effectivePreviewScope ? renderPreview({ resolved: editorCtx.value, previewScope: effectivePreviewScope }) : null;
+    const previewBody = renderPreview && effectivePreviewScope ? /* @__PURE__ */ jsx(
+      CallbackRenderer,
+      {
+        render: renderPreview,
+        args: { resolved: editorCtx.value, previewScope: effectivePreviewScope }
+      }
+    ) : null;
     const scopePicker = previewScopePicker && effectivePreviewScope ? /* @__PURE__ */ jsx(
       PreviewScopePicker,
       {
@@ -10089,7 +10226,13 @@ function RecordsAdminShellInner(props) {
                 renderEditor
               }
             ),
-            fallback: renderEditor(editorCtx)
+            fallback: /* @__PURE__ */ jsx(
+              CallbackRenderer,
+              {
+                render: renderEditor,
+                args: editorCtx
+              }
+            )
           }
         )
       }
@@ -10214,7 +10357,12 @@ function RecordsAdminShellInner(props) {
       }];
     }
     const configured = scopeCounts.productIds;
-    const all = productBrowse.items.map((p) => productItemToSummary(p, configured));
+    const lifecycle = scopeCounts.productLifecycle;
+    const lifecycleI18n = {
+      subtitleArchivedOnly: i18n.subtitleArchivedOnly,
+      subtitleDraftOnly: i18n.subtitleDraftOnly
+    };
+    const all = productBrowse.items.map((p) => productItemToSummary(p, lifecycle.get(p.id), lifecycleI18n));
     const isConfigured = (s) => {
       const pid = s.scope.productId;
       return !!pid && configured.has(pid);
@@ -10231,7 +10379,10 @@ function RecordsAdminShellInner(props) {
     productBrowse.items,
     pinnedProduct.item,
     scopeCounts.productIds,
-    filter
+    scopeCounts.productLifecycle,
+    filter,
+    i18n.subtitleArchivedOnly,
+    i18n.subtitleDraftOnly
   ]);
   const isRuleTab = activeScope === "rule";
   const isGlobalTab = activeScope === "collection";
@@ -10269,7 +10420,7 @@ function RecordsAdminShellInner(props) {
       if (keys.length === 0) return null;
       const key = `facets:${keys.join("|")}`;
       const label2 = keys.map((k) => ruleLabelLookup?.facetLabel?.(k) ?? k).join(" \xB7 ");
-      return { key, label: label2 };
+      return { key, label: label2, facetKeys: keys };
     };
   }, [groupBy, isRuleTab, isAllTab, isCollection, ruleLabelLookup]);
   const [bulkRuleEditTarget, setBulkRuleEditTarget] = useState(null);
@@ -11117,7 +11268,7 @@ function RecordsAdminShellInner(props) {
                     isGlobalTab && !isCollection && !hasSingletonConflicts ? null : /* @__PURE__ */ jsxs(Fragment, { children: [
                       leftLoading && /* @__PURE__ */ jsx(LoadingState, {}),
                       !leftLoading && leftError && /* @__PURE__ */ jsx(ErrorState, { error: leftError }),
-                      !leftLoading && !leftError && decoratedLeftItems.length === 0 && (renderEmptyState ? renderEmptyState({ scope: activeScope }) : /* @__PURE__ */ jsx(
+                      !leftLoading && !leftError && decoratedLeftItems.length === 0 && (renderEmptyState ? /* @__PURE__ */ jsx(CallbackRenderer, { render: renderEmptyState, args: { scope: activeScope } }) : /* @__PURE__ */ jsx(
                         EmptyState,
                         {
                           icon: search ? icons.empty.search : icons.empty.default,