feat(web): memory-type toggle (3 persona memories) in errand replay

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

proteus/web/local/static/index.html

@@ -86,6 +86,7 @@
     <div id="memReplay" class="hidden" style="padding:6px 0">
       <div style="margin-bottom:6px">
         <span style="color:var(--fg)">memory replay</span>
+        <span id="memTypeToggle" class="toggle" style="margin-right:8px"></span>
         <button id="memReplayPrev" type="button">◀ prev</button>
         <button id="memReplayNext" type="button">next ▶</button>
         <button id="memReplayPlay" type="button">▶ play</button>
@@ -310,7 +311,27 @@ function showMem(m) {
     `memory shown at handover — source: ${m.source}`
     + `${m.persona ? " (persona " + m.persona + ")" : ""} · ${m.turns} turns`
     + "  ·  blue = other agents, light = you, mouth-block = predator";
-  MEM_FRAMES = (m && m.frames) || []; MEM_I = 0; MEM_PLAY = false;
+  // errand: 3 selectable memory types
+  const tog = $("memTypeToggle");
+  tog.innerHTML = "";
+  if (m.variants && m.variants.length) {
+    m.variants.forEach(v => {
+      const b = document.createElement("button");
+      b.type = "button"; b.textContent = v.label; b.dataset.id = v.id;
+      b.className = (v.id === m.selected) ? "active" : "";
+      b.addEventListener("click", () => {
+        tog.querySelectorAll("button").forEach(x => x.classList.toggle("active", x === b));
+        MEM_FRAMES = v.frames || []; MEM_I = 0; MEM_PLAY = false;
+        $("memReplayPlay").textContent = "▶ play"; renderMemFrame();
+      });
+      tog.appendChild(b);
+    });
+    const sel = m.variants.find(v => v.id === m.selected) || m.variants[0];
+    MEM_FRAMES = sel.frames || [];
+  } else {
+    MEM_FRAMES = (m && m.frames) || [];
+  }
+  MEM_I = 0; MEM_PLAY = false;
   $("memReplayPlay").textContent = "▶ play";
   const rep = $("memReplay");
   if (MEM_FRAMES.length) { rep.classList.remove("hidden"); renderMemFrame(); }