@@ -57,9 +57,12 @@ const PlanPage: React.FC = () => {
5757 const [ streamingMessageBuffer , setStreamingMessageBuffer ] = useState < string > ( "" ) ;
5858 const [ showBufferingText , setShowBufferingText ] = useState < boolean > ( false ) ;
5959 const [ agentMessages , setAgentMessages ] = useState < AgentMessageData [ ] > ( [ ] ) ;
60- const formatErrorMessage = ( content : string ) : string => {
60+ // const formatErrorMessage = (content: string): string => {
61+ // return `⚠️ ${content}`;
62+ // };
63+ const formatErrorMessage = useCallback ( ( content : string ) : string => {
6164 return `⚠️ ${ content } ` ;
62- } ;
65+ } , [ ] ) ;
6366 // Plan approval state - track when plan is approved
6467 const [ planApproved , setPlanApproved ] = useState < boolean > ( false ) ;
6568
@@ -413,7 +416,6 @@ const PlanPage: React.FC = () => {
413416
414417 setAgentMessages ( prev => [ ...prev , errorAgentMessage ] ) ;
415418 setShowProcessingPlanSpinner ( false ) ;
416- setSubmittingChatDisableInput ( false ) ;
417419 setShowBufferingText ( false ) ;
418420 setIsProcessing ( false ) ;
419421 setShowProcessingMessage ( false ) ;
@@ -422,7 +424,7 @@ const PlanPage: React.FC = () => {
422424 } ) ;
423425
424426 return ( ) => unsubscribe ( ) ;
425- } , [ scrollToBottom , showToast ] ) ;
427+ } , [ scrollToBottom , showToast , formatErrorMessage , networkError ] ) ;
426428
427429 //WebsocketMessageType.AGENT_MESSAGE
428430 useEffect ( ( ) => {
@@ -531,7 +533,7 @@ const PlanPage: React.FC = () => {
531533 // Force spinner off whenever network error occurs
532534 useEffect ( ( ) => {
533535 if ( networkError ) {
534- console . log ( '🛑 [NETWORK ERROR DETECTED] Forcing spinner OFF' ) ;
536+ console . log ( '[NETWORK ERROR DETECTED] Forcing spinner OFF' ) ;
535537 setShowProcessingPlanSpinner ( false ) ;
536538 setIsProcessing ( false ) ;
537539 setShowProcessingMessage ( false ) ;
@@ -540,20 +542,20 @@ const PlanPage: React.FC = () => {
540542 } , [ networkError ] ) ;
541543
542544 // Enable input when clarification message is present
543- useEffect ( ( ) => {
544- if ( clarificationMessage ) {
545- console . log ( '✅ Clarification message present - enabling input' ) ;
546- setSubmittingChatDisableInput ( false ) ;
547- }
548- } , [ clarificationMessage ] ) ;
545+ // useEffect(() => {
546+ // if (clarificationMessage) {
547+ // console.log('✅ Clarification message present - enabling input');
548+ // setSubmittingChatDisableInput(false);
549+ // }
550+ // }, [clarificationMessage]);
549551
550552 useEffect ( ( ) => {
551553 const handleOffline = ( ) => {
552- console . log ( '🔴 Network disconnected - stopping all processing' ) ;
554+ console . log ( 'Network disconnected - stopping all processing' ) ;
553555 // Set a flag to show network error and stop all processing states
554556 setNetworkError ( true ) ;
555557 setShowProcessingMessage ( false ) ;
556- console . log ( '🛑 [OFFLINE] Setting showProcessingPlanSpinner = false' ) ;
558+ console . log ( '[OFFLINE] Setting showProcessingPlanSpinner = false' ) ;
557559 setShowProcessingPlanSpinner ( false ) ;
558560 setIsProcessing ( false ) ;
559561 setShowBufferingText ( false ) ;
@@ -599,14 +601,14 @@ const PlanPage: React.FC = () => {
599601 setAgentMessages ( planResult . messages ) ;
600602
601603 // Check if the last message is a clarification request
602- const lastMessage = planResult . messages [ planResult . messages . length - 1 ] ;
603- if ( lastMessage ?. agent === AgentType . GROUP_CHAT_MANAGER &&
604- lastMessage ?. agent_type === AgentMessageType . AI_AGENT &&
605- lastMessage ?. content ) {
606- // This is likely a clarification request, enable input
607- console . log ( '📝 Found clarification message in loaded plan, enabling input' ) ;
608- setSubmittingChatDisableInput ( false ) ;
609- }
604+ // const lastMessage = planResult.messages[planResult.messages.length - 1];
605+ // if (lastMessage?.agent === AgentType.GROUP_CHAT_MANAGER &&
606+ // lastMessage?.agent_type === AgentMessageType.AI_AGENT &&
607+ // lastMessage?.content) {
608+ // // This is likely a clarification request, enable input
609+ // console.log('📝 Found clarification message in loaded plan, enabling input');
610+ // setSubmittingChatDisableInput(false);
611+ // }
610612 }
611613 if ( planResult ?. mplan ) {
612614 setPlanApprovalRequest ( planResult . mplan ) ;
@@ -643,7 +645,6 @@ const PlanPage: React.FC = () => {
643645 const timeoutId = setTimeout ( ( ) => {
644646 dismissToast ( id ) ;
645647 setShowProcessingPlanSpinner ( false ) ;
646- setSubmittingChatDisableInput ( false ) ;
647648 setProcessingApproval ( false ) ;
648649 setNetworkError ( true ) ;
649650 setIsProcessing ( false ) ;
0 commit comments