relay-companion 0.1.91 → 0.1.92

package/overlay/inbox.html

@@ -2945,6 +2945,7 @@
   // relays plus the live Sent list. Local data only — the pill shows the
   // user's own exchanges; the API's /v1/threads serves web and agents.
   let threadDetailId = null; // threadId while a thread's history is open
+  let threadDetailScrolledFor = null; // thread already auto-scrolled to newest (reset on leave)
   let threadDetailPartyHint = ""; // who it's with, for the header while messages load
   function threadMessages() {
     const msgs = [];
@@ -3044,7 +3045,11 @@
     const threadNote = threadOpenTarget
       ? `<div class="row-err${rowNotes.get(threadOpenTarget.id)?.cls === "ok" ? " ok" : ""}" data-err="${esc(threadOpenTarget.id)}" data-stop="1">${esc(rowNotes.get(threadOpenTarget.id)?.text || "")}</div>`
       : "";
-    thHistoryEl.innerHTML = threadActions + threadNote + thread.msgs.map((m) => `
+    // Chat-shaped, like every messaging app (and Claude itself — Sven's field
+    // note): messages read oldest -> newest downward, the open actions sit at
+    // the BOTTOM next to the newest message, and entering the thread lands you
+    // at the newest message, not the stalest.
+    thHistoryEl.innerHTML = thread.msgs.map((m) => `
       <button class="th-msg${m.unread ? " unread" : ""}" type="button" data-msg="${esc(m.id)}" data-dir="${m.direction}">
         <span class="th-msg-top">
           <span class="th-dir${m.direction === "out" ? " out" : ""}">${m.direction === "out" ? "←" : "→"}</span>
@@ -3052,7 +3057,13 @@
           <span class="th-time">${esc(timeAgo(m.at))}</span>
         </span>
         <span class="th-msg-title">${esc(m.title)}</span>
-      </button>`).join("");
+      </button>`).join("") + threadActions + threadNote;
+    // Land at the newest message when ENTERING the thread; rebuilds of the same
+    // open thread (payload pushes) keep the user's scroll position untouched.
+    if (threadDetailScrolledFor !== thread.threadId) {
+      threadDetailScrolledFor = thread.threadId;
+      requestAnimationFrame(() => { scrollEl.scrollTop = scrollEl.scrollHeight; });
+    }
     for (const el of thHistoryEl.querySelectorAll(".th-msg")) {
       el.addEventListener("click", () => {
         const id = el.getAttribute("data-msg");
@@ -3068,6 +3079,7 @@
   }
   thBackEl.addEventListener("click", () => {
     threadDetailId = null;
+    threadDetailScrolledFor = null;
     activeView = "relays";
     syncTabs();
     applyView();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "relay-companion",
-  "version": "0.1.91",
+  "version": "0.1.92",
   "description": "Relay companion for ordinary messages, with dormant coordination features available only by explicit opt-in.",
   "type": "module",
   "bin": {