@natoe/colab 0.1.34 → 0.1.36

package/dist/index.d.mts

@@ -659,6 +659,15 @@ interface CollabContextValue {
     config: CollabConfig;
     apiBaseUrl: string;
     totalUnread: number;
+    /**
+     * Increments on EVERY `unread_update` push from the user-notifications
+     * channel, whether or not the totals changed. `totalUnread` alone cannot
+     * signal "something happened": your own sent message never counts toward
+     * your unread total, so after you send, the counts arrive unchanged and a
+     * value-keyed effect never fires. Consumers that resync on activity (the
+     * inbox's last-message previews) should depend on this instead.
+     */
+    unreadUpdateSeq: number;
     /**
      * Per-conversation unread counts, keyed by conversation ID. Updated
      * live via the user_notifications channel's unread_update push, so

package/dist/index.d.ts

@@ -659,6 +659,15 @@ interface CollabContextValue {
     config: CollabConfig;
     apiBaseUrl: string;
     totalUnread: number;
+    /**
+     * Increments on EVERY `unread_update` push from the user-notifications
+     * channel, whether or not the totals changed. `totalUnread` alone cannot
+     * signal "something happened": your own sent message never counts toward
+     * your unread total, so after you send, the counts arrive unchanged and a
+     * value-keyed effect never fires. Consumers that resync on activity (the
+     * inbox's last-message previews) should depend on this instead.
+     */
+    unreadUpdateSeq: number;
     /**
      * Per-conversation unread counts, keyed by conversation ID. Updated
      * live via the user_notifications channel's unread_update push, so

package/dist/index.js

@@ -607,6 +607,7 @@ function CollabProvider({ config, apiBaseUrl, children }) {
   });
   const [unreadCounts, setUnreadCounts] = React4.useState({});
   const [unreadCountsByOrder, setUnreadCountsByOrder] = React4.useState({});
+  const [unreadUpdateSeq, setUnreadUpdateSeq] = React4.useState(0);
   const pendingKeys = React4.useRef(/* @__PURE__ */ new Set());
   const pendingResolvers = React4.useRef(/* @__PURE__ */ new Map());
   const previewCache = React4.useRef(/* @__PURE__ */ new Map());
@@ -625,6 +626,7 @@ function CollabProvider({ config, apiBaseUrl, children }) {
       setUnreadCounts(counts.conversation);
       setUnreadCountsByOrder(counts.order);
       previewCache.current.clear();
+      setUnreadUpdateSeq((n) => n + 1);
     });
     if (!s.isConnected()) {
       s.connect(config);
@@ -858,6 +860,7 @@ function CollabProvider({ config, apiBaseUrl, children }) {
         config,
         apiBaseUrl,
         totalUnread,
+        unreadUpdateSeq,
         unreadCounts,
         unreadCountsByOrder,
         requestPreview,
@@ -5876,7 +5879,7 @@ var styles14 = {
   }};
 function useConversationList(options) {
   const enabled = options?.enabled ?? true;
-  const { fetchConversationList, config, totalUnread: serverTotalUnread } = useCollab();
+  const { fetchConversationList, config, unreadUpdateSeq } = useCollab();
   const [conversations, setConversations] = React4.useState([]);
   const [isLoading, setIsLoading] = React4.useState(enabled);
   const [error, setError] = React4.useState(null);
@@ -5914,15 +5917,16 @@ function useConversationList(options) {
     if (!enabled) return;
     refresh();
   }, [enabled, refresh]);
-  const hasHandledInitialUnreadRef = React4.useRef(false);
+  const hasHandledInitialSeqRef = React4.useRef(false);
   React4.useEffect(() => {
     if (!enabled) return;
-    if (!hasHandledInitialUnreadRef.current) {
-      hasHandledInitialUnreadRef.current = true;
+    if (!hasHandledInitialSeqRef.current) {
+      hasHandledInitialSeqRef.current = true;
       return;
     }
-    silentRefresh();
-  }, [serverTotalUnread, enabled]);
+    const t = setTimeout(silentRefresh, 250);
+    return () => clearTimeout(t);
+  }, [unreadUpdateSeq, enabled]);
   const filter = React4.useCallback(
     (query) => {
       const q = query.trim().toLowerCase();