privateboard 0.1.13 → 0.1.16

package/public/themes.css

@@ -218,40 +218,6 @@
   --magenta: #6E4F73;
 }
 
-/* ─── APPLE · pure-white minimalism · Apple.com aesthetic ─────
-       Light theme inspired by Apple's brand language: pure-white
-       primary background, the iconic #F5F5F7 off-white for cards,
-       Apple's near-black #1D1D1F for text, and system-blue #0071E3
-       mapped onto --lime (the codebase's primary-accent role) so
-       every CTA reads as that signature blue. */
-:root[data-theme="apple"] {
-  --bg: #FFFFFF;
-  --panel: #F5F5F7;
-  --panel-2: #FBFBFD;
-  --panel-3: #ECECEE;
-  --hi: #D2D2D7;
-
-  --line: #E5E5EA;
-  --line-bright: #D2D2D7;
-  --line-strong: #86868B;
-
-  --text: #1D1D1F;
-  --text-soft: #424245;
-  --text-dim: #6E6E73;
-  --text-faint: #86868B;
-
-  --lime: #0071E3;
-  --lime-deep: #0051A8;
-  --lime-dim: #D6E8FA;
-
-  --amber: #FF9500;
-  --amber-dim: #FFE6C2;
-  --red: #FF3B30;
-  --red-dim: #FFE0DC;
-  --cyan: #5AC8FA;
-  --magenta: #BF5AF2;
-}
-
 /* ─── PINTEREST · clean white surface, signature red accent ───
        Light theme inspired by Pinterest's brand: true-white
        background, soft gray cards, neutral grayscale text, and the

package/public/typing-sfx.js

@@ -79,7 +79,17 @@
 
   function ensureContext() {
     if (_ctxFailed) return null;
-    if (_ctx) return _ctx;
+    if (_ctx) {
+      // Resume on EVERY call when suspended · we proactively suspend
+      // the context between SFX bursts (see `releaseContextSoon`) to
+      // release the audio session for the HTMLAudioElement TTS path.
+      // Without this re-check, a context suspended for TTS would
+      // stay silent on the next tick/blip/gavel.
+      if (_ctx.state === "suspended") {
+        _ctx.resume().catch(() => { /* swallow */ });
+      }
+      return _ctx;
+    }
     if (!_hadGesture) return null; // refuse to create until gestured
     try {
       const Ctx = window.AudioContext || window.webkitAudioContext;
@@ -97,6 +107,33 @@
     }
   }
 
+  /** Suspend the AudioContext shortly after `setThinking(false)` so
+   *  the system audio session is released for the HTMLAudioElement
+   *  TTS path. Browsers (Safari / iOS especially) treat a "running"
+   *  AudioContext as the active audio source; an `<audio>` element
+   *  starting `play()` against that state can be blocked or silently
+   *  routed away.
+   *
+   *  We don't suspend instantly · a small grace lets the thinking
+   *  fade-out finish without click. */
+  let _releaseTimer = null;
+  function releaseContextSoon() {
+    if (!_ctx) return;
+    if (_releaseTimer) { clearTimeout(_releaseTimer); _releaseTimer = null; }
+    _releaseTimer = setTimeout(() => {
+      _releaseTimer = null;
+      // Only suspend when nothing has restarted the loop in the
+      // meantime · belt-and-suspenders against rapid toggle races.
+      if (!_thinkingInterval && _ctx && _ctx.state === "running") {
+        _ctx.suspend().catch(() => { /* swallow */ });
+      }
+    }, 200);
+  }
+
+  function cancelRelease() {
+    if (_releaseTimer) { clearTimeout(_releaseTimer); _releaseTimer = null; }
+  }
+
   function tick() {
     if (!_enabled) return;
     if (document.visibilityState !== "visible") return; // background tab
@@ -171,6 +208,91 @@
     osc.stop(t0 + dur);
   }
 
