From 1cfc94e1ddb528785e66144dd18f3a5b14210a80 Mon Sep 17 00:00:00 2001
From: Charles Packer <packercharles@gmail.com>
Date: Thu, 22 Jan 2026 22:10:36 -0800
Subject: [PATCH] fix: improve agent info bar layout to prevent overflow (#652)

Co-authored-by: Letta <noreply@letta.com>
---
 src/cli/components/AgentInfoBar.tsx | 44 ++++++++++++++++++-----------
 1 file changed, 27 insertions(+), 17 deletions(-)

diff --git a/src/cli/components/AgentInfoBar.tsx b/src/cli/components/AgentInfoBar.tsx
index 557be3a..0373115 100644
--- a/src/cli/components/AgentInfoBar.tsx
+++ b/src/cli/components/AgentInfoBar.tsx
@@ -78,27 +78,37 @@ export const AgentInfoBar = memo(function AgentInfoBar({
         ) : (
           <Text color="gray"> (type /pin to pin agent)</Text>
         )}
-        <Text dimColor> · {agentId}</Text>
+        {isCloudUser && adeUrl && !isTmux && (
+          <>
+            <Text dimColor> · </Text>
+            <Link url={adeUrl}>
+              <Text>Open in ADE ↗</Text>
+            </Link>
+          </>
+        )}
+        {isCloudUser && adeUrl && isTmux && (
+          <Text dimColor> · Open in ADE: {adeUrl}</Text>
+        )}
+        {isCloudUser && (
+          <>
+            <Text dimColor> · </Text>
+            <Link url="https://app.letta.com/settings/organization/usage">
+              <Text>View usage ↗</Text>
+            </Link>
+          </>
+        )}
+        {!isCloudUser && <Text dimColor> · {serverUrl}</Text>}
+      </Box>
+      {/* Agent ID and conversation ID on separate line */}
+      <Box>
+        <Text dimColor>
+          {"  "}
+          {agentId}
+        </Text>
         {conversationId && conversationId !== "default" && (
           <Text dimColor> · {conversationId}</Text>
         )}
       </Box>
-      <Box>
-        <Text dimColor>{"  "}</Text>
-        {isCloudUser && adeUrl && !isTmux && (
-          <Link url={adeUrl}>
-            <Text>Open in ADE ↗</Text>
-          </Link>
-        )}
-        {isCloudUser && adeUrl && isTmux && <Text>Open in ADE: {adeUrl}</Text>}
-        {isCloudUser && <Text dimColor>{" · "}</Text>}
-        {isCloudUser && (
-          <Link url="https://app.letta.com/settings/organization/usage">
-            <Text>View usage ↗</Text>
-          </Link>
-        )}
-        {!isCloudUser && <Text dimColor>{serverUrl}</Text>}
-      </Box>
     </Box>
   );
 });