Update backend dependencies and add semantic-kernel

Pinned backend Python dependencies to specific versions, updated several packages to latest releases, and added semantic-kernel to the dependency list. These changes improve reproducibility and compatibility with new features and bug fixes.

Author: Fr4nc3

src/backend/pyproject.toml

@@ -5,31 +5,31 @@ description = "Add your description here"
 readme = "README.md"
 requires-python = ">=3.11"
 dependencies = [
-    "agent-framework==1.0.0b6",
-    "azure-ai-evaluation>=1.5.0",
-    "azure-ai-inference>=1.0.0b9",
+    "azure-ai-evaluation==1.11.0",
+    "azure-ai-inference==1.0.0b9",
     "azure-ai-projects==1.0.0",
     "azure-ai-agents==1.2.0b2",
-    "azure-cosmos>=4.9.0",
-    "azure-identity>=1.21.0",
-    "azure-monitor-events-extension>=0.1.0",
-    "azure-monitor-opentelemetry>=1.6.8",
-    "azure-search-documents>=11.5.2",
-    "fastapi>=0.115.12",
-    "openai>=1.75.0",
-    "opentelemetry-api>=1.31.1",
-    "opentelemetry-exporter-otlp-proto-grpc>=1.31.1",
-    "opentelemetry-exporter-otlp-proto-http>=1.31.1",
-    "opentelemetry-instrumentation-fastapi>=0.52b1",
-    "opentelemetry-instrumentation-openai>=0.39.2",
-    "opentelemetry-sdk>=1.31.1",
-    "pytest>=8.2,<9",
+    "azure-cosmos==4.9.0",
+    "azure-identity==1.24.0",
+    "azure-monitor-events-extension==0.1.0",
+    "azure-monitor-opentelemetry==1.7.0",
+    "azure-search-documents==11.5.3",
+    "fastapi==0.116.1",
+    "openai==1.105.0",
+    "opentelemetry-api==1.36.0",
+    "opentelemetry-exporter-otlp-proto-grpc==1.36.0",
+    "opentelemetry-exporter-otlp-proto-http==1.36.0",
+    "opentelemetry-instrumentation-fastapi==0.57b0",
+    "opentelemetry-instrumentation-openai==0.46.2",
+    "opentelemetry-sdk==1.36.0",
+    "pytest==8.4.1",
     "pytest-asyncio==0.24.0",
     "pytest-cov==5.0.0",
-    "python-dotenv>=1.1.0",
-    "python-multipart>=0.0.20",
-    "uvicorn>=0.34.2",
-    "pylint-pydantic>=0.3.5",
-    "pexpect>=4.9.0",
-    "mcp>=1.13.1",
+    "python-dotenv==1.1.1",
+    "python-multipart==0.0.20",
+    "semantic-kernel==1.35.3",
+    "uvicorn==0.35.0",
+    "pylint-pydantic==0.3.5",
+    "pexpect==4.9.0",
+    "mcp==1.13.1"
 ]

src/backend/uv.lock

@@ -8,6 +8,8 @@ import {
   DialogBody,
   DialogActions,
   Button,
+  DialogOpenChangeEvent,
+  DialogOpenChangeData
 } from '@fluentui/react-components';
 import { Warning20Regular } from '@fluentui/react-icons';
 import "../../styles/Panel.css";
