relay-companion 0.1.95 → 0.1.97

package/overlay/inbox.html

@@ -682,8 +682,6 @@
   /* Conversation messages read like a group chat: each person's own messages
      sit on one side, and every party's name keeps a stable color so a busy
      thread is scannable by who-said-what (the WhatsApp convention). */
-  .th-detail-title { padding:2px 16px 10px; font-family:var(--serif); font-size:15px; line-height:1.3; color:var(--ink); font-weight:600; overflow-wrap:anywhere; }
-  .th-detail-title:empty { display:none; }
   .th-msg { position:relative; display:block; width:100%; text-align:left; appearance:none; border:0; cursor:pointer; background:transparent; padding:11px 16px; border-bottom:1px solid var(--hair); font-family:var(--sans); }
   .th-msg:hover { background:rgba(31,26,23,.035); }
   .th-msg.expanded { background:rgba(31,26,23,.045); }
@@ -695,16 +693,16 @@
     overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow-wrap:anywhere; }
   .th-msg.unread .th-msg-title { color:var(--ink); font-weight:500; }
   /* Your own messages hang to the right, like your side of a group chat. */
-  .th-msg.mine { text-align:right; background:rgba(31,26,23,.022); }
+  .th-msg.mine { text-align:right; }
   .th-msg.mine .th-msg-top { flex-direction:row-reverse; }
   .th-msg.mine .th-party { text-align:right; }
   .th-msg.mine .th-msg-title { text-align:right; }
   /* Per-party name colors. Assigned by a stable hash of the party name, so a
      person keeps the same color across every conversation and every restart. */
