From ea4f8d75d3ab3f406dafc8f55f29d2fbb4f77eef Mon Sep 17 00:00:00 2001
From: Abhinav Raut <abhinavrautcs@gmail.com>
Date: Sat, 25 Apr 2026 12:30:08 +0530
Subject: [PATCH] cap unread message count badge at 9+ since backend caps at 10

---
 .../src/features/conversation/list/ConversationListItem.vue     | 2 +-
 frontend/apps/widget/src/components/UnreadCountBadge.vue        | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/apps/main/src/features/conversation/list/ConversationListItem.vue b/frontend/apps/main/src/features/conversation/list/ConversationListItem.vue
index f03771b0..a4035292 100644
--- a/frontend/apps/main/src/features/conversation/list/ConversationListItem.vue
+++ b/frontend/apps/main/src/features/conversation/list/ConversationListItem.vue
@@ -75,7 +75,7 @@
                 v-if="conversation.unread_message_count > 0"
                 class="flex items-center justify-center w-5 h-5 bg-green-600 text-white text-xs font-medium rounded-full flex-shrink-0"
               >
-                {{ conversation.unread_message_count }}
+                {{ conversation.unread_message_count > 9 ? '9+' : conversation.unread_message_count }}
               </div>
             </div>
 
diff --git a/frontend/apps/widget/src/components/UnreadCountBadge.vue b/frontend/apps/widget/src/components/UnreadCountBadge.vue
index edc2828e..6b10e7ff 100644
--- a/frontend/apps/widget/src/components/UnreadCountBadge.vue
+++ b/frontend/apps/widget/src/components/UnreadCountBadge.vue
@@ -3,7 +3,7 @@
     v-if="count > 0"
     class="bg-primary text-primary-foreground text-xs rounded-full min-w-[1.2rem] h-5 flex items-center justify-center font-bold"
   >
-    {{ count }}
+    {{ count > 9 ? '9+' : count }}
   </span>
 </template>