import type { ReactNode } from 'react' import { KbdCombo } from '@/components/ui/kbd' import { useI18n } from '@/i18n' import { COMPLETION_DRAWER_CLASS } from './completion-drawer' const COMMON_COMMAND_KEYS = ['/help', '/clear', '/resume', '/details', '/copy', '/quit'] /** Stable ids → i18n `hotkeyDescs` keys. Combos resolve mod labels per OS. */ const COMPOSER_HOTKEY_ROWS = [ { id: 'composer.mention', combos: ['@'] }, { id: 'composer.slash', combos: ['/'] }, { id: 'composer.help', combos: ['?'] }, { id: 'composer.sendNewline', combos: ['enter', 'shift+enter'] }, { id: 'composer.sendQueued', combos: ['mod+shift+k'] }, { id: 'keybinds.openPanel', combos: ['mod+/'] }, { id: 'composer.cancel', combos: ['escape'] }, { id: 'composer.history', combos: ['up', 'down'] } ] as const export function HelpHint() { const { t } = useI18n() const c = t.composer return ( ) } function Section({ children, title }: { children: ReactNode; title: string }) { return (

{title}

{children}

) } function Row({ description, keyLabel, mono = false }: { description: string; keyLabel: string; mono?: boolean }) { return (

{keyLabel} {description}

) } function HotkeyRow({ combos, description }: { combos: string[]; description: string }) { return (

{combos.map(combo => ( ))} {description}

) }