privateboard 0.1.36 → 0.1.38

package/public/mention-picker.js

@@ -64,7 +64,7 @@
         flex-direction: column;
         gap: 4px;
         font-family: var(--sans, system-ui), sans-serif;
-        font-size: 13px;
+        font-size: 14px;
         color: var(--text);
       }
       .mention-picker[hidden] { display: none; }

package/public/new-agent.css

@@ -304,7 +304,7 @@
 }
 .na-avatar-regen .icon {
   font-family: var(--mono);
-  font-size: 13px;
+  font-size: 14px;
   font-weight: 400;
   line-height: 1;
 }
@@ -362,7 +362,7 @@
   color: var(--lime);
 }
 .na-model-trigger .trigger-l .name {
-  font-size: 13px;
+  font-size: 14px;
   font-weight: 700;
   color: var(--text);
   letter-spacing: -0.003em;
@@ -779,7 +779,7 @@
   border: none;
   background: transparent;
   font-family: var(--font-human);
-  font-size: 13px;
+  font-size: 14px;
   line-height: 1.5;
   color: var(--text);
   outline: none;
@@ -951,7 +951,7 @@
   margin-top: 6px;
   align-self: flex-start;
 }
-.new-agent-overlay .na-rule-add .plus { color: var(--lime); font-size: 13px; line-height: 1; }
+.new-agent-overlay .na-rule-add .plus { color: var(--lime); font-size: 14px; line-height: 1; }
 .new-agent-overlay .na-rule-add:hover { border-color: var(--lime); color: var(--lime); border-style: solid; }
 .new-agent-overlay .na-rule-add[disabled],
 .new-agent-overlay .na-rule-add.at-cap {
@@ -1119,7 +1119,7 @@
   border: 0.5px solid var(--line-bright);
   color: var(--text-faint);
   font-family: var(--mono);
-  font-size: 13px;
+  font-size: 14px;
   line-height: 1;
   cursor: pointer;
   display: flex;
@@ -1352,7 +1352,7 @@
 .new-agent-overlay .na-textarea-wrap.tall textarea {
   min-height: 220px;
   font-family: var(--mono);
-  font-size: 13px;
+  font-size: 14px;
   line-height: 1.5;
   resize: vertical;
   overflow-y: auto;
@@ -1382,7 +1382,7 @@
   font-weight: 700;
   letter-spacing: -0.005em;
   font-family: var(--font-human);
-  font-size: 13px;
+  font-size: 14px;
 }
 .na-summary-handle { color: var(--lime); }
 .na-foot-sep { color: var(--text-faint); }

package/public/onboarding.css

@@ -109,7 +109,7 @@
 }
 .onb-deck {
   font-family: var(--font-human, var(--mono));
-  font-size: 13px;
+  font-size: 14px;
   color: var(--text-soft);
   line-height: 1.55;
   margin-top: 8px;
@@ -179,7 +179,7 @@
   content: ">";
   color: var(--lime);
   font-weight: 700;
-  font-size: 13px;
+  font-size: 14px;
   font-family: var(--mono);
   padding: 9px 0 0 11px;
   align-self: flex-start;
@@ -332,7 +332,7 @@
 }
 .onb-voice-pitch {
   font-family: var(--font-human, "Inter", system-ui, sans-serif);
-  font-size: 13px;
+  font-size: 14px;
   line-height: 1.6;
   color: var(--text-soft);
   margin: 0;
@@ -393,7 +393,7 @@
 }
 .onb-cast-next-arrow {
   font-family: var(--mono);
-  font-size: 13px;
+  font-size: 14px;
   font-weight: 700;
   color: var(--text-faint);
   align-self: center;
@@ -592,7 +592,7 @@
   color: var(--text-dim);
   cursor: pointer;
   font-family: var(--font-human, "Inter", system-ui, sans-serif);
-  font-size: 13px;
+  font-size: 14px;
   font-weight: 500;
   letter-spacing: -0.005em;
   line-height: 1.2;

package/public/quote-cta.css

@@ -80,9 +80,10 @@
   white-space: nowrap;
 }
 /* Adjourned-room state · Probe / Second hide (they post to a
-   closed room), but Save stays — bookmarking from a finished
-   session is a primary use case. */
-.qcta.qcta-readonly .qcta-btn:not(.qcta-btn-save) { display: none; }
+   closed room), but Save and Thread stay — bookmarking and opening a
+   private 1:1 follow-up thread are both primary review-mode uses
+   (a thread spawns its own live room, independent of the parent). */
+.qcta.qcta-readonly .qcta-btn:not(.qcta-btn-save):not(.qcta-btn-thread) { display: none; }
 .qcta.qcta-readonly .qcta-hint { display: inline-flex; align-items: center; }
 
 /* ─── Save toast ─────────────────────────────────────────────
@@ -220,7 +221,7 @@
   content: ">";
   color: var(--lime);
   font-weight: 700;
-  font-size: 13px;
+  font-size: 14px;
   font-family: var(--mono, "Inter", system-ui, sans-serif);
   padding: 9px 0 0 11px;
   align-self: flex-start;

package/public/quote-cta.js

@@ -160,8 +160,8 @@
     cta.className = "qcta";
     cta.setAttribute("role", "toolbar");
     const t = lang() === "zh"
-      ? { ask: "追问", love: "附议", save: "收藏" }
-      : { ask: "Probe", love: "Second", save: "Save" };
+      ? { ask: "追问", love: "附议", save: "收藏", thread: "私聊" }
+      : { ask: "Probe", love: "Second", save: "Save", thread: "Thread" };
     // Inline chat-bubble SVG · uses currentColor so it inherits the
     // hover lime / base text colour like the ★ glyph does.
     const askIcon = `
@@ -176,6 +176,17 @@
         <path d="M3.5 1.5 H10.5 V12.5 L7 9.5 L3.5 12.5 Z"/>
       </svg>
     `;
+    // Reply curve · matches `_threadTriggerIconSvg` in app.js so the
+    // selection bar's Thread button reads as the same action as the
+    // per-bubble msg-toolbar reply icon. Both surfaces route into
+    // `openThreadWith` — selection bar additionally seeds the
+    // composer with a quote of the selected text.
+    const threadIcon = `
+      <svg viewBox="0 0 14 14" width="13" height="13" fill="none" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+        <path d="M5 10 L2 7 L5 4"/>
+        <path d="M2 7 H10 a2 2 0 0 1 2 2 V11"/>
+      </svg>
+    `;
     cta.innerHTML = `
       <button type="button" class="qcta-btn" data-qcta="ask">
         <span class="ico">${askIcon}</span><span>${t.ask}</span>
@@ -183,6 +194,9 @@
       <button type="button" class="qcta-btn" data-qcta="second">
         <span class="ico">★</span><span>${t.love}</span>
       </button>
+      <button type="button" class="qcta-btn qcta-btn-thread" data-qcta="thread" title="${t.thread}">
+        <span class="ico">${threadIcon}</span><span>${t.thread}</span>
+      </button>
       <button type="button" class="qcta-btn qcta-btn-save" data-qcta="save" title="Save to Notes · S">
         <span class="ico">${saveIcon}</span><span>${t.save}</span>
       </button>
@@ -197,15 +211,18 @@
       if (!btn) return;
       const action = btn.getAttribute("data-qcta");
       // Read-only state (adjourned rooms) blocks Probe / Second since
-      // they post messages to a closed room. Save is exempt — the
-      // user is bookmarking for personal review, not interacting.
-      if (cta.classList.contains("qcta-readonly") && action !== "save") return;
+      // they post messages to the closed parent room. Save and Thread
+      // are exempt — Save is a personal bookmark, and a Thread spawns
+      // its own live 1:1 room (server doesn't gate thread-create on the
+      // parent's status), so review-mode follow-ups stay possible.
+      if (cta.classList.contains("qcta-readonly") && action !== "save" && action !== "thread") return;
       const sel = lastSelection;
       hideCTA();
       if (!sel || !sel.text) return;
       if (action === "ask") openAskOverlay(sel);
       else if (action === "second") submitSecond(sel);
       else if (action === "save") submitSave(sel);
+      else if (action === "thread") openSelectionThread(sel);
     });
     document.body.appendChild(cta);
     return cta;
@@ -434,6 +451,34 @@
     routeSend(body, mentions);
   }
 
+  // ── Selection → private thread ──────────────────────────────
+  // Opens (or restores) a 1:1 thread window with the quoted director
+  // and pre-seeds the thread's composer textarea with the markdown
+  // blockquote of the selected text + a blank line. The user then
+  // types their follow-up question and sends; the director's reply
+  // sees the quote inline as the user's first thread message.
+  // Threads stay private to the user + this one director — the rest
+  // of the room never sees what was selected or discussed below.
+  async function openSelectionThread(sel) {
+    const app = window.app;
+    if (!app || typeof app.openThreadWith !== "function") return;
+    if (!sel.directorId) return;
+    // Stash the selected quote so the thread window mount can find
+    // it AFTER the async POST + DOM build settle. Keyed by director
+    // id so concurrent clicks on different bubbles don't overwrite
+    // each other. Consumed (and cleared) by mountThreadWindow.
+    app._threadPendingQuote = app._threadPendingQuote || {};
+    app._threadPendingQuote[sel.directorId] = {
+      text: sel.text,
+      directorName: sel.directorName || "",
+    };
+    try {
+      await app.openThreadWith(sel.directorId);
+    } catch (e) {
+      try { console.warn("[qcta-thread] open failed:", e); } catch (_) {}
+    }
+  }
+
   // ── Save to Notes ─────────────────────────────────────────────
   // POST /api/notes with quote + sentence-based context + char
   // offsets. No room interaction — this is a personal bookmark.

package/public/report.html

@@ -5041,19 +5041,20 @@
     const intro = typeof parsed.intro === "string" ? parsed.intro.trim() : "";
     const chairSynthesis = typeof parsed.chairSynthesis === "string" ? parsed.chairSynthesis.trim() : "";
 
-    // Resolve director id → display name from the rendered member
-    // list above (the brief renderer attaches `data-director-id` to
-    // each cover-byline author chip; fall back to the id when no
-    // mapping is found).
+    // Resolve director id → display name from the global stash that
+    // `load()` populates from state.members + historicalMembers +
+    // chair. Falls back to scanning `[data-director-id]` chips for
+    // legacy / forward-compat (none currently rendered, but cheap),
+    // and finally to the id itself when nothing matches.
     const directorNameById = (() => {
-      const out = {};
+      const out = Object.assign({}, window.__reportAgentNames || {});
       try {
         const chips = document.querySelectorAll("[data-director-id]");
         chips.forEach((el) => {
           const id = el.getAttribute("data-director-id");
-          if (id && el.textContent) out[id] = el.textContent.trim();
+          if (id && el.textContent && !out[id]) out[id] = el.textContent.trim();
         });
-      } catch (_) { /* during pre-paint, no chips yet — fall through */ }
+      } catch (_) { /* defensive · DOM may not be ready */ }
       return out;
     })();
     const dn = (id) => directorNameById[id] || id || "—";
