From 1a148bd8ecc10b0fedccca8af99e160ff3d74199 Mon Sep 17 00:00:00 2001
From: Abhinav Raut <abhinavrautcs@gmail.com>
Date: Sat, 28 Mar 2026 15:03:14 +0530
Subject: [PATCH] Show unread notification count in browser tab title

---
 frontend/apps/main/src/App.vue | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/frontend/apps/main/src/App.vue b/frontend/apps/main/src/App.vue
index 0dc2cfa9..977b9843 100644
--- a/frontend/apps/main/src/App.vue
+++ b/frontend/apps/main/src/App.vue
@@ -125,7 +125,7 @@
 </template>
 
 <script setup>
-import { onMounted, ref } from 'vue'
+import { onMounted, ref, watch } from 'vue'
 import { RouterView } from 'vue-router'
 import { useUserStore } from './stores/user'
 import { initWS } from './websocket.js'
@@ -142,6 +142,7 @@ import { useSharedViewStore } from './stores/sharedView'
 import { useTagStore } from './stores/tag'
 import { useCustomAttributeStore } from './stores/customAttributes'
 import { useIdleDetection } from './composables/useIdleDetection'
+import { useNotificationStore } from './stores/notification'
 import { initAudioContext } from '@shared-ui/composables/useNotificationSound'
 import PageHeader from './components/layout/PageHeader.vue'
 import ViewForm from '@/features/view/ViewForm.vue'
@@ -186,6 +187,13 @@ const view = ref({})
 const openCreateViewForm = ref(false)
 const openCreateConversationDialog = ref(false)
 const { t } = useI18n()
+const notificationStore = useNotificationStore()
+
+// Update browser tab title with unread notification count.
+watch(() => notificationStore.unreadCount, (count) => {
+  const base = document.title.replace(/^\(\d+\)\s*/, '')
+  document.title = count > 0 ? `(${count}) ${base}` : base
+})
 
 initWS()
 useIdleDetection()