From a16cc50466b4ddbb77e3bcaf5fd14bfe08d234e7 Mon Sep 17 00:00:00 2001
From: Anish Sarkar <104695310+AnishSarkar22@users.noreply.github.com>
Date: Mon, 19 Jan 2026 22:20:09 +0530
Subject: [PATCH] feat: enhance loading indicator in ThinkingStepsDisplay

---
 surfsense_web/components/assistant-ui/thinking-steps.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/surfsense_web/components/assistant-ui/thinking-steps.tsx b/surfsense_web/components/assistant-ui/thinking-steps.tsx
index ce6fef6f4..47e2a8f56 100644
--- a/surfsense_web/components/assistant-ui/thinking-steps.tsx
+++ b/surfsense_web/components/assistant-ui/thinking-steps.tsx
@@ -108,7 +108,10 @@ export const ThinkingStepsDisplay: FC<{ steps: ThinkingStep[]; isThreadRunning?:
 											{/* Step dot - on top of line */}
 											<div className="relative z-10 mt-[7px] flex shrink-0 items-center justify-center">
 												{effectiveStatus === "in_progress" ? (
-													<span className="size-2 rounded-full bg-muted-foreground/30" />
+													<span className="relative flex size-2">
+														<span className="absolute inline-flex size-full animate-ping rounded-full bg-primary/60" />
+														<span className="relative inline-flex size-2 rounded-full bg-primary" />
+													</span>
 												) : (
 													<span className="size-2 rounded-full bg-muted-foreground/30" />
 												)}