+  /** Director thinking cue · loops the original 8-bit "blip-blip"
+   *  pair while a voice-room seat shows the thought-bubble. Each
+   *  cycle: two pulse-wave blips spaced 60 ms apart (G5 → B5, a
+   *  minor third up · reads as "thought lifting"), each blip about
+   *  60 ms long with a fast attack and exponential decay. Cycles
+   *  repeat every ~1100 ms — generous silence between pairs so the
+   *  rhythm feels like classic NES dialog blips, not an alarm.
+   *
+   *  Per-blip oscillator creation is recreated on each tick · the
+   *  earlier TTS conflict turned out to be a missing TTS provider
+   *  key, not AudioContext churn, so we can safely use setInterval
+   *  for the loop. */
+  let _thinkingInterval = null;
+  let _thinkingPhase = 0;
+
+  function _playThinkingPair() {
+    if (!_enabled) { setThinking(false); return; }
+    if (document.visibilityState !== "visible") return;
+    const ctx = ensureContext();
+    if (!ctx) return;
+    const t0 = ctx.currentTime;
+    // Two blips · G5 (784 Hz) then B5 (988 Hz). 60 ms gap between
+    // blip starts so the ear hears them as a pair, not a chord.
+    // Phase-flip every cycle (B5→G5 alternation across cycles)
+    // adds slight melodic interest, like a thinker switching gears.
+    const ascending = _thinkingPhase % 2 === 0;
+    _thinkingPhase = (_thinkingPhase + 1) % 1024;
+    const blips = ascending
+      ? [{ freq: 784, start: 0.000 }, { freq: 988, start: 0.060 }]
+      : [{ freq: 988, start: 0.000 }, { freq: 784, start: 0.060 }];
+    for (const b of blips) {
+      const t = t0 + b.start;
+      const osc = ctx.createOscillator();
+      osc.type = "square";
+      osc.frequency.value = b.freq;
+      // Low-pass softens the harsh square edges so the blip sits
+      // in the room ambience rather than slicing through it.
+      const lpf = ctx.createBiquadFilter();
+      lpf.type = "lowpass";
+      lpf.frequency.value = 4500;
+      lpf.Q.value = 0.7;
+      const gain = ctx.createGain();
+      gain.gain.setValueAtTime(0.0001, t);
+      gain.gain.exponentialRampToValueAtTime(0.05, t + 0.005);
+      gain.gain.exponentialRampToValueAtTime(0.0001, t + 0.06);
+      osc.connect(lpf).connect(gain).connect(ctx.destination);
+      osc.start(t);
+      const stopAt = t + 0.08;
+      osc.stop(stopAt);
+      // Cleanup · disconnect after stop so GainNodes aren't retained
+      // across hundreds of blips on a long thinking phase.
+      osc.onended = () => {
+        try { osc.disconnect(); } catch { /* ignore */ }
+        try { lpf.disconnect(); } catch { /* ignore */ }
+        try { gain.disconnect(); } catch { /* ignore */ }
+      };
+    }
+  }
+
+  function setThinking(on) {
+    if (on) {
+      cancelRelease();
+      if (_thinkingInterval) return;       // already looping · idempotent
+      if (!_enabled) return;
+      // First pair immediately so the user hears feedback the moment
+      // the bubble appears; subsequent pairs on a ~1100 ms cadence.
+      // 1100 ms (~0.9 Hz) is intentionally slow — earlier 700 ms /
+      // 1.4 Hz read as an alarm tempo; this sits closer to a
+      // contemplative NES dialog cadence.
+      _thinkingPhase = 0;
+      _playThinkingPair();
+      _thinkingInterval = setInterval(_playThinkingPair, 1100);
+    } else {
+      if (!_thinkingInterval) return;
+      clearInterval(_thinkingInterval);
+      _thinkingInterval = null;
+      _thinkingPhase = 0;
+      // Suspend the AudioContext after a brief grace so the audio
+      // session is fully released for any HTMLAudioElement TTS that
+      // might be about to play. ensureContext resumes automatically
+      // on the next SFX call.
+      releaseContextSoon();
+    }
+  }
+
   /** Chair gavel cue · fires before chair voice playback begins in
    *  voice mode. Two-strike wooden knock that reads as "court is in
    *  session — listen up." Designed by ear:
@@ -228,10 +350,61 @@
     }
   }
 
+  /** Continue / vote auto-fire countdown beep · fires once per second
+   *  on the 10 → 1 visible tick so the user feels the timer urgency
+   *  audibly, not just visually. Two tiers:
+   *    · seconds 10-4 · low square-wave (~600 Hz), 50 ms, quiet — a
+   *      steady "metronome" tick that's clearly background.
+   *    · seconds 3-1  · higher square-wave (~880 Hz), 80 ms, louder —
+   *      the "3-2-1!" alarm register that signals imminent fire.
+   *  Second 0 is skipped here; the auto-continue action that fires
+   *  on hit-zero has its own UX (the room moves on). Low-pass keeps
+   *  the square edges from slicing through, same approach as the
+   *  thinking-blip pair. */
+  function countdownTick(secondsLeft) {
+    if (!_enabled) return;
+    if (document.visibilityState !== "visible") return;
+    if (typeof secondsLeft !== "number" || secondsLeft <= 0) return;
+    const ctx = ensureContext();
+    if (!ctx) return;
+
+    const urgent = secondsLeft <= 3;
+    const freq = urgent ? 880 : 600;
+    const dur = urgent ? 0.08 : 0.05;
+    const peak = urgent ? 0.075 : 0.045;
+
+    const t0 = ctx.currentTime;
+    const osc = ctx.createOscillator();
+    osc.type = "square";
+    osc.frequency.value = freq;
+    const lpf = ctx.createBiquadFilter();
+    lpf.type = "lowpass";
+    lpf.frequency.value = 4000;
+    lpf.Q.value = 0.7;
+    const gain = ctx.createGain();
+    gain.gain.setValueAtTime(0.0001, t0);
+    gain.gain.exponentialRampToValueAtTime(peak, t0 + 0.005);
+    gain.gain.exponentialRampToValueAtTime(0.0001, t0 + dur);
+    osc.connect(lpf).connect(gain).connect(ctx.destination);
+    osc.start(t0);
+    osc.stop(t0 + dur + 0.02);
+    osc.onended = () => {
+      try { osc.disconnect(); } catch { /* ignore */ }
+      try { lpf.disconnect(); } catch { /* ignore */ }
+      try { gain.disconnect(); } catch { /* ignore */ }
+    };
+  }
+
   function setEnabled(on) {
     _enabled = !!on;
     writeEnabled(_enabled);
-    // No-op when disabling · live AudioContext stays alive cheaply
+    // Stop any in-flight thinking loop when SFX gets disabled · we
+    // don't want a stale setInterval ticking silently and resuming
+    // audio the moment the user toggles back on inside the same
+    // thinking phase. Re-entry happens cleanly via the next
+    // `setThinking(true)` call from the render loop.
+    if (!_enabled) setThinking(false);
+    // No-op for AudioContext when disabling · stays alive cheaply
     // (a few KB) and an outright close() leaves us re-paying the
     // creation cost if the user toggles back on within the session.
   }
