From 1f4743ceabb1255a478dc57582a948e496adccf6 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Fri, 14 Nov 2025 17:29:44 -0300
Subject: [PATCH] Added thinking message to assistant message

---
 .../app/chat/components/assistant-message.tsx  |  6 ++++--
 frontend/src/app/globals.css                   | 18 ++++++++++++++++++
 2 files changed, 22 insertions(+), 2 deletions(-)

diff --git a/frontend/src/app/chat/components/assistant-message.tsx b/frontend/src/app/chat/components/assistant-message.tsx
index 9b109813..0f24dd8c 100644
--- a/frontend/src/app/chat/components/assistant-message.tsx
+++ b/frontend/src/app/chat/components/assistant-message.tsx
@@ -83,8 +83,10 @@ export function AssistantMessage({
             )}
             chatMessage={
               isStreaming
-                ? content +
-                  ' <span class="inline-block w-1 h-4 bg-primary ml-1 animate-pulse"></span>'
+                ? (content.trim()
+                    ? content +
+                      ' <span class="inline-block w-1 h-4 bg-primary ml-1 animate-pulse"></span>'
+                    : '<span class="text-muted-foreground italic">Thinking<span class="thinking-dots"></span></span>')
                 : content
             }
           />
diff --git a/frontend/src/app/globals.css b/frontend/src/app/globals.css
index 7ffab80e..4765ef8c 100644
--- a/frontend/src/app/globals.css
+++ b/frontend/src/app/globals.css
@@ -365,4 +365,22 @@
     width: 100%;
     height: 30px;
   }
+
+  .thinking-dots::after {
+    content: ".";
+    animation: thinking-dots 1.4s steps(3, end) infinite;
+  }
+
+  @keyframes thinking-dots {
+    0% {
+      content: ".";
+    }
+    33.33% {
+      content: "..";
+    }
+    66.66%,
+    100% {
+      content: "...";
+    }
+  }
 }