privateboard 0.1.29 → 0.1.32

package/dist/version.d.ts

@@ -12,6 +12,6 @@
  * number ends up surfaced in the user-facing footer or banner. Keep
  * this file as the canonical source — every callsite reads from here.
  */
-declare const VERSION = "0.1.29";
+declare const VERSION = "0.1.32";
 
 export { VERSION };

package/dist/version.js

@@ -1,7 +1,7 @@
 #!/usr/bin/env node
 
 // src/version.ts
-var VERSION = "0.1.29";
+var VERSION = "0.1.32";
 export {
   VERSION
 };

package/dist/version.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/version.ts"],"sourcesContent":["/**\n * Single source of truth for the app version.\n *\n * Imported by `cli.ts` (CLI banner / `--version`), `server.ts` (the\n * `/health` payload + the `/api/version` endpoint), and bundled into\n * the frontend via the version endpoint. Bump alongside `package.json`\n * on every release — the existing `npm version <patch|minor|major>`\n * + commit pattern updates package.json automatically; this file\n * needs the matching manual bump.\n *\n * If two strings drift (bumped one but not the other), the wrong\n * number ends up surfaced in the user-facing footer or banner. Keep\n * this file as the canonical source — every callsite reads from here.\n */\nexport const VERSION = \"0.1.29\";\n"],"mappings":";;;AAcO,IAAM,UAAU;","names":[]}
+{"version":3,"sources":["../src/version.ts"],"sourcesContent":["/**\n * Single source of truth for the app version.\n *\n * Imported by `cli.ts` (CLI banner / `--version`), `server.ts` (the\n * `/health` payload + the `/api/version` endpoint), and bundled into\n * the frontend via the version endpoint. Bump alongside `package.json`\n * on every release — the existing `npm version <patch|minor|major>`\n * + commit pattern updates package.json automatically; this file\n * needs the matching manual bump.\n *\n * If two strings drift (bumped one but not the other), the wrong\n * number ends up surfaced in the user-facing footer or banner. Keep\n * this file as the canonical source — every callsite reads from here.\n */\nexport const VERSION = \"0.1.32\";\n"],"mappings":";;;AAcO,IAAM,UAAU;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "privateboard",
-  "version": "0.1.29",
+  "version": "0.1.32",
   "description": "PrivateBoard · your private board meeting, on call. Local-first, multi-agent thinking amplifier.",
   "type": "module",
   "main": "electron-entry.cjs",
@@ -57,6 +57,7 @@
     "commander": "^12.1.0",
     "electron-updater": "^6.8.3",
     "hono": "^4.6.14",
+    "mp4-muxer": "^5.2.2",
     "open": "^10.1.0",
     "three": "^0.184.0",
     "tiny-pinyin": "^1.3.2",

package/public/adjourn-overlay.css

@@ -469,14 +469,75 @@
   text-transform: uppercase;
   color: var(--text-soft, rgba(255, 255, 255, 0.55));
 }
+/* Spine + house-style dropdowns · unified visual register that
+   matches the rest of the app's custom-dropdown vocabulary
+   (`.ap-model-trigger` in agent-profile, the `us-models-default`
+   row in user-settings). The wrapper provides the ▾ caret on the
+   right and a consistent dark surface; the native <select>
+   inside is `appearance: none` and inherits its frame from the
+   wrapper. Both spine and house-style dropdowns render
+   identically when closed — when open, the native option menu
+   takes over (browser-level chrome we can't easily restyle), but
+   the closed-state register matches everything else. */
+.adjourn-render-select-wrap {
+  position: relative;
+  display: flex;
+  align-items: stretch;
+  width: 100%;
+  background: var(--bg);
+  border: 0.5px solid var(--line-bright, rgba(255, 255, 255, 0.18));
+  transition: border-color 0.12s, background 0.12s;
+}
+.adjourn-render-select-wrap:hover {
+  background: var(--panel);
+  border-color: var(--line-strong, rgba(255, 255, 255, 0.32));
+}
+.adjourn-render-select-wrap:focus-within {
+  border-color: var(--lime);
+}
+/* ▾ caret · same glyph + colour token as `.us-models-default-wrap`
+   so the visual matches across the app. `pointer-events: none`
+   lets clicks fall through to the <select> behind it. */
+.adjourn-render-select-wrap::after {
+  content: "▾";
+  position: absolute;
+  right: 10px;
+  top: 50%;
+  transform: translateY(-50%);
+  color: var(--text-faint);
+  font-size: 10px;
+  line-height: 1;
+  pointer-events: none;
+}
 .adjourn-render-select {
+  appearance: none;
+  -webkit-appearance: none;
+  -moz-appearance: none;
   width: 100%;
-  font-family: var(--mono);
+  font-family: var(--mono, "Inter", system-ui, sans-serif);
   font-size: 11px;
-  padding: 6px 8px;
+  font-weight: 600;
+  letter-spacing: 0.02em;
+  /* Right padding leaves room for the wrapper's ▾ caret. */
+  padding: 7px 26px 7px 10px;
   background: transparent;
   color: var(--text);
-  border: 1px solid var(--line-strong, rgba(255, 255, 255, 0.2));
+  border: 0;
+  outline: none;
+  cursor: pointer;
+}
+.adjourn-render-select::-ms-expand { display: none; }
+/* Option styling · most browsers ignore most rules here (the open
+   menu is OS-rendered), but Firefox + Safari respect a few — set
+   what we can so the menu reads as panel-surface dark when the
+   browser permits it. */
+.adjourn-render-select option {
+  background: var(--panel);
+  color: var(--text);
+}
+.adjourn-render-select option:checked {
+  background: var(--panel-2);
+  color: var(--lime);
 }
 .adjourn-render-hint {
   font-size: 11px;

package/public/agent-profile.css

@@ -1794,6 +1794,7 @@
 /* Intel · bio prose. The .ap-intel-view variant matches body but
    rendered inside the .ap-intel container so the edit toggle can swap
    it with a textarea (mirrors the Instruction edit pattern). */
+.ap-intel { display: flex; flex-direction: column; gap: 0; }
 .ap-intel-view,
 .ap-intel-body {
   font-family: var(--font-human);
@@ -1802,6 +1803,55 @@
   color: var(--text);
   letter-spacing: -0.003em;
 }
+/* Collapsed default · 3 lines of body copy (14px × 1.55 line-height
+   ≈ 22 px/line → 68 px). JS adds an .overflowing class on the
+   parent when scrollHeight exceeds this, which reveals the fade
+   gradient and the show-more toggle. */
+.ap-intel-view {
+  position: relative;
+  max-height: 68px;
+  overflow: hidden;
+  transition: max-height 0.22s ease;
+}
+.ap-intel-view.expanded {
+  max-height: none;
+}
+/* Fade-out gradient at the bottom edge while collapsed — fades to
+   the parent .ap-block panel colour so the cut reads as "more
+   below" rather than a sharp line. */
+.ap-intel-view::after {
+  content: "";
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  height: 28px;
+  pointer-events: none;
+  opacity: 0;
+  transition: opacity 0.15s ease;
+  background: linear-gradient(to bottom, transparent, var(--panel-2));
+}
+.ap-intel.overflowing .ap-intel-view:not(.expanded)::after { opacity: 1; }
+/* Toggle button · hidden unless content actually overflows. Same
+   mono-uppercase look as `.ap-instr-toggle` for visual consistency. */
+.ap-intel-toggle {
+  display: none;
+  align-self: flex-start;
+  margin-top: 10px;
+  font-family: var(--mono);
+  font-size: 10px;
+  font-weight: 700;
+  letter-spacing: 0.14em;
+  text-transform: uppercase;
+  padding: 5px 10px;
+  background: transparent;
+  border: 0.5px solid var(--line-bright);
+  color: var(--text-soft);
+  cursor: pointer;
+  transition: border-color 0.1s, color 0.1s;
+}
+.ap-intel-toggle:hover { border-color: var(--text-soft); color: var(--text); }
+.ap-intel.overflowing .ap-intel-toggle { display: inline-block; }
 
 /* Skills · 4 progress bars */
 .ap-skill-rows { display: flex; flex-direction: column; gap: 9px; }

package/public/agent-profile.js

@@ -929,13 +929,56 @@
   function repaintIntel(slug, p) {
     const block = document.querySelector(`[data-ap-intel][data-slug="${slug}"]`);
     if (!block) return;
+    block.classList.remove("overflowing");
     const bio = bioFor(slug, p);
     block.innerHTML = `
       <div class="ap-intel-view" data-ap-intel-view>${
         escape(bio) || `<span class="ap-empty">${escape(uiT("ap_intel_empty"))}</span>`
       }</div>
+      <button type="button" class="ap-intel-toggle" data-ap-intel-toggle aria-expanded="false">${escape(uiT("ap_show_more"))}</button>
     `;
+    evaluateIntelOverflow(slug);
+  }
+
+  /** After rendering, measure whether the intel view exceeds its
+   *  collapsed 3-line max-height. If so, mark the block as
+   *  overflowing — that reveals the toggle button + fade gradient
+   *  via CSS. Mirrors `evaluateInstructionOverflow` but with the
+   *  3-line cap defined in `.ap-intel-view` CSS. Re-evaluated on
+   *  every repaint and again on window resize (the rendered width
+   *  changes, so the wrapped line count can change too). */
+  function evaluateIntelOverflow(slug) {
+    const block = document.querySelector(`[data-ap-intel][data-slug="${slug}"]`);
+    if (!block) return;
+    const view = block.querySelector("[data-ap-intel-view]");
+    const toggle = block.querySelector("[data-ap-intel-toggle]");
+    if (!view || !toggle) return;
+    // Reset to collapsed default before measuring — prevents stale
+    // 'expanded' state from a prior interaction shadowing the check.
+    view.classList.remove("expanded");
+    toggle.setAttribute("aria-expanded", "false");
+    toggle.textContent = uiT("ap_show_more");
+    if (view.scrollHeight - view.clientHeight > 4) {
+      block.classList.add("overflowing");
+    } else {
+      block.classList.remove("overflowing");
+    }
   }
+  // Re-evaluate every visible intel block when the layout reflows
+  // (sidebar resize, window resize). Debounced so resize storms
+  // don't trip us — one tick after the resize ends. Same pattern
+  // as the Instruction resize listener directly below the
+  // `evaluateInstructionOverflow` definition.
+  let _intelResizeTimer = null;
+  window.addEventListener("resize", () => {
+    if (_intelResizeTimer) clearTimeout(_intelResizeTimer);
+    _intelResizeTimer = setTimeout(() => {
+      document.querySelectorAll("[data-ap-intel]").forEach((b) => {
+        const slug = b.getAttribute("data-slug");
+        if (slug) evaluateIntelOverflow(slug);
+      });
+    }, 80);
+  });
 
   function openIntelEditor(slug, p) {
     const block = document.querySelector(`[data-ap-intel][data-slug="${slug}"]`);
@@ -3358,6 +3401,7 @@
               </header>
               <div class="ap-intel" data-ap-intel data-slug="${escape(slug)}">
                 <div class="ap-intel-view" data-ap-intel-view>${escape(bioBody) || `<span class="ap-empty">${escape(uiT("ap_intel_empty"))}</span>`}</div>
+                <button type="button" class="ap-intel-toggle" data-ap-intel-toggle aria-expanded="false">${escape(uiT("ap_show_more"))}</button>
               </div>
             </section>
 
@@ -3611,6 +3655,8 @@
     // Detect whether the instruction prose exceeds the collapsed cap.
     // Has to run AFTER innerHTML mounts (so layout/wrapping is real).
     evaluateInstructionOverflow(slug);
+    // Same overflow detection for the Intel bio (3-line clamp).
+    evaluateIntelOverflow(slug);
     // Lazy-load Track Record counters (rooms / rounds / tokens). Runs
     // off the main paint thread; placeholders ("—") show until the
     // fetch resolves so the layout never reflows.
@@ -4559,6 +4605,22 @@
         instrToggle.textContent = expanded ? uiT("ap_show_less") : uiT("ap_show_more");
         return;
       }
+      // Intel · same show-more / show-less pattern as Instruction.
+      // CSS clamps `.ap-intel-view` to a 3-line max-height by default;
+      // the .expanded class lifts the cap. Toggle button visibility
+      // is gated by `.ap-intel.overflowing` (set in
+      // evaluateIntelOverflow).
+      const intelToggle = e.target.closest("[data-ap-intel-toggle]");
+      if (intelToggle) {
+        e.preventDefault();
+        const block = intelToggle.closest("[data-ap-intel]");
+        const view = block?.querySelector("[data-ap-intel-view]");
+        if (!view) return;
+        const expanded = view.classList.toggle("expanded");
+        intelToggle.setAttribute("aria-expanded", String(expanded));
+        intelToggle.textContent = expanded ? uiT("ap_show_less") : uiT("ap_show_more");
+        return;
+      }
 
       // Rules · add a new empty row, then focus its input.
       const addRuleBtn = e.target.closest("[data-ap-rule-add]");