test cache api calls

Author: NicolasIRAGNE

app/static/js/monaco_editor.js

@@ -123,6 +123,7 @@ function updateWorkspaceEditor(tabId) {
     if (config) {
         workspaceMonacoEditor.setValue(config.content);
         monaco.editor.setModelLanguage(workspaceMonacoEditor.getModel(), config.language);
+        console.log("Updated workspace editor:", config.content);
         const languageSelect = document.getElementById('workspace-language-select');
         if (languageSelect) {
             languageSelect.value = config.language;

app/templates/components/quick_actions.html

@@ -128,6 +128,9 @@ <h3 class="text-sm font-black text-black mb-2 flex items-center gap-1">
 // Global state
 let isWorkspaceVisible = false;
 
+// Cache for actions data
+let actionsCache = null;
+
 // Initialize on page load
 document.addEventListener('DOMContentLoaded', function() {
     const workspaceSection = document.querySelector('.workspace-container');
@@ -143,11 +146,30 @@ <h3 class="text-sm font-black text-black mb-2 flex items-center gap-1">
 // Fetch and display actions from backend API
 async function loadActionsFromBackend() {
     try {
+        // Use cached data if available
+        if (actionsCache) {
+            renderActions(actionsCache);
+            return;
+        }
+        
         const response = await fetch('/api/actions/');
         if (!response.ok) throw new Error('Failed to fetch actions');
 
         const data = await response.json();
 
+        // Cache the data
+        actionsCache = data;
+        
+        renderActions(data);
+    } catch (error) {
+        console.error('Error loading actions:', error);
+    }
+}
+
+// Render actions from data
+function renderActions(data) {
+    try {
+        
         // Render agents (max 4)
         const agentsContainer = document.getElementById('agents-container');
         if (agentsContainer && data.agents) {

app/templates/components/workspace_actions.html

@@ -229,14 +229,36 @@ <h3 class="text-lg font-black text-black mb-3">Quick Actions</h3>
     }
 }
 
+// Cache for sidebar actions data
+let sidebarActionsCache = null;
+
 // Load sidebar actions from backend
 async function loadSidebarActions() {
     try {
+        // Use cached data if available
+        if (sidebarActionsCache) {
+            renderSidebarActions(sidebarActionsCache);
+            return;
+        }
+        
         const response = await fetch('/api/actions/');
         if (!response.ok) throw new Error('Failed to fetch actions');
 
         const data = await response.json();
 
+        // Cache the data
+        sidebarActionsCache = data;
+        
+        renderSidebarActions(data);
+    } catch (error) {
+        console.error('Error loading sidebar actions:', error);
+    }
+}
+
+// Render sidebar actions from data
+function renderSidebarActions(data) {
+    try {
+        
         // Render MCPs
         const mcpsContainer = document.getElementById('sidebar-mcps-container');
         if (mcpsContainer && data.mcps) {