fix: container dev now has a starting container status

Author: aidandaly24

src/cli/tui/screens/dev/DevScreen.tsx

@@ -127,15 +127,15 @@ export function DevScreen(props: DevScreenProps) {
         const found = agents.find(a => a.name === props.agentName);
         if (found) {
           setSelectedAgentName(props.agentName);
-          setMode('input');
+          setMode('chat');
         } else if (agents.length > 0) {
           // Agent not found or not supported, show selection
           setSelectedAgentName(undefined);
         }
       } else if (agents.length === 1 && agents[0]) {
         // Auto-select if only one agent
         setSelectedAgentName(agents[0].name);
-        setMode('input');
+        setMode('chat');
       } else if (agents.length === 0) {
         // No supported agents, show error screen
         setNoAgentsError(true);
@@ -177,6 +177,17 @@ export function DevScreen(props: DevScreenProps) {
     }, 1000);
   }, [props, stop, isExiting]);
 
+  // Auto-focus input when server transitions from starting to running.
+  const prevStatusRef = useRef(status);
+  useEffect(() => {
+    const wasStarting = prevStatusRef.current === 'starting';
+    prevStatusRef.current = status;
+    if (wasStarting && status === 'running') {
+      // eslint-disable-next-line react-hooks/set-state-in-effect -- intentional: synchronizing mode with external server status transition
+      setMode(prev => (prev === 'chat' ? 'input' : prev));
+    }
+  }, [status]);
+
   // Calculate available height for conversation display
   const terminalHeight = stdout?.rows ?? 24;
   const terminalWidth = stdout?.columns ?? 80;
@@ -259,7 +270,7 @@ export function DevScreen(props: DevScreenProps) {
           const agent = supportedAgents[selectedAgentIndex];
           if (agent) {
             setSelectedAgentName(agent.name);
-            setMode('input');
+            setMode('chat');
           }
         }
         return;
@@ -289,8 +300,8 @@ export function DevScreen(props: DevScreenProps) {
         // Clear the flag on any other key
         justCancelledRef.current = false;
 
-        // Enter to start typing (only when not streaming)
-        if (key.return && !isStreaming) {
+        // Enter to start typing (only when not streaming and server is running)
+        if (key.return && !isStreaming && status === 'running') {
           setMode('input');
           return;
         }
@@ -314,7 +325,7 @@ export function DevScreen(props: DevScreenProps) {
             setUserScrolled(false);
             return;
           }
-          if (key.ctrl && input === 'r') {
+          if (key.ctrl && input === 'r' && status !== 'starting') {
             restart();
             return;
           }
@@ -355,11 +366,13 @@ export function DevScreen(props: DevScreenProps) {
       ? '↑↓ select · Enter confirm · q quit'
       : mode === 'input'
         ? 'Enter send · Esc cancel'
-        : isStreaming
-          ? '↑↓ scroll'
-          : conversation.length > 0
-            ? `↑↓ scroll · Enter invoke · C clear · Ctrl+R restart · ${supportedAgents.length > 1 ? 'Esc back' : 'Esc quit'}`
-            : `Enter to send a message · Ctrl+R restart · ${supportedAgents.length > 1 ? 'Esc back' : 'Esc quit'}`;
+        : status === 'starting'
+          ? `${supportedAgents.length > 1 ? 'Esc back' : 'Esc quit'}`
+          : isStreaming
+            ? '↑↓ scroll'
+            : conversation.length > 0
+              ? `↑↓ scroll · Enter invoke · C clear · Ctrl+R restart · ${supportedAgents.length > 1 ? 'Esc back' : 'Esc quit'}`
+              : `Enter to send a message · Ctrl+R restart · ${supportedAgents.length > 1 ? 'Esc back' : 'Esc quit'}`;
 
   // Agent selection screen
   if (mode === 'select-agent') {
@@ -394,10 +407,14 @@ export function DevScreen(props: DevScreenProps) {
         <Text>Server: </Text>
         <Text color="cyan">http://localhost:{actualPort}/invocations</Text>
       </Box>
-      {status !== 'starting' && !isExiting && (
+      {!isExiting && (
         <Box>
           <Text>Status: </Text>
-          <Text color={statusColor}>{status}</Text>
+          {status === 'starting' ? (
+            <Text color="yellow">{config?.buildType === 'Container' ? 'Starting container...' : 'Starting...'}</Text>
+          ) : (
+            <Text color={statusColor}>{status}</Text>
+          )}
         </Box>
       )}
       {isExiting && (
@@ -444,12 +461,12 @@ export function DevScreen(props: DevScreenProps) {
         {/* Input line - always visible at bottom */}
         {/* Unfocused: dim arrow, press Enter to focus */}
         {/* Focused: blue arrow with cursor, type and press Enter to send */}
-        {mode === 'chat' && !isStreaming && (
+        {status === 'running' && mode === 'chat' && !isStreaming && (
           <Box>
             <Text dimColor>&gt; </Text>
           </Box>
         )}
-        {mode === 'input' && (
+        {status === 'running' && mode === 'input' && (
           <Box>
             <Text color="blue">&gt; </Text>
             <TextInput