Merge branch 'feature/ui-ux-refresh' into ui-ux-refresh_eunsoo

Author: Eunsoo Lee

src/backend/app_kernel.py

@@ -620,9 +620,10 @@ async def get_plans(
 
         # Use get_steps_by_plan to match the original implementation
         steps = await memory_store.get_steps_by_plan(plan_id=plan.id)
-        messages = await memory_store.get_data_by_type_and_plan_id(
-            "agent_message", plan_id=plan.id
+        messages = await memory_store.get_data_by_type_and_session_id(
+            "agent_message", session_id=plan.session_id
         )
+
         plan_with_steps = PlanWithSteps(**plan.model_dump(), steps=steps)
         plan_with_steps.update_step_counts()
         return [plan_with_steps, messages]

src/backend/context/cosmos_memory_kernel.py

@@ -443,8 +443,8 @@ async def get_data_by_type(self, data_type: str) -> List[BaseDataModel]:
             logging.exception(f"Failed to query data by type from Cosmos DB: {e}")
             return []
 
-    async def get_data_by_type_and_plan_id(
-        self, data_type: str, plan_id: str
+    async def get_data_by_type_and_session_id(
+        self, data_type: str, session_id: str
     ) -> List[BaseDataModel]:
         """Query the Cosmos DB for documents with the matching data_type, session_id and user_id."""
         await self.ensure_initialized()
@@ -453,11 +453,11 @@ async def get_data_by_type_and_plan_id(
 
         model_class = self.MODEL_CLASS_MAPPING.get(data_type, BaseDataModel)
         try:
-            query = "SELECT * FROM c WHERE c.user_id=@user_id AND c.data_type=@data_type AND c.plan_id=@plan_id ORDER BY c._ts ASC"
+            query = "SELECT * FROM c WHERE c.session_id=@session_id AND c.user_id=@user_id AND c.data_type=@data_type ORDER BY c._ts ASC"
             parameters = [
+                {"name": "@session_id", "value": session_id},
                 {"name": "@data_type", "value": data_type},
                 {"name": "@user_id", "value": self.user_id},
-                {"name": "@plan_id", "value": plan_id},
             ]
             return await self.query_items(query, parameters, model_class)
         except Exception as e:

src/frontend_react/src/api/apiClient.tsx

@@ -44,8 +44,11 @@ const fetchWithAuth = async (url: string, method: string = "GET", body: BodyInit
 
     try {
         const apiUrl = getApiUrl();
-
-        const response = await fetch(`${apiUrl}${url}`, options);
+        const finalUrl = `${apiUrl}${url}`;
+        console.log('Final URL:', finalUrl);
+        console.log('Request Options:', options);
+        // Log the request details
+        const response = await fetch(finalUrl, options);
         console.log('response', response);
 
         if (!response.ok) {
@@ -54,7 +57,10 @@ const fetchWithAuth = async (url: string, method: string = "GET", body: BodyInit
         }
 
         const isJson = response.headers.get('content-type')?.includes('application/json');
-        return isJson ? await response.json() : null;
+        const responseData = isJson ? await response.json() : null;
+
+        console.log('Response JSON:', responseData);
+        return responseData;
     } catch (error) {
         console.error('API Error:', (error as Error).message);
         throw error;
@@ -81,7 +87,7 @@ const fetchWithoutAuth = async (url: string, method: string = "POST", body: Body
             const errorText = await response.text();
             throw new Error(errorText || 'Login failed');
         }
-
+        console.log('response', response);
         const isJson = response.headers.get('content-type')?.includes('application/json');
         return isJson ? await response.json() : null;
     } catch (error) {

src/frontend_react/src/api/apiService.tsx

@@ -318,7 +318,7 @@ export class APIService {
      * @param updatedAction Optional updated action
      * @returns Promise with response object
      */
-    async approveSteps(
+    async stepStatus(
         planId: string,
         sessionId: string,
         approved: boolean,

src/frontend_react/src/components/content/HomeInput.tsx

@@ -46,7 +46,7 @@ const HomeInput: React.FC<HomeInputProps> = ({
     const handleSubmit = async () => {
         if (input.trim()) {
             setSubmitting(true);
-            showToast("Creating a plan..", "progress", { dismissible: false });
+            showToast("Creating a plan..", "progress");
             try {
                 const response = await TaskService.submitInputTask(input.trim());