@proveanything/smartlinks-utils-ui 0.12.13 → 0.12.15

package/dist/components/RecordsAdmin/index.js

@@ -179,6 +179,19 @@ function patchRecordStatusInCaches(queryClient, ctx, recordId, status) {
     });
   }
 }
+function markScopeCountsStale(queryClient, ctx) {
+  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.invalidateQueries({
+      queryKey: key,
+      refetchType: "none"
+    });
+  }
+}
 function removeRecordFromCaches(queryClient, ctx, recordId) {
   if (!recordId) return;
   const all = [
@@ -7600,11 +7613,12 @@ function SiblingRail({
       const key = def.value;
       const existing = map.get(key);
       if (existing) existing.items.push(item);
-      else map.set(key, { label: def.label, items: [item] });
+      else map.set(key, { 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);
@@ -7729,30 +7743,15 @@ function SiblingRail({
               {
                 type: "button",
                 className: "ra-sibling-bucket-header",
+                "data-tone": bucket.tone,
                 onClick: () => !bucket.isActive && toggleBucket(bucket.key),
                 "aria-expanded": open,
                 disabled: bucket.isActive,
-                style: {
-                  display: "flex",
-                  alignItems: "center",
-                  gap: "6px",
-                  width: "100%",
-                  padding: "6px 10px",
-                  background: "transparent",
-                  border: 0,
-                  borderTop: "1px solid hsl(var(--ra-border))",
-                  font: "inherit",
-                  fontSize: "11px",
-                  fontWeight: 600,
-                  textTransform: "uppercase",
-                  letterSpacing: "0.04em",
-                  color: "hsl(var(--ra-muted-text))",
-                  cursor: bucket.isActive ? "default" : "pointer"
-                },
+                style: { 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", { children: bucket.label }),
-                  /* @__PURE__ */ jsx("span", { style: { marginLeft: "auto", fontWeight: 500 }, children: bucket.items.length })
+                  /* @__PURE__ */ jsx("span", { className: "ra-sibling-bucket-label", children: bucket.label }),
+                  /* @__PURE__ */ jsx("span", { className: "ra-sibling-bucket-count", children: bucket.items.length })
                 ]
               }
             ),
@@ -9375,9 +9374,7 @@ function RecordsAdminShellInner(props) {
       } else {
         removeRecordFromCaches(queryClient, notice.ctx, notice.recordId);
       }
-      queryClient.invalidateQueries({
-        queryKey: scopeCountsQueryKey(notice.ctx.collectionId, notice.ctx.appId, notice.ctx.recordType)
-      });
+      markScopeCountsStale(queryClient, notice.ctx);
     };
     return () => {
       recordChangeRef.current = null;
@@ -10082,11 +10079,9 @@ function RecordsAdminShellInner(props) {
         try {
           const updated = await SL.app.records.update(collectionId, appId, record.id, { status: next }, true);
           patchRecordStatusInCaches(queryClient, ctx, record.id, next);
+          markScopeCountsStale(queryClient, ctx);
           if (updated) {
             patchRecordIntoCaches(queryClient, ctx, updated);
-            queryClient.invalidateQueries({
-              queryKey: scopeCountsQueryKey(ctx.collectionId, ctx.appId, ctx.recordType)
-            });
           }
         } catch (err) {
           console.warn("[RecordsAdminShell] lifecycle update failed", err);
@@ -10203,11 +10198,9 @@ function RecordsAdminShellInner(props) {
         i18n,
         onChanged: (_next, updated) => {
           patchRecordStatusInCaches(queryClient, ctx, selectedSummary.id, _next);
+          markScopeCountsStale(queryClient, ctx);
           if (updated) {
             patchRecordIntoCaches(queryClient, ctx, updated);
-            queryClient.invalidateQueries({
-              queryKey: scopeCountsQueryKey(ctx.collectionId, ctx.appId, ctx.recordType)
-            });
           }
         }
       }
@@ -10233,11 +10226,9 @@ function RecordsAdminShellInner(props) {
         }),
         onChanged: (_next, updated) => {
           patchRecordStatusInCaches(queryClient, ctx, selectedSummary.id, _next);
+          markScopeCountsStale(queryClient, ctx);
           if (updated) {
             patchRecordIntoCaches(queryClient, ctx, updated);
-            queryClient.invalidateQueries({
-              queryKey: scopeCountsQueryKey(ctx.collectionId, ctx.appId, ctx.recordType)
-            });
           }
         }
       }
@@ -11308,6 +11299,7 @@ function RecordsAdminShellInner(props) {
                             try {
                               const updated = await SL.app.records.update(collectionId, appId, id, { status: archivedStatusValue }, true);
                               patchRecordStatusInCaches(queryClient, ctx, id, archivedStatusValue);
+                              markScopeCountsStale(queryClient, ctx);
                               if (updated) patchRecordIntoCaches(queryClient, ctx, updated);
                               onTelemetry?.({
                                 type: "recordAction.invoke",
@@ -11319,9 +11311,7 @@ function RecordsAdminShellInner(props) {
                               console.warn("[RecordsAdminShell] archive-duplicate failed", id, err);
                             }
                           }
-                          queryClient.invalidateQueries({
-                            queryKey: scopeCountsQueryKey(ctx.collectionId, ctx.appId, ctx.recordType)
-                          });
+                          markScopeCountsStale(queryClient, ctx);
                         } : void 0,
                         onDeleteDuplicates: enableDeleteDuplicates ? async () => {
                           const ids = singletonConflicts.flatMap((c) => c.duplicates.map((d) => d.id)).filter((id) => !!id);
@@ -11339,9 +11329,7 @@ function RecordsAdminShellInner(props) {
                               console.warn("[RecordsAdminShell] delete-duplicate failed", id, err);
                             }
                           }
-                          queryClient.invalidateQueries({
-                            queryKey: scopeCountsQueryKey(ctx.collectionId, ctx.appId, ctx.recordType)
-                          });
+                          markScopeCountsStale(queryClient, ctx);
                         } : void 0,
                         i18n: {
                           title: i18n.conflictBannerTitle,