From 00c2a98e3e883d1ae6587b0f3c3a61dc9dd7193e Mon Sep 17 00:00:00 2001
From: cpacker <packercharles@gmail.com>
Date: Mon, 9 Feb 2026 15:16:17 -0800
Subject: [PATCH] fix: keep only BYOK triangle highlighted in footer
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Render the model bracket text and model name with normal dim styling and apply provider color only to the BYOK triangle indicator so footer emphasis matches prior behavior without changing footer layout stability.

👾 Generated with [Letta Code](https://letta.com)

Co-Authored-By: Letta <noreply@letta.com>
---
 src/cli/components/InputRich.tsx | 27 +++++++++++++--------------
 1 file changed, 13 insertions(+), 14 deletions(-)

diff --git a/src/cli/components/InputRich.tsx b/src/cli/components/InputRich.tsx
index 09b0964..f4a7602 100644
--- a/src/cli/components/InputRich.tsx
+++ b/src/cli/components/InputRich.tsx
@@ -146,8 +146,8 @@ const InputFooter = memo(function InputFooter({
   );
   const maxAgentChars = Math.max(10, Math.floor(rightColumnWidth * 0.45));
   const displayAgentName = truncateEnd(agentName || "Unnamed", maxAgentChars);
-  const byokFlag = isByokProvider ? " ▲" : "";
-  const reservedChars = displayAgentName.length + byokFlag.length + 4;
+  const byokExtraChars = isByokProvider ? 2 : 0; // " ▲"
+  const reservedChars = displayAgentName.length + byokExtraChars + 4;
   const maxModelChars = Math.max(8, rightColumnWidth - reservedChars);
   const displayModel = truncateEnd(currentModel ?? "unknown", maxModelChars);
 
@@ -186,18 +186,17 @@ const InputFooter = memo(function InputFooter({
         ) : (
           <Text wrap="truncate-end">
             <Text color={colors.footer.agentName}>{displayAgentName}</Text>
-            <Text
-              dimColor={!isByokProvider}
-              color={
-                isByokProvider
-                  ? isOpenAICodexProvider
-                    ? "#74AA9C"
-                    : "yellow"
-                  : undefined
-              }
-            >
-              {` [${displayModel}${byokFlag}]`}
-            </Text>
+            <Text dimColor={!isByokProvider}>{" ["}</Text>
+            <Text dimColor={!isByokProvider}>{displayModel}</Text>
+            {isByokProvider ? (
+              <>
+                <Text> </Text>
+                <Text color={isOpenAICodexProvider ? "#74AA9C" : "yellow"}>
+                  ▲
+                </Text>
+              </>
+            ) : null}
+            <Text dimColor={!isByokProvider}>{"]"}</Text>
           </Text>
         )}
       </Box>