@proveanything/smartlinks-utils-ui 0.12.11 → 0.12.13

package/dist/components/RecordsAdmin/index.js

@@ -137,6 +137,48 @@ function removeRecordFromScopeCounts(queryClient, ctx, recordId) {
     });
   }
 }
+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;
   const all = [
@@ -7143,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);
@@ -7315,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",
@@ -7335,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",
@@ -7343,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
+                    }
+                  )
                 ]
               }
             ),
@@ -10009,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({
@@ -10129,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({
@@ -10158,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({
@@ -10589,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
@@ -10596,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
@@ -11219,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",