feat(commission) : add push notifications and unread ticket titles

components/commission/live-refresh.tsx

@@ -2,15 +2,31 @@
 
 import { useEffect } from "react";
 import { useRouter } from "next/navigation";
+import { parseCommissionMessageEvent } from "@/lib/commission/message-event";
 
-export function CommissionLiveRefresh({ endpoint }: { endpoint: string }) {
+export function CommissionLiveRefresh({ endpoint, userId }: { endpoint: string; userId: string }) {
   const router = useRouter();
   useEffect(() => {
+    const originalTitle = document.title;
+    let managedTitle = "";
+    let unread = 0;
     const source = new EventSource(endpoint);
-    const refresh = () => router.refresh();
+    const refresh = (event: Event) => {
+      const message = parseCommissionMessageEvent((event as MessageEvent<string>).data);
+      if (message && message.authorId !== userId) {
+        unread += 1;
+        managedTitle = `(${unread}) ${message.ticketTitle}`;
+        document.title = managedTitle;
+      }
+      router.refresh();
+    };
+    const opened = () => router.refresh();
     source.addEventListener("changed", refresh);
-    source.addEventListener("open", refresh);
-    return () => { source.removeEventListener("changed", refresh); source.removeEventListener("open", refresh); source.close(); };
-  }, [endpoint, router]);
+    source.addEventListener("open", opened);
+    return () => {
+      source.removeEventListener("changed", refresh); source.removeEventListener("open", opened); source.close();
+      if (managedTitle && document.title === managedTitle) document.title = originalTitle;
+    };
+  }, [endpoint, userId, router]);
   return null;
 }