From 06a09c950ac04bdd3d9cdf6b37f33c15d55e37a6 Mon Sep 17 00:00:00 2001
From: Usama <reach.usamazafar@gmail.com>
Date: Tue, 15 Jul 2025 13:59:16 +0000
Subject: [PATCH] Enhance ConversationStatusIndicators with upload status
 indication

- Added a visual indicator for ongoing uploads when the conversation is not finished, improving user awareness of processing status.
- Refactored tooltip label formatting for better readability.
- Cleaned up conditional rendering for error handling in conversation status display.
---
 .../conversation/ConversationAccordion.tsx         | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/echo/frontend/src/components/conversation/ConversationAccordion.tsx b/echo/frontend/src/components/conversation/ConversationAccordion.tsx
index 26cbde90..95b0de23 100644
--- a/echo/frontend/src/components/conversation/ConversationAccordion.tsx
+++ b/echo/frontend/src/components/conversation/ConversationAccordion.tsx
@@ -387,6 +387,13 @@ export const ConversationStatusIndicators = ({
         </Badge>
       )}
 
+      {
+        // if from portal and not finished
+        !isUpload && conversation.is_finished === false && (
+          <div className="h-2 w-2 animate-pulse rounded-full bg-red-500" />
+        )
+      }
+
       {!!project?.is_enhanced_audio_processing_enabled &&
         // if processing still
         // don't show this if both is_finished and is_audio_processing_finished are true
@@ -395,7 +402,10 @@ export const ConversationStatusIndicators = ({
           conversation.is_finished && conversation.is_audio_processing_finished
         ) && (
           <Tooltip
-            label={t`This conversation is still being processed. It will be available for analysis and chat shortly.` + "(for enhanced audio processing)"}
+            label={
+              t`This conversation is still being processed. It will be available for analysis and chat shortly.` +
+              "(for enhanced audio processing)"
+            }
           >
             <Badge size="xs" color="violet" variant="light">
               <Group gap="xs">
@@ -421,7 +431,7 @@ export const ConversationStatusIndicators = ({
           </Badge>
         )}
 
-      {conversation.error != null  && (
+      {conversation.error != null && (
         <Tooltip
           label={t`Processing failed for this conversation. This conversation will not be available for analysis and chat.`}
         >