privateboard 0.1.22 → 0.1.24

package/public/app.js

@@ -19,22 +19,21 @@
   const MODEL_LABELS = {
     "sonnet-4-6":       "Sonnet 4.6",
     "opus-4-7":         "Opus 4.7",
-    "opus-4-6":         "Opus 4.6",
     "opus-4-6-fast":    "Opus 4.6 Fast",
     "haiku-4-5":        "Haiku 4.5",
     "gpt-5-5":          "GPT-5.5",
     "gpt-5-4":          "GPT-5.4",
     "gpt-5-4-mini":     "GPT-5.4 Mini",
-    "gpt-5-5-pro":      "GPT-5.5 Pro",
     "codex-5-4":        "ChatGPT Codex 5.4",
     "gemini-3-1":       "Gemini 3.1 Pro",
     "gemini-3-flash":   "Gemini 3 Flash",
     "gemini-3-1-flash": "Gemini 3.1 Flash Lite",
-    "grok-4-3":         "Grok 4.3",
-    "grok-4-1-fast":    "Grok 4.1 Fast",
-    "grok-4-20":        "Grok 4.20",
     "deepseek-v4-pro":  "DeepSeek V4 Pro",
     "deepseek-v4-flash": "DeepSeek Lite",
+    "glm-5-1":          "GLM 5.1",
+    "kimi-k2-6":        "Kimi K2.6",
+    "minimax-m2-7":     "MiniMax M2.7",
+    "minimax-m2-5":     "MiniMax M2.5",
   };
 
   /** Full model catalog for the new-agent composer dropdown. Mirrors
@@ -46,9 +45,8 @@
   const AGENT_COMPOSER_MODELS = [
     { v: "opus-4-7",         label: "Claude Opus 4.7",      provider: "Anthropic", deck: "deep reasoning" },
     { v: "sonnet-4-6",       label: "Claude Sonnet 4.6",    provider: "Anthropic", deck: "balanced · default" },
-    { v: "opus-4-6",         label: "Claude Opus 4.6",      provider: "Anthropic", deck: "prior-gen flagship" },
     { v: "opus-4-6-fast",    label: "Claude Opus 4.6 Fast", provider: "Anthropic", deck: "faster 4.6 · same intelligence" },
-    { v: "haiku-4-5",        label: "Claude Haiku 4.5",     provider: "Anthropic", deck: "fast · low-cost" },    { v: "gpt-5-5-pro",      label: "GPT-5.5 Pro",       provider: "OpenAI",    deck: "flagship · 1M ctx" },
+    { v: "haiku-4-5",        label: "Claude Haiku 4.5",     provider: "Anthropic", deck: "fast · low-cost" },
     { v: "gpt-5-5",          label: "GPT-5.5",           provider: "OpenAI",    deck: "1M ctx" },
     { v: "gpt-5-4",          label: "GPT-5.4",           provider: "OpenAI",    deck: "general · 1M ctx" },
     { v: "gpt-5-4-mini",     label: "GPT-5.4 Mini",      provider: "OpenAI",    deck: "fast · 400k ctx" },
@@ -56,11 +54,12 @@
     { v: "gemini-3-1",       label: "Gemini 3.1 Pro",        provider: "Google",    deck: "flagship · 1M ctx" },
     { v: "gemini-3-flash",   label: "Gemini 3 Flash",        provider: "Google",    deck: "frontier flash · 1M ctx" },
     { v: "gemini-3-1-flash", label: "Gemini 3.1 Flash Lite", provider: "Google",    deck: "fast · 1M ctx" },
-    { v: "grok-4-3",         label: "Grok 4.3",          provider: "xAI",       deck: "flagship · 1M ctx" },
-    { v: "grok-4-1-fast",    label: "Grok 4.1 Fast",     provider: "xAI",       deck: "fast · 256k ctx" },
-    { v: "grok-4-20",        label: "Grok 4.20",         provider: "xAI",       deck: "2M ctx · big context" },
     { v: "deepseek-v4-pro",  label: "DeepSeek V4 Pro",   provider: "DeepSeek",  deck: "reasoning · open weights" },
     { v: "deepseek-v4-flash", label: "DeepSeek Lite",   provider: "DeepSeek",  deck: "V4 Flash · fast · 1M ctx" },
+    { v: "glm-5-1",          label: "GLM 5.1",          provider: "Zhipu",     deck: "Zhipu flagship · 200k ctx" },
+    { v: "kimi-k2-6",        label: "Kimi K2.6",        provider: "Moonshot",  deck: "long-context" },
+    { v: "minimax-m2-7",     label: "MiniMax M2.7",     provider: "MiniMax",   deck: "flagship · long-context" },
+    { v: "minimax-m2-5",     label: "MiniMax M2.5",     provider: "MiniMax",   deck: "prior · long-context" },
   ];
 
   /** Tone tooltips · short, user-readable summary of how each tone
@@ -789,6 +788,12 @@
 
     // ── Room lifecycle ────────────────────────────────────────
     async openRoom(roomId) {
+      // Close the @-mention picker if open · its director list is
+      // scoped to the previous room and would point at a stale cast
+      // mid-navigation. Idempotent · no-op when already closed.
+      if (window.MentionPicker && typeof window.MentionPicker.close === "function") {
+        window.MentionPicker.close();
+      }
       // Hand off SSE to a background tracker BEFORE closing the
       // foreground · openRoom is the room-to-room nav path
       // (closeRoom only fires when going back to "no room") so
@@ -2662,9 +2667,24 @@
       // If a director is mid-turn AND we don't already have a queued
       // message, ask the user how to proceed.
       if (this.isAgentSpeaking() && !this.pendingUserMessage) {
-        this.openSendChoiceModal(text);
+        // Drain @-mentions NOW so the choice modal can carry them
+        // along to interrupt / queue · waiting until handleSendChoice
+        // would be too late (the textarea is cleared by then, and
+        // the mention-picker filters by handle-still-present-in-text).
+        const midTurnMentions = (window.MentionPicker && typeof window.MentionPicker.consumePendingMentions === "function")
+          ? window.MentionPicker.consumePendingMentions(text)
+          : [];
+        this.openSendChoiceModal(text, midTurnMentions);
         return true;
       }
+      // Drain any pending @-mentions the user picked via the
+      // mention-picker overlay. The picker filters out handles the
+      // user later backspaced out, so the resulting id list is
+      // already consistent with the text body. Falls back to an
+      // empty array when mention-picker.js hasn't loaded yet.
+      const mentions = (window.MentionPicker && typeof window.MentionPicker.consumePendingMentions === "function")
+        ? window.MentionPicker.consumePendingMentions(text)
+        : [];
       input.value = "";
       // Shrink the textarea back to its single-line baseline ·
       // typed content may have grown the field, and the cleared
@@ -2674,7 +2694,7 @@
       if (input.matches?.(".ib-textarea[data-send-input]")) {
         this.autosizeRoomInputTextarea();
       }
-      this.sendMessage(text).catch((err) => alert("Send failed: " + err.message));
+      this.sendMessage(text, mentions).catch((err) => alert("Send failed: " + err.message));
       return true;
     },
 
@@ -2989,8 +3009,12 @@
     /** Modal · "an agent is speaking · interrupt or wait?". Mirrors the
      *  pause-choice overlay's chrome (.pc-overlay / .pc-modal) so the
      *  visual treatment is consistent across modal prompts. */
