fix(ui): animate reading indicator dots

CHANGELOG.md

@@ -19,6 +19,7 @@
 - Docs: clarify auth storage, migration, and OpenAI Codex OAuth onboarding.
 - Sandbox: copy inbound media into sandbox workspaces so agent tools can read attachments.
 - Control UI: show a reading indicator bubble while the assistant is responding.
+- Control UI: animate reading indicator dots (honors reduced-motion).
 - Control UI: stabilize chat streaming during tool runs (no flicker/vanishing text; correct run scoping).
 - Status: show runtime (docker/direct) and move shortcuts to `/help`.
 - Status: show model auth source (api-key/oauth).

ui/src/styles/components.css

@@ -608,6 +608,7 @@
 }
 
 .chat-reading-indicator__dots > span {
+  display: inline-block;
   width: 6px;
   height: 6px;
   border-radius: 999px;
@@ -615,6 +616,7 @@
   opacity: 0.55;
   transform: translateY(0);
   animation: chatReadingDot 1.1s ease-in-out infinite;
+  will-change: transform, opacity;
 }
 
 .chat-reading-indicator__dots > span:nth-child(2) {
@@ -629,12 +631,12 @@
   0%,
   80%,
   100% {
-    opacity: 0.45;
-    transform: translateY(0);
+    opacity: 0.38;
+    transform: translateY(0) scale(0.92);
   }
   40% {
-    opacity: 0.95;
-    transform: translateY(-2px);
+    opacity: 1;
+    transform: translateY(-3px) scale(1.18);
   }
 }