🎨 Palette: [UX improvement]

.jules/palette.md

@@ -0,0 +1,3 @@
+## 2024-05-24 - Screen Reader Compatibility in CLI Overlays
+**Learning:** For complex command-line selection interfaces or overlays using Ink, purely symbolic text (e.g., `↑↓`, `⏎`) fails with screen readers, causing an accessibility regression. Descriptive navigation words must be used.
+**Action:** Use visually concise but screen-reader-friendly text like 'Up/Down' and 'Enter' instead of raw symbols.

src/cli/ui/components/CommandSuggestionList.tsx

@@ -116,7 +116,7 @@ export const CommandSuggestionList: React.FC<CommandSuggestionListProps> = ({
         </Box>
         <Box>
           <Text color={COLORS.text.muted} dimColor>
-            ↑↓ nav · ⏎ select · esc close
+            Up/Down nav · Enter select · Esc close
           </Text>
         </Box>
       </Box>

tests/integration/prompt_templates.test.ts

@@ -36,7 +36,9 @@ describe('Prompt templates', () => {
 
     expect(planSystem).toContain('You are SalmonLoop.');
     expect(patchSystem).toContain('You are PATCH, a phase-native diff compiler.');
-    expect(autopilotSystem).toContain('You are a senior software engineer running in "autopilot" mode.');
+    expect(autopilotSystem).toContain(
+      'You are a senior software engineer running in "autopilot" mode.',
+    );
     expect(answerSystem).toContain('You are a coding assistant in "answer" mode.');
     expect(researchSystem).toContain('You are a research assistant.');
   });