stuff

frontend/src/main.js

@@ -17,7 +17,8 @@ const state = {
     currentView: 'dashboard', // 'dashboard' or 'task'
     isEditing: false,
     isAuthenticated: false,
-    chatMessages: []
+    chatMessages: [],
+    activeDashboardTab: 'chat' // 'chat' or 'activity'
 };
 // DOM elements
 const loginOverlay = document.getElementById('login-overlay');
@@ -271,6 +272,28 @@ function showDashboard() {
 
     renderTaskList();
     fetchRecentRuns();
+    renderDashboardTabs();
+}
+
+function renderDashboardTabs() {
+    const tabs = document.querySelectorAll('.tab-btn');
+    const panels = document.querySelectorAll('.tab-panel');
+
+    tabs.forEach(tab => {
+        if (tab.dataset.tab === state.activeDashboardTab) {
+            tab.classList.add('active');
+        } else {
+            tab.classList.remove('active');
+        }
+    });
+
+    panels.forEach(panel => {
+        if (panel.id === `${state.activeDashboardTab}-tab-panel`) {
+            panel.classList.add('active');
+        } else {
+            panel.classList.remove('active');
+        }
+    });
 }
 
 function renderDashboard(recentRuns) {
@@ -723,6 +746,13 @@ logoutBtn.addEventListener('click', () => {
     logout();
 });
 
+document.querySelectorAll('.tab-btn').forEach(btn => {
+    btn.addEventListener('click', () => {
+        state.activeDashboardTab = btn.dataset.tab;
+        renderDashboardTabs();
+    });
+});
+
 async function initializeApp() {
     const hasSession = await checkSession();