diff --git a/src/cli/ui/components/CommandInput.tsx b/src/cli/ui/components/CommandInput.tsx index 3f05f99b..caa65403 100644 --- a/src/cli/ui/components/CommandInput.tsx +++ b/src/cli/ui/components/CommandInput.tsx @@ -261,7 +261,12 @@ export const CommandInput: React.FC = ({ {isIntercepting && ( - + {isSelecting ? pendingSelection?.title @@ -296,7 +301,11 @@ export const CommandInput: React.FC = ({ {isSelected ? '❯ ' : ' '} {isMultiSelecting && ( - + {selectedItems.includes(item.id) ? '[x] ' : '[ ] '} )} @@ -315,6 +324,7 @@ export const CommandInput: React.FC = ({ suggestions={visibleSuggestions} selectedIndex={selectedIndex - startIndex} parentCommand={activeCommand} + totalCount={suggestions.length} /> )} diff --git a/src/cli/ui/components/CommandSuggestionList.tsx b/src/cli/ui/components/CommandSuggestionList.tsx index 7e66838a..ecdc35bb 100644 --- a/src/cli/ui/components/CommandSuggestionList.tsx +++ b/src/cli/ui/components/CommandSuggestionList.tsx @@ -9,12 +9,14 @@ interface CommandSuggestionListProps { selectedIndex: number; parentCommand?: Command; filterText?: string; + totalCount?: number; } export const CommandSuggestionList: React.FC = ({ suggestions, selectedIndex, parentCommand, + totalCount = 0, }) => { if (suggestions.length === 0) return null; @@ -76,6 +78,20 @@ export const CommandSuggestionList: React.FC = ({ })} + {totalCount > suggestions.length && ( + + + + + + + ... and {totalCount - suggestions.length} more command + {totalCount - suggestions.length === 1 ? '' : 's'} + + + + )} + {/* FOOTER: Contextual Hints */} {suggestions[selectedIndex]?.command?.usage && (