@proveanything/smartlinks-utils-ui 0.12.10 → 0.12.12

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

@@ -842,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.
@@ -1110,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

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,96 @@ 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 patchRecordStatusInCaches(queryClient, ctx, recordId, status) {
+  if (!recordId) return;
+  const lists = [
+    ...queryClient.getQueriesData({ queryKey: RECORD_LIST_QK }),
+    ...queryClient.getQueriesData({ queryKey: COLLECTION_ITEMS_QK })
+  ];
+  for (const [key, cache] of lists) {
+    if (!cache || !Array.isArray(cache.pages)) continue;
+    const prefix = key[0] === RECORD_LIST_QK[0] && key[1] === RECORD_LIST_QK[1] ? RECORD_LIST_QK : COLLECTION_ITEMS_QK;
+    if (!matchesCtx(key, prefix, ctx)) continue;
+    queryClient.setQueryData(key, (prev) => {
+      if (!prev || !Array.isArray(prev.pages)) return prev;
+      let touched = false;
+      const pages = prev.pages.map((p) => ({
+        ...p,
+        data: p.data.map((r) => {
+          if (r.id !== recordId) return r;
+          touched = true;
+          return { ...r, status };
+        })
+      }));
+      return touched ? { ...prev, pages } : prev;
+    });
+  }
+  const counts = queryClient.getQueriesData({
+    queryKey: SCOPE_COUNTS_QK
+  });
+  for (const [key, cache] of counts) {
+    if (!cache || !Array.isArray(cache.records)) continue;
+    if (!matchesScopeCountsCtx(key, ctx)) continue;
+    queryClient.setQueryData(key, (prev) => {
+      if (!prev || !Array.isArray(prev.records)) return prev;
+      let touched = false;
+      const records = prev.records.map((r) => {
+        if (r.id !== recordId) return r;
+        touched = true;
+        return { ...r, status };
+      });
+      return touched ? { ...prev, records } : prev;
+    });
+  }
 }
 function removeRecordFromCaches(queryClient, ctx, recordId) {
   if (!recordId) return;
@@ -104,6 +195,7 @@ function removeRecordFromCaches(queryClient, ctx, recordId) {
       return next ?? prev;
     });
   }
+  removeRecordFromScopeCounts(queryClient, ctx, recordId);
 }
 var DEFAULT_ICONS = {
   scope: {
@@ -4097,13 +4189,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(
@@ -4111,7 +4220,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: [
@@ -4125,7 +4234,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",
               {
@@ -4133,10 +4242,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
                   ] })
                 ]
               }
@@ -4171,6 +4280,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,
           {
@@ -4232,7 +4360,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);
@@ -4249,6 +4377,7 @@ var RecordList = ({
       isDirty: dirtyIdMatch || dirtyAnchorMatch || idInStore || anchorInStore,
       hasError: errorInStore,
       i18n,
+      groupFacetKeys,
       ...cb ?? {},
       actions: extraActions && extraActions.length > 0 ? extraActions : void 0
     };
@@ -4276,43 +4405,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);
     }) });
   };
@@ -4385,7 +4501,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);
   }) });
 };
