Allow users to type while waiting for MCP servers (#8021)

packages/cli/src/ui/hooks/useMessageQueue.test.ts

@@ -25,6 +25,7 @@ describe('useMessageQueue', () => {
   it('should initialize with empty queue', () => {
     const { result } = renderHook(() =>
       useMessageQueue({
+        isConfigInitialized: true,
         streamingState: StreamingState.Idle,
         submitQuery: mockSubmitQuery,
       }),
@@ -37,6 +38,7 @@ describe('useMessageQueue', () => {
   it('should add messages to queue', () => {
     const { result } = renderHook(() =>
       useMessageQueue({
+        isConfigInitialized: true,
         streamingState: StreamingState.Responding,
         submitQuery: mockSubmitQuery,
       }),
@@ -56,6 +58,7 @@ describe('useMessageQueue', () => {
   it('should filter out empty messages', () => {
     const { result } = renderHook(() =>
       useMessageQueue({
+        isConfigInitialized: true,
         streamingState: StreamingState.Responding,
         submitQuery: mockSubmitQuery,
       }),
@@ -77,6 +80,7 @@ describe('useMessageQueue', () => {
   it('should clear queue', () => {
     const { result } = renderHook(() =>
       useMessageQueue({
+        isConfigInitialized: true,
         streamingState: StreamingState.Responding,
         submitQuery: mockSubmitQuery,
       }),
@@ -98,6 +102,7 @@ describe('useMessageQueue', () => {
   it('should return queued messages as text with double newlines', () => {
     const { result } = renderHook(() =>
       useMessageQueue({
+        isConfigInitialized: true,
         streamingState: StreamingState.Responding,
         submitQuery: mockSubmitQuery,
       }),
@@ -118,6 +123,7 @@ describe('useMessageQueue', () => {
     const { result, rerender } = renderHook(
       ({ streamingState }) =>
         useMessageQueue({
+          isConfigInitialized: true,
           streamingState,
           submitQuery: mockSubmitQuery,
         }),
@@ -145,6 +151,7 @@ describe('useMessageQueue', () => {
     const { rerender } = renderHook(
       ({ streamingState }) =>
         useMessageQueue({
+          isConfigInitialized: true,
           streamingState,
           submitQuery: mockSubmitQuery,
         }),
@@ -163,6 +170,7 @@ describe('useMessageQueue', () => {
     const { result, rerender } = renderHook(
       ({ streamingState }) =>
         useMessageQueue({
+          isConfigInitialized: true,
           streamingState,
           submitQuery: mockSubmitQuery,
         }),
@@ -187,6 +195,7 @@ describe('useMessageQueue', () => {
     const { result, rerender } = renderHook(
       ({ streamingState }) =>
         useMessageQueue({
+          isConfigInitialized: true,
           streamingState,
           submitQuery: mockSubmitQuery,
         }),

packages/cli/src/ui/hooks/useMessageQueue.ts

@@ -8,6 +8,7 @@ import { useCallback, useEffect, useState } from 'react';
 import { StreamingState } from '../types.js';
 
 export interface UseMessageQueueOptions {
+  isConfigInitialized: boolean;
   streamingState: StreamingState;
   submitQuery: (query: string) => void;
 }
@@ -25,6 +26,7 @@ export interface UseMessageQueueReturn {
  * sends them when streaming completes.
  */
 export function useMessageQueue({
+  isConfigInitialized,
   streamingState,
   submitQuery,
 }: UseMessageQueueOptions): UseMessageQueueReturn {
@@ -51,14 +53,18 @@ export function useMessageQueue({
 
   // Process queued messages when streaming becomes idle
   useEffect(() => {
-    if (streamingState === StreamingState.Idle && messageQueue.length > 0) {
+    if (
+      isConfigInitialized &&
+      streamingState === StreamingState.Idle &&
+      messageQueue.length > 0
+    ) {
       // Combine all messages with double newlines for clarity
       const combinedMessage = messageQueue.join('\n\n');
       // Clear the queue and submit
       setMessageQueue([]);
       submitQuery(combinedMessage);
     }
-  }, [streamingState, messageQueue, submitQuery]);
+  }, [isConfigInitialized, streamingState, messageQueue, submitQuery]);
 
   return {
     messageQueue,