-    openSendChoiceModal(text) {
+    openSendChoiceModal(text, mentions) {
       this.closeSendChoiceModal();
+      // Stash mentions alongside text so handleSendChoice forwards
+      // them on interrupt / queue. Falls back to [] when called from
+      // legacy / non-mention paths.
+      this._sendChoiceMentions = Array.isArray(mentions) ? mentions.slice() : [];
       const speaker = this.currentQueue[0]
         ? this.agentsById[this.currentQueue[0].agentId]
         : null;
@@ -3037,10 +3061,12 @@
       if (el) el.remove();
       this._sendChoiceText = null;
       this._sendChoiceSpeakerId = null;
+      this._sendChoiceMentions = null;
     },
     handleSendChoice(choice) {
       const text = this._sendChoiceText || "";
       const speakerId = this._sendChoiceSpeakerId;
+      const mentions = Array.isArray(this._sendChoiceMentions) ? this._sendChoiceMentions.slice() : [];
       const input = document.querySelector('.input-bar input, [data-send-input]');
       this.closeSendChoiceModal();
       if (choice === "cancel" || !text.trim()) return;
@@ -3048,7 +3074,7 @@
         input.value = "";
       }
       if (choice === "interrupt") {
-        this.sendMessage(text).catch((err) => alert("Send failed: " + err.message));
+        this.sendMessage(text, mentions).catch((err) => alert("Send failed: " + err.message));
         return;
       }
       if (choice === "queue") {
@@ -3064,7 +3090,7 @@
         // turns, AFTER current speaker finishes and BEFORE the next
         // speaker starts. The placeholder clears when the
         // message-appended SSE comes back.
-        this.sendMessage(text, [], "after-speaker").catch((err) => {
+        this.sendMessage(text, mentions, "after-speaker").catch((err) => {
           alert("Queue failed: " + err.message);
           this.pendingUserMessage = null;
           this.pendingForSpeakerId = null;
@@ -6251,11 +6277,14 @@
       // base provider colour. Append-only — adding a new variant just
       // requires its modelV at the appropriate position.
       const MODEL_SHADE_ORDER = {
-        anthropic: ["opus-4-7", "opus-4-6", "sonnet-4-6", "haiku-4-5"],
-        openai:    ["gpt-5-5", "gpt-5-4-mini", "codex-5-4"],
+        anthropic: ["opus-4-7", "sonnet-4-6", "opus-4-6-fast", "haiku-4-5"],
+        openai:    ["gpt-5-5", "gpt-5-4", "gpt-5-4-mini", "codex-5-4"],
         google:    ["gemini-3-1", "gemini-3-flash", "gemini-3-1-flash"],
-        xai:       ["grok-4", "grok-4-3", "grok-4-mini"],
-        deepseek:  ["deepseek-v4-pro", "deepseek-v4-flash", "deepseek-v4"],
+        // xai · no Grok models in registry currently.
+        deepseek:  ["deepseek-v4-pro", "deepseek-v4-flash"],
+        zhipu:     ["glm-5-1"],
+        moonshot:  ["kimi-k2-6"],
+        minimax:   ["minimax-m2-7", "minimax-m2-5"],
       };
       const providerOf = (modelV) => {
         const hit = reachable.find((m) => m.modelV === modelV);
@@ -13957,8 +13986,24 @@
           source = null;
         }
       }
-      const inOtherRoom = !!(source && source.roomId && source.roomId !== this.currentRoomId);
-      if (!inOtherRoom) {
+      // Visibility · hide only when the user is actively viewing the
+      // same room as the playing source. "Actively viewing" means BOTH
+      // currentRoomId matches AND the sidebar's active tab is rooms.
+      // When the user switches to the Agents tab (or any non-rooms
+      // tab), currentRoomId stays sticky to the last-opened room, but
+      // the user is no longer looking at the room's stream — the
+      // player is now their only anchor back to the live audio, so it
+      // has to surface even though the ids match.
+      const activeTabEl = document.querySelector(".sidebar-tab.active[data-sidebar-tab]");
+      const activeTab = activeTabEl ? activeTabEl.dataset.sidebarTab : null;
+      const viewingRoomsTab = !activeTab || activeTab === "rooms";
+      const viewingSameRoom = !!(
+        source &&
+        source.roomId &&
+        source.roomId === this.currentRoomId &&
+        viewingRoomsTab
+      );
+      if (!source || viewingSameRoom) {
         el.hidden = true;
         el.removeAttribute("data-mini-player-room-id");
         el.removeAttribute("data-mini-player-kind");

package/public/home.html

@@ -1802,7 +1802,7 @@
 
       <div class="hero-actions">
         <a href="#install" class="big-btn primary">[ ◆ Convene a Room ]</a>
-        <a href="https://github.com/kaysaith1900/privateboard/releases/download/v0.1.21/PrivateBoard-0.1.21-arm64.dmg"
+        <a href="https://github.com/kaysaith1900/privateboard/releases/download/v0.1.23/PrivateBoard-0.1.23-arm64.dmg"
            class="big-btn secondary"
            download
            aria-label="Download PrivateBoard for macOS (Apple Silicon)"><svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M12 3v12"/><polyline points="6 11 12 17 18 11"/><path d="M5 21h14"/></svg> Download for Mac</a>

package/public/i18n.js

@@ -531,6 +531,21 @@
       vonb_theme_nintendo_name: "CRITIQUE",
       vonb_theme_nintendo_deck: "burgundy carpet · formal",
 
+      upd_classification_left: "app update",
+      upd_classification_right: "// privateboard",
+      upd_meta_label: "// release",
+      upd_meta_live: "available",
+      upd_title: "A new version of PrivateBoard is available.",
+      upd_available_deck: "Download now and apply on restart. You can keep working while it downloads.",
+      upd_progress_preparing: "preparing…",
+      upd_ready_deck: "Download complete. Restart PrivateBoard to apply the update.",
+      upd_error_deck: "Could not reach the update server. Check your connection and try again later, or download manually from GitHub Releases.",
+      upd_btn_update_now: "Update now",
+      upd_btn_later: "Later",
+      upd_btn_hide: "Hide",
+      upd_btn_restart_now: "Restart to update",
+      upd_btn_close: "Close",
+
       onb_v2_classification_left: "first run · welcome",
       onb_v2_classification_right: "// local · ~60 seconds",
       onb_v2_back: "[ ◂ Back ]",
@@ -1507,6 +1522,21 @@ When the room ___, raise an objection.`,
       vonb_theme_nintendo_name: "批评",
       vonb_theme_nintendo_deck: "酒红地毯 · 正式",
 
+      upd_classification_left: "应用更新",
+      upd_classification_right: "// privateboard",
+      upd_meta_label: "// 新版本",
+      upd_meta_live: "可用",
+      upd_title: "PrivateBoard 有新版本可用",
+      upd_available_deck: "立即下载,重启后生效。下载过程中你可以继续使用。",
+      upd_progress_preparing: "准备中…",
+      upd_ready_deck: "下载完成,重启 PrivateBoard 即可应用新版本。",
+      upd_error_deck: "无法连接到更新服务器。请检查网络后重试,或前往 GitHub Releases 手动下载。",
+      upd_btn_update_now: "现在更新",
+      upd_btn_later: "稍后",
+      upd_btn_hide: "隐藏",
+      upd_btn_restart_now: "重启以更新",
+      upd_btn_close: "关闭",
+
       onb_v2_classification_left: "首次进入 · 欢迎",
       onb_v2_classification_right: "// 本地 · 约 60 秒",
       onb_v2_back: "[ ◂ 上一步 ]",
@@ -2459,6 +2489,21 @@ When the room ___, raise an objection.`,
       vonb_theme_nintendo_name: "クリティーク",
       vonb_theme_nintendo_deck: "バーガンディ絨毯 · フォーマル",
 
+      upd_classification_left: "アプリ更新",
+      upd_classification_right: "// privateboard",
+      upd_meta_label: "// リリース",
+      upd_meta_live: "利用可能",
+      upd_title: "PrivateBoard の新しいバージョンがあります。",
+      upd_available_deck: "今すぐダウンロードし、再起動で適用されます。ダウンロード中も作業を続けられます。",
+      upd_progress_preparing: "準備中…",
+      upd_ready_deck: "ダウンロード完了。PrivateBoard を再起動して更新を適用してください。",
+      upd_error_deck: "更新サーバーに接続できません。接続を確認して再試行するか、GitHub Releases から手動でダウンロードしてください。",
+      upd_btn_update_now: "今すぐ更新",
+      upd_btn_later: "後で",
+      upd_btn_hide: "隠す",
+      upd_btn_restart_now: "再起動して更新",
+      upd_btn_close: "閉じる",
+
       onb_v2_classification_left: "初回 · ようこそ",
       onb_v2_classification_right: "// ローカル · 約 60 秒",
       onb_v2_back: "[ ◂ 戻る ]",
@@ -3231,6 +3276,21 @@ When the room ___, raise an objection.`,
       vonb_theme_nintendo_name: "CRÍTICA",
       vonb_theme_nintendo_deck: "alfombra burdeos · formal",
 
+      upd_classification_left: "actualización de la app",
+      upd_classification_right: "// privateboard",
+      upd_meta_label: "// versión",
+      upd_meta_live: "disponible",
+      upd_title: "Hay una nueva versión de PrivateBoard.",
+      upd_available_deck: "Descárgala ahora y se aplicará al reiniciar. Puedes seguir trabajando mientras tanto.",
+      upd_progress_preparing: "preparando…",
+      upd_ready_deck: "Descarga completa. Reinicia PrivateBoard para aplicar la actualización.",
+      upd_error_deck: "No se pudo conectar al servidor de actualizaciones. Revisa tu conexión o descarga manualmente desde GitHub Releases.",
+      upd_btn_update_now: "Actualizar ahora",
+      upd_btn_later: "Más tarde",
+      upd_btn_hide: "Ocultar",
+      upd_btn_restart_now: "Reiniciar para actualizar",
+      upd_btn_close: "Cerrar",
+
       onb_v2_classification_left: "primera vez · bienvenida",
       onb_v2_classification_right: "// local · ~60 segundos",
       onb_v2_back: "[ ◂ Atrás ]",

package/public/index.html

@@ -523,6 +523,14 @@
   html.is-electron-mac .room-head .head-cast img {
     -webkit-app-region: no-drag;
   }
+  /* The expand-btn's ::after halo paints OUTSIDE the button rect
+     (inset: -16px), so it doesn't inherit the button's no-drag and
+     gets eaten by `.room-head { drag }` above. Stamp no-drag on the
+     pseudo directly so the 48×48 hit zone keeps registering clicks.
+     (Same shape as the sidebar-collapse-btn::after override.) */
+  html.is-electron-mac .room-head .room-head-expand::after {
+    -webkit-app-region: no-drag;
+  }
   /* ─── macOS Electron · top-strip drag coverage for non-room views.
      When the room view is hidden (All Reports / All Notes / Search /
      Agent Profile) or the room view is shown with no current room (the
@@ -817,42 +825,65 @@
 
   /* ─── In-header expand button ───
      Lives at the leading edge of `.room-head` (rendered by
-     renderHeader() in app.js). Twin of `.sidebar-collapse-btn` —
-     naked CSS-glyph, no border, faint text, lime on hover. The
-     ▸ glyph mirrors the ◂ on the collapse counterpart so the
-     two controls read as a paired set. Hidden by default; shown
-     only when the sidebar is collapsed AND a room is loaded. */
+     renderHeader() in app.js). Visual twin of `.sidebar-collapse-btn`
+     so the collapse/expand pair reads as the SAME control across
+     the two places it can appear (in-sidebar when open · in-header
+     when sidebar collapsed AND a room is loaded). Icon-only · no
+     chrome · same Lucide PanelLeft mask · same hover-lime cascade.
+     Always rendered in the mirrored variant (panel folded to the
+     right edge) since this button only ever appears in the collapsed
+     state · clicking it expands the sidebar back. */
   .room-head-expand {
     appearance: none;
-    background: var(--panel-3);
-    border: 0.5px solid var(--line-strong);
+    background: transparent;
+    border: 0;
     color: var(--text-soft);
     cursor: pointer;
-    width: 24px;
-    height: 22px;
+    width: 16px;
+    height: 16px;
     padding: 0;
-    line-height: 1;
-    font-family: var(--mono);
-    font-size: 16px;
-    font-weight: 700;
-    /* position: relative so the ::after tooltip anchors to the
-       button rather than escaping into the room-head's layout. */
+    flex-shrink: 0;
+    transition: color 0.12s;
+    /* position: relative anchors the ::after hit-area expander so
+       the cursor doesn't have to land precisely on the 16px icon. */
     position: relative;
     display: none;
-    align-items: center;
-    justify-content: center;
-    transition: color 0.12s, background 0.12s, border-color 0.12s;
-    flex-shrink: 0;
   }
-  .room-head-expand::before { content: "›"; }
-  body.sidebar-collapsed .room-head-expand {
-    display: inline-flex;
+  .room-head-expand::before {
+    content: "";
+    display: block;
+    width: 16px;
+    height: 16px;
+    background-color: currentColor;
+    -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='3' width='18' height='18' rx='2'/><path d='M9 3v18'/><path d='M5 8h2'/><path d='M5 12h2'/><path d='M5 16h2'/></svg>");
+            mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='3' width='18' height='18' rx='2'/><path d='M9 3v18'/><path d='M5 8h2'/><path d='M5 12h2'/><path d='M5 16h2'/></svg>");
+    -webkit-mask-repeat: no-repeat;
+            mask-repeat: no-repeat;
+    -webkit-mask-position: center;
+            mask-position: center;
+    -webkit-mask-size: 16px 16px;
+            mask-size: 16px 16px;
+    /* Same scaleX(-1) the sidebar-collapse-btn uses when
+       body.sidebar-collapsed · since this button is ONLY visible
+       in the collapsed state, the flip is unconditional here. */
+    transform: scaleX(-1);
   }
-  .room-head-expand:hover {
-    color: var(--lime);
-    border-color: var(--lime-dim);
-    background: var(--panel-2);
+  /* Invisible hit-area expander · matches `.sidebar-collapse-btn::after`
+     so the click rectangle grows to 48×48 around the 16px icon. */
+  .room-head-expand::after {
+    content: "";
+    position: absolute;
+    inset: -16px;
+  }
+  body.sidebar-collapsed .room-head-expand {
+    display: block;
+    /* Extra 5px breathing room between the icon and the title cluster
+       on top of the room-head's own 12px column gap · the icon sat
+       too close to the kicker / subject otherwise. Scoped to the
+       collapsed state since the button itself only exists then. */
+    margin-right: 5px;
   }
+  .room-head-expand:hover { color: var(--lime); }
 
   /* ─── Sidebar tabs (Rooms / Agents) — segmented control with icon ─── */
   .sidebar-tabs {
@@ -2752,7 +2783,12 @@
     transition: background-color 5000s ease-in-out 0s;
   }
   .search-page.has-results .search-input {
-    padding: 9px 6px;
+    /* Horizontal padding matches the new-room composer's `.cmp-input`
+       (14 px each side) so the text-to-input-box gutter reads the same
+       across the two surfaces. The earlier 6 px was visibly tighter
+       than the new-room textarea and made the head-row input feel
+       cramped against its panel-2 pill. */
+    padding: 9px 14px;
     font-size: 13px;
   }
   .search-input::placeholder {
@@ -11773,11 +11809,11 @@
     align-items: center;
     gap: 8px;
     padding: 6px 10px;
-    /* Bottombar matches the topbar's brand-tinted treatment: `--strip-bg`
-       fill + `--accent-line` hairline on top. The two strips bookend the
-       textarea zone so the composer reads as one cohesive brand surface. */
-    background: var(--strip-bg);
-    border-top: 0.5px solid var(--accent-line);
+    /* Bottombar floats transparently over the input frame — no fill,
+       no top hairline. Only the topbar carries the brand-tinted strip
+       treatment; the bottom controls read as buttons-on-the-input,
+       not a second chrome band. */
+    background: transparent;
     min-height: 48px;
     /* Establish a size container · child elements (notably the
        voice-mode toggle's text) can respond to the toolbar's width
@@ -15692,11 +15728,14 @@
 <script src="user-settings.js" defer></script>
 <link rel="stylesheet" href="voice-replay.css">
 <script src="voice-replay.js" defer></script>
+<script src="mention-picker.js" defer></script>
 <script src="auto-hide-scroll.js" defer></script>
 <link rel="stylesheet" href="onboarding.css">
 <script src="onboarding.js" defer></script>
 <link rel="stylesheet" href="voice-onboarding.css">
 <script src="voice-onboarding.js" defer></script>
+<link rel="stylesheet" href="app-updater.css">
+<script src="app-updater.js" defer></script>
 <link rel="stylesheet" href="quote-cta.css">
 <script src="quote-cta.js" defer></script>
 <script src="typing-sfx.js" defer></script>
@@ -16946,6 +16985,16 @@
       else if (which === "agents") applyAgentsSubState(lsGet(AGENTS_KEY) || "new");
 
       if (persist) lsSet(TAB_KEY, which);
+
+      // Voice mini-player visibility depends on the active sidebar
+      // tab (refreshMiniPlayer in app.js gates on it). A bare tab
+      // switch doesn't fire any of the boardroom:replay-* events, so
+      // we trigger the refresh explicitly here — otherwise the player
+      // sticks in whichever state it was last evaluated under (most
+      // visibly: hidden when entering Agents from the playing room).
+      if (window.app && typeof window.app.refreshMiniPlayer === "function") {
+        window.app.refreshMiniPlayer();
+      }
     }
 
     /* ─── Capture-phase tracker for sidebar agent rows ─────────────
@@ -17424,6 +17473,93 @@
   </article>
 </template>
 
+<div class="upd-overlay" id="upd-overlay" role="dialog" aria-modal="true" aria-hidden="true">
+  <div class="upd-backdrop" data-upd-close></div>
+  <div class="upd-modal" role="document">
+
+    <div class="upd-classification">
+      <span><span class="dot">●</span> <span data-i18n="upd_classification_left">app update</span></span>
+      <span class="right" data-i18n="upd_classification_right">// privateboard</span>
+    </div>
+
+    <header class="upd-head">
+      <div class="upd-head-text">
+        <div class="meta">
+          <span data-i18n="upd_meta_label">// release</span>
+          <span>·</span>
+          <span class="live" data-i18n="upd_meta_live">available</span>
+        </div>
+        <div class="title" data-upd-title data-i18n="upd_title">A new version of PrivateBoard is available.</div>
+      </div>
+      <button type="button" class="close-btn" data-upd-close aria-label="Close">✕</button>
+    </header>
+
+    <div class="upd-body">
+
+      <!-- AVAILABLE · prompt the user to start the download -->
+      <div class="upd-state upd-state-available">
+        <div class="upd-version">
+          <span class="from" data-upd-from-version>v0.0.0</span>
+          <span class="arrow">→</span>
+          <span class="to" data-upd-to-version>v0.0.0</span>
+        </div>
+        <p class="upd-deck" data-i18n="upd_available_deck">Download now and apply on restart. You can keep working while it downloads.</p>
+      </div>
+
+      <!-- DOWNLOADING · live progress -->
+      <div class="upd-state upd-state-downloading">
+        <div class="upd-version">
+          <span class="from" data-upd-from-version-d>v0.0.0</span>
+          <span class="arrow">→</span>
+          <span class="to" data-upd-to-version-d>v0.0.0</span>
+        </div>
+        <div class="upd-progress-card">
+          <div class="upd-progress-head">
+            <span class="upd-progress-pct" data-upd-pct>0%</span>
+            <span class="upd-progress-rate" data-upd-rate>—</span>
+          </div>
+          <div class="upd-progress-bar indeterminate" data-upd-bar><span></span></div>
+          <div class="upd-progress-bytes" data-upd-bytes data-i18n="upd_progress_preparing">preparing…</div>
+        </div>
+      </div>
+
+      <!-- READY · download complete, prompt restart -->
+      <div class="upd-state upd-state-ready">
+        <div class="upd-version">
+          <span class="from" data-upd-from-version-r>v0.0.0</span>
+          <span class="arrow">→</span>
+          <span class="to" data-upd-to-version-r>v0.0.0</span>
+        </div>
+        <p class="upd-deck" data-i18n="upd_ready_deck">Download complete. Restart PrivateBoard to apply the update.</p>
+      </div>
+
+      <!-- ERROR -->
+      <div class="upd-state upd-state-error">
+        <div class="upd-error" data-upd-error-message>—</div>
+        <p class="upd-deck" data-i18n="upd_error_deck">Could not reach the update server. Check your connection and try again later, or download manually from GitHub Releases.</p>
+      </div>
+
+    </div>
+
+    <footer class="upd-foot">
+      <span class="upd-foot-state upd-foot-state-available">
+        <button type="button" class="upd-btn" data-upd-dismiss data-i18n="upd_btn_later">Later</button>
+        <button type="button" class="upd-btn primary" data-upd-download data-i18n="upd_btn_update_now">Update now</button>
+      </span>
+      <span class="upd-foot-state upd-foot-state-downloading">
+        <button type="button" class="upd-btn" data-upd-dismiss data-i18n="upd_btn_hide">Hide</button>
+      </span>
+      <span class="upd-foot-state upd-foot-state-ready">
+        <button type="button" class="upd-btn" data-upd-dismiss data-i18n="upd_btn_later">Later</button>
+        <button type="button" class="upd-btn primary" data-upd-install data-i18n="upd_btn_restart_now">Restart to update</button>
+      </span>
+      <span class="upd-foot-state upd-foot-state-error">
+        <button type="button" class="upd-btn" data-upd-dismiss data-i18n="upd_btn_close">Close</button>
+      </span>
+    </footer>
+  </div>
+</div>
+
 <div class="vonb-overlay" id="vonb-overlay" role="dialog" aria-modal="true" aria-hidden="true">
   <div class="vonb-backdrop" data-vonb-close></div>
   <div class="vonb-modal" role="document">