diff --git a/apps/web/src/components/sidebar/SidebarThreadRow.tsx b/apps/web/src/components/sidebar/SidebarThreadRow.tsx index a111126342f4e..4873a4b5b1340 100644 --- a/apps/web/src/components/sidebar/SidebarThreadRow.tsx +++ b/apps/web/src/components/sidebar/SidebarThreadRow.tsx @@ -1122,14 +1122,19 @@ const SidebarThreadRow = memo(function SidebarThreadRow(props: SidebarThreadRowP ) ) : null; + const remoteMachineIcon = + isRemote && !showsScratchMachine ? ( + + + + ) : null; const diff = latestRunDiff(thread); - // Only the provider icon would remain, so the row drops the line instead of leaving it blank. + // Only the trailing icons would remain, so the row moves them to the title line instead. const metaLineEmpty = !thread.branch && !showsScratchMachine && prBadge === null && diff === null && - !isRemote && runningTerminalIds.length === 0; const metaLine = metaLineEmpty ? null : (
@@ -1164,15 +1169,7 @@ const SidebarThreadRow = memo(function SidebarThreadRow(props: SidebarThreadRowP aria-hidden className="pointer-events-none ml-auto inline-flex shrink-0 items-center gap-1" > - {isRemote && !showsScratchMachine ? ( - - - - ) : null} + {remoteMachineIcon}
); - const titleLineProviderStack = metaLineEmpty ? ( - + const titleLineIcons = metaLineEmpty ? ( + + {remoteMachineIcon} ) : null} - {titleLineProviderStack} + {titleLineIcons} {metaLine}