ui websocket wip

Author: blessing-sanusi

src/backend/app_kernel.py

@@ -74,6 +74,7 @@
         "http://localhost:3000",    # Add this for local development
         "https://localhost:3000",   # Add this if using HTTPS locally
         "http://127.0.0.1:3000",
+        "http://127.0.0.1:3001",
     ],  # Allow all origins for development; restrict in production
     allow_credentials=True,
     allow_methods=["*"],

src/backend/v3/api/router.py

@@ -132,7 +132,7 @@ async def process_request(background_tasks: BackgroundTasks, input_task: InputTa
         input_task.session_id = str(uuid.uuid4())
 
     try:
-        #background_tasks.add_task(OrchestrationManager.run_orchestration, user_id, input_task)
+        background_tasks.add_task(OrchestrationManager.run_orchestration, user_id, input_task)
         await connection_config.send_status_update_async("Test message from process_request", user_id)
 
         return {

src/frontend/src/App.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import './App.css';
 import { BrowserRouter as Router, Routes, Route, Navigate } from 'react-router-dom';
-import { HomePage, PlanPage, PlanCreatePage } from './pages';
+import { HomePage, PlanPage } from './pages';
 import { useWebSocket } from './hooks/useWebSocket';
 
 function App() {

src/frontend/src/api/apiService.tsx

@@ -114,8 +114,12 @@ export class APIService {
      * @param inputTask The task description and optional session ID
      * @returns Promise with the response containing plan ID and status
      */
-    async createPlan(inputTask: InputTask): Promise<{ plan_id: string; status: string; session_id: string }> {
-        return apiClient.post(API_ENDPOINTS.CREATE_PLAN, inputTask);
+    // async createPlan(inputTask: InputTask): Promise<{ plan_id: string; status: string; session_id: string }> {
+    //     return apiClient.post(API_ENDPOINTS.CREATE_PLAN, inputTask);
+    // }
+
+    async createPlan(inputTask: InputTask): Promise<{ status: string; session_id: string }> {
+    return apiClient.post(API_ENDPOINTS.CREATE_PLAN, inputTask);
     }
 
     /**

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

@@ -17,6 +17,7 @@ import { TeamConfig } from "../../models/Team";
 import { TaskService } from "../../services/TaskService";
 import { NewTaskService } from "../../services/NewTaskService";
 import { RAIErrorCard, RAIErrorData } from "../errors";
+import { apiService } from "../../api/apiService";
 
 import ChatInput from "@/coral/modules/ChatInput";
 import InlineToaster, { useInlineToaster } from "../toast/InlineToaster";
@@ -83,13 +84,16 @@ const HomeInput: React.FC<HomeInputProps> = ({
                     textareaRef.current.style.height = "auto";
                 }
 
-                if (response.plan_id && response.plan_id !== null) {
+                if (response.session_id && response.session_id !== null) {
                     showToast("Plan created!", "success");
                     dismissToast(id);
 
                     // Navigate to create page (no team ID in URL anymore)
                     console.log('HomeInput: Navigating to plan creation with team:', selectedTeam?.name);
-                    navigate(`/plan/${response.plan_id}`);
+                     console.log('HomeInput: Navigating to plan creation with session:', response.session_id);
+                      console.log('HomeInput: Plan created with session:', response.session_id);
+
+                    navigate(`/plan/${response.session_id}`);
                 } else {
                     showToast("Failed to create plan", "error");
                     dismissToast(id);