From f9829cd181238d67412ea8eec3b42658eebb77aa Mon Sep 17 00:00:00 2001
From: Kelvin Amoaba <97001695+AmoabaKelvin@users.noreply.github.com>
Date: Sat, 10 Oct 2026 06:33:31 +0000
Subject: [PATCH] fix(native-chat): give each animation a reduced-motion state
 (#26276)

Spinners swap to a still hourglass instead of freezing; chevrons, the rail and popovers stop moving.
---
 docs/STYLEGUIDE.md                                 |  2 +-
 src/renderer/src/components/LoadingSpinner.tsx     | 14 ++++++++++++++
 .../native-chat/NativeChatAutocompleteMenus.tsx    |  7 ++++---
 .../native-chat/NativeChatAwaitingInputRow.tsx     |  2 +-
 .../NativeChatBackgroundTasksStatus.tsx            |  2 +-
 .../components/native-chat/NativeChatDiffCard.tsx  |  2 +-
 .../NativeChatImageAttachmentPreview.tsx           |  7 ++++---
 .../native-chat/NativeChatLoadingCue.tsx           |  4 ++--
 .../NativeChatMessageList.turn-indicator.test.tsx  |  4 ++--
 .../native-chat/NativeChatMessageRail.tsx          |  5 +++--
 .../native-chat/NativeChatQueuedMessageCard.tsx    |  7 ++++++-
 .../native-chat/NativeChatSubagentRun.tsx          |  4 ++--
 .../native-chat/NativeChatSubagentSectionHead.tsx  |  5 ++++-
 .../components/native-chat/NativeChatToolLine.tsx  |  2 +-
 .../native-chat/NativeChatTranscriptChrome.tsx     |  4 +++-
 .../native-chat/NativeChatTurnActivityLine.tsx     |  4 ++--
 .../native-chat/NativeChatWorkingStatus.tsx        |  5 ++++-
 ...ubagent-child-row-fallback-pixels.test.tsx.snap |  4 ++--
 src/renderer/src/components/ui/dropdown-menu.tsx   |  4 ++--
 src/renderer/src/components/ui/hover-card.tsx      |  2 +-
 src/renderer/src/components/ui/popover.tsx         |  2 +-
 21 files changed, 61 insertions(+), 31 deletions(-)
 create mode 100644 src/renderer/src/components/LoadingSpinner.tsx

diff --git a/docs/STYLEGUIDE.md b/docs/STYLEGUIDE.md
index e21aaa89228..794e5c4c640 100644
--- a/docs/STYLEGUIDE.md
+++ b/docs/STYLEGUIDE.md
@@ -264,7 +264,7 @@ Use this rubric when reviewing any Orca IDE screen, screenshot, or prototype. A
 - **Layout density:** avoid jamming controls together. Preserve breathing room around the primary workflow, reduce competing buttons, and keep toolbar groups visually distinct. Dense screens are acceptable only when grouping, alignment, and hierarchy make scanning faster.
 - **Cards and containers:** cards must be visually distinct from their parent surface through the existing `card`/`border` treatment. Avoid nesting cards inside cards. If a section is not a repeated item, modal, or framed tool, consider an unframed layout or full-width band instead.
 - **Side-by-side layouts:** default to row-by-row layouts for complex workflows because they are easier to align and scan. Use side-by-side layouts only when space is constrained or comparison is the point, then polish column widths, baselines, and wrapping states carefully.
-- **Animation:** use subtle animation to soften expanding/collapsing content and prevent jumpy layout changes. Animation should clarify continuity, not decorate. Respect reduced-motion settings.
+- **Animation:** use subtle animation to soften expanding/collapsing content and prevent jumpy layout changes. Animation should clarify continuity, not decorate. Respect reduced motion element by element: turn movement off with `motion-reduce:` (slides, rotations, size changes); give spinners, pulses and progress indicators a still state that still says "working" (`LoadingSpinner` does this for spinners) instead of freezing them; short opacity fades can stay.
 - **SSH and latency:** assume actions may run remotely. Disable submit controls immediately, delay visible loading feedback when appropriate, and keep focus stable while remote data arrives.
 
 ### 1. Match in-flight feedback to perceived duration
diff --git a/src/renderer/src/components/LoadingSpinner.tsx b/src/renderer/src/components/LoadingSpinner.tsx
new file mode 100644
index 00000000000..7fa9d17d553
--- /dev/null
+++ b/src/renderer/src/components/LoadingSpinner.tsx
@@ -0,0 +1,14 @@
+import React from 'react'
+import { Hourglass, Loader2 } from 'lucide-react'
+import { cn } from '@/lib/utils'
+
+// Why: a spinner frozen by reduced motion reads as stuck, so the still state is
+// a different icon that says "working" without moving.
+export function LoadingSpinner({ className }: { className?: string }): React.JSX.Element {
+  return (
+    <>
+      <Loader2 aria-hidden="true" className={cn('animate-spin motion-reduce:hidden', className)} />
+      <Hourglass aria-hidden="true" className={cn('hidden motion-reduce:block', className)} />
+    </>
+  )
+}
diff --git a/src/renderer/src/components/native-chat/NativeChatAutocompleteMenus.tsx b/src/renderer/src/components/native-chat/NativeChatAutocompleteMenus.tsx
index 00825a7cf82..861c3737abd 100644
--- a/src/renderer/src/components/native-chat/NativeChatAutocompleteMenus.tsx
+++ b/src/renderer/src/components/native-chat/NativeChatAutocompleteMenus.tsx
@@ -1,5 +1,5 @@
 import { memo, useEffect, useRef } from 'react'
-import { Loader2, Package, RotateCcw } from 'lucide-react'
+import { Package, RotateCcw } from 'lucide-react'
 import { translate } from '@/i18n/i18n'
 import { cn } from '@/lib/utils'
 import type { SkillSourceKind } from '../../../../shared/skills'
@@ -7,6 +7,7 @@ import { FilenameFirstPath } from '@/components/file-path-cursor-tooltip'
 import { getFileTypeIcon } from '@/lib/file-type-icons'
 import type { ComposerAutocomplete, NativeChatPickerItem } from './native-chat-composer-state'
 import type { NativeChatMentionFiles } from './use-native-chat-mention-files'
+import { LoadingSpinner } from '@/components/LoadingSpinner'
 
 export const NativeChatPickerMenu = memo(function NativeChatPickerMenu({
   autocomplete,
@@ -72,7 +73,7 @@ export const NativeChatPickerMenu = memo(function NativeChatPickerMenu({
       {showSkillsHeading ? <PickerGroupHeading kind="skills" /> : null}
       {autocomplete.skillStatus === 'loading' ? (
         <PickerStatus>
-          <Loader2 className="size-3.5 animate-spin" />
+          <LoadingSpinner className="size-3.5" />
           {translate('components.native-chat.composer.loadingSkills', 'Loading skills...')}
         </PickerStatus>
       ) : null}
@@ -353,7 +354,7 @@ export const NativeChatMentionMenu = memo(function NativeChatMentionMenu({
       })}
       {statusText ? (
         <PickerStatus>
-          {mention.loading ? <Loader2 className="size-3.5 animate-spin" /> : null}
+          {mention.loading ? <LoadingSpinner className="size-3.5" /> : null}
           {statusText}
         </PickerStatus>
       ) : null}
diff --git a/src/renderer/src/components/native-chat/NativeChatAwaitingInputRow.tsx b/src/renderer/src/components/native-chat/NativeChatAwaitingInputRow.tsx
index ecf94cba8af..fff0718ee65 100644
--- a/src/renderer/src/components/native-chat/NativeChatAwaitingInputRow.tsx
+++ b/src/renderer/src/components/native-chat/NativeChatAwaitingInputRow.tsx
@@ -93,7 +93,7 @@ export function NativeChatAwaitingInputRow({
         <ChevronRight
           aria-hidden
           className={cn(
-            'size-3.5 shrink-0 text-muted-foreground transition-all',
+            'size-3.5 shrink-0 text-muted-foreground transition-all motion-reduce:transition-none',
             open
               ? 'rotate-90'
               : 'can-hover:opacity-0 group-hover/ask-row:opacity-100 group-focus-visible/ask-row:opacity-100'
diff --git a/src/renderer/src/components/native-chat/NativeChatBackgroundTasksStatus.tsx b/src/renderer/src/components/native-chat/NativeChatBackgroundTasksStatus.tsx
index fbec194581f..28eae481ae4 100644
--- a/src/renderer/src/components/native-chat/NativeChatBackgroundTasksStatus.tsx
+++ b/src/renderer/src/components/native-chat/NativeChatBackgroundTasksStatus.tsx
@@ -231,7 +231,7 @@ export function NativeChatBackgroundTasksStatus(props: {
               </span>
               <ChevronDown
                 aria-hidden="true"
-                className={`size-3 transition-transform ${expanded ? 'rotate-180' : ''}`}
+                className={`size-3 transition-transform motion-reduce:transition-none ${expanded ? 'rotate-180' : ''}`}
               />
             </button>
           </div>
diff --git a/src/renderer/src/components/native-chat/NativeChatDiffCard.tsx b/src/renderer/src/components/native-chat/NativeChatDiffCard.tsx
index 6c7b16cbc67..238e0907c56 100644
--- a/src/renderer/src/components/native-chat/NativeChatDiffCard.tsx
+++ b/src/renderer/src/components/native-chat/NativeChatDiffCard.tsx
@@ -217,7 +217,7 @@ export function NativeChatDiffCard({
           {hasBody ? (
             <ChevronRight
               className={cn(
-                'size-3.5 shrink-0 text-chat-foreground-faint transition-transform',
+                'size-3.5 shrink-0 text-chat-foreground-faint transition-transform motion-reduce:transition-none',
                 expanded && 'rotate-90'
               )}
             />
diff --git a/src/renderer/src/components/native-chat/NativeChatImageAttachmentPreview.tsx b/src/renderer/src/components/native-chat/NativeChatImageAttachmentPreview.tsx
index a46a6c2eedd..80c4ea7a4df 100644
--- a/src/renderer/src/components/native-chat/NativeChatImageAttachmentPreview.tsx
+++ b/src/renderer/src/components/native-chat/NativeChatImageAttachmentPreview.tsx
@@ -1,5 +1,5 @@
 import { useEffect, useMemo, useRef, useState } from 'react'
-import { FileText, Image as ImageIcon, ImageOff, Loader2, X } from 'lucide-react'
+import { FileText, Image as ImageIcon, ImageOff, X } from 'lucide-react'
 import { Dialog, DialogContent, DialogDescription, DialogTitle } from '@/components/ui/dialog'
 import { translate } from '@/i18n/i18n'
 import { basename } from '@/lib/path'
@@ -12,6 +12,7 @@ import {
 import type { NativeChatComposerImageAttachment } from './NativeChatComposerField'
 import { isAgentSessionAttachmentStorePath } from '../../../../shared/agent-session-attachments'
 import { chatImageAccess } from '@/lib/local-file-access'
+import { LoadingSpinner } from '@/components/LoadingSpinner'
 
 type Props = {
   attachment: NativeChatComposerImageAttachment
@@ -218,7 +219,7 @@ function NativeChatImageThumbnail({
         </button>
         {isPending ? (
           <span className="pointer-events-none absolute inset-0 flex items-center justify-center rounded-md bg-chat-canvas/50">
-            <Loader2 className="size-4 animate-spin text-muted-foreground" />
+            <LoadingSpinner className="size-4 text-muted-foreground" />
           </span>
         ) : null}
         <RemoveAttachmentButton onRemove={() => onRemove(attachment.id)} />
@@ -244,7 +245,7 @@ function NativeChatImageThumbnail({
               <div className="flex items-center gap-2 py-12 text-sm text-muted-foreground">
                 {isPending ? (
                   <>
-                    <Loader2 className="size-4 animate-spin" />
+                    <LoadingSpinner className="size-4" />
                     {pendingLabel}
                   </>
                 ) : (
diff --git a/src/renderer/src/components/native-chat/NativeChatLoadingCue.tsx b/src/renderer/src/components/native-chat/NativeChatLoadingCue.tsx
index fcefa2f4555..102cff72f74 100644
--- a/src/renderer/src/components/native-chat/NativeChatLoadingCue.tsx
+++ b/src/renderer/src/components/native-chat/NativeChatLoadingCue.tsx
@@ -1,5 +1,5 @@
-import { Loader2 } from 'lucide-react'
 import { translate } from '@/i18n/i18n'
+import { LoadingSpinner } from '@/components/LoadingSpinner'
 
 /** The structured chat's pane while its first read runs. No visible text, and a CSS animation
  *  delay keeps it invisible unless the read lasts, so a quick read paints nothing. */
@@ -11,7 +11,7 @@ export function NativeChatLoadingCue(): React.JSX.Element {
       data-native-chat-loading-cue="true"
       className="flex h-full w-full items-center justify-center animate-in fade-in delay-250 [--tw-animation-fill-mode:backwards]"
     >
-      <Loader2 aria-hidden="true" className="size-5 animate-spin text-muted-foreground" />
+      <LoadingSpinner className="size-5 text-muted-foreground" />
     </div>
   )
 }
diff --git a/src/renderer/src/components/native-chat/NativeChatMessageList.turn-indicator.test.tsx b/src/renderer/src/components/native-chat/NativeChatMessageList.turn-indicator.test.tsx
index d0433241160..5887b9a929e 100644
--- a/src/renderer/src/components/native-chat/NativeChatMessageList.turn-indicator.test.tsx
+++ b/src/renderer/src/components/native-chat/NativeChatMessageList.turn-indicator.test.tsx
@@ -92,7 +92,7 @@ describe('NativeChatMessageList turn indicator', () => {
     const row = activity.closest('[data-native-chat-turn-activity]')
     const spinner = row?.querySelector('svg')
     expect(activity).not.toHaveClass('animate-pulse', 'animate-spin')
-    expect(spinner).toHaveClass('size-4', 'animate-spin', 'motion-reduce:animate-none')
+    expect(spinner).toHaveClass('size-4', 'animate-spin', 'motion-reduce:hidden')
     expect(row).toHaveAttribute('aria-live', 'polite')
     expect(screen.getByText('The answer is still streaming.').compareDocumentPosition(row!)).toBe(
       Node.DOCUMENT_POSITION_FOLLOWING
@@ -137,7 +137,7 @@ describe('NativeChatMessageList turn indicator', () => {
     expect(activity).not.toHaveTextContent('pnpm test')
     const spinner = activity.closest('[data-native-chat-turn-activity]')?.querySelector('svg')
     expect(activity).not.toHaveClass('animate-pulse', 'animate-spin')
-    expect(spinner).toHaveClass('animate-spin', 'motion-reduce:animate-none')
+    expect(spinner).toHaveClass('animate-spin', 'motion-reduce:hidden')
   })
 
   it('hides foreground turn activity without settling live tool state', () => {
diff --git a/src/renderer/src/components/native-chat/NativeChatMessageRail.tsx b/src/renderer/src/components/native-chat/NativeChatMessageRail.tsx
index 8a8a794ecc4..dbf39b57bda 100644
--- a/src/renderer/src/components/native-chat/NativeChatMessageRail.tsx
+++ b/src/renderer/src/components/native-chat/NativeChatMessageRail.tsx
@@ -194,9 +194,10 @@ export const NativeChatMessageRail = memo(function NativeChatMessageRail({
                 <span
                   aria-hidden
                   className={cn(
-                    'h-[3px] rounded-full transition-[width,background-color] duration-150',
+                    'h-[3px] rounded-full transition-[width,background-color] duration-150 motion-reduce:transition-none',
                     lit ? 'w-5 bg-foreground' : 'w-3 bg-foreground/50',
-                    item.id === pendingId && 'animate-pulse'
+                    item.id === pendingId &&
+                      'animate-pulse motion-reduce:animate-none motion-reduce:opacity-60'
                   )}
                 />
               </button>
diff --git a/src/renderer/src/components/native-chat/NativeChatQueuedMessageCard.tsx b/src/renderer/src/components/native-chat/NativeChatQueuedMessageCard.tsx
index 827e825268e..0dca5bff26a 100644
--- a/src/renderer/src/components/native-chat/NativeChatQueuedMessageCard.tsx
+++ b/src/renderer/src/components/native-chat/NativeChatQueuedMessageCard.tsx
@@ -347,7 +347,12 @@ function QueuedMessageExpandToggle({
           aria-controls={controls}
           onClick={onToggle}
         >
-          <ChevronDown className={cn('size-3.5 transition-transform', expanded && 'rotate-180')} />
+          <ChevronDown
+            className={cn(
+              'size-3.5 transition-transform motion-reduce:transition-none',
+              expanded && 'rotate-180'
+            )}
+          />
         </Button>
       </TooltipTrigger>
       <TooltipContent side="top" sideOffset={4}>
diff --git a/src/renderer/src/components/native-chat/NativeChatSubagentRun.tsx b/src/renderer/src/components/native-chat/NativeChatSubagentRun.tsx
index d78e370619c..b48227cc70c 100644
--- a/src/renderer/src/components/native-chat/NativeChatSubagentRun.tsx
+++ b/src/renderer/src/components/native-chat/NativeChatSubagentRun.tsx
@@ -129,7 +129,7 @@ export function NativeChatSubagentEntries({
                 <ChevronRight
                   aria-hidden
                   className={cn(
-                    'size-3.5 shrink-0 text-chat-foreground-faint transition-all',
+                    'size-3.5 shrink-0 text-chat-foreground-faint transition-all motion-reduce:transition-none',
                     sectionOpen
                       ? 'rotate-90 opacity-100'
                       : 'opacity-0 group-hover/subagent-entry:opacity-100'
@@ -218,7 +218,7 @@ export function NativeChatSubagentRun({
         </span>
         <ChevronRight
           className={cn(
-            'size-3.5 shrink-0 text-chat-foreground-faint transition-all',
+            'size-3.5 shrink-0 text-chat-foreground-faint transition-all motion-reduce:transition-none',
             open ? 'rotate-90 opacity-100' : 'opacity-0 group-hover/subagent-run:opacity-100'
           )}
         />
diff --git a/src/renderer/src/components/native-chat/NativeChatSubagentSectionHead.tsx b/src/renderer/src/components/native-chat/NativeChatSubagentSectionHead.tsx
index 400b839d471..80c1b6a8f57 100644
--- a/src/renderer/src/components/native-chat/NativeChatSubagentSectionHead.tsx
+++ b/src/renderer/src/components/native-chat/NativeChatSubagentSectionHead.tsx
@@ -29,7 +29,10 @@ export function NativeChatSubagentSectionHead({
     >
       <ChevronRight
         aria-hidden
-        className={cn('size-3.5 shrink-0 transition-transform', expanded && 'rotate-90')}
+        className={cn(
+          'size-3.5 shrink-0 transition-transform motion-reduce:transition-none',
+          expanded && 'rotate-90'
+        )}
       />
       <Bot aria-hidden className="size-3.5 shrink-0" />
       {state === null ? null : <StatusDot state={state} pulsing={state === 'working'} />}
diff --git a/src/renderer/src/components/native-chat/NativeChatToolLine.tsx b/src/renderer/src/components/native-chat/NativeChatToolLine.tsx
index 049f9106e53..d4d610101f4 100644
--- a/src/renderer/src/components/native-chat/NativeChatToolLine.tsx
+++ b/src/renderer/src/components/native-chat/NativeChatToolLine.tsx
@@ -184,7 +184,7 @@ export function NativeChatToolLine({
           {hasDetail ? (
             <ChevronRight
               className={cn(
-                'size-3.5 shrink-0 text-chat-foreground-faint transition-transform',
+                'size-3.5 shrink-0 text-chat-foreground-faint transition-transform motion-reduce:transition-none',
                 expanded && 'rotate-90'
               )}
             />
diff --git a/src/renderer/src/components/native-chat/NativeChatTranscriptChrome.tsx b/src/renderer/src/components/native-chat/NativeChatTranscriptChrome.tsx
index d70724f557e..db450f148c6 100644
--- a/src/renderer/src/components/native-chat/NativeChatTranscriptChrome.tsx
+++ b/src/renderer/src/components/native-chat/NativeChatTranscriptChrome.tsx
@@ -327,7 +327,9 @@ export function ProviderFrameRow({
   return (
     <details className="group text-xs text-muted-foreground">
       <summary className="flex cursor-pointer list-none items-center gap-2 rounded-md px-2 py-1 font-mono hover:bg-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring">
-        <span className="transition-transform group-open:rotate-90">›</span>
+        <span className="transition-transform motion-reduce:transition-none group-open:rotate-90">
+          ›
+        </span>
         <span className="font-medium text-foreground">{frame.provider}</span>
         <span className="truncate">{summary ?? nativeChatProviderFrameSummary(block)}</span>
         {frame.payload.truncated ? (
diff --git a/src/renderer/src/components/native-chat/NativeChatTurnActivityLine.tsx b/src/renderer/src/components/native-chat/NativeChatTurnActivityLine.tsx
index af523d43d02..f94040e415e 100644
--- a/src/renderer/src/components/native-chat/NativeChatTurnActivityLine.tsx
+++ b/src/renderer/src/components/native-chat/NativeChatTurnActivityLine.tsx
@@ -1,5 +1,4 @@
 import { useId } from 'react'
-import { Loader2 } from 'lucide-react'
 import type { CommentMarkdownLinkClickHandler } from '@/components/sidebar/CommentMarkdown'
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/components/ui/collapsible'
 import { translate } from '@/i18n/i18n'
@@ -14,6 +13,7 @@ import {
   NativeChatReasoningChevron
 } from './NativeChatReasoningDisclosure'
 import { useNativeChatDisclosure } from './native-chat-disclosure-store'
+import { LoadingSpinner } from '@/components/LoadingSpinner'
 
 // Literal keys with literal fallbacks: a dynamic key registers no catalog reference.
 function statusLabel(key: Extract<NativeChatActiveTurnLabel, { source: 'status' }>['key']): string {
@@ -63,7 +63,7 @@ export function NativeChatTurnActivityLine({
         aria-live="polite"
         aria-atomic="true"
       >
-        <Loader2 aria-hidden className="size-4 shrink-0 animate-spin motion-reduce:animate-none" />
+        <LoadingSpinner className="size-4 shrink-0" />
         <span id={labelId} className="min-w-0 truncate text-foreground/85">
           {label}
         </span>
diff --git a/src/renderer/src/components/native-chat/NativeChatWorkingStatus.tsx b/src/renderer/src/components/native-chat/NativeChatWorkingStatus.tsx
index c82befed7c4..5ee916ec405 100644
--- a/src/renderer/src/components/native-chat/NativeChatWorkingStatus.tsx
+++ b/src/renderer/src/components/native-chat/NativeChatWorkingStatus.tsx
@@ -73,7 +73,10 @@ export function NativeChatWorkingStatus({
   const caret =
     workedSeconds != null && onToggleExpanded ? (
       <ChevronRight
-        className={cn('size-3.5 transition-transform', expanded && 'rotate-90')}
+        className={cn(
+          'size-3.5 transition-transform motion-reduce:transition-none',
+          expanded && 'rotate-90'
+        )}
         aria-hidden="true"
       />
     ) : null
diff --git a/src/renderer/src/components/sidebar/__snapshots__/subagent-child-row-fallback-pixels.test.tsx.snap b/src/renderer/src/components/sidebar/__snapshots__/subagent-child-row-fallback-pixels.test.tsx.snap
index 342897ca5a4..41c97165560 100644
--- a/src/renderer/src/components/sidebar/__snapshots__/subagent-child-row-fallback-pixels.test.tsx.snap
+++ b/src/renderer/src/components/sidebar/__snapshots__/subagent-child-row-fallback-pixels.test.tsx.snap
@@ -1,8 +1,8 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`chat strip rows from a legacy background-task roster > render exactly as before 1`] = `"<div data-native-chat-background-tasks="true" class="group/tasks shrink-0 bg-chat-canvas px-3 pt-2 sm:px-4"><div class="mx-auto w-full max-w-(--chat-content-max-width) [[data-native-chat-background-tasks]:has(+[data-native-chat-thread-goal])_&amp;]:px-2"><div class="overflow-hidden rounded-lg border border-border bg-muted/50 text-xs text-muted-foreground shadow-xs [[data-native-chat-background-tasks]:has(+[data-native-chat-thread-goal])_&amp;]:rounded-b-none [[data-native-chat-background-tasks]:has(+[data-native-chat-thread-goal])_&amp;]:shadow-none"><div class="flex h-8 items-center px-1.5"><button type="button" class="flex h-6 min-w-0 flex-1 cursor-pointer items-center gap-2 rounded-md px-1.5 text-left outline-none hover:bg-accent hover:text-accent-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50" aria-expanded="true" aria-controls="_R_0_" aria-label="8 agents · 1 shell · 1 monitor"><span class="min-w-0 truncate"><span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bot mr-1 inline size-3 align-[-0.125em] text-muted-foreground" aria-hidden="true"><path d="M12 8V4H8"></path><rect width="16" height="12" x="4" y="8" rx="2"></rect><path d="M2 14h2"></path><path d="M20 14h2"></path><path d="M15 13v2"></path><path d="M9 13v2"></path></svg><span class="font-medium text-foreground">8 agents</span></span><span><span class="text-muted-foreground"> · </span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-square-terminal mr-1 inline size-3 align-[-0.125em] text-muted-foreground" aria-hidden="true"><path d="m7 11 2-2-2-2"></path><path d="M11 13h4"></path><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect></svg><span class="font-medium text-foreground">1 shell</span></span><span><span class="text-muted-foreground"> · </span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-activity mr-1 inline size-3 align-[-0.125em] text-yellow-500" aria-hidden="true"><path d="M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2"></path></svg><span class="font-medium text-foreground">1 monitor</span></span></span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down size-3 transition-transform rotate-180" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></div><div id="_R_0_" class="scrollbar-sleek max-h-40 overflow-y-auto border-t border-border px-3 py-2"><div class=""><p class="px-0.5 pb-1 font-mono text-[10px] uppercase tracking-wider text-muted-foreground">Agents</p><ul role="list" aria-label="Agents" class="space-y-0.5"><li class="flex h-6 min-w-0 items-center gap-2 text-foreground/80"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bot size-3.5 shrink-0 text-muted-foreground" aria-hidden="true"><path d="M12 8V4H8"></path><rect width="16" height="12" x="4" y="8" rx="2"></rect><path d="M2 14h2"></path><path d="M20 14h2"></path><path d="M15 13v2"></path><path d="M9 13v2"></path></svg><span class="inline-flex shrink-0 items-center justify-center h-2.5 w-2.5" aria-label="Blocked"><span class="block rounded-full size-1.5 bg-red-500"></span></span><span class="min-w-0 flex-1 truncate"><span class="font-medium text-foreground">Failed child</span><span class="text-muted-foreground"> · failed</span></span></li><li class="flex h-6 min-w-0 items-center gap-2 text-foreground/80"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bot size-3.5 shrink-0 text-muted-foreground" aria-hidden="true"><path d="M12 8V4H8"></path><rect width="16" height="12" x="4" y="8" rx="2"></rect><path d="M2 14h2"></path><path d="M20 14h2"></path><path d="M15 13v2"></path><path d="M9 13v2"></path></svg><span class="inline-flex shrink-0 items-center justify-center h-2.5 w-2.5" aria-label="No recent update"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-dashed text-amber-500 size-2.5" aria-hidden="true"><path d="M10.1 2.182a10 10 0 0 1 3.8 0"></path><path d="M13.9 21.818a10 10 0 0 1-3.8 0"></path><path d="M17.609 3.721a10 10 0 0 1 2.69 2.7"></path><path d="M2.182 13.9a10 10 0 0 1 0-3.8"></path><path d="M20.279 17.609a10 10 0 0 1-2.7 2.69"></path><path d="M21.818 10.1a10 10 0 0 1 0 3.8"></path><path d="M3.721 6.391a10 10 0 0 1 2.7-2.69"></path><path d="M6.391 20.279a10 10 0 0 1-2.69-2.7"></path></svg></span><span class="min-w-0 flex-1 truncate"><span class="font-medium text-foreground">Background agent</span><span class="text-muted-foreground"> · status unavailable</span></span><button data-slot="button" data-variant="ghost" data-size="xs" class="inline-flex shrink-0 items-center justify-center cursor-pointer font-medium whitespace-nowrap transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50 h-6 gap-1 rounded-md px-2 text-xs has-[&gt;svg]:px-1.5 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-3" type="button" aria-label="Stop Background agent">Stop</button></li><li class="flex h-6 min-w-0 items-center gap-2 text-foreground/80"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bot size-3.5 shrink-0 text-muted-foreground" aria-hidden="true"><path d="M12 8V4H8"></path><rect width="16" height="12" x="4" y="8" rx="2"></rect><path d="M2 14h2"></path><path d="M20 14h2"></path><path d="M15 13v2"></path><path d="M9 13v2"></path></svg><span class="inline-flex shrink-0 items-center justify-center h-2.5 w-2.5" aria-label="Idle"><span class="block rounded-full size-1.5 bg-neutral-500/40"></span></span><span class="min-w-0 flex-1 truncate"><span class="font-medium text-foreground">Cancelled child</span></span></li><li class="flex h-6 min-w-0 items-center gap-2 text-foreground/80"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bot size-3.5 shrink-0 text-muted-foreground" aria-hidden="true"><path d="M12 8V4H8"></path><rect width="16" height="12" x="4" y="8" rx="2"></rect><path d="M2 14h2"></path><path d="M20 14h2"></path><path d="M15 13v2"></path><path d="M9 13v2"></path></svg><span class="inline-flex shrink-0 items-center justify-center h-2.5 w-2.5" aria-label="Waiting for input"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle-question-mark text-agent-question size-2.5" aria-hidden="true"><path d="M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719"></path><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path><path d="M12 17h.01"></path></svg></span><span class="min-w-0 flex-1 truncate"><span class="font-medium text-foreground">Approve edits</span><span class="text-muted-foreground"> · needs approval</span></span><button data-slot="button" data-variant="ghost" data-size="xs" class="inline-flex shrink-0 items-center justify-center cursor-pointer font-medium whitespace-nowrap transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50 h-6 gap-1 rounded-md px-2 text-xs has-[&gt;svg]:px-1.5 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-3" type="button" aria-label="Stop Approve edits">Stop</button></li><li class="flex h-6 min-w-0 items-center gap-2 text-foreground/80"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bot size-3.5 shrink-0 text-muted-foreground" aria-hidden="true"><path d="M12 8V4H8"></path><rect width="16" height="12" x="4" y="8" rx="2"></rect><path d="M2 14h2"></path><path d="M20 14h2"></path><path d="M15 13v2"></path><path d="M9 13v2"></path></svg><span class="inline-flex shrink-0 items-center justify-center h-2.5 w-2.5" aria-label="Done"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check text-emerald-500 size-2.5" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg></span><span class="min-w-0 flex-1 truncate"><span class="font-medium text-foreground">Summarize logs</span></span><span class="shrink-0 font-mono text-[10px] tabular-nums text-muted-foreground">900</span></li><li class="flex h-6 min-w-0 items-center gap-2 text-foreground/80"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bot size-3.5 shrink-0 text-muted-foreground" aria-hidden="true"><path d="M12 8V4H8"></path><rect width="16" height="12" x="4" y="8" rx="2"></rect><path d="M2 14h2"></path><path d="M20 14h2"></path><path d="M15 13v2"></path><path d="M9 13v2"></path></svg><span class="inline-flex shrink-0 items-center justify-center h-2.5 w-2.5" aria-label="Working"><span data-agent-spinner="" class="agent-working-spinner block rounded-full border-2 border-yellow-500 border-t-transparent motion-reduce:border-t-yellow-500 size-1.5"></span></span><span class="min-w-0 flex-1 truncate"><span class="font-medium text-foreground">Review the parser</span></span><span class="shrink-0 font-mono text-[10px] tabular-nums text-muted-foreground">18.2k · 10m 0s</span><button data-slot="button" data-variant="ghost" data-size="xs" class="inline-flex shrink-0 items-center justify-center cursor-pointer font-medium whitespace-nowrap transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50 h-6 gap-1 rounded-md px-2 text-xs has-[&gt;svg]:px-1.5 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-3" type="button" aria-label="Stop Review the parser" disabled="">Stop</button></li><li class="flex h-6 min-w-0 items-center gap-2 text-foreground/80"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bot size-3.5 shrink-0 text-muted-foreground" aria-hidden="true"><path d="M12 8V4H8"></path><rect width="16" height="12" x="4" y="8" rx="2"></rect><path d="M2 14h2"></path><path d="M20 14h2"></path><path d="M15 13v2"></path><path d="M9 13v2"></path></svg><span class="inline-flex shrink-0 items-center justify-center h-2.5 w-2.5" aria-label="Blocked"><span class="block rounded-full size-1.5 bg-red-500"></span></span><span class="min-w-0 flex-1 truncate"><span class="font-medium text-foreground">Explore</span><span class="text-muted-foreground"> · failed</span></span><span class="shrink-0 font-mono text-[10px] tabular-nums text-muted-foreground">8m 20s</span><button data-slot="button" data-variant="ghost" data-size="xs" class="inline-flex shrink-0 items-center justify-center cursor-pointer font-medium whitespace-nowrap transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50 h-6 gap-1 rounded-md px-2 text-xs has-[&gt;svg]:px-1.5 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-3" type="button" aria-label="Stop Explore">Stop</button></li><li class="flex h-6 min-w-0 items-center gap-2 text-foreground/80"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bot size-3.5 shrink-0 text-muted-foreground" aria-hidden="true"><path d="M12 8V4H8"></path><rect width="16" height="12" x="4" y="8" rx="2"></rect><path d="M2 14h2"></path><path d="M20 14h2"></path><path d="M15 13v2"></path><path d="M9 13v2"></path></svg><span class="inline-flex shrink-0 items-center justify-center h-2.5 w-2.5" aria-label="Working"><span data-agent-spinner="" class="agent-working-spinner block rounded-full border-2 border-yellow-500 border-t-transparent motion-reduce:border-t-yellow-500 size-1.5"></span></span><span class="min-w-0 flex-1 truncate"><span class="font-medium text-foreground">Old host child</span></span><span class="shrink-0 font-mono text-[10px] tabular-nums text-muted-foreground">6m 40s</span><button data-slot="button" data-variant="ghost" data-size="xs" class="inline-flex shrink-0 items-center justify-center cursor-pointer font-medium whitespace-nowrap transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50 h-6 gap-1 rounded-md px-2 text-xs has-[&gt;svg]:px-1.5 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-3" type="button" aria-label="Stop Old host child">Stop</button></li></ul></div><div class="mt-1.5 border-t border-border/60 pt-1.5"><p class="px-0.5 pb-1 font-mono text-[10px] uppercase tracking-wider text-muted-foreground">Shell</p><ul role="list" aria-label="Shell" class="space-y-0.5"><li class="flex h-6 min-w-0 items-center gap-2 text-foreground/80"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-square-terminal size-3.5 shrink-0 text-muted-foreground" aria-hidden="true"><path d="m7 11 2-2-2-2"></path><path d="M11 13h4"></path><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect></svg><span class="inline-flex shrink-0 items-center justify-center h-2.5 w-2.5" aria-label="Working"><span data-agent-spinner="" class="agent-working-spinner block rounded-full border-2 border-yellow-500 border-t-transparent motion-reduce:border-t-yellow-500 size-1.5"></span></span><span class="min-w-0 flex-1 truncate"><span class="font-medium text-foreground">npm run dev</span></span><span class="shrink-0 font-mono text-[10px] tabular-nums text-muted-foreground">11m 40s</span></li></ul></div><div class="mt-1.5 border-t border-border/60 pt-1.5"><p class="px-0.5 pb-1 font-mono text-[10px] uppercase tracking-wider text-muted-foreground">Monitors</p><ul role="list" aria-label="Monitors" class="space-y-0.5"><li class="flex h-6 min-w-0 items-center gap-2 text-foreground/80"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-activity size-3.5 shrink-0 text-yellow-500" aria-hidden="true"><path d="M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2"></path></svg><span class="inline-flex shrink-0 items-center justify-center h-2.5 w-2.5" aria-label="Monitoring background tasks"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-activity text-yellow-500 size-2.5" aria-hidden="true"><path d="M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2"></path></svg></span><span class="min-w-0 flex-1 truncate"><span class="font-medium text-foreground">tail -f server.log</span></span><button data-slot="button" data-variant="ghost" data-size="xs" class="inline-flex shrink-0 items-center justify-center cursor-pointer font-medium whitespace-nowrap transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50 h-6 gap-1 rounded-md px-2 text-xs has-[&gt;svg]:px-1.5 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-3" type="button" aria-label="Stop tail -f server.log">Stop</button></li></ul></div></div></div></div></div>"`;
+exports[`chat strip rows from a legacy background-task roster > render exactly as before 1`] = `"<div data-native-chat-background-tasks="true" class="group/tasks shrink-0 bg-chat-canvas px-3 pt-2 sm:px-4"><div class="mx-auto w-full max-w-(--chat-content-max-width) [[data-native-chat-background-tasks]:has(+[data-native-chat-thread-goal])_&amp;]:px-2"><div class="overflow-hidden rounded-lg border border-border bg-muted/50 text-xs text-muted-foreground shadow-xs [[data-native-chat-background-tasks]:has(+[data-native-chat-thread-goal])_&amp;]:rounded-b-none [[data-native-chat-background-tasks]:has(+[data-native-chat-thread-goal])_&amp;]:shadow-none"><div class="flex h-8 items-center px-1.5"><button type="button" class="flex h-6 min-w-0 flex-1 cursor-pointer items-center gap-2 rounded-md px-1.5 text-left outline-none hover:bg-accent hover:text-accent-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50" aria-expanded="true" aria-controls="_R_0_" aria-label="8 agents · 1 shell · 1 monitor"><span class="min-w-0 truncate"><span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bot mr-1 inline size-3 align-[-0.125em] text-muted-foreground" aria-hidden="true"><path d="M12 8V4H8"></path><rect width="16" height="12" x="4" y="8" rx="2"></rect><path d="M2 14h2"></path><path d="M20 14h2"></path><path d="M15 13v2"></path><path d="M9 13v2"></path></svg><span class="font-medium text-foreground">8 agents</span></span><span><span class="text-muted-foreground"> · </span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-square-terminal mr-1 inline size-3 align-[-0.125em] text-muted-foreground" aria-hidden="true"><path d="m7 11 2-2-2-2"></path><path d="M11 13h4"></path><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect></svg><span class="font-medium text-foreground">1 shell</span></span><span><span class="text-muted-foreground"> · </span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-activity mr-1 inline size-3 align-[-0.125em] text-yellow-500" aria-hidden="true"><path d="M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2"></path></svg><span class="font-medium text-foreground">1 monitor</span></span></span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down size-3 transition-transform motion-reduce:transition-none rotate-180" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></div><div id="_R_0_" class="scrollbar-sleek max-h-40 overflow-y-auto border-t border-border px-3 py-2"><div class=""><p class="px-0.5 pb-1 font-mono text-[10px] uppercase tracking-wider text-muted-foreground">Agents</p><ul role="list" aria-label="Agents" class="space-y-0.5"><li class="flex h-6 min-w-0 items-center gap-2 text-foreground/80"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bot size-3.5 shrink-0 text-muted-foreground" aria-hidden="true"><path d="M12 8V4H8"></path><rect width="16" height="12" x="4" y="8" rx="2"></rect><path d="M2 14h2"></path><path d="M20 14h2"></path><path d="M15 13v2"></path><path d="M9 13v2"></path></svg><span class="inline-flex shrink-0 items-center justify-center h-2.5 w-2.5" aria-label="Blocked"><span class="block rounded-full size-1.5 bg-red-500"></span></span><span class="min-w-0 flex-1 truncate"><span class="font-medium text-foreground">Failed child</span><span class="text-muted-foreground"> · failed</span></span></li><li class="flex h-6 min-w-0 items-center gap-2 text-foreground/80"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bot size-3.5 shrink-0 text-muted-foreground" aria-hidden="true"><path d="M12 8V4H8"></path><rect width="16" height="12" x="4" y="8" rx="2"></rect><path d="M2 14h2"></path><path d="M20 14h2"></path><path d="M15 13v2"></path><path d="M9 13v2"></path></svg><span class="inline-flex shrink-0 items-center justify-center h-2.5 w-2.5" aria-label="No recent update"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-dashed text-amber-500 size-2.5" aria-hidden="true"><path d="M10.1 2.182a10 10 0 0 1 3.8 0"></path><path d="M13.9 21.818a10 10 0 0 1-3.8 0"></path><path d="M17.609 3.721a10 10 0 0 1 2.69 2.7"></path><path d="M2.182 13.9a10 10 0 0 1 0-3.8"></path><path d="M20.279 17.609a10 10 0 0 1-2.7 2.69"></path><path d="M21.818 10.1a10 10 0 0 1 0 3.8"></path><path d="M3.721 6.391a10 10 0 0 1 2.7-2.69"></path><path d="M6.391 20.279a10 10 0 0 1-2.69-2.7"></path></svg></span><span class="min-w-0 flex-1 truncate"><span class="font-medium text-foreground">Background agent</span><span class="text-muted-foreground"> · status unavailable</span></span><button data-slot="button" data-variant="ghost" data-size="xs" class="inline-flex shrink-0 items-center justify-center cursor-pointer font-medium whitespace-nowrap transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50 h-6 gap-1 rounded-md px-2 text-xs has-[&gt;svg]:px-1.5 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-3" type="button" aria-label="Stop Background agent">Stop</button></li><li class="flex h-6 min-w-0 items-center gap-2 text-foreground/80"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bot size-3.5 shrink-0 text-muted-foreground" aria-hidden="true"><path d="M12 8V4H8"></path><rect width="16" height="12" x="4" y="8" rx="2"></rect><path d="M2 14h2"></path><path d="M20 14h2"></path><path d="M15 13v2"></path><path d="M9 13v2"></path></svg><span class="inline-flex shrink-0 items-center justify-center h-2.5 w-2.5" aria-label="Idle"><span class="block rounded-full size-1.5 bg-neutral-500/40"></span></span><span class="min-w-0 flex-1 truncate"><span class="font-medium text-foreground">Cancelled child</span></span></li><li class="flex h-6 min-w-0 items-center gap-2 text-foreground/80"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bot size-3.5 shrink-0 text-muted-foreground" aria-hidden="true"><path d="M12 8V4H8"></path><rect width="16" height="12" x="4" y="8" rx="2"></rect><path d="M2 14h2"></path><path d="M20 14h2"></path><path d="M15 13v2"></path><path d="M9 13v2"></path></svg><span class="inline-flex shrink-0 items-center justify-center h-2.5 w-2.5" aria-label="Waiting for input"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle-question-mark text-agent-question size-2.5" aria-hidden="true"><path d="M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719"></path><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path><path d="M12 17h.01"></path></svg></span><span class="min-w-0 flex-1 truncate"><span class="font-medium text-foreground">Approve edits</span><span class="text-muted-foreground"> · needs approval</span></span><button data-slot="button" data-variant="ghost" data-size="xs" class="inline-flex shrink-0 items-center justify-center cursor-pointer font-medium whitespace-nowrap transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50 h-6 gap-1 rounded-md px-2 text-xs has-[&gt;svg]:px-1.5 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-3" type="button" aria-label="Stop Approve edits">Stop</button></li><li class="flex h-6 min-w-0 items-center gap-2 text-foreground/80"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bot size-3.5 shrink-0 text-muted-foreground" aria-hidden="true"><path d="M12 8V4H8"></path><rect width="16" height="12" x="4" y="8" rx="2"></rect><path d="M2 14h2"></path><path d="M20 14h2"></path><path d="M15 13v2"></path><path d="M9 13v2"></path></svg><span class="inline-flex shrink-0 items-center justify-center h-2.5 w-2.5" aria-label="Done"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check text-emerald-500 size-2.5" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg></span><span class="min-w-0 flex-1 truncate"><span class="font-medium text-foreground">Summarize logs</span></span><span class="shrink-0 font-mono text-[10px] tabular-nums text-muted-foreground">900</span></li><li class="flex h-6 min-w-0 items-center gap-2 text-foreground/80"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bot size-3.5 shrink-0 text-muted-foreground" aria-hidden="true"><path d="M12 8V4H8"></path><rect width="16" height="12" x="4" y="8" rx="2"></rect><path d="M2 14h2"></path><path d="M20 14h2"></path><path d="M15 13v2"></path><path d="M9 13v2"></path></svg><span class="inline-flex shrink-0 items-center justify-center h-2.5 w-2.5" aria-label="Working"><span data-agent-spinner="" class="agent-working-spinner block rounded-full border-2 border-yellow-500 border-t-transparent motion-reduce:border-t-yellow-500 size-1.5"></span></span><span class="min-w-0 flex-1 truncate"><span class="font-medium text-foreground">Review the parser</span></span><span class="shrink-0 font-mono text-[10px] tabular-nums text-muted-foreground">18.2k · 10m 0s</span><button data-slot="button" data-variant="ghost" data-size="xs" class="inline-flex shrink-0 items-center justify-center cursor-pointer font-medium whitespace-nowrap transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50 h-6 gap-1 rounded-md px-2 text-xs has-[&gt;svg]:px-1.5 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-3" type="button" aria-label="Stop Review the parser" disabled="">Stop</button></li><li class="flex h-6 min-w-0 items-center gap-2 text-foreground/80"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bot size-3.5 shrink-0 text-muted-foreground" aria-hidden="true"><path d="M12 8V4H8"></path><rect width="16" height="12" x="4" y="8" rx="2"></rect><path d="M2 14h2"></path><path d="M20 14h2"></path><path d="M15 13v2"></path><path d="M9 13v2"></path></svg><span class="inline-flex shrink-0 items-center justify-center h-2.5 w-2.5" aria-label="Blocked"><span class="block rounded-full size-1.5 bg-red-500"></span></span><span class="min-w-0 flex-1 truncate"><span class="font-medium text-foreground">Explore</span><span class="text-muted-foreground"> · failed</span></span><span class="shrink-0 font-mono text-[10px] tabular-nums text-muted-foreground">8m 20s</span><button data-slot="button" data-variant="ghost" data-size="xs" class="inline-flex shrink-0 items-center justify-center cursor-pointer font-medium whitespace-nowrap transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50 h-6 gap-1 rounded-md px-2 text-xs has-[&gt;svg]:px-1.5 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-3" type="button" aria-label="Stop Explore">Stop</button></li><li class="flex h-6 min-w-0 items-center gap-2 text-foreground/80"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bot size-3.5 shrink-0 text-muted-foreground" aria-hidden="true"><path d="M12 8V4H8"></path><rect width="16" height="12" x="4" y="8" rx="2"></rect><path d="M2 14h2"></path><path d="M20 14h2"></path><path d="M15 13v2"></path><path d="M9 13v2"></path></svg><span class="inline-flex shrink-0 items-center justify-center h-2.5 w-2.5" aria-label="Working"><span data-agent-spinner="" class="agent-working-spinner block rounded-full border-2 border-yellow-500 border-t-transparent motion-reduce:border-t-yellow-500 size-1.5"></span></span><span class="min-w-0 flex-1 truncate"><span class="font-medium text-foreground">Old host child</span></span><span class="shrink-0 font-mono text-[10px] tabular-nums text-muted-foreground">6m 40s</span><button data-slot="button" data-variant="ghost" data-size="xs" class="inline-flex shrink-0 items-center justify-center cursor-pointer font-medium whitespace-nowrap transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50 h-6 gap-1 rounded-md px-2 text-xs has-[&gt;svg]:px-1.5 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-3" type="button" aria-label="Stop Old host child">Stop</button></li></ul></div><div class="mt-1.5 border-t border-border/60 pt-1.5"><p class="px-0.5 pb-1 font-mono text-[10px] uppercase tracking-wider text-muted-foreground">Shell</p><ul role="list" aria-label="Shell" class="space-y-0.5"><li class="flex h-6 min-w-0 items-center gap-2 text-foreground/80"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-square-terminal size-3.5 shrink-0 text-muted-foreground" aria-hidden="true"><path d="m7 11 2-2-2-2"></path><path d="M11 13h4"></path><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect></svg><span class="inline-flex shrink-0 items-center justify-center h-2.5 w-2.5" aria-label="Working"><span data-agent-spinner="" class="agent-working-spinner block rounded-full border-2 border-yellow-500 border-t-transparent motion-reduce:border-t-yellow-500 size-1.5"></span></span><span class="min-w-0 flex-1 truncate"><span class="font-medium text-foreground">npm run dev</span></span><span class="shrink-0 font-mono text-[10px] tabular-nums text-muted-foreground">11m 40s</span></li></ul></div><div class="mt-1.5 border-t border-border/60 pt-1.5"><p class="px-0.5 pb-1 font-mono text-[10px] uppercase tracking-wider text-muted-foreground">Monitors</p><ul role="list" aria-label="Monitors" class="space-y-0.5"><li class="flex h-6 min-w-0 items-center gap-2 text-foreground/80"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-activity size-3.5 shrink-0 text-yellow-500" aria-hidden="true"><path d="M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2"></path></svg><span class="inline-flex shrink-0 items-center justify-center h-2.5 w-2.5" aria-label="Monitoring background tasks"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-activity text-yellow-500 size-2.5" aria-hidden="true"><path d="M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2"></path></svg></span><span class="min-w-0 flex-1 truncate"><span class="font-medium text-foreground">tail -f server.log</span></span><button data-slot="button" data-variant="ghost" data-size="xs" class="inline-flex shrink-0 items-center justify-center cursor-pointer font-medium whitespace-nowrap transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50 h-6 gap-1 rounded-md px-2 text-xs has-[&gt;svg]:px-1.5 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-3" type="button" aria-label="Stop tail -f server.log">Stop</button></li></ul></div></div></div></div></div>"`;
 
-exports[`chat strip rows from a legacy background-task roster > render exactly as before 2`] = `"<div data-native-chat-background-tasks="true" class="group/tasks shrink-0 bg-chat-canvas px-3 pt-2 sm:px-4"><div class="mx-auto w-full max-w-(--chat-content-max-width) [[data-native-chat-background-tasks]:has(+[data-native-chat-thread-goal])_&amp;]:px-2"><div class="overflow-hidden rounded-lg border border-border bg-muted/50 text-xs text-muted-foreground shadow-xs [[data-native-chat-background-tasks]:has(+[data-native-chat-thread-goal])_&amp;]:rounded-b-none [[data-native-chat-background-tasks]:has(+[data-native-chat-thread-goal])_&amp;]:shadow-none"><div class="flex h-8 items-center px-1.5"><button type="button" class="flex h-6 min-w-0 flex-1 cursor-pointer items-center gap-2 rounded-md px-1.5 text-left outline-none hover:bg-accent hover:text-accent-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50" aria-expanded="true" aria-controls="_R_0_" aria-label="8 agents · 1 shell · 1 monitor"><span class="min-w-0 truncate"><span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bot mr-1 inline size-3 align-[-0.125em] text-muted-foreground" aria-hidden="true"><path d="M12 8V4H8"></path><rect width="16" height="12" x="4" y="8" rx="2"></rect><path d="M2 14h2"></path><path d="M20 14h2"></path><path d="M15 13v2"></path><path d="M9 13v2"></path></svg><span class="font-medium text-foreground">8 agents</span></span><span><span class="text-muted-foreground"> · </span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-square-terminal mr-1 inline size-3 align-[-0.125em] text-muted-foreground" aria-hidden="true"><path d="m7 11 2-2-2-2"></path><path d="M11 13h4"></path><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect></svg><span class="font-medium text-foreground">1 shell</span></span><span><span class="text-muted-foreground"> · </span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-activity mr-1 inline size-3 align-[-0.125em] text-yellow-500" aria-hidden="true"><path d="M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2"></path></svg><span class="font-medium text-foreground">1 monitor</span></span></span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down size-3 transition-transform rotate-180" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></div><div id="_R_0_" class="scrollbar-sleek max-h-40 overflow-y-auto border-t border-border px-3 py-2"><div class=""><p class="px-0.5 pb-1 font-mono text-[10px] uppercase tracking-wider text-muted-foreground">Agents</p><ul role="list" aria-label="Agents" class="space-y-0.5"><li class="flex h-6 min-w-0 items-center gap-2 text-foreground/80"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bot size-3.5 shrink-0 text-muted-foreground" aria-hidden="true"><path d="M12 8V4H8"></path><rect width="16" height="12" x="4" y="8" rx="2"></rect><path d="M2 14h2"></path><path d="M20 14h2"></path><path d="M15 13v2"></path><path d="M9 13v2"></path></svg><span class="inline-flex shrink-0 items-center justify-center h-2.5 w-2.5" aria-label="Blocked"><span class="block rounded-full size-1.5 bg-red-500"></span></span><span class="min-w-0 flex-1 truncate"><span class="font-medium text-foreground">Failed child</span><span class="text-muted-foreground"> · failed</span></span></li><li class="flex h-6 min-w-0 items-center gap-2 text-foreground/80"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bot size-3.5 shrink-0 text-muted-foreground" aria-hidden="true"><path d="M12 8V4H8"></path><rect width="16" height="12" x="4" y="8" rx="2"></rect><path d="M2 14h2"></path><path d="M20 14h2"></path><path d="M15 13v2"></path><path d="M9 13v2"></path></svg><span class="inline-flex shrink-0 items-center justify-center h-2.5 w-2.5" aria-label="No recent update"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-dashed text-amber-500 size-2.5" aria-hidden="true"><path d="M10.1 2.182a10 10 0 0 1 3.8 0"></path><path d="M13.9 21.818a10 10 0 0 1-3.8 0"></path><path d="M17.609 3.721a10 10 0 0 1 2.69 2.7"></path><path d="M2.182 13.9a10 10 0 0 1 0-3.8"></path><path d="M20.279 17.609a10 10 0 0 1-2.7 2.69"></path><path d="M21.818 10.1a10 10 0 0 1 0 3.8"></path><path d="M3.721 6.391a10 10 0 0 1 2.7-2.69"></path><path d="M6.391 20.279a10 10 0 0 1-2.69-2.7"></path></svg></span><span class="min-w-0 flex-1 truncate"><span class="font-medium text-foreground">Background agent</span><span class="text-muted-foreground"> · status unavailable</span></span></li><li class="flex h-6 min-w-0 items-center gap-2 text-foreground/80"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bot size-3.5 shrink-0 text-muted-foreground" aria-hidden="true"><path d="M12 8V4H8"></path><rect width="16" height="12" x="4" y="8" rx="2"></rect><path d="M2 14h2"></path><path d="M20 14h2"></path><path d="M15 13v2"></path><path d="M9 13v2"></path></svg><span class="inline-flex shrink-0 items-center justify-center h-2.5 w-2.5" aria-label="Idle"><span class="block rounded-full size-1.5 bg-neutral-500/40"></span></span><span class="min-w-0 flex-1 truncate"><span class="font-medium text-foreground">Cancelled child</span></span></li><li class="flex h-6 min-w-0 items-center gap-2 text-foreground/80"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bot size-3.5 shrink-0 text-muted-foreground" aria-hidden="true"><path d="M12 8V4H8"></path><rect width="16" height="12" x="4" y="8" rx="2"></rect><path d="M2 14h2"></path><path d="M20 14h2"></path><path d="M15 13v2"></path><path d="M9 13v2"></path></svg><span class="inline-flex shrink-0 items-center justify-center h-2.5 w-2.5" aria-label="Waiting for input"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle-question-mark text-agent-question size-2.5" aria-hidden="true"><path d="M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719"></path><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path><path d="M12 17h.01"></path></svg></span><span class="min-w-0 flex-1 truncate"><span class="font-medium text-foreground">Approve edits</span><span class="text-muted-foreground"> · needs approval</span></span></li><li class="flex h-6 min-w-0 items-center gap-2 text-foreground/80"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bot size-3.5 shrink-0 text-muted-foreground" aria-hidden="true"><path d="M12 8V4H8"></path><rect width="16" height="12" x="4" y="8" rx="2"></rect><path d="M2 14h2"></path><path d="M20 14h2"></path><path d="M15 13v2"></path><path d="M9 13v2"></path></svg><span class="inline-flex shrink-0 items-center justify-center h-2.5 w-2.5" aria-label="Done"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check text-emerald-500 size-2.5" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg></span><span class="min-w-0 flex-1 truncate"><span class="font-medium text-foreground">Summarize logs</span></span><span class="shrink-0 font-mono text-[10px] tabular-nums text-muted-foreground">900</span></li><li class="flex h-6 min-w-0 items-center gap-2 text-foreground/80"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bot size-3.5 shrink-0 text-muted-foreground" aria-hidden="true"><path d="M12 8V4H8"></path><rect width="16" height="12" x="4" y="8" rx="2"></rect><path d="M2 14h2"></path><path d="M20 14h2"></path><path d="M15 13v2"></path><path d="M9 13v2"></path></svg><span class="inline-flex shrink-0 items-center justify-center h-2.5 w-2.5" aria-label="Working"><span data-agent-spinner="" class="agent-working-spinner block rounded-full border-2 border-yellow-500 border-t-transparent motion-reduce:border-t-yellow-500 size-1.5"></span></span><span class="min-w-0 flex-1 truncate"><span class="font-medium text-foreground">Review the parser</span></span><span class="shrink-0 font-mono text-[10px] tabular-nums text-muted-foreground">18.2k · 10m 0s</span></li><li class="flex h-6 min-w-0 items-center gap-2 text-foreground/80"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bot size-3.5 shrink-0 text-muted-foreground" aria-hidden="true"><path d="M12 8V4H8"></path><rect width="16" height="12" x="4" y="8" rx="2"></rect><path d="M2 14h2"></path><path d="M20 14h2"></path><path d="M15 13v2"></path><path d="M9 13v2"></path></svg><span class="inline-flex shrink-0 items-center justify-center h-2.5 w-2.5" aria-label="Blocked"><span class="block rounded-full size-1.5 bg-red-500"></span></span><span class="min-w-0 flex-1 truncate"><span class="font-medium text-foreground">Explore</span><span class="text-muted-foreground"> · failed</span></span><span class="shrink-0 font-mono text-[10px] tabular-nums text-muted-foreground">8m 20s</span></li><li class="flex h-6 min-w-0 items-center gap-2 text-foreground/80"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bot size-3.5 shrink-0 text-muted-foreground" aria-hidden="true"><path d="M12 8V4H8"></path><rect width="16" height="12" x="4" y="8" rx="2"></rect><path d="M2 14h2"></path><path d="M20 14h2"></path><path d="M15 13v2"></path><path d="M9 13v2"></path></svg><span class="inline-flex shrink-0 items-center justify-center h-2.5 w-2.5" aria-label="Working"><span data-agent-spinner="" class="agent-working-spinner block rounded-full border-2 border-yellow-500 border-t-transparent motion-reduce:border-t-yellow-500 size-1.5"></span></span><span class="min-w-0 flex-1 truncate"><span class="font-medium text-foreground">Old host child</span></span><span class="shrink-0 font-mono text-[10px] tabular-nums text-muted-foreground">6m 40s</span></li></ul></div><div class="mt-1.5 border-t border-border/60 pt-1.5"><p class="px-0.5 pb-1 font-mono text-[10px] uppercase tracking-wider text-muted-foreground">Shell</p><ul role="list" aria-label="Shell" class="space-y-0.5"><li class="flex h-6 min-w-0 items-center gap-2 text-foreground/80"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-square-terminal size-3.5 shrink-0 text-muted-foreground" aria-hidden="true"><path d="m7 11 2-2-2-2"></path><path d="M11 13h4"></path><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect></svg><span class="inline-flex shrink-0 items-center justify-center h-2.5 w-2.5" aria-label="Working"><span data-agent-spinner="" class="agent-working-spinner block rounded-full border-2 border-yellow-500 border-t-transparent motion-reduce:border-t-yellow-500 size-1.5"></span></span><span class="min-w-0 flex-1 truncate"><span class="font-medium text-foreground">npm run dev</span></span><span class="shrink-0 font-mono text-[10px] tabular-nums text-muted-foreground">11m 40s</span></li></ul></div><div class="mt-1.5 border-t border-border/60 pt-1.5"><p class="px-0.5 pb-1 font-mono text-[10px] uppercase tracking-wider text-muted-foreground">Monitors</p><ul role="list" aria-label="Monitors" class="space-y-0.5"><li class="flex h-6 min-w-0 items-center gap-2 text-foreground/80"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-activity size-3.5 shrink-0 text-yellow-500" aria-hidden="true"><path d="M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2"></path></svg><span class="inline-flex shrink-0 items-center justify-center h-2.5 w-2.5" aria-label="Monitoring background tasks"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-activity text-yellow-500 size-2.5" aria-hidden="true"><path d="M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2"></path></svg></span><span class="min-w-0 flex-1 truncate"><span class="font-medium text-foreground">tail -f server.log</span></span></li></ul></div><div class="mt-2 border-t border-border pt-2"><button data-slot="button" data-variant="ghost" data-size="xs" class="inline-flex shrink-0 items-center justify-center cursor-pointer font-medium whitespace-nowrap transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50 h-6 gap-1 rounded-md px-2 text-xs has-[&gt;svg]:px-1.5 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-3" type="button" aria-label="Stop background tasks">Stop</button></div></div></div></div></div>"`;
+exports[`chat strip rows from a legacy background-task roster > render exactly as before 2`] = `"<div data-native-chat-background-tasks="true" class="group/tasks shrink-0 bg-chat-canvas px-3 pt-2 sm:px-4"><div class="mx-auto w-full max-w-(--chat-content-max-width) [[data-native-chat-background-tasks]:has(+[data-native-chat-thread-goal])_&amp;]:px-2"><div class="overflow-hidden rounded-lg border border-border bg-muted/50 text-xs text-muted-foreground shadow-xs [[data-native-chat-background-tasks]:has(+[data-native-chat-thread-goal])_&amp;]:rounded-b-none [[data-native-chat-background-tasks]:has(+[data-native-chat-thread-goal])_&amp;]:shadow-none"><div class="flex h-8 items-center px-1.5"><button type="button" class="flex h-6 min-w-0 flex-1 cursor-pointer items-center gap-2 rounded-md px-1.5 text-left outline-none hover:bg-accent hover:text-accent-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50" aria-expanded="true" aria-controls="_R_0_" aria-label="8 agents · 1 shell · 1 monitor"><span class="min-w-0 truncate"><span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bot mr-1 inline size-3 align-[-0.125em] text-muted-foreground" aria-hidden="true"><path d="M12 8V4H8"></path><rect width="16" height="12" x="4" y="8" rx="2"></rect><path d="M2 14h2"></path><path d="M20 14h2"></path><path d="M15 13v2"></path><path d="M9 13v2"></path></svg><span class="font-medium text-foreground">8 agents</span></span><span><span class="text-muted-foreground"> · </span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-square-terminal mr-1 inline size-3 align-[-0.125em] text-muted-foreground" aria-hidden="true"><path d="m7 11 2-2-2-2"></path><path d="M11 13h4"></path><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect></svg><span class="font-medium text-foreground">1 shell</span></span><span><span class="text-muted-foreground"> · </span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-activity mr-1 inline size-3 align-[-0.125em] text-yellow-500" aria-hidden="true"><path d="M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2"></path></svg><span class="font-medium text-foreground">1 monitor</span></span></span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down size-3 transition-transform motion-reduce:transition-none rotate-180" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></div><div id="_R_0_" class="scrollbar-sleek max-h-40 overflow-y-auto border-t border-border px-3 py-2"><div class=""><p class="px-0.5 pb-1 font-mono text-[10px] uppercase tracking-wider text-muted-foreground">Agents</p><ul role="list" aria-label="Agents" class="space-y-0.5"><li class="flex h-6 min-w-0 items-center gap-2 text-foreground/80"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bot size-3.5 shrink-0 text-muted-foreground" aria-hidden="true"><path d="M12 8V4H8"></path><rect width="16" height="12" x="4" y="8" rx="2"></rect><path d="M2 14h2"></path><path d="M20 14h2"></path><path d="M15 13v2"></path><path d="M9 13v2"></path></svg><span class="inline-flex shrink-0 items-center justify-center h-2.5 w-2.5" aria-label="Blocked"><span class="block rounded-full size-1.5 bg-red-500"></span></span><span class="min-w-0 flex-1 truncate"><span class="font-medium text-foreground">Failed child</span><span class="text-muted-foreground"> · failed</span></span></li><li class="flex h-6 min-w-0 items-center gap-2 text-foreground/80"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bot size-3.5 shrink-0 text-muted-foreground" aria-hidden="true"><path d="M12 8V4H8"></path><rect width="16" height="12" x="4" y="8" rx="2"></rect><path d="M2 14h2"></path><path d="M20 14h2"></path><path d="M15 13v2"></path><path d="M9 13v2"></path></svg><span class="inline-flex shrink-0 items-center justify-center h-2.5 w-2.5" aria-label="No recent update"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-dashed text-amber-500 size-2.5" aria-hidden="true"><path d="M10.1 2.182a10 10 0 0 1 3.8 0"></path><path d="M13.9 21.818a10 10 0 0 1-3.8 0"></path><path d="M17.609 3.721a10 10 0 0 1 2.69 2.7"></path><path d="M2.182 13.9a10 10 0 0 1 0-3.8"></path><path d="M20.279 17.609a10 10 0 0 1-2.7 2.69"></path><path d="M21.818 10.1a10 10 0 0 1 0 3.8"></path><path d="M3.721 6.391a10 10 0 0 1 2.7-2.69"></path><path d="M6.391 20.279a10 10 0 0 1-2.69-2.7"></path></svg></span><span class="min-w-0 flex-1 truncate"><span class="font-medium text-foreground">Background agent</span><span class="text-muted-foreground"> · status unavailable</span></span></li><li class="flex h-6 min-w-0 items-center gap-2 text-foreground/80"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bot size-3.5 shrink-0 text-muted-foreground" aria-hidden="true"><path d="M12 8V4H8"></path><rect width="16" height="12" x="4" y="8" rx="2"></rect><path d="M2 14h2"></path><path d="M20 14h2"></path><path d="M15 13v2"></path><path d="M9 13v2"></path></svg><span class="inline-flex shrink-0 items-center justify-center h-2.5 w-2.5" aria-label="Idle"><span class="block rounded-full size-1.5 bg-neutral-500/40"></span></span><span class="min-w-0 flex-1 truncate"><span class="font-medium text-foreground">Cancelled child</span></span></li><li class="flex h-6 min-w-0 items-center gap-2 text-foreground/80"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bot size-3.5 shrink-0 text-muted-foreground" aria-hidden="true"><path d="M12 8V4H8"></path><rect width="16" height="12" x="4" y="8" rx="2"></rect><path d="M2 14h2"></path><path d="M20 14h2"></path><path d="M15 13v2"></path><path d="M9 13v2"></path></svg><span class="inline-flex shrink-0 items-center justify-center h-2.5 w-2.5" aria-label="Waiting for input"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle-question-mark text-agent-question size-2.5" aria-hidden="true"><path d="M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719"></path><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path><path d="M12 17h.01"></path></svg></span><span class="min-w-0 flex-1 truncate"><span class="font-medium text-foreground">Approve edits</span><span class="text-muted-foreground"> · needs approval</span></span></li><li class="flex h-6 min-w-0 items-center gap-2 text-foreground/80"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bot size-3.5 shrink-0 text-muted-foreground" aria-hidden="true"><path d="M12 8V4H8"></path><rect width="16" height="12" x="4" y="8" rx="2"></rect><path d="M2 14h2"></path><path d="M20 14h2"></path><path d="M15 13v2"></path><path d="M9 13v2"></path></svg><span class="inline-flex shrink-0 items-center justify-center h-2.5 w-2.5" aria-label="Done"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check text-emerald-500 size-2.5" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="m9 12 2 2 4-4"></path></svg></span><span class="min-w-0 flex-1 truncate"><span class="font-medium text-foreground">Summarize logs</span></span><span class="shrink-0 font-mono text-[10px] tabular-nums text-muted-foreground">900</span></li><li class="flex h-6 min-w-0 items-center gap-2 text-foreground/80"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bot size-3.5 shrink-0 text-muted-foreground" aria-hidden="true"><path d="M12 8V4H8"></path><rect width="16" height="12" x="4" y="8" rx="2"></rect><path d="M2 14h2"></path><path d="M20 14h2"></path><path d="M15 13v2"></path><path d="M9 13v2"></path></svg><span class="inline-flex shrink-0 items-center justify-center h-2.5 w-2.5" aria-label="Working"><span data-agent-spinner="" class="agent-working-spinner block rounded-full border-2 border-yellow-500 border-t-transparent motion-reduce:border-t-yellow-500 size-1.5"></span></span><span class="min-w-0 flex-1 truncate"><span class="font-medium text-foreground">Review the parser</span></span><span class="shrink-0 font-mono text-[10px] tabular-nums text-muted-foreground">18.2k · 10m 0s</span></li><li class="flex h-6 min-w-0 items-center gap-2 text-foreground/80"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bot size-3.5 shrink-0 text-muted-foreground" aria-hidden="true"><path d="M12 8V4H8"></path><rect width="16" height="12" x="4" y="8" rx="2"></rect><path d="M2 14h2"></path><path d="M20 14h2"></path><path d="M15 13v2"></path><path d="M9 13v2"></path></svg><span class="inline-flex shrink-0 items-center justify-center h-2.5 w-2.5" aria-label="Blocked"><span class="block rounded-full size-1.5 bg-red-500"></span></span><span class="min-w-0 flex-1 truncate"><span class="font-medium text-foreground">Explore</span><span class="text-muted-foreground"> · failed</span></span><span class="shrink-0 font-mono text-[10px] tabular-nums text-muted-foreground">8m 20s</span></li><li class="flex h-6 min-w-0 items-center gap-2 text-foreground/80"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bot size-3.5 shrink-0 text-muted-foreground" aria-hidden="true"><path d="M12 8V4H8"></path><rect width="16" height="12" x="4" y="8" rx="2"></rect><path d="M2 14h2"></path><path d="M20 14h2"></path><path d="M15 13v2"></path><path d="M9 13v2"></path></svg><span class="inline-flex shrink-0 items-center justify-center h-2.5 w-2.5" aria-label="Working"><span data-agent-spinner="" class="agent-working-spinner block rounded-full border-2 border-yellow-500 border-t-transparent motion-reduce:border-t-yellow-500 size-1.5"></span></span><span class="min-w-0 flex-1 truncate"><span class="font-medium text-foreground">Old host child</span></span><span class="shrink-0 font-mono text-[10px] tabular-nums text-muted-foreground">6m 40s</span></li></ul></div><div class="mt-1.5 border-t border-border/60 pt-1.5"><p class="px-0.5 pb-1 font-mono text-[10px] uppercase tracking-wider text-muted-foreground">Shell</p><ul role="list" aria-label="Shell" class="space-y-0.5"><li class="flex h-6 min-w-0 items-center gap-2 text-foreground/80"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-square-terminal size-3.5 shrink-0 text-muted-foreground" aria-hidden="true"><path d="m7 11 2-2-2-2"></path><path d="M11 13h4"></path><rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect></svg><span class="inline-flex shrink-0 items-center justify-center h-2.5 w-2.5" aria-label="Working"><span data-agent-spinner="" class="agent-working-spinner block rounded-full border-2 border-yellow-500 border-t-transparent motion-reduce:border-t-yellow-500 size-1.5"></span></span><span class="min-w-0 flex-1 truncate"><span class="font-medium text-foreground">npm run dev</span></span><span class="shrink-0 font-mono text-[10px] tabular-nums text-muted-foreground">11m 40s</span></li></ul></div><div class="mt-1.5 border-t border-border/60 pt-1.5"><p class="px-0.5 pb-1 font-mono text-[10px] uppercase tracking-wider text-muted-foreground">Monitors</p><ul role="list" aria-label="Monitors" class="space-y-0.5"><li class="flex h-6 min-w-0 items-center gap-2 text-foreground/80"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-activity size-3.5 shrink-0 text-yellow-500" aria-hidden="true"><path d="M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2"></path></svg><span class="inline-flex shrink-0 items-center justify-center h-2.5 w-2.5" aria-label="Monitoring background tasks"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-activity text-yellow-500 size-2.5" aria-hidden="true"><path d="M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2"></path></svg></span><span class="min-w-0 flex-1 truncate"><span class="font-medium text-foreground">tail -f server.log</span></span></li></ul></div><div class="mt-2 border-t border-border pt-2"><button data-slot="button" data-variant="ghost" data-size="xs" class="inline-flex shrink-0 items-center justify-center cursor-pointer font-medium whitespace-nowrap transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50 h-6 gap-1 rounded-md px-2 text-xs has-[&gt;svg]:px-1.5 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-3" type="button" aria-label="Stop background tasks">Stop</button></div></div></div></div></div>"`;
 
 exports[`sidebar child rows from a legacy subagents snapshot > render a stale parent and a lost transport exactly as before 1`] = `
 [
diff --git a/src/renderer/src/components/ui/dropdown-menu.tsx b/src/renderer/src/components/ui/dropdown-menu.tsx
index c02282d8abb..1fe367c360e 100644
--- a/src/renderer/src/components/ui/dropdown-menu.tsx
+++ b/src/renderer/src/components/ui/dropdown-menu.tsx
@@ -33,7 +33,7 @@ function DropdownMenuContent({
         data-slot="dropdown-menu-content"
         sideOffset={sideOffset}
         className={cn(
-          'z-[70] max-h-(--radix-dropdown-menu-content-available-height) min-w-[11rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto scrollbar-sleek rounded-[11px] border border-black/14 bg-[rgba(255,255,255,0.82)] p-[4px] text-black dark:text-white shadow-[0_12px_28px_rgba(0,0,0,0.22),inset_0_1px_0_rgba(255,255,255,0.14)] backdrop-blur-2xl dark:border-white/14 dark:bg-[rgba(0,0,0,0.72)] dark:shadow-[0_16px_34px_rgba(0,0,0,0.40),inset_0_1px_0_rgba(255,255,255,0.04)] data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:duration-150 data-[state=open]:zoom-in-[0.98]',
+          'z-[70] max-h-(--radix-dropdown-menu-content-available-height) min-w-[11rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto scrollbar-sleek rounded-[11px] border border-black/14 bg-[rgba(255,255,255,0.82)] p-[4px] text-black dark:text-white shadow-[0_12px_28px_rgba(0,0,0,0.22),inset_0_1px_0_rgba(255,255,255,0.14)] backdrop-blur-2xl dark:border-white/14 dark:bg-[rgba(0,0,0,0.72)] dark:shadow-[0_16px_34px_rgba(0,0,0,0.40),inset_0_1px_0_rgba(255,255,255,0.04)] data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in motion-reduce:data-[state=open]:animate-none motion-reduce:data-[state=closed]:animate-none data-[state=open]:fade-in-0 data-[state=open]:duration-150 data-[state=open]:zoom-in-[0.98]',
           className
         )}
         // Why: Electron's -webkit-app-region: drag on the titlebar captures
@@ -213,7 +213,7 @@ function DropdownMenuSubContent({
       <DropdownMenuPrimitive.SubContent
         data-slot="dropdown-menu-sub-content"
         className={cn(
-          'z-[70] min-w-[11rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-[11px] border border-black/14 bg-[rgba(255,255,255,0.82)] p-[4px] text-black dark:text-white shadow-[0_12px_28px_rgba(0,0,0,0.22),inset_0_1px_0_rgba(255,255,255,0.14)] backdrop-blur-2xl dark:border-white/14 dark:bg-[rgba(0,0,0,0.72)] dark:shadow-[0_16px_34px_rgba(0,0,0,0.40),inset_0_1px_0_rgba(255,255,255,0.04)] data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:duration-150 data-[state=open]:zoom-in-[0.98]',
+          'z-[70] min-w-[11rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-[11px] border border-black/14 bg-[rgba(255,255,255,0.82)] p-[4px] text-black dark:text-white shadow-[0_12px_28px_rgba(0,0,0,0.22),inset_0_1px_0_rgba(255,255,255,0.14)] backdrop-blur-2xl dark:border-white/14 dark:bg-[rgba(0,0,0,0.72)] dark:shadow-[0_16px_34px_rgba(0,0,0,0.40),inset_0_1px_0_rgba(255,255,255,0.04)] data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in motion-reduce:data-[state=open]:animate-none motion-reduce:data-[state=closed]:animate-none data-[state=open]:fade-in-0 data-[state=open]:duration-150 data-[state=open]:zoom-in-[0.98]',
           className
         )}
         // Why: same no-drag fix as DropdownMenuContent — titlebar drag region
diff --git a/src/renderer/src/components/ui/hover-card.tsx b/src/renderer/src/components/ui/hover-card.tsx
index 3c00c4b26c4..4ed28740cba 100644
--- a/src/renderer/src/components/ui/hover-card.tsx
+++ b/src/renderer/src/components/ui/hover-card.tsx
@@ -45,7 +45,7 @@ function HoverCardContent({
         // dark canvas (#171717 vs #0a0a0a, ~3% white lift) with a near-
         // invisible border.
         className={cn(
-          'z-50 origin-(--radix-hover-card-content-transform-origin) rounded-md border border-black/14 bg-[rgba(255,255,255,0.82)] text-popover-foreground shadow-[0_16px_36px_rgba(0,0,0,0.24),inset_0_1px_0_rgba(255,255,255,0.14)] backdrop-blur-2xl outline-hidden dark:border-white/14 dark:bg-[rgba(0,0,0,0.72)] dark:shadow-[0_20px_44px_rgba(0,0,0,0.42),inset_0_1px_0_rgba(255,255,255,0.04)] data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95',
+          'z-50 origin-(--radix-hover-card-content-transform-origin) rounded-md border border-black/14 bg-[rgba(255,255,255,0.82)] text-popover-foreground shadow-[0_16px_36px_rgba(0,0,0,0.24),inset_0_1px_0_rgba(255,255,255,0.14)] backdrop-blur-2xl outline-hidden dark:border-white/14 dark:bg-[rgba(0,0,0,0.72)] dark:shadow-[0_20px_44px_rgba(0,0,0,0.42),inset_0_1px_0_rgba(255,255,255,0.04)] data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in motion-reduce:data-[state=open]:animate-none motion-reduce:data-[state=closed]:animate-none data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95',
           hoverCardContentVariants({ variant }),
           className
         )}
diff --git a/src/renderer/src/components/ui/popover.tsx b/src/renderer/src/components/ui/popover.tsx
index 2f5ed292b46..a8e09668ca6 100644
--- a/src/renderer/src/components/ui/popover.tsx
+++ b/src/renderer/src/components/ui/popover.tsx
@@ -171,7 +171,7 @@ function PopoverContent({
         // the canvas in dark mode (#171717 vs #0a0a0a) and border-border/50
         // is too faint to read, so the popover blended into the background.
         className={cn(
-          'z-[60] overflow-hidden rounded-md border border-black/14 bg-[rgba(255,255,255,0.82)] text-popover-foreground shadow-[0_16px_36px_rgba(0,0,0,0.24),inset_0_1px_0_rgba(255,255,255,0.14)] backdrop-blur-2xl outline-none dark:border-white/14 dark:bg-[rgba(0,0,0,0.72)] dark:shadow-[0_20px_44px_rgba(0,0,0,0.42),inset_0_1px_0_rgba(255,255,255,0.04)] data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95',
+          'z-[60] overflow-hidden rounded-md border border-black/14 bg-[rgba(255,255,255,0.82)] text-popover-foreground shadow-[0_16px_36px_rgba(0,0,0,0.24),inset_0_1px_0_rgba(255,255,255,0.14)] backdrop-blur-2xl outline-none dark:border-white/14 dark:bg-[rgba(0,0,0,0.72)] dark:shadow-[0_20px_44px_rgba(0,0,0,0.42),inset_0_1px_0_rgba(255,255,255,0.04)] data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in motion-reduce:data-[state=open]:animate-none motion-reduce:data-[state=closed]:animate-none data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95',
           wheelScroll && 'popover-wheel-scroll',
           className
         )}