From b518125c4618dbc661b47a639d63e13e5f3d2f9e Mon Sep 17 00:00:00 2001
From: Adam Weidman <65992621+adamfweidman@users.noreply.github.com>
Date: Tue, 13 Jan 2026 16:35:31 -0500
Subject: [PATCH] chore(ui): optimize AgentsStatus layout with dense list style
 and group separation (#16545)

---
 .../__snapshots__/HistoryItemDisplay.test.tsx.snap           | 1 -
 packages/cli/src/ui/components/views/AgentsStatus.tsx        | 5 +++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/cli/src/ui/components/__snapshots__/HistoryItemDisplay.test.tsx.snap b/packages/cli/src/ui/components/__snapshots__/HistoryItemDisplay.test.tsx.snap
index ad04fdb2ba..7c92db1ab6 100644
--- a/packages/cli/src/ui/components/__snapshots__/HistoryItemDisplay.test.tsx.snap
+++ b/packages/cli/src/ui/components/__snapshots__/HistoryItemDisplay.test.tsx.snap
@@ -363,7 +363,6 @@ Remote Agents
 
   - remote_agent
     Remote agent description.
-
 "
 `;
 
diff --git a/packages/cli/src/ui/components/views/AgentsStatus.tsx b/packages/cli/src/ui/components/views/AgentsStatus.tsx
index 2e6131f7a9..375a5c16e1 100644
--- a/packages/cli/src/ui/components/views/AgentsStatus.tsx
+++ b/packages/cli/src/ui/components/views/AgentsStatus.tsx
@@ -24,7 +24,7 @@ export const AgentsStatus: React.FC<AgentsStatusProps> = ({
 
   if (agents.length === 0) {
     return (
-      <Box flexDirection="column">
+      <Box flexDirection="column" marginBottom={1}>
         <Text>No agents available.</Text>
       </Box>
     );
@@ -34,7 +34,7 @@ export const AgentsStatus: React.FC<AgentsStatusProps> = ({
     if (agentList.length === 0) return null;
 
     return (
-      <Box flexDirection="column" marginBottom={1}>
+      <Box flexDirection="column">
         <Text bold color={theme.text.primary}>
           {title}
         </Text>
@@ -66,6 +66,7 @@ export const AgentsStatus: React.FC<AgentsStatusProps> = ({
   return (
     <Box flexDirection="column" marginBottom={1}>
       {renderAgentList('Local Agents', localAgents)}
+      {localAgents.length > 0 && remoteAgents.length > 0 && <Box height={1} />}
       {renderAgentList('Remote Agents', remoteAgents)}
     </Box>
   );