@proveanything/smartlinks-utils-ui 0.9.4 → 0.9.6

package/dist/components/RecordsAdmin/index.js

@@ -1805,8 +1805,14 @@ function useShellNavigation(args) {
     onTelemetry,
     onBeforeDelete,
     generateItemId,
-    hooks
+    hooks,
+    lastAppliedDLRef
   } = args;
+  const stampEcho = (recordId, scope) => {
+    if (!lastAppliedDLRef) return;
+    const view = deepLinkState.urlState.view ?? "";
+    lastAppliedDLRef.current = `${recordId ?? ""}|${scope ?? ""}|${view}`;
+  };
   const buildItemUrlValue = useCallback((id) => {
     if (!baseScopeRef && id.startsWith("item:")) return id;
     return baseScopeRef ? `${baseScopeRef}/item:${id}` : id;
@@ -1844,6 +1850,7 @@ function useShellNavigation(args) {
       setSelectedItemId(itemId);
       onTelemetry?.({ type: "item.open", recordType, scopeRef: baseScopeRef, itemId });
       deepLinkState.emit({ recordId: itemId, scope: baseScopeRef || null }, "record.open");
+      stampEcho(itemId, baseScopeRef || null);
     });
   }, [
     isCollection,
@@ -1858,7 +1865,8 @@ function useShellNavigation(args) {
     editingScope,
     setSelectedItemId,
     onTelemetry,
-    deepLinkState
+    deepLinkState,
+    lastAppliedDLRef
   ]);
   const onItemCreate = useCallback(() => {
     if (!isCollection) return;
@@ -1867,6 +1875,7 @@ function useShellNavigation(args) {
       setSelectedItemId(id);
       onTelemetry?.({ type: "item.create", recordType, scopeRef: baseScopeRef });
       deepLinkState.emit({ recordId: null, scope: baseScopeRef || null }, "record.open");
+      stampEcho(null, baseScopeRef || null);
     });
   }, [
     isCollection,
@@ -1876,7 +1885,8 @@ function useShellNavigation(args) {
     onTelemetry,
     recordType,
     baseScopeRef,
-    deepLinkState
+    deepLinkState,
+    lastAppliedDLRef
   ]);
   const onItemDelete = useCallback(async (itemId) => {
     if (!isCollection) return;
@@ -1918,7 +1928,10 @@ function useShellNavigation(args) {
       await removeRecord2(ctx, itemId);
       onTelemetry?.({ type: "item.delete", recordType, scopeRef: baseScopeRef, itemId });
       if (selectedItemId === itemId) setSelectedItemId(null);
-      if (selectedItemId === itemId) deepLinkState.emit({ recordId: null }, "record.close");
+      if (selectedItemId === itemId) {
+        deepLinkState.emit({ recordId: null }, "record.close");
+        stampEcho(null, baseScopeRef || null);
+      }
       collectionItems.refetch();
       if (hooks?.afterDelete) {
         try {
@@ -1942,7 +1955,8 @@ function useShellNavigation(args) {
     deepLinkState,
     editingScope,
     setSelectedItemId,
-    hooks
+    hooks,
+    lastAppliedDLRef
   ]);
   const itemViewCtx = useMemo(() => ({
     onOpen: onItemOpen,
@@ -1964,15 +1978,17 @@ function useShellNavigation(args) {
     void runWithGuard(() => {
       setSelectedItemId(null);
       deepLinkState.emit({ recordId: null }, "record.close");
+      stampEcho(null, baseScopeRef || null);
     });
-  }, [runWithGuard, deepLinkState, setSelectedItemId]);
+  }, [runWithGuard, deepLinkState, setSelectedItemId, baseScopeRef, lastAppliedDLRef]);
   const stepToItem = useCallback((id) => {
     void runWithGuard(() => {
       setSelectedItemId(id);
       onTelemetry?.({ type: "item.open", recordType, scopeRef: baseScopeRef, itemId: id });
       deepLinkState.emit({ recordId: id, scope: baseScopeRef || null }, "record.step");
+      stampEcho(id, baseScopeRef || null);
     });
-  }, [runWithGuard, onTelemetry, recordType, baseScopeRef, deepLinkState, setSelectedItemId]);
+  }, [runWithGuard, onTelemetry, recordType, baseScopeRef, deepLinkState, setSelectedItemId, lastAppliedDLRef]);
   const onItemPrev = useCallback(() => {
     if (!itemPosition || itemPosition.index <= 0) return;
     const next = collectionItems.items[itemPosition.index - 1];
@@ -3405,68 +3421,68 @@ var DefaultRecordRow = ({ record, ctx, compact = false }) => {
   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(
-    "button",
+    "div",
     {
-      type: "button",
-      onClick: onSelect,
       "data-selected": selected ? "true" : "false",
       "data-tone": tone,
       className: cn("ra-row", compact && "ra-row-compact"),
       style: compact ? { paddingTop: "0.4rem", paddingBottom: "0.4rem" } : void 0,
       children: [
-        !compact && /* @__PURE__ */ jsx("span", { className: "ra-row-status", "aria-hidden": "true", children: /* @__PURE__ */ jsx(
-          StatusIcon,
-          {
-            status: record.status,
-            label: statusToneLabel(tone)
-          }
-        ) }),
-        /* @__PURE__ */ jsxs("div", { className: "ra-row-body", children: [
-          /* @__PURE__ */ jsx("div", { className: "ra-row-title", children: record.label }),
-          !compact && isRuleRecord && /* @__PURE__ */ jsxs(
-            "div",
+        /* @__PURE__ */ jsxs("button", { type: "button", onClick: onSelect, className: "ra-row-hit", children: [
+          !compact && /* @__PURE__ */ jsx("span", { className: "ra-row-status", "aria-hidden": "true", children: /* @__PURE__ */ jsx(
+            StatusIcon,
             {
-              className: "ra-row-rule-chips",
-              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: [
-                  "+",
-                  ruleClauses.length - 4
-                ] })
-              ]
+              status: record.status,
+              label: statusToneLabel(tone)
+            }
+          ) }),
+          /* @__PURE__ */ jsxs("div", { className: "ra-row-body", children: [
+            /* @__PURE__ */ jsx("div", { className: "ra-row-title", children: record.label }),
+            !compact && isRuleRecord && /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: "ra-row-rule-chips",
+                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: [
+                    "+",
+                    ruleClauses.length - 4
+                  ] })
+                ]
+              }
+            ),
+            !compact && !isRuleRecord && /* @__PURE__ */ jsx("div", { className: "ra-row-sub", children: subtitle })
+          ] }),
+          compact && /* @__PURE__ */ jsx(StatusIcon, { status: record.status, size: "0.85rem" }),
+          !compact && record.scope.kind && record.scope.kind !== "collection" && record.scope.kind !== "rule" && /* @__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}`)),
+          record.facetRule && !compact && !isRuleRecord && /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: "ra-row-rule-pip",
+              title: ruleSummary ? `Targeted: ${ruleSummary}` : "This record has targeting rules",
+              "aria-label": ruleSummary ? `Targeted: ${ruleSummary}` : "This record has targeting rules",
+              children: /* @__PURE__ */ jsx(SlidersHorizontal, { className: "w-3 h-3", "aria-hidden": "true" })
             }
           ),
-          !compact && !isRuleRecord && /* @__PURE__ */ jsx("div", { className: "ra-row-sub", children: subtitle })
+          hasError ? /* @__PURE__ */ jsx(
+            "span",
+            {
+              title: "Save failed",
+              "aria-label": "Save failed",
+              className: "ra-error-pip"
+            }
+          ) : isDirty && /* @__PURE__ */ jsx(
+            "span",
+            {
+              title: "Unsaved changes",
+              "aria-label": "Unsaved changes",
+              className: "ra-dirty-pip"
+            }
+          )
         ] }),
-        compact && /* @__PURE__ */ jsx(StatusIcon, { status: record.status, size: "0.85rem" }),
-        !compact && record.scope.kind && record.scope.kind !== "collection" && record.scope.kind !== "rule" && /* @__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}`)),
-        record.facetRule && !compact && !isRuleRecord && /* @__PURE__ */ jsx(
-          "span",
-          {
-            className: "ra-row-rule-pip",
-            title: ruleSummary ? `Targeted: ${ruleSummary}` : "This record has targeting rules",
-            "aria-label": ruleSummary ? `Targeted: ${ruleSummary}` : "This record has targeting rules",
-            children: /* @__PURE__ */ jsx(SlidersHorizontal, { className: "w-3 h-3", "aria-hidden": "true" })
-          }
-        ),
-        hasError ? /* @__PURE__ */ jsx(
-          "span",
-          {
-            title: "Save failed",
-            "aria-label": "Save failed",
-            className: "ra-error-pip"
-          }
-        ) : isDirty && /* @__PURE__ */ jsx(
-          "span",
-          {
-            title: "Unsaved changes",
-            "aria-label": "Unsaved changes",
-            className: "ra-dirty-pip"
-          }
-        ),
         (onCopy || onPaste) && /* @__PURE__ */ jsx(
           RowContextMenu,
           {
@@ -4010,112 +4026,6 @@ var createDefaultDeepLinkAdapter = (paramNames) => ({
   }
 });
 
-// src/components/RecordsAdmin/data/postMessageDeepLinkAdapter.ts
-var CONTEXT_KEYS = [
-  "dark",
-  "appId",
-  "collectionId",
-  "productId",
-  "proofId",
-  "lang",
-  "theme"
-];
-var getSearchParams2 = (loc) => new URLSearchParams(loc.search.startsWith("?") ? loc.search.slice(1) : loc.search);
-var getHashParams2 = (loc) => {
-  const idx = loc.hash.indexOf("?");
-  return new URLSearchParams(idx >= 0 ? loc.hash.slice(idx + 1) : "");
-};
-var getReadParams2 = (loc) => {
-  if (loc.hash && loc.hash.includes("?")) return getHashParams2(loc);
-  return getSearchParams2(loc);
-};
-var getMergedParams = (loc) => {
-  const merged = getSearchParams2(loc);
-  const hashParams = getHashParams2(loc);
-  hashParams.forEach((value, key) => {
-    merged.set(key, value);
-  });
-  return merged;
-};
-var findPath = (loc) => {
-  if (loc.hash && loc.hash.startsWith("#")) {
-    const hash = loc.hash.slice(1);
-    const qIdx = hash.indexOf("?");
-    const hashPath = qIdx >= 0 ? hash.slice(0, qIdx) : hash;
-    if (hashPath) return hashPath;
-  }
-  return loc.pathname || "/";
-};
-var isInSmartLinksIframe = () => {
-  if (typeof window === "undefined") return false;
-  try {
-    return window.parent != null && window.parent !== window;
-  } catch {
-    return true;
-  }
-};
-var createPostMessageDeepLinkAdapter = (paramNames) => {
-  const lastShellState = {};
-  const post = (path) => {
-    if (typeof window === "undefined") return;
-    const params = getMergedParams(window.location);
-    const context = {};
-    const state = {};
-    params.forEach((value, key) => {
-      if (key === "theme") return;
-      if (CONTEXT_KEYS.includes(key)) context[key] = value;
-      else state[key] = value;
-    });
-    const overlay = (key, paramKey) => {
-      const v = lastShellState[key];
-      if (v == null || v === "") delete state[paramKey];
-      else state[paramKey] = v;
-    };
-    overlay("recordId", paramNames.recordId);
-    overlay("scope", paramNames.scope);
-    overlay("view", paramNames.view);
-    try {
-      const message = {
-        type: "smartlinks-route-change",
-        path,
-        context,
-        state,
-        appId: context.appId
-      };
-      window.parent.postMessage(message, "*");
-    } catch {
-    }
-  };
-  return {
-    read() {
-      if (typeof window === "undefined") return {};
-      const params = getReadParams2(window.location);
-      return {
-        recordId: params.get(paramNames.recordId),
-        scope: params.get(paramNames.scope),
-        view: params.get(paramNames.view)
-      };
-    },
-    write(partial) {
-      if (typeof window === "undefined") return;
-      if ("recordId" in partial) lastShellState.recordId = partial.recordId ?? null;
-      if ("scope" in partial) lastShellState.scope = partial.scope ?? null;
-      if ("view" in partial) lastShellState.view = partial.view ?? null;
-      post(findPath(window.location));
-    },
-    subscribe(listener) {
-      if (typeof window === "undefined") return () => {
-      };
-      window.addEventListener("popstate", listener);
-      window.addEventListener("hashchange", listener);
-      return () => {
-        window.removeEventListener("popstate", listener);
-        window.removeEventListener("hashchange", listener);
-      };
-    }
-  };
-};
-
 // src/components/RecordsAdmin/hooks/useDeepLinkState.ts
 var SMART_PUSH = ["record.open", "record.close", "scope"];
 var classify2 = (mode, kind) => {
@@ -4135,8 +4045,7 @@ function useDeepLinkState(options) {
     if (!enabled) return null;
     if (options?.adapter) return options.adapter;
     if (!defaultAdapterRef.current) {
-      const inIframe = isInSmartLinksIframe();
-      defaultAdapterRef.current = inIframe ? createPostMessageDeepLinkAdapter(paramNames) : createDefaultDeepLinkAdapter(paramNames);
+      defaultAdapterRef.current = createDefaultDeepLinkAdapter(paramNames);
     }
     return defaultAdapterRef.current;
   }, [enabled, options?.adapter, paramNames]);
@@ -4576,6 +4485,7 @@ function RecordTargeting({
   const summary = useMemo(() => summariseRule2(clauses, facets), [clauses, facets]);
   if (!ctx.onFacetRuleChange) return null;
   if (!hasInflightRule) return null;
+  if (hasAnyClause && !isInvalid && !forceOpen) return null;
   const headerTone = isInvalid ? { color: "hsl(var(--ra-danger, 0 70% 45%))" } : { color: "hsl(var(--ra-muted-text))" };
   const setOpenAndNotify = (next) => {
     setOpen(next);
@@ -4681,6 +4591,7 @@ function TargetingPopover({
   const [open, setOpen] = useState(false);
   const triggerRef = useRef(null);
   const [anchor, setAnchor] = useState(null);
+  const ruleLabelLookup = useRuleLabelLookup();
   const currentHash = useMemo(() => ruleHash(ctx.facetRule), [ctx.facetRule]);
   const currentMatchesPreset = !!currentHash && catalogue.some((e) => e.hash === currentHash);
   const sharedCount = useMemo(() => {
@@ -4734,6 +4645,7 @@ function TargetingPopover({
   };
   const triggerLabel = mode === "global" ? "Global" : "Targeted";
   const TriggerIcon = mode === "global" ? Globe2 : Target;
+  const triggerSummary = mode !== "global" && ctx.facetRule && (ctx.facetRule.all?.length ?? 0) > 0 ? summariseRule(ctx.facetRule, ruleLabelLookup) : null;
   const popover = open && anchor ? createPortal(
     /* @__PURE__ */ jsxs(
       "div",
@@ -4851,17 +4763,36 @@ function TargetingPopover({
         ref: triggerRef,
         type: "button",
         onClick: () => setOpen((o) => !o),
-        className: "text-[11px] inline-flex items-center gap-1 px-2 py-1 rounded-md border transition-colors hover:bg-[hsl(var(--ra-muted))]",
+        className: "text-[11px] inline-flex items-center gap-1 px-2 py-1 rounded-md border transition-colors hover:bg-[hsl(var(--ra-muted))] max-w-[18rem]",
         style: {
           borderColor: "hsl(var(--ra-border))",
           color: "hsl(var(--ra-text))"
         },
         "aria-haspopup": "dialog",
         "aria-expanded": open,
-        title: "Use rules to scope this record to a targeted audience",
+        title: triggerSummary ? `Targeted: ${triggerSummary}` : "Use rules to scope this record to a targeted audience",
         children: [
-          /* @__PURE__ */ jsx(TriggerIcon, { className: "w-3 h-3" }),
-          triggerLabel,
+          /* @__PURE__ */ jsx(TriggerIcon, { className: "w-3 h-3 shrink-0" }),
+          /* @__PURE__ */ jsx("span", { className: "shrink-0", children: triggerLabel }),
+          triggerSummary && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: "shrink-0",
+                style: { color: "hsl(var(--ra-muted-text))" },
+                "aria-hidden": "true",
+                children: "\xB7"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: "truncate",
+                style: { color: "hsl(var(--ra-muted-text))" },
+                children: triggerSummary
+              }
+            )
+          ] }),
           mode === "preset" && /* @__PURE__ */ jsx(Check, { className: "w-3 h-3", style: { color: "hsl(var(--ra-muted-text))" } })
         ]
       }
@@ -5880,70 +5811,67 @@ function SiblingRail({
   selectedItemId,
   isLoading,
   error,
-  onBack,
   onSelect,
   dirtyKeys,
   errorKeys,
   i18n
 }) {
-  return /* @__PURE__ */ jsxs("div", { className: "ra-sibling-rail", children: [
-    /* @__PURE__ */ jsxs(
-      "button",
-      {
-        type: "button",
-        onClick: onBack,
-        className: "ra-sibling-back",
-        children: [
-          /* @__PURE__ */ jsx(ArrowLeft, { className: "w-3.5 h-3.5" }),
-          i18n.backToScopes
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx("div", { className: "ra-sibling-heading", children: i18n.siblingsHeading }),
-    /* @__PURE__ */ jsxs("div", { className: "ra-sibling-body", children: [
-      isLoading && /* @__PURE__ */ jsx(LoadingState, {}),
-      !isLoading && error && /* @__PURE__ */ jsx(ErrorState, { error }),
-      !isLoading && !error && items.length === 0 && /* @__PURE__ */ jsx(EmptyState, { title: i18n.noItemsTitle, body: i18n.noItemsBody }),
-      !isLoading && !error && items.length > 0 && /* @__PURE__ */ jsx("ul", { className: "ra-sibling-list", children: items.map((item, idx) => {
-        const id = item.itemId ?? "";
-        const key = item.id ?? (id || anchorKey(item.scope) || `pos:${idx}`);
-        const akey = anchorKey(item.scope);
-        const selected = selectedItemId === id;
-        const isDirty = !!(id && dirtyKeys?.has(id) || akey && dirtyKeys?.has(akey));
-        const hasError = !!(id && errorKeys?.has(id) || akey && errorKeys?.has(akey));
-        return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
-          "button",
-          {
-            type: "button",
-            onClick: () => onSelect(id),
-            className: "ra-row",
-            "data-selected": selected,
-            children: [
-              /* @__PURE__ */ jsxs("div", { className: "ra-row-body", children: [
-                /* @__PURE__ */ jsx("div", { className: "ra-row-title", children: item.label }),
-                item.subtitle && /* @__PURE__ */ jsx("div", { className: "ra-row-sub", children: item.subtitle })
-              ] }),
-              hasError ? /* @__PURE__ */ jsx(
-                "span",
-                {
-                  className: "ra-error-pip",
-                  title: "Save failed",
-                  "aria-label": "Save failed"
-                }
-              ) : isDirty ? /* @__PURE__ */ jsx(
-                "span",
-                {
-                  className: "ra-dirty-pip",
-                  title: "Unsaved changes",
-                  "aria-label": "Unsaved changes"
-                }
-              ) : null
-            ]
-          }
-        ) }, key);
-      }) })
-    ] })
-  ] });
+  const ruleLabelLookup = useRuleLabelLookup();
+  return /* @__PURE__ */ jsx("div", { className: "ra-sibling-rail", children: /* @__PURE__ */ jsxs("div", { className: "ra-sibling-body", children: [
+    isLoading && /* @__PURE__ */ jsx(LoadingState, {}),
+    !isLoading && error && /* @__PURE__ */ jsx(ErrorState, { error }),
+    !isLoading && !error && items.length === 0 && /* @__PURE__ */ jsx(EmptyState, { title: i18n.noItemsTitle, body: i18n.noItemsBody }),
+    !isLoading && !error && items.length > 0 && /* @__PURE__ */ jsx("ul", { className: "ra-sibling-list", children: items.map((item, idx) => {
+      const id = item.itemId ?? "";
+      const key = item.id ?? (id || anchorKey(item.scope) || `pos:${idx}`);
+      const akey = anchorKey(item.scope);
+      const selected = selectedItemId === id;
+      const isDirty = !!(id && dirtyKeys?.has(id) || akey && dirtyKeys?.has(akey));
+      const hasError = !!(id && errorKeys?.has(id) || akey && errorKeys?.has(akey));
+      const ruleClauses = item.facetRule ? summarizeFacetRule(item.facetRule, ruleLabelLookup) : [];
+      const isTargeted = ruleClauses.length > 0;
+      const ruleSummary = isTargeted ? ruleClauses.map((c) => c.label).join(" \xB7 ") : null;
+      return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => onSelect(id),
+          className: "ra-row",
+          "data-selected": selected,
+          children: [
+            /* @__PURE__ */ jsxs("div", { className: "ra-row-body", children: [
+              /* @__PURE__ */ jsx("div", { className: "ra-row-title", children: item.label }),
+              item.subtitle && /* @__PURE__ */ jsx("div", { className: "ra-row-sub", children: item.subtitle })
+            ] }),
+            isTargeted && /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: "ra-row-rule-pip",
+                title: ruleSummary ? `Targeted: ${ruleSummary}` : "This item has targeting rules",
+                "aria-label": ruleSummary ? `Targeted: ${ruleSummary}` : "This item has targeting rules",
+                children: /* @__PURE__ */ jsx(SlidersHorizontal, { className: "w-3 h-3", "aria-hidden": "true" })
+              }
+            ),
+            hasError ? /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: "ra-error-pip",
+                title: "Save failed",
+                "aria-label": "Save failed"
+              }
+            ) : isDirty ? /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: "ra-dirty-pip",
+                title: "Unsaved changes",
+                "aria-label": "Unsaved changes"
+              }
+            ) : null
+          ]
+        }
+      ) }, key);
+    }) })
+  ] }) });
 }
 var TONE_ICON = {
   info: Lightbulb,
@@ -6110,14 +6038,7 @@ function ShellHeader({
   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;
+    return [];
   })();
   const hasStats = resolvedItems.length > 0;
   const hasStatsHeading = !!(statsTitle || statsIcon);
@@ -7102,7 +7023,6 @@ var EditorPoolBody = ({
 };
 var TOP_LEVEL_SCOPES = ["collection", "rule", "product"];
 var OPT_IN_TOP_LEVEL_SCOPES = ["all"];
-var WARNED_FACET_DEPRECATED = false;
 var DRAFT_ID3 = "__draft__";
 var isDraftId3 = (id) => !!id && (id === DRAFT_ID3 || id.startsWith("draft:"));
 var mintDraftItemId2 = () => {
@@ -7315,14 +7235,6 @@ function RecordsAdminShellInner(props) {
     if (!productPinnedFromContext || contextScopeMode !== "strict") return topLevelScopes;
     return topLevelScopes.filter((s) => s !== "collection" && s !== "rule" && s !== "all");
   }, [productPinnedFromContext, contextScopeMode, topLevelScopes]);
-  useEffect(() => {
-    if (requestedScopes.includes("facet") && !WARNED_FACET_DEPRECATED) {
-      WARNED_FACET_DEPRECATED = true;
-      console.warn(
-        '[RecordsAdminShell] The "facet" top-level scope was removed in 0.5.0. Use the Rules tab\'s built-in "Browse by facet" filter instead. Drop "facet" (and any `defaultScope: "facet"`) from your `scopes` prop.'
-      );
-    }
-  }, [requestedScopes]);
   const drillVariantsAllowed = useMemo(
     () => requestedScopes.includes("variant") && (probe.isLoading || probe.hasVariants),
     [requestedScopes, probe.isLoading, probe.hasVariants]
@@ -7467,7 +7379,7 @@ function RecordsAdminShellInner(props) {
     }
     setSelectedItemId(null);
   }, [editingScope?.raw]);
-  useShellDeepLink({
+  const { lastAppliedDLRef } = useShellDeepLink({
     deepLinkState,
     editingScope,
     selectedItemId,
@@ -7730,7 +7642,8 @@ function RecordsAdminShellInner(props) {
     onTelemetry,
     onBeforeDelete,
     generateItemId,
-    hooks: props.hooks
+    hooks: props.hooks,
+    lastAppliedDLRef
   });
   const renderEditorWithPreview = () => {
     if (!editingTargetScope) return null;
@@ -8350,7 +8263,7 @@ function RecordsAdminShellInner(props) {
                   i18n
                 }
               ) : /* @__PURE__ */ jsxs(Fragment, { children: [
-                /* @__PURE__ */ jsx("div", { className: "p-2", children: /* @__PURE__ */ jsx(
+                /* @__PURE__ */ jsx("div", { className: "px-1.5 py-2", children: /* @__PURE__ */ jsx(
                   ScopeTabs,
                   {
                     scopes: effectiveTopLevelScopes,
@@ -8496,7 +8409,13 @@ function RecordsAdminShellInner(props) {
                         errorKeys,
                         presentation: effectivePresentation,
                         renderListRow,
-                        groupBy: effectiveGroupBy,
+                        groupBy: (
+                          // The synthetic "All items" row in collection mode is a
+                          // navigational anchor, not a real record — applying the
+                          // host's groupBy bucketed it under "Other" (its
+                          // data is null). Skip grouping for that single-row rail.
+                          (isGlobalTab || isAllTab) && isCollection ? void 0 : effectiveGroupBy
+                        ),
                         renderGroupActions: renderRuleGroupActions,
                         rowClipboard,
                         i18n
@@ -9276,6 +9195,142 @@ function useRecordEditor(args) {
     onFacetRuleChange: handleFacetRuleChange
   };
 }
+
+// src/components/RecordsAdmin/data/routerDeepLinkAdapter.ts
+var createRouterDeepLinkAdapter = (paramNames, getParams, setParams) => {
+  [paramNames.recordId, paramNames.scope, paramNames.view];
+  return {
+    read() {
+      const params = getParams();
+      return {
+        recordId: params.get(paramNames.recordId),
+        scope: params.get(paramNames.scope),
+        view: params.get(paramNames.view)
+      };
+    },
+    write(partial) {
+      const merged = new URLSearchParams(getParams());
+      const apply = (key, value) => {
+        if (value == null || value === "") merged.delete(key);
+        else merged.set(key, value);
+      };
+      if ("recordId" in partial) apply(paramNames.recordId, partial.recordId);
+      if ("scope" in partial) apply(paramNames.scope, partial.scope);
+      if ("view" in partial) apply(paramNames.view, partial.view);
+      setParams(merged);
+    },
+    subscribe(_listener) {
+      return () => {
+      };
+    }
+  };
+};
+
+// src/components/RecordsAdmin/data/postMessageDeepLinkAdapter.ts
+var CONTEXT_KEYS = [
+  "dark",
+  "appId",
+  "collectionId",
+  "productId",
+  "proofId",
+  "lang",
+  "theme"
+];
+var getSearchParams2 = (loc) => new URLSearchParams(loc.search.startsWith("?") ? loc.search.slice(1) : loc.search);
+var getHashParams2 = (loc) => {
+  const idx = loc.hash.indexOf("?");
+  return new URLSearchParams(idx >= 0 ? loc.hash.slice(idx + 1) : "");
+};
+var getReadParams2 = (loc) => {
+  if (loc.hash && loc.hash.includes("?")) return getHashParams2(loc);
+  return getSearchParams2(loc);
+};
+var getMergedParams = (loc) => {
+  const merged = getSearchParams2(loc);
+  const hashParams = getHashParams2(loc);
+  hashParams.forEach((value, key) => {
+    merged.set(key, value);
+  });
+  return merged;
+};
+var findPath = (loc) => {
+  if (loc.hash && loc.hash.startsWith("#")) {
+    const hash = loc.hash.slice(1);
+    const qIdx = hash.indexOf("?");
+    const hashPath = qIdx >= 0 ? hash.slice(0, qIdx) : hash;
+    if (hashPath) return hashPath;
+  }
+  return loc.pathname || "/";
+};
+var isInSmartLinksIframe = () => {
+  if (typeof window === "undefined") return false;
+  try {
+    return window.parent != null && window.parent !== window;
+  } catch {
+    return true;
+  }
+};
+var createPostMessageDeepLinkAdapter = (paramNames) => {
+  const lastShellState = {};
+  const post = (path) => {
+    if (typeof window === "undefined") return;
+    const params = getMergedParams(window.location);
+    const context = {};
+    const state = {};
+    params.forEach((value, key) => {
+      if (key === "theme") return;
+      if (CONTEXT_KEYS.includes(key)) context[key] = value;
+      else state[key] = value;
+    });
+    const overlay = (key, paramKey) => {
+      const v = lastShellState[key];
+      if (v == null || v === "") delete state[paramKey];
+      else state[paramKey] = v;
+    };
+    overlay("recordId", paramNames.recordId);
+    overlay("scope", paramNames.scope);
+    overlay("view", paramNames.view);
+    try {
+      const message = {
+        type: "smartlinks-route-change",
+        path,
+        context,
+        state,
+        appId: context.appId
+      };
+      window.parent.postMessage(message, "*");
+    } catch {
+    }
+  };
+  return {
+    read() {
+      if (typeof window === "undefined") return {};
+      const params = getReadParams2(window.location);
+      return {
+        recordId: params.get(paramNames.recordId),
+        scope: params.get(paramNames.scope),
+        view: params.get(paramNames.view)
+      };
+    },
+    write(partial) {
+      if (typeof window === "undefined") return;
+      if ("recordId" in partial) lastShellState.recordId = partial.recordId ?? null;
+      if ("scope" in partial) lastShellState.scope = partial.scope ?? null;
+      if ("view" in partial) lastShellState.view = partial.view ?? null;
+      post(findPath(window.location));
+    },
+    subscribe(listener) {
+      if (typeof window === "undefined") return () => {
+      };
+      window.addEventListener("popstate", listener);
+      window.addEventListener("hashchange", listener);
+      return () => {
+        window.removeEventListener("popstate", listener);
+        window.removeEventListener("hashchange", listener);
+      };
+    }
+  };
+};
 var resolveAllQueryKey = (args) => [
   "records-admin",
   "resolve-all",
@@ -9519,6 +9574,6 @@ function useMergedRecord(args) {
 // src/components/RecordsAdmin/index.ts
 assertComponentStylesLoaded("records-admin");
 
-export { ALL_ITEM_VIEWS, ALL_PRESENTATIONS, BatchList, BulkActionsMenu, DEFAULT_DEEP_LINK_PARAM_NAMES, DEFAULT_I18N, DEFAULT_ICONS, DefaultItemCards, DefaultItemTable, DefaultRecordCard, DefaultRecordRow, DeleteButton, DirtyDraftProvider, DrawerPreview, EditorItemNav, EmptyState, ErrorState, FacetList, InheritanceMarker, InheritanceProvider, InlinePreview, IntroCard, ItemListView, ItemViewSwitcher, LoadingState, PresentationSwitcher, PreviewScopePicker, PreviewToggleButton, ProductDrillDown, ProductList, RecordBrowser, RecordEditor, RecordList, RecordsAdminShell, ResolvedPreview, ScopeBreadcrumb, ScopeTabs, SiblingRail, SidePreview, StatusDot, StatusFilterPills, StatusIcon, TabbedPreview, UtilityRow, VariantList, buildDraftKey, buildRef, checkPasteCompatibility, cloneValue, createDefaultDeepLinkAdapter, createPostMessageDeepLinkAdapter, downloadBlob, exportCsv, importCsv, isInSmartLinksIframe, mergeIcons, normaliseRule, parseRef, pickHeaderIcon, resolutionChain, resolveRecord, ruleHash, rulesEqual, scopeCountsQueryKey, statusToneLabel, summariseRule, useCollectedRecords, useCollectionItems, useDeepLinkState, useDirtyDraft, useDirtyDraftActions, useDirtyDraftStore, useDirtyDrafts, useDirtyNavigation, useFacetBrowse, useIntroDismissed, useItemViewPref, useMergedRecord, usePresentationPref, useProductBrowse, useProductChildren, useRecordClipboard, useRecordEditor, useRecordList, useResolveAllRecords, useResolvedRecord, useRulePreview, useScopeCounts, useScopeProbe, useUnsavedGuard };
+export { ALL_ITEM_VIEWS, ALL_PRESENTATIONS, BatchList, BulkActionsMenu, DEFAULT_DEEP_LINK_PARAM_NAMES, DEFAULT_I18N, DEFAULT_ICONS, DefaultItemCards, DefaultItemTable, DefaultRecordCard, DefaultRecordRow, DeleteButton, DirtyDraftProvider, DrawerPreview, EditorItemNav, EmptyState, ErrorState, FacetList, InheritanceMarker, InheritanceProvider, InlinePreview, IntroCard, ItemListView, ItemViewSwitcher, LoadingState, PresentationSwitcher, PreviewScopePicker, PreviewToggleButton, ProductDrillDown, ProductList, RecordBrowser, RecordEditor, RecordList, RecordsAdminShell, ResolvedPreview, ScopeBreadcrumb, ScopeTabs, SiblingRail, SidePreview, StatusDot, StatusFilterPills, StatusIcon, TabbedPreview, UtilityRow, VariantList, buildDraftKey, buildRef, checkPasteCompatibility, cloneValue, createDefaultDeepLinkAdapter, createPostMessageDeepLinkAdapter, createRouterDeepLinkAdapter, downloadBlob, exportCsv, importCsv, isInSmartLinksIframe, mergeIcons, normaliseRule, parseRef, pickHeaderIcon, resolutionChain, resolveRecord, ruleHash, rulesEqual, scopeCountsQueryKey, statusToneLabel, summariseRule, useCollectedRecords, useCollectionItems, useDeepLinkState, useDirtyDraft, useDirtyDraftActions, useDirtyDraftStore, useDirtyDrafts, useDirtyNavigation, useFacetBrowse, useIntroDismissed, useItemViewPref, useMergedRecord, usePresentationPref, useProductBrowse, useProductChildren, useRecordClipboard, useRecordEditor, useRecordList, useResolveAllRecords, useResolvedRecord, useRulePreview, useScopeCounts, useScopeProbe, useUnsavedGuard };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map