@@ -240,5 +413,5 @@
 
   // Public surface · attached to window so app.js (and the
   // user-settings toggle) can reach it without an import.
-  window.boardroomTypingSfx = { tick, speakerChange, gavel, setEnabled, isEnabled };
+  window.boardroomTypingSfx = { tick, speakerChange, setThinking, gavel, countdownTick, setEnabled, isEnabled };
 })();

package/public/user-settings.css

@@ -181,7 +181,7 @@
   font-family: var(--mono);
 }
 .us-nav-foot-label {
-  font-size: 8.5px;
+  font-size: 8px;
   letter-spacing: 0.22em;
   text-transform: uppercase;
   color: var(--text-faint, #3A382F);
@@ -257,7 +257,7 @@
 .us-row-field { min-width: 0; }
 .us-row-meta {
   font-family: var(--mono);
-  font-size: 9.5px;
+  font-size: 10px;
   letter-spacing: 0.06em;
   text-transform: uppercase;
   color: var(--text-faint, #3A382F);
@@ -325,7 +325,7 @@
   outline-offset: 2px;
 }
 .us-switch-label {
-  font-size: 10.5px;
+  font-size: 10px;
   letter-spacing: 0.18em;
   text-transform: uppercase;
   font-weight: 700;
@@ -343,6 +343,29 @@
   min-width: 0;
 }
 
+/* Ghost button · inline action in a settings row (e.g. "Replay
+   onboarding"). Matches the .onb-btn family — mono uppercase, hairline
+   border, lime on hover — so the affordance reads consistent across
+   the user-settings and onboarding overlays. */
+.us-btn-ghost {
+  font-family: var(--mono);
+  font-size: 10px;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: 0.1em;
+  padding: 7px 13px;
+  border: 0.5px solid var(--line-strong, #3A3A35);
+  background: transparent;
+  color: var(--text-soft, #8E8B83);
+  cursor: pointer;
+  transition: border-color 0.12s, color 0.12s;
+  flex-shrink: 0;
+}
+.us-btn-ghost:hover {
+  border-color: var(--lime, #6FB572);
+  color: var(--lime, #6FB572);
+}
+
 /* Preferences → Other · EN / Zh (moved off the sidebar chrome) */
 .us-pane-body .locale-switch {
   display: inline-flex;
@@ -570,7 +593,7 @@
 .us-theme.active .us-theme-name { color: var(--lime, #6FB572); }
 .us-theme-desc {
   font-family: var(--font-human);
-  font-size: 10.5px;
+  font-size: 10px;
   color: var(--text-dim, #5C5A52);
   line-height: 1.4;
   margin-top: 1px;
@@ -618,7 +641,7 @@
   display: inline-block;
   margin-left: 6px;
   padding: 1px 5px;
-  font-size: 8.5px;
+  font-size: 8px;
   font-weight: 700;
   letter-spacing: 0.14em;
   text-transform: uppercase;
@@ -629,7 +652,7 @@
 }
 .us-key-status {
   font-family: var(--mono);
-  font-size: 9.5px;
+  font-size: 10px;
   letter-spacing: 0.1em;
   text-transform: uppercase;
 }
@@ -700,7 +723,7 @@
   border: 0.5px solid var(--line-bright, #2A2A26);
   color: var(--text-soft, #8E8B83);
   font-family: var(--mono);
-  font-size: 9.5px;
+  font-size: 10px;
   font-weight: 600;
   letter-spacing: 0.16em;
   text-transform: uppercase;
@@ -814,7 +837,7 @@
   justify-content: space-between;
   align-items: center;
   font-family: var(--mono);
-  font-size: 9.5px;
+  font-size: 10px;
   color: var(--text-faint, #3A382F);
   letter-spacing: 0.1em;
   text-transform: uppercase;
@@ -845,7 +868,7 @@
 }
 .us-foot .us-website {
   font-family: var(--mono);
-  font-size: 9.5px;
+  font-size: 10px;
   font-weight: 600;
   letter-spacing: 0.1em;
   text-transform: uppercase;
@@ -894,7 +917,7 @@
   line-height: 1;
 }
 .us-usage-empty-text {
-  font-size: 11.5px;
+  font-size: 12px;
   letter-spacing: 0.04em;
   color: var(--text-soft, #8E8B83);
   text-align: center;
@@ -918,7 +941,7 @@
   border: 0.5px solid var(--line-bright, #2A2A26);
   color: var(--text-soft, #8E8B83);
   font-family: var(--mono, "Inter", system-ui, sans-serif);
-  font-size: 10.5px;
+  font-size: 10px;
   letter-spacing: 0.12em;
   text-transform: uppercase;
   font-weight: 600;
@@ -957,7 +980,7 @@
   font-family: var(--mono, "Inter", system-ui, sans-serif);
 }
 .us-chart-meta-label {
-  font-size: 9.5px;
+  font-size: 10px;
   letter-spacing: 0.18em;
   text-transform: uppercase;
   color: var(--text-faint, #3A382F);
@@ -1054,7 +1077,7 @@
   margin-top: 4px;
   height: 10px;
   font-family: var(--mono, "Inter", system-ui, sans-serif);
-  font-size: 8.5px;
+  font-size: 8px;
   letter-spacing: 0.06em;
   color: var(--text-faint, #3A382F);
   text-align: center;
@@ -1077,14 +1100,14 @@
 }
 .us-day-empty-tag {
   font-family: var(--mono, "Inter", system-ui, sans-serif);
-  font-size: 10.5px;
+  font-size: 10px;
   letter-spacing: 0.18em;
   text-transform: uppercase;
   color: var(--text-soft, #8E8B83);
   font-weight: 700;
 }
 .us-day-empty-text {
-  font-size: 11.5px;
+  font-size: 12px;
   color: var(--text-faint, #3A382F);
 }
 
@@ -1093,7 +1116,7 @@
    kicker so the user knows what scope the head numbers describe. */
 .us-usage-total-scope {
   font-family: var(--mono, "Inter", system-ui, sans-serif);
-  font-size: 9.5px;
+  font-size: 10px;
   letter-spacing: 0.18em;
   text-transform: uppercase;
   color: var(--text-faint, #3A382F);
@@ -1139,7 +1162,7 @@
   gap: 12px;
   justify-content: flex-end;
   font-family: var(--mono, "Inter", system-ui, sans-serif);
-  font-size: 10.5px;
+  font-size: 10px;
 }
 .us-usage-meta-label {
   color: var(--text-faint, #3A382F);
@@ -1176,7 +1199,7 @@
 .us-usage-section { display: flex; flex-direction: column; gap: 10px; }
 .us-usage-section-tag {
   font-family: var(--mono, "Inter", system-ui, sans-serif);
-  font-size: 9.5px;
+  font-size: 10px;
   letter-spacing: 0.22em;
   text-transform: uppercase;
   color: var(--text-faint, #3A382F);
@@ -1213,7 +1236,7 @@
 }
 .us-model-provider {
   font-family: var(--mono, "Inter", system-ui, sans-serif);
-  font-size: 9.5px;
+  font-size: 10px;
   letter-spacing: 0.18em;
   text-transform: uppercase;
   color: var(--text-faint, #3A382F);
@@ -1243,7 +1266,7 @@
   letter-spacing: -0.01em;
 }
 .us-model-pct {
-  font-size: 10.5px;
+  font-size: 10px;
   color: var(--text-soft, #8E8B83);
   letter-spacing: 0.04em;
   font-variant-numeric: tabular-nums;
@@ -1251,7 +1274,7 @@
   text-align: right;
 }
 .us-model-agents {
-  font-size: 9.5px;
+  font-size: 10px;
   letter-spacing: 0.18em;
   text-transform: uppercase;
   color: var(--text-faint, #3A382F);
@@ -1307,7 +1330,7 @@
 .us-agent-bar > span { display: block; height: 100%; }
 .us-agent-tokens {
   font-family: var(--mono, "Inter", system-ui, sans-serif);
-  font-size: 11.5px;
+  font-size: 12px;
   font-weight: 700;
   color: var(--text, #C8C5BE);
   font-variant-numeric: tabular-nums;
@@ -1317,7 +1340,7 @@
 .us-agent-silent {
   margin-top: 6px;
   font-family: var(--mono, "Inter", system-ui, sans-serif);
-  font-size: 9.5px;
+  font-size: 10px;
   letter-spacing: 0.16em;
   text-transform: uppercase;
   color: var(--text-faint, #3A382F);
@@ -1386,7 +1409,7 @@
 }
 .us-key-group-tag {
   font-family: var(--mono, "Inter", system-ui, sans-serif);
-  font-size: 9.5px;
+  font-size: 10px;
   letter-spacing: 0.28em;
   text-transform: uppercase;
   color: var(--text-faint, #3A382F);
@@ -1448,7 +1471,7 @@
 }
 .us-models-provider-tag {
   font-family: var(--mono, "Inter", system-ui, sans-serif);
-  font-size: 9.5px;
+  font-size: 10px;
   letter-spacing: 0.22em;
   text-transform: uppercase;
   color: var(--text-faint, #3A382F);
@@ -1503,7 +1526,7 @@
 }
 .us-models-default-label {
   font-family: var(--mono, "Inter", system-ui, sans-serif);
-  font-size: 9.5px;
+  font-size: 10px;
   letter-spacing: 0.22em;
   text-transform: uppercase;
   color: var(--text-faint, #3A382F);
@@ -1551,7 +1574,7 @@
 }
 .us-models-default-note {
   font-family: var(--mono, "Inter", system-ui, sans-serif);
-  font-size: 9.5px;
+  font-size: 10px;
   letter-spacing: 0.18em;
   text-transform: uppercase;
   color: var(--text-faint, #3A382F);

package/public/user-settings.js

@@ -29,8 +29,6 @@
       swatches: ["#FBFBF7","#F4F2EC","#2E7D32","#1B5E20","#A86C2A","#A8403D","#2E7D7A","#1F1E1A"] },
     { slug: "pinterest",   name: "Pinterest",   desc: "clean white · Pinterest red · light",
       swatches: ["#FFFFFF","#FAFAFA","#E60023","#AD081B","#F4A100","#E60023","#2E7D7A","#111111"] },
-    { slug: "apple",       name: "Apple",       desc: "pure white · system blue · Apple.com aesthetic · light",
-      swatches: ["#FFFFFF","#F5F5F7","#0071E3","#0051A8","#FF9500","#FF3B30","#5AC8FA","#1D1D1F"] },
     { slug: "alanpeabody", name: "Alan Peabody", desc: "cool blue · git-green accents",
       swatches: ["#0E1419","#131A21","#6BAFE0","#3F7AAA","#C8A463","#D67373","#6FB5A8","#C8D0DA"] },
     { slug: "amuse",       name: "Amuse",       desc: "magenta + cyan · playful",
@@ -269,7 +267,7 @@
           <div class="us-row-field">
             <button type="button" class="cmp-dd" data-cmp-dropdown="locale" title="${escape(tr("us_locale_label"))}" data-i18n-aria="aria_language" aria-label="">
               <span class="cmp-dd-label" data-i18n="us_locale_label">${escape(tr("us_locale_label"))}</span>
-              <span class="cmp-dd-value" data-cmp-dd-value="locale">${escape(tr(window.I18n && window.I18n.getLocale && window.I18n.getLocale() === "zh" ? "locale_zh" : "locale_en"))}</span>
+              <span class="cmp-dd-value" data-cmp-dd-value="locale">${escape(tr(`locale_${(window.I18n && window.I18n.getLocale && window.I18n.getLocale()) || "en"}`))}</span>
               <span class="cmp-dd-chevron">▾</span>
             </button>
             <p class="us-locale-deck">${escape(tr("us_locale_deck"))}</p>
@@ -290,6 +288,16 @@
             </div>
           </div>
         </div>
+
+        <div class="us-row">
+          <div class="us-row-label">${escape(tr("us_replay_onb_label"))}</div>
+          <div class="us-row-field">
+            <div class="us-toggle-row">
+              <button type="button" class="us-btn-ghost" data-us-replay-onb>${escape(tr("us_replay_onb_btn"))}</button>
+              <span class="us-toggle-deck">${escape(tr("us_replay_onb_deck"))}</span>
+            </div>
+          </div>
+        </div>
       </div>
     `;
   }
@@ -326,6 +334,32 @@
         // toggled also serves as the gesture the AudioContext needs,
         // so this tick is actually heard.
         if (next) window.boardroomTypingSfx.tick();
+        // Re-evaluate the agent-build ambient · this toggle is the
+        // master gate. Flipping OFF silences any active build BGM;
+        // flipping ON resumes it if a build is currently running on
+        // the user's foreground composer.
+        try { window.app?._syncAgentBuildBgm?.(); } catch { /* ignore */ }
+      });
+    }
+
+    // Replay onboarding · close the settings overlay first so the user
+    // lands on a clean dashboard, then trigger the storyline overlay.
+    // The replay helper in onboarding.js handles step reset + the
+    // once-only composer-hint flag.
+    const replayBtn = paneEl.querySelector("[data-us-replay-onb]");
+    if (replayBtn) {
+      replayBtn.addEventListener("click", () => {
+        try { if (typeof window.closeUserSettings === "function") window.closeUserSettings(); } catch { /* ignore */ }
+        // Settings overlay teardown sets up a 220ms close animation
+        // (see modal close handler); kick off onboarding after that so
+        // the two overlays don't briefly stack.
+        setTimeout(() => {
+          if (typeof window.boardroomReplayOnboarding === "function") {
+            window.boardroomReplayOnboarding();
+          } else if (typeof window.boardroomShowOnboarding === "function") {
+            window.boardroomShowOnboarding();
+          }
+        }, 240);
       });
     }
   }
@@ -1437,24 +1471,19 @@
     fetchAppVersion();
   }
 
-  let _versionCache = null;
   async function fetchAppVersion() {
     const slot = overlay && overlay.querySelector("[data-us-version-value]");
     if (!slot) return;
-    // Use cache if we already have it · the version doesn't change
-    // mid-process. First open does the network round-trip; subsequent
-    // opens repaint from cache instantly.
-    if (_versionCache) {
-      slot.textContent = _versionCache;
-      return;
-    }
+    // No cache · every overlay open hits /api/version so a dev-server
+    // restart (npm version bump + new build) reflects immediately
+    // in the foot without requiring a hard reload. The call is one
+    // tiny round-trip with no DB hit, so it's cheap to repeat.
     try {
-      const r = await fetch("/api/version");
+      const r = await fetch("/api/version", { cache: "no-store" });
       if (!r.ok) return;
       const j = await r.json();
       if (j && typeof j.version === "string") {
-        _versionCache = `v${j.version}`;
-        slot.textContent = _versionCache;
+        slot.textContent = `v${j.version}`;
       }
     } catch { /* swallow · the foot just stays at "·" if offline */ }
   }