@enigmax/dashboard 0.1.44 → 0.1.46

package/assets/index.html

@@ -331,6 +331,18 @@
         ::-webkit-scrollbar-corner { background: transparent; }
         ::-webkit-scrollbar-thumb { background: #2b3340; border-radius: 999px; }
         ::-webkit-scrollbar-thumb:hover { background: #3a4150; }
+        /* Scope selector (global vs a project) in the header. */
+        .scope-wrap { display: inline-flex; align-items: center; gap: 6px; }
+        .scope-lbl { font-family: var(--mono); font-size: 11px; text-transform: uppercase; letter-spacing: .04em; color: var(--muted); }
+        .scope-sel {
+            font-family: var(--mono); font-size: 12px; color: var(--text); background: var(--surface);
+            border: 1px solid var(--border); border-radius: 8px; padding: 5px 8px; cursor: pointer; max-width: 220px;
+        }
+        .scope-sel:focus { outline: none; border-color: var(--accent); }
+        .tab.disabled { opacity: .4; pointer-events: none; }
+        .scope-banner { font-family: var(--mono); font-size: 12px; color: var(--muted); margin-bottom: 12px; }
+        .scope-banner b { color: var(--text); }
+
         /* Animated modal dialog - replaces native alert/prompt/confirm so dialogs keep the design. */
         .modal-back {
             position: fixed; inset: 0; z-index: 100; display: flex; align-items: center; justify-content: center;
@@ -401,6 +413,7 @@
             <a href="#/resources" data-view="resources" class="tab">Resources</a>
         </nav>
         <div class="nav">
+            <label class="scope-wrap" title="Scope: global config or a specific project"><span class="scope-lbl">Scope</span><select id="scopeSel" class="scope-sel"><option value="global">Global</option></select></label>
             <span class="live"><span id="dot" class="dot stale"></span><span id="updated">Connecting...</span></span>
             <nav class="links">
                 <a href="https://github.com/FJRG2007/enigma" target="_blank" rel="noopener noreferrer" title="GitHub repository" aria-label="GitHub repository">
@@ -2541,7 +2554,9 @@ export {
             const el = $("settingsBody");
             el.addEventListener("click", (e) => {
                 const b = e.target.closest("button.toggle");
-                if (b) { postSetting(b.dataset.skey, b.dataset.on !== "1", b); return; }
+                // In project scope this body holds project controls (data-proj-*), handled by the
+                // scope delegate; only act on real global settings toggles (they carry data-skey).
+                if (b && b.dataset.skey) { postSetting(b.dataset.skey, b.dataset.on !== "1", b); return; }
                 const rm = e.target.closest("button.lx");
                 if (rm) { postListOp(rm.dataset.skey, "remove", rm.dataset.item); return; }
                 const add = e.target.closest("button.laddb");
@@ -2551,7 +2566,7 @@ export {
                 }
             });
             el.addEventListener("change", (e) => {
-                const sel = e.target.closest("select.choice");
+                const sel = e.target.closest("select.choice[data-skey]");
                 if (sel) postSetting(sel.dataset.skey, sel.value, sel);
             });
             el.addEventListener("keydown", (e) => {
@@ -2566,6 +2581,8 @@ export {
 
         let settingsLoaded = false;
         async function loadSettings() {
+            if (isProjectScope()) return loadProjectSettings();
+            const port = $("dashPortPanel"); if (port) port.style.display = ""; // global-only panel
             try {
                 const data = await (await fetch("/api/settings", { cache: "no-store" })).json();
                 renderSettings(data.categories || []);
@@ -2745,8 +2762,12 @@ export {
             codex: '<svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M22.2819 9.8211a5.9847 5.9847 0 0 0-.5157-4.9108 6.0462 6.0462 0 0 0-6.5098-2.9A6.0651 6.0651 0 0 0 4.9807 4.1818a5.9847 5.9847 0 0 0-3.9977 2.9 6.0462 6.0462 0 0 0 .7427 7.0966 5.98 5.98 0 0 0 .511 4.9107 6.051 6.051 0 0 0 6.5146 2.9001A5.9847 5.9847 0 0 0 13.2599 24a6.0557 6.0557 0 0 0 5.7718-4.2058 5.9894 5.9894 0 0 0 3.9977-2.9001 6.0557 6.0557 0 0 0-.7475-7.0729zm-9.022 12.6081a4.4755 4.4755 0 0 1-2.8764-1.0408l.1419-.0804 4.7783-2.7582a.7948.7948 0 0 0 .3927-.6813v-6.7369l2.02 1.1686a.071.071 0 0 1 .038.052v5.5826a4.504 4.504 0 0 1-4.4945 4.4944zm-9.6607-4.1254a4.4708 4.4708 0 0 1-.5346-3.0137l.142.0852 4.783 2.7582a.7712.7712 0 0 0 .7806 0l5.8428-3.3685v2.3324a.0804.0804 0 0 1-.0332.0615L9.74 19.9502a4.4992 4.4992 0 0 1-6.1408-1.6464zM2.3408 7.8956a4.485 4.485 0 0 1 2.3655-1.9728V11.6a.7664.7664 0 0 0 .3879.6765l5.8144 3.3543-2.0201 1.1685a.0757.0757 0 0 1-.071 0l-4.8303-2.7865A4.504 4.504 0 0 1 2.3408 7.872zm16.5963 3.8558L13.1038 8.364 15.1192 7.2a.0757.0757 0 0 1 .071 0l4.8303 2.7913a4.4944 4.4944 0 0 1-.6765 8.1042v-5.6772a.79.79 0 0 0-.407-.667zm2.0107-3.0231l-.142-.0852-4.7735-2.7818a.7759.7759 0 0 0-.7854 0L9.409 9.2297V6.8974a.0662.0662 0 0 1 .0284-.0615l4.8303-2.7866a4.4992 4.4992 0 0 1 6.6802 4.66zM8.3065 12.863l-2.02-1.1638a.0804.0804 0 0 1-.038-.0567V6.0742a4.4992 4.4992 0 0 1 7.3757-3.4537l-.142.0805L8.704 5.459a.7948.7948 0 0 0-.3927.6813zm1.0976-2.3654l2.602-1.4998 2.6069 1.4998v2.9994l-2.5974 1.4997-2.6067-1.4997Z"/></svg>',
             opencode: '<svg viewBox="0 0 240 300" fill="currentColor" aria-hidden="true"><path d="M180 240H60V120H180V240Z" opacity=".55"/><path fill-rule="evenodd" d="M180 60H60V240H180V60ZM240 300H0V0H240V300Z"/></svg>',
         };
-        // App label -> internal name, so the "where deployed" tag (which carries labels) maps to icons.
-        const AGENT_NAME_BY_LABEL = { "Claude Code": "claude", "OpenAI Codex": "codex", "OpenCode": "opencode" };
+        // App label -> internal name. Normalized (substring match) so every label variant maps
+        // to an icon: "Claude Code", "Codex"/"OpenAI Codex", "opencode"/"OpenCode".
+        const agentName = (label) => {
+            const s = String(label || "").toLowerCase();
+            return s.includes("claude") ? "claude" : s.includes("opencode") ? "opencode" : s.includes("codex") ? "codex" : "";
+        };
         const agentSvg = (name) => AGENT_ICONS[name] || "";
 
         // Compression sources -> a brand icon. Reuses the app icons; the CLI source is enigma itself
@@ -2762,14 +2783,18 @@ export {
             // Last-edited date (from skill.json), shown relative via the vendored <relative-time>.
             const edited = s.updated ? '<span class="tag" title="Last edited ' + esc(new Date(s.updated).toLocaleString()) + '">edited '
                 + rtime(new Date(s.updated).getTime(), 'format="relative"', new Date(s.updated).toLocaleDateString()) + "</span>" : "";
-            // Show one app icon per agent that holds the skill (name in the tooltip), not the names.
-            const where = s.agents && s.agents.length
-                ? '<span class="aicons">' + s.agents.map((l) => {
-                    const ic = agentSvg(AGENT_NAME_BY_LABEL[l]);
-                    return ic ? '<span class="aicon" title="' + esc(l) + '" aria-label="' + esc(l) + '">' + ic + "</span>"
-                        : '<span class="tag">' + esc(l) + "</span>";
-                }).join("") + "</span>"
-                : (s.discarded ? '<span class="tag">disabled</span>' : '<span class="tag">not deployed</span>');
+            // Per-app deployment is shown by the on/off chips below (one per CLI) for an enabled
+            // enigma skill, so the static "where deployed" icons would be redundant there - only
+            // show them when there are no chips (external or disabled skills).
+            const hasChips = s.source === "enigma" && !s.discarded && s.agentStates && s.agentStates.length;
+            const where = hasChips ? ""
+                : s.agents && s.agents.length
+                    ? '<span class="aicons">' + s.agents.map((l) => {
+                        const ic = agentSvg(agentName(l));
+                        return ic ? '<span class="aicon" title="' + esc(l) + '" aria-label="' + esc(l) + '">' + ic + "</span>"
+                            : '<span class="tag">' + esc(l) + "</span>";
+                    }).join("") + "</span>"
+                    : (s.discarded ? '<span class="tag">disabled</span>' : '<span class="tag">not deployed</span>');
             const ext = s.source === "external" ? '<span class="tag ext">external</span>' : "";
             const upd = s.source !== "enigma" ? ""
                 : s.update === "update" ? '<span class="tag warn">update available</span>'
@@ -2789,7 +2814,7 @@ export {
             // Per-app on/off chips (Claude Code, Codex, OpenCode...). Only for an enabled enigma
             // skill: when the whole skill is disabled the per-agent state is moot. data-off is the
             // value to SET on click (turn off if currently on, on if currently off).
-            const agentChips = (s.source === "enigma" && !s.discarded && s.agentStates && s.agentStates.length)
+            const agentChips = hasChips
                 ? '<div class="set-agents">' + s.agentStates.map((a) =>
                     '<button type="button" class="achip' + (a.deployed ? " on" : "") + '" data-action="agent-toggle" data-name="' + esc(s.name)
                     + '" data-agent="' + esc(a.name) + '" data-off="' + (a.deployed ? 1 : 0) + '" aria-label="' + esc(a.label) + '" title="'
@@ -2916,6 +2941,7 @@ export {
 
         let skillsLoaded = false;
         async function loadSkills() {
+            if (isProjectScope()) return loadProjectSkills();
             loadSkillSettings();
             try {
                 const res = await fetch("/api/skills", { cache: "no-store" });
@@ -3076,18 +3102,27 @@ 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", "resources"];
+        // Views that apply to a single project; the rest are global/machine-level only.
+        const PROJECT_VIEWS = ["settings", "skills"];
+        let activeView = "savings";
         function route() {
+            const project = isProjectScope();
+            // Gate the tabs by scope: under a project, only project-applicable views are reachable.
+            document.querySelectorAll(".tab").forEach((t) => t.classList.toggle("disabled", project && PROJECT_VIEWS.indexOf(t.dataset.view) === -1));
             const h = (location.hash || "").replace(/^#\/?/, "");
-            const v = VIEWS.includes(h) ? h : "savings";
+            let v = VIEWS.includes(h) ? h : "savings";
+            if (project && PROJECT_VIEWS.indexOf(v) === -1) v = "settings";
+            activeView = v;
             VIEWS.forEach((view) => { $("view-" + view).style.display = view === v ? "" : "none"; });
             document.querySelectorAll(".tab").forEach((t) => t.classList.toggle("active", t.dataset.view === v));
-            if (v === "settings" && !settingsLoaded) { settingsLoaded = true; loadSettings(); }
-            if (v === "skills" && !skillsLoaded) { skillsLoaded = true; loadSkills(); }
-            if (v === "accounts" && !accountsLoaded) { accountsLoaded = true; loadAccounts(); }
-            if (v === "usage") { loadProviderStatus(); if (!usageAccountsLoaded) { usageAccountsLoaded = true; loadUsageAccounts(); } }
-            if (v === "resources") loadResources();
+            // Settings + Skills always reload (they are scope-dependent); the rest keep their once-load.
+            if (v === "settings") loadSettings();
+            else if (v === "skills") loadSkills();
+            else if (v === "accounts") { if (!accountsLoaded) { accountsLoaded = true; loadAccounts(); } }
+            else if (v === "usage") { loadProviderStatus(); if (!usageAccountsLoaded) { usageAccountsLoaded = true; loadUsageAccounts(); } }
+            else 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 */ } } }
+            else if (v === "savings") { loadSystems(true); if (chart) { try { applyRange(); } catch { /* not ready */ } } }
         }
 
         // --- resources subpage (system cleanup; destructive, origin-guarded) ---
@@ -3145,6 +3180,155 @@ export {
             });
         }
 
+        // --- scope (global vs a project) ---------------------------------------------
+        // A header selector switches the whole dashboard between Global and a specific
+        // project. Project scope is loopback-only and only ever touches a registered
+        // project (the server validates the path on create). Settings + Skills become
+        // scope-aware; the global-only views are disabled while a project is selected.
+        let projectsCache = [];
+        let currentScope = "global";
+        try { currentScope = localStorage.getItem("enigmaScope") || "global"; } catch { /* private mode */ }
+        function isProjectScope() { return currentScope !== "global"; }
+        function scopeLabel() { const p = projectsCache.find((x) => x.path === currentScope); return p ? p.label : currentScope; }
+
+        function populateScopeSelector() {
+            const sel = $("scopeSel");
+            if (!sel) return;
+            // A saved project that no longer exists falls back to Global.
+            if (isProjectScope() && !projectsCache.some((p) => p.path === currentScope)) {
+                currentScope = "global"; try { localStorage.setItem("enigmaScope", "global"); } catch { /* */ }
+            }
+            sel.innerHTML = '<option value="global">Global</option>'
+                + projectsCache.map((p) => '<option value="' + esc(p.path) + '">' + esc(p.label) + "</option>").join("")
+                + '<option value="__create__">+ Create new project</option>';
+            sel.value = currentScope;
+        }
+        async function loadProjectsList() {
+            try { projectsCache = ((await (await fetch("/api/projects", { cache: "no-store" })).json()).projects) || []; }
+            catch { projectsCache = []; }
+            populateScopeSelector();
+        }
+        async function openCreateProject() {
+            const path = await askText("Create new project", "", "Absolute path to the project folder (its name becomes the label):",
+                (v) => /^(\/|[A-Za-z]:[\\/]|\\\\)/.test(v) ? null : "Enter an absolute path, e.g. /home/you/app or C:\\path\\to\\app.");
+            if (!path) return;
+            const before = new Set(projectsCache.map((p) => p.path));
+            let out;
+            try { out = await (await fetch("/api/projects", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ op: "add", path }) })).json(); }
+            catch { await openModal({ title: "Could not add project", message: "Could not reach the server." }); return; }
+            if (!out.ok) { await openModal({ title: "Could not add project", message: out.error || "That path could not be added." }); return; }
+            projectsCache = out.projects || projectsCache;
+            const added = projectsCache.find((p) => !before.has(p.path)) || projectsCache[projectsCache.length - 1];
+            currentScope = added ? added.path : "global";
+            try { localStorage.setItem("enigmaScope", currentScope); } catch { /* */ }
+            populateScopeSelector();
+            location.hash = "#/settings"; route();
+        }
+        function wireScope() {
+            const sel = $("scopeSel");
+            if (sel) sel.addEventListener("change", () => {
+                const val = sel.value;
+                if (val === "__create__") { sel.value = currentScope; openCreateProject(); return; }
+                currentScope = val;
+                try { localStorage.setItem("enigmaScope", val); } catch { /* */ }
+                route();
+            });
+            // One delegated handler for every project-scope control across Settings + Skills.
+            document.body.addEventListener("click", onProjectControlClick);
+            document.body.addEventListener("change", onProjectControlChange);
+        }
+
+        // --- project-scope rendering (reuses settingsBody / skillsBody) ----------------
+        function projConfigRow(c) {
+            const asSwitch = !c.choices || (c.choices.length === 2 && c.choices.indexOf(c.offChoice) !== -1);
+            const ctl = !asSwitch
+                ? '<select class="choice" data-proj-cfg="' + esc(c.key) + '">' + c.choices.map((x) => '<option value="' + esc(x) + '"' + (x === c.choice ? " selected" : "") + ">" + esc(prettyChoice(x)) + "</option>").join("") + "</select>"
+                : '<button type="button" class="toggle' + (c.value ? " on" : "") + '" data-proj-cfg-bool="' + esc(c.key) + '" data-on="' + (c.value ? 1 : 0) + '">' + (c.value ? "On" : "Off") + "</button>";
+            const reset = c.overridden ? ' <button type="button" class="iconbtn" data-proj-cfg-reset="' + esc(c.key) + '" title="Inherit global">reset</button>' : "";
+            const badge = c.overridden ? ' <span class="tag">project</span>' : ' <span class="tag">inherited</span>';
+            return '<div class="set-row"><div class="set-meta"><div class="set-name">' + esc(c.label) + badge + '</div><div class="set-hint">' + esc(c.hint) + "</div></div>"
+                + '<div class="set-ctl ladd" style="align-items:center">' + ctl + reset + "</div></div>";
+        }
+        async function fetchProjectDetail() {
+            return (await (await fetch("/api/projects/detail?path=" + encodeURIComponent(currentScope), { cache: "no-store" })).json());
+        }
+        async function loadProjectSettings() {
+            const el = $("settingsBody");
+            const port = $("dashPortPanel"); if (port) port.style.display = "none"; // global-only
+            el.innerHTML = '<div class="empty" style="padding:24px 0">Loading...</div>';
+            let d; try { d = await fetchProjectDetail(); } catch { el.innerHTML = '<div class="empty" style="padding:24px 0">Project unavailable.</div>'; return; }
+            if (d.error) { el.innerHTML = '<div class="empty" style="padding:24px 0">' + esc(d.error) + "</div>"; return; }
+            const agentsLine = (d.agents || []).map((a) => esc(a.label) + (a.installed ? "" : " (not installed)")).join(", ") || "no agents detected";
+            const hooks = d.hooks ? '<span class="tag">installed</span>' : (d.isGitRepo ? '<button type="button" class="toggle on" data-proj-act="hooks">Install git hooks</button>' : '<span class="tag">not a git repo</span>');
+            const gate = d.gate ? '<span class="tag">initialized</span> <button type="button" class="toggle" data-proj-act="gate-eject">Eject</button>' : '<button type="button" class="toggle on" data-proj-act="gate-init">Initialize gate</button>';
+            const cfg = (d.config || []).map(projConfigRow).join("") || '<div class="empty" style="padding:8px 0">No project settings.</div>';
+            el.innerHTML =
+                '<div class="scope-banner">Editing <b>' + esc(d.label) + "</b> &middot; " + esc(d.path) + " &middot; " + agentsLine + "</div>"
+                + '<div class="panel"><div class="set-cat-h">Setup</div><div class="set-grid">'
+                + '<div class="set-row"><div class="set-meta"><div class="set-name">Git hooks</div><div class="set-hint">commit secret guard for this repo</div></div><div class="set-ctl">' + hooks + "</div></div>"
+                + '<div class="set-row"><div class="set-meta"><div class="set-name">AI quality gate</div><div class="set-hint">validate changes through the gate pipeline before push (needs the gate feature enabled)</div></div><div class="set-ctl">' + gate + "</div></div></div></div>"
+                + '<div class="panel"><div class="set-cat-h">Project config</div><div class="set-cat-b">applies only to this project (its .enigma.json). Settings not shown here are global-only - switch Scope to Global for those.</div><div class="set-grid">' + cfg + "</div></div>"
+                + '<div class="panel"><div class="set-cat-h">Manage</div><div class="set-grid"><div class="set-row"><div class="set-meta"><div class="set-name">Forget project</div><div class="set-hint">remove it from the dashboard list - its files are not touched</div></div><div class="set-ctl"><button type="button" class="toggle" data-proj-forget>Forget</button></div></div></div></div>';
+        }
+        async function loadProjectSkills() {
+            const el = $("skillsBody");
+            const ss = $("skillSettings"); if (ss) ss.innerHTML = '<div class="set-cat-b" style="padding:0 0 4px">Skill settings are global - switch Scope to Global to change them.</div>';
+            el.innerHTML = '<div class="empty" style="padding:24px 0">Loading...</div>';
+            let d; try { d = await fetchProjectDetail(); } catch { el.innerHTML = '<div class="empty" style="padding:24px 0">Project unavailable.</div>'; return; }
+            if (d.error) { el.innerHTML = '<div class="empty" style="padding:24px 0">' + esc(d.error) + "</div>"; return; }
+            const deployed = new Set(); (d.agents || []).forEach((a) => (a.deployed || []).forEach((s) => deployed.add(s)));
+            const rows = (d.available || []).map((s) => {
+                const on = deployed.has(s.name);
+                return '<div class="set-row"><div class="set-meta"><div class="set-name">' + esc(s.name) + '</div><div class="set-hint">' + esc(s.description || "") + "</div></div>"
+                    + '<div class="set-ctl"><button type="button" class="toggle' + (on ? " on" : "") + '" data-proj-skill="' + esc(s.name) + '" data-on="' + (on ? 1 : 0) + '">' + (on ? "On" : "Off") + "</button></div></div>";
+            }).join("") || '<div class="empty" style="padding:8px 0">No skills.</div>';
+            el.innerHTML = '<div class="scope-banner">Skills for <b>' + esc(d.label) + "</b> &middot; deploy or remove for this project</div>"
+                + '<div class="panel"><div class="set-grid">' + rows + "</div></div>";
+        }
+        async function projAction(payload, confirmMsg) {
+            if (!isProjectScope()) return;
+            const danger = payload.op === "gate" || payload.op === "hooks";
+            if (confirmMsg && !(await askConfirm("Confirm", confirmMsg, danger))) return;
+            try {
+                const out = await (await fetch("/api/projects/action", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ path: currentScope, ...payload }) })).json();
+                if (!out.ok) setNote(activeView === "skills" ? "skillsNote" : "settingsNote", out.error || "Action failed.", "err");
+                else if (out.note) setNote(activeView === "skills" ? "skillsNote" : "settingsNote", out.note, "ok");
+                if (activeView === "skills") loadProjectSkills(); else loadProjectSettings();
+                loadProjectsList(); // refresh selector badges
+            } catch { setNote(activeView === "skills" ? "skillsNote" : "settingsNote", "Could not reach the server.", "err"); }
+        }
+        async function forgetProject() {
+            if (!isProjectScope()) return;
+            if (!(await askConfirm("Forget project", "Stop managing " + scopeLabel() + "? Its files are not touched.", false))) return;
+            const path = currentScope;
+            try { await fetch("/api/projects", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ op: "remove", path }) }); } catch { /* */ }
+            currentScope = "global"; try { localStorage.setItem("enigmaScope", "global"); } catch { /* */ }
+            await loadProjectsList();
+            location.hash = "#/settings"; route();
+        }
+        function onProjectControlClick(e) {
+            if (!isProjectScope()) return;
+            const sk = e.target.closest("[data-proj-skill]");
+            if (sk) { projAction({ op: "skill", name: sk.dataset.projSkill, on: sk.dataset.on !== "1" }); return; }
+            const cb = e.target.closest("[data-proj-cfg-bool]");
+            if (cb) { projAction({ op: "config-set", key: cb.dataset.projCfgBool, value: cb.dataset.on !== "1" }); return; }
+            const rs = e.target.closest("[data-proj-cfg-reset]");
+            if (rs) { projAction({ op: "config-unset", key: rs.dataset.projCfgReset }); return; }
+            if (e.target.closest("[data-proj-forget]")) { forgetProject(); return; }
+            const act = e.target.closest("[data-proj-act]");
+            if (act) {
+                const a = act.dataset.projAct;
+                if (a === "hooks") projAction({ op: "hooks" }, "Install enigma git hooks in this repo?");
+                else if (a === "gate-init") projAction({ op: "gate", gateOp: "init" }, "Initialize the AI quality gate for this project?");
+                else if (a === "gate-eject") projAction({ op: "gate", gateOp: "eject" }, "Eject the gate from this project?");
+            }
+        }
+        function onProjectControlChange(e) {
+            if (!isProjectScope()) return;
+            const sel = e.target.closest("select[data-proj-cfg]");
+            if (sel) projAction({ op: "config-set", key: sel.dataset.projCfg, value: sel.value });
+        }
+
         initChart();
         poll(true);
         loadProviderStatus();
@@ -3158,6 +3342,7 @@ export {
         wireAccounts();
         wireUsage();
         wireResources();
+        wireScope();
         $("cfgExport").addEventListener("click", exportConfig);
         $("cfgImport").addEventListener("click", importConfig);
         $("updateBtn").addEventListener("click", runUpdate);
@@ -3171,6 +3356,7 @@ export {
             finally { b.classList.remove("spinning"); }
         });
         window.addEventListener("hashchange", route);
+        loadProjectsList().then(route);
         route();
     </script>
 </body>

package/package.json

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