From bada734d8ef8ce75985647c160b878b4d6e31345 Mon Sep 17 00:00:00 2001
From: "google-labs-jules[bot]"
 <161369871+google-labs-jules[bot]@users.noreply.github.com>
Date: Tue, 1 Sep 2026 22:06:20 +0000
Subject: [PATCH] feat(ui): add visual indicator for truncated command
 suggestions

---
 src/cli/ui/components/CommandInput.tsx          | 14 ++++++++++++--
 src/cli/ui/components/CommandSuggestionList.tsx | 16 ++++++++++++++++
 2 files changed, 28 insertions(+), 2 deletions(-)

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<Props> = ({
       </Box>
 
       {isIntercepting && (
-        <Box flexDirection="column" borderStyle="round" borderColor={COLORS.semantic.yellow} paddingX={1}>
+        <Box
+          flexDirection="column"
+          borderStyle="round"
+          borderColor={COLORS.semantic.yellow}
+          paddingX={1}
+        >
           <Text color={COLORS.semantic.yellow} bold>
             {isSelecting
               ? pendingSelection?.title
@@ -296,7 +301,11 @@ export const CommandInput: React.FC<Props> = ({
                   <Text key={item.id} color={isSelected ? COLORS.semantic.cyan : COLORS.text.muted}>
                     {isSelected ? '❯ ' : '  '}
                     {isMultiSelecting && (
-                      <Text color={selectedItems.includes(item.id) ? COLORS.semantic.cyan : COLORS.text.muted}>
+                      <Text
+                        color={
+                          selectedItems.includes(item.id) ? COLORS.semantic.cyan : COLORS.text.muted
+                        }
+                      >
                         {selectedItems.includes(item.id) ? '[x] ' : '[ ] '}
                       </Text>
                     )}
@@ -315,6 +324,7 @@ export const CommandInput: React.FC<Props> = ({
           suggestions={visibleSuggestions}
           selectedIndex={selectedIndex - startIndex}
           parentCommand={activeCommand}
+          totalCount={suggestions.length}
         />
       )}
     </Box>
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<CommandSuggestionListProps> = ({
   suggestions,
   selectedIndex,
   parentCommand,
+  totalCount = 0,
 }) => {
   if (suggestions.length === 0) return null;
 
@@ -76,6 +78,20 @@ export const CommandSuggestionList: React.FC<CommandSuggestionListProps> = ({
         })}
       </Box>
 
+      {totalCount > suggestions.length && (
+        <Box flexDirection="row" paddingX={1} paddingTop={0} paddingBottom={0}>
+          <Box width={6}>
+            <Text> </Text>
+          </Box>
+          <Box flexGrow={1}>
+            <Text color={COLORS.text.muted} dimColor>
+              ... and {totalCount - suggestions.length} more command
+              {totalCount - suggestions.length === 1 ? '' : 's'}
+            </Text>
+          </Box>
+        </Box>
+      )}
+
       {/* FOOTER: Contextual Hints */}
       {suggestions[selectedIndex]?.command?.usage && (
         <Box