@enigmax/dashboard 0.1.50 → 0.1.53

package/assets/index.html

@@ -156,6 +156,9 @@
         .set-meta { flex: 1; min-width: 0; }
         .set-name { font-size: 13px; color: var(--text); }
         .set-hint { font-size: 12px; color: var(--muted); margin-top: 2px; }
+        /* Capitalize the first letter of every option description/blurb in the dashboard
+           (presentation only; the shared registry keeps its lowercase TUI/CLI convention). */
+        .set-hint::first-letter, .set-cat-b::first-letter, .lnone::first-letter { text-transform: uppercase; }
         .set-ctl { flex-shrink: 0; }
         .toggle {
             background: var(--surface2); color: var(--muted); border: 1px solid var(--border);
@@ -357,6 +360,7 @@
             transform: translateY(10px) scale(.98); opacity: 0; transition: transform .18s ease, opacity .18s ease;
         }
         .modal-back.show .modal { transform: none; opacity: 1; }
+        .modal.wide { max-width: 900px; }
         .modal-title { font-family: var(--mono); font-size: 14px; font-weight: 600; color: var(--text); }
         .modal-msg { color: var(--muted); font-size: 13px; line-height: 1.5; margin-top: 8px; word-break: break-word; }
         .modal-input {
@@ -628,6 +632,11 @@
             <div class="set-cat-h">Skill settings</div>
             <div id="skillSettings" class="set-grid"></div>
         </div>
+        <div class="panel" id="memPanel">
+            <div class="set-cat-h">Agent memory</div>
+            <div class="set-cat-b">Customize the instruction files enigma deploys to each agent (CLAUDE.md / AGENTS.md). Your edits follow the Customized-skill updates policy on the next sync: overwrite restores the managed version, keep preserves them.</div>
+            <div id="memBody" class="set-grid"><div class="empty" style="padding:12px 0">Loading...</div></div>
+        </div>
         <div class="panel">
             <div id="skillsBody"><div class="empty" style="padding:24px 0">Loading skills...</div></div>
             <div id="skillsNote" class="set-note"></div>
@@ -2614,6 +2623,93 @@ export {
             } catch { setNote("settingsNote", "Could not reach the server to set the port.", "err"); }
         }
 