@@ -7069,11 +7185,12 @@ function ItemListView({
       const def = resolveLifecycleStatus(item, lifecycle);
       const existing = map.get(def.value);
       if (existing) existing.items.push(item);
-      else map.set(def.value, { label: def.label, items: [item] });
+      else map.set(def.value, { label: def.label, tone: def.tone ?? "default", items: [item] });
     }
     return Array.from(map.entries()).map(([key, v]) => ({
       key,
       label: v.label,
+      tone: v.tone,
       items: v.items,
       isActive: activeValues.includes(key)
     })).sort((a, b) => compareLifecycleBuckets(a.key, b.key)).filter((b) => b.items.length > 0);
@@ -7241,11 +7358,13 @@ function ItemListView({
   } else if (buckets && buckets.length > 0) {
     body = /* @__PURE__ */ jsx("div", { className: "ra-item-buckets", children: buckets.map((bucket) => {
       const open = bucket.isActive || !collapsedBuckets.has(bucket.key);
+      const toneVar = bucket.tone === "success" ? "var(--ra-success)" : bucket.tone === "warning" ? "var(--ra-warning)" : bucket.tone === "danger" ? "var(--ra-danger)" : bucket.tone === "info" ? "var(--ra-info)" : "var(--ra-status-missing)";
       return /* @__PURE__ */ jsxs(
         "section",
         {
           className: "ra-item-bucket",
           "data-bucket": bucket.key,
+          style: { borderLeft: `3px solid hsl(${toneVar} / 0.55)` },
           children: [
             /* @__PURE__ */ jsxs(
               "button",
@@ -7261,7 +7380,7 @@ function ItemListView({
                   gap: "6px",
                   width: "100%",
                   padding: "6px 12px",
-                  background: "transparent",
+                  background: `hsl(${toneVar} / 0.06)`,
                   border: 0,
                   borderTop: "1px solid hsl(var(--ra-border))",
                   font: "inherit",
@@ -7269,13 +7388,40 @@ function ItemListView({
                   fontWeight: 600,
                   textTransform: "uppercase",
                   letterSpacing: "0.04em",
-                  color: "hsl(var(--ra-muted-text))",
+                  color: `hsl(${toneVar})`,
                   cursor: bucket.isActive ? "default" : "pointer"
                 },
                 children: [
                   !bucket.isActive ? open ? /* @__PURE__ */ jsx(ChevronDown, { className: "w-3 h-3", "aria-hidden": "true" }) : /* @__PURE__ */ jsx(ChevronRight, { className: "w-3 h-3", "aria-hidden": "true" }) : null,
+                  /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      "aria-hidden": "true",
+                      style: {
+                        width: 8,
+                        height: 8,
+                        borderRadius: 9999,
+                        background: `hsl(${toneVar})`,
+                        flexShrink: 0
+                      }
+                    }
+                  ),
                   /* @__PURE__ */ jsx("span", { children: bucket.label }),
-                  /* @__PURE__ */ jsx("span", { style: { marginLeft: "auto", fontWeight: 500 }, children: bucket.items.length })
+                  /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      style: {
+                        marginLeft: "auto",
+                        fontWeight: 600,
+                        fontSize: "10px",
+                        padding: "1px 7px",
+                        borderRadius: 9999,
+                        background: `hsl(${toneVar} / 0.12)`,
+                        color: `hsl(${toneVar})`
+                      },
+                      children: bucket.items.length
+                    }
+                  )
                 ]
               }
             ),
@@ -8964,8 +9110,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__";
@@ -9171,7 +9321,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);
@@ -9928,6 +10081,7 @@ function RecordsAdminShellInner(props) {
       onAction: async () => {
         try {
           const updated = await SL.app.records.update(collectionId, appId, record.id, { status: next }, true);
+          patchRecordStatusInCaches(queryClient, ctx, record.id, next);
           if (updated) {
             patchRecordIntoCaches(queryClient, ctx, updated);
             queryClient.invalidateQueries({
@@ -9981,7 +10135,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,
       {
@@ -10042,6 +10202,7 @@ function RecordsAdminShellInner(props) {
         current: selectedSummary.lifecycleStatus,
         i18n,
         onChanged: (_next, updated) => {
+          patchRecordStatusInCaches(queryClient, ctx, selectedSummary.id, _next);
           if (updated) {
             patchRecordIntoCaches(queryClient, ctx, updated);
             queryClient.invalidateQueries({
@@ -10071,6 +10232,7 @@ function RecordsAdminShellInner(props) {
           to: e.to
         }),
         onChanged: (_next, updated) => {
+          patchRecordStatusInCaches(queryClient, ctx, selectedSummary.id, _next);
           if (updated) {
             patchRecordIntoCaches(queryClient, ctx, updated);
             queryClient.invalidateQueries({
@@ -10139,7 +10301,13 @@ function RecordsAdminShellInner(props) {
                 renderEditor
               }
             ),
-            fallback: renderEditor(editorCtx)
+            fallback: /* @__PURE__ */ jsx(
+              CallbackRenderer,
+              {
+                render: renderEditor,
+                args: editorCtx
+              }
+            )
           }
         )
       }
@@ -10327,7 +10495,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);
@@ -10496,6 +10664,17 @@ function RecordsAdminShellInner(props) {
         label: i18n.lifecycleBadgeArchived.replace("{n}", String(lc.archived)),
         tone: "neutral"
       });
+      let rowStatus = rep.status;
+      let rowTone;
+      if (lc.active > 0) {
+        rowStatus = "configured";
+      } else if (lc.draft === 0 && lc.archived > 0 && lc.other === 0) {
+        rowStatus = "partial";
+        rowTone = "muted";
+      } else if (lc.draft > 0 || lc.other > 0 || lc.archived > 0) {
+        rowStatus = "partial";
+        rowTone = "warning";
+      }
       return {
         ...rep,
         // Title carries the count + identity; the rule chips below render
@@ -10503,6 +10682,8 @@ function RecordsAdminShellInner(props) {
         // repeat the same information in two places.
         label: `${count} ${itemNoun}${count === 1 ? "" : "s"}`,
         subtitle: void 0,
+        status: rowStatus,
+        toneHint: rowTone,
         badges: [...rep.badges ?? [], ...lifecycleBadges],
         // Stash counts on the row for the sort comparator below.
         __lifecycleCounts: lc
@@ -11126,6 +11307,7 @@ function RecordsAdminShellInner(props) {
                           for (const id of ids) {
                             try {
                               const updated = await SL.app.records.update(collectionId, appId, id, { status: archivedStatusValue }, true);
+                              patchRecordStatusInCaches(queryClient, ctx, id, archivedStatusValue);
                               if (updated) patchRecordIntoCaches(queryClient, ctx, updated);
                               onTelemetry?.({
                                 type: "recordAction.invoke",
@@ -11175,7 +11357,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,