🤖 fix: stop idle todo status from spinning (#3066)

## Summary
Stop animating the sidebar/workspace status `🔄` icon once a workspace is
idle so unfinished TODO snapshots no longer look like an actively
running turn.

## Background
After the stream-end TODO nudge was removed, unfinished TODO-derived
status can legitimately persist after a turn settles. Showing the
refresh icon as a spinner in that idle state is misleading because it
implies the agent is still actively working.

## Implementation
- add a spin override in `WorkspaceStatusIndicator` so refresh-style
status icons only animate while the workspace is streaming or starting
- leave the underlying TODO-derived status text unchanged so the user
can still see what was left unfinished
- add a focused component test that covers both idle and active-stream
rendering

## Validation
- `bun test
src/browser/components/WorkspaceStatusIndicator/WorkspaceStatusIndicator.test.tsx`
- `make static-check`

## Risks
Low. This is a small presentation-only change scoped to the workspace
status indicator; it does not change TODO persistence or stream
lifecycle state.

---

_Generated with `mux` • Model: `openai:gpt-5.4` • Thinking: `xhigh` •
Cost: `$2.12`_

<!-- mux-attribution: model=openai:gpt-5.4 thinking=xhigh costs=2.12 -->

Author: ammar-agent

src/browser/components/WorkspaceStatusIndicator/WorkspaceStatusIndicator.test.tsx

@@ -0,0 +1,71 @@
+import "../../../../tests/ui/dom";
+
+import { afterEach, beforeEach, describe, expect, mock, spyOn, test } from "bun:test";
+import { cleanup, render } from "@testing-library/react";
+import { installDom } from "../../../../tests/ui/dom";
+import * as WorkspaceStoreModule from "@/browser/stores/WorkspaceStore";
+
+import { WorkspaceStatusIndicator } from "./WorkspaceStatusIndicator";
+
+function mockSidebarState(
+  overrides: Partial<WorkspaceStoreModule.WorkspaceSidebarState> = {}
+): void {
+  spyOn(WorkspaceStoreModule, "useWorkspaceSidebarState").mockImplementation(() => ({
+    canInterrupt: false,
+    isStarting: false,
+    awaitingUserQuestion: false,
+    lastAbortReason: null,
+    currentModel: null,
+    recencyTimestamp: null,
+    loadedSkills: [],
+    skillLoadErrors: [],
+    agentStatus: undefined,
+    terminalActiveCount: 0,
+    terminalSessionCount: 0,
+    ...overrides,
+  }));
+}
+
+describe("WorkspaceStatusIndicator", () => {
+  let cleanupDom: (() => void) | null = null;
+
+  beforeEach(() => {
+    cleanupDom = installDom();
+  });
+
+  afterEach(() => {
+    cleanup();
+    cleanupDom?.();
+    cleanupDom = null;
+    mock.restore();
+  });
+
+  test("keeps unfinished todo status static once the stream is idle", () => {
+    mockSidebarState({
+      agentStatus: { emoji: "🔄", message: "Run checks" },
+    });
+
+    const view = render(
+      <WorkspaceStatusIndicator workspaceId="workspace-idle" fallbackModel="openai:gpt-5.4" />
+    );
+
+    const icon = view.container.querySelector("svg");
+    expect(icon).toBeTruthy();
+    expect(icon?.getAttribute("class") ?? "").not.toContain("animate-spin");
+  });
+
+  test("keeps refresh-style status animated while a stream is still active", () => {
+    mockSidebarState({
+      canInterrupt: true,
+      agentStatus: { emoji: "🔄", message: "Run checks" },
+    });
+
+    const view = render(
+      <WorkspaceStatusIndicator workspaceId="workspace-streaming" fallbackModel="openai:gpt-5.4" />
+    );
+
+    const icon = view.container.querySelector("svg");
+    expect(icon).toBeTruthy();
+    expect(icon?.getAttribute("class") ?? "").toContain("animate-spin");
+  });
+});

src/browser/components/WorkspaceStatusIndicator/WorkspaceStatusIndicator.tsx

@@ -25,10 +25,20 @@ export const WorkspaceStatusIndicator = memo<{
     );
   }
 
+  // Todo-derived status can outlive the stream that produced it. Once the turn is idle,
+  // keep refresh-style status icons static so unfinished work does not look actively running.
+  const agentStatusSpinOverride = canInterrupt || isStarting || isCreating ? undefined : false;
+
   if (agentStatus) {
     return (
       <div className="text-muted flex min-w-0 items-center gap-1.5 text-xs">
-        {agentStatus.emoji && <EmojiIcon emoji={agentStatus.emoji} className="h-3 w-3 shrink-0" />}
+        {agentStatus.emoji && (
+          <EmojiIcon
+            emoji={agentStatus.emoji}
+            spin={agentStatusSpinOverride}
+            className="h-3 w-3 shrink-0"
+          />
+        )}
         <span className="min-w-0 truncate">{agentStatus.message}</span>
         {agentStatus.url && (
           <Tooltip>