@enigmax/dashboard 0.1.10 → 0.1.12

package/assets/index.html

@@ -205,6 +205,7 @@
                 <h2>Enigma Systems <small>what's active - configuration, not savings</small></h2>
                 <div class="ctrls">
                     <button id="refreshBtn" type="button" class="toggle">Refresh</button>
+                    <button id="fixPathBtn" type="button" class="toggle">Fix tool paths</button>
                     <button id="updateBtn" type="button" class="toggle on">Check &amp; update</button>
                 </div>
             </div>
@@ -545,21 +546,36 @@
             const reset = w.kind === "session"
                 ? (w.resetsAt ? "Resets " + fmtResetIn(w.resetsAt) : "No active session")
                 : (w.resetsAt ? fmtResetAt(w.resetsAt) : "");
-            let body;
-            if (sub === "weeklySonnet" && (w.used || 0) === 0) {
-                body = '<div class="wval muted">You haven\'t used Sonnet yet</div>';
-            } else if (w.pct != null) {
-                const p = Math.round(w.pct);
-                const col = w.pct >= 90 ? "var(--accent2)" : "var(--accent)";
-                body = '<div class="wval">' + p + '% used</div>'
-                    + '<div class="bar-track" style="margin-top:8px"><div class="bar-fill" style="width:' + Math.min(100, w.pct) + '%;background:' + col + '"></div></div>';
+            const live = w.live ? ' <span class="tag meas">live</span>' : "";
+            const span = w.kind === "session" ? 5 * 3600000 : 7 * 86400000;
+            const head = '<div class="wcard"><div class="wtitle">' + esc(w.label) + live + '</div><div class="wreset">' + esc(reset) + '</div>';
+            if (sub === "weeklySonnet" && (w.used || 0) === 0 && w.pct == null) {
+                return head + '<div class="wval muted">You haven\'t used Sonnet yet</div></div>';
+            }
+            // Every card shows a bar: the real usage % when known (live or vs a set limit),
+            // otherwise how much of the window has elapsed in time - so the weekly card has a
+            // bar even before the proxy has captured live limits.
+            let barPct, barCol, barNote, valLine;
+            if (w.pct != null) {
+                barPct = Math.min(100, w.pct);
+                barCol = w.pct >= 90 ? "var(--accent2)" : "var(--accent)";
+                barNote = (w.live ? "live · " : "") + fmt(w.used || 0) + " tok";
+                valLine = Math.round(w.pct) + "% used";
+            } else if (w.resetsAt) {
+                const start = w.resetsAt - span;
+                barPct = Math.max(0, Math.min(100, (Date.now() - start) / span * 100));
+                barCol = "var(--muted)";
+                barNote = "window " + Math.round(barPct) + "% elapsed";
+                valLine = fmt(w.used || 0) + " tok";
             } else {
-                body = '<div class="wval">' + fmt(w.used || 0) + ' tok</div>'
-                    + '<div class="wset"><input type="number" min="0" class="wlimit" data-plan="' + sub + '" placeholder="set limit (tokens)">'
-                    + '<button type="button" class="laddb" data-plan="' + sub + '">Set</button></div>';
+                barPct = 0; barCol = "var(--muted)"; barNote = ""; valLine = fmt(w.used || 0) + " tok";
             }
-            const live = w.live ? ' <span class="tag meas">live</span>' : "";
-            return '<div class="wcard"><div class="wtitle">' + esc(w.label) + live + '</div><div class="wreset">' + esc(reset) + '</div>' + body + '</div>';
+            const bar = '<div class="bar-track" style="margin-top:8px"><div class="bar-fill" style="width:' + barPct + '%;background:' + barCol + '"></div></div>'
+                + (barNote ? '<div class="wreset" style="margin-top:4px">' + esc(barNote) + "</div>" : "");
+            const setter = w.pct == null
+                ? '<div class="wset"><input type="number" min="0" class="wlimit" data-plan="' + sub + '" placeholder="set limit for %"><button type="button" class="laddb" data-plan="' + sub + '">Set</button></div>'
+                : "";
+            return head + '<div class="wval">' + valLine + "</div>" + bar + setter + "</div>";
         }
         function renderWindows(u) {
             const w = u && u.windows;
@@ -994,7 +1010,17 @@
                 + item("Local dashboard", pill(s.dashboard === "off" ? "off" : "lvl", s.dashboard || "off"))
                 + item("Permission bypass (security)", boolPill(sec.permissionBypass))
                 + item("Commit guard blocks", guard || '<span class="tag">set up with enigma security</span>')
-                + item("Skills", skillTags);
+                + item("Skills", skillTags)
+                + item("Tool launch paths", toolPathTags(s.tools));
+        }
+
+        // Per-tool launch-path status: green when launchable, yellow when off PATH, red when missing.
+        function toolPathTags(tools) {
+            if (!tools || !tools.length) return '<span class="tag">unknown</span>';
+            return tools.map((t) => {
+                const cls = t.status === "not installed" ? "warn" : (t.status === "installed, off PATH" ? "ext" : "");
+                return '<span class="tag ' + cls + '">' + esc(t.label) + ": " + esc(t.status) + "</span>";
+            }).join("");
         }
 
         async function runUpdate() {
@@ -1010,6 +1036,18 @@
             } catch { $("updateNote").textContent = "Could not reach the server to update."; }
         }
 
+        // Detect & repair every tool's launch path; the server persists any off-PATH
+        // binary so `enigma <tool>` works, and returns the refreshed status.
+        async function runFixPath() {
+            $("updateNote").textContent = "Detecting tool paths...";
+            try {
+                const res = await fetch("/api/fix-path", { method: "POST", headers: { "Content-Type": "application/json" }, body: "{}" });
+                const out = await res.json();
+                $("updateNote").textContent = (out.lines || []).join("  ") || (out.ok ? "Tool paths OK." : "Could not fix all tools.");
+                loadSystems(true);
+            } catch { $("updateNote").textContent = "Could not reach the server to fix tool paths."; }
+        }
+
         async function loadSystems(force) {
             if (!live && !force) return;
             try {
@@ -1268,6 +1306,7 @@
         $("cfgExport").addEventListener("click", exportConfig);
         $("cfgImport").addEventListener("click", importConfig);
         $("updateBtn").addEventListener("click", runUpdate);
+        $("fixPathBtn").addEventListener("click", runFixPath);
         $("refreshBtn").addEventListener("click", () => refreshAll(true));
         window.addEventListener("hashchange", route);
         route();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@enigmax/dashboard",
-  "version": "0.1.10",
+  "version": "0.1.12",
   "description": "Local browser dashboard UI for enigma: the static page and chart assets enigma serves on its loopback dashboard (savings, real tool usage, in-browser settings). Installed on demand by enigma-cli; not a runtime dependency.",
   "type": "module",
   "files": [