Claude Code: Refactor dashboard to use static CONFIG object - remove external config file dependency, use window.location.origin directly for API base

frontend/agent-dashboard.html

@@ -740,10 +740,17 @@
     </div>
 
     <script>
-        // Configuration
-        const API_BASE = window.location.origin;
-        const POLL_INTERVAL = 2000; // 2 seconds
-        const RESOURCE_INTERVAL = 5000; // 5 seconds
+        // Static CONFIG - no external file fetch required
+        const CONFIG = {
+            apiBase: window.location.origin,
+            pollInterval: 2000,
+            resourceInterval: 5000,
+            state: 'idle',
+            agent: 'Cain',
+            stage: 'RUNNING',
+            health: 'healthy',
+            detail: 'Cain is operational'
+        };
 
         // State
         let lastThoughtCount = 0;
@@ -751,46 +758,34 @@
         let eventCount = 0;
         let lastResources = { adam: 100, eve: 100 };
 
-        // Default config fallback - used when config fetch fails
-        const defaultConfig = {
-            state: 'idle',
-            agent: 'Cain',
-            stage: 'RUNNING',
-            health: 'healthy',
-            detail: 'Cain is operational (fallback mode)'
-        };
-
         // Initialize with error boundary
         document.addEventListener('DOMContentLoaded', () => {
             try {
                 connectToEventBus();
-                setInterval(fetchThoughts, POLL_INTERVAL);
+                setInterval(fetchThoughts, CONFIG.pollInterval);
                 setInterval(updateStats, 1000);
-                setInterval(fetchResources, RESOURCE_INTERVAL);
-                setInterval(fetchDebugHealth, 5000); // Poll /debug/health every 5 seconds
-                setInterval(fetchApiHealth, 3000); // Poll /api/health every 3 seconds
-                setInterval(fetchCainState, 2000); // Poll /api/state every 2 seconds
-                fetchResources(); // Initial fetch
-                fetchDebugHealth(); // Initial health fetch
-                fetchApiHealth(); // Initial API health fetch
-                fetchCainState(); // Initial state fetch
+                setInterval(fetchResources, CONFIG.resourceInterval);
+                setInterval(fetchDebugHealth, 5000);
+                setInterval(fetchApiHealth, 3000);
+                setInterval(fetchCainState, 2000);
+                fetchResources();
+                fetchDebugHealth();
+                fetchApiHealth();
+                fetchCainState();
             } catch (initError) {
                 console.error('Initialization error:', initError);
-                // Initialize UI with fallback defaults
-                initializeWithDefaults(defaultConfig);
+                initializeWithDefaults(CONFIG);
             }
         });
 
-        // Initialize UI with default config when fetch fails
+        // Initialize UI with static CONFIG
         function initializeWithDefaults(config) {
-            // Set Cain state to defaults
             updateCainState({
                 health: config.health,
                 stage: config.stage,
                 state: config.state,
                 detail: config.detail
             });
-            // Update connection to show degraded but functional
             updateConnectionStatus(false);
             document.getElementById('connectionText').textContent = 'Fallback mode';
         }
@@ -818,7 +813,7 @@
         // Fetch thoughts from API
         async function fetchThoughts() {
             try {
-                const response = await fetch(`${API_BASE}/api/thoughts?limit=50`);
+                const response = await fetch(`${CONFIG.apiBase}/api/thoughts?limit=50`);
                 if (response.ok) {
                     const thoughts = await response.json();
                     displayThoughts(thoughts);
@@ -909,7 +904,7 @@
         // Clear thoughts display
         async function clearThoughts() {
             try {
-                await fetch(`${API_BASE}/api/thoughts/clear`, { method: 'POST' });
+                await fetch(`${CONFIG.apiBase}/api/thoughts/clear`, { method: 'POST' });
                 document.getElementById('thoughtsContainer').innerHTML = `
                     <div class="empty-state">
                         <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
@@ -977,7 +972,7 @@
         // Fetch resources from API
         async function fetchResources() {
             try {
-                const response = await fetch(`${API_BASE}/api/resources`);
+                const response = await fetch(`${CONFIG.apiBase}/api/resources`);
                 if (response.ok) {
                     const data = await response.json();
                     updateResourceDisplay(data.resources || {});
@@ -1040,7 +1035,7 @@
         // Show transfer history
         async function showTransferHistory() {
             try {
-                const response = await fetch(`${API_BASE}/api/resources/history?limit=10`);
+                const response = await fetch(`${CONFIG.apiBase}/api/resources/history?limit=10`);
                 if (response.ok) {
                     const data = await response.json();
                     displayTransferHistory(data.history || []);
@@ -1067,7 +1062,7 @@
         // Fetch debug health from API
         async function fetchDebugHealth() {
             try {
-                const response = await fetch(`${API_BASE}/debug/health`);
+                const response = await fetch(`${CONFIG.apiBase}/debug/health`);
                 if (response.ok) {
                     const data = await response.json();
                     updateDebugStats(data);
@@ -1107,7 +1102,7 @@
         // Fetch API health status
         async function fetchApiHealth() {
             try {
-                const response = await fetch(`${API_BASE}/api/health`);
+                const response = await fetch(`${CONFIG.apiBase}/api/health`);
                 if (response.ok) {
                     const data = await response.json();
                     updateFooterStatus(true, data);
@@ -1161,7 +1156,7 @@
         // Fetch Cain state from /api/state
         async function fetchCainState() {
             try {
-                const response = await fetch(`${API_BASE}/api/state`);
+                const response = await fetch(`${CONFIG.apiBase}/api/state`);
                 if (response.ok) {
                     const data = await response.json();
                     updateCainState(data);