privateboard 0.1.6 → 0.1.8

package/public/app.js

@@ -292,20 +292,14 @@
         return;
       }
 
-      const lang = (this.composerLanguage && this.composerLanguage()) || "en";
       const count = fresh.length;
       const names = fresh.map((m) => m.name).join(", ");
-      const copy = lang === "zh"
-        ? {
-            head: `存储结构已升级`,
-            body: `已应用 ${count} 个新迁移 · 你已有的房间、董事、报告、设置都已保留。`,
-            tooltip: names,
-          }
-        : {
-            head: `Storage upgraded`,
-            body: `${count} new migration${count > 1 ? "s" : ""} applied · your existing rooms, agents, briefs, and settings were preserved.`,
-            tooltip: names,
-          };
+      // System UI · always English (storage-migration banner).
+      const copy = {
+        head: `Storage upgraded`,
+        body: `${count} new migration${count > 1 ? "s" : ""} applied · your existing rooms, agents, briefs, and settings were preserved.`,
+        tooltip: names,
+      };
       textEl.innerHTML =
         `<span class="sys-notice-strong">${this.escape(copy.head)}</span> · ${this.escape(copy.body)}`;
       banner.title = copy.tooltip;
@@ -783,6 +777,10 @@
         msg.body += data.delta;
         this.updateMessageBodyDom(data.messageId, msg.body, true);
         this.scrollChatToBottom();
+        // Typing-SFX presence cue · the module throttles internally,
+        // mutes when the tab is backgrounded, and respects the user's
+        // toggle in Preference → User. Safe to call on every chunk.
+        window.boardroomTypingSfx && window.boardroomTypingSfx.tick();
       });
 
       this.sse.addEventListener("message-final", (e) => {
@@ -914,11 +912,37 @@
           }
         } else if (kind === "brief-started") {
           this.markBriefEvent();
+          // Mode determines BOTH the seeded stage map and which pip
+          // rail renderBriefStages picks. Bento, magazine, and
+          // newspaper modes each emit only 2 stage events (extract
+          // + write), so seeding the 7-stage layout for a
+          // structured-mode brief leaves the 5 middle pips forever
+          // pending — the rail then renders with a row of dead
+          // black pips between extract and write. Read mode from
+          // the payload (server includes it on brief-started for
+          // exactly this reason) and seed accordingly.
+          const isStructured = this.isStructuredBriefMode(payload.mode);
+          const briefMode = isStructured ? payload.mode : "research-note";
+          const seededStages = isStructured
+            ? {
+                extract: { status: "pending", detail: "", progress: null, startedAt: null, etaSec: null },
+                write:   { status: "pending", detail: "", progress: null, startedAt: null, etaSec: null },
+              }
+            : {
+                extract:             { status: "pending", detail: "", progress: null, startedAt: null, etaSec: null },
+                compose:             { status: "pending", detail: "", progress: null, startedAt: null, etaSec: null },
+                "scaffold-anchor":   { status: "pending", detail: "", progress: null, startedAt: null, etaSec: null },
+                "scaffold-findings": { status: "pending", detail: "", progress: null, startedAt: null, etaSec: null },
+                "scaffold-cluster":  { status: "pending", detail: "", progress: null, startedAt: null, etaSec: null },
+                "scaffold-actions":  { status: "pending", detail: "", progress: null, startedAt: null, etaSec: null },
+                write:               { status: "pending", detail: "", progress: null, startedAt: null, etaSec: null },
+              };
           const newBrief = {
             id: payload.briefId,
             title: "Generating…",
             bodyMd: "",
             style: payload.style || "mckinsey",
+            mode: briefMode,
             // Carry the supplement so the tab strip can render the
             // in-progress brief with its supplement label ("xxx 视角")
             // immediately, instead of waiting for brief-final to
@@ -933,21 +957,13 @@
             language: payload.language === "zh" ? "zh" : "en",
             pipelineStartedAt: Date.now(),
             createdAt: Date.now(),
-            // Stage checklist · seeded with all seven stages in pending
-            // state (extract / compose / 4 scaffold sub-stages / write).
-            // brief-stage events flip them active → done as the pipeline
-            // progresses. startedAt is captured when each stage first
-            // becomes active so the UI can display elapsed time
-            // alongside the ETA range.
-            stages: {
-              extract:             { status: "pending", detail: "", progress: null, startedAt: null, etaSec: null },
-              compose:             { status: "pending", detail: "", progress: null, startedAt: null, etaSec: null },
-              "scaffold-anchor":   { status: "pending", detail: "", progress: null, startedAt: null, etaSec: null },
-              "scaffold-findings": { status: "pending", detail: "", progress: null, startedAt: null, etaSec: null },
-              "scaffold-cluster":  { status: "pending", detail: "", progress: null, startedAt: null, etaSec: null },
-              "scaffold-actions":  { status: "pending", detail: "", progress: null, startedAt: null, etaSec: null },
-              write:               { status: "pending", detail: "", progress: null, startedAt: null, etaSec: null },
-            },
+            // Stage checklist · seeded according to the brief mode (see
+            // briefMode resolution above). brief-stage events flip
+            // them active → done as the pipeline progresses.
+            // startedAt is captured when each stage first becomes
+            // active so the UI can display elapsed time alongside the
+            // ETA range.
+            stages: seededStages,
           };
           this.currentBrief = newBrief;
           // Insert the in-progress brief into currentBriefs so the tab
@@ -1078,6 +1094,14 @@
               }
             }
           }
+          // No typing-SFX during the brief writer's Stage 3 stream.
+          // The write phase is a long, off-screen streaming pass (the
+          // user is usually reading prior content or doing something
+          // else while the report builds) — a continuous click track
+          // for tens of seconds reads as background noise, not a
+          // presence cue. Director / chair turns still tick because
+          // those land in the active conversation the user is
+          // following.
         } else if (kind === "brief-final") {
           this.markBriefEvent();
           const target = this._briefById(payload.briefId);
@@ -1482,6 +1506,192 @@
       return false;
     },
 