-  .th-party.p0 { color:#1f6f5c; } .th-party.p1 { color:#8a4b2a; } .th-party.p2 { color:#4a4aa8; }
-  .th-party.p3 { color:#8a2f5e; } .th-party.p4 { color:#2f6f8a; } .th-party.p5 { color:#6b5a1f; }
-  .th-party.p6 { color:#7a3030; } .th-party.p7 { color:#3f6b2a; }
-  .th-party.me { color:var(--accent); }
+  .th-party.p0 { color:#4a6b5f; } .th-party.p1 { color:#7a5540; } .th-party.p2 { color:#53607d; }
+  .th-party.p3 { color:#75485f; } .th-party.p4 { color:#456a76; } .th-party.p5 { color:#6b6142; }
+  .th-party.p6 { color:#7a4f4a; } .th-party.p7 { color:#4f6748; }
+  .th-party.me { color:var(--muted); }
 
   /* Sent-row read receipt chip: "read" sits in a light-green enclosure, "unread" stays quiet. */
   .sent-chip {
@@ -762,6 +760,10 @@
   .sv-note { padding:10px 16px 0; font-size:11.5px; color:#1a7f37; line-height:1.4; }
   .sv-version { padding:20px 16px 12px; font-family:var(--mono); font-size:10.5px; color:var(--muted-3); }
   .sv-update { display:flex; flex-direction:column; gap:8px; align-items:flex-start; }
+  /* The OS default browser is often NOT where the user's session lives, so the
+     setup URL is shown here to open wherever they are actually signed in. */
+  .sv-url { padding-top:2px; }
+  .sv-url-text { font-family:var(--mono); font-size:10px; color:var(--muted-2); user-select:text; overflow-wrap:anywhere; }
   .sv-update-btn { width:auto; padding:7px 12px; border-radius:8px; font-family:var(--sans); font-size:12px; }
   /* signed-out call-to-action on the Relays empty state — quiet filled pill (th-count language) */
   .sv-signin-banner {
@@ -846,7 +848,6 @@
             </button>
             <span class="th-detail-name" id="thDetailName"></span>
           </div>
-          <div class="th-detail-title" id="thDetailTitle"></div>
           <div id="thHistory"></div>
         </div>
       </section>
@@ -963,7 +964,6 @@
   const thDetailEl = document.getElementById("thDetail");
   const thBackEl = document.getElementById("thBack");
   const thDetailNameEl = document.getElementById("thDetailName");
-  const thDetailTitleEl = document.getElementById("thDetailTitle");
   const thHistoryEl = document.getElementById("thHistory");
   const settingsViewEl = document.getElementById("settingsView");
   const signInBannerEl = document.getElementById("signInBanner");
@@ -2176,6 +2176,7 @@
       btn.addEventListener("click", () => {
         expandedSentId = null;
         openRelayFromUI(id, "sent", "current");
+        renderSent(); // the menu must close on screen, not just in state
       });
     }
     for (const btn of sentListEl.querySelectorAll("[data-sent-open-fresh]")) {
@@ -2183,6 +2184,7 @@
       btn.addEventListener("click", () => {
         expandedSentId = null;
         openRelayFromUI(id, "sent", "fresh");
+        renderSent(); // the menu must close on screen, not just in state
       });
     }
   }
@@ -3109,11 +3111,6 @@
       return;
     }
     thDetailNameEl.textContent = thread.party;
-    // The conversation's name sits under the party, the way a chat header shows
-    // the subject: an explicit thread title when one was set, else the relay
-    // that started the exchange. Hidden when it would only repeat the party.
-    const headerTitle = String(thread.title || "").trim();
-    thDetailTitleEl.textContent = headerTitle && headerTitle !== thread.party ? headerTitle : "";
     // Thread-level opens act on the newest inbound message (falling back to the
     // newest message overall): "current" injects with the threadId so the agent
     // fetches the whole exchange; "new chat" seeds the full transcript.
@@ -3270,7 +3267,8 @@
           maxlength="16" placeholder="Pairing code" value="${esc(svDraft)}" ${svBusy ? "disabled" : ""} />
         <button class="sv-connect" type="button" id="svConnect" ${svBusy ? "disabled" : ""}>${svBusy ? "Connecting…" : "Connect"}</button>
       </div>
-      <div class="sv-hint">Your browser opened the Relay setup page — paste the pairing code it shows.</div>`;
+      <div class="sv-hint">Your browser opened the Relay setup page — paste the pairing code it shows.</div>
+      <div class="sv-hint sv-url" data-stop="1">Wrong browser? Open this there instead:<br><span class="sv-url-text" id="svSetupUrl">${esc((settingsInfo && settingsInfo.setupUrl) || "")}</span></div>`;
   }
   function renderSettings() {
     if (activeView !== "settings") return;

package/overlay/main.cjs

@@ -455,7 +455,15 @@ function accountInfo() {
     // not only in the tray menu.
     updateAvailable: availableUpdate || "",
     updating: updateInFlight,
-    setupPath: "/app/setup",
+    // Route through the app's OWN sign-in, not Clerk's hosted accounts.<domain>
+    // subdomain. Clerk runs here in proxy mode (/__clerk), and the accounts./clerk.
+    // hosts present NO certificate — the handshake fails outright, so a signed-out
+    // user hitting /app/setup was bounced to a page no browser can load. /sign-in
+    // renders through the proxy and carries the user on to setup afterwards.
+    setupPath: "/sign-in?redirect_url=%2Fapp%2Fsetup",
+    // Shown in the pill so the flow is not trapped in whichever browser the OS
+    // considers default (the session usually lives in a different one).
+    setupUrl: absoluteUrl("/sign-in?redirect_url=%2Fapp%2Fsetup"),
   };
 }
 
@@ -3161,6 +3169,10 @@ function quitRelayCompletely() {
 let availableUpdate = null; // version string when newer than what we run
 let updateInFlight = false;
 async function checkForUpdate() {
+  // A sandboxed harness must never consult the registry: whether an update
+  // happens to be published mid-run would otherwise change the Settings card's
+  // version line and make an assertion pass or fail on release timing.
+  if (process.env.RELAY_OVERLAY_TEST === "1" || process.env.RELAY_OVERLAY_PERF === "1") return;
   try {
     const mod = await import(pathToFileURL(path.join(__dirname, "..", "src", "auto-update.js")).href);
     const latest = await mod.fetchLatestVersion({});

package/package.json

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