@@ -6420,6 +6421,25 @@
         const j = await stateRes.json();
         room = j.room;
         members = j.members || [];
+        // Author-id → display-name map · drives `renderViewsCompared`'s
+        // director chips ("Every director on the table", alignment
+        // cards, divergence sides). Earlier the helper scraped
+        // `[data-director-id]` chips off the rendered DOM, but no
+        // chip ever carried that attribute — the lookup always fell
+        // through and the chips printed raw agent ids like
+        // `1khezh9da65g`. Stash a real lookup on window from BOTH
+        // active members and historicalMembers (excused directors
+        // still appear in views-compared if they participated) plus
+        // the chair (occasionally referenced too).
+        const nameMap = {};
+        for (const m of (j.members || [])) {
+          if (m && m.id && m.name) nameMap[m.id] = m.name;
+        }
+        for (const m of (j.historicalMembers || [])) {
+          if (m && m.id && m.name && !nameMap[m.id]) nameMap[m.id] = m.name;
+        }
+        if (j.chair && j.chair.id && j.chair.name) nameMap[j.chair.id] = j.chair.name;
+        window.__reportAgentNames = nameMap;
       } else {
         members = [];
       }

package/public/room-settings.css

@@ -218,7 +218,7 @@ html.is-electron-mac .room-settings-overlay * {
 }
 .rs-config-row-name {
   font-family: var(--font-human);
-  font-size: 13px;
+  font-size: 14px;
   font-weight: 600;
   color: var(--text);
   letter-spacing: -0.005em;
@@ -1096,12 +1096,11 @@ html.is-electron-mac .room-settings-overlay * {
   0%, 100% { opacity: 1; }
   50%      { opacity: 0.4; }
 }
-/* Generate-Report variant · adjourned room with no brief yet. The
-   primary CTA-ness moves to the icon's color tone (lime) — same
-   tactic as the sidebar's `.new-btn.active` lime state. */
-.head-view-report.is-generate {
-  color: var(--lime);
-}
+/* Generate-Report variant · adjourned room with no brief yet. No
+   colour accent — the icon rests at the shared `.head-icon-btn`
+   text-soft tone (lime only on hover, like every other head icon)
+   so it doesn't read as a yellow/gold highlight (`--lime` is the
+   warm gold #C9A46B in the default theme). */
 /* Count chip for multi-brief popover trigger · pinned to the icon's
    top-right corner so the user sees "there's more than one report"
    without taking horizontal space. Mono pill, same micro-tag register
@@ -1133,10 +1132,21 @@ html.is-electron-mac .room-settings-overlay * {
 /* Edit cast · Lucide UserPlus. Sits between the cast avatars and the
    primary state action so the user reads it as a direct affordance on
    the cast strip ("add a member to this group"). Hidden on adjourned
-   rooms (the cast is frozen once the brief is filed). */
+   rooms (the cast is frozen once the brief is filed).
+   The glyph (user silhouette + plus) sits in opposite quadrants of
+   the 24×24 viewBox · at the shared 16×16 mask size the symbol reads
+   visually smaller than dense siblings like `.head-divergence`. Bump
+   the mask + ::before box to 18×18 so it sits at the same perceived
+   weight as the cast avatars (26px) next to it. */
 .head-add-cast {
   --icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/><circle cx='9' cy='7' r='4'/><line x1='19' x2='19' y1='8' y2='14'/><line x1='22' x2='16' y1='11' y2='11'/></svg>");
 }
+.head-add-cast::before {
+  width: 18px;
+  height: 18px;
+  -webkit-mask-size: 18px 18px;
+          mask-size: 18px 18px;
+}
 html[data-status="adjourned"] .head-add-cast { display: none; }
 /* Adjourn · identical glyph to the input-bar's `.ib-adjourn` (Lucide
    log-out: door + arrow exit). The head and input-bar icons share the
@@ -1195,7 +1205,12 @@ html[data-status="adjourned"] .head-add-cast { display: none; }
 .rec-countdown-overlay {
   position: absolute;
   inset: 0;
-  z-index: 10;
+  /* Sit above the live caption · `.rt-subtitle` is z-index: 12 (see
+     index.html line ~9554), so the countdown overlay must be
+     higher or else the subtitle bar punches through "3 / 2 / 1 /
+     READY" and ruins the movie-trailer intro. 30 leaves headroom
+     for any future stage chrome we want to slip between. */
+  z-index: 30;
   display: flex;
   align-items: center;
   justify-content: center;