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>