codehost 0.18.1 → 0.19.0

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [0.19.0](https://github.com/snomiao/codehost/compare/v0.18.2...v0.19.0) (2026-06-11)
+
+
+### Features
+
+* **web:** GitHub-URL header/title for the open workspace; agent chips link into the agent-yes console ([83d62bc](https://github.com/snomiao/codehost/commit/83d62bc2ab3e70722f8a4f0f817541bea7cf69a2))
+
+## [0.18.2](https://github.com/snomiao/codehost/compare/v0.18.1...v0.18.2) (2026-06-11)
+
+
+### Bug Fixes
+
+* **signaling:** recover instantly when a throttled tab wakes (visibility/focus/online) ([d459132](https://github.com/snomiao/codehost/commit/d45913267f053ee1fee062bae550cfe60a193207))
+
 ## [0.18.1](https://github.com/snomiao/codehost/compare/v0.18.0...v0.18.1) (2026-06-11)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "codehost",
-  "version": "0.18.1",
+  "version": "0.19.0",
   "type": "module",
   "repository": {
     "type": "git",

package/src/shared/signaling-client.ts

@@ -53,6 +53,7 @@ export class SignalingClient {
   private ws: WebSocket | null = null;
   private closed = false;
   private reconnectDelay = 1000;
+  private reconnectTimer: ReturnType<typeof setTimeout> | null = null;
   private heartbeat: ReturnType<typeof setInterval> | null = null;
   /** Fires STABLE_MS after a socket opens; only then is the backoff reset. */
   private stableTimer: ReturnType<typeof setTimeout> | null = null;
@@ -65,9 +66,53 @@ export class SignalingClient {
 
   connect(): void {
     this.closed = false;
+    this.attachWakeListeners();
     this.open();
   }
 
+  // ---- background-tab recovery -------------------------------------------
+  // Chrome throttles timers in hidden tabs to minutes, so the backoff retry
+  // (and the connect-timeout abort) may be arbitrarily far away even though a
+  // fresh socket would connect in milliseconds. When the tab becomes visible /
+  // focused / back online, recover NOW instead of waiting for a timer.
+
+  private onWake = (): void => {
+    if (this.closed) return;
+    const state = this.ws?.readyState;
+    if (state === 1 /* OPEN */) return;
+    if (state === 0 /* CONNECTING */) {
+      // Stuck handshake: abort — onclose reschedules, and timers run normally
+      // now that the tab is active.
+      try {
+        this.ws?.close();
+      } catch {
+        // ignore
+      }
+      return;
+    }
+    // Closed and waiting out the (throttled) backoff: skip the wait.
+    if (this.reconnectTimer != null) {
+      this.clearReconnectTimer();
+      this.open();
+    }
+  };
+
+  private attachWakeListeners(): void {
+    const doc = (globalThis as { document?: EventTarget }).document;
+    doc?.addEventListener("visibilitychange", this.onWake);
+    const win = (globalThis as { window?: EventTarget }).window;
+    win?.addEventListener("focus", this.onWake);
+    win?.addEventListener("online", this.onWake);
+  }
+
+  private detachWakeListeners(): void {
+    const doc = (globalThis as { document?: EventTarget }).document;
+    doc?.removeEventListener("visibilitychange", this.onWake);
+    const win = (globalThis as { window?: EventTarget }).window;
+    win?.removeEventListener("focus", this.onWake);
+    win?.removeEventListener("online", this.onWake);
+  }
+
   private roomUrl(): string {
     const base = this.opts.url.replace(/\/+$/, "");
     return `${base}/room/${encodeURIComponent(this.opts.token)}`;
@@ -172,11 +217,20 @@ export class SignalingClient {
   private scheduleReconnect(): void {
     const delay = this.reconnectDelay;
     this.reconnectDelay = Math.min(delay * 2, 15000);
-    setTimeout(() => {
+    this.clearReconnectTimer();
+    this.reconnectTimer = setTimeout(() => {
+      this.reconnectTimer = null;
       if (!this.closed) this.open();
     }, delay);
   }
 
+  private clearReconnectTimer(): void {
+    if (this.reconnectTimer != null) {
+      clearTimeout(this.reconnectTimer);
+      this.reconnectTimer = null;
+    }
+  }
+
   sendSignal(to: string, data: unknown): void {
     const msg: ClientMessage = { type: "signal", to, data };
     this.ws?.send(JSON.stringify(msg));
@@ -194,6 +248,8 @@ export class SignalingClient {
 
   close(): void {
     this.closed = true;
+    this.detachWakeListeners();
+    this.clearReconnectTimer();
     this.stopHeartbeat();
     this.clearStableTimer();
     try {

package/src/web/discovery.tsx

@@ -58,6 +58,18 @@ function folderQuery(folder?: string): string {
   return folder ? `?folder=${encodeURIComponent(folder)}` : "";
 }
 
+/** Human label for a connected workspace: its GitHub-style URL when the share
+ *  path is repo-shaped (/gh/owner/repo -> github.com/owner/repo, /git/<host>/…
+ *  -> <host>/…), else the deep-link path as-is. */
+function shareLabel(path: string | null): string | null {
+  if (!path) return null;
+  const gh = path.match(/^\/gh\/(.+)$/);
+  if (gh) return `github.com/${gh[1]}`;
+  const git = path.match(/^\/git\/(.+)$/);
+  if (git) return git[1];
+  return path;
+}
+
 /**
  * Find which of the user's saved rooms hosts a server matching a token-less deep
  * link. Opens a short-lived viewer connection to each candidate room in
@@ -292,6 +304,13 @@ export function Discovery() {
     tryAutoConnect();
   }, [serversByRoom, tokens]);
 
+  // Mirror the open workspace into the tab title (GitHub-style URL), so tabs
+  // read as "github.com/owner/repo/tree/main — codehost", not all "Codehost".
+  useEffect(() => {
+    const label = connState === "connected" ? shareLabel(sharePathRef.current) : null;
+    document.title = label ? `${label} — codehost` : "Codehost";
+  }, [connState]);
+
   // Keep the connection in sync with the URL as servers come and go: reconnect
   // when the workspace named by the address bar (re)appears in a room — covers a
   // daemon restart or a dropped channel while the tab stays open.
@@ -691,8 +710,10 @@ export function Discovery() {
   // Group workspaces by machine: the stable hostId when the daemon advertises
   // one, else the hostname string (older daemons), else the peer stands alone.
   // Agents are machine-level (advertised by the host's root daemon) — collect
-  // them per group, deduped by pid across peers.
-  const hostGroups: { key: string; label: string; items: typeof filtered; agents: AgentInfo[] }[] = [];
+  // them per group, deduped by pid across peers, each remembering its room so
+  // a click can hand the agent-yes console the right token.
+  type RoomedAgent = AgentInfo & { room: string };
+  const hostGroups: { key: string; label: string; items: typeof filtered; agents: RoomedAgent[] }[] = [];
   for (const t of filtered) {
     const key = t.server.meta?.hostId ?? t.server.meta?.host ?? t.server.peerId;
     let group = hostGroups.find((g) => g.key === key);
@@ -702,7 +723,7 @@ export function Discovery() {
     }
     group.items.push(t);
     for (const a of t.server.meta?.agents ?? []) {
-      if (!group.agents.some((x) => x.pid === a.pid)) group.agents.push(a);
+      if (!group.agents.some((x) => x.pid === a.pid)) group.agents.push({ ...a, room: t.room });
     }
   }
   const toggleTag = (t: string) =>
@@ -765,8 +786,15 @@ export function Discovery() {
           <header style={styles.header}>
             <span style={styles.brand}>codehost</span>
             <span style={styles.dim}>·</span>
-            <span style={styles.dim}>{activeServer?.meta?.name ?? activePeerId?.slice(0, 8)}</span>
-            {activeServer?.meta?.cwd && <span style={styles.cwd}>{activeServer.meta.cwd}</span>}
+            <span
+              style={styles.cwd}
+              title={`${activeServer?.meta?.name ?? ""} ${activeServer?.meta?.cwd ?? ""}`.trim()}
+            >
+              {shareLabel(sharePathRef.current) ??
+                activeServer?.meta?.cwd ??
+                activeServer?.meta?.name ??
+                activePeerId?.slice(0, 8)}
+            </span>
             <span style={{ flex: 1 }} />
             <button
               style={styles.shareBtn}
@@ -959,14 +987,20 @@ export function Discovery() {
                 {g.agents.length > 0 && (
                   <div style={styles.agentRow}>
                     {g.agents.map((a) => (
-                      <span
+                      <a
                         key={a.pid}
                         style={styles.agentChip}
-                        title={`${a.cwd}${a.title ? `\n${a.title}` : ""}`}
+                        title={`${a.cwd}${a.title ? `\n${a.title}` : ""}\nopen in the agent-yes console`}
+                        // Tail & send live in the agent-yes console — it joins
+                        // this same room as a viewer (token rides the fragment,
+                        // never sent to a server) and auto-selects the pid.
+                        href={`https://agent-yes.com/?pid=${a.pid}#ch:${encodeURIComponent(a.room)}`}
+                        target="_blank"
+                        rel="noopener"
                       >
                         <span style={{ color: a.state === "active" ? "#4ec9b0" : "#777" }}>●</span> {a.tool}{" "}
                         {a.pid}
-                      </span>
+                      </a>
                     ))}
                   </div>
                 )}
@@ -1081,7 +1115,7 @@ const styles: Record<string, React.CSSProperties> = {
   agentRow: { display: "flex", flexWrap: "wrap", gap: 6, margin: "0 0 8px" },
   agentChip: {
     fontFamily: "monospace", fontSize: 11.5, padding: "2px 8px", borderRadius: 999,
-    border: "1px solid #3d3d3d", color: "#9aa4af",
+    border: "1px solid #3d3d3d", color: "#9aa4af", textDecoration: "none", cursor: "pointer",
   },
   card: { display: "flex", alignItems: "center", gap: 12, background: "#252525", border: "1px solid #3d3d3d", borderRadius: 8, padding: "12px 14px" },
   cardMain: { flex: 1, minWidth: 0 },