resolve copilot comment

Author: NirajC-Microsoft

src/frontend/Dockerfile

@@ -1,7 +1,7 @@
 # Multi-stage Dockerfile for React frontend with Python backend support using UV
 
 # Stage 1: Node build environment for React
-FROM node:18-alpine AS frontend-builder
+FROM node:20-alpine AS frontend-builder
 
 WORKDIR /app/frontend
 

src/frontend/src/components/content/HomeInput.tsx

@@ -122,8 +122,8 @@ const HomeInput: React.FC<HomeInputProps> = ({ selectedTeam }) => {
         try {
           // errorDetail = JSON.parse(error);
           errorMessage = error?.message || errorMessage;
-        } catch {
-          // ignore parse error
+        } catch (parseError) {
+          console.error("Error parsing error response", parseError);
         }
 
         showToast(errorMessage, "error");

src/frontend/src/coral/modules/Chat.tsx

@@ -62,8 +62,9 @@ const Chat: React.FC<ChatProps> = ({
         }
         // const chatMessages = await chatService.getUserHistory(userId);
         // setMessages(chatMessages);
-      } catch {
+      } catch (error) {
         // Failed to load history — silent fail
+        console.log("Failed to load chat history for user", userId);
       }
     };
     loadHistory();
@@ -170,6 +171,7 @@ const Chat: React.FC<ChatProps> = ({
       setMessages([]);
     } catch {
       // clear history failed — silent
+      console.log("Failed to clear chat history for user", userId);
     }
   };
 

src/frontend/src/hooks/usePlanWebSocket.tsx

@@ -10,13 +10,8 @@ import webSocketService from '@/services/WebSocketService';
 import { PlanDataService } from '@/services/PlanDataService';
 import { useAppDispatch, useAppSelector } from '@/state/hooks';
 import {
-    setWaitingForPlan,
     setShowProcessingPlanSpinner,
-    setPlanApprovalRequest,
-    setShowApprovalButtons,
-    setContinueWithWebsocketFlow,
     setReloadLeftList,
-    markPlanCompleted,
     selectPlanData,
     selectContinueWithWebsocketFlow,
     selectPlanApproved,
@@ -27,7 +22,6 @@ import {
     setSubmittingChatDisableInput,
     setClarificationMessage,
     addAgentMessage,
-    selectAgentMessages,
 } from '@/state/slices/chatSlice';
 import {
     appendToStreamingBuffer,
@@ -46,6 +40,7 @@ import {
     PlanStatus,
     ParsedUserClarification,
     StreamMessage,
+    ProcessedPlanData,
 } from '@/models';
 import { APIService } from '@/api/apiService';
 
@@ -65,11 +60,13 @@ interface UsePlanWebSocketProps {
  */
 function persistAgentMessage(
     agentMessageData: AgentMessageData,
-    planData: any,
+    planData: ProcessedPlanData | null,
     dispatch: ReturnType<typeof useAppDispatch>,
     isFinal = false,
     streamingMessage = '',
 ) {
+    if (!planData?.plan) return;
+
     const agentMessageResponse = PlanDataService.createAgentMessageResponse(
         agentMessageData,
         planData,
@@ -274,8 +271,8 @@ export function usePlanWebSocket({
         const connectWebSocket = async () => {
             try {
                 await webSocketService.connect(planId);
-            } catch {
-                // Continue without WebSocket — the app should still work
+            } catch (error) {
+                console.log('WebSocket connection failed, continuing without real-time updates', error);
             }
         };
         connectWebSocket();

src/frontend/src/index.tsx

@@ -40,8 +40,8 @@ const AppWrapper = () => {
         window.userInfo = defaultUserInfo;
         setUserInfoGlobal(defaultUserInfo);
         await apiService.sendUserBrowserLanguage();
-      } catch {
-        // Config endpoint not available — using defaults
+      } catch (error) {
+          console.info("frontend config did not load from python", error);
       } finally {
         setIsConfigLoaded(true);
         setIsUserInfoLoaded(true);

src/frontend/src/pages/HomePage.tsx

@@ -129,7 +129,7 @@ const HomePage: React.FC = () => {
                 showToast(`Team uploaded successfully! ${defaultTeam.name} remains your default team.`, 'success');
             }
         } catch {
-            // Silently handle — toast was already shown for upload success
+            console.error('Team upload failed');
         }
     }, [dispatch, showToast]);
 

src/frontend/src/pages/PlanPage.tsx

@@ -1,4 +1,4 @@
-import React, { useCallback, useEffect, useMemo } from 'react';
+import React, { useCallback, useEffect} from 'react';
 import { useParams, useNavigate } from 'react-router-dom';
 import { Spinner, Text } from '@fluentui/react-components';
 
@@ -11,8 +11,6 @@ import webSocketService from '../services/WebSocketService';
 import {
     AgentMessageData,
     AgentMessageType,
-    PlanStatus,
-    PlanApprovalRequest,
 } from '../models';
 
 /* ── Redux ───────────────────────────────────────────────────── */
@@ -37,7 +35,6 @@ import {
     setCancellingPlan,
     setLoadingMessage,
     setErrorLoading,
-    setPlanData,
     planApprovalAccepted,
     planApprovalRejected,
 } from '../state/slices/planSlice';