From c0f0be5f7155d4f8be204222e6e8cbc8bd0b7060 Mon Sep 17 00:00:00 2001
From: heojunfo <kleague3@gmail.com>
Date: Sun, 18 Oct 2026 14:03:31 +0900
Subject: [PATCH] Stop the tag's spinner and the running step's pulse when
 motion is reduced

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
Signed-off-by: heojunfo <kleague3@gmail.com>
---
 src/components/ui/tag.tsx        | 2 +-
 src/components/ui/tool-steps.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/ui/tag.tsx b/src/components/ui/tag.tsx
index 41ee5d4..6dbc87c 100644
--- a/src/components/ui/tag.tsx
+++ b/src/components/ui/tag.tsx
@@ -56,7 +56,7 @@ function Tag({
         />
       )}
       <span className={cn("relative flex", error ? "text-destructive" : "text-muted-foreground")}>
-        {error ? <X /> : going ? <Loader2 className="animate-spin" /> : icon}
+        {error ? <X /> : going ? <Loader2 className="animate-spin motion-reduce:animate-none" /> : icon}
       </span>
       <span className="relative truncate">{children}</span>
       {/* As wide as "100%" from the start, so the tag does not grow, and push its neighbours along, as the count gains a digit. */}
diff --git a/src/components/ui/tool-steps.tsx b/src/components/ui/tool-steps.tsx
index 6d9071e..a246e25 100644
--- a/src/components/ui/tool-steps.tsx
+++ b/src/components/ui/tool-steps.tsx
@@ -66,7 +66,7 @@ function StepRow({ step, labels }: { step: Step; labels?: Partial<StepLabels> })
         aria-expanded={canOpen ? open : undefined}
         disabled={!canOpen}
         onClick={() => setOpen((value) => !value)}
-        className={cn(lineClass, step.status === "running" && "animate-pulse")}
+        className={cn(lineClass, step.status === "running" && "animate-pulse motion-reduce:animate-none")}
       >
         <span className="truncate text-[12.5px]">{step.label}</span>
         {step.patch && <DiffStats {...patchStats(step.patch)} />}