openclaw-smartmeter 0.5.2 → 0.5.3

package/canvas-template/app.js

@@ -5,6 +5,7 @@
 
 /* ─── Globals ─── */
 const API_BASE_URL = `http://localhost:${window.__SMARTMETER_API_PORT || 3001}`;
+const STORAGE_PREFIX = window.__SMARTMETER_USER ? `smartmeter_${window.__SMARTMETER_USER}_` : 'smartmeter_';
 let analysisData = null;
 let modelChart = null;
 let taskChart = null;
@@ -901,7 +902,7 @@ async function validateInlineApiKey() {
   btn.textContent = 'Save & Validate';
 
   if (validated) {
-    localStorage.setItem('smartmeter_openrouter_key', key);
+    localStorage.setItem(STORAGE_PREFIX + 'openrouter_key', key);
     showStatus('✅ API key saved and validated!', 'success');
 
     // Show balance section, hide key input
@@ -959,7 +960,7 @@ function showApiKeyInput() {
 
 /** On init, check if key is already stored and auto-show balance */
 async function initGetStartedCard() {
-  const stored = localStorage.getItem('smartmeter_openrouter_key');
+  const stored = localStorage.getItem(STORAGE_PREFIX + 'openrouter_key');
   if (!stored) return;
 
   // Pre-fill the input
@@ -1274,7 +1275,7 @@ async function fetchOpenRouterUsage() {
 function openConfigModal() {
   document.getElementById('configModal').style.display = 'flex';
   const input = document.getElementById('apiKeyInput');
-  const stored = localStorage.getItem('smartmeter_openrouter_key');
+  const stored = localStorage.getItem(STORAGE_PREFIX + 'openrouter_key');
   if (stored && !input.value) input.value = stored;
   input.focus();
   const status = document.getElementById('configStatus');
@@ -1344,7 +1345,7 @@ async function saveApiKey() {
   }
 
   if (validated) {
-    localStorage.setItem('smartmeter_openrouter_key', key);
+    localStorage.setItem(STORAGE_PREFIX + 'openrouter_key', key);
     showStatus('✅ API key saved and validated!', 'success');
     setTimeout(() => {
       closeConfigModal();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "openclaw-smartmeter",
-  "version": "0.5.2",
+  "version": "0.5.3",
   "description": "AI cost optimization for OpenClaw - analyze usage and reduce costs by 48%",
   "main": "src/cli/index.js",
   "bin": {

package/src/cli/commands.js

@@ -92,9 +92,9 @@ export async function cmdAnalyze(opts = {}) {
       const apiServer = await startApiServer({ port: apiPort });
       const actualApiPort = apiServer.server.address().port;
       
-      // Start static file server in background
+      // Start static file server in background (pass API port for injection)
       console.log("✓ Starting dashboard server...");
-      const staticServer = await startStaticFileServer(deployer.canvasDir, port);
+      const staticServer = await startStaticFileServer(deployer.canvasDir, port, { apiPort: actualApiPort });
       const actualPort = staticServer.port;
       
       const url = `http://localhost:${actualPort}`;
@@ -885,10 +885,15 @@ async function findAvailablePort(startPort, maxAttempts = 10) {
   return null;
 }
 
-async function startStaticFileServer(directory, port) {
+async function startStaticFileServer(directory, port, options = {}) {
   const { createServer } = await import("node:http");
   const { readFile, stat } = await import("node:fs/promises");
   const { join, extname } = await import("node:path");
+  const { userInfo } = await import("node:os");
+
+  const apiPort = options.apiPort || 3001;
+  const osUser = (() => { try { return userInfo().username; } catch { return ''; } })();
+  const portScript = `<script>window.__SMARTMETER_API_PORT=${apiPort};window.__SMARTMETER_USER=${JSON.stringify(osUser)};</script>`;
 
   const mimeTypes = {
     '.html': 'text/html',
@@ -916,10 +921,20 @@ async function startStaticFileServer(directory, port) {
       }
 
       // Read and serve file
-      const content = await readFile(filePath);
+      let content = await readFile(filePath);
       const ext = extname(filePath);
       const mimeType = mimeTypes[ext] || 'application/octet-stream';
 
+      // Inject API port and OS username into index.html so dashboard connects
+      // to the correct API server and scopes localStorage per user
+      if (ext === '.html') {
+        let html = content.toString('utf-8');
+        html = html.replace('</head>', `${portScript}\n</head>`);
+        res.writeHead(200, { 'Content-Type': mimeType });
+        res.end(html);
+        return;
+      }
+
       res.writeHead(200, { 'Content-Type': mimeType });
       res.end(content);
     } catch (error) {