feat: update to match mocks (#89)

packages/cli/src/ui/components/Footer.tsx

@@ -150,6 +150,7 @@ export const Footer: React.FC = () => {
           <Box alignItems="center">
             <Text color={theme.text.accent}>
               {getDisplayString(model, config.getPreviewFeatures())}
+              <Text color={theme.text.secondary}> /model</Text>
               {!hideContextPercentage && (
                 <>
                   {' '}

packages/cli/src/ui/components/ProQuotaDialog.test.tsx

@@ -169,7 +169,7 @@ describe('ProQuotaDialog', () => {
     });
 
     describe('when it is a capacity error', () => {
-      it('should render keep trying, switch, and stop options', () => {
+      it('should render keep trying and stop options', () => {
         const { unmount } = render(
           <ProQuotaDialog
             failedModel="gemini-2.5-pro"
@@ -190,11 +190,6 @@ describe('ProQuotaDialog', () => {
                 value: 'retry_once',
                 key: 'retry_once',
               },
-              {
-                label: 'Switch to gemini-2.5-flash',
-                value: 'retry_always',
-                key: 'retry_always',
-              },
               { label: 'Stop', value: 'retry_later', key: 'retry_later' },
             ],
           }),
@@ -295,44 +290,4 @@ describe('ProQuotaDialog', () => {
       unmount();
     });
   });
-
-  describe('footer note', () => {
-    it('should show a special note for PREVIEW_GEMINI_MODEL', () => {
-      const { lastFrame, unmount } = render(
-        <ProQuotaDialog
-          failedModel={PREVIEW_GEMINI_MODEL}
-          fallbackModel="gemini-2.5-pro"
-          message=""
-          isTerminalQuotaError={false}
-          onChoice={mockOnChoice}
-          userTier={UserTierId.FREE}
-        />,
-      );
-
-      const output = lastFrame();
-      expect(output).toContain(
-        'Note: We will periodically retry Preview Model to see if congestion has cleared.',
-      );
-      unmount();
-    });
-
-    it('should show the default note for other models', () => {
-      const { lastFrame, unmount } = render(
-        <ProQuotaDialog
-          failedModel="gemini-2.5-pro"
-          fallbackModel="gemini-2.5-flash"
-          message=""
-          isTerminalQuotaError={false}
-          onChoice={mockOnChoice}
-          userTier={UserTierId.FREE}
-        />,
-      );
-
-      const output = lastFrame();
-      expect(output).toContain(
-        'Note: You can always use /model to select a different option.',
-      );
-      unmount();
-    });
-  });
 });

packages/cli/src/ui/components/ProQuotaDialog.tsx

@@ -9,7 +9,7 @@ import { Box, Text } from 'ink';
 import { RadioButtonSelect } from './shared/RadioButtonSelect.js';
 import { theme } from '../semantic-colors.js';
 
-import { DEFAULT_GEMINI_MODEL, UserTierId } from '@google/gemini-cli-core';
+import { UserTierId } from '@google/gemini-cli-core';
 
 interface ProQuotaDialogProps {
   failedModel: string;
@@ -91,11 +91,6 @@ export function ProQuotaDialog({
         value: 'retry_once' as const,
         key: 'retry_once',
       },
-      {
-        label: `Switch to ${fallbackModel}`,
-        value: 'retry_always' as const,
-        key: 'retry_always',
-      },
       {
         label: 'Stop',
         value: 'retry_later' as const,
@@ -110,19 +105,31 @@ export function ProQuotaDialog({
     onChoice(choice);
   };
 
+  // Helper to highlight simple slash commands in the message
+  const renderMessage = (msg: string) => {
+    const parts = msg.split(/(\s+)/);
+    return (
+      <Text>
+        {parts.map((part, index) => {
+          if (part.startsWith('/')) {
+            return (
+              <Text key={index} bold color={theme.text.accent}>
+                {part}
+              </Text>
+            );
+          }
+          return <Text key={index}>{part}</Text>;
+        })}
+      </Text>
+    );
+  };
+
   return (
     <Box borderStyle="round" flexDirection="column" padding={1}>
-      <Box marginBottom={1}>
-        <Text>{message}</Text>
-      </Box>
+      <Box marginBottom={1}>{renderMessage(message)}</Box>
       <Box marginTop={1} marginBottom={1}>
         <RadioButtonSelect items={items} onSelect={handleSelect} />
       </Box>
-      <Text color={theme.text.primary}>
-        {fallbackModel === DEFAULT_GEMINI_MODEL && !isModelNotFoundError
-          ? 'Note: We will periodically retry Preview Model to see if congestion has cleared.'
-          : 'Note: You can always use /model to select a different option.'}
-      </Text>
     </Box>
   );
 }

packages/cli/src/ui/components/__snapshots__/Footer.test.tsx.snap

@@ -1,8 +1,8 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`<Footer /> > footer configuration filtering (golden snapshots) > renders complete footer in narrow terminal (baseline narrow) > complete-footer-narrow 1`] = `" ...s/to/make/it/long              no sandbox               gemini-pro (100%)"`;
+exports[`<Footer /> > footer configuration filtering (golden snapshots) > renders complete footer in narrow terminal (baseline narrow) > complete-footer-narrow 1`] = `" ...s/to/make/it/long      no sandbox       Manual (gemini-pro) /model (100%)"`;
 
-exports[`<Footer /> > footer configuration filtering (golden snapshots) > renders complete footer with all sections visible (baseline) > complete-footer-wide 1`] = `" ...irectories/to/make/it/long                  no sandbox (see /docs)                  gemini-pro (100% context left)"`;
+exports[`<Footer /> > footer configuration filtering (golden snapshots) > renders complete footer with all sections visible (baseline) > complete-footer-wide 1`] = `" ...irectories/to/make/it/long          no sandbox (see /docs)          Manual (gemini-pro) /model (100% context left)"`;
 
 exports[`<Footer /> > footer configuration filtering (golden snapshots) > renders footer with CWD and model info hidden to test alignment (only sandbox visible) > footer-only-sandbox 1`] = `"                                                no sandbox (see /docs)"`;