From 2c4b5b0f7b46d086b464892f52cf216ef2c1f8bd Mon Sep 17 00:00:00 2001
From: klopez4212 <klopez4212@gmail.com>
Date: Sat, 4 Jul 2026 10:31:27 +0100
Subject: [PATCH] Steady the Working shimmer; instant archive slot

The Working marker mounts and unmounts with every gap between tool
executions; replaying its entrance fade on each reappearance read as
blinking instead of a shimmer. Drop the entrance animation on that row
and start the shimmer band mid-sweep (negative animation-delay) so even
short-lived mounts show the moving band rather than the transparent
lead-in.

The sidebar archive slot now appears instantly on hover instead of
animating its width.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
---
 desktop/src/features/chats/ui/ChatActivityTranscript.tsx | 4 +++-
 desktop/src/features/chats/ui/ChatListItem.tsx           | 4 ++--
 desktop/src/shared/styles/globals/animations.css         | 4 ++++
 3 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/desktop/src/features/chats/ui/ChatActivityTranscript.tsx b/desktop/src/features/chats/ui/ChatActivityTranscript.tsx
index 04c8550cc..21f9fc8cb 100644
--- a/desktop/src/features/chats/ui/ChatActivityTranscript.tsx
+++ b/desktop/src/features/chats/ui/ChatActivityTranscript.tsx
@@ -608,7 +608,9 @@ function LiveTurnMarker({
           <span>Waiting for the first backend event…</span>
         )
       }
-      entrance={hasRecentEntrance(startedAt)}
+      // No entrance animation: this row mounts and unmounts with every gap
+      // between tool executions, and replaying the fade on each reappearance
+      // reads as blinking instead of a steady status.
       icon={icon}
       label="Working"
       loading
diff --git a/desktop/src/features/chats/ui/ChatListItem.tsx b/desktop/src/features/chats/ui/ChatListItem.tsx
index a89cbd1b3..ac400a613 100644
--- a/desktop/src/features/chats/ui/ChatListItem.tsx
+++ b/desktop/src/features/chats/ui/ChatListItem.tsx
@@ -108,8 +108,8 @@ export function ChatListItem({
       </button>
       {onArchiveChat ? (
         // Zero-width until hover/focus so the title gets the full row; the
-        // slot expands to make room for the archive button on demand.
-        <div className="relative flex h-6 w-0 shrink-0 items-center justify-center overflow-hidden transition-[width] duration-150 group-focus-within/chat-row:w-6 group-hover/chat-row:w-6">
+        // slot appears instantly to make room for the archive button.
+        <div className="relative flex h-6 w-0 shrink-0 items-center justify-center overflow-hidden group-focus-within/chat-row:w-6 group-hover/chat-row:w-6">
           <Button
             aria-label={`Archive ${name}`}
             className={cn(
diff --git a/desktop/src/shared/styles/globals/animations.css b/desktop/src/shared/styles/globals/animations.css
index ad7dfe69b..fcb3d6a68 100644
--- a/desktop/src/shared/styles/globals/animations.css
+++ b/desktop/src/shared/styles/globals/animations.css
@@ -165,6 +165,10 @@
 .buzz-shimmer::before,
 .shimmer::before {
   animation: buzz-shimmer var(--buzz-shimmer-duration) linear infinite;
+  /* Start mid-sweep so freshly mounted rows (the Working marker re-mounts
+     between tool executions) show the band immediately instead of waiting
+     out the transparent lead-in. */
+  animation-delay: calc(var(--buzz-shimmer-duration) / -2);
   background-clip: text;
   background-image: linear-gradient(
     90deg,