+    /** Has the brief got its body content yet? Mode-aware check ·
+     *  research-note briefs land their content in `bodyMd`; bento
+     *  briefs land theirs in `bodyJson` and leave bodyMd empty. The
+     *  card-rendering / placeholder-detection / generating-check
+     *  logic uses this everywhere so a bento brief doesn't stay
+     *  stuck in "generating…" state after the BentoScaffold has
+     *  actually been persisted.
+     *
+     *  Without this helper, a successful bento generation followed
+     *  by a page refresh hid the View Report button forever (the
+     *  card thought it was still generating because bodyMd was empty
+     *  — which is the steady-state shape for bento, not an
+     *  in-flight signal). */
+    /** True for any structured-output mode — bento, magazine,
+     *  newspaper — that persists to body_json instead of body_md and
+     *  runs the single-pass chair-LLM pipeline (extract + write only,
+     *  no Stage 2/3 scaffold/write). Centralised so future modes
+     *  touch one place. */
+    isStructuredBriefMode(mode) {
+      return mode === "bento" || mode === "magazine" || mode === "newspaper";
+    },
+
+    briefHasBody(b) {
+      if (!b) return false;
+      if (this.isStructuredBriefMode(b.mode)) {
+        // Bento + magazine populate bodyJson with the BentoScaffold.
+        // An empty object isn't a body; check for at least a title
+        // field.
+        const j = b.bodyJson;
+        return !!(j && typeof j === "object" && (j.title || j.milestones));
+      }
+      // Default research-note · body lives in markdown.
+      return !!(b.bodyMd && b.bodyMd.trim());
+    },
+
+    /** Build the right viewer URL for a brief based on its mode.
+     *  · 'research-note' (default · or unknown) → `/report.html?r=R&b=B`
+     *  · 'bento' → `/bento.html?b=B`
+     *  · 'magazine' → `/magazine.html?b=B`
+     *  · 'newspaper' → `/newspaper.html?b=B`
+     *
+     *  Structured renderers don't need the room context · the brief
+     *  is self-contained. Used by the View Report button, the
+     *  brief-picker popover, the open-report link in the brief card,
+     *  and the All Reports page — one helper so a future renderer
+     *  route change touches one place. */
+    briefViewerHref(b, roomId) {
+      if (!b || !b.id) return null;
+      const id = encodeURIComponent(b.id);
+      if (b.mode === "bento") return `/bento.html?b=${id}`;
+      if (b.mode === "magazine") return `/magazine.html?b=${id}`;
+      if (b.mode === "newspaper") return `/newspaper.html?b=${id}`;
+      const r = roomId ? encodeURIComponent(roomId) : "";
+      return r ? `/report.html?r=${r}&b=${id}` : `/report.html?b=${id}`;
+    },
+
+    /** Human-readable label for a brief's mode · used in the brief-card
+     *  banner so the user sees which renderer the report will use
+     *  before they open it.
+     *
+     *  IMPORTANT · the user-facing label for `research-note` is
+     *  "Report", NOT "Research Note". The internal mode key stays as
+     *  `research-note` (storage column, API value, picker option id),
+     *  but every user-facing surface — the mode picker (`renderBrief-
+     *  ModePicker` line ~1662 in this file), the report viewer's
+     *  header, etc. — calls it "Report". Keep this map in sync with
+     *  the picker labels rather than inventing a fresh user-facing
+     *  vocabulary.
+     *
+     *  Legacy rows without an explicit `mode` default to "Report" by
+     *  the same backfill the storage layer applies. */
+    briefModeLabel(b) {
+      const mode = (b && b.mode) || "research-note";
+      switch (mode) {
+        case "bento":     return "Bento";
+        case "magazine":  return "Magazine";
+        case "newspaper": return "Newspaper";
+        default:          return "Report";
+      }
+    },
+
+    /** Render the report-mode picker · four icon-tile cards that let
+     *  the user pick between research-note, bento, magazine, and
+     *  newspaper. Each tile shows a custom monoline SVG that
+     *  visually mirrors that mode's layout — research-note as a
+     *  memo, bento as a 4-cell grid, magazine as a masthead +
+     *  numeral block + small cards, newspaper as a banner + 3-column
+     *  text grid. The native radio is visually hidden (kept in the
+     *  DOM for a11y / keyboard nav).
+     *
+     *  Used by both the adjourn overlay (filing the report at
+     *  adjourn-time / generate-brief flow) AND the supplement
+     *  overlay (regenerating with an extra perspective). The picker
+     *  reads its selected option via `input[name="brief-mode"]:checked`
+     *  from inside whatever overlay it lives in · the click-to-toggle
+     *  handler scopes to the `.adjourn-mode-options` container so it
+     *  works for any overlay embedding the picker. */
+    renderBriefModePicker(defaultMode) {
+      const safe = this.isStructuredBriefMode(defaultMode) ? defaultMode : "research-note";
+      // Icon SVGs · `currentColor` lets each tile pick up its hover /
+      // selected accent from the parent `.adjourn-mode-icon { color }`
+      // rule. Stroke hierarchy is deliberate · main outlines at 1.0,
+      // a single emphasis rule at 1.2 (newspaper headline + magazine
+      // masthead bar), body details at 0.8. Filled blocks soften to
+      // currentColor at 0.5 opacity so the lime selected-state reads
+      // as a tint rather than a slab. The 24-unit viewBox renders at
+      // 36px on screen → 1.5× scale, so stroke-1.0 is a clean 1.5px.
+      const ICONS = {
+        "research-note": `
+          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+            <path d="M6 3h9l4 4v14H6z"/>
+            <path d="M15 3v4h4"/>
+            <line x1="9" y1="12" x2="16" y2="12"/>
+            <line x1="9" y1="15" x2="16" y2="15"/>
+            <line x1="9" y1="18" x2="14" y2="18"/>
+          </svg>`,
+        "bento": `
+          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+            <rect x="3" y="3" width="9" height="13" rx="1.5"/>
+            <rect x="13" y="3" width="8" height="6" rx="1.5"/>
+            <rect x="13" y="10" width="8" height="6" rx="1.5"/>
+            <rect x="3" y="17" width="18" height="4" rx="1.5"/>
+          </svg>`,
+        "magazine": `
+          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+            <line x1="3" y1="4" x2="21" y2="4" stroke-width="1.2"/>
+            <rect x="3" y="7" width="6" height="9" rx="1.2"/>
+            <rect x="11" y="7" width="4.5" height="4" rx="1.2"/>
+            <rect x="16.5" y="7" width="4.5" height="4" rx="1.2"/>
+            <rect x="11" y="12" width="4.5" height="4" rx="1.2"/>
+            <rect x="16.5" y="12" width="4.5" height="4" rx="1.2"/>
+            <rect x="3" y="18" width="18" height="3" rx="1" fill="currentColor" fill-opacity="0.45" stroke="none"/>
+          </svg>`,
+        "newspaper": `
+          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+            <rect x="3" y="3" width="18" height="2.5" fill="currentColor" fill-opacity="0.85" stroke="none"/>
+            <line x1="7" y1="8" x2="17" y2="8" stroke-width="1.2"/>
+            <line x1="4" y1="11.5" x2="8" y2="11.5" stroke-width="0.8"/>
+            <line x1="4" y1="13.5" x2="8" y2="13.5" stroke-width="0.8"/>
+            <line x1="4" y1="15.5" x2="6.5" y2="15.5" stroke-width="0.8"/>
+            <line x1="10" y1="11.5" x2="14" y2="11.5" stroke-width="0.8"/>
+            <line x1="10" y1="13.5" x2="14" y2="13.5" stroke-width="0.8"/>
+            <line x1="10" y1="15.5" x2="12.5" y2="15.5" stroke-width="0.8"/>
+            <line x1="16" y1="11.5" x2="20" y2="11.5" stroke-width="0.8"/>
+            <line x1="16" y1="13.5" x2="20" y2="13.5" stroke-width="0.8"/>
+            <line x1="16" y1="15.5" x2="18.5" y2="15.5" stroke-width="0.8"/>
+            <line x1="3" y1="18.5" x2="21" y2="18.5" stroke-width="0.9"/>
+          </svg>`,
+      };
+      const opt = (value, title, deck, primary) => `
+            <label class="adjourn-mode-option${primary ? " adjourn-mode-option-primary" : ""}${safe === value ? " on" : ""}">
+              <input type="radio" name="brief-mode" value="${value}"${safe === value ? " checked" : ""}>
+              <div class="adjourn-mode-icon">${ICONS[value] || ""}</div>
+              <div class="adjourn-mode-body">
+                <div class="adjourn-mode-title">${title}</div>
+                <div class="adjourn-mode-deck">${deck}</div>
+              </div>
+            </label>`;
+      return `
+        <div class="adjourn-mode-picker" data-mode-picker>
+          <div class="adjourn-mode-label">// report format</div>
+          <div class="adjourn-mode-options adjourn-mode-options-4">
+            ${opt("research-note", "Report", "Long-form markdown · bottom line, findings, recommendations.", true)}
+            ${opt("bento", "Bento", "Single-page poster · 3 milestones + sidebar cards.")}
+            ${opt("magazine", "Magazine", "Editorial spread · cover line, 5 cards, dark closer.")}
+            ${opt("newspaper", "Newspaper", "Broadsheet · banner masthead, 3-column editorial.")}
+          </div>
+        </div>`;
+    },
+
+    /** Read the user's last-picked report mode from localStorage so the
+     *  picker defaults to their previous choice. Falls back to
+     *  'research-note' on first run / private mode. */
+    lastBriefMode() {
+      try {
+        const v = localStorage.getItem("pb.briefMode");
+        return this.isStructuredBriefMode(v) ? v : "research-note";
+      } catch { return "research-note"; }
+    },
+    saveLastBriefMode(mode) {
+      try {
+        const safe = this.isStructuredBriefMode(mode) ? mode : "research-note";
+        localStorage.setItem("pb.briefMode", safe);
+      } catch { /* private-mode etc. — silently ignore */ }
+    },
+
     /** Pure cache read · returns true when the local app.keys map
      *  reports any model provider as configured. Used by the gate
      *  and (via wrappers) anywhere downstream UI needs the answer
@@ -1498,24 +1708,15 @@
      *  visual treatment stays consistent. */
     openNoKeyModal() {
       this.closeNoKeyModal();
-      const lang = (this.prefs && /[一-鿿]/.test(this.prefs.name || this.prefs.intro || "")) ? "zh" : "en";
-      const t = lang === "zh"
-        ? {
-            title: "需要配置模型 API key",
-            deck: "Boardroom 的董事和主席都依赖大模型。请先配置一个模型供应商的 API key（Anthropic / OpenAI / Google / xAI / DeepSeek / OpenRouter），任意一个即可。",
-            primary: "[ 打开设置 ▸ ]",
-            dismiss: "[ 取消 ]",
-            classification: "● ai · 缺少模型 key",
-            tag: "▸ 配置 API key",
-          }
-        : {
-            title: "Configure a model API key",
-            deck: "The chair and directors run on a large language model. Configure at least one provider key (Anthropic / OpenAI / Google / xAI / DeepSeek / OpenRouter) before AI features will work.",
-            primary: "[ Open settings ▸ ]",
-            dismiss: "[ Dismiss ]",
-            classification: "● ai · no model key",
-            tag: "▸ Configure API key",
-          };
+      // System UI · always English. No-key modal is app chrome.
+      const t = {
+        title: "Configure a model API key",
+        deck: "The chair and directors run on a large language model. Configure at least one provider key (Anthropic / OpenAI / Google / xAI / DeepSeek / OpenRouter) before AI features will work.",
+        primary: "[ Open settings ▸ ]",
+        dismiss: "[ Dismiss ]",
+        classification: "● ai · no model key",
+        tag: "▸ Configure API key",
+      };
       const html = `
         <div id="no-key-overlay" class="pc-overlay" data-no-key-overlay>
           <div class="pc-modal">
@@ -1531,7 +1732,7 @@
             <div class="pc-body">
               <button type="button" class="pc-choice primary" data-no-key-open-settings>
                 <div class="pc-choice-mark">${this.escape(t.primary)}</div>
-                <div class="pc-choice-deck">${lang === "zh" ? "进入 Preferences → API Key 配置任意一个模型供应商。" : "Jump to Preferences → API Key. Paste any one provider's key to unlock the room."}</div>
+                <div class="pc-choice-deck">Jump to Preferences → API Key. Paste any one provider's key to unlock the room.</div>
               </button>
               <button type="button" class="pc-choice ghost" data-no-key-dismiss>
                 <div class="pc-choice-mark">${this.escape(t.dismiss)}</div>
@@ -1654,6 +1855,9 @@
     async adjournRoom(opts) {
       if (!this.currentRoomId) return;
       const skipBrief = !!(opts && opts.skipBrief);
+      const mode = opts && this.isStructuredBriefMode(opts.mode)
+        ? opts.mode
+        : "research-note";
       // Pre-flight · adjourn-with-brief triggers the brief writer
       // pipeline (3 LLM stages). When skipBrief=true the chair just
       // posts the no-brief marker without LLM calls, so we let it
@@ -1664,7 +1868,7 @@
         {
           method: "POST",
           headers: { "content-type": "application/json" },
-          body: JSON.stringify(skipBrief ? { skipBrief: true } : {}),
+          body: JSON.stringify(skipBrief ? { skipBrief: true } : { mode }),
         },
       );
       if (!r.ok) {
@@ -1698,6 +1902,10 @@
       const confirmTxt = isGen ? "[ Generate ]" : "[ Adjourn & file ]";
       const subjectTxt = room.subject || room.name || "—";
       const memberCount = (this.currentMembers || []).length;
+      // Default the mode picker to whatever the user picked last. Bento
+      // is opt-in · 'research-note' is the safe initial default for new
+      // users / private-mode browsers (where localStorage is empty).
+      const defaultMode = this.lastBriefMode();
       const html = `
         <div class="adjourn-overlay" id="adjourn-overlay" role="dialog" aria-modal="true" data-adjourn-mode="${this.escape(mode)}">
           <div class="adjourn-backdrop" data-adjourn-close></div>
@@ -1718,9 +1926,12 @@
 
             <div class="adjourn-body">
               <div class="adjourn-summary">
-                <div class="adjourn-summary-row">
+                <div class="adjourn-summary-row adjourn-summary-row-subject">
                   <span class="adjourn-summary-key">// subject</span>
-                  <span class="adjourn-summary-val">${this.escape(subjectTxt)}</span>
+                  <div class="adjourn-summary-val adjourn-subject-wrap">
+                    <span class="adjourn-subject-text is-clamped" data-adjourn-subject>${this.escape(subjectTxt)}</span>
+                    <button type="button" class="adjourn-subject-toggle" data-adjourn-subject-toggle hidden>Show more</button>
+                  </div>
                 </div>
                 <div class="adjourn-summary-row">
                   <span class="adjourn-summary-key">// authors</span>
@@ -1732,10 +1943,12 @@
                 </div>
               </div>
               <p class="adjourn-summary-note">
-                The chair compiles a standard report from the room's transcript —
-                situation, key findings, and implications. The room is marked
-                adjourned and the report is filed in the chat.
+                The chair compiles a report from the room's transcript. Pick the
+                format below — the room is marked adjourned and the report is
+                filed in the chat once it's ready.
               </p>
+
+              ${this.renderBriefModePicker(defaultMode)}
             </div>
 
             <footer class="adjourn-foot">
@@ -1756,6 +1969,19 @@
       wrap.innerHTML = html.trim();
       document.body.appendChild(wrap.firstChild);
       document.body.style.overflow = "hidden";
+      // Subject clamp · the subject value is clamped to 3 lines by
+      // default (a long room title shouldn't crowd the rest of the
+      // overlay). After mount, measure whether the text actually
+      // overflows the clamp — only then reveal the Show more / less
+      // toggle. rAF lets the browser settle the initial layout so
+      // scrollHeight is meaningful.
+      requestAnimationFrame(() => {
+        const subjEl = document.querySelector("[data-adjourn-subject]");
+        const subjBtn = document.querySelector("[data-adjourn-subject-toggle]");
+        if (subjEl && subjBtn && subjEl.scrollHeight > subjEl.clientHeight + 1) {
+          subjBtn.hidden = false;
+        }
+      });
       // Esc closes the overlay. Listener auto-detaches on close so
       // we don't accumulate handlers across opens.
       this._adjournEsc = (ev) => {
@@ -1783,30 +2009,26 @@
     openSupplementOverlay() {
       if (!this.currentRoomId || !this.currentBrief) return;
       this.closeSupplementOverlay();
-      const lang = this.currentBrief?.language === "zh" ? "zh" : "en";
-      const t = lang === "zh"
-        ? {
-            classify: "report · 补充视角再生成",
-            classifyRight: "// regenerate",
-            title: "补充一个视角",
-            metaPrefix: "// 当前报告",
-            placeholder: "请描述这次想让 chair 额外考虑的角度。例如：\n· 加入一个商业可行性的视角\n· 重点关注女性用户的体验\n· 把时间窗口拉长到 5 年看",
-            hint: "这个视角会被织入现有的 Findings、Recommendations、New Questions 等段落，不会单独成节。",
-            cancel: "[ Cancel ]",
-            confirm: "[ Regenerate ]",
-            confirmBusy: "[ Regenerating… ]",
-          }
-        : {
-            classify: "report · regenerate with supplement",
-            classifyRight: "// regenerate",
-            title: "Add a perspective",
-            metaPrefix: "// Current report",
-            placeholder: "Describe an angle you want the chair to additionally consider. For example:\n· Bring in a commercial-viability lens\n· Center the experience of women users\n· Stretch the time window to 5 years",
-            hint: "The new perspective will be woven through the existing Findings, Recommendations, and New Questions sections — not added as a separate section.",
-            cancel: "[ Cancel ]",
-            confirm: "[ Regenerate ]",
-            confirmBusy: "[ Regenerating… ]",
-          };
+      // System UI · always English. Supplement-overlay chrome.
+      const t = {
+        classify: "report · regenerate with supplement",
+        classifyRight: "// regenerate",
+        title: "Add a perspective",
+        metaPrefix: "// Current report",
+        placeholder: "Describe an angle you want the chair to additionally consider. For example:\n· Bring in a commercial-viability lens\n· Center the experience of women users\n· Stretch the time window to 5 years",
+        hint: "The new perspective will be woven through the existing Findings, Recommendations, and New Questions sections — not added as a separate section.",
+        cancel: "[ Cancel ]",
+        confirm: "[ Regenerate ]",
+        confirmBusy: "[ Regenerating… ]",
+      };
+      // Default the picker to the existing brief's mode · the user's
+      // baseline assumption when regenerating with a supplement is "I
+      // want the same kind of report, just with this extra angle." If
+      // the parent brief's mode is missing for any reason, fall back
+      // to the user's last picked mode (localStorage).
+      const defaultMode = this.isStructuredBriefMode(this.currentBrief?.mode)
+        ? this.currentBrief.mode
+        : this.lastBriefMode();
       const html = `
         <div class="supplement-overlay" id="supplement-overlay" role="dialog" aria-modal="true">
           <div class="supplement-backdrop" data-supplement-close></div>
@@ -1825,6 +2047,7 @@
             <div class="supplement-body">
               <textarea class="supplement-input" data-supplement-input rows="6" placeholder="${this.escape(t.placeholder)}"></textarea>
               <p class="supplement-hint">${this.escape(t.hint)}</p>
+              ${this.renderBriefModePicker(defaultMode)}
             </div>
             <footer class="supplement-foot">
               <button type="button" class="supplement-cancel" data-supplement-close>${this.escape(t.cancel)}</button>
@@ -1875,31 +2098,19 @@
       if (!this.currentRoomId || !this.currentRoom) return;
       if (this.currentRoom.status !== "paused") return;
       this.closePausedSupplementOverlay();
-      const lang = this.composerLanguage();
-      const t = lang === "zh"
-        ? {
-            classify: "room · 暂停时补充",
-            classifyRight: "// queued first",
-            title: "补充一个观点",
-            metaPrefix: "// 当前房间",
-            placeholder: "想补一个观点 · 一个想再追问的细节 · 一个让董事们重新考虑的角度。\n\n会立即作为你的发言进入对话；点击 [ Resume ] 后，董事们会先看到这条再继续。",
-            hint: "暂停期间的补充会以你的身份立即出现在对话里，原本的发言队列不变；恢复后队首董事将带着这条补充开口。",
-            cancel: "[ Cancel ]",
-            confirm: "[ Add to chat ]",
-            confirmBusy: "[ Posting… ]",
-          }
-        : {
-            classify: "room · paused supplement",
-            classifyRight: "// queued first",
-            title: "Add a supplemental input",
-            metaPrefix: "// Current room",
-            placeholder: "Drop in an extra thought, a follow-up question, or an angle you'd like the board to take into account.\n\nIt lands in the chat as your message right now; when you hit [ Resume ], the next director picks up with this in front of them.",
-            hint: "Posted while paused, the supplement lands as your message immediately; the saved speaker queue is untouched. After resume, the next director responds with the supplement first.",
-            cancel: "[ Cancel ]",
-            confirm: "[ Add to chat ]",
-            confirmBusy: "[ Posting… ]",
-          };
-      const subject = (this.currentRoom.subject || "").trim() || (lang === "zh" ? "(无主题)" : "(no subject)");
+      // System UI · always English. Paused-supplement overlay chrome.
+      const t = {
+        classify: "room · paused supplement",
+        classifyRight: "// queued first",
+        title: "Add a supplemental input",
+        metaPrefix: "// Current room",
+        placeholder: "Drop in an extra thought, a follow-up question, or an angle you'd like the board to take into account.\n\nIt lands in the chat as your message right now; when you hit [ Resume ], the next director picks up with this in front of them.",
+        hint: "Posted while paused, the supplement lands as your message immediately; the saved speaker queue is untouched. After resume, the next director responds with the supplement first.",
+        cancel: "[ Cancel ]",
+        confirm: "[ Add to chat ]",
+        confirmBusy: "[ Posting… ]",
+      };
+      const subject = (this.currentRoom.subject || "").trim() || "(no subject)";
       const html = `
         <div class="supplement-overlay" id="paused-supplement-overlay" role="dialog" aria-modal="true">
           <div class="supplement-backdrop" data-paused-supplement-close></div>
@@ -2019,54 +2230,30 @@
       if (this.currentRoom.status !== "adjourned") return;
       this.closeFollowUpOverlay();
 
-      const lang = this.composerLanguage();
-      const t = lang === "zh"
-        ? {
-            classify: "follow-up · 跟进会议",
-            classifyRight: "// continuing",
-            title: "开一场跟进会议",
-            metaPrefix: "// following up",
-            placeholder: "在上一场判断之上，下一个要追问的问题是什么？",
-            contextNote: "上一场的议题、最终判断（brief）和每位 director 的关键观察会作为这场 follow-up 房间的上下文交给新一组 director —— 他们可以直接在已成型的判断上推进，不会从零开始。",
-            castLabel: "Directors",
-            castHint: "建议 2-4 位",
-            castSame: "沿用上一场的 cast",
-            pickerLabel: "选择董事",
-            autoLabel: "directors",
-            autoVal: "自动挑选",
-            countersDirectors: (n) => `${n} 位董事`,
-            toneLabel: "Tone",
-            intensityLabel: "Intensity",
-            cancel: "[ Cancel ]",
-            confirm: "[ Convene → ]",
-            confirmBusy: "[ Convening… ]",
-            adjournedAtPrefix: "adjourned",
-            briefsCount: (n) => `${n} ${n === 1 ? "brief" : "briefs"} filed`,
-            noBrief: "no brief filed",
-          }
-        : {
-            classify: "follow-up · continuation room",
-            classifyRight: "// continuing",
-            title: "Convene a follow-up",
-            metaPrefix: "// following up",
-            placeholder: "What's the next question to chase, given what the prior session settled?",
-            contextNote: "The prior subject, the filed brief (room's settled judgement), and each director's load-bearing observations are bundled as context for this follow-up — the new cast picks up where the prior session left off rather than starting from scratch.",
-            castLabel: "Directors",
-            castHint: "2–4 recommended",
-            castSame: "Same cast as last session",
-            pickerLabel: "Pick directors",
-            autoLabel: "directors",
-            autoVal: "auto-pick",
-            countersDirectors: (n) => `${n} director${n === 1 ? "" : "s"}`,
-            toneLabel: "Tone",
-            intensityLabel: "Intensity",
-            cancel: "[ Cancel ]",
-            confirm: "[ Convene → ]",
-            confirmBusy: "[ Convening… ]",
-            adjournedAtPrefix: "adjourned",
-            briefsCount: (n) => `${n} ${n === 1 ? "brief" : "briefs"} filed`,
-            noBrief: "no brief filed",
-          };
+      // System UI · always English. Follow-up overlay chrome.
+      const t = {
+        classify: "follow-up · continuation room",
+        classifyRight: "// continuing",
+        title: "Convene a follow-up",
+        metaPrefix: "// following up",
+        placeholder: "What's the next question to chase, given what the prior session settled?",
+        contextNote: "The prior subject, the filed brief (room's settled judgement), and each director's load-bearing observations are bundled as context for this follow-up — the new cast picks up where the prior session left off rather than starting from scratch.",
+        castLabel: "Directors",
+        castHint: "2–4 recommended",
+        castSame: "Same cast as last session",
+        pickerLabel: "Pick directors",
+        autoLabel: "directors",
+        autoVal: "auto-pick",
+        countersDirectors: (n) => `${n} director${n === 1 ? "" : "s"}`,
+        toneLabel: "Tone",
+        intensityLabel: "Intensity",
+        cancel: "[ Cancel ]",
+        confirm: "[ Convene → ]",
+        confirmBusy: "[ Convening… ]",
+        adjournedAtPrefix: "adjourned",
+        briefsCount: (n) => `${n} ${n === 1 ? "brief" : "briefs"} filed`,
+        noBrief: "no brief filed",
+      };
 
       const room = this.currentRoom;
       const briefCount = Array.isArray(this.currentBriefs) ? this.currentBriefs.length : 0;
@@ -2105,7 +2292,6 @@
         directorIds: [],
         autoPick: true,
         parentDirectorIds: parentDirectorIds.slice(),
-        lang,
       };
 
       const html = `
@@ -2269,7 +2455,6 @@
       const btn = document.querySelector("[data-followup-cast-btn]");
       if (!btn || !this._followupCastState) return;
       const state = this._followupCastState;
-      const lang = state.lang || "en";
 
       btn.classList.remove("cmp-cast-btn-auto");
       btn.removeAttribute("data-cast-mode");
@@ -2286,9 +2471,8 @@
         const avatars = visible.map((a) =>
           `<img class="cmp-cast-av" src="${this.escape(a.avatarPath || "")}" alt="${this.escape(a.name || "")}" title="${this.escape(a.name || "")}">`,
         ).join("");
-        const count = lang === "zh"
-          ? `${parents.length} 位 · 沿用上一场`
-          : `${parents.length} · same as last`;
+        // System UI · always English (cast button chrome).
+        const count = `${parents.length} · same as last`;
         btn.innerHTML =
           `<span class="cmp-cast-stack">${avatars}${overflow > 0 ? `<span class="cmp-cast-more">+${overflow}</span>` : ""}</span>` +
           `<span class="cmp-cast-count">${this.escape(count)}</span>`;
@@ -2304,8 +2488,9 @@
         // Auto-pick · default
         btn.classList.add("cmp-cast-btn-auto");
         btn.setAttribute("data-cast-mode", "auto");
-        const autoKey = lang === "zh" ? "directors" : "directors";
-        const autoVal = lang === "zh" ? "自动挑选" : "auto-pick";
+        // System UI · always English (cast button chrome).
+        const autoKey = "directors";
+        const autoVal = "auto-pick";
         btn.innerHTML =
           `<span class="cmp-cast-stack cmp-cast-stack-auto"><span class="cmp-cast-auto-mark">✦</span></span>` +
           `<span class="cmp-cast-count cmp-cast-auto-label">` +
@@ -2320,9 +2505,8 @@
       const avatars = visible.map((a) =>
         `<img class="cmp-cast-av" src="${this.escape(a.avatarPath || "")}" alt="${this.escape(a.name || "")}" title="${this.escape(a.name || "")}">`,
       ).join("");
-      const countText = lang === "zh"
-        ? `${picked.length} 位董事`
-        : `${picked.length} director${picked.length === 1 ? "" : "s"}`;
+      // System UI · always English (cast button chrome count).
+      const countText = `${picked.length} director${picked.length === 1 ? "" : "s"}`;
       btn.setAttribute("data-cast-mode", "manual");
       btn.innerHTML =
         `<span class="cmp-cast-stack">${avatars}${overflow > 0 ? `<span class="cmp-cast-more">+${overflow}</span>` : ""}<span class="cmp-cast-add" aria-hidden="true">+</span></span>` +
@@ -2338,14 +2522,12 @@
       if (!anchorBtn || !this._followupCastState) return;
       if (this._followupCastState.sameAsLast) return;   // disabled when "same cast" is on
       const state = this._followupCastState;
-      const lang = state.lang || "en";
       const dirs = (this.agents || [])
         .filter((a) => a.roleKind !== "moderator")
         .slice()
         .sort((a, b) => (a.name || "").localeCompare(b.name || ""));
-      const t = lang === "zh"
-        ? { title: "选择董事", hint: "建议 2-4 位", info: "查看资料" }
-        : { title: "Pick directors", hint: "2-4 recommended", info: "View profile" };
+      // System UI · always English (director picker chrome).
+      const t = { title: "Pick directors", hint: "2-4 recommended", info: "View profile" };
       const rows = dirs.map((a) => {
         const checked = state.directorIds.includes(a.id);
         return `
@@ -2515,6 +2697,17 @@
         if (input) input.focus();
         return;
       }
+      // Read the report-mode picker (research-note / bento). The
+      // overlay defaults the picker to the existing brief's mode, so a
+      // plain "regenerate with this perspective" keeps the same
+      // format. Persisting the choice keeps the picker stable next
+      // time. Server-side the same `/api/rooms/:id/brief` route reads
+      // `mode` regardless of whether the call came from supplement or
+      // generate-brief, so no backend change is needed.
+      const briefModeInput = overlay.querySelector('input[name="brief-mode"]:checked');
+      const v = briefModeInput && briefModeInput.value;
+      const briefMode = this.isStructuredBriefMode(v) ? v : "research-note";
+      this.saveLastBriefMode(briefMode);
       // Frontend in-flight guard · without this, a slow server roundtrip
       // gives the user time to click confirm twice (or to close+reopen
       // the overlay and click again). Each click was firing its own POST,
@@ -2533,7 +2726,7 @@
           {
             method: "POST",
             headers: { "content-type": "application/json" },
-            body: JSON.stringify({ supplement: text }),
+            body: JSON.stringify({ supplement: text, mode: briefMode }),
           },
         );
         if (!r.ok) {
@@ -2564,7 +2757,7 @@
      *  whether streaming is actually in flight. */
     isBriefPlaceholder(brief, room) {
       if (!brief) return false;
-      if (brief.bodyMd && brief.bodyMd.trim()) return false;
+      if (this.briefHasBody(brief)) return false;
       if (!room) return true;
       // Title matches the seed (room subject) → never got an updated title.
       // Or title is the literal "Generating…" placeholder.
@@ -2679,23 +2872,14 @@
     async deleteBriefAt(briefId) {
       if (!briefId) return;
       const target = (this.currentBriefs || []).find((b) => b.id === briefId);
-      const lang = (this.currentBrief?.language === "zh" || (this.currentRoom?.subject && /[一-鿿]/.test(this.currentRoom.subject))) ? "zh" : "en";
-      // If the target brief is still being generated, the confirmation
-      // copy is sharper · the user is also cancelling an in-flight
-      // pipeline (LLM calls actively burning tokens), not just removing
-      // a finished row. Server aborts the upstream fetches when we DELETE.
-      const isStillGenerating = !!(target && (!target.bodyMd || !target.bodyMd.trim()));
-      const confirmText = lang === "zh"
-        ? (isStillGenerating
-            ? "这份报告还在生成中。删除会立即停止生成并删除这份报告，此操作不可恢复。"
-            : (target?.supplement
-                ? `删除这份"${target.supplement.trim().slice(0, 20)}${target.supplement.length > 20 ? "…" : ""}"补充视角的报告？此操作不可恢复。`
-                : "删除这份报告？此操作不可恢复。"))
-        : (isStillGenerating
-            ? "This report is still generating. Deleting will stop the generation and remove the report. This can't be undone."
-            : (target?.supplement
-                ? `Delete the "${target.supplement.trim().slice(0, 20)}${target.supplement.length > 20 ? "…" : ""}" version? This can't be undone.`
-                : "Delete this report? This can't be undone."));
+      // System UI · always English. Confirm + alert dialogs are app
+      // chrome and stay fixed-string regardless of brief language.
+      const isStillGenerating = !!(target && !this.briefHasBody(target));
+      const confirmText = isStillGenerating
+        ? "This report is still generating. Deleting will stop the generation and remove the report. This can't be undone."
+        : (target?.supplement
+            ? `Delete the "${target.supplement.trim().slice(0, 20)}${target.supplement.length > 20 ? "…" : ""}" version? This can't be undone.`
+            : "Delete this report? This can't be undone.");
       if (!confirm(confirmText)) return;
       try {
         const r = await fetch("/api/briefs/" + encodeURIComponent(briefId), { method: "DELETE" });
@@ -2704,7 +2888,7 @@
           throw new Error(e.error || ("HTTP " + r.status));
         }
       } catch (e) {
-        alert((lang === "zh" ? "删除失败：" : "Delete failed: ") + (e && e.message ? e.message : e));
+        alert("Delete failed: " + (e && e.message ? e.message : e));
         return;
       }
       // Patch local state · remove the deleted brief, refresh active.
@@ -2792,17 +2976,23 @@
       const mode = overlay.getAttribute("data-adjourn-mode") || "adjourn";
       const isGen = mode === "generate-brief";
       const skipPicked = overlay.querySelector(".adjourn-skip-btn.picked") !== null;
+      // Read the report-mode picker (research-note / bento). Persist the
+      // choice so the picker defaults to the same option next time.
+      const briefModeInput = overlay.querySelector('input[name="brief-mode"]:checked');
+      const v = briefModeInput && briefModeInput.value;
+      const briefMode = this.isStructuredBriefMode(v) ? v : "research-note";
+      this.saveLastBriefMode(briefMode);
       const btn = overlay.querySelector("[data-adjourn-confirm]");
       const origLabel = isGen ? "[ Generate ]" : "[ Adjourn & file ]";
       const busyLabel = isGen ? "[ Generating… ]" : "[ Adjourning… ]";
       if (btn) { btn.disabled = true; btn.textContent = busyLabel; }
       try {
         if (isGen) {
-          await this.generateBriefForAdjournedRoom();
+          await this.generateBriefForAdjournedRoom(briefMode);
         } else if (skipPicked) {
           await this.adjournRoom({ skipBrief: true });
         } else {
-          await this.adjournRoom({});
+          await this.adjournRoom({ mode: briefMode });
         }
         this.closeAdjournOverlay();
       } catch (e) {
@@ -2815,8 +3005,9 @@
      *  whose user originally skipped the brief. Server emits the same
      *  brief-started / brief-token / brief-final SSE events as a normal
      *  adjourn, so the existing handlers in connectSSE handle the rest. */
-    async generateBriefForAdjournedRoom() {
+    async generateBriefForAdjournedRoom(mode) {
       if (!this.currentRoomId) return;
+      const briefMode = this.isStructuredBriefMode(mode) ? mode : "research-note";
       // Pre-flight · the brief writer is a 3-stage LLM pipeline (per-
       // director extract → composer → final write). All require a key.
       if (!(await this.requireModelKey())) return;
@@ -2825,7 +3016,7 @@
         {
           method: "POST",
           headers: { "content-type": "application/json" },
-          body: "{}",
+          body: JSON.stringify({ mode: briefMode }),
         },
       );
       if (!r.ok) {
@@ -3047,7 +3238,7 @@
     /** Spin up the countdown if conditions are met; otherwise cancel. */
     maybeStartContinueCountdown() {
       if (!this.canAutoContinue()) {
-        this.cancelContinueCountdown("not-idle");
+        this.cancelContinueCountdown();
         this.refreshContinueButton();
         return;
       }
@@ -3844,14 +4035,11 @@
     renderSidebarCounts() {
       const roomsCount = this.rooms.length;
       const agentsCount = this.agents.length;
-      const liveCount = this.rooms.filter((r) => r.status === "live").length;
 
       const r = document.querySelector('[data-sidebar-tab-count="rooms"]');
       if (r) r.textContent = String(roomsCount);
       const a = document.querySelector('[data-sidebar-tab-count="agents"]');
       if (a) a.textContent = String(agentsCount);
-      const sum = document.querySelector("[data-sidebar-summary]");
-      if (sum) sum.textContent = `${liveCount} LIVE / ${agentsCount} AGENTS`;
     },
 
     // ── Rendering · main view ─────────────────────────────────
@@ -3886,7 +4074,8 @@
       if (existingBanner) existingBanner.remove();
       const parent = this.currentParentRef;
       if (chat && parent && parent.id) {
-        const labelText = lang === "zh" ? "// 跟进自" : "// following up";
+        // System UI · always English (banner chrome on the follow-up parent link).
+        const labelText = "// following up";
         const subject = (parent.subject || "(no subject)").trim();
         const banner = document.createElement("a");
         banner.href = "#";
@@ -3906,9 +4095,8 @@
       if (existingChildren) existingChildren.remove();
       const kids = Array.isArray(this.currentFollowUps) ? this.currentFollowUps : [];
       if (briefCard && kids.length > 0) {
-        const headLabel = lang === "zh"
-          ? `跟进会议 · ${kids.length}`
-          : `Follow-up rooms · ${kids.length}`;
+        // System UI · always English (sidebar / brief-card chrome head).
+        const headLabel = `Follow-up rooms · ${kids.length}`;
         const block = document.createElement("div");
         block.className = "followup-children";
         block.innerHTML = [
@@ -4031,36 +4219,23 @@
       const briefCard = document.querySelector("[data-brief-card]");
       if (!briefCard) return;
 
-      const isZh = this.composerLanguage() === "zh";
-      const t = isZh
-        ? {
-            head: "// 会议数据",
-            stamp: "已结束",
-            tokens: "tokens",
-            messages: "条消息",
-            rounds: "轮讨论",
-            minutes: "分钟",
-            modelHead: "模型用量",
-            valueHead: "你认为有价值的",
-            valueEmpty: "本次没有 ▲ key point 投票，也没有用 probe / second。",
-            voted: "▲ 投票",
-            seconded: "附议",
-            probed: "追问",
-          }
-        : {
-            head: "// session analytics",
-            stamp: "closed",
-            tokens: "tokens",
-            messages: "msgs",
-            rounds: "rounds",
-            minutes: "min",
-            modelHead: "Model usage",
-            valueHead: "What you valued",
-            valueEmpty: "No ▲ key-point votes, probes, or seconds in this session.",
-            voted: "▲ voted",
-            seconded: "★ seconded",
-            probed: "✎ probed",
-          };
+      // System UI · always English. Session-analytics tile chrome
+      // (banner, metric labels, section heads, chip text) is part of
+      // the app shell and doesn't follow the brief language.
+      const t = {
+        head: "// session analytics",
+        stamp: "closed",
+        tokens: "tokens",
+        messages: "msgs",
+        rounds: "rounds",
+        minutes: "min",
+        modelHead: "Model usage",
+        valueHead: "What you valued",
+        valueEmpty: "No ▲ key-point votes, probes, or seconds in this session.",
+        voted: "▲ voted",
+        seconded: "★ seconded",
+        probed: "✎ probed",
+      };
 
       const fmtTokens = (n) => {
         if (!Number.isFinite(n) || n <= 0) return "0";
@@ -4164,8 +4339,10 @@
       // analytics tile; capping keeps the section as a tight strip
       // and lets the user opt in.
       const VALUE_PREVIEW_CAP = 2;
-      const moreLabel = (n) => isZh ? `[ + 展开剩余 ${n} 条 ]` : `[ + show ${n} more ]`;
-      const lessLabel = isZh ? "[ 收起 ]" : "[ collapse ]";
+      // System UI · always English (the surrounding tile content can
+      // still localize via `t`, but toggle chrome is fixed-string).
+      const moreLabel = (n) => `[ + show ${n} more ]`;
+      const lessLabel = "[ collapse ]";
       const upvotedHtml = stats.upvotedPoints.length > 0
         ? (() => {
             const items = stats.upvotedPoints.map((p, i) => {
@@ -4281,12 +4458,13 @@
         ? this.escape(nextSpeaker.handle.replace(/^\//, ""))
         : "";
 
-      const lang = this.composerLanguage();
-      const addInputLabel = lang === "zh" ? "[ + 补充观点 ]" : "[ + Add input ]";
-      const adjournLabel  = lang === "zh" ? "[ ▸ 结束并存档 ]" : "[ ▸ Adjourn & File Brief ]";
-      const resumeLabel   = lang === "zh" ? "[ ▶ 恢复讨论 ]"   : "[ ▶ Resume Discussion ]";
-      const pausedLabel   = lang === "zh" ? "已暂停" : "paused";
-      const nextLabel     = lang === "zh" ? "下一位" : "next";
+      // System UI · always English. App chrome (paused bar, action
+      // buttons, status labels) doesn't follow the brief language.
+      const addInputLabel = "[ + Add input ]";
+      const adjournLabel  = "[ ▸ Adjourn & File Brief ]";
+      const resumeLabel   = "[ ▶ Resume Discussion ]";
+      const pausedLabel   = "paused";
+      const nextLabel     = "next";
       const nextChunk = nextHandle
         ? ` · ${nextLabel} → <span class="lime">${nextHandle}</span>`
         : "";
@@ -4445,6 +4623,12 @@
         try { this._reportsLoadObserver.disconnect(); } catch { /* noop */ }
         this._reportsLoadObserver = null;
       }
+      // The floating sidebar-expand button is gated on `html.no-room`.
+      // Without setting it here, a user who collapses the sidebar
+      // while on All Reports loses access to the expand control —
+      // they have to navigate back to a room view to recover. Same
+      // reasoning for openAllNotes / openAgentProfile.
+      document.documentElement.classList.add("no-room");
       // If we're inside a room or on the agent profile, leave them.
       if (this.currentRoomId) {
         this.disconnectSSE?.();
@@ -4650,32 +4834,14 @@
         `;
       };
 
-      // Group filtered items by date label (Today / Yesterday / This
-      // week / Earlier) so the list still has rhythm without splitting
-      // into multiple sections each with its own header chrome.
-      // Iterates the *visible* slice; the load-more sentinel below
-      // tops the list up by 20 each time it crosses the viewport.
-      const groups = [];
-      const yesterdayStart = todayStart - 86400_000;
-      let currentGroup = null;
-      const groupLabelFor = (ts) => {
-        if (ts >= todayStart)      return "Today";
-        if (ts >= yesterdayStart)  return "Yesterday";
-        if (ts >= weekStart)       return "This week";
-        return "Earlier";
-      };
-      for (const b of visibleFiltered) {
-        const label = groupLabelFor(b.createdAt);
-        if (!currentGroup || currentGroup.label !== label) {
-          currentGroup = { label, items: [] };
-          groups.push(currentGroup);
-        }
-        currentGroup.items.push(b);
-      }
-
+      // Flat list under the filter chips · earlier iterations grouped
+      // by Today / Yesterday / This week / Earlier, but the user
+      // wanted a single divider followed by the items. The filter
+      // chips above already disclose the recency dimension; redundant
+      // group headers were just visual chrome.
       const filterLabels = { all: "the archive", today: "Today", week: "This week", earlier: "Earlier" };
       const filterCopyTitle = filterLabels[activeFilter] || "this window";
-      const groupsHtml = groups.length === 0
+      const groupsHtml = visibleFiltered.length === 0
         ? `
           <div class="reports-list-empty">
             <!-- Notice text · explains the empty window. -->
@@ -4700,14 +4866,11 @@
             ` : ""}
           </div>
         `
-        : groups.map((g) => `
-            <div class="reports-group">
-              <div class="reports-group-label">${this.escape(g.label)}</div>
-              <ul class="reports-list">
-                ${g.items.map((b) => this.renderReportItemHtml(b)).join("")}
-              </ul>
-            </div>
-          `).join("");
+        : `
+            <ul class="reports-list">
+              ${visibleFiltered.map((b) => this.renderReportItemHtml(b)).join("")}
+            </ul>
+          `;
 
       // Bottom sentinel · IntersectionObserver target. Renders only
       // when there's more to load. The "+ N more" hint doubles as a
@@ -4862,6 +5025,9 @@
      *  Pulls the live list and renders three time-bucket sections
      *  (Today / This Week / Earlier). */
     async openAllNotes() {
+      // Set the no-room flag for the same reason openAllReports does
+      // — the floating sidebar-expand button is gated on this class.
+      document.documentElement.classList.add("no-room");
       // Same view-leaving routine as openAllReports.
       if (this.currentRoomId) {
         this.disconnectSSE?.();
@@ -4990,9 +5156,30 @@
             <div class="notes-empty-mark">○</div>
             <div class="notes-empty-title">no saved notes yet</div>
             <div class="notes-empty-deck">
-              While reading a director's reply, select an interesting passage and hit
-              <span class="kbd">S</span> or click <span class="kbd">⌖ Save</span>
-              on the floating bar to bookmark it here.
+              Capture a director's line as a note:
+            </div>
+            <ol class="notes-empty-steps">
+              <li>
+                <span class="notes-empty-step-num">1</span>
+                <span class="notes-empty-step-text">
+                  <strong>Open a room.</strong> Any director's reply can be saved.
+                </span>
+              </li>
+              <li>
+                <span class="notes-empty-step-num">2</span>
+                <span class="notes-empty-step-text">
+                  <strong>Select a passage.</strong> Drag-highlight the sentence or paragraph you want to keep.
+                </span>
+              </li>
+              <li>
+                <span class="notes-empty-step-num">3</span>
+                <span class="notes-empty-step-text">
+                  <strong>Click <span class="kbd">⌖ Save</span></strong> on the floating bar that appears, or press <span class="kbd">S</span>. The excerpt lands here, indexed across all rooms.
+                </span>
+              </li>
+            </ol>
+            <div class="notes-empty-foot">
+              Each saved excerpt links back to the original room + speaker, so you can jump back any time.
             </div>
           </div>
         `;
@@ -5007,27 +5194,12 @@
         return true;
       });
 
-      // Group filtered items by date label so even an "All" view has
-      // visual rhythm. When a recency filter narrows to a single
-      // bucket, only that bucket's section renders — no empty headers.
-      const groupLabelFor = (ts) => {
-        if (ts >= todayStart) return "Today";
-        if (ts >= weekStart)  return "This week";
-        return "Earlier";
-      };
-      const groups = [];
-      let currentGroup = null;
-      for (const n of filtered) {
-        const label = groupLabelFor(n.createdAt || 0);
-        if (!currentGroup || currentGroup.label !== label) {
-          currentGroup = { label, items: [] };
-          groups.push(currentGroup);
-        }
-        currentGroup.items.push(n);
-      }
-
+      // Flat list under the filter chips. Earlier iterations grouped
+      // by Today / This week / Earlier headers; the user wanted a
+      // single divider followed by the items, since the chips above
+      // already disclose the recency dimension.
       const filterLabels = { all: "the archive", today: "Today", week: "This week", earlier: "Earlier" };
-      const groupsHtml = groups.length === 0
+      const groupsHtml = filtered.length === 0
         ? `
           <div class="notes-list-empty">
             <div class="notes-empty-mark">○</div>
@@ -5041,17 +5213,11 @@
             ` : ""}
           </div>
         `
-        : groups.map((g) => `
-          <section class="notes-group">
-            <div class="notes-group-head">
-              <span class="notes-group-label">${this.escape(g.label)}</span>
-              <span class="notes-group-count">${g.items.length}</span>
-            </div>
-            <ul class="notes-list">
-              ${g.items.map((n) => this.renderNoteItemHtml(n)).join("")}
-            </ul>
-          </section>
-        `).join("");
+        : `
+          <ul class="notes-list">
+            ${filtered.map((n) => this.renderNoteItemHtml(n)).join("")}
+          </ul>
+        `;
 
       const totalLabel = `${total} ${total === 1 ? "note" : "notes"}`;
       const roomLabel = distinctRooms > 0
@@ -5091,9 +5257,12 @@
       const author = n.authorName || "Director";
       // The jump link uses the room's hash route + the note id as a
       // fragment-style query so openRoom can scroll to + flash the
-      // matching span (Step 5 wires the receiver). For now the link
-      // just navigates · the in-room overlay step adds the scroll.
+      // matching span. The delete button sits as a SIBLING of the
+      // anchor (inside the .notes-item) so its click never bubbles
+      // through the navigation link — same pattern as session-row
+      // delete in the rooms sidebar.
       const href = `#/r/${this.escape(n.roomId)}?note=${this.escape(n.id)}`;
+      const deleteTitle = "Delete this note";
       return `
         <li class="notes-item" data-note-id="${this.escape(n.id)}">
           <a class="notes-item-link" href="${href}" data-note-jump="${this.escape(n.id)}" data-note-room="${this.escape(n.roomId)}">
@@ -5110,10 +5279,39 @@
               n.contextAfter ? `<span class="note-context note-context-after">${this.escape(n.contextAfter)}</span>` : ""
             }</p>
           </a>
+          <button type="button" class="notes-item-delete" data-note-delete title="${this.escape(deleteTitle)}" aria-label="${this.escape(deleteTitle)}">✕</button>
         </li>
       `;
     },
 
+    /** DELETE /api/notes/:id · drops a saved excerpt from the index.
+     *  Confirmation is light because the action is reversible only by
+     *  re-saving the same passage; we keep the prompt as a single
+     *  click-confirm rather than a full overlay. */
+    async deleteNoteAt(id) {
+      if (!id) return;
+      if (!confirm("Delete this note? You can save it again from the room.")) return;
+      try {
+        const r = await fetch("/api/notes/" + encodeURIComponent(id), { method: "DELETE" });
+        if (!r.ok) {
+          const j = await r.json().catch(() => ({}));
+          alert("Delete failed: " + (j.error || r.statusText));
+          return;
+        }
+      } catch (e) {
+        alert("Delete failed: " + (e && e.message ? e.message : e));
+        return;
+      }
+      // Patch local cache so the immediate re-render reflects the
+      // delete without a refetch round-trip. The sidebar count badge
+      // re-fetches via the /count endpoint.
+      if (Array.isArray(this._notesCache)) {
+        this._notesCache = this._notesCache.filter((n) => n && n.id !== id);
+        this.renderNotesPage(this._notesCache);
+      }
+      this.refreshNotesCount();
+    },
+
     /** Refresh the sidebar count badge · called on boot, after
      *  every successful save (note:created event), and after a
      *  delete. Hits /api/notes/count which is cheap (one COUNT query),
@@ -5535,31 +5733,23 @@
       const userName = (this.prefs?.name || "you").trim() || "you";
       const lang = this.composerLanguage();
       const greeting = this.composerGreeting(lang, userName);
-      const t = lang === "zh"
-        ? {
-            greet: greeting,
-            prompt: "今天想和董事会聊点什么？",
-            placeholder: "一个还没把握的想法 · 一个一直绕开的决定 · 一个想被压力测试的判断",
-            convene: "Convene",
-            tuneLabel: "tune",
-            starterLabel: "starter",
-            starterCaption: "或者试一个起手式",
-            pickerLabel: "选择董事",
-            directorsLabel: (n) => `${n} 位董事`,
-            directorsAdd: "添加",
-          }
-        : {
-            greet: greeting,
-            prompt: "What's on your mind today?",
-            placeholder: "an idea you're not sure about · a decision you keep avoiding · a thesis you want stress-tested",
-            convene: "Convene",
-            tuneLabel: "tune",
-            starterLabel: "starter",
-            starterCaption: "or try a starter",
-            pickerLabel: "Pick directors",
-            directorsLabel: (n) => `${n} director${n === 1 ? "" : "s"}`,
-            directorsAdd: "add",
-          };
+      // System UI · always English. Composer chrome (prompt /
+      // placeholder / button labels) doesn't follow the brief
+      // language. The brief content + chair/director output still
+      // honours the user's input language; only the app shell is
+      // fixed-string.
+      const t = {
+        greet: greeting,
+        prompt: "What's on your mind today?",
+        placeholder: "an idea you're not sure about · a decision you keep avoiding · a thesis you want stress-tested",
+        convene: "Convene",
+        tuneLabel: "tune",
+        starterLabel: "starter",
+        starterCaption: "or try a starter",
+        pickerLabel: "Pick directors",
+        directorsLabel: (n) => `${n} director${n === 1 ? "" : "s"}`,
+        directorsAdd: "add",
+      };
 
       // Cast slot · two visual modes:
       //   1. Auto-pick (default · empty manual selection): chip
@@ -5578,16 +5768,15 @@
         // Label uses "directors" (not "cast") so the chip's purpose
         // is unambiguous: it's the slot that picks the boardroom's
         // director agents. Tooltip carries the long-form explanation.
-        const autoTip = lang === "zh"
-          ? "Convene 时由 chair 根据主题挑选 3 位董事 · 点击手动选择"
-          : "Chair picks 3 directors based on your subject when you Convene · click to pick manually";
+        // System UI · always English (auto-pick chip tooltip).
+        const autoTip = "Chair picks 3 directors based on your subject when you Convene · click to pick manually";
         castInner = `
           <span class="cmp-cast-stack cmp-cast-stack-auto" data-cast-auto title="${this.escape(autoTip)}">
             <span class="cmp-cast-auto-mark">✦</span>
           </span>
           <span class="cmp-cast-count cmp-cast-auto-label" title="${this.escape(autoTip)}">
-            <span class="cmp-cast-auto-key">${lang === "zh" ? "董事" : "directors"}</span>
-            <span class="cmp-cast-auto-val">${lang === "zh" ? "自动挑选" : "auto-pick"}</span>
+            <span class="cmp-cast-auto-key">directors</span>
+            <span class="cmp-cast-auto-val">auto-pick</span>
           </span>
         `;
       } else {
@@ -5598,7 +5787,7 @@
         `).join("");
         const dirCount = dirObjs.length
           ? `<span class="cmp-cast-count">${this.escape(t.directorsLabel(dirObjs.length))}</span>`
-          : `<span class="cmp-cast-count cmp-cast-empty">${lang === "zh" ? "未选董事" : "no directors"}</span>`;
+          : `<span class="cmp-cast-count cmp-cast-empty">no directors</span>`;
         castInner = `
           <span class="cmp-cast-stack">
             ${dirAvatars}
@@ -5612,8 +5801,9 @@
       // Tune dropdowns · two trigger buttons that open option popovers
       // on click. Discoverable (label + value + chevron pattern is
       // unmistakeably a select) without taking up visual real estate.
-      const toneLbl = lang === "zh" ? "tone" : "tone";
-      const intensityLbl = lang === "zh" ? "intensity" : "intensity";
+      // System UI · always English (tune dropdown labels).
+      const toneLbl = "tone";
+      const intensityLbl = "intensity";
 
       // Starter grid · 2-col responsive cards.
       const starters = Array.isArray(window.BOARDROOM_STARTERS) ? window.BOARDROOM_STARTERS : [];
@@ -5679,12 +5869,10 @@
     },
 
     /** Time-of-day greeting like "// good evening, Kay" / "// 晚上好，Kay". */
-    composerGreeting(lang, name) {
+    composerGreeting(_lang, name) {
+      // System UI · always English. Greeting is part of the composer
+      // chrome; the brief language doesn't change the app's voice.
       const h = new Date().getHours();
-      if (lang === "zh") {
-        const part = h < 5 ? "凌晨好" : h < 12 ? "早上好" : h < 14 ? "中午好" : h < 18 ? "下午好" : h < 23 ? "晚上好" : "夜深了";
-        return `// ${part}，${name}`;
-      }
       const part = h < 5 ? "Up late" : h < 12 ? "Good morning" : h < 18 ? "Good afternoon" : "Good evening";
       return `// ${part}, ${name}`;
     },
@@ -5851,7 +6039,7 @@
      *  user can edit before submitting. */
     applyAgentStarter(idx) {
       const lang = this.composerLanguage();
-      const list = lang === "zh" ? this.AGENT_STARTERS_ZH : this.AGENT_STARTERS_EN;
+      const list = this.AGENT_STARTERS_EN;
       const item = list[idx];
       if (!item) return;
       const ta = document.querySelector("[data-agent-composer-desc]");
@@ -5878,39 +6066,27 @@
       { key: "voice",       label: "Picking the model voice",           startSec: 28, sub: ["matching depth to role"] },
       { key: "polish",      label: "Polishing",                         startSec: 31, sub: ["clamping lengths", "final tightening"] },
     ],
-    AGENT_GEN_STAGES_ZH_BASE: [
-      { key: "lineage",     label: "勾画智识画像",   startSec: 0,  sub: ["梳理思想脉络", "标记反对的传统", "挑出具体引用"] },
-      { key: "imagine",     label: "构思角色",       startSec: 8,  sub: ["勾画语气", "拟定立场", "确定视角"] },
-      { key: "name",        label: "起名 + handle",  startSec: 11, sub: ["试几个短名", "排查 handle 重名"] },
-      { key: "bio",         label: "起草 bio",       startSec: 14, sub: ["一两句话", "点明方法"] },
-      { key: "quote",       label: "写一句开场问",   startSec: 17, sub: ["这位董事每次会议会先问什么"] },
-      { key: "instruction", label: "撰写 instruction", startSec: 20, sub: ["脉络 + 概念", "method + 引用集", "语气 + 边界", "失效模式"] },
-      { key: "voice",       label: "挑选模型嗓音",   startSec: 28, sub: ["按角色深度匹配 model"] },
-      { key: "polish",      label: "收尾打磨",       startSec: 31, sub: ["长度修剪", "最后一遍"] },
-    ],
     /** Web-search prefix · prepended to the base list when the user
      *  opted into web search this run. Adds ~5s to the perceived
-     *  pipeline; downstream startSecs are shifted in agentGenStagesFor. */
+     *  pipeline; downstream startSecs are shifted in agentGenStagesFor.
+     *  System UI · English-only. */
     AGENT_GEN_STAGES_WS_EN: { key: "search", label: "Searching the web for context", startSec: 0, sub: ["refining the query", "scanning Brave results", "distilling 5–6 named sources"] },
-    AGENT_GEN_STAGES_WS_ZH: { key: "search", label: "联网检索领域上下文",         startSec: 0, sub: ["精炼查询", "扫描 Brave 结果", "提炼 5–6 条具名来源"] },
 
     /** Build the active stage list for THIS generation. When web search
-     *  is on, prepend the search stage and shift everything else later. */
-    agentGenStagesFor(lang) {
-      const base = lang === "zh" ? this.AGENT_GEN_STAGES_ZH_BASE : this.AGENT_GEN_STAGES_EN_BASE;
+     *  is on, prepend the search stage and shift everything else later.
+     *  System UI · English-only regardless of `lang`. */
+    agentGenStagesFor(_lang) {
+      const base = this.AGENT_GEN_STAGES_EN_BASE;
       const useWs = !!this._agentGenUsingWebSearch;
       if (!useWs) return base;
-      const wsEntry = lang === "zh" ? this.AGENT_GEN_STAGES_WS_ZH : this.AGENT_GEN_STAGES_WS_EN;
       const SHIFT = 5;
       const shifted = base.map((s) => ({ ...s, startSec: s.startSec + SHIFT }));
-      return [wsEntry, ...shifted];
+      return [this.AGENT_GEN_STAGES_WS_EN, ...shifted];
     },
 
-    /** Back-compat shims · existing references read these names directly.
-     *  Resolved at call-time so the web-search variant is picked when
-     *  the flag is set. */
+    /** Back-compat shims · existing references read these names directly. */
     get AGENT_GEN_STAGES_EN() { return this.agentGenStagesFor("en"); },
-    get AGENT_GEN_STAGES_ZH() { return this.agentGenStagesFor("zh"); },
+    get AGENT_GEN_STAGES_ZH() { return this.agentGenStagesFor("en"); },
 
     /** Start the stage tick. Called when /generate-spec request fires.
      *  Idempotent — calling twice is safe. */
@@ -5925,8 +6101,7 @@
           return;
         }
         const elapsed = (Date.now() - this.agentGenStartedAt) / 1000;
-        const lang = this.composerLanguage();
-        const stages = lang === "zh" ? this.AGENT_GEN_STAGES_ZH : this.AGENT_GEN_STAGES_EN;
+        const stages = this.AGENT_GEN_STAGES_EN;
         // Find current stage index by elapsed time.
         let idx = 0;
         for (let i = 0; i < stages.length; i++) {
@@ -5957,12 +6132,13 @@
     },
 
     renderAgentGenStagesInner() {
-      const lang = this.composerLanguage();
-      const stages = lang === "zh" ? this.AGENT_GEN_STAGES_ZH : this.AGENT_GEN_STAGES_EN;
+      // System UI · always English. Agent-generation stage panel is
+      // app chrome around the LLM call.
+      const stages = this.AGENT_GEN_STAGES_EN;
       const active = this.agentGenStageIndex;
       const elapsed = Math.max(0, (Date.now() - this.agentGenStartedAt) / 1000);
-      const elapsedLabel = lang === "zh" ? `已耗时 ${Math.round(elapsed)} s` : `${Math.round(elapsed)} s elapsed`;
-      const headerLabel = lang === "zh" ? "正在生成 director" : "Summoning director";
+      const elapsedLabel = `${Math.round(elapsed)} s elapsed`;
+      const headerLabel = "Summoning director";
       const sigilSvg = this.renderAgentGenSigilSvg(stages, active, elapsed);
       // The active stage's headline pulse — lifted out from the list so
       // it reads as the focal "what's happening RIGHT NOW" line.
@@ -5980,7 +6156,7 @@
         <div class="ag-gen-stage-area">
           <div class="ag-gen-sigil" aria-hidden="true">${sigilSvg}</div>
           <div class="ag-gen-active-block">
-            <div class="ag-gen-active-kicker">${this.escape(lang === "zh" ? `第 ${active + 1} / ${stages.length} 步` : `step ${active + 1} of ${stages.length}`)}</div>
+            <div class="ag-gen-active-kicker">${this.escape(`step ${active + 1} of ${stages.length}`)}</div>
             <div class="ag-gen-active-label">${this.escape(activeStage ? activeStage.label : "")}</div>
             ${activeSubText ? `<div class="ag-gen-active-sub">${this.escape(activeSubText)}</div>` : ""}
           </div>
@@ -6096,42 +6272,28 @@
       { tag: "critique-reviewer", text: "A senior critic who audits any deliverable systematically — labels each flaw blocker / major / minor, points at the load-bearing piece, names the mechanism. Won't praise without finding at least one major issue." },
       { tag: "phenomenologist", text: "An observer who notices what the room ISN'T saying. Tracks tone, what got skipped, who agreed too fast." },
     ],
-    AGENT_STARTERS_ZH: [
-      { tag: "long-horizon", text: "一位向前看四步的战略家，区分『此刻』和『真正起作用的时间点』，逼问决策落到哪个 horizon 上。" },
-      { tag: "user-empathy", text: "一位从用户摩擦时刻反推的产品老兵，反对任何不说清『用户那一刻在干嘛』的论点。" },
-      { tag: "first-principles", text: "一位把问题拆到可观测、因果链上的物理学家，拒绝从类比里搬假设。" },
-      { tag: "value-investor", text: "一位用三十年品类史做底的长周期读者，新点子要先和三个老案例对照才相信。" },
-      { tag: "critique-reviewer", text: "一位资深评审，对任何交付物做系统性审稿——每个瑕疵打 blocker / major / minor 严重度，指向具体段落、说出失败机制。不挑出至少一条 major 不会放过。" },
-      { tag: "phenomenologist", text: "一位观察者，捕捉房间里没说出来的东西：语气、被跳过的话题、太快达成的一致。" },
-    ],
+    /** Legacy ZH list · kept as an alias of EN so any external caller
+     *  reading the property still resolves. System UI is English-only
+     *  per the global rule (the brief language doesn't change app
+     *  chrome). New code should reference AGENT_STARTERS_EN directly. */
+    get AGENT_STARTERS_ZH() { return this.AGENT_STARTERS_EN; },
 
     renderAgentComposerHtml() {
       const userName = (this.prefs?.name || "you").trim() || "you";
       const lang = this.composerLanguage();
       const greeting = this.composerGreeting(lang, userName);
-      const t = lang === "zh"
-        ? {
-            greet: greeting,
-            prompt: "想招一位什么样的董事？",
-            placeholder: "几句话描述这位董事的角色、方法、立场。比如：一位每件事都从用户视角出发的产品老兵，会反对任何不带『用户在那一刻干嘛』的论点。",
-            cta: "Generate",
-            ctaHint: "AI 会生成一份完整 spec，你可以再调",
-            manual: "手动配置",
-            generating: "生成中…",
-            modelLabel: "model",
-            starterCaption: "或者从一个 archetype 起手",
-          }
-        : {
-            greet: greeting,
-            prompt: "What kind of director do you want?",
-            placeholder: "A few sentences on their role, method, stance. e.g. A seasoned product hand who reasons from the user's moment of friction. Will reject any argument that doesn't name what the user is doing right then.",
-            cta: "Generate",
-            ctaHint: "AI drafts the full spec — you'll edit before saving",
-            manual: "Configure manually",
-            generating: "Generating…",
-            modelLabel: "model",
-            starterCaption: "or start from an archetype",
-          };
+      // System UI · always English (new-agent composer chrome).
+      const t = {
+        greet: greeting,
+        prompt: "What kind of director do you want?",
+        placeholder: "A few sentences on their role, method, stance. e.g. A seasoned product hand who reasons from the user's moment of friction. Will reject any argument that doesn't name what the user is doing right then.",
+        cta: "Generate",
+        ctaHint: "AI drafts the full spec — you'll edit before saving",
+        manual: "Configure manually",
+        generating: "Generating…",
+        modelLabel: "model",
+        starterCaption: "or start from an archetype",
+      };
       // If we already have a spec preview, render that instead of the input.
       if (this.agentSpec) {
         return this.renderAgentSpecPreviewHtml(this.agentSpec, lang);
@@ -6145,7 +6307,7 @@
       const generating = this.agentSpecGenerating;
       const currentModel = this.loadAgentComposerModel();
       const modelDisplay = MODEL_LABELS[currentModel] || currentModel;
-      const starters = lang === "zh" ? this.AGENT_STARTERS_ZH : this.AGENT_STARTERS_EN;
+      const starters = this.AGENT_STARTERS_EN;
       const starterCards = starters.map((q, idx) => `
         <button type="button" class="cmp-starter" data-agent-starter="${idx}">
           <div class="cmp-starter-tag">${this.escape(q.tag)}</div>
@@ -6181,23 +6343,14 @@
                 // skill row at agent-profile.js:1411.
                 const configured = this.agentComposerBraveConfigured();
                 const on = configured && this.loadAgentComposerWebSearch();
-                const stateLabel = !configured
-                  ? (lang === "zh" ? "未配置" : "needs key")
-                  : on
-                    ? (lang === "zh" ? "已开启" : "enabled")
-                    : (lang === "zh" ? "已关闭" : "disabled");
+                // System UI · always English (web-search toggle chrome).
+                const stateLabel = !configured ? "needs key" : on ? "enabled" : "disabled";
                 const titleText = !configured
-                  ? (lang === "zh"
-                    ? "联网搜索需要 Brave Search API key · 点击配置"
-                    : "Web search needs a Brave Search API key · click to configure")
+                  ? "Web search needs a Brave Search API key · click to configure"
                   : on
-                    ? (lang === "zh"
-                      ? "生成时联网检索领域真实案例 · 点击关闭"
-                      : "Search the web for real domain references during generation · click to disable")
-                    : (lang === "zh"
-                      ? "生成时不联网 · 点击开启"
-                      : "Generation runs offline · click to enable web search");
-                const wsLabel = lang === "zh" ? "联网搜索" : "web search";
+                    ? "Search the web for real domain references during generation · click to disable"
+                    : "Generation runs offline · click to enable web search";
+                const wsLabel = "web search";
                 const cls = [
                   "ap-skill-row-toggle",
                   "cmp-ws-toggle",
@@ -6243,38 +6396,23 @@
     },
 
     /** Preview card · all generated fields editable inline. */
-    renderAgentSpecPreviewHtml(spec, lang) {
-      const t = lang === "zh"
-        ? {
-            kicker: "// 生成的 director · 编辑后保存",
-            avatar: "头像",
-            reroll: "换一个",
-            name: "Name",
-            handle: "Handle",
-            role: "Role tag",
-            bio: "Bio",
-            quote: "Cover quote",
-            instruction: "Instruction",
-            model: "Model",
-            save: "Save director",
-            discard: "丢弃",
-            redo: "重新生成",
-          }
-        : {
-            kicker: "// generated director · edit and save",
-            avatar: "Avatar",
-            reroll: "Reroll",
-            name: "Name",
-            handle: "Handle",
-            role: "Role tag",
-            bio: "Bio",
-            quote: "Cover quote",
-            instruction: "Instruction",
-            model: "Model",
-            save: "Save director",
-            discard: "Discard",
-            redo: "Regenerate",
-          };
+    renderAgentSpecPreviewHtml(spec, _lang) {
+      // System UI · always English (agent-spec preview card chrome).
+      const t = {
+        kicker: "// generated director · edit and save",
+        avatar: "Avatar",
+        reroll: "Reroll",
+        name: "Name",
+        handle: "Handle",
+        role: "Role tag",
+        bio: "Bio",
+        quote: "Cover quote",
+        instruction: "Instruction",
+        model: "Model",
+        save: "Save director",
+        discard: "Discard",
+        redo: "Regenerate",
+      };
       const seed = this.agentSpecAvatarSeed;
       const avatarSvg = (window.AvatarSkill && seed)
         ? window.AvatarSkill.generate(seed, { size: 96 })
@@ -6361,25 +6499,16 @@
      *  composer back to its input state). The description text is
      *  surfaced read-only so the user can copy it before discard. */
     renderAgentSpecErrorHtml(err, lang) {
-      const t = lang === "zh"
-        ? {
-            kicker: err.kind === "timeout" ? "// 生成超时" : "// 生成失败",
-            title: err.kind === "timeout" ? "生成超过 5 分钟仍未完成" : "生成失败",
-            hintTimeout: "可能是模型回应过慢、网络波动，或后端 LLM 流水线卡住了。点击重试再来一次。",
-            hintFailed: "请确认 API key 配置正确、模型可达。重试通常能解决临时性失败。",
-            descLabel: "你的描述（重试时会复用）",
-            retry: "重试",
-            discard: "放弃",
-          }
-        : {
-            kicker: err.kind === "timeout" ? "// generation timed out" : "// generation failed",
-            title: err.kind === "timeout" ? "Generation didn't complete after 5 minutes" : "Generation failed",
-            hintTimeout: "The model may be slow, the network flaky, or the backend pipeline stalled. Click retry to start a fresh run.",
-            hintFailed: "Check your API key configuration and model reachability. Retry often clears transient failures.",
-            descLabel: "Your description (re-used on retry)",
-            retry: "Retry",
-            discard: "Discard",
-          };
+      // System UI · always English (agent-spec error card chrome).
+      const t = {
+        kicker: err.kind === "timeout" ? "// generation timed out" : "// generation failed",
+        title: err.kind === "timeout" ? "Generation didn't complete after 5 minutes" : "Generation failed",
+        hintTimeout: "The model may be slow, the network flaky, or the backend pipeline stalled. Click retry to start a fresh run.",
+        hintFailed: "Check your API key configuration and model reachability. Retry often clears transient failures.",
+        descLabel: "Your description (re-used on retry)",
+        retry: "Retry",
+        discard: "Discard",
+      };
       const desc = this._agentComposerLastDesc || "";
       const hint = err.kind === "timeout" ? t.hintTimeout : t.hintFailed;
       const detail = err.message ? `<div class="ag-gen-error-detail">${this.escape(err.message)}</div>` : "";
@@ -6387,7 +6516,7 @@
         <section class="cmp ag-cmp">
           <header class="cmp-hero">
             <div class="cmp-greet">${this.escape(this.composerGreeting(lang, (this.prefs?.name || "you").trim() || "you"))}</div>
-            <h1 class="cmp-prompt">${this.escape(lang === "zh" ? "想招一位什么样的董事？" : "What kind of director do you want?")}</h1>
+            <h1 class="cmp-prompt">${this.escape("What kind of director do you want?")}</h1>
           </header>
           <div class="ag-gen-error-card">
             <div class="ag-gen-error-kicker">${this.escape(t.kicker)}</div>
@@ -6552,13 +6681,11 @@
         this.agentSpecError = null;
       } catch (e) {
         const isAbort = (e && (e.name === "AbortError" || /aborted/i.test(String(e.message))));
-        const lang = this.composerLanguage();
         if (timedOut || isAbort) {
+          // System UI · always English (error message text).
           this.agentSpecError = {
             kind: "timeout",
-            message: lang === "zh"
-              ? "生成超过 5 分钟仍未完成 · 模型回应慢、网络波动，或后端流水线卡住了。"
-              : "Generation took longer than 5 minutes · the model may be slow, the network flaky, or the backend stuck.",
+            message: "Generation took longer than 5 minutes · the model may be slow, the network flaky, or the backend stuck.",
           };
         } else {
           this.agentSpecError = {
@@ -6722,10 +6849,9 @@
       // Sort newest-first · the most recently filed brief is the one a
       // returning user most likely wants to re-open.
       briefs.sort((a, b) => (b.createdAt || 0) - (a.createdAt || 0));
-      const lang = (this.currentRoom?.subject && /[一-鿿]/.test(this.currentRoom.subject)) ? "zh" : "en";
-      const t = lang === "zh"
-        ? { title: "选择一份报告打开", supplementPrefix: "补充视角：", initial: "初版", filed: "已归档" }
-        : { title: "Open a report", supplementPrefix: "Supplement: ", initial: "Initial", filed: "filed" };
+      // System UI · always English. Brief picker chrome (popover
+      // title, row labels) doesn't follow the brief language.
+      const t = { title: "Open a report", supplementPrefix: "Supplement: ", initial: "Initial", filed: "filed" };
       const initialIdx = briefs.length - 1; // oldest is "Initial"
       const rows = briefs.map((b, i) => {
         // The numbering is stable across renders: oldest = 01, newest
@@ -6740,11 +6866,11 @@
           : "";
         const subtitle = isInitial ? t.initial : (supplementSnippet ? `${t.supplementPrefix}${supplementSnippet}` : "");
         const filedLabel = b.createdAt
-          ? new Date(b.createdAt).toLocaleString(lang === "zh" ? "zh-CN" : undefined, {
+          ? new Date(b.createdAt).toLocaleString(undefined, {
               year: "numeric", month: "short", day: "numeric", hour: "2-digit", minute: "2-digit",
             })
           : "";
-        const href = `/report.html?r=${encodeURIComponent(roomId)}&b=${encodeURIComponent(b.id)}`;
+        const href = this.briefViewerHref(b, roomId);
         return `
           <a class="brief-picker-row" href="${this.escape(href)}" target="_blank" rel="noopener" data-brief-picker-row data-brief-id="${this.escape(b.id)}">
             <span class="brief-picker-num">${this.escape(num)}</span>
@@ -6834,10 +6960,8 @@
       const dirs = (this.agents || [])
         .filter((a) => a.roleKind !== "moderator")
         .sort((a, b) => (a.name || "").localeCompare(b.name || ""));
-      const lang = this.composerLanguage();
-      const t = lang === "zh"
-        ? { title: "选择董事", hint: "建议 2-4 位", done: "完成", info: "查看资料" }
-        : { title: "Pick directors", hint: "2-4 recommended", done: "Done", info: "View profile" };
+      // System UI · always English (composer director picker chrome).
+      const t = { title: "Pick directors", hint: "2-4 recommended", done: "Done", info: "View profile" };
       const rows = dirs.map((a) => {
         const checked = state.directorIds.includes(a.id);
         const modelLabel = MODEL_LABELS[a.modelV] || a.modelV || "";
@@ -6974,17 +7098,16 @@
       const isAutoPick = state.autoPickDirectors === true && dirObjs.length === 0;
       btn.classList.toggle("cmp-cast-btn-auto", isAutoPick);
       if (isAutoPick) {
-        const autoTip = lang === "zh"
-          ? "Convene 时由 chair 根据主题挑选 3 位董事 · 点击手动选择"
-          : "Chair picks 3 directors based on your subject when you Convene · click to pick manually";
+        // System UI · always English (auto-pick chip tooltip).
+        const autoTip = "Chair picks 3 directors based on your subject when you Convene · click to pick manually";
         btn.title = autoTip;
         btn.innerHTML = `
           <span class="cmp-cast-stack cmp-cast-stack-auto" data-cast-auto>
             <span class="cmp-cast-auto-mark">✦</span>
           </span>
           <span class="cmp-cast-count cmp-cast-auto-label">
-            <span class="cmp-cast-auto-key">${lang === "zh" ? "董事" : "directors"}</span>
-            <span class="cmp-cast-auto-val">${lang === "zh" ? "自动挑选" : "auto-pick"}</span>
+            <span class="cmp-cast-auto-key">directors</span>
+            <span class="cmp-cast-auto-val">auto-pick</span>
           </span>
         `;
         return;
@@ -6992,9 +7115,10 @@
       const visible = dirObjs.slice(0, 4);
       const overflow = Math.max(0, dirObjs.length - 4);
       const avs = visible.map((a) => `<img class="cmp-cast-av" src="${this.escape(a.avatarPath)}" alt="${this.escape(a.name)}" title="${this.escape(a.name)}">`).join("");
+      // System UI · always English (cast button count chrome).
       const countText = dirObjs.length
-        ? (lang === "zh" ? `${dirObjs.length} 位董事` : `${dirObjs.length} director${dirObjs.length === 1 ? "" : "s"}`)
-        : (lang === "zh" ? "未选董事" : "no directors");
+        ? `${dirObjs.length} director${dirObjs.length === 1 ? "" : "s"}`
+        : "no directors";
       const countCls = dirObjs.length ? "cmp-cast-count" : "cmp-cast-count cmp-cast-empty";
       btn.innerHTML = `
         <span class="cmp-cast-stack">
@@ -7042,21 +7166,14 @@
       let opts;
       let current;
       if (kind === "tone") {
-        opts = lang === "zh"
-          ? [
-              { v: "brainstorm",   label: "Brainstorm",   hint: "共同发散" },
-              { v: "constructive", label: "Constructive", hint: "推一把" },
-              { v: "research",     label: "Research",     hint: "梳理材料找洞察" },
-              { v: "debate",       label: "Debate",       hint: "找漏洞" },
-              { v: "critique",     label: "Critique",     hint: "系统性挑毛病" },
-            ]
-          : [
-              { v: "brainstorm",   label: "Brainstorm",   hint: "yes-and" },
-              { v: "constructive", label: "Constructive", hint: "push & sharpen" },
-              { v: "research",     label: "Research",     hint: "mine the material" },
-              { v: "debate",       label: "Debate",       hint: "find the holes" },
-              { v: "critique",     label: "Critique",     hint: "audit the deliverable" },
-            ];
+        // System UI · always English (tune dropdown options).
+        opts = [
+          { v: "brainstorm",   label: "Brainstorm",   hint: "yes-and" },
+          { v: "constructive", label: "Constructive", hint: "push & sharpen" },
+          { v: "research",     label: "Research",     hint: "mine the material" },
+          { v: "debate",       label: "Debate",       hint: "find the holes" },
+          { v: "critique",     label: "Critique",     hint: "audit the deliverable" },
+        ];
         if (followUpScope) {
           const valSpan = triggerBtn.querySelector("[data-cmp-dd-value]");
           current = valSpan ? (valSpan.textContent || "").trim().toLowerCase() : "";
@@ -7068,17 +7185,12 @@
         // the third value (terse) is a cadence dial, not a harshness
         // dial. The earlier "no prisoners" / "直击痛点" copy pulled
         // users into thinking it controlled tone.
-        opts = lang === "zh"
-          ? [
-              { v: "calm",  label: "Calm",  hint: "慢慢说" },
-              { v: "sharp", label: "Sharp", hint: "不绕弯" },
-              { v: "terse", label: "Terse", hint: "一句话" },
-            ]
-          : [
-              { v: "calm",  label: "Calm",  hint: "let them think" },
-              { v: "sharp", label: "Sharp", hint: "no hedging" },
-              { v: "terse", label: "Terse", hint: "telegraphic" },
-            ];
+        // System UI · always English (intensity dropdown options).
+        opts = [
+          { v: "calm",  label: "Calm",  hint: "let them think" },
+          { v: "sharp", label: "Sharp", hint: "no hedging" },
+          { v: "terse", label: "Terse", hint: "telegraphic" },
+        ];
         if (followUpScope) {
           const valSpan = triggerBtn.querySelector("[data-cmp-dd-value]");
           current = valSpan ? (valSpan.textContent || "").trim().toLowerCase() : "";
@@ -7221,7 +7333,7 @@
       const useAutoPick = state.autoPickDirectors === true && state.directorIds.length === 0;
       if (!useAutoPick && !state.directorIds.length) {
         const lang = this.composerLanguage();
-        alert(lang === "zh" ? "请至少选择一位董事再 convene" : "Pick at least one director before convening");
+        alert("Pick at least one director before convening");
         return;
       }
       const btn = document.querySelector("[data-composer-go]");
@@ -7428,14 +7540,14 @@
                 // opens the picker.
                 const briefs = Array.isArray(this.currentBriefs) ? this.currentBriefs : [];
                 const multi = briefs.length > 1;
-                const directHref = `/report.html?r=${this.escape(r.id)}${this.currentBrief.id ? `&b=${this.escape(this.currentBrief.id)}` : ""}`;
+                const directHref = this.briefViewerHref(this.currentBrief, r.id) || `/report.html?r=${this.escape(r.id)}`;
                 if (!multi) {
                   return `<a href="${directHref}" target="_blank" rel="noopener" class="view-report-btn" data-view-report>[ View Report ]</a>`;
                 }
-                return `<a href="${directHref}" target="_blank" rel="noopener" class="view-report-btn" data-view-report data-view-report-trigger title="${this.escape(this.composerLanguage() === "zh" ? `${briefs.length} 份报告 · 点击选择` : `${briefs.length} reports · click to choose`)}">[ View Report <span class="vr-count">· ${briefs.length}</span> ▾ ]</a>`;
+                return `<a href="${directHref}" target="_blank" rel="noopener" class="view-report-btn" data-view-report data-view-report-trigger title="${this.escape(`${briefs.length} reports · click to choose`)}">[ View Report <span class="vr-count">· ${briefs.length}</span> ▾ ]</a>`;
               })()
             : (r.status === "adjourned"
-              ? `<a href="#" class="view-report-btn generate-report" data-generate-brief title="${this.escape(this.composerLanguage() === "zh" ? "为这次会议补出一份报告" : "File a brief from this session")}"><span class="vr-mark">▸</span> ${this.escape(this.composerLanguage() === "zh" ? "生成报告" : "Generate Report")}</a>`
+              ? `<a href="#" class="view-report-btn generate-report" data-generate-brief title="${this.escape("File a brief from this session")}"><span class="vr-mark">▸</span> Generate Report</a>`
               : "")}
         </div>
       `;
@@ -7516,23 +7628,17 @@
     conveningCardHtml() {
       const s = this.conveneState;
       if (!s) return "";
-      const lang = (s.subject && /[一-鿿]/.test(s.subject)) ? "zh" : "en";
-
+      // System UI · always English. Convening overlay (analyzing /
+      // seating / preparing labels + decks) is app chrome.
       // Stages · auto-picked rooms run all three; manually-cast rooms
       // skip "analyzing" + "seating" because the cast is pre-set.
       const stageOrder = s.autoPicked
         ? ["analyzing", "seating", "preparing"]
         : ["preparing"];
       const STAGE_LABELS = {
-        analyzing: lang === "zh"
-          ? { title: "分析议题", deck: "haiku 路由器在拆解你提的话题" }
-          : { title: "Analyzing topic", deck: "Routing your topic to the right perspectives" },
-        seating: lang === "zh"
-          ? { title: "邀请董事", deck: "依据议题匹配的董事正在入席" }
-          : { title: "Seating directors", deck: "Picking the right perspectives for this question" },
-        preparing: lang === "zh"
-          ? { title: "主席组织开场陈词", deck: "主席正在准备介绍发言" }
-          : { title: "Chair preparing remarks", deck: "Drafting the convening speech" },
+        analyzing: { title: "Analyzing topic", deck: "Routing your topic to the right perspectives" },
+        seating:   { title: "Seating directors", deck: "Picking the right perspectives for this question" },
+        preparing: { title: "Chair preparing remarks", deck: "Drafting the convening speech" },
       };
 
       const currentIdx = stageOrder.indexOf(s.stage);
@@ -7564,7 +7670,7 @@
       // already in currentMembers; rendering it here would be redundant).
       const seatedRow = (s.autoPicked && s.seated.length > 0) ? `
         <div class="conv-seated">
-          <div class="conv-seated-label">${lang === "zh" ? "已入席" : "seated"} · ${s.seated.length}</div>
+          <div class="conv-seated-label">seated · ${s.seated.length}</div>
           <div class="conv-seated-list">
             ${s.seated.map((a) => `
               <div class="conv-seated-item" data-agent-id="${this.escape(a.id)}">
@@ -7581,7 +7687,7 @@
 
       return `
         <article class="convening-card" data-convene-card>
-          <div class="conv-eyebrow">${lang === "zh" ? "▸ 召集中" : "▸ CONVENING"}</div>
+          <div class="conv-eyebrow">▸ CONVENING</div>
           ${s.subject ? `<blockquote class="conv-subject">${this.escape(s.subject)}</blockquote>` : ""}
           <ul class="conv-stages">${stagesHtml}</ul>
           ${seatedRow}
@@ -7618,11 +7724,9 @@
       const chat = document.querySelector("[data-chat-messages]");
       if (!chat) return;
       const existing = chat.querySelector("[data-chair-pending]");
-      const isCjk = /[一-鿿]/.test(this.currentRoom?.subject || "");
-      const chairName = (this.currentChair?.name) || (isCjk ? "主席" : "Chair");
-      const labelMap = isCjk
-        ? { clarify: "正在整理你的问题", "chair-direct": "正在准备回应", "round-end": "正在收束这一轮", convening: "正在召集会议", "next-speaker": "正在判断接下来的发言", chair: "正在准备" }
-        : { clarify: "is reading your question", "chair-direct": "is preparing a response", "round-end": "is wrapping up the round", convening: "is convening the room", "next-speaker": "is reading the room", chair: "is preparing" };
+      // System UI · always English (chair-pending placeholder chrome).
+      const chairName = (this.currentChair?.name) || "Chair";
+      const labelMap = { clarify: "is reading your question", "chair-direct": "is preparing a response", "round-end": "is wrapping up the round", convening: "is convening the room", "next-speaker": "is reading the room", chair: "is preparing" };
       const phraseRaw = labelMap[phase] || labelMap.chair;
       const phrase = `${chairName} ${phraseRaw}…`;
       if (existing) {
@@ -7635,7 +7739,7 @@
       node.setAttribute("data-chair-pending", "");
       node.innerHTML = `
         <div class="cp-rule" aria-hidden="true"></div>
-        <div class="cp-kicker">▸ ${this.escape(isCjk ? "主席" : "chair")}</div>
+        <div class="cp-kicker">▸ chair</div>
         <div class="cp-body">
           <span class="cp-text">${this.escape(phrase)}</span>
           <span class="thinking-dots"><span></span><span></span><span></span></span>
@@ -7817,7 +7921,7 @@
       // 中文 copy. Reads from the chair's prompt body which lands in
       // the message body when a recommendation is present.
       const lang = (promptMsg && promptMsg.body && /[一-鿿]/.test(promptMsg.body)) ? "zh" : "en";
-      const recLabel = lang === "zh" ? "主席建议" : "chair recommends";
+      const recLabel = "chair recommends";
       const recIndicator = recKind
         ? `
           <div class="rp-rec-line rp-rec-line-${this.escape(recKind)}">
@@ -8045,14 +8149,14 @@
           const truncated = parentSubject.length > 70
             ? parentSubject.slice(0, 70) + "…"
             : parentSubject;
-          const isZh = /[一-鿿]/.test(this.currentRoom?.subject || "");
-          const label = isZh ? "继续自" : "Following up on";
-          const roomTag = isZh ? "Room #" : "Room #";
+          // System UI · always English (follow-up origin link chrome).
+          const label = "Following up on";
+          const roomTag = "Room #";
           const subjectChunk = truncated
             ? `<span class="convene-origin-sep">·</span><span class="convene-origin-subject">${this.escape(truncated)}</span>`
             : "";
           originHtml = `
-            <a class="convene-origin" href="#/r/${this.escape(parentId)}" data-parent-room-id="${this.escape(parentId)}" title="${this.escape((isZh ? "返回上一场会议 · " : "Open the prior session · ") + (parentSubject || parentId))}">
+            <a class="convene-origin" href="#/r/${this.escape(parentId)}" data-parent-room-id="${this.escape(parentId)}" title="${this.escape("Open the prior session · " + (parentSubject || parentId))}">
               <span class="convene-origin-arrow">↩</span>
               <span class="convene-origin-label">${this.escape(label)}</span>
               <span class="convene-origin-room">${this.escape(roomTag)}${this.escape(String(parentNum))}</span>
@@ -8065,9 +8169,11 @@
           parentId ? "convene-opener-followup" : "",
           isLongOpener ? "convene-opener-clamped" : "",
         ].filter(Boolean).join(" ");
-        const isZhLang = /[一-鿿]/.test(m.body || "") || /[一-鿿]/.test(this.currentRoom?.subject || "");
-        const moreLabel = isZhLang ? "展开全文 ↓" : "Show more ↓";
-        const lessLabel = isZhLang ? "收起 ↑" : "Show less ↑";
+        // System UI · always English. Earlier this followed the brief
+        // language; now fixed-string per the rule that app chrome stays
+        // English regardless of the user's query language.
+        const moreLabel = "Show more ↓";
+        const lessLabel = "Show less ↑";
         const toggleHtml = isLongOpener
           ? `<button type="button" class="convene-toggle" data-convene-toggle data-more="${this.escape(moreLabel)}" data-less="${this.escape(lessLabel)}">${moreLabel}</button>`
           : "";
@@ -8293,7 +8399,7 @@
       // as a historical marker only.
       if (isChair && metaKind === "no-brief") {
         const ts = this.timeFmt(m.createdAt);
-        const isZh = this.composerLanguage() === "zh";
+        // System UI · always English (no-brief card chrome).
         const hasBrief = !!this.currentBrief;
         const cta = hasBrief
           ? ""
@@ -8301,7 +8407,7 @@
             <div class="nb-actions">
               <button type="button" class="nb-cta" data-generate-brief>
                 <span class="nb-cta-mark">▸</span>
-                <span class="nb-cta-text">${isZh ? "生成报告" : "Generate report now"}</span>
+                <span class="nb-cta-text">Generate report now</span>
               </button>
             </div>
           `;
@@ -8312,7 +8418,7 @@
               <span class="nb-eyebrow">adjourned · no brief filed</span>
             </span>
             <div class="nb-body">
-              <strong>${this.escape(this.prefs?.name || "The chair")}</strong> ${isZh ? "在结束时跳过了报告。" : "declared no report is needed for this session."}
+              <strong>${this.escape(this.prefs?.name || "The chair")}</strong> declared no report is needed for this session.
             </div>
             ${cta}
             <div class="nb-meta">${this.escape(ts)}</div>
@@ -8763,31 +8869,17 @@
      *  research note reads "sweet." */
     _briefWordCountTip(wc) {
       if (!wc) return "";
-      const isZh = wc.isCjk;
-      const toneLabel = ({
-        brainstorm:   isZh ? "脑暴" : "brainstorm",
-        constructive: isZh ? "构建" : "constructive",
-        debate:       isZh ? "辩论" : "debate",
-        research:     isZh ? "研究" : "research",
-        critique:     isZh ? "评审" : "critique",
-      })[wc.tone] || wc.tone;
+      // System UI · always English (word-count chip tooltip).
+      const toneLabel = wc.tone;
       const range = `${wc.bands.sweetLo.toLocaleString("en-US")}-${wc.bands.sweetHi.toLocaleString("en-US")}`;
-      const unit = isZh ? "字" : "words";
-      const copy = isZh
-        ? {
-            "thin":     `偏短 · ${toneLabel} 模式甜点区约 ${range} ${unit}`,
-            "sweet":    `甜点区 · ${toneLabel} 模式正合适`,
-            "dense":    `偏密集 · 已超出 ${toneLabel} 模式甜点区，但仍可读`,
-            "long":     `偏长 · 接近"会被存档而非阅读"的临界`,
-            "too-long": `过长 · 大概率会被快速跳读`,
-          }
-        : {
-            "thin":     `Lean · ${toneLabel} sweet zone is ${range} ${unit}`,
-            "sweet":    `Sweet zone for ${toneLabel} · most read-through-able length`,
-            "dense":    `Dense · past the ${toneLabel} sweet zone, still readable`,
-            "long":     `Long · approaching "filed instead of read"`,
-            "too-long": `Too long · likely to be skimmed, not read`,
-          };
+      const unit = "words";
+      const copy = {
+        "thin":     `Lean · ${toneLabel} sweet zone is ${range} ${unit}`,
+        "sweet":    `Sweet zone for ${toneLabel} · most read-through-able length`,
+        "dense":    `Dense · past the ${toneLabel} sweet zone, still readable`,
+        "long":     `Long · approaching "filed instead of read"`,
+        "too-long": `Too long · likely to be skimmed, not read`,
+      };
       return copy[wc.tier] || "";
     },
 
@@ -8800,9 +8892,7 @@
       const briefs = Array.isArray(this.currentBriefs) ? this.currentBriefs : [];
       if (briefs.length < 2) return "";
       const sortedBriefs = briefs.slice().sort((x, y) => (x.createdAt || 0) - (y.createdAt || 0));
-      const lang = (activeBrief && activeBrief.language === "zh")
-        || (this.currentRoom?.subject && /[一-鿿]/.test(this.currentRoom.subject))
-        ? "zh" : "en";
+      // System UI · always English (brief-version tab strip chrome).
       return `
         <div class="brief-versions">
           ${sortedBriefs.map((bf, i) => {
@@ -8811,11 +8901,11 @@
             const isInitial = i === 0;
             const supp = bf.supplement && bf.supplement.trim()
               ? bf.supplement.trim()
-              : (isInitial ? (lang === "zh" ? "初版" : "Initial") : "");
+              : (isInitial ? "Initial" : "");
             const tooltip = isInitial
-              ? (lang === "zh" ? `初版报告 · 由会议本身生成` : `Initial brief · generated from the session`)
-              : `${lang === "zh" ? "补充视角：" : "Supplement: "}${supp || "—"}`;
-            const closeTitle = lang === "zh" ? "删除这份报告" : "Delete this report";
+              ? `Initial brief · generated from the session`
+              : `Supplement: ${supp || "—"}`;
+            const closeTitle = "Delete this report";
             // Errored / interrupted / timed-out tabs get a small
             // visual marker so the user can spot which one needs
             // attention without entering it. The full retry UI is
@@ -8829,7 +8919,7 @@
                   <span class="brief-version-num">${num}</span>
                   ${stateMark}
                   ${isInitial
-                    ? `<span class="brief-version-label">${lang === "zh" ? "初版" : "Initial"}</span>`
+                    ? `<span class="brief-version-label">Initial</span>`
                     : `<span class="brief-version-label">${this.escape((supp || "").slice(0, 20))}${(supp || "").length > 20 ? "…" : ""}</span>`}
                 </button>
                 <button type="button" class="brief-version-close" data-brief-delete data-brief-id="${this.escape(bf.id)}" title="${this.escape(closeTitle)}" aria-label="${this.escape(closeTitle)}">×</button>
@@ -8892,7 +8982,7 @@
         // a failed-brief tab becomes unreachable — clicking it just
         // re-renders whichever good brief the salvage path picks.
         const goodBrief = bypassSalvage ? null : (this.currentBriefs || []).find(
-          (x) => x && x.id !== b.id && !x.error && x.bodyMd && x.bodyMd.trim().length > 0,
+          (x) => x && x.id !== b.id && !x.error && this.briefHasBody(x),
         );
         if (goodBrief) {
           const failed = b;
@@ -8902,14 +8992,14 @@
           finally { this.currentBrief = prevCurrent; }
           // Prepend the compact retry banner to the rendered card so
           // the existing report stays fully visible below it.
-          const lang = (failed.language === "zh" || (this.currentRoom?.subject && /[一-鿿]/.test(this.currentRoom.subject))) ? "zh" : "en";
+          // System UI · always English (error banner chrome).
           const detail = failed.timedOut
-            ? (lang === "zh" ? "重新生成超时" : "regeneration timed out")
+            ? "regeneration timed out"
             : failed.interrupted
-              ? (lang === "zh" ? "重新生成被中断" : "regeneration interrupted")
-              : (failed.error || (lang === "zh" ? "重新生成失败" : "regeneration failed"));
-          const cta = lang === "zh" ? "重试" : "Retry";
-          const dismiss = lang === "zh" ? "关闭" : "Dismiss";
+              ? "regeneration interrupted"
+              : (failed.error || "regeneration failed");
+          const cta = "Retry";
+          const dismiss = "Dismiss";
           card.insertAdjacentHTML("afterbegin", `
             <div class="brief-retry-banner" data-brief-retry-banner data-failed-brief-id="${this.escape(failed.id)}">
               <span class="brb-mark">⚠</span>
@@ -8923,59 +9013,36 @@
           `);
           return;
         }
-        const lang = (b.language === "zh" || (this.currentRoom?.subject && /[一-鿿]/.test(this.currentRoom.subject))) ? "zh" : "en";
+        // System UI · always English (full error-card copy).
         const copy = b.timedOut
-          ? (lang === "zh"
-            ? {
-                stamp: "timed out",
-                kicker: "// 报告生成超时",
-                detail: "已超过 8 分钟仍未收到完成信号 · 可能是模型回应过慢、网络中断，或后端流水线卡住了。点击下方按钮重试，或检查 LLM key 与网络后再试。",
-                hint: "",
-                cta: "重试",
-              }
-            : {
-                stamp: "timed out",
-                kicker: "// generation timed out",
-                detail: "No completion signal after 8 minutes — the model may be slow, the connection dropped, or the pipeline stalled. Click below to start a fresh run.",
-                hint: "",
-                cta: "Retry",
-              })
+          ? {
+              stamp: "timed out",
+              kicker: "// generation timed out",
+              detail: "No completion signal after 8 minutes — the model may be slow, the connection dropped, or the pipeline stalled. Click below to start a fresh run.",
+              hint: "",
+              cta: "Retry",
+            }
           : b.interrupted
-          ? (lang === "zh"
-            ? {
-                stamp: "interrupted",
-                kicker: "// 报告生成被中断了",
-                detail: "上一次生成在浏览器刷新或服务重启时中止了。点击下方按钮重新生成一份报告。",
-                hint: "",
-                cta: "重新生成报告",
-              }
-            : {
-                stamp: "interrupted",
-                kicker: "// generation interrupted",
-                detail: "The previous generation was cut short — likely by a browser refresh or a server restart. Click below to start a fresh report.",
-                hint: "",
-                cta: "Regenerate report",
-              })
-          : (lang === "zh"
-            ? {
-                stamp: "failed",
-                kicker: "// 报告生成失败",
-                detail: this.escape(b.error || ""),
-                hint: "Brief writer 需要一个 LLM key（OpenRouter，或 Anthropic / OpenAI / Google / xAI 直连）。在 <strong>Preference → API Key</strong> 中添加后再试。",
-                cta: "重试",
-              }
-            : {
-                stamp: "failed",
-                kicker: "// brief generation failed",
-                detail: this.escape(b.error || ""),
-                hint: "The brief writer needs an LLM key (OpenRouter, or a direct Anthropic / OpenAI / Google / xAI key). Add one in <strong>Preference → API Key</strong> and try again.",
-                cta: "Retry",
-              });
+          ? {
+              stamp: "interrupted",
+              kicker: "// generation interrupted",
+              detail: "The previous generation was cut short — likely by a browser refresh or a server restart. Click below to start a fresh report.",
+              hint: "",
+              cta: "Regenerate report",
+            }
+          : {
+              stamp: "failed",
+              kicker: "// brief generation failed",
+              detail: this.escape(b.error || ""),
+              hint: "The brief writer needs an LLM key (OpenRouter, or a direct Anthropic / OpenAI / Google / xAI key). Add one in <strong>Preference → API Key</strong> and try again.",
+              cta: "Retry",
+            };
         card.innerHTML = `
           <div class="brief-card">
             ${tabsStripHtml}
             <div class="brief-banner">
               <span class="brief-banner-tag" style="color: var(--red);">// report</span>
+              <span class="brief-banner-type" style="color: var(--red); border-color: var(--red);">${this.escape(this.briefModeLabel(b))}</span>
               <span class="brief-banner-stamp" style="color: var(--red);">${this.escape(copy.stamp)}</span>
             </div>
             <div class="brief-body brief-body-error">
@@ -8998,7 +9065,7 @@
         return;
       }
 
-      const generating = b.isGenerating === true || !b.bodyMd || b.title === "Generating…";
+      const generating = b.isGenerating === true || !this.briefHasBody(b) || b.title === "Generating…";
       const signed = this.currentMembers
         .map((a) => `<img src="${this.escape(a.avatarPath)}" alt="${this.escape(a.name)}" title="${this.escape(a.name)}">`)
         .join("");
@@ -9007,12 +9074,12 @@
         ? "GENERATING…"
         : "FILED · " + (b.createdAt ? this.timeFmt(b.createdAt) : this.timeFmt(Date.now()));
 
-      // Open Report links to /report.html with both r (room) and b
-      // (brief id) — the viewer uses b when present so refining
-      // shows the right version.
-      const reportHref = this.currentRoomId && b.id
-        ? `/report.html?r=${encodeURIComponent(this.currentRoomId)}&b=${encodeURIComponent(b.id)}`
-        : (this.currentRoomId ? `/report.html?r=${encodeURIComponent(this.currentRoomId)}` : null);
+      // Open Report URL · routes to /bento.html for bento briefs and
+      // /report.html for research-note briefs (default). The bento
+      // renderer doesn't need the room id so the URL is shorter for
+      // that mode.
+      const reportHref = this.briefViewerHref(b, this.currentRoomId)
+        || (this.currentRoomId ? `/report.html?r=${encodeURIComponent(this.currentRoomId)}` : null);
 
       // Tab strip — already computed at the top of renderBrief as
       // `tabsStripHtml` so both error and success paths can mount it.
@@ -9031,6 +9098,7 @@
           ${tabsHtml}
           <div class="brief-banner">
             <span class="brief-banner-tag">// report</span>
+            <span class="brief-banner-type">${this.escape(this.briefModeLabel(b))}</span>
             <span class="brief-banner-stamp">${filedLabel}</span>
           </div>
 
@@ -9067,11 +9135,11 @@
             <div class="brief-supplement-row">
               <button type="button" class="brief-supplement-btn" data-brief-supplement>
                 <span class="brief-supplement-mark">+</span>
-                <span class="brief-supplement-label">${(b.language === "zh" ? "补充视角，再生成一版报告" : "Add a perspective · regenerate")}</span>
+                <span class="brief-supplement-label">Add a perspective · regenerate</span>
               </button>
-              <button type="button" class="brief-delete-btn" data-brief-delete data-brief-id="${this.escape(b.id)}" title="${(b.language === "zh" ? "删除这份报告" : "Delete this report")}">
+              <button type="button" class="brief-delete-btn" data-brief-delete data-brief-id="${this.escape(b.id)}" title="Delete this report">
                 <span class="brief-delete-mark">⌫</span>
-                <span class="brief-delete-label">${(b.language === "zh" ? "删除报告" : "Delete report")}</span>
+                <span class="brief-delete-label">Delete report</span>
               </button>
             </div>
           ` : ""}
@@ -9149,55 +9217,53 @@
           "Writing the 3 Headline Findings",
           "Drafting Convergence + Divergence sections",
           "Composing Recommendations",
-          "Writing the Pre-mortem",
           "Surfacing New Questions",
           "Drafting the Strategic Planning Assumption",
           "Polishing the final pass",
         ],
-      },
-      zh: {
-        extract: [
-          "重读每位董事的发言",
-          "按视角标签（data / dissent / narrative / structural / first-principle）整理信号",
-          "压缩到每位董事 2-4 条关键信号",
-        ],
-        compose: [
-          "选定本份报告的 spine 风格",
-          "决定要纳入哪些组件块",
-          "估算密度与节奏",
-        ],
-        "scaffold-anchor": [
-          "读出 takeaway",
-          "校准 confidence",
-          "落定 working hypothesis",
-        ],
-        "scaffold-findings": [
-          "提炼 3 条 headline findings",
-          "复核每条是否撑住 anchor",
-          "如有勉强，3 → 2 收敛",
-        ],
-        "scaffold-cluster": [
-          "定位董事们达成共识的地方",
-          "标记核心张力",
-          "辨认未消化的立场",
+        // Bento's `write` stage does different work · one chair-LLM
+        // call that compresses the room into the 8-slot bento layout.
+        // Keyed under `bento-write` and selected at render time when
+        // the brief's mode is bento.
+        "bento-write": [
+          "Compressing to the takeaway · the 1-line title",
+          "Picking the 3 milestones",
+          "Sizing the big-number callouts",
+          "Mapping ranked bars from the room's data",
+          "Distilling the verification signals",
+          "Compressing recommendations into elevator-pitch lines",
+          "Naming the closing flow · before → after",
         ],
-        "scaffold-actions": [
-          "起草 recommendations",
-          "推演 pre-mortem",
-          "梳理会议长出的新问题",
+        // Magazine mode · same single-pass chair-LLM call but the
+        // emphasis is on editorial cover-line composition rather
+        // than infographic compression. Keyed under `magazine-write`
+        // and selected at render time when the brief's mode is
+        // magazine.
+        "magazine-write": [
+          "Drafting the cover headline",
+          "Writing the subdeck",
+          "Picking the 5 numbered cards",
+          "Sequencing the 3 setup steps",
+          "Selecting why-this-matters reasons",
+          "Stamping the masthead byline",
         ],
-        write: [
-          "撰写 Bottom Line",
-          "撰写 Frame Shift 段落",
-          "撰写 3 条 Headline Findings",
-          "起草 Convergence 与 Divergence 段落",
-          "撰写 Recommendations",
-          "撰写 Pre-mortem",
-          "梳理 New Questions",
-          "起草 Strategic Planning Assumption",
-          "通读润色，准备交稿",
+        // Newspaper mode · same single-pass chair-LLM call but voice
+        // shifts to broadsheet front-page journalism. Keyed under
+        // `newspaper-write` and selected at render time when the
+        // brief's mode is newspaper.
+        "newspaper-write": [
+          "Setting the banner headline",
+          "Writing the subdeck",
+          "Filing the three column stories",
+          "Drafting the bottom-line callout",
+          "Stacking the more-headings sidebar",
+          "Stamping the masthead date",
         ],
       },
+      // System UI · always English. The `zh` key is kept as an alias
+      // of `en` so any caller indexing BRIEF_SUBSTAGES["zh"] still
+      // resolves; brief language no longer changes the substage copy.
+      get zh() { return this.en; },
     },
 
     /** Set up a 1s tick that re-renders the brief stages while at least
@@ -9213,7 +9279,7 @@
         }
         const stages = b.stages || {};
         const anyActive = Object.values(stages).some((s) => s && s.status === "active");
-        const generating = b.isGenerating === true || !b.bodyMd || b.title === "Generating…";
+        const generating = b.isGenerating === true || !this.briefHasBody(b) || b.title === "Generating…";
         if (!anyActive && !generating) {
           this.stopBriefStageTick();
           return;
@@ -9264,7 +9330,7 @@
       if (this._briefStallWatchTimer) return;
       const b = this.currentBrief;
       if (!b || !b.id || b.error) return;
-      const generating = b.isGenerating === true || !b.bodyMd || b.title === "Generating…";
+      const generating = b.isGenerating === true || !this.briefHasBody(b) || b.title === "Generating…";
       if (!generating) return;
       if (!this._lastBriefEventAt) this._lastBriefEventAt = Date.now();
       this._lastBriefHealthPollAt = 0;
@@ -9284,7 +9350,7 @@
     async tickBriefStallWatch() {
       const b = this.currentBrief;
       if (!b || b.error) { this.stopBriefStallWatch(); return; }
-      const generating = b.isGenerating === true || !b.bodyMd || b.title === "Generating…";
+      const generating = b.isGenerating === true || !this.briefHasBody(b) || b.title === "Generating…";
       if (!generating) { this.stopBriefStallWatch(); return; }
 
       const now = Date.now();
@@ -9293,9 +9359,8 @@
       // Hard ceiling · regardless of server state, flip the card to
       // a timed-out error so the user always has a way out.
       if (now - startedAt > this.BRIEF_HARD_TIMEOUT_MS) {
-        b.error = b.language === "zh"
-          ? "报告生成超时（超过 8 分钟仍未完成）。"
-          : "Brief generation timed out (no completion after 8 minutes).";
+        // System UI · always English (timeout error message).
+        b.error = "Brief generation timed out (no completion after 8 minutes).";
         b.timedOut = true;
         this.stopBriefStageTick();
         this.stopBriefStallWatch();
@@ -9340,30 +9405,39 @@
         write:               { status: "pending", detail: "", progress: null, startedAt: null },
       };
       const lang = b.language === "zh" ? "zh" : "en";
-      const chairName = b.chairName || this.currentChair?.name || (lang === "zh" ? "主席" : "Chair");
+      const chairName = b.chairName || this.currentChair?.name || "Chair";
 
       const wordCount = b.bodyMd
         ? (b.bodyMd.trim().match(/\S+/g) || []).length
         : 0;
 
-      // Stage definitions · 7 ordered cells. Must align with the wire
-      // format emitted by emitStage() in src/orchestrator/brief.ts:
+      // Stage definitions · mode-aware. The wire format emitted by
+      // emitStage() in src/orchestrator/brief.ts depends on which
+      // pipeline ran:
+      //
+      //   research-note (default) · extract → compose → scaffold-
+      //     {anchor,findings,cluster,actions} → write (7 stages · the
+      //     4 scaffold sub-stages are driven by JSON-key arrival in
+      //     the streaming buffer, see SCAFFOLD_TRIGGERS in brief.ts)
       //
-      //   extract → compose → scaffold-{anchor,findings,cluster,actions} → write
+      //   bento + magazine · extract → write (2 stages · runBentoStage
+      //     runs ONE chair-LLM call that produces the BentoScaffold;
+      //     composer and the scaffold sub-stages are skipped entirely.
+      //     Both modes share the same 2-stage rail · only the write
+      //     label and renderer differ)
       //
-      // The 4 scaffold sub-stages are driven by JSON-key arrival in the
-      // Stage 2 streaming buffer (see runStage2 / SCAFFOLD_TRIGGERS in
-      // brief.ts), so each pip transition reflects a real moment in the
-      // model's output — not a synthetic timer.
-      const STAGE_DEFS = lang === "zh"
+      // System UI · always English regardless of brief language. The
+      // pipeline labels are the app's voice (chrome around the
+      // generation), not the report content itself.
+      const STRUCTURED_WRITE_LABELS = {
+        bento: "Composing the bento",
+        magazine: "Composing the magazine",
+        newspaper: "Composing the newspaper",
+      };
+      const STAGE_DEFS = this.isStructuredBriefMode(b.mode)
         ? [
-            { key: "extract",            label: "读完房间里每个人的发言", pipShort: "听" },
-            { key: "compose",            label: "选定报告骨架与组件",    pipShort: "选" },
-            { key: "scaffold-anchor",    label: "敲定核心判断 (anchor)",  pipShort: "锚" },
-            { key: "scaffold-findings",  label: "勾勒主张与发现",       pipShort: "见" },
-            { key: "scaffold-cluster",   label: "梳理共识与分歧",       pipShort: "辨" },
-            { key: "scaffold-actions",   label: "拟动作 · 推演风险",     pipShort: "拟" },
-            { key: "write",              label: "撰写最终报告",         pipShort: "写" },
+            { key: "extract", label: "Reading what each director said", pipShort: "read" },
+            { key: "write",   label: STRUCTURED_WRITE_LABELS[b.mode] || "Composing the report", pipShort: "compose" },
           ]
         : [
             { key: "extract",            label: "Reading what each director said", pipShort: "read" },
@@ -9425,9 +9499,21 @@
       }
 
       // Rotating sub-line · advances every 3s within the active stage.
+      // Bento mode's `write` stage does different work than the
+      // research-note `write` stage — pick its dedicated rotator
+      // (`bento-write`) when active. Falls through to the regular
+      // key for every other stage / mode.
       let substageText = "";
-      if (activeStatus === "active" && substages[activeDef.key]?.length) {
-        const list = substages[activeDef.key];
+      // Structured-mode write stages get their own rotator copy
+      // ("bento-write" / "magazine-write" / "newspaper-write") since
+      // the work is different from research-note's chapter-by-chapter
+      // write.
+      let subKey = activeDef.key;
+      if (activeDef.key === "write" && this.isStructuredBriefMode(b.mode)) {
+        subKey = `${b.mode}-write`;
+      }
+      if (activeStatus === "active" && substages[subKey]?.length) {
+        const list = substages[subKey];
         substageText = list[Math.floor(activeElapsed / 3) % list.length];
       }
 
@@ -9437,12 +9523,12 @@
       if (activeDef.key === "extract" && activeStage.progress?.total) {
         const cur = activeStage.progress.current;
         const tot = activeStage.progress.total;
-        detailParts.push(lang === "zh" ? `${cur}/${tot} 位董事` : `${cur}/${tot} director${tot === 1 ? "" : "s"}`);
+        detailParts.push(`${cur}/${tot} director${tot === 1 ? "" : "s"}`);
       } else if (activeStage.detail) {
         detailParts.push(activeStage.detail);
       }
       if (activeDef.key === "write" && activeStatus === "active" && wordCount > 0) {
-        detailParts.push(lang === "zh" ? `${wordCount} 字` : `${wordCount} word${wordCount === 1 ? "" : "s"}`);
+        detailParts.push(`${wordCount} word${wordCount === 1 ? "" : "s"}`);
       }
       const detailLine = detailParts.join(" · ");
 
@@ -9454,7 +9540,7 @@
             ? `${activeElapsed}s · ~${activeEta[0]}–${activeEta[1]}s`
             : `~${activeEta[0]}–${activeEta[1]}s`;
         } else {
-          timing = lang === "zh" ? `已耗时 ${activeElapsed}s` : `${activeElapsed}s elapsed`;
+          timing = `${activeElapsed}s elapsed`;
         }
       }
 
@@ -9510,19 +9596,15 @@
         return r === 0 ? `${m}m` : `${m}m ${r}s`;
       };
       const fmtRange = (lo, hi) => {
-        if (hi < 60) return lang === "zh" ? `约 ${lo}–${hi}s` : `~${lo}–${hi}s`;
+        if (hi < 60) return `~${lo}–${hi}s`;
         const loM = Math.max(1, Math.round(lo / 60));
         const hiM = Math.max(loM, Math.round(hi / 60));
-        return lang === "zh" ? `约 ${loM}–${hiM} 分钟` : `~${loM}-${hiM}m`;
+        return `~${loM}-${hiM}m`;
       };
 
-      const totalText = lang === "zh"
-        ? `已 ${fmtSec(totalElapsed)} · 还需${fmtRange(totalLo, totalHi)}`
-        : `${fmtSec(totalElapsed)} elapsed · ${fmtRange(totalLo, totalHi)} left`;
-
-      const kickerCore = lang === "zh"
-        ? `// ${chairName} 正在整理纪要 · ${totalText}`
-        : `// ${chairName} is preparing the minutes · ${totalText}`;
+      // System UI · always English (brief-progress kicker copy).
+      const totalText = `${fmtSec(totalElapsed)} elapsed · ${fmtRange(totalLo, totalHi)} left`;
+      const kickerCore = `// ${chairName} is preparing the minutes · ${totalText}`;
 
       const metaHtml = (detailLine || timing)
         ? `<span class="brief-active-meta">` +
@@ -9554,9 +9636,8 @@
       this._briefSeenHarvestKeys = this._briefSeenHarvestKeys || {};
       const seenH = this._briefSeenHarvestKeys[b.id] = this._briefSeenHarvestKeys[b.id] || new Set();
       const harvest = Array.isArray(b.extractHarvest) ? b.extractHarvest : [];
-      const kindLabels = lang === "zh"
-        ? { claims: "判断", evidence: "证据", tensions: "分歧", assumptions: "假设", risks: "风险", opportunities: "机会", actions: "动作", quotes: "原话", openQuestions: "悬而未决" }
-        : { claims: "claims", evidence: "evidence", tensions: "tensions", assumptions: "assumptions", risks: "risks", opportunities: "opportunities", actions: "actions", quotes: "quotes", openQuestions: "open-q" };
+      // System UI · always English (signal-kind chip labels).
+      const kindLabels = { claims: "claims", evidence: "evidence", tensions: "tensions", assumptions: "assumptions", risks: "risks", opportunities: "opportunities", actions: "actions", quotes: "quotes", openQuestions: "open-q" };
       if (harvest.length) {
         const chips = harvest.map((h) => {
           const isFresh = !seenH.has(h.directorId);
@@ -9581,7 +9662,7 @@
       // Live word count during write — large and visible since it's the
       // most engaging signal during the long write stage.
       if (writeActive && wordCount > 0) {
-        const w = lang === "zh" ? `${wordCount} 字 · 还在落笔` : `${wordCount} word${wordCount === 1 ? "" : "s"} · still writing`;
+        const w = `${wordCount} word${wordCount === 1 ? "" : "s"} · still writing`;
         stats.push(`<span class="brief-stat-fact brief-stat-live">${this.escape(w)}</span>`);
       }
       const statsHtml = stats.length
@@ -9902,8 +9983,8 @@
       genBriefBtn.setAttribute("data-pending", "1");
       if ("disabled" in genBriefBtn) genBriefBtn.disabled = true;
 
-      const isZh = app.composerLanguage() === "zh";
-      const generatingText = isZh ? "正在生成…" : "generating…";
+      // System UI · always English (generating-button chrome).
+      const generatingText = "generating…";
       const originalHtml = genBriefBtn.innerHTML;
 
       // Swap to a "generating…" state. The two button shapes both
@@ -9926,10 +10007,31 @@
         genBriefBtn.removeAttribute("data-pending");
         if ("disabled" in genBriefBtn) genBriefBtn.disabled = false;
         genBriefBtn.innerHTML = originalHtml;
-        alert((isZh ? "生成失败：" : "Brief generation failed: ") + (err && err.message ? err.message : err));
+        alert("Brief generation failed: " + (err && err.message ? err.message : err));
       });
       return;
     }
+    // Brief-mode picker · clicking a label (or its radio) toggles the
+    // .on class on that option AND off on the siblings. Used by both
+    // the adjourn overlay and the supplement overlay. We scope to the
+    // picker's `.adjourn-mode-options` container (set in
+    // renderBriefModePicker) instead of a specific overlay id, so the
+    // same handler works wherever the picker is embedded. The native
+    // radio behaviour handles `:checked` state but we use a manual
+    // class for visual styling (left accent stripe + tint) since we
+    // can't `:has()` reliably on older browsers.
+    const modeOpt = e.target.closest(".adjourn-mode-option");
+    if (modeOpt) {
+      const group = modeOpt.closest(".adjourn-mode-options");
+      if (group) {
+        group.querySelectorAll(".adjourn-mode-option").forEach((el) => el.classList.remove("on"));
+        modeOpt.classList.add("on");
+        const radio = modeOpt.querySelector('input[type="radio"]');
+        if (radio) radio.checked = true;
+      }
+      // Don't preventDefault · let the label's native click behaviour
+      // also tick the radio for keyboard / a11y users.
+    }
     // Adjourn overlay · "skip report" footer button — clicking commits
     // immediately (mark picked + dispatch + close).
     if (e.target.closest("[data-adjourn-skip]")) {
@@ -9953,6 +10055,18 @@
       app.closeAdjournOverlay();
       return;
     }
+    // Adjourn overlay · subject Show more / less toggle. Flips the
+    // `is-clamped` class on the value span and swaps the button label.
+    const subjToggle = e.target.closest("[data-adjourn-subject-toggle]");
+    if (subjToggle) {
+      e.preventDefault();
+      const subjEl = document.querySelector("[data-adjourn-subject]");
+      if (subjEl) {
+        const expanded = subjEl.classList.toggle("is-clamped") === false;
+        subjToggle.textContent = expanded ? "Show less" : "Show more";
+      }
+      return;
+    }
     // Brief card · "Add a perspective" → opens the supplement overlay.
     if (e.target.closest("[data-brief-supplement]")) {
       e.preventDefault();
@@ -10185,11 +10299,9 @@
       // map, which user-settings.js patches in place after every
       // setProviderKey, so we get fresh truth here.
       const configured = !!(app.agentComposerBraveConfigured && app.agentComposerBraveConfigured());
-      const isZh = (app.composerLanguage && app.composerLanguage()) === "zh";
       if (!configured) {
-        const ok = confirm(isZh
-          ? "联网搜索需要 Brave Search API key。\n\nBrave Search · 约 $5 / 1000 次查询 · 注重隐私\n\n现在去 Preferences 配置吗？"
-          : "Web Search needs a Brave Search API key.\n\nBrave Search · ≈ $5 per 1000 queries · privacy-respecting\n\nOpen Preferences to paste your key now?");
+        // System UI · always English (Brave key prompt confirm dialog).
+        const ok = confirm("Web Search needs a Brave Search API key.\n\nBrave Search · ≈ $5 per 1000 queries · privacy-respecting\n\nOpen Preferences to paste your key now?");
         if (ok && typeof window.openUserSettings === "function") {
           window.openUserSettings({ section: "keys", focusProvider: "brave" });
         }
@@ -10211,19 +10323,14 @@
       wsToggle.setAttribute("aria-pressed", next ? "true" : "false");
       const txt = wsToggle.querySelector(".ap-skill-row-toggle-text");
       if (txt) {
-        const wsLabel = isZh ? "联网搜索" : "web search";
-        const stateLabel = next
-          ? (isZh ? "已开启" : "enabled")
-          : (isZh ? "已关闭" : "disabled");
+        // System UI · always English (web-search toggle chrome).
+        const wsLabel = "web search";
+        const stateLabel = next ? "enabled" : "disabled";
         txt.textContent = `${wsLabel} · ${stateLabel}`;
       }
       wsToggle.title = next
-        ? (isZh
-          ? "生成时联网检索领域真实案例 · 点击关闭"
-          : "Search the web for real domain references during generation · click to disable")
-        : (isZh
-          ? "生成时不联网 · 点击开启"
-          : "Generation runs offline · click to enable web search");
+        ? "Search the web for real domain references during generation · click to disable"
+        : "Generation runs offline · click to enable web search";
       return;
     }
     // ─── Agent spec preview · field actions
@@ -10359,6 +10466,20 @@
       if (id) app.deleteRoom(id);
       return;
     }
+    // Delete a saved note from the All Notes list. The button is a
+    // sibling of the note's anchor (inside .notes-item) so its click
+    // never bubbles through the navigation link — but we still
+    // preventDefault + stopPropagation defensively to keep the row's
+    // hover/focus state quiet.
+    const noteDel = e.target.closest("[data-note-delete]");
+    if (noteDel) {
+      e.preventDefault();
+      e.stopPropagation();
+      const item = noteDel.closest("[data-note-id]");
+      const id = item?.dataset.noteId;
+      if (id) app.deleteNoteAt(id);
+      return;
+    }
     // Delete a custom agent · this used to live as an inline X button
     // on the sidebar row. It's been moved into the agent profile's
     // ⋯ overflow menu (see agent-profile.js → "delete" menu action),