refinements

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

@@ -138,10 +138,10 @@ export const InputPrompt: React.FC<InputPromptProps> = ({
       if (shellModeActive) {
         shellHistory.addCommandToHistory(submittedValue);
       }
-      onSubmit(submittedValue);
-      // Clear the buffer *after* calling onSubmit to prevent potential re-submission
+      // Clear the buffer *before* calling onSubmit to prevent potential re-submission
       // if onSubmit triggers a re-render while the buffer still holds the old value.
       buffer.setText('');
+      onSubmit(submittedValue);
       resetCompletionState();
       resetReverseSearchCompletionState();
     },
@@ -829,4 +829,4 @@ export const InputPrompt: React.FC<InputPromptProps> = ({
       )}
     </>
   );
-};
+};

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

@@ -7,6 +7,7 @@
 import type React from 'react';
 import { Box, Text } from 'ink';
 import { RadioButtonSelect } from './shared/RadioButtonSelect.js';
+import { Colors } from '../colors.js';
 
 interface ProQuotaDialogProps {
   currentModel: string;
@@ -38,11 +39,9 @@ export function ProQuotaDialog({
     <Box
       borderStyle="round"
       flexDirection="column"
-      paddingX={2}
-      paddingY={1}
-      minWidth={80}
+      paddingX={1}
     >
-      <Text bold color="yellow">
+      <Text bold color={Colors.AccentYellow}>
         Pro quota limit reached for {currentModel}.
       </Text>
       <Box marginTop={1}>

packages/cli/src/ui/components/messages/InfoMessage.tsx

@@ -14,7 +14,7 @@ interface InfoMessageProps {
 }
 
 export const InfoMessage: React.FC<InfoMessageProps> = ({ text }) => {
-  const prefix = '';
+  const prefix = 'ℹ ';
   const prefixWidth = prefix.length;
 
   return (
@@ -29,4 +29,4 @@ export const InfoMessage: React.FC<InfoMessageProps> = ({ text }) => {
       </Box>
     </Box>
   );
-};
+};