feat: add mind model with versioned personality, templates and self-model

Phase 2. Minds are rows with a slug, status (active/disabled/archived),
cognitive configuration and a pointer to the current personality version.
Personalities are structured (identity, values, traits, communication,
behaviour, free text) with a deterministic Brief() used by prompts and the
editor preview. Every change appends a personality_versions row protected
by the append-only trigger; restore copies an old version forward.
Templates carry reusable personalities; minds record their overrides so a
template can be re-applied without losing mind-specific edits. The
self-model starts with structural limitations the mind cannot drop
(no policy changes, no influence over shutdown, no cross-mind access).

API, UI (list, overview, editor with sliders/diff/history/import/export,
template editor) and noemactl mind/template commands. All mutations are
audited with field-level diffs.

web/static/app.css

@@ -111,3 +111,22 @@ pre.token { background: var(--surface-2); padding: .75rem; border-radius: 8px; o
 .conf { display: inline-flex; align-items: center; gap: .4rem; font-variant-numeric: tabular-nums; }
 .conf-bar { width: 64px; height: 6px; border-radius: 3px; background: var(--surface-2); overflow: hidden; }
 .conf-bar i { display: block; height: 100%; background: var(--accent); }
+
+/* Mind pages */
+.mindhead { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; flex-wrap: wrap; }
+.tabs { display: flex; gap: .25rem; border-bottom: 1px solid var(--border); margin-bottom: 1.25rem; overflow-x: auto; }
+.tabs a { padding: .5rem .8rem; color: var(--muted); border-bottom: 2px solid transparent; white-space: nowrap; }
+.tabs a[aria-current="page"] { color: var(--accent); border-bottom-color: var(--accent); font-weight: 600; }
+.tabs a.disabled { opacity: .45; cursor: not-allowed; }
+.tabs a:hover { text-decoration: none; color: var(--text); }
+pre.brief { white-space: pre-wrap; font-family: var(--font); font-size: .92rem; background: var(--surface-2); padding: .9rem; border-radius: 8px; margin: 0; line-height: 1.55; }
+.fs { border: 1px solid var(--border); border-radius: 8px; padding: .75rem 1rem 1rem; margin: 0; }
+.fs legend { font-weight: 600; padding: 0 .3rem; }
+.grid.tight { gap: .6rem; margin-bottom: .6rem; }
+label.slider { display: grid; grid-template-columns: 9.5rem 1fr 2.6rem; align-items: center; gap: .6rem; font-weight: 500; margin: .25rem 0; }
+label.slider output { font-variant-numeric: tabular-nums; text-align: right; color: var(--muted); font-size: .85rem; }
+input[type=range] { accent-color: var(--accent); width: 100%; }
+label.check { flex-direction: row; align-items: center; gap: .5rem; font-weight: 400; margin: .3rem 0; }
+.grow { flex: 1; }
+ul.plain { list-style: none; padding: 0; margin: 0; }
+.diff-old { color: var(--danger); text-decoration: line-through; } .diff-new { color: var(--ok); }

web/static/app.js

@@ -62,6 +62,12 @@
       if (el && !window.confirm(el.getAttribute("data-confirm"))) { ev.preventDefault(); ev.stopImmediatePropagation(); }
     }, true);
 
+    // Live value readouts for range inputs.
+    document.querySelectorAll("input[type=range][data-out]").forEach((el) => {
+      const out = el.parentElement.querySelector("output");
+      if (out) el.addEventListener("input", () => (out.value = el.value));
+    });
+
     // Auto-dismiss flashes.
     document.querySelectorAll(".flash").forEach((f) => setTimeout(() => f.remove(), 8000));