diff --git a/src/frontend/src/api/apiService.tsx b/src/frontend/src/api/apiService.tsx index 8be89ec9f..2a79f85da 100644 --- a/src/frontend/src/api/apiService.tsx +++ b/src/frontend/src/api/apiService.tsx @@ -160,7 +160,6 @@ export class APIService { if (!data) { throw new Error(`Plan with ID ${planId} not found`); } - console.log('Fetched plan by ID:', data); const results = { plan: data.plan as Plan, messages: data.messages as AgentMessageBE[], @@ -194,7 +193,6 @@ export class APIService { const requestKey = `approve-plan-${planApprovalData.m_plan_id}`; return this._requestTracker.trackRequest(requestKey, async () => { - console.log('📤 Approving plan via v3 API:', planApprovalData); const response = await apiClient.post(API_ENDPOINTS.PLAN_APPROVAL, planApprovalData); @@ -203,8 +201,6 @@ export class APIService { if (planApprovalData.plan_id) { this._cache.invalidate(new RegExp(`^plan.*_${planApprovalData.plan_id}`)); } - - console.log('✅ Plan approval successful:', response); return response; }); } @@ -266,11 +262,6 @@ export class APIService { async sendAgentMessage(data: AgentMessageResponse): Promise { const t0 = performance.now(); const result = await apiClient.post(API_ENDPOINTS.AGENT_MESSAGE, data); - console.log('[agent_message] sent', { - ms: +(performance.now() - t0).toFixed(1), - agent: data.agent, - type: data.agent_type - }); return result; } } diff --git a/src/frontend/src/components/common/TeamSelector.tsx b/src/frontend/src/components/common/TeamSelector.tsx index ebbd04a25..b9811be74 100644 --- a/src/frontend/src/components/common/TeamSelector.tsx +++ b/src/frontend/src/components/common/TeamSelector.tsx @@ -119,7 +119,6 @@ const TeamSelector: React.FC = ({ try { // If this team was just uploaded, skip the selection API call and go directly to homepage if (uploadedTeam && uploadedTeam.team_id === tempSelectedTeam.team_id) { - console.log('Uploaded team selected, going directly to homepage:', tempSelectedTeam.name); onTeamSelect?.(tempSelectedTeam); setIsOpen(false); return; // Skip the selectTeam API call @@ -129,7 +128,6 @@ const TeamSelector: React.FC = ({ const result = await TeamService.selectTeam(tempSelectedTeam.team_id); if (result.success) { - console.log('Team selected:', result.data); onTeamSelect?.(tempSelectedTeam); setIsOpen(false); } else { @@ -566,7 +564,6 @@ const TeamSelector: React.FC = ({ placeholder="Search teams..." value={searchQuery} onChange={(e: React.ChangeEvent, data: InputOnChangeData) => { - console.log('Search changed:', data.value); setSearchQuery(data.value || ''); }} contentBefore={} diff --git a/src/frontend/src/components/content/HomeInput.tsx b/src/frontend/src/components/content/HomeInput.tsx index 0de34dac9..44c53c534 100644 --- a/src/frontend/src/components/content/HomeInput.tsx +++ b/src/frontend/src/components/content/HomeInput.tsx @@ -97,7 +97,6 @@ const HomeInput: React.FC = ({ input.trim(), selectedTeam?.team_id ); - console.log("Plan created:", response); setInput(""); if (textareaRef.current) { diff --git a/src/frontend/src/components/content/PlanPanelLeft.tsx b/src/frontend/src/components/content/PlanPanelLeft.tsx index 3ed3e483f..bf18a1270 100644 --- a/src/frontend/src/components/content/PlanPanelLeft.tsx +++ b/src/frontend/src/components/content/PlanPanelLeft.tsx @@ -57,7 +57,6 @@ const PlanPanelLeft: React.FC = ({ const loadPlansData = useCallback(async (forceRefresh = false) => { try { - console.log("Loading plans, forceRefresh:", forceRefresh); setPlansLoading(true); setPlansError(null); const plansData = await apiService.getPlans(undefined, !forceRefresh); // Invert forceRefresh for useCache @@ -93,7 +92,6 @@ const PlanPanelLeft: React.FC = ({ useEffect(() => { - console.log("Reload tasks changed:", reloadTasks); if (reloadTasks) { loadPlansData(true); // Force refresh when reloadTasks is true } diff --git a/src/frontend/src/hooks/useTeamSelection.tsx b/src/frontend/src/hooks/useTeamSelection.tsx index bed0af489..2a2c17a8f 100644 --- a/src/frontend/src/hooks/useTeamSelection.tsx +++ b/src/frontend/src/hooks/useTeamSelection.tsx @@ -36,13 +36,11 @@ export const useTeamSelection = ({ setError(null); try { - console.log('Selecting team:', team.name, 'with session ID:', sessionId); const result = await TeamService.selectTeam(team.team_id); if (result.success) { setSelectedTeam(team); - console.log('Team selection successful:', result.data); // Call success callback onTeamSelected?.(team, result.data); diff --git a/src/frontend/src/pages/HomePage.tsx b/src/frontend/src/pages/HomePage.tsx index b18655c7b..4d5c6b785 100644 --- a/src/frontend/src/pages/HomePage.tsx +++ b/src/frontend/src/pages/HomePage.tsx @@ -31,12 +31,10 @@ const HomePage: React.FC = () => { setIsLoadingTeam(true); try { - console.log('Initializing team from backend...'); // Call the backend init_team endpoint (takes ~20 seconds) const initResponse = await TeamService.initializeTeam(); if (initResponse.data?.status === 'Request started successfully' && initResponse.data?.team_id) { - console.log('Team initialization completed:', initResponse.data?.team_id); // Now fetch the actual team details using the team_id const teams = await TeamService.getUserTeams(); @@ -46,16 +44,12 @@ const HomePage: React.FC = () => { setSelectedTeam(initializedTeam); TeamService.storageTeam(initializedTeam); - console.log('Team loaded successfully:', initializedTeam.name); - console.log('Team agents:', initializedTeam.agents?.length || 0); - showToast( `${initializedTeam.name} team initialized successfully with ${initializedTeam.agents?.length || 0} agents`, "success" ); } else { // Fallback: if we can't find the specific team, use HR team or first available - console.log('Specific team not found, using default selection logic'); const hrTeam = teams.find(team => team.name === "Human Resources Team"); const defaultTeam = hrTeam || teams[0]; @@ -99,7 +93,6 @@ const HomePage: React.FC = () => { const handleTeamSelect = useCallback(async (team: TeamConfig | null) => { setSelectedTeam(team); setReloadLeftList(true); - console.log('handleTeamSelect called with team:', true); if (team) { try { @@ -107,7 +100,6 @@ const HomePage: React.FC = () => { const initResponse = await TeamService.initializeTeam(true); if (initResponse.data?.status === 'Request started successfully' && initResponse.data?.team_id) { - console.log('handleTeamSelect:', initResponse.data?.team_id); // Now fetch the actual team details using the team_id const teams = await TeamService.getUserTeams(); @@ -117,9 +109,6 @@ const HomePage: React.FC = () => { setSelectedTeam(initializedTeam); TeamService.storageTeam(initializedTeam); setReloadLeftList(true) - console.log('Team loaded successfully handleTeamSelect:', initializedTeam.name); - console.log('Team agents handleTeamSelect:', initializedTeam.agents?.length || 0); - showToast( `${initializedTeam.name} team initialized successfully with ${initializedTeam.agents?.length || 0} agents`, "success" @@ -155,15 +144,12 @@ const HomePage: React.FC = () => { const handleTeamUpload = useCallback(async () => { try { const teams = await TeamService.getUserTeams(); - console.log('Teams refreshed after upload:', teams.length); if (teams.length > 0) { // Always keep "Human Resources Team" as default, even after new uploads const hrTeam = teams.find(team => team.name === "Human Resources Team"); const defaultTeam = hrTeam || teams[0]; setSelectedTeam(defaultTeam); - console.log('Default team after upload:', defaultTeam.name); - console.log('Human Resources Team remains default'); showToast( `Team uploaded successfully! ${defaultTeam.name} remains your default team.`, "success" diff --git a/src/frontend/src/pages/PlanPage.tsx b/src/frontend/src/pages/PlanPage.tsx index 58c37fe6f..f2f788612 100644 --- a/src/frontend/src/pages/PlanPage.tsx +++ b/src/frontend/src/pages/PlanPage.tsx @@ -131,14 +131,8 @@ const PlanPage: React.FC = () => { // Persist / forward to backend (fire-and-forget with logging) const agentMessageResponse = PlanDataService.createAgentMessageResponse(agentMessageData, planData, is_final, streaming_message); - console.log('📤 Persisting agent message:', agentMessageResponse); const sendPromise = apiService.sendAgentMessage(agentMessageResponse) .then(saved => { - console.log('[agent_message][persisted]', { - agent: agentMessageData.agent, - type: agentMessageData.agent_type, - ts: agentMessageData.timestamp - }); // If this is a final message, refresh the task list after successful persistence if (is_final) { @@ -219,7 +213,6 @@ const PlanPage: React.FC = () => { //WebsocketMessageType.PLAN_APPROVAL_REQUEST useEffect(() => { const unsubscribe = webSocketService.on(WebsocketMessageType.PLAN_APPROVAL_REQUEST, (approvalRequest: any) => { - console.log('📋 Plan received:', approvalRequest); let mPlanData: MPlanData | null = null; @@ -244,7 +237,6 @@ const PlanPage: React.FC = () => { } if (mPlanData) { - console.log('✅ Parsed plan data:', mPlanData); setPlanApprovalRequest(mPlanData); setWaitingForPlan(false); setShowProcessingPlanSpinner(false); @@ -260,7 +252,6 @@ const PlanPage: React.FC = () => { //(WebsocketMessageType.AGENT_MESSAGE_STREAMING useEffect(() => { const unsubscribe = webSocketService.on(WebsocketMessageType.AGENT_MESSAGE_STREAMING, (streamingMessage: any) => { - //console.log('📋 Streaming Message', streamingMessage); // if is final true clear buffer and add final message to agent messages const line = PlanDataService.simplifyHumanClarification(streamingMessage.data.content); setShowBufferingText(true); @@ -275,8 +266,6 @@ const PlanPage: React.FC = () => { //WebsocketMessageType.USER_CLARIFICATION_REQUEST useEffect(() => { const unsubscribe = webSocketService.on(WebsocketMessageType.USER_CLARIFICATION_REQUEST, (clarificationMessage: any) => { - console.log('📋 Clarification Message', clarificationMessage); - console.log('📋 Current plan data User clarification', planData); if (!clarificationMessage) { console.warn('⚠️ clarification message missing data:', clarificationMessage); return; @@ -290,7 +279,6 @@ const PlanPage: React.FC = () => { content: clarificationMessage.data.question || '', raw_data: clarificationMessage.data || '', } as AgentMessageData; - console.log('✅ Parsed clarification message:', agentMessageData); setClarificationMessage(clarificationMessage.data as ParsedUserClarification | null); setAgentMessages(prev => [...prev, agentMessageData]); setShowBufferingText(false); @@ -307,7 +295,6 @@ const PlanPage: React.FC = () => { //WebsocketMessageType.AGENT_TOOL_MESSAGE useEffect(() => { const unsubscribe = webSocketService.on(WebsocketMessageType.AGENT_TOOL_MESSAGE, (toolMessage: any) => { - console.log('📋 Tool Message', toolMessage); // scrollToBottom() }); @@ -319,7 +306,6 @@ const PlanPage: React.FC = () => { //WebsocketMessageType.FINAL_RESULT_MESSAGE useEffect(() => { const unsubscribe = webSocketService.on(WebsocketMessageType.FINAL_RESULT_MESSAGE, (finalMessage: any) => { - console.log('📋 Final Result Message', finalMessage); if (!finalMessage) { console.warn('⚠️ Final result message missing data:', finalMessage); @@ -335,8 +321,6 @@ const PlanPage: React.FC = () => { raw_data: finalMessage || '', } as AgentMessageData; - - console.log('✅ Parsed final result message:', agentMessageData); // we ignore the terminated message if (finalMessage?.data?.status === PlanStatus.COMPLETED) { @@ -367,8 +351,6 @@ const PlanPage: React.FC = () => { //WebsocketMessageType.AGENT_MESSAGE useEffect(() => { const unsubscribe = webSocketService.on(WebsocketMessageType.AGENT_MESSAGE, (agentMessage: any) => { - console.log('📋 Agent Message', agentMessage) - console.log('📋 Current plan data', planData); const agentMessageData = agentMessage.data as AgentMessageData; if (agentMessageData) { agentMessageData.content = PlanDataService.simplifyHumanClarification(agentMessageData?.content); @@ -399,12 +381,10 @@ const PlanPage: React.FC = () => { // WebSocket connection with proper error handling and v3 backend compatibility useEffect(() => { if (planId && continueWithWebsocketFlow) { - console.log('🔌 Connecting WebSocket:', { planId, continueWithWebsocketFlow }); const connectWebSocket = async () => { try { await webSocketService.connect(planId); - console.log('✅ WebSocket connected successfully'); } catch (error) { console.error('❌ WebSocket connection failed:', error); // Continue without WebSocket - the app should still work @@ -415,25 +395,21 @@ const PlanPage: React.FC = () => { const handleConnectionChange = (connected: boolean) => { setWsConnected(connected); - console.log('🔗 WebSocket connection status:', connected); }; const handleStreamingMessage = (message: StreamMessage) => { - console.log('📨 Received streaming message:', message); if (message.data && message.data.plan_id) { setStreamingMessages(prev => [...prev, message.data]); } }; const handlePlanApprovalResponse = (message: StreamMessage) => { - console.log('✅ Plan approval response received:', message); if (message.data && message.data.approved) { setPlanApproved(true); } }; const handlePlanApprovalRequest = (message: StreamMessage) => { - console.log('📥 Plan approval request received:', message); // This is handled by PlanChat component through its own listener }; @@ -448,7 +424,6 @@ const PlanPage: React.FC = () => { const unsubscribeParsedPlanApprovalRequest = webSocketService.on(WebsocketMessageType.PLAN_APPROVAL_REQUEST, handlePlanApprovalRequest); return () => { - console.log('🔌 Cleaning up WebSocket connections'); unsubscribeConnection(); unsubscribeStreaming(); unsubscribePlanApproval(); @@ -468,9 +443,7 @@ const PlanPage: React.FC = () => { try { let planResult: ProcessedPlanData | null = null; - console.log("Fetching plan with ID:", planId); planResult = await PlanDataService.fetchPlanData(planId, useCache); - console.log("Plan data fetched:", planResult); if (planResult?.plan?.overall_status === PlanStatus.IN_PROGRESS) { setShowApprovalButtons(true); @@ -582,8 +555,6 @@ const PlanPage: React.FC = () => { plan_id: planData?.plan.id, m_plan_id: planApprovalRequest?.id || "" }); - - console.log("Clarification submitted successfully:", response); setInput(""); dismissToast(id); showToast("Clarification submitted successfully", "success"); diff --git a/src/frontend/src/services/PlanDataService.tsx b/src/frontend/src/services/PlanDataService.tsx index e2c2b9e02..e52e17c0f 100644 --- a/src/frontend/src/services/PlanDataService.tsx +++ b/src/frontend/src/services/PlanDataService.tsx @@ -41,7 +41,6 @@ export class PlanDataService { try { // Use optimized getPlanById method for better performance const planBody = await apiService.getPlanById(planId, useCache); - console.log('Raw plan data fetched:', planBody); return this.processPlanData(planBody); } catch (error) { console.log("Failed to fetch plan data:", error); diff --git a/src/frontend/src/services/TeamService.tsx b/src/frontend/src/services/TeamService.tsx index 20f9979c8..c4d55aa54 100644 --- a/src/frontend/src/services/TeamService.tsx +++ b/src/frontend/src/services/TeamService.tsx @@ -32,15 +32,12 @@ export class TeamService { error?: string; }> { try { - console.log('Calling /v3/init_team endpoint...'); const response = await apiClient.get('/v3/init_team', { params: { team_switched } }); - console.log('Team initialization response:', response); - return { success: true, data: response @@ -81,7 +78,6 @@ export class TeamService { try { const formData = new FormData(); formData.append('file', teamFile); - console.log(formData); const response = await apiClient.upload('/v3/upload_team_config', formData); return { diff --git a/src/frontend/src/services/WebSocketService.tsx b/src/frontend/src/services/WebSocketService.tsx index 2bdb5f87d..2a55e571f 100644 --- a/src/frontend/src/services/WebSocketService.tsx +++ b/src/frontend/src/services/WebSocketService.tsx @@ -29,7 +29,6 @@ class WebSocketService { const hasApiSegment = /\/api(\/|$)/i.test(base); const socketPath = hasApiSegment ? '/v3/socket' : '/api/v3/socket'; const url = `${base}${socketPath}${processId ? `/${processId}` : `/${planId}`}?user_id=${userId || ''}`; - console.log("Constructed WebSocket URL:", url); return url; } connect(planId: string, processId?: string): Promise { @@ -184,7 +183,6 @@ class WebSocketService { switch (message.type) { case WebsocketMessageType.PLAN_APPROVAL_REQUEST: { - console.log("Message Plan Approval Request':", message); const parsedData = PlanDataService.parsePlanApprovalRequest(message.data); if (parsedData) { const structuredMessage: ParsedPlanApprovalRequest = { @@ -201,11 +199,8 @@ class WebSocketService { } case WebsocketMessageType.AGENT_MESSAGE: { - console.log("Message Agent':", message); if (message.data) { - console.log('WebSocket message received:', message); const transformed = PlanDataService.parseAgentMessage(message); - console.log('Transformed AGENT_MESSAGE:', transformed); this.emit(WebsocketMessageType.AGENT_MESSAGE, transformed); } @@ -213,20 +208,16 @@ class WebSocketService { } case WebsocketMessageType.AGENT_MESSAGE_STREAMING: { - console.log("Message streamming agent buffer:", message); if (message.data) { const streamedMessage = PlanDataService.parseAgentMessageStreaming(message); - console.log('WebSocket AGENT_MESSAGE_STREAMING message received:', streamedMessage); this.emit(WebsocketMessageType.AGENT_MESSAGE_STREAMING, streamedMessage); } break; } case WebsocketMessageType.USER_CLARIFICATION_REQUEST: { - console.log("Message clarification':", message); if (message.data) { const transformed = PlanDataService.parseUserClarificationRequest(message); - console.log('WebSocket USER_CLARIFICATION_REQUEST message received:', transformed); this.emit(WebsocketMessageType.USER_CLARIFICATION_REQUEST, transformed); } break; @@ -234,7 +225,6 @@ class WebSocketService { case WebsocketMessageType.AGENT_TOOL_MESSAGE: { - console.log("Message agent tool':", message); if (message.data) { //const transformed = PlanDataService.parseUserClarificationRequest(message); this.emit(WebsocketMessageType.AGENT_TOOL_MESSAGE, message); @@ -242,10 +232,8 @@ class WebSocketService { break; } case WebsocketMessageType.FINAL_RESULT_MESSAGE: { - console.log("Message final result':", message); if (message.data) { const transformed = PlanDataService.parseFinalResultMessage(message); - console.log('WebSocket FINAL_RESULT_MESSAGE received:', transformed); this.emit(WebsocketMessageType.FINAL_RESULT_MESSAGE, transformed); } break; @@ -257,13 +245,11 @@ class WebSocketService { case WebsocketMessageType.AGENT_STREAM_START: case WebsocketMessageType.AGENT_STREAM_END: case WebsocketMessageType.SYSTEM_MESSAGE: { - console.log("Message other types':", message); this.emit(message.type, message); break; } default: { - console.log("Message default':", message); this.emit(message.type, message); break; }