The activity panel, and continuing an agent chat in a terminal

The activity panel beside a chat, from /api/v2's activity routes: Context
(used share, tokens against the window, a segmented bar and a row per
category), Outputs (the files written, lines added and removed, each opening
in the viewer), Background tasks (a team's members as a tree, helpers and
commands: state, elapsed time counting on between reads, model, latest step,
what it is writing, its whole conversation read-only, Stop -- a member after
a confirmation, as it takes those under it), the team's room (who to whom,
reports marked, the words through the page's own markdown) and the plan.

The chat follows GET /chats/{chat}/activity/events while it is open: the strip
above the message box sums the agents up and opens the panel; a new version
reads the panel again while it is open, the costly context part on opening,
after a reply and at most every 15 s. The stream is reopened when the server
closes it, and more slowly while it fails. Beside the chat on a wide window
(the viewer then goes over the chat), over it below --bp-wide, a full-height
sheet at --bp-narrow. The header's Activity button, the palette and Escape
open and close it.

An agent chat with a device session (device_session_id) can be continued in a
terminal: the chat's menu and a header button show 'cd <folder> && lembas -s
<id>' to copy, with lembas the CLI as it starts here (on PATH, else the app's
own copy by its path). Shown rather than run: no terminal opens the same way
on every desktop.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

ui/js/explorer.js

@@ -130,28 +130,31 @@ export function renderServer() {
   tree(box, {
     rootPath: "/",
     list: async (path) => (await get(SERVER_FILES.list(path))).entries || [],
-    open: async (e) => {
-      const where = t("Server")
-      try {
-        const f = await readServer(e.path)
-        openViewer({
-          name: f.name || e.name,
-          path: f.path || e.path,
-          where,
-          text: f.text,
-          // The server's own kind and language: its table and the viewer's are the same one.
-          kind: ["markdown", "code", "text", "html"].includes(f.kind) ? f.kind : undefined,
-          language: f.language || undefined,
-          withheld: f.withheld,
-          size: f.size,
-        })
-      } catch (err) {
-        openViewer({ name: e.name, path: e.path, where, error: why(err) })
-      }
-    },
+    open: (e) => openServerFile(e.path, e.name),
   })
 }
 
+/** A file in the server's tree, in the viewer: from the explorer and from a chat's outputs. */
+export async function openServerFile(path, name) {
+  const where = t("Server")
+  try {
+    const f = await readServer(path)
+    openViewer({
+      name: f.name || name,
+      path: f.path || path,
+      where,
+      text: f.text,
+      // The server's own kind and language: its table and the viewer's are the same one.
+      kind: ["markdown", "code", "text", "html"].includes(f.kind) ? f.kind : undefined,
+      language: f.language || undefined,
+      withheld: f.withheld,
+      size: f.size,
+    })
+  } catch (err) {
+    openViewer({ name, path, where, error: why(err) })
+  }
+}
+
 export function initExplorer() {
   for (const pane of document.querySelectorAll(".pane")) {
     const toggle = pane.querySelector(".pane__toggle")