Don't allow escaping the subscription limit banner unless you click to use credits

Author: jahooma

cli/src/components/subscription-limit-banner.tsx

@@ -65,10 +65,6 @@ export const SubscriptionLimitBanner = () => {
     open(WEBSITE_URL + '/pricing')
   }
 
-  const handleWait = () => {
-    setInputMode('default')
-  }
-
   const borderColor = isWeeklyLimit ? theme.error : theme.warning
 
   return (
@@ -169,9 +165,6 @@ export const SubscriptionLimitBanner = () => {
                   <text style={{ fg: theme.background, bg: theme.muted }}>{' '}Buy Credits ↗{' '}</text>
                 </Button>
               )}
-              <Button onClick={handleWait}>
-                <text style={{ fg: theme.background, bg: theme.muted }}>{' '}Wait{' '}</text>
-              </Button>
             </>
           )}
         </box>

cli/src/utils/input-modes.ts

@@ -40,6 +40,8 @@ export type InputModeConfig = {
   showAgentModeToggle: boolean
   /** Whether to disable slash command suggestions */
   disableSlashSuggestions: boolean
+  /** Whether keyboard shortcuts (Escape, Backspace) can exit this mode */
+  blockKeyboardExit: boolean
 }
 
 export const INPUT_MODE_CONFIGS: Record<InputMode, InputModeConfig> = {
@@ -50,6 +52,7 @@ export const INPUT_MODE_CONFIGS: Record<InputMode, InputModeConfig> = {
     widthAdjustment: 0,
     showAgentModeToggle: true,
     disableSlashSuggestions: false,
+    blockKeyboardExit: false,
   },
   bash: {
     icon: '!',
@@ -58,6 +61,7 @@ export const INPUT_MODE_CONFIGS: Record<InputMode, InputModeConfig> = {
     widthAdjustment: 2, // 1 char + 1 padding
     showAgentModeToggle: false,
     disableSlashSuggestions: true,
+    blockKeyboardExit: false,
   },
   homeDir: {
     icon: null,
@@ -66,6 +70,7 @@ export const INPUT_MODE_CONFIGS: Record<InputMode, InputModeConfig> = {
     widthAdjustment: 0,
     showAgentModeToggle: true,
     disableSlashSuggestions: false,
+    blockKeyboardExit: false,
   },
   referral: {
     icon: '◎',
@@ -74,6 +79,7 @@ export const INPUT_MODE_CONFIGS: Record<InputMode, InputModeConfig> = {
     widthAdjustment: 2, // 1 char + 1 padding
     showAgentModeToggle: false,
     disableSlashSuggestions: true,
+    blockKeyboardExit: false,
   },
   usage: {
     icon: null,
@@ -82,6 +88,7 @@ export const INPUT_MODE_CONFIGS: Record<InputMode, InputModeConfig> = {
     widthAdjustment: 0,
     showAgentModeToggle: true,
     disableSlashSuggestions: false,
+    blockKeyboardExit: false,
   },
   image: {
     icon: '📎',
@@ -90,6 +97,7 @@ export const INPUT_MODE_CONFIGS: Record<InputMode, InputModeConfig> = {
     widthAdjustment: 3, // emoji width + padding
     showAgentModeToggle: false,
     disableSlashSuggestions: true,
+    blockKeyboardExit: false,
   },
   help: {
     icon: null,
@@ -98,6 +106,7 @@ export const INPUT_MODE_CONFIGS: Record<InputMode, InputModeConfig> = {
     widthAdjustment: 0,
     showAgentModeToggle: true,
     disableSlashSuggestions: false,
+    blockKeyboardExit: false,
   },
   'connect:claude': {
     icon: '🔗',
@@ -106,6 +115,7 @@ export const INPUT_MODE_CONFIGS: Record<InputMode, InputModeConfig> = {
     widthAdjustment: 3, // emoji width + padding
     showAgentModeToggle: false,
     disableSlashSuggestions: true,
+    blockKeyboardExit: false,
   },
   outOfCredits: {
     icon: null,
@@ -114,6 +124,7 @@ export const INPUT_MODE_CONFIGS: Record<InputMode, InputModeConfig> = {
     widthAdjustment: 0,
     showAgentModeToggle: false,
     disableSlashSuggestions: true,
+    blockKeyboardExit: false,
   },
   subscriptionLimit: {
     icon: null,
@@ -122,6 +133,7 @@ export const INPUT_MODE_CONFIGS: Record<InputMode, InputModeConfig> = {
     widthAdjustment: 0,
     showAgentModeToggle: false,
     disableSlashSuggestions: true,
+    blockKeyboardExit: true, // User must click "Continue with credits" or wait for reset
   },
 }
 

cli/src/utils/keyboard-actions.ts

@@ -1,4 +1,4 @@
-import type { InputMode } from './input-modes'
+import { getInputModeConfig, type InputMode } from './input-modes'
 import type { KeyEvent } from '@opentui/core'
 
 
@@ -168,7 +168,9 @@ export function resolveChatKeyboardAction(
 
   // Priority 2: Non-default input mode escape
   // Escape should exit the current mode BEFORE interrupting streams
-  if (isEscape && state.inputMode !== 'default') {
+  // Exception: modes with blockKeyboardExit cannot be escaped
+  const modeConfig = getInputModeConfig(state.inputMode)
+  if (isEscape && state.inputMode !== 'default' && !modeConfig.blockKeyboardExit) {
     return { type: 'exit-input-mode' }
   }
 
@@ -186,10 +188,12 @@ export function resolveChatKeyboardAction(
   }
 
   // Priority 5: Backspace at position 0 exits non-default mode
+  // Exception: modes with blockKeyboardExit cannot be exited via keyboard
   if (
     isBackspace &&
     state.cursorPosition === 0 &&
     state.inputMode !== 'default' &&
+    !modeConfig.blockKeyboardExit &&
     state.inputValue.length === 0
   ) {
     return { type: 'backspace-exit-mode' }