v3.10.4: defensive self-DM PiP open fix + sync docs

Author: ancsemi

CHANGELOG.md

@@ -13,6 +13,14 @@ Format follows [Keep a Changelog](https://keepachangelog.com/). Haven uses [Sema
 
 ---
 
+## [3.10.4] — 2026-04-27
+
+### Fixed
+- **Self-DM ("Notes to self") sometimes wouldn't open the picture-in-picture panel** — reported by SerChiz. The PiP would show a loading state forever (or appear not to open at all) in specific edge cases: when the same DM was already the user's active main channel, when the local end-to-end key cache was missing the user's own key for self-DMs, or when the partner key fetch silently stalled. The PiP now (a) renders message history regardless of which channel is currently focused, (b) seeds the partner key for self-DMs from the local E2E key directly without a server round-trip, and (c) replaces the "Loading…" placeholder with a friendly fallback after 6 seconds so the panel never appears stuck.
+- **DM picture-in-picture didn't actively clear unread for the DM open in the panel** — new messages arriving for the active PiP DM now mark the DM as read (and clear its unread badge) instead of bumping the unread count, so the badge no longer sticks while you're already reading the conversation.
+
+---
+
 ## [3.10.3] — 2026-04-27
 
 ### Added

docs/index.html

@@ -1415,12 +1415,12 @@ <h2>Download Haven</h2>
       </div>
 
       <div class="download-card fade-in">
-        <h2>&#x2B21; Haven Server &mdash; v3.10.3</h2>
+        <h2>&#x2B21; Haven Server &mdash; v3.10.4</h2>
         <p class="download-version">Latest stable release &middot; Windows, macOS &amp; Linux &middot; ~5 MB</p>
 
         <div class="download-btn-group">
-          <a href="https://github.com/ancsemi/Haven/archive/refs/tags/v3.10.3.zip" class="btn btn-primary download-main">
-            <span class="icon">&#x2B07;</span> Download v3.10.3 (.zip)
+          <a href="https://github.com/ancsemi/Haven/archive/refs/tags/v3.10.4.zip" class="btn btn-primary download-main">
+            <span class="icon">&#x2B07;</span> Download v3.10.4 (.zip)
           </a>
           <div class="download-alt-links">
             <a href="https://github.com/ancsemi/Haven" target="_blank">&#9965; View on GitHub</a>
@@ -1437,7 +1437,11 @@ <h2>&#x2B21; Haven Server &mdash; v3.10.3</h2>
           <div class="version-list">
             <div class="version-list-inner">
               <div class="version-item">
-                <div><span class="v-name">v3.10.3</span><span class="v-tag latest">Latest</span> &mdash; #channel autocomplete, DM PiP z-index fix, voice highlight regressions</div>
+                <div><span class="v-name">v3.10.4</span><span class="v-tag latest">Latest</span> &mdash; Self-DM PiP open fix, DM PiP unread auto-clear</div>
+                <a href="https://github.com/ancsemi/Haven/archive/refs/tags/v3.10.4.zip">Download &rarr;</a>
+              </div>
+              <div class="version-item">
+                <div><span class="v-name">v3.10.3</span> &mdash; #channel autocomplete, DM PiP z-index fix, voice highlight regressions</div>
                 <a href="https://github.com/ancsemi/Haven/archive/refs/tags/v3.10.3.zip">Download &rarr;</a>
               </div>
               <div class="version-item">

package.json

@@ -1,6 +1,6 @@
 {
   "name": "haven",
-  "version": "3.10.3",
+  "version": "3.10.4",
   "description": "Haven — self-hosted private chat for your server, your rules",
   "license": "AGPL-3.0",
   "main": "server.js",

public/js/modules/app-socket.js

@@ -398,18 +398,22 @@ _setupSocketListeners() {
   });
 
   this.socket.on('message-history', async (data) => {
-    // DM PiP: if this history is for the active PiP DM, render it there
-    // (and ignore the non-current-channel guard).
-    if (this._activeDMPip && data.channelCode === this._activeDMPip
-        && data.channelCode !== this.currentChannel) {
+    // DM PiP: if this history is for the active PiP DM, render it there.
+    // We render the PiP regardless of currentChannel so the loading
+    // placeholder always clears even when the same DM is also the active
+    // main channel (e.g. user opened the DM in fullscreen previously,
+    // then opened the PiP — issue: SerChiz v3.10.3).
+    if (this._activeDMPip && data.channelCode === this._activeDMPip) {
       // E2E: ensure partner key is fetched before decrypting (self-DMs included)
       const pipCh = this.channels.find(c => c.code === data.channelCode);
       if (pipCh && pipCh.is_dm && pipCh.dm_target && !this._dmPublicKeys[pipCh.dm_target.id]) {
         await this._fetchDMPartnerKey(pipCh);
       }
       await this._decryptMessages(data.messages, data.channelCode);
       this._renderDMPiPHistory?.(data.messages);
-      return;
+      // If the PiP DM isn't ALSO the current channel, we're done.
+      if (data.channelCode !== this.currentChannel) return;
+      // Otherwise fall through so the main pane renders too.
     }
     if (data.channelCode !== this.currentChannel) return;
     // E2E: decrypt DM messages before rendering

public/js/modules/app-utilities.js

@@ -1833,11 +1833,29 @@ _openDMPiP(code) {
   // Clear messages and request fresh
   const msgsEl = document.getElementById('dm-pip-messages');
   if (msgsEl) msgsEl.innerHTML = '<div class="dm-pip-loading">Loading…</div>';
-  // E2E: ensure partner key is loaded before history arrives so messages decrypt
+  // E2E: ensure partner key is loaded before history arrives so messages decrypt.
+  // For self-DMs the "partner" is the user themselves, so seed our own public
+  // key directly instead of round-tripping through the server. Avoids any
+  // chance of the loading state lingering when the server's get-public-key
+  // for our own id returns null/empty (issue: SerChiz v3.10.3).
   if (ch.dm_target && this._dmPublicKeys && !this._dmPublicKeys[ch.dm_target.id]) {
-    try { this._fetchDMPartnerKey?.(ch); } catch {}
+    if (ch.is_self_dm && this.e2e && this.e2e.publicKeyJwk) {
+      this._dmPublicKeys[ch.dm_target.id] = this.e2e.publicKeyJwk;
+    } else {
+      try { this._fetchDMPartnerKey?.(ch); } catch {}
+    }
   }
   this.socket.emit('get-messages', { code });
+  // Safety: if message-history doesn't arrive within 6s (e.g. a transient
+  // server issue or a stuck E2E key fetch), replace the localized "Loading…"
+  // placeholder so the panel never looks frozen. Cleared on next open/close.
+  clearTimeout(this._dmPipLoadingTimer);
+  this._dmPipLoadingTimer = setTimeout(() => {
+    const stillLoading = document.querySelector('#dm-pip-messages .dm-pip-loading');
+    if (stillLoading && this._activeDMPip === code) {
+      stillLoading.textContent = 'No messages yet.';
+    }
+  }, 6000);
 
   // Clear any stale reply state
   this._clearDMPiPReply();
@@ -1850,6 +1868,7 @@ _openDMPiP(code) {
 _closeDMPiP() {
   this._activeDMPip = null;
   this._dmPipReplyingTo = null;
+  clearTimeout(this._dmPipLoadingTimer);
   try { localStorage.removeItem('haven_active_dm_pip'); } catch {}
   const panel = document.getElementById('dm-pip-panel');
   if (panel) panel.style.display = 'none';

website/index.html

@@ -1415,12 +1415,12 @@ <h2>Download Haven</h2>
       </div>
 
       <div class="download-card fade-in">
-        <h2>&#x2B21; Haven Server &mdash; v3.10.3</h2>
+        <h2>&#x2B21; Haven Server &mdash; v3.10.4</h2>
         <p class="download-version">Latest stable release &middot; Windows, macOS &amp; Linux &middot; ~5 MB</p>
 
         <div class="download-btn-group">
-          <a href="https://github.com/ancsemi/Haven/archive/refs/tags/v3.10.3.zip" class="btn btn-primary download-main">
-            <span class="icon">&#x2B07;</span> Download v3.10.3 (.zip)
+          <a href="https://github.com/ancsemi/Haven/archive/refs/tags/v3.10.4.zip" class="btn btn-primary download-main">
+            <span class="icon">&#x2B07;</span> Download v3.10.4 (.zip)
           </a>
           <div class="download-alt-links">
             <a href="https://github.com/ancsemi/Haven" target="_blank">&#9965; View on GitHub</a>
@@ -1437,7 +1437,11 @@ <h2>&#x2B21; Haven Server &mdash; v3.10.3</h2>
           <div class="version-list">
             <div class="version-list-inner">
               <div class="version-item">
-                <div><span class="v-name">v3.10.3</span><span class="v-tag latest">Latest</span> &mdash; #channel autocomplete, DM PiP z-index fix, voice highlight regressions</div>
+                <div><span class="v-name">v3.10.4</span><span class="v-tag latest">Latest</span> &mdash; Self-DM PiP open fix, DM PiP unread auto-clear</div>
+                <a href="https://github.com/ancsemi/Haven/archive/refs/tags/v3.10.4.zip">Download &rarr;</a>
+              </div>
+              <div class="version-item">
+                <div><span class="v-name">v3.10.3</span> &mdash; #channel autocomplete, DM PiP z-index fix, voice highlight regressions</div>
                 <a href="https://github.com/ancsemi/Haven/archive/refs/tags/v3.10.3.zip">Download &rarr;</a>
               </div>
               <div class="version-item">