diff --git a/packages/cli/src/ui/components/Help.tsx b/packages/cli/src/ui/components/Help.tsx index 92e94a8a..8e1fd09e 100644 --- a/packages/cli/src/ui/components/Help.tsx +++ b/packages/cli/src/ui/components/Help.tsx @@ -14,24 +14,60 @@ interface Help { } export const Help: React.FC = ({ commands }) => ( - + + {/* Basics */} - Abilities: + Basics: - * Use tools to read and write files - {' '} - * Semantically search and explain code + + Add context + + : Use{' '} + + @ + {' '} + to specify files for context (e.g.,{' '} + + @src/myFile.ts + + ) to target specific files or folders. - * Execute bash commands + + + Shell mode + + : Execute shell commands via{' '} + + ! + {' '} + (e.g.,{' '} + + !npm run start + + ) or use natural language (e.g.{' '} + + start server + + ). + + + + {/* Commands */} Commands: {commands .filter((command) => command.description) .map((command: SlashCommand) => ( - + {' '} /{command.name} @@ -39,12 +75,55 @@ export const Help: React.FC = ({ commands }) => ( {command.description && ' - ' + command.description} ))} - + {' '} !{' '} - shell command + - shell command + + + + + {/* Shortcuts */} + + Keyboard Shortcuts: + + + + Enter + {' '} + - Send message + + + + Shift+Enter + {' '} + - New line + + + + Up/Down + {' '} + - Cycle through your prompt history + + + + Alt+Left/Right + {' '} + - Jump through words in the input + + + + Esc + {' '} + - Cancel operation + + + + Ctrl+C + {' '} + - Quit application );