copilot comments resolved

Author: Ravikirana-Microsoft

src/frontend/package.json

@@ -15,6 +15,7 @@
     "@types/react": "^18.3.23",
     "@types/react-dom": "^18.3.7",
     "axios": "^1.9.0",
+    "crypto-js": "^4.2.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-markdown": "^10.1.0",
@@ -67,4 +68,4 @@
     "vite": "^5.4.19",
     "vitest": "^1.6.1"
   }
-}
+}

src/frontend/src/services/TaskService.tsx

@@ -3,6 +3,7 @@ import { Task } from "../models/taskList";
 import { apiService } from "../api/apiService";
 import { InputTask, InputTaskResponse } from "../models/inputTask";
 import { formatDate } from "@/utils/utils";
+import * as cr from "crypto-js/core";
 
 /**
  * TaskService - Service for handling task-related operations and transformations
@@ -98,8 +99,8 @@ export class TaskService {
    */
   static generateSessionId(): string {
     const timestamp = new Date().getTime();
-    const random = Math.floor(Math.random() * 10000);
-    return `sid_${timestamp}_${random}`;
+    const randomBytes = cr.randomBytes(4).toString("hex");
+    return `sid_${timestamp}_${randomBytes}`;
   }
   /**
    * Split subtask action into description and function/details parts

src/frontend/src/styles/TaskList.css

@@ -120,7 +120,7 @@
 }
 
 .fui-AccordionPanel {
-  max-height: 280px;
+  max-height: 280px !important;
   overflow-y: auto !important;
   transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1);
 }