Added thinking message to assistant message

frontend/src/app/chat/components/assistant-message.tsx

@@ -83,8 +83,10 @@ export function AssistantMessage({
             )}
             chatMessage={
               isStreaming
-                ? content +
+                ? (content.trim()
-                  ' <span class="inline-block w-1 h-4 bg-primary ml-1 animate-pulse"></span>'
+                    ? 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
             }
           />

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: "...";
+    }
+  }
 }