From dc04d5de79a1fbbfdce383c6e1f15bc859d44893 Mon Sep 17 00:00:00 2001
From: "google-labs-jules[bot]"
 <161369871+google-labs-jules[bot]@users.noreply.github.com>
Date: Wed, 2 Sep 2026 22:06:01 +0000
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20Palette:=20Add=20truncation=20in?=
 =?UTF-8?q?dicator=20to=20MissionControl?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ui/components/sidebar/MissionControl.tsx  | 42 +++++++++++++------
 1 file changed, 29 insertions(+), 13 deletions(-)

diff --git a/src/cli/ui/components/sidebar/MissionControl.tsx b/src/cli/ui/components/sidebar/MissionControl.tsx
index fd68624e..ad420e5e 100644
--- a/src/cli/ui/components/sidebar/MissionControl.tsx
+++ b/src/cli/ui/components/sidebar/MissionControl.tsx
@@ -6,6 +6,12 @@ import { useUIStore } from '../../store/context.js';
 export const MissionControl: React.FC = () => {
   const { state } = useUIStore();
 
+  const maxVisible = 8;
+  const visibleTasks = React.useMemo(
+    () => state.missionTasks.slice(0, Math.max(0, maxVisible)),
+    [state.missionTasks],
+  );
+
   return (
     <Box flexDirection="column">
       <Text bold color="white">
@@ -17,19 +23,29 @@ export const MissionControl: React.FC = () => {
             No active tasks.
           </Text>
         ) : (
-          state.missionTasks.map((task) => (
-            <Box key={task.id}>
-              <Text color={task.status === 'completed' ? 'gray' : 'cyan'}>
-                {task.status === 'completed' ? '[x] ' : '[ ] '}
-              </Text>
-              <Text
-                color={task.status === 'completed' ? 'gray' : 'white'}
-                strikethrough={task.status === 'completed'}
-              >
-                {task.content}
-              </Text>
-            </Box>
-          ))
+          <>
+            {visibleTasks.map((task) => (
+              <Box key={task.id}>
+                <Text color={task.status === 'completed' ? 'gray' : 'cyan'}>
+                  {task.status === 'completed' ? '[x] ' : '[ ] '}
+                </Text>
+                <Text
+                  color={task.status === 'completed' ? 'gray' : 'white'}
+                  strikethrough={task.status === 'completed'}
+                >
+                  {task.content}
+                </Text>
+              </Box>
+            ))}
+            {state.missionTasks.length > maxVisible && (
+              <Box>
+                <Text color="gray" dimColor>
+                  ... and {state.missionTasks.length - maxVisible} more task
+                  {state.missionTasks.length - maxVisible === 1 ? '' : 's'}
+                </Text>
+              </Box>
+            )}
+          </>
         )}
       </Box>
     </Box>