From 3a34790487121142e556d37dad3d1fd8e8e894ea Mon Sep 17 00:00:00 2001
From: Anais Saraiva <anais.saraiva@ihorizon.org>
Date: Tue, 22 Sep 2026 09:45:56 +0200
Subject: [PATCH] .

---
 frontend/src/components/Chat.tsx | 9 ++++++---
 frontend/src/components/ui.tsx   | 8 +++++---
 2 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/frontend/src/components/Chat.tsx b/frontend/src/components/Chat.tsx
index b5b626f..bb733f1 100644
--- a/frontend/src/components/Chat.tsx
+++ b/frontend/src/components/Chat.tsx
@@ -295,7 +295,7 @@ export function Chat({
           </span>
         )}
         <span className="hidden items-center gap-2 font-semibold sm:flex">
-          <FlowerMark size={24} dynamic={false} />
+          <FlowerMark size={24} dynamic={sending} />
           {conv?.title || t("sidebar.newChat")}
         </span>
         {conv?.topic && (
@@ -333,7 +333,7 @@ export function Chat({
           ))}
           {streaming !== "" && (
             <div className="flex gap-2 sm:gap-3">
-              <AssistantAvatar size={32} />
+              <AssistantAvatar size={32} dynamic />
               <div className="min-w-0 max-w-[88%] sm:max-w-[85%]">
                 <div className="mb-1 text-xs opacity-60">KisAssistant</div>
                 <div className="rounded-3xl rounded-tl-lg border border-stone-200/70 bg-white px-4 py-3 shadow-sm sm:px-5 sm:py-3.5 dark:border-zinc-800 dark:bg-zinc-900">
@@ -343,7 +343,10 @@ export function Chat({
             </div>
           )}
           {sending && streaming === "" && (
-            <div className="flex items-center gap-2 opacity-60"><Spinner size={15} /><span className="text-sm">{t("chat.thinking")}</span></div>
+            <div className="flex items-center gap-2.5 opacity-80">
+              <AssistantAvatar size={32} dynamic />
+              <span className="flex items-center gap-2 text-sm opacity-60"><Spinner size={15} />{t("chat.thinking")}</span>
+            </div>
           )}
         </div>
       </div>
diff --git a/frontend/src/components/ui.tsx b/frontend/src/components/ui.tsx
index fcf8b8d..6563c1a 100644
--- a/frontend/src/components/ui.tsx
+++ b/frontend/src/components/ui.tsx
@@ -570,15 +570,17 @@ export function FlowerMark({ size, className, dynamic = true }: { size?: number;
   );
 }
 
-/** Assistant identity: static flower mark on a soft circle (message avatars). */
-export function AssistantAvatar({ size = 32 }: { size?: number }) {
+/** Assistant identity: flower mark on a soft circle (message avatars).
+ *  Pass `dynamic` while the assistant is thinking/streaming so the logo
+ *  blooms, then back to static once the reply is done. */
+export function AssistantAvatar({ size = 32, dynamic = false }: { size?: number; dynamic?: boolean }) {
   return (
     <span
       className="grid shrink-0 place-items-center rounded-full bg-accent-600/10"
       style={{ width: size, height: size }}
       aria-label="KisAssistant"
     >
-      <FlowerMark size={Math.round(size * 0.78)} dynamic={false} />
+      <FlowerMark size={Math.round(size * 0.78)} dynamic={dynamic} />
     </span>
   );
 }