@enigmax/dashboard 0.1.33 → 0.1.35

package/assets/index.html

@@ -4,6 +4,7 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>Enigma - Dashboard</title>
+    <link rel="icon" type="image/svg+xml" href="data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjE4Ny4zNiAyNTAwLjM3IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Im0xMDk0Ljc2IDY0MiA1MDkuNCAzMDcuMjYtNTA5LjQgMjkwLjc0LTUzMS4zNy0yOTAuNzR6IiBmaWxsPSIjZWEyNTllIi8+PHBhdGggZD0ibTU2My4zOSA5NjAgNTMxLjM3IDI5MC4xOC0yLjc0IDU5MS44Mi01MjguNjMtMjgwLjQ2eiIgZmlsbD0iIzAxNGM5OSIvPjxwYXRoIGQ9Im0xMDk0Ljc2IDEyNTAuMTggNTE1LjQtMjkwLjE4IDE0LjUxIDYwMS41NC01MjIuNTEgMjkxLjU5eiIgZmlsbD0iIzA4YjBmOSIvPjxnIGZpbGw9IiMyZjJmMmYiPjxwYXRoIGQ9Im0yMTUyLjc1IDYwNS4xNGMtMi41Ni0xLjQ2LTUuMTMtMi45My04LjA2LTQuNzZxLTI1NC4yMy0xNDUuNTEtNTA3Ljc2LTI5MS4zOC0yNjYuMzItMTUyLjY5LTUzMi4yOC0zMDUuMzRsLTYuMjMtMy42Ni02LjU5IDIuNTZhMjAyLjUzIDIwMi41MyAwIDAgMCAtMjkuMjggMTMuNTVxLTIzMS43MyAxMzUuNjMtNDYzLjEgMjcwLjg5Yy0xOTEuODMgMTEyLjQtMzg0LjAzIDIyNC40Mi01NzQuMzkgMzM2LjQ0LTIzLjggMTEtMjMuMDcgMzUuODgtMjIuNyA1MC44OSAwIDMuMjkuMzcgNyAwIDEwLjYycS0uNTUgNDI2LjEyLTEuNDYgODUyLjI0bC0uNzQgMzE2LjNjLTEuNDYgMTkgNyAzNS4xNSAyMS4yNCA0MS43NHEzMzAgMTg3LjI0IDY2MC4wNSAzNzUuMjNsMzg5LjE1IDIyMS41NGM4Ljc5IDUuNDkgMTcuNTcgOC40MiAyNS42MyA4LjQyYTI5LjEyIDI5LjEyIDAgMCAwIDE4LjMtNi4yM2w1NjQuNDctMzI1LjEzYzE2MC4zNS05Mi4yNiAzMjAuNy0xODQuODggNDc5Ljk0LTI3Ni40IDE3Ljk0LTguMDUgMjguNTYtMjYgMjYuMzYtNDIuODNsMS44My0xMTk3LjFjMi41Ni0yNy40Ni0yMC41LTQwLjI3LTM0LjQxLTQ3LjU5bS0xMDU4LjMyIDc1LjQxIDQ2NC4xOSAyNzAuMTctNDYzLjQ2IDI2Ny4yOC0xNTcuNzktODkuMzNxLTE1NS45NC04OC40MS0zMTEuOS0xNzYuNDVsNDY5LTI3MS42NG01MjcuNTIgMjMzLjU3LTUwNC4xLTI5My4yNGMtMTMuOTEtOS44OC0zMi4yMS05Ljg4LTQ1LjM5LTEuMWwtNTEwLjczIDI5NS43Ny00NjMuODMtMjYyLjEyIDMyMy42Mi0xODkuMjZxMzM2LjYyLTE5Ny4xNSA2NzMuNi0zOTMuNTUgMzA5LjE1IDE3OC40NyA2MTguNjggMzU1LjQ3IDE4OC45MSAxMDguNzQgMzc3LjggMjE3LjA5bC00NjkuNjkgMjcwLjkxbS0xNTU1Ljg2LTIwNS43NCA0NjEuNjMgMjYxLjM4IDkuNTIgNTc2LjU5Yy0xLjEgMTcuOTMgNy42OSAzNCAyMS42IDQwLjI3cTE1My4xOSA4OC4zOCAzMDcuMTkgMTc2LjQ1bDE5NyAxMTMuMTItLjM2IDUzOC41MS05OTguNzgtNTY4LjE2em01MjUuNyAyOTcuNjIgNDcxLjg4IDI2Ni44OC0uNzMgNTMwLjQ2LTQ2Mi4zNi0yNjUuNzh6bTUzNC44NSA4NzAuNTYgMTk3LjMyLTExMy4xMmMxMDEtNTguMjEgMjAyLjQ1LTExNiAzMDQuMjItMTc0LjYzbDIuOTMtMS44M2M1LjQ5LTMuMjkgMTIuODEtNy42OSAxNy45My0xNWwyLjkzLTR2LTQuNzZjLTEuMDktMTI3LTEuMDktMjU2LjYzLS43My0zODEuODMgMC03MC4yOS4zNy0xNDAuNTggMC0yMTAuODdsNDcyLjI1LTI3Mi4zNi0uNzMgNDY0LjU2LTEuMSA2NzguMzZxLTMxNi4yOSAxODEuNzYtNjMzIDM2NC4yNWwtMzYyLjc5IDIwOSAuNzMtNTM3Ljc4bTAtNzIuODYuMzctNTMwLjgyIDQ2NC45My0yNjh2NTMxLjkycS0yMzIuMjkgMTMyLjg5LTQ2NS4zIDI2Ni44NyIvPjxwYXRoIGQ9Im0xMDgwLjg1IDEzMy4yNmMtMTMuNTUgMS40Ni0yNS42MyAxMC4yNS0zMS44NSAyMy4wNi02LjIyIDEzLjU0LTUuNDkgMjguMTkgMi4yIDM5LjE3IDcuMzIgMTEuNzEgMjAuODYgMTguNjcgMzUuNTEgMTguNjdhNzIuODUgNzIuODUgMCAwIDAgOC40Mi0uNzNjMTcuMi0yLjkzIDMwLTE0LjY1IDMyLjk0LTI5LjY1YTM4LjM0IDM4LjM0IDAgMCAwIC05LjUxLTM3LjM1Yy05LjUyLTEwLjYxLTI0LjE3LTE1Ljc0LTM3LjcxLTEzLjE3bTI2LjcyIDE3NC42MmMtMTQuMjctNy42OS0zMS4xMS03LjMyLTQzLjU2IDEuMS0xMSA2LjIyLTE4LjMgMTcuOTMtMTkuNzcgMzEuNDgtMS4xIDEzLjU0IDQuMzkgMjYgMTMuMTggMzNhNDAuMTcgNDAuMTcgMCAwIDAgMjguMTkgMTEgNDUuNjggNDUuNjggMCAwIDAgMTguMy00YzE1Ljc0LTYuOTUgMjUuMjYtMjEuMjMgMjQuOS0zNi4yNC43My0xNC42NC03LjMyLTI4LjU1LTIxLjI0LTM2LjI0bTEuODMgMTcxLjY5Yy0xMy45MS04Ljc4LTMxLjExLTkuMTUtNDQuMjktMS40Ni0xMi4wOCA2LjIyLTE5Ljc3IDE3Ljk0LTIwLjg3IDMyLjIxczUuMTMgMjguMTkgMTUuNzQgMzUuMTVhNDEuMjkgNDEuMjkgMCAwIDAgMjYgOC43OCA0NS44OSA0NS44OSAwIDAgMCAxOC4zMS00YzE0LjY0LTYuNTkgMjMuNzktMTkgMjQuNTMtMzMuMzIgMS4xLTE1LTYuMjMtMjguOTItMTkuNDEtMzcuMzRtLTY3OS44MyAxMTIxLjJjLTE0LjI3IDQtMjUuMjYgMTUuNzQtMjguNTUgMzEuMTItMy4zIDE1Ljc0IDIuMTkgMzEuNDggMTMuMTggMzkuOWEzNy4wOCAzNy4wOCAwIDAgMCAyNC44OSA5LjUyIDM4LjY3IDM4LjY3IDAgMCAwIDkuMTUtMS4xYzEzLjE4LTIuOTIgMjQuMTctMTIuMDggMjguMTktMjMuMDYgNy0xNC4yOCA0LjQtMzEuNDgtNi45NS00NC4zLTEwLjI1LTEyLjA4LTI1LjYzLTE2LjQ3LTM5LjkxLTEyLjA4bTEyOTIuMjkgODAuOTFhMzQuNjMgMzQuNjMgMCAwIDAgMTAuMjUtMS40N2MxMy4xOC0zLjI5IDIzLjQzLTEyLjQ0IDI2LjcyLTIyLjY5IDcuMzItMTQuNjUgNC4zOS0zMi4yMi03LTQ1LjQtMTEtMTIuMDgtMjYuNzItMTYuNDctNDEtMTEuNzEtMTMuOTEgNC0yNC41MiAxNi4xLTI3LjQ1IDMxLjQ4LTIuOTMgMTUuNzQgMi41NiAzMS4xMiAxMy4xOCAzOS41NCA2LjU5IDcgMTUuNzQgMTAuMjUgMjUuMjYgMTAuMjVtLTE0MzggNS40OWMtMTQuNjQgNS4xMi0yNC41MyAxOC4zLTI2IDM0Ljc4LTEuNDcgMTYuODQgNi41OSAzMi41OCAxOS40IDM5LjlhMzcuOCAzNy44IDAgMCAwIDE5Ljc3IDUuODYgNDIuMjIgNDIuMjIgMCAwIDAgMTcuMjEtNGMxMi44MS01Ljg2IDIxLjYtMTcuNTcgMjIuNjktMjkuMjkgMy4zLTE0LjI3LTIuNTYtMzAuMzgtMTQuNjQtNDAuMjctMTEuMzUtOS44OC0yNS42My0xMi40NC0zOC40NC03bTE1ODAgODAuMTdhMzkuMTkgMzkuMTkgMCAwIDAgMTQuMjctMi41NmMxMy45Mi01LjEzIDIzLjgtMTcuMjEgMjUuMjYtMjkuMjkgNC0xNC4yNy0uNzMtMjkuNjUtMTIuNDQtNDAuMjctMTEtMTAuMjUtMjYuMzYtMTMuNTQtMzkuNTQtOC40Mi0xMy41NCA0Ljc2LTIzLjggMTYuODQtMjYuMzYgMzIuMjItMi41NiAxNS43NCAzLjMgMzEuMTIgMTQuMjggMzkuNTRhNDAuMTcgNDAuMTcgMCAwIDAgMjQuNTMgOC43OG0tMTY4OS44NSA4LjA2Yy0xMi40NS03LTI2LjczLTctMzguNDQgMC0xMi44MiA3LTIwLjg3IDIwLjg2LTIwLjg3IDM2LjYgMCAxNi4xMSA4Ljc5IDMwIDIxLjIzIDM2LjI1YTM0LjczIDM0LjczIDAgMCAwIDE3Ljk0IDQuNzYgNDEuNDggNDEuNDggMCAwIDAgMjItNi41OWMxMy4xNy04LjQyIDIwLjUtMjMuNDMgMTktMzYuMjUuMzctMTQuMjctNy42OS0yNy40NS0yMC44Ni0zNC43N20xODA4LjkxIDY4LjVhMzUuODEgMzUuODEgMCAwIDAgMjMuOCA5LjE2IDM4LjczIDM4LjczIDAgMCAwIDE1LjM4LTMuM2MxNC4yNy02LjIyIDI0LjE2LTE5LjQgMjQuODktMzIuMjEgMi45My0xNS43NS00LjM5LTMxLjg1LTE4LjMtNDEtMTIuODItOC43OC0yOC41Ni05LjE1LTQxLTEuMDlhNDEuNSA0MS41IDAgMCAwIC0yMC4xMyAzNGMtLjczIDE0LjI4IDUuNDkgMjcuODIgMTUuMzcgMzQuNDEiLz48L2c+PC9zdmc+">
     <style>
         :root {
             /* Core palette. --accent / --muted / --border are PINNED: the chart hardcodes
@@ -347,6 +348,7 @@
             <a href="#/accounts" data-view="accounts" class="tab">Accounts</a>
             <a href="#/skills" data-view="skills" class="tab">Skills</a>
             <a href="#/settings" data-view="settings" class="tab">Settings</a>
+            <a href="#/resources" data-view="resources" class="tab">Resources</a>
         </nav>
         <div class="nav">
             <span class="live"><span id="dot" class="dot stale"></span><span id="updated">Connecting...</span></span>
@@ -565,6 +567,24 @@
         <div id="settingsBody"><div class="empty" style="padding:24px 0">Loading settings...</div></div>
     </section>
 
+    <section id="view-resources" style="display:none">
+        <div class="page-head" style="display:flex;align-items:flex-start;gap:16px">
+            <div style="flex:1">
+                <h1>Resources</h1>
+                <p>Free up your machine: shut down WSL (the <code>vmmemWSL</code> RAM hog), quit Docker Desktop when it won't, free a stuck port, or kill any process. These actions are destructive and ask before running.</p>
+            </div>
+            <button id="resRefresh" type="button" class="iconbtn" title="Refresh" aria-label="Refresh"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M23 4v6h-6"/><path d="M1 20v-6h6"/><path d="M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15"/></svg></button>
+        </div>
+        <div id="resNote" class="set-note"></div>
+        <div class="panel"><div class="set-cat-h">System</div><div id="resSystem" class="set-grid"></div></div>
+        <div class="panel">
+            <div class="set-cat-h">Free a port</div>
+            <div class="ladd" style="max-width:320px"><input id="resPort" class="linput" type="number" min="1" max="65535" placeholder="port number, e.g. 3000"><button id="resFreePort" type="button" class="toggle on">Free</button></div>
+        </div>
+        <div class="panel"><div class="set-cat-h">Listening ports</div><div id="resPorts"><div class="empty" style="padding:12px 0">Loading...</div></div></div>
+        <div class="panel"><div class="set-cat-h">Processes <small>by memory</small></div><div id="resProcs"><div class="empty" style="padding:12px 0">Loading...</div></div></div>
+    </section>
+
     <footer>
         Polling pauses automatically when this tab is hidden, and the server caches each snapshot - so an open dashboard costs almost nothing.
         Data source: <code>~/.enigma/ccr/stats.json</code> + <code>history.jsonl</code> - reset it with <code>enigma compress --clear</code>. Enigma <span id="ver"></span>
@@ -2682,7 +2702,7 @@ export {
 
         // --- hash routing between the subpages ---
         // Single source of truth for the subpage ids (savings is the default/fallback).
-        const VIEWS = ["savings", "usage", "accounts", "skills", "settings"];
+        const VIEWS = ["savings", "usage", "accounts", "skills", "settings", "resources"];
         function route() {
             const h = (location.hash || "").replace(/^#\/?/, "");
             const v = VIEWS.includes(h) ? h : "savings";
@@ -2691,10 +2711,66 @@ export {
             if (v === "settings" && !settingsLoaded) { settingsLoaded = true; loadSettings(); }
             if (v === "skills" && !skillsLoaded) { skillsLoaded = true; loadSkills(); }
             if (v === "accounts" && !accountsLoaded) { accountsLoaded = true; loadAccounts(); }
+            if (v === "resources") loadResources();
             // The chart was sized while its view may have been hidden; nudge it on return.
             if (v === "savings") { loadSystems(true); if (chart) { try { applyRange(); } catch { /* not ready */ } } }
         }
 
