fix(web,mobile): grouped subagent headers keep every account badge visible

apps/mobile/src/features/threads/thread-subagent-group.tsx

@@ -151,7 +151,10 @@ export function ThreadSubagentGroup(props: {
         >
           <View className="flex-row items-center">
             {agents.slice(0, 3).map((agent, index) => (
-              <View key={agent.item.id} style={{ marginLeft: index === 0 ? 0 : -7 }}>
+              <View
+                key={agent.item.id}
+                style={{ marginLeft: index === 0 ? 0 : -7, zIndex: 3 - index }}
+              >
                 <SubagentAvatar item={agent.item} config={configOf(agent.item)} />
               </View>
             ))}

apps/web/src/components/chat/TimelineV2EventRow.tsx

@@ -102,7 +102,7 @@ const V2SubagentGroup = memo(function V2SubagentGroup({
               : "text-muted-foreground opacity-55",
           )}
         >
-          <span className="flex shrink-0 items-center -space-x-1.5" aria-hidden>
+          <span className="isolate flex shrink-0 items-center -space-x-1" aria-hidden>
             {agents.slice(0, 3).map(({ item, status }) => (
               <EnvironmentSubagentAvatar
                 key={item.id}

apps/web/src/components/chat/V2LifecycleRow.tsx

@@ -245,8 +245,10 @@ function SubagentAvatar({
           acpRegistryIconUrl={iconUrl}
           showBadge={showBadge}
           size="compact"
-          className="z-auto"
+          // Account badges are wider than an overlapped avatar edge, so they paint above every circle.
+          className="z-auto isolation-auto"
           iconClassName="size-3.5"
+          badgeClassName="z-1"
         />
       ) : (
         <BotIcon className="size-3.5 text-muted-foreground" />