fix: improve agent info bar layout to prevent overflow (#652)

Co-authored-by: Letta <noreply@letta.com>
This commit is contained in:
Charles Packer
2026-01-22 22:10:36 -08:00
committed by GitHub
parent c97591eaf2
commit 1cfc94e1dd

View File

@@ -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>
);
});