+        // --- resources subpage (system cleanup; destructive, origin-guarded) ---
+        function fmtMB(kb) { return kb >= 1048576 ? (kb / 1048576).toFixed(1) + " GB" : Math.round(kb / 1024) + " MB"; }
+        function renderResources(s) {
+            s = s || {};
+            const mem = s.totalMem ? Math.round((s.totalMem - s.freeMem) / 1048576) + " / " + Math.round(s.totalMem / 1048576) + " MB used" : "-";
+            const wsl = s.wslAvailable
+                ? '<button type="button" class="btn-danger" data-res="wsl-shutdown">Shut down WSL</button>'
+                : '<span class="tag">not available</span>';
+            const dock = s.dockerRunning ? '<button type="button" class="btn-danger" data-res="docker-quit">Quit Docker</button>' : '<span class="tag">not running</span>';
+            $("resSystem").innerHTML =
+                '<div class="set-row"><div class="set-meta"><div class="set-name">Memory</div><div class="set-hint">' + esc(mem) + "</div></div></div>"
+                + '<div class="set-row"><div class="set-meta"><div class="set-name">WSL / vmmemWSL</div><div class="set-hint">' + (s.vmmemRunning ? "running - eating RAM; shut down to free it" : "not running") + '</div></div><div class="set-ctl">' + wsl + "</div></div>"
+                + '<div class="set-row"><div class="set-meta"><div class="set-name">Docker Desktop</div><div class="set-hint">' + (s.dockerRunning ? "running" : "not running") + '</div></div><div class="set-ctl">' + dock + "</div></div>";
+            const ports = s.ports || [];
+            $("resPorts").innerHTML = ports.length
+                ? ports.map((p) => '<div class="set-row"><div class="set-meta"><div class="set-name">:' + p.port + ' <span class="tag">' + esc(p.name || "pid " + p.pid) + '</span></div><div class="set-hint">pid ' + p.pid + " · " + esc(p.proto) + '</div></div><div class="set-ctl"><button type="button" class="btn-danger" data-res="free-port" data-value="' + p.port + '">Free</button></div></div>').join("")
+                : '<div class="empty" style="padding:12px 0">No listening ports found.</div>';
+            const procs = s.topProcesses || [];
+            $("resProcs").innerHTML = procs.length
+                ? procs.map((p) => '<div class="set-row"><div class="set-meta"><div class="set-name">' + esc(p.name) + ' <span class="tag">' + fmtMB(p.memKB) + '</span></div><div class="set-hint">pid ' + p.pid + '</div></div><div class="set-ctl"><button type="button" class="btn-danger" data-res="kill" data-value="' + p.pid + '">Kill</button></div></div>').join("")
+                : '<div class="empty" style="padding:12px 0">No processes found.</div>';
+        }
+        async function loadResources() {
+            $("resNote").textContent = "";
+            try { renderResources(await (await fetch("/api/resources", { cache: "no-store" })).json()); }
+            catch { $("resSystem").innerHTML = '<div class="empty" style="padding:12px 0">Resources unavailable.</div>'; }
+        }
+        async function resAction(op, value, confirmMsg) {
+            if (confirmMsg && !(await askConfirm("Confirm", confirmMsg, true))) return;
+            $("resNote").textContent = "Running...";
+            try {
+                const out = await (await fetch("/api/resources", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ op, value }) })).json();
+                $("resNote").textContent = out.message || (out.ok ? "Done." : "Failed.");
+                if (out.status) renderResources(out.status);
+            } catch { $("resNote").textContent = "Could not reach the server."; }
+        }
+        function wireResources() {
+            $("resRefresh").addEventListener("click", loadResources);
+            $("resFreePort").addEventListener("click", () => {
+                const port = Number($("resPort").value);
+                if (!port) { $("resNote").textContent = "Enter a port number."; return; }
+                resAction("free-port", port, "Kill whatever is listening on port " + port + "?");
+            });
+            $("view-resources").addEventListener("click", (e) => {
+                const b = e.target.closest("button[data-res]");
+                if (!b) return;
+                const op = b.dataset.res, value = b.dataset.value ? Number(b.dataset.value) : undefined;
+                const msg = op === "wsl-shutdown" ? "Shut down WSL? This stops every WSL distro and frees vmmemWSL."
+                    : op === "docker-quit" ? "Force-quit Docker Desktop and its WSL backend?"
+                    : op === "free-port" ? "Kill the process listening on port " + value + "?"
+                    : op === "kill" ? "Force-kill process " + value + "?" : "Run this action?";
+                resAction(op, value, msg);
+            });
+        }
+
         initChart();
         poll(true);
         loadClaudeStatus();
@@ -2707,6 +2783,7 @@ export {
         wireSkills();
         wireAccounts();
         wireUsage();
+        wireResources();
         $("cfgExport").addEventListener("click", exportConfig);
         $("cfgImport").addEventListener("click", importConfig);
         $("updateBtn").addEventListener("click", runUpdate);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@enigmax/dashboard",
-  "version": "0.1.33",
+  "version": "0.1.35",
   "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": [