@enigmax/dashboard 0.1.48 → 0.1.50

package/assets/index.html

@@ -247,6 +247,7 @@
         .achip { display: inline-flex; align-items: center; justify-content: center; padding: 5px 8px; border-radius: 999px; border: 1px solid var(--border); background: var(--surface2); color: var(--muted); cursor: pointer; text-decoration: none; transition: color .15s, background .15s, border-color .15s; }
         .achip:hover { border-color: #2f3744; color: var(--text); }
         .achip.on { background: var(--good); color: #06210f; border-color: var(--good); }
+        .achip:disabled { opacity: .35; cursor: not-allowed; }
         .achip svg { width: 14px; height: 14px; display: block; }
         /* Inline app icons in the "where deployed" tag (static, name in tooltip). */
         .aicons { display: inline-flex; gap: 5px; align-items: center; vertical-align: middle; margin-left: 6px; }
@@ -2787,9 +2788,13 @@ export {
             // Project scope: same row, but the per-app chips toggle deployment INTO this project
             // (data-pskill, handled by the scope delegate) and the global-only controls are hidden.
             if (skillScope === "project") {
-                const chips = (s.agentStates || []).map((a) =>
-                    '<button type="button" class="achip' + (a.deployed ? " on" : "") + '" data-pskill="' + esc(s.name) + '" data-pagent="' + esc(a.name) + '" data-poff="' + (a.deployed ? 1 : 0) + '" aria-label="' + esc(a.label) + '" title="'
-                    + (a.deployed ? esc(a.label) + " - deployed, click to remove" : esc(a.label) + " - not deployed, click to deploy") + '">' + (agentSvg(a.name) || esc(a.label)) + "</button>").join("");
+                const chips = (s.agentStates || []).map((a) => {
+                    // An app that is not installed on this machine can't be a deploy target - show
+                    // its chip disabled rather than letting a click create a dir for an unused agent.
+                    if (a.installed === false) return '<button type="button" class="achip" disabled aria-label="' + esc(a.label) + '" title="' + esc(a.label) + ' - not installed">' + (agentSvg(a.name) || esc(a.label)) + "</button>";
+                    return '<button type="button" class="achip' + (a.deployed ? " on" : "") + '" data-pskill="' + esc(s.name) + '" data-pagent="' + esc(a.name) + '" data-poff="' + (a.deployed ? 1 : 0) + '" aria-label="' + esc(a.label) + '" title="'
+                        + (a.deployed ? esc(a.label) + " - deployed, click to remove" : esc(a.label) + " - not deployed, click to deploy") + '">' + (agentSvg(a.name) || esc(a.label)) + "</button>";
+                }).join("");
                 return '<div class="set-row"><div class="set-meta"><div class="set-name">' + esc(s.name) + ver + "</div>"
                     + '<div class="set-hint">' + esc(s.description || "") + "</div>"
                     + '<div class="set-agents">' + (chips || '<span class="tag">no agents</span>') + "</div></div></div>";
@@ -2846,7 +2851,11 @@ export {
                 + '<div class="set-cat-b">' + blurb + "</div>"
                 + (list.length ? list.map(skillRow).join("") : '<div class="empty" style="padding:16px 0">' + emptyText + "</div>") + "</div>";
             if (skillScope === "project") {
-                $("skillsBody").innerHTML = section("Skills", "Deploy enigma's policy skills into this project, per app. A green chip means the skill is in that app's project folder.", skills, "No skills.");
+                $("skillsBody").innerHTML =
+                    '<div class="panel"><div class="set-cat-h">Auto-detect skills by stack</div>'
+                    + '<div class="set-cat-b">Scan this project (packages, config files, gems) and install the matching community skills for its stack - hash-verified and kept separate from the policy skills below.</div>'
+                    + '<div class="ladd"><button type="button" class="toggle on with-icon" data-proj-autoskills><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="11" cy="11" r="7"/><path d="m21 21-4.3-4.3"/></svg>Detect &amp; install</button></div></div>'
+                    + section("Policy skills", "Deploy enigma's policy skills into this project, per app. A green chip means the skill is in that app's project folder.", skills, "No skills.");
                 return;
             }
             const enigma = skills.filter((s) => s.source === "enigma");
@@ -3372,7 +3381,7 @@ export {
             const agents = d.agents || [];
             const skills = (d.available || []).map((s) => ({
                 name: s.name, description: s.description, source: "enigma",
-                agentStates: agents.map((a) => ({ name: a.name, label: a.label, deployed: (a.deployed || []).indexOf(s.name) !== -1 })),
+                agentStates: agents.map((a) => ({ name: a.name, label: a.label, installed: a.installed, deployed: (a.deployed || []).indexOf(s.name) !== -1 })),
             }));
             renderSkills(skills);
         }
@@ -3399,6 +3408,7 @@ export {
         }
         function onProjectControlClick(e) {
             if (!isProjectScope()) return;
+            if (e.target.closest("[data-proj-autoskills]")) { projAction({ op: "autoskills" }, "Scan this project and install the matching community skills for its stack?"); return; }
             const chip = e.target.closest("[data-pskill]"); // per-app deploy chip in the Skills view
             if (chip) { projAction({ op: "skill", name: chip.dataset.pskill, agent: chip.dataset.pagent, on: chip.dataset.poff !== "1" }); return; }
             const sk = e.target.closest("[data-proj-skill]");

package/package.json

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