feat: improve /connect command and /model selector UX (#665)

Co-authored-by: Letta <noreply@letta.com>

src/cli/components/InputRich.tsx

@@ -51,6 +51,7 @@ const InputFooter = memo(function InputFooter({
   agentName,
   currentModel,
   isOpenAICodexProvider,
+  isByokProvider,
   isAutocompleteActive,
 }: {
   ctrlCPressed: boolean;
@@ -62,6 +63,7 @@ const InputFooter = memo(function InputFooter({
   agentName: string | null | undefined;
   currentModel: string | null | undefined;
   isOpenAICodexProvider: boolean;
+  isByokProvider: boolean;
   isAutocompleteActive: boolean;
 }) {
   // Hide footer when autocomplete is showing
@@ -96,11 +98,12 @@ const InputFooter = memo(function InputFooter({
       )}
       <Text>
         <Text color={colors.footer.agentName}>{agentName || "Unnamed"}</Text>
-        <Text
-          dimColor={!isOpenAICodexProvider}
-          color={isOpenAICodexProvider ? "#74AA9C" : undefined}
-        >
-          {` [${currentModel ?? "unknown"}]`}
+        <Text dimColor>
+          {` [${currentModel ?? "unknown"}`}
+          {isByokProvider && (
+            <Text color={isOpenAICodexProvider ? "#74AA9C" : "yellow"}> ▲</Text>
+          )}
+          {"]"}
         </Text>
       </Text>
     </Box>
@@ -903,6 +906,10 @@ export function Input({
           isOpenAICodexProvider={
             currentModelProvider === OPENAI_CODEX_PROVIDER_NAME
           }
+          isByokProvider={
+            currentModelProvider?.startsWith("lc-") ||
+            currentModelProvider === OPENAI_CODEX_PROVIDER_NAME
+          }
           isAutocompleteActive={isAutocompleteActive}
         />
       </Box>