Fun+living-world: personal-best records + shared Chronicle of legends

After-action now tracks each hero's best run (foes felled / threat / level) — a record
to beat ('★ New record!'), shown on the character sheet. Fallen heroes' recaps post to a
shared Chronicle (capped world feed); the after-action shows other heroes' recent legends
so the world feels populated by past deeds. Verified: chronicle accumulates across heroes,
bests persist per hero.

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

web/afterAction.js

@@ -3,7 +3,7 @@
 // event log so it remembers this fight (feeds chat + future "living character" features).
 import { streamChat, ensureModel, currentModelId } from '/web/runtime.js'
 import { noThink, stripThinkFinal } from '/web/personaPrompts.js'
-import { getPersona, patchPersona } from '/web/personaStore.js'
+import { getPersona, patchPersona, addChronicle, listChronicle } from '/web/personaStore.js'
 import { appendEvent } from '/web/progression.js'
 
 function recapPrompts(p, run, recentEvents) {
@@ -49,11 +49,41 @@ export function mountAfterAction(host, persona, run, { onAgain, onChoose } = {})
   )
   card.append(grid)
 
+  // Personal best: did this run beat the hero's record? Update + celebrate.
+  const prevBest = persona?.progression?.best || { kills: 0, threat: 0 }
+  const newRecord = run.killsThisRun > (prevBest.kills || 0)
+  if (persona?.id) {
+    const fresh0 = getPersona(persona.id)
+    if (fresh0) patchPersona(persona.id, { progression: { ...fresh0.progression, best: { kills: Math.max(prevBest.kills || 0, run.killsThisRun), threat: Math.max(prevBest.threat || 0, run.threat), level: Math.max(prevBest.level || 0, run.levelEnd) } } })
+  }
+  if (newRecord) {
+    const rec = document.createElement('div'); rec.textContent = `★ New record — ${run.killsThisRun} foes!`
+    rec.style.cssText = 'color:#ffe082;font:700 13px var(--tac-font,system-ui);margin:-6px 0 14px'
+    card.append(rec)
+  } else if (prevBest.kills) {
+    const rec = document.createElement('div'); rec.textContent = `Best: ${prevBest.kills} foes`
+    rec.style.cssText = 'color:#9aa4b2;font-size:12px;margin:-6px 0 14px'
+    card.append(rec)
+  }
+
   // War-diary recap (streamed, in-voice)
   const recapWrap = document.createElement('div'); recapWrap.style.cssText = 'background:rgba(20,24,33,.5);border-left:3px solid #c9a227;border-radius:8px;padding:12px;margin-bottom:16px;min-height:48px;text-align:left'
   const recap = document.createElement('div'); recap.textContent = '…'; recap.style.cssText = 'font-style:italic;color:#c2c8d2;line-height:1.5;font:italic 14px var(--tac-font,system-ui)'
   recapWrap.append(recap); card.append(recapWrap)
 
+  // The Chronicle: other heroes' recent legends, so the world feels populated by past deeds.
+  const legends = listChronicle().slice(0, 3)
+  if (legends.length) {
+    const lh = document.createElement('div'); lh.textContent = 'The Chronicle remembers'; lh.style.cssText = 'font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#9aa4b2;text-align:left;margin-bottom:6px'
+    card.append(lh)
+    legends.forEach((e) => {
+      const row = document.createElement('div'); row.style.cssText = 'text-align:left;font-size:12px;color:#a9b2bf;line-height:1.4;margin-bottom:6px;border-left:2px solid #2a3340;padding-left:8px'
+      row.textContent = `${e.name} — felled ${e.kills}: “${(e.recap || '').slice(0, 90)}${(e.recap || '').length > 90 ? '…' : ''}”`
+      card.append(row)
+    })
+    const sp = document.createElement('div'); sp.style.cssText = 'height:8px'; card.append(sp)
+  }
+
   const btns = document.createElement('div'); btns.style.cssText = 'display:flex;gap:10px'
   const again = document.createElement('button'); again.type = 'button'; again.textContent = '⚔ Fight again'
   again.style.cssText = 'flex:1;padding:13px;border-radius:10px;border:1px solid #c9a227;background:#2a2410;color:#ffe082;font:700 14px var(--tac-font,system-ui);cursor:pointer'
@@ -83,6 +113,8 @@ export function mountAfterAction(host, persona, run, { onAgain, onChoose } = {})
         const fresh = getPersona(persona.id)
         if (fresh) patchPersona(persona.id, { events: appendEvent(fresh.events, 'battle', { kills: run.killsThisRun, threat: run.threat, recap: text, ts: Date.now() }) })
       }
+      // Post this deed to the shared Chronicle (the living world's history).
+      addChronicle({ name: persona?.name || 'A fighter', unitClass: persona?.unitClass || '', kills: run.killsThisRun, threat: run.threat, level: run.levelEnd, recap: text, ts: Date.now() })
     } catch (e) { recap.textContent = '(the memory is a blur of steel and blood)' }
   })()
 

web/personaStore.js

@@ -10,6 +10,7 @@
 // working with no explicit migration step. See docs/rpg-progression-plan.md.
 const KEY = 'tinyarmy.roster.v1'
 const AKEY = 'tinyarmy.activeHeroId'
+const CHRON = 'tinyarmy.chronicle.v1' // a shared, capped feed of notable deeds across all heroes
 
 const listeners = new Set()
 const activeListeners = new Set()
@@ -125,6 +126,12 @@ export function setActiveHeroId(id) {
 export function getActiveHero() { const id = getActiveHeroId(); return id ? getPersona(id) : null }
 export function onActiveHeroChange(fn) { activeListeners.add(fn); return () => activeListeners.delete(fn) }
 
+// ── Chronicle — a shared world feed of notable deeds (fallen heroes' legends), newest first ──
+export function addChronicle(entry) {
+  try { const l = JSON.parse(localStorage.getItem(CHRON) || '[]'); l.unshift({ ...entry }); localStorage.setItem(CHRON, JSON.stringify(l.slice(0, 50))) } catch { /* ignore */ }
+}
+export function listChronicle() { try { return JSON.parse(localStorage.getItem(CHRON) || '[]') } catch { return [] } }
+
 // ── Media store (IndexedDB — WAV + PNG blobs are too big for localStorage) ──────
 // v3 adds skill icons, skill action-shot art, and per-message chat audio alongside
 // the original voices + portraits stores.

web/tiny.js

@@ -625,6 +625,7 @@ whenEl('battle-stage', async (el) => {
       meta.append(kills)
       if (prog.attributePoints > 0) { const pts = document.createElement('button'); pts.type = 'button'; pts.textContent = `★ ${prog.attributePoints} point${prog.attributePoints > 1 ? 's' : ''} — spend`; pts.style.cssText = 'background:none;border:none;color:#ffe082;font:inherit;cursor:pointer;text-decoration:underline'; pts.addEventListener('click', openSpend); meta.append(pts) }
       sheet.append(meta)
+      if (prog.best && prog.best.kills) { const bst = document.createElement('div'); bst.textContent = `🏆 Best run: ${prog.best.kills} foes · threat ${prog.best.threat || 1}×`; bst.style.cssText = 'font-size:11px;color:#c9a227;margin:-4px 0 10px'; sheet.append(bst) }
     }
     // Talk to this fighter (chat + voice). Needs a saved hero (id) to persist the conversation.
     if (currentHero.id) {