@@ -29,7 +31,7 @@ const PlanCancellationDialog: React.FC<PlanCancellationDialogProps> = ({
   loading = false
 }) => {
   return (
-    <Dialog open={isOpen} onOpenChange={(_, data) => !data.open && onCancel()}>
+    <Dialog open={isOpen} onOpenChange={(_: DialogOpenChangeEvent, data: DialogOpenChangeData) => !data.open && onCancel()}>
       <DialogSurface>
         <DialogBody>
           <DialogTitle>

src/frontend/src/components/common/PlanCancellationDialog.tsx

@@ -19,7 +19,13 @@ import {
   RadioGroup,
   Tab,
   TabList,
-  Tooltip
+  Tooltip,
+  DialogOpenChangeEvent,
+  DialogOpenChangeData,
+  TabValue,
+  SelectTabEvent,
+  SelectTabData,
+  InputOnChangeData
 } from '@fluentui/react-components';
 import {
   ChevronUpDown16Regular,
@@ -474,15 +480,15 @@ const TeamSelector: React.FC<TeamSelectorProps> = ({
               size="small"
               disabled={true}
               className={`${styles.moreButton} ${styles.moreButtonDisabled || ''}`}
-              onClick={(e) => e.stopPropagation()}
+              onClick={(e: React.MouseEvent) => e.stopPropagation()}
             />
           </Tooltip>
         ) : (
           <Button
             icon={<MoreHorizontal20Regular />}
             appearance="subtle"
             size="small"
-            onClick={(e) => handleDeleteTeam(team, e)}
+            onClick={(e: React.MouseEvent) => handleDeleteTeam(team, e)}
             className={styles.moreButton}
           />
         )}
@@ -492,7 +498,7 @@ const TeamSelector: React.FC<TeamSelectorProps> = ({
 
   return (
     <>
-      <Dialog open={isOpen} onOpenChange={(event, data) => handleOpenChange(data.open)}>
+      <Dialog open={isOpen} onOpenChange={(event: DialogOpenChangeEvent, data: DialogOpenChangeData) => handleOpenChange(data.open)}>
         <DialogTrigger disableButtonEnhancement>
           <Button
             appearance="subtle"
@@ -527,7 +533,7 @@ const TeamSelector: React.FC<TeamSelectorProps> = ({
                 <TabList
                   className={styles.tabList}
                   selectedValue={activeTab}
-                  onTabSelect={(event, data) => setActiveTab(data.value as string)}
+                  onTabSelect={(event: SelectTabEvent, data: SelectTabData) => setActiveTab(data.value as string)}
                 >
                   <Tab
                     value="teams"
@@ -559,7 +565,7 @@ const TeamSelector: React.FC<TeamSelectorProps> = ({
                           className={styles.searchInput}
                           placeholder="Search teams..."
                           value={searchQuery}
-                          onChange={(e, data) => {
+                          onChange={(e: React.ChangeEvent<HTMLInputElement>, data: InputOnChangeData) => {
                             console.log('Search changed:', data.value);
                             setSearchQuery(data.value || '');
                           }}
@@ -716,7 +722,7 @@ const TeamSelector: React.FC<TeamSelectorProps> = ({
         </DialogSurface>
       </Dialog>
 
-      <Dialog open={deleteConfirmOpen} onOpenChange={(event, data) => setDeleteConfirmOpen(data.open)}>
+      <Dialog open={deleteConfirmOpen} onOpenChange={(event: DialogOpenChangeEvent, data: DialogOpenChangeData) => setDeleteConfirmOpen(data.open)}>
         <DialogSurface className={styles.deleteDialogSurface}>
           <DialogContent className={styles.deleteDialogContent}>
             <DialogBody className={styles.deleteDialogBody}>

src/frontend/src/components/common/TeamSelector.tsx

@@ -60,17 +60,27 @@ const PlanPanelLeft: React.FC<PlanPanelLefProps> = ({
       console.log("Loading plans, forceRefresh:", forceRefresh);
       setPlansLoading(true);
       setPlansError(null);
-      const plansData = await apiService.getPlans(undefined, forceRefresh);
+      const plansData = await apiService.getPlans(undefined, !forceRefresh); // Invert forceRefresh for useCache
       setPlans(plansData);
+      
+      // Reset the reload flag after successful load
+      if (forceRefresh && restReload) {
+        restReload();
+      }
     } catch (error) {
       console.log("Failed to load plans:", error);
       setPlansError(
         error instanceof Error ? error : new Error("Failed to load plans")
       );
+      
+      // Reset the reload flag even on error to prevent infinite loops
+      if (forceRefresh && restReload) {
+        restReload();
+      }
     } finally {
       setPlansLoading(false);
     }
-  }, []);
+  }, [restReload]);
 
 
   // Fetch plans
@@ -85,7 +95,7 @@ const PlanPanelLeft: React.FC<PlanPanelLefProps> = ({
   useEffect(() => {
     console.log("Reload tasks changed:", reloadTasks);
     if (reloadTasks) {
-      loadPlansData();
+      loadPlansData(true); // Force refresh when reloadTasks is true
     }
   }, [loadPlansData, setUserInfo, reloadTasks]);
   useEffect(() => {

src/frontend/src/components/content/PlanPanelLeft.tsx

@@ -37,14 +37,14 @@ const PromptCard: React.FC<PromptCardProps> = ({
         transition: "background-color 0.2s ease-in-out",
       }}
       // 🧠 Only apply hover if not disabled
-      onMouseOver={(e) => {
+      onMouseOver={(e: React.MouseEvent<HTMLDivElement>) => {
         if (!disabled) {
           e.currentTarget.style.backgroundColor =
             "var(--colorNeutralBackground3Hover)";
             e.currentTarget.style.border = "1px solid var(--colorNeutralStroke1)"; // subtle shadow on hover
         }
       }}
-      onMouseOut={(e) => {
+      onMouseOut={(e: React.MouseEvent<HTMLDivElement>) => {
         if (!disabled) {
           e.currentTarget.style.backgroundColor =
             "var(--colorNeutralBackground3)";

src/frontend/src/coral/components/PromptCard.tsx

@@ -132,19 +132,36 @@ 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);
-        void apiService.sendAgentMessage(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) {
+                    // Single refresh with a delay to ensure backend processing is complete
+                    setTimeout(() => {
+                        setReloadLeftList(true);
+                    }, 1000);
+                }
             })
             .catch(err => {
                 console.warn('[agent_message][persist-failed]', err);
+                // Even if persistence fails, still refresh the task list for final messages
+                // The local plan data has been updated, so the UI should reflect that
+                if (is_final) {
+                    setTimeout(() => {
+                        setReloadLeftList(true);
+                    }, 1000);
+                }
             });
 
-    }, []);
+        return sendPromise;
+
+    }, [setReloadLeftList]);
 
     const resetPlanVariables = useCallback(() => {
         setInput("");
@@ -335,20 +352,17 @@ const PlanPage: React.FC = () => {
                     setPlanData({ ...planData });
                 }
 
+                // Wait for the agent message to be processed and persisted
+                // The processAgentMessage function will handle refreshing the task list
                 processAgentMessage(agentMessageData, planData, is_final, streamingMessageBuffer);
 
-                setTimeout(() => {
-                    console.log('✅ Plan completed, refreshing left list');
-                    setReloadLeftList(true);
-                }, 1000);
-
             }
 
 
         });
 
         return () => unsubscribe();
-    }, [scrollToBottom, planData, processAgentMessage, streamingMessageBuffer, setSelectedTeam, setReloadLeftList]);
+    }, [scrollToBottom, planData, processAgentMessage, streamingMessageBuffer, setSelectedTeam]);
 
     //WebsocketMessageType.AGENT_MESSAGE
     useEffect(() => {

src/frontend/src/pages/PlanPage.tsx

@@ -17,7 +17,7 @@ dynamic = ["version"]
 dependencies = [
   "fastmcp==2.11.3",
   "uvicorn[standard]==0.32.1",
-  "python-dotenv>=1.1.0",
+  "python-dotenv==1.1.1",
   "azure-identity==1.19.0",
   "pydantic==2.11.7",
   "pydantic-settings==2.6.1",