+        // --- agent memory editor (CLAUDE.md / AGENTS.md), global or per project ----------
+        // Global edits each agent's home memory file; project scope edits <project>/CLAUDE.md
+        // and <project>/AGENTS.md. Writes go through /api/memory, which marks the edit so the
+        // overwrite/keep policy (Customized-skill updates) can preserve it on the next sync.
+        function memProject() { return isProjectScope() ? currentScope : undefined; }
+
+        async function postMemory(id, action, content, project) {
+            const body = { id, action };
+            if (content !== undefined) body.content = content;
+            if (project) body.path = project;
+            return (await fetch("/api/memory", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(body) })).json();
+        }
+
+        function memoryRow(g) {
+            const apps = (g.agents || []).map((a) => '<span class="tag">' + esc(a.label) + "</span>").join(" ");
+            const state = !g.deployed ? '<span class="tag">not deployed</span>'
+                : g.edited ? '<span class="tag exp">edited</span>'
+                : g.managed ? '<span class="tag meas">managed</span>' : '<span class="tag">custom</span>';
+            const reset = (g.deployed && g.edited) ? ' <button type="button" class="iconbtn" data-mem-reset="' + esc(g.id) + '" title="Restore the managed version">reset</button>' : "";
+            return '<div class="set-row"><div class="set-meta"><div class="set-name">' + esc(g.file) + " " + apps + " " + state + "</div>"
+                + '<div class="set-hint">' + (g.deployed ? "Deployed - edit to customize" : "Not deployed yet - editing creates it") + "</div></div>"
+                + '<div class="set-ctl ladd" style="align-items:center"><button type="button" class="toggle on" data-mem-edit="' + esc(g.id) + '">Edit</button>' + reset + "</div></div>";
+        }
+
+        async function loadMemory(project) {
+            const el = $("memBody"); // global + project share this panel (one scope shown at a time)
+            if (!el) return;
+            try {
+                const q = project ? "/api/memory?path=" + encodeURIComponent(project) : "/api/memory";
+                const data = await (await fetch(q, { cache: "no-store" })).json();
+                const groups = data.groups || [];
+                el.innerHTML = groups.length ? groups.map(memoryRow).join("")
+                    : '<div class="empty" style="padding:12px 0">No agents detected to deploy memory to.</div>';
+            } catch { el.innerHTML = '<div class="empty" style="padding:12px 0">Memory unavailable.</div>'; }
+        }
+
+        async function openMemoryEditor(id, project) {
+            let out;
+            try { out = await postMemory(id, "read", undefined, project); }
+            catch { toast("Could not reach the server.", "err"); return; }
+            if (!out.ok) { toast(out.error || "Could not read the memory file.", "err"); return; }
+            const back = document.createElement("div");
+            back.className = "modal-back";
+            back.innerHTML = '<div class="modal wide" role="dialog" aria-modal="true">'
+                + '<div class="modal-title">Editing ' + esc(id) + " memory</div>"
+                + '<div class="modal-msg">Saved to every agent that reads this file. On the next sync the Customized-skill updates policy decides whether your edit is kept or replaced by the managed version.</div>'
+                + '<textarea class="editor" spellcheck="false" style="margin-top:14px"></textarea>'
+                + '<div class="modal-acts"><button type="button" class="toggle modal-cancel">Cancel</button>'
+                + '<button type="button" class="toggle on modal-ok">Save</button></div></div>';
+            document.body.appendChild(back);
+            requestAnimationFrame(() => back.classList.add("show"));
+            const ta = back.querySelector("textarea");
+            ta.value = out.content || "";
+            let done = false;
+            const close = () => { if (done) return; done = true; back.classList.remove("show"); setTimeout(() => back.remove(), 200); };
+            back.querySelector(".modal-cancel").addEventListener("click", close);
+            back.addEventListener("mousedown", (e) => { if (e.target === back) close(); });
+            back.addEventListener("keydown", (e) => { if (e.key === "Escape") { e.preventDefault(); close(); } });
+            back.querySelector(".modal-ok").addEventListener("click", async () => {
+                const btn = back.querySelector(".modal-ok"); btn.disabled = true;
+                try {
+                    const r = await postMemory(id, "save", ta.value, project);
+                    if (r.ok) { toast(r.note || "Saved.", "ok"); close(); loadMemory(project); }
+                    else { toast(r.error || "Could not save.", "err"); btn.disabled = false; }
+                } catch { toast("Could not reach the server.", "err"); btn.disabled = false; }
+            });
+            ta.focus();
+        }
+
+        async function resetMemory(id, project) {
+            if (!(await askConfirm("Restore managed memory?", "This replaces your edits with enigma's managed version.", true))) return;
+            try {
+                const r = await postMemory(id, "reset", undefined, project);
+                if (r.ok) { toast(r.note || "Restored.", "ok"); loadMemory(project); }
+                else toast(r.error || "Could not restore.", "err");
+            } catch { toast("Could not reach the server.", "err"); }
+        }
+
+        // The memory editor lives in the Skills tab (#memBody, scope-aware via memProject());
+        // a document-level delegate handles its edit/reset buttons in global and project scope.
+        document.addEventListener("click", (e) => {
+            const ed = e.target.closest && e.target.closest("[data-mem-edit]");
+            if (ed) { openMemoryEditor(ed.dataset.memEdit, memProject()); return; }
+            const rs = e.target.closest && e.target.closest("[data-mem-reset]");
+            if (rs) { resetMemory(rs.dataset.memReset, memProject()); }
+        });
+
         // --- "Enigma systems" overview (factual state, never invented savings) ---
         function pill(state, text) { return '<span class="pill ' + state + '">' + esc(text) + "</span>"; }
         function boolPill(b) { return b ? pill("on", "on") : pill("off", "off"); }
@@ -2971,6 +3067,7 @@ export {
             if (isProjectScope()) return loadProjectSkills();
             skillScope = "global";
             loadSkillSettings();
+            loadMemory();
             try {
                 const res = await fetch("/api/skills", { cache: "no-store" });
                 renderSkills((await res.json()).skills || []);
@@ -3373,6 +3470,7 @@ export {
             skillScope = "project";
             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>';
+            loadMemory(currentScope);
             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; }

package/package.json

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