@hydra-acp/browser 0.1.10 → 0.1.11

package/dist/ui/index.html

@@ -54,6 +54,8 @@ pre code { background: transparent; padding: 0; }
 .pill { font-size: 0.8rem; color: var(--muted); padding: 0.15rem 0.5rem; border: 1px solid var(--border); border-radius: 999px; display: inline-flex; align-items: center; gap: 0.3rem; }
 .pill.clickable { cursor: pointer; }
 .pill.clickable:hover { background: var(--panel-2); color: var(--fg); }
+.host-select { font-size: 0.8rem; color: var(--muted); padding: 0.15rem 0.5rem; border-radius: 999px; background: transparent; border: 1px solid var(--border); cursor: pointer; }
+.host-select:hover { background: var(--panel-2); color: var(--fg); }
 .pill.ready { color: var(--good); border-color: var(--good); }
 .pill.working { color: var(--warn); border-color: var(--warn); }
 .pill.working .dot { animation: pill-pulse 1.1s ease-in-out infinite; }
@@ -72,6 +74,7 @@ pre code { background: transparent; padding: 0; }
 .badge { font-size: 0.75rem; padding: 0.1rem 0.45rem; border-radius: 999px; border: 1px solid var(--border); color: var(--muted); }
 .badge.live { color: var(--good); border-color: var(--good); }
 .badge.cold { color: var(--warn); border-color: var(--warn); }
+.badge.imported { color: var(--accent); border-color: var(--accent); }
 .card .actions { display: flex; gap: 0.4rem; }
 .card .actions button { padding: 0.25rem 0.55rem; font-size: 0.85rem; }
 .empty { color: var(--muted); padding: 2rem; text-align: center; }
@@ -11674,6 +11677,7 @@ pre code { background: transparent; padding: 0; }
         },
         state.showCold ? "all" : "live"
       ),
+      renderHostFilter(),
       el("span", { class: "spacer" }),
       el(
         "button",
@@ -11686,13 +11690,66 @@ pre code { background: transparent; padding: 0; }
       el("button", { onclick: openSessionModal }, "New Session")
     );
   }
+  function renderHostFilter() {
+    const hostsSeen = /* @__PURE__ */ new Set();
+    for (const s of state.sessions) {
+      if (s.importedFromMachine && !s.upstreamSessionId) {
+        hostsSeen.add(s.importedFromMachine);
+      }
+    }
+    const hosts = [...hostsSeen].sort();
+    const select = el("select", {
+      class: "host-select",
+      title: "Filter sessions by origin host",
+      onchange: (e) => {
+        const value = e.target.value;
+        setState({ hostFilter: value });
+      }
+    });
+    const addOption = (value, label) => {
+      const opt = document.createElement("option");
+      opt.value = value;
+      opt.textContent = label;
+      if (state.hostFilter === value) {
+        opt.selected = true;
+      }
+      select.appendChild(opt);
+    };
+    addOption("__local", "host: local");
+    for (const h of hosts) {
+      addOption(h, `host: ${h}`);
+    }
+    addOption("__all", "host: all");
+    if (state.hostFilter !== "__local" && state.hostFilter !== "__all" && !hosts.includes(state.hostFilter)) {
+      select.value = state.hostFilter;
+    }
+    return select;
+  }
   function renderList() {
-    const visible = state.showCold ? state.sessions : state.sessions.filter((s) => s.status !== "cold");
-    const hiddenCold = state.sessions.length - visible.length;
+    let visible = state.showCold ? state.sessions : state.sessions.filter((s) => s.status !== "cold");
+    if (state.hostFilter === "__local") {
+      visible = visible.filter(
+        (s) => !s.importedFromMachine || !!s.upstreamSessionId
+      );
+    } else if (state.hostFilter !== "__all") {
+      visible = visible.filter(
+        (s) => s.importedFromMachine === state.hostFilter && !s.upstreamSessionId
+      );
+    }
+    const hiddenCold = state.showCold ? 0 : state.sessions.filter((s) => s.status === "cold").length;
     const groups = groupSessions(visible, state.groupBy);
     const list = el("div", { class: "list" });
     if (visible.length === 0) {
-      const msg = state.sessions.length === 0 ? "No sessions. Use + to create one, or run `hydra-acp launch <agent>` from your editor." : `No live sessions. ${hiddenCold} cold session${hiddenCold === 1 ? "" : "s"} hidden \u2014 click "live" to switch to "all".`;
+      let msg;
+      if (state.sessions.length === 0) {
+        msg = "No sessions. Use + to create one, or run `hydra-acp launch <agent>` from your editor.";
+      } else if (state.hostFilter === "__local") {
+        msg = "No local sessions. Switch the host filter to see imported sessions.";
+      } else if (state.hostFilter !== "__all") {
+        msg = `No sessions from ${state.hostFilter}. Try a different host.`;
+      } else {
+        msg = `No live sessions. ${hiddenCold} cold session${hiddenCold === 1 ? "" : "s"} hidden \u2014 click "live" to switch to "all".`;
+      }
       list.appendChild(el("div", { class: "empty" }, msg));
     }
     for (const g of groups) {
@@ -11770,7 +11827,17 @@ pre code { background: transparent; padding: 0; }
           },
           s.status === "cold" ? "cold" : "live"
         ),
-        el("span", { class: "badge" }, `${s.attachedClients ?? 0} attached`)
+        el("span", { class: "badge" }, `${s.attachedClients ?? 0} attached`),
+        ...s.importedFromMachine && !s.upstreamSessionId ? [
+          el(
+            "span",
+            {
+              class: "badge imported",
+              title: `Passive mirror imported from ${s.importedFromMachine} \u2014 attach to start working on it here.`
+            },
+            `\u2190 ${s.importedFromMachine}`
+          )
+        ] : []
       ),
       el(
         "div",
@@ -12885,6 +12952,10 @@ ${recent}`;
     // toggle in the topbar reveals them; clicking one attaches over
     // WSS, which causes hydra to resurrect it from disk automatically.
     showCold: false,
+    // Default to local: imported sessions (from peer hosts via the
+    // archiver) are noisy if they all show up alongside the user's own
+    // work. The dropdown lets them switch to a specific peer or "all".
+    hostFilter: "__local",
     banner: null,
     modal: null,
     current: null

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hydra-acp/browser",
-  "version": "0.1.10",
+  "version": "0.1.11",
   "description": "Browser-based UI for hydra-acp sessions.",
   "license": "MIT",
   "type": "module",