roger-roger 0.1.14 → 0.2.0

package/skills/roger-roger/tray/panel.html

@@ -89,6 +89,8 @@
       .who { font-weight: 600; }
       .state { font-size: 11px; color: var(--text-dim); }
       .age { margin-left: auto; font-size: 11px; color: var(--text-muted, var(--text-dim)); font-variant-numeric: tabular-nums; }
+      .goto { margin-left: 8px; padding: 1px 7px; font: inherit; font-size: 11px; color: var(--text-dim); background: transparent; border: 1px solid var(--border, currentColor); cursor: pointer; }
+      .goto:hover { color: var(--text); }
       .meta, .sub { margin-top: 3px; font-size: 11px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
       .meta { color: var(--text-dim); }
       .sub { color: var(--text-muted, var(--text-dim)); }
@@ -251,7 +253,9 @@
           '<span class="status-dot"' + colour + "></span>" +
           '<span class="who">' + esc(a.nickname) + "</span>" +
           '<span class="state">' + esc(a.state) + "</span>" +
-          '<span class="age">' + ago(a.quietForMs) + "</span></div>" +
+          '<span class="age">' + ago(a.quietForMs) + "</span>" +
+          (a.inHerdr ? '<button class="goto" data-do="goto" data-value="' + esc(a.nickname) + '" title="Bring ' + esc(a.nickname) + '&#39;s Herdr tab to the front">Go to</button>' : "") +
+          "</div>" +
           (line ? '<div class="meta">' + line + "</div>" : "") +
           (bits.length ? '<div class="sub">' + bits.join(" · ") + "</div>" : "") +
           "</div>"
@@ -599,6 +603,12 @@
       });
 
       document.addEventListener("click", (e) => {
+        // A button inside an agent's row is the button, not the row.
+        const inRow = e.target.closest("[data-do]");
+        if (inRow && inRow.closest("[data-agent]")) {
+          e.preventDefault();
+          return send({ do: inRow.dataset.do, value: inRow.dataset.value });
+        }
         // An agent's row opens its log; a filter narrows the log; an entry opens out to its full text.
         const agent = e.target.closest("[data-agent]");
         if (agent) {