npm - privateboard - Versions diffs - 0.1.32 → 0.1.37 - Mend

privateboard 0.1.32 → 0.1.37

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (27) hide show

package/dist/boot.js +482 -208
package/dist/boot.js.map +1 -1
package/dist/cli.js +482 -208
package/dist/cli.js.map +1 -1
package/dist/server.js +482 -208
package/dist/server.js.map +1 -1
package/dist/version.d.ts +1 -1
package/dist/version.js +1 -1
package/dist/version.js.map +1 -1
package/package.json +3 -2
package/public/adjourn-overlay.css +8 -0
package/public/agent-profile.css +46 -0
package/public/agent-profile.js +247 -48
package/public/app.js +799 -717
package/public/avatars/chair-blink.svg +1 -0
package/public/home-3d-loader.js +6 -0
package/public/home.html +1 -1
package/public/i18n.js +122 -0
package/public/icons/folded-sidebar.png +0 -0
package/public/index.html +898 -990
package/public/report.html +27 -7
package/public/room-settings.css +18 -0
package/public/themes.css +11 -0
package/public/user-settings.js +37 -20
package/public/voice-3d-banner.js +110 -36
package/public/voice-3d.js +206 -6
package/public/icons/share.png +0 -0

package/dist/version.d.ts CHANGED Viewed

@@ -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.32";
+declare const VERSION = "0.1.37";
 export { VERSION };

package/dist/version.js CHANGED Viewed

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

package/dist/version.js.map CHANGED Viewed

	@@ -1 +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.32\";\n"],"mappings":";;;AAcO,IAAM,UAAU;","names":[]}
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.37\";\n"],"mappings":";;;AAcO,IAAM,UAAU;","names":[]}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "privateboard",
-  "version": "0.1.32",
+  "version": "0.1.37",
   "description": "PrivateBoard · your private board meeting, on call. Local-first, multi-agent thinking amplifier.",
   "type": "module",
   "main": "electron-entry.cjs",
@@ -30,7 +30,8 @@
     "electron:build-ts": "tsup && tsc -p electron/tsconfig.json",
     "electron:build-icon": "node scripts/build-app-icon.mjs",
     "electron:dev": "npm run electron:rebuild && npm run electron:build-ts && electron .",
-    "electron:dist": "electron-builder install-app-deps && npm run electron:build-ts && npm run electron:build-icon && electron-builder --mac --publish always",
+    "electron:dist": "electron-builder install-app-deps && npm run electron:build-ts && npm run electron:build-icon && electron-builder --mac --publish always && npm run release:mac:finalize",
+    "release:mac:finalize": "node scripts/finalize-mac-release.mjs",
     "electron:dist:local": "electron-builder install-app-deps && npm run electron:build-ts && npm run electron:build-icon && electron-builder --mac --publish never",
     "electron:dist:unsigned": "CSC_IDENTITY_AUTO_DISCOVERY=false electron-builder install-app-deps && npm run electron:build-ts && npm run electron:build-icon && CSC_IDENTITY_AUTO_DISCOVERY=false electron-builder --mac --publish never --config.mac.hardenedRuntime=false --config.mac.notarize=false"
   },

package/public/adjourn-overlay.css CHANGED Viewed

@@ -569,6 +569,14 @@
   accent-color: var(--lime);
 }
+/* Custom dropdown popover (spine / house-style) · `_openRenderDropdown`
+   appends it to <body> with class `ap-model-picker adjourn-render-pop`.
+   `.ap-model-picker` defaults to z-index 9100 (agent-profile chrome),
+   but the adjourn / supplement modals sit at 9400 / 9500 — without
+   this lift, the popover renders BEHIND the modal and the user sees
+   the trigger open but no menu content. Pinned above both modals. */
+.ap-model-picker.adjourn-render-pop { z-index: 9900; }
 /* Narrow viewport · summary rows tighten. The modal width itself
    already collapses gracefully below ~592px via the
    `min(560px, calc(100vw - 32px))` rule on .adjourn-modal. */

package/public/agent-profile.css CHANGED Viewed

@@ -2507,6 +2507,52 @@
 .ap-model-picker-loading .ap-loading-dots i:nth-child(2) { animation-delay: 0.15s; }
 .ap-model-picker-loading .ap-loading-dots i:nth-child(3) { animation-delay: 0.30s; }
+/* Upstream-error banner inside the voice picker · fires when the
+   catalogue fetch failed in an actionable way (missing scope on
+   the API key, auth rejected, etc.). Sits at the top of the
+   popover above any voice rows; the `fixUrl` CTA opens the
+   provider's API key settings page in a new tab. */
+.ap-voice-picker-err {
+  padding: 14px 14px 12px;
+  border-bottom: 1px solid var(--line-bright);
+  font-family: var(--sans);
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+.ap-voice-picker-err-title {
+  font-size: 12px;
+  font-weight: 600;
+  color: var(--text);
+  letter-spacing: -0.005em;
+}
+.ap-voice-picker-err-body {
+  font-size: 11px;
+  color: var(--text-soft);
+  line-height: 1.45;
+}
+.ap-voice-picker-err-upstream {
+  font-family: var(--mono);
+  font-size: 10px;
+  color: var(--text-dim);
+  letter-spacing: 0;
+  line-height: 1.4;
+  margin-top: 2px;
+  /* Long upstream messages (200 char cap) wrap rather than overflow. */
+  word-break: break-word;
+}
+.ap-voice-picker-err-cta {
+  margin-top: 4px;
+  font-family: var(--mono);
+  font-size: 11px;
+  text-transform: uppercase;
+  letter-spacing: 0.10em;
+  color: var(--lime);
+  text-decoration: none;
+  align-self: flex-start;
+}
+.ap-voice-picker-err-cta:hover { color: var(--text); }
 /* Provider section header · matches .cmp-dd-group · mono / faint /
    uppercase, hairline divider above (suppressed on the first one). */
 .ap-model-group {

package/public/agent-profile.js CHANGED Viewed

@@ -2895,17 +2895,109 @@
   /** API emotion slugs mirrored in PATCH body `voice.emotion`. */
   const VOICE_EMOTION_VALUES = ["", "happy", "sad", "angry", "fearful", "disgusted", "surprised", "calm", "fluent"];
-  let voiceOptionsCache = null;
-  async function ensureVoiceOptions() {
-    if (voiceOptionsCache) return voiceOptionsCache;
-    try {
-      const r = await fetch("/api/voices");
-      const j = r.ok ? await r.json() : {};
-      voiceOptionsCache = Array.isArray(j.voices) ? j.voices : [];
-    } catch {
-      voiceOptionsCache = [];
+  /** Voice-picker pager state · drives infinite-scroll loading inside
+   *  the dropdown. ElevenLabs accounts can carry hundreds of voices
+   *  and MiniMax has dozens; rendering them all at once was visibly
+   *  slow on first picker open. Now we fetch one page at a time and
+   *  append on scroll-to-bottom. State persists across picker
+   *  opens/closes within a session · `invalidateVoicePager()` resets
+   *  it on key changes (called from `refreshAgentProfileSkills`). */
+  let voicePagerState = null;
+  function invalidateVoicePager() {
+    voicePagerState = null;
+    // Drop the in-flight reference too · the old fetch is still running
+    // but it'll write into the (now orphaned) old state object and the
+    // result is silently discarded. Clearing the reference lets the
+    // next caller start a fresh fetch against the new state instead of
+    // awaiting a promise that will populate the wrong object.
+    voicePageInFlight = null;
+  }
+  function getVoicePagerState() {
+    if (!voicePagerState) {
+      voicePagerState = {
+        voices: [],
+        cursor: null,
+        hasMore: true,
+        loading: false,
+        initialised: false,
+        provider: null,
+        configured: false,
+        // Structured upstream error from the catalogue fetch · null
+        // on success / before first call. When present, the picker
+        // renders a banner with the title/body keys and an optional
+        // CTA link instead of (or above) the voice rows.
+        error: null,
+      };
     }
-    return voiceOptionsCache;
+    return voicePagerState;
+  }
+  /** Fetch the next page of voices and append to the pager. Idempotent
+   *  · concurrent callers SHARE the in-flight promise so the second
+   *  call resolves with the same result instead of short-circuiting
+   *  to `false`. That sharing was the missing piece: previously the
+   *  prefetch fired by `renderVoiceBlock` could be in-flight when the
+   *  user clicked the picker; the second `fetchNextVoicePage` saw
+   *  `state.loading` and returned immediately, so the picker rendered
+   *  an empty list with a loading sentinel and never refreshed once
+   *  the prefetch landed. Returns true when new voices were appended. */
+  let voicePageInFlight = null;
+  async function fetchNextVoicePage(pageSize) {
+    if (voicePageInFlight) return voicePageInFlight;
+    const state = getVoicePagerState();
+    if (state.initialised && !state.hasMore) return false;
+    state.loading = true;
+    voicePageInFlight = (async () => {
+      try {
+        const url = new URL("/api/voices", window.location.origin);
+        url.searchParams.set("pageSize", String(pageSize || 30));
+        if (state.cursor) url.searchParams.set("cursor", state.cursor);
+        const r = await fetch(url.toString());
+        const j = r.ok ? await r.json() : {};
+        const newVoices = Array.isArray(j.voices) ? j.voices : [];
+        // De-dupe by (provider | model | voiceId) in case the cursor
+        // round-trip races with a key swap that triggered a reset
+        // mid-fetch. Without this a re-emitted first page would land
+        // on top of an already-rendered first page.
+        const seen = new Set(
+          state.voices.map((v) => `${v.provider}|${v.model || ""}|${v.voiceId || ""}`),
+        );
+        for (const v of newVoices) {
+          const id = `${v.provider}|${v.model || ""}|${v.voiceId || ""}`;
+          if (!seen.has(id)) {
+            state.voices.push(v);
+            seen.add(id);
+          }
+        }
+        state.cursor = typeof j.nextCursor === "string" ? j.nextCursor : null;
+        state.hasMore = !!j.hasMore;
+        state.provider = typeof j.provider === "string" ? j.provider : null;
+        state.configured = !!j.configured;
+        // Structured upstream error · forwarded as-is from the server.
+        // null / undefined means the fetch succeeded (even if 0 voices
+        // returned · empty + no error is a real "you have no voices"
+        // state, distinct from "fetch failed").
+        state.error = (j.error && typeof j.error === "object") ? j.error : null;
+        state.initialised = true;
+        return newVoices.length > 0;
+      } catch {
+        state.hasMore = false;
+        state.initialised = true;
+        return false;
+      } finally {
+        state.loading = false;
+        voicePageInFlight = null;
+      }
+    })();
+    return voicePageInFlight;
+  }
+  /** Convenience · matches the old `ensureVoiceOptions()` shape so
+   *  the renderVoiceBlock prefetch can stay a single-line call. Just
+   *  primes the first page. */
+  async function ensureVoiceOptions() {
+    const state = getVoicePagerState();
+    if (state.initialised) return state.voices;
+    await fetchNextVoicePage(30);
+    return state.voices;
   }
   function voiceForAgent(slug) {
     const live = window.app && window.app.agentsById ? window.app.agentsById[slug] : null;
@@ -3073,26 +3165,119 @@
     }
   }
+  /** Build the upstream-error banner shown inside the voice picker
+   *  when the catalogue fetch failed in an actionable way (e.g. the
+   *  ElevenLabs API key is missing the `voices_read` scope). Returns
+   *  empty string when there's no error · callers can skip the
+   *  banner. Includes a CTA link to the provider's settings page
+   *  when the structured error carries a `fixUrl`. */
+  function voicePickerErrorHtml(error) {
+    if (!error || typeof error !== "object" || typeof error.code !== "string") return "";
+    // i18n keys per error code · falls back to the generic
+    // fetch-failed copy when an unknown code lands so a future
+    // server-side addition still renders something sensible.
+    const titleKey = `ap_voice_err_${error.code}_title`;
+    const bodyKey = `ap_voice_err_${error.code}_body`;
+    const title = uiT(titleKey) === titleKey ? uiT("ap_voice_err_fetch_failed_title") : uiT(titleKey);
+    const body = uiT(bodyKey) === bodyKey ? uiT("ap_voice_err_fetch_failed_body") : uiT(bodyKey);
+    const upstream = typeof error.message === "string" && error.message.trim()
+      ? error.message.trim().slice(0, 200)
+      : "";
+    const cta = typeof error.fixUrl === "string" && error.fixUrl.startsWith("https://")
+      ? `<a href="${escape(error.fixUrl)}" target="_blank" rel="noopener" class="ap-voice-picker-err-cta">${escape(uiT("ap_voice_err_fix_cta"))}</a>`
+      : "";
+    return `
+      <div class="ap-voice-picker-err" role="alert">
+        <div class="ap-voice-picker-err-title">${escape(title)}</div>
+        <div class="ap-voice-picker-err-body">${escape(body)}</div>
+        ${upstream ? `<div class="ap-voice-picker-err-upstream">${escape(upstream)}</div>` : ""}
+        ${cta}
+      </div>`;
+  }
+  /** Render the picker's body from the current pager state · used by
+   *  both the initial open and every infinite-scroll append. Idempotent
+   *  rebuild (full innerHTML rewrite) so we don't have to track which
+   *  rows we've already mounted; the popover is small enough that
+   *  repaint cost is negligible compared to a scroll-position-preserving
+   *  partial update. Returns the trailing sentinel element (loading
+   *  indicator or end marker) so the scroll handler can keep its
+   *  reference stable across repaints. */
+  function renderVoicePickerBody(pop, slug) {
+    const state = getVoicePagerState();
+    const current = voiceForAgent(slug);
+    const voices = state.voices;
+    if (voices.length === 0 && state.initialised) {
+      // Structured upstream error · most common case is the
+      // ElevenLabs `voices_read` permission being missing on the API
+      // key. Render a clear banner with the fix CTA instead of the
+      // generic "no provider configured" fallback so the user knows
+      // exactly what to do.
+      const errHtml = voicePickerErrorHtml(state.error);
+      if (errHtml) {
+        pop.innerHTML = errHtml;
+        return;
+      }
+      pop.innerHTML = `<div class="ap-model-group">${escape(uiT("ap_voice_no_provider"))}</div>`;
+      return;
+    }
+    const groups = [];
+    // Error banner above the voice rows · fires when the catalogue
+    // fetch errored but the picker still has at least one fallback
+    // voice (e.g. browser default) so we don't take over the whole
+    // popover. Same treatment as the empty-state error.
+    const errBannerHtml = voicePickerErrorHtml(state.error);
+    if (errBannerHtml) groups.push(errBannerHtml);
+    let last = null;
+    for (const v of voices) {
+      const provider = String(v.provider || "browser");
+      if (provider !== last) {
+        groups.push(`<div class="ap-model-group">${escape(provider)}</div>`);
+        last = provider;
+      }
+      const id = [provider, v.model || "", v.voiceId || ""].join("|");
+      const active = current && current.provider === provider && current.model === v.model && current.voiceId === v.voiceId;
+      groups.push(`
+        <button type="button" class="ap-model-opt${active ? " active" : ""}" data-ap-voice-pick="${escape(id)}">
+          <span class="ap-model-opt-label">${escape(v.label || v.voiceId || uiT("ap_voice_fallback_voice"))}</span>
+          <span class="ap-model-opt-hint">${escape((v.model || "") + (v.language ? " · " + v.language : ""))}</span>
+        </button>
+      `);
+    }
+    // Trailing sentinel · either a "loading more" pulse (when we're
+    // mid-fetch or there's known-more to load and the user just
+    // scrolled into range) or nothing when the catalogue is fully
+    // loaded. The scroll handler reads `data-voice-pager-sentinel`
+    // to decide whether to trigger another fetch.
+    if (state.hasMore) {
+      groups.push(`
+        <div class="ap-model-picker-loading" data-voice-pager-sentinel="loading">
+          <span class="ap-loading-dots" aria-hidden="true"><i></i><i></i><i></i></span>
+          <span>${escape(uiT("ap_voice_loading"))}</span>
+        </div>`);
+    }
+    pop.innerHTML = groups.join("");
+  }
   async function openVoicePicker(triggerEl) {
     closeVoicePicker();
     closeEmotionPicker();
     const row = triggerEl.closest("[data-ap-voice-row]");
     const slug = row?.getAttribute("data-slug");
     if (!slug) return;
-    const current = voiceForAgent(slug);
     // Mount the popover shell IMMEDIATELY · the user gets visual
-    // confirmation of their click in the same frame. If the cache
-    // is cold, the skeleton holds the place while /api/voices
-    // round-trips; once it lands we swap content in. Without this,
-    // a cold cache produced "click → nothing → eventually picker"
+    // confirmation of their click in the same frame. If the pager is
+    // cold, the skeleton holds the place while /api/voices?pageSize=N
+    // round-trips; once it lands we render the rows in. Without this,
+    // a cold pager produced "click → nothing → eventually picker"
     // which felt unresponsive on the first open of every session.
     const pop = document.createElement("div");
     pop.id = "ap-voice-picker";
     pop.className = "ap-model-picker";
     pop.dataset.slug = slug;
-    // Loading row · animated dot trio + label. Visible feedback so
-    // users don't read a static "loading" line as a frozen popover.
     pop.innerHTML = `
       <div class="ap-model-picker-loading">
         <span class="ap-loading-dots" aria-hidden="true"><i></i><i></i><i></i></span>
@@ -3101,33 +3286,41 @@
     document.body.appendChild(pop);
     placePickerNearTrigger(pop, triggerEl, 280);
-    const voices = await ensureVoiceOptions();
+    // Prime the pager if cold. Returning state is cached across
+    // re-opens within the session so a user who pages, closes, then
+    // reopens the picker sees the same rendered list instantly.
+    if (!getVoicePagerState().initialised) {
+      await fetchNextVoicePage(30);
+    }
     // The user (or a sibling open) may have closed this picker
     // during the await · don't write into a detached node.
     if (!document.body.contains(pop)) return;
-    if (voices.length === 0) {
-      pop.innerHTML = `<div class="ap-model-group">${escape(uiT("ap_voice_no_provider"))}</div>`;
-      return;
-    }
-    const groups = [];
-    let last = null;
-    for (const v of voices) {
-      const provider = String(v.provider || "browser");
-      if (provider !== last) {
-        groups.push(`<div class="ap-model-group">${escape(provider)}</div>`);
-        last = provider;
-      }
-      const id = [provider, v.model || "", v.voiceId || ""].join("|");
-      const active = current && current.provider === provider && current.model === v.model && current.voiceId === v.voiceId;
-      groups.push(`
-        <button type="button" class="ap-model-opt${active ? " active" : ""}" data-ap-voice-pick="${escape(id)}">
-          <span class="ap-model-opt-label">${escape(v.label || v.voiceId || uiT("ap_voice_fallback_voice"))}</span>
-          <span class="ap-model-opt-hint">${escape((v.model || "") + (v.language ? " · " + v.language : ""))}</span>
-        </button>
-      `);
-    }
-    pop.innerHTML = groups.join("");
+    renderVoicePickerBody(pop, slug);
+    // Infinite-scroll · when the user scrolls within 80 px of the
+    // bottom AND there's more to fetch AND nothing's in flight, load
+    // the next page. 80 px is one row height plus padding; firing
+    // before the sentinel hits the fold means the next page is
+    // landing while the user is still reading the current bottom row.
+    pop.addEventListener("scroll", async () => {
+      const state = getVoicePagerState();
+      if (state.loading || !state.hasMore) return;
+      const distanceFromBottom = pop.scrollHeight - pop.scrollTop - pop.clientHeight;
+      if (distanceFromBottom > 80) return;
+      const grew = await fetchNextVoicePage(30);
+      // Re-render only after a successful fetch · a fetch that
+      // returned no new rows (network error, race) shouldn't
+      // discard the existing list. The detached-node guard means a
+      // user who closed the picker mid-fetch sees no surprise repaint.
+      if (!grew) return;
+      if (!document.body.contains(pop)) return;
+      // Preserve scroll position across the innerHTML rewrite so the
+      // user's reading flow isn't yanked to the top.
+      const savedScroll = pop.scrollTop;
+      renderVoicePickerBody(pop, slug);
+      pop.scrollTop = savedScroll;
+    }, { passive: true });
   }
   function closeVoicePicker() {
     const el = document.getElementById("ap-voice-picker");
@@ -3214,6 +3407,12 @@
         method: "POST",
         headers: { "content-type": "application/json" },
         body: JSON.stringify({
+          // Localised sample line · the server falls back to a
+          // hardcoded Chinese default when `text` is omitted, which
+          // surfaced in English / Japanese / Spanish locales as a
+          // Chinese phrase being read out of the voice. Sending the
+          // i18n key value matches the user's active UI locale.
+          text: uiT("ap_voice_preview_sample"),
           provider: v.provider,
           model: v.model,
           voiceId: v.voiceId,
@@ -4993,14 +5192,14 @@
   window.refreshAgentProfileSkills = function () {
     // Voices list is keyed off the user's configured providers · when
     // keys change (added / deleted / swapped between minimax ↔
-    // elevenlabs), the cached `/api/voices` payload is stale and the
-    // picker would still show the prior provider's voices until a hard
-    // refresh. Invalidate here so the next ensureVoiceOptions()
-    // re-fetches; also closes any open picker that's painting from
-    // the stale cache so the user doesn't see the wrong list flash
-    // before it reopens. This function is the canonical "keys may
-    // have changed" hook called by user-settings on modal close.
-    voiceOptionsCache = null;
+    // elevenlabs), the cached pager state is stale and the picker
+    // would still show the prior provider's voices until a hard
+    // refresh. Invalidate here so the next openVoicePicker() refetches
+    // the first page; also closes any open picker that's painting
+    // from the stale cache so the user doesn't see the wrong list
+    // flash before it reopens. This function is the canonical "keys
+    // may have changed" hook called by user-settings on modal close.
+    invalidateVoicePager();
     closeVoicePicker();
     closeEmotionPicker();
     if (!currentlyOpenSlug) return;