Integrate dashboard API into main container

dawid · claude · dawid · commit a4029c802f52 · 2026-01-16T13:10:49.000+01:00
Fix 502 Bad Gateway error by properly integrating dashboard: - Copy dashboard files to container at build time - Install dashboard dependencies (express, socket.io, cors) - Start dashboard API on port 3001 in run.sh - Add simple HTML dashboard page for testing - Set correct port separation (MCP:3000, Dashboard:3001) - Add dashboard process management This resolves the 502 error by ensuring the dashboard API actually runs inside the addon container. 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
diff --git a/Dockerfile b/Dockerfile
@@ -34,12 +34,22 @@ RUN npm install -g @modelcontextprotocol/server-filesystem
 # Switch back to root for remaining setup
 USER root
 
+# Install dashboard dependencies
+COPY dashboard/api/package.json /tmp/dashboard-api-package.json
+RUN cd /tmp && npm install express socket.io cors --production && \
+    mkdir -p /dashboard/api/node_modules && \
+    cp -r node_modules/* /dashboard/api/node_modules/ && \
+    rm -rf /tmp/node_modules /tmp/dashboard-api-package.json
+
 # Copy scripts and configuration
 COPY scripts/ /opt/scripts/
 COPY tcp-wrapper.js /tcp-wrapper.js
 COPY run.sh /run.sh
 COPY entrypoint.sh /entrypoint.sh
 
+# Copy dashboard files
+COPY dashboard/ /dashboard/
+
 # Set permissions
 RUN chmod +x /run.sh /entrypoint.sh /opt/scripts/*.sh
 
diff --git a/dashboard/api/server.js b/dashboard/api/server.js
@@ -23,14 +23,37 @@ app.use(cors({
 }));
 app.use(express.json());
 
-// Handle Ingress routing
-app.use('/dashboard', express.static(path.join(__dirname, '../frontend/build')));
-app.get('/dashboard/*', (req, res) => {
-  res.sendFile(path.join(__dirname, '../frontend/build', 'index.html'));
+// Serve a simple dashboard page for now
+app.get('/', (req, res) => {
+  res.send(`
+    <html>
+      <head><title>HA MCP Dashboard</title></head>
+      <body>
+        <h1>Home Assistant MCP Server Dashboard</h1>
+        <p>Dashboard API is running!</p>
+        <h2>Available Endpoints:</h2>
+        <ul>
+          <li><a href="/api/health">/api/health</a> - System health</li>
+          <li><a href="/api/metrics">/api/metrics</a> - System metrics</li>
+          <li><a href="/api/cache">/api/cache</a> - Cache statistics</li>
+          <li><a href="/api/logs">/api/logs</a> - Recent logs</li>
+          <li><a href="/api/dashboard">/api/dashboard</a> - Complete dashboard data</li>
+        </ul>
+        <p>Status: <span id="status">Checking...</span></p>
+        <script>
+          fetch('/api/health').then(r => r.json()).then(data => {
+            document.getElementById('status').textContent = data.overall_status || 'OK';
+          }).catch(e => {
+            document.getElementById('status').textContent = 'Error: ' + e.message;
+          });
+        </script>
+      </body>
+    </html>
+  `);
 });
 
 // Configuration
-const PORT = process.env.DASHBOARD_PORT || 3000;
+const PORT = process.env.DASHBOARD_PORT || 3001;  // Dashboard on 3001, MCP on 3000
 const SCRIPTS_PATH = path.join(__dirname, '../../scripts');
 const UPDATE_INTERVAL = 5000; // 5 seconds
 
diff --git a/run.sh b/run.sh
@@ -113,6 +113,16 @@ if [[ -f "/opt/scripts/monitor.sh" ]]; then
     (/opt/scripts/monitor.sh 2>/dev/null) &
 fi
 
+# Start Dashboard API on port 3001 if files exist
+if [[ -f "/dashboard/api/server.js" ]]; then
+    bashio::log.info "Starting Dashboard API on port 3001..."
+    cd /dashboard/api
+    nohup node server.js >/tmp/dashboard.log 2>&1 &
+    DASHBOARD_PID=$!
+    bashio::log.info "Dashboard API started with PID: $DASHBOARD_PID"
+    cd /
+fi
+
 # Run initial health check
 if [[ -f "/opt/scripts/health-check.sh" ]]; then
     bashio::log.info "Running initial health check..."
