@oharness/server 0.9.2 → 0.10.0

package/dist/page/client/tasks.js

@@ -0,0 +1,293 @@
+/**
+ * Background tasks: their rows over the composer, and the sheet one opens
+ * into — what the subagent was told, what it did, what it said — with a way
+ * to stop it or tell it something.
+ *
+ * One part of the client script; see ./index.ts for how the parts join.
+ */
+export const TASKS = String.raw `
+// --- background tasks -----------------------------------------------------
+
+const TASK_LIVE = new Set(["queued", "running"]);
+/** How many task rows sit over the composer; the sheet lists every one. */
+const TASK_ROWS = 4;
+/** The task the sheet shows, while it is open. */
+let taskOpen = null;
+let taskSheet = null;
+/** Bumped per paint, so a slow answer never draws over a newer one. */
+let taskPaintSeq = 0;
+
+/**
+ * Running ones first, then the newest. Ended tasks stay listed, quieter, so
+ * what they said is a click away and they can still be sent a follow-up.
+ */
+function sortedTasks(tasks) {
+  return (tasks || []).slice().sort((a, b) =>
+    (Number(TASK_LIVE.has(b.status)) - Number(TASK_LIVE.has(a.status))) || (b.queuedAt - a.queuedAt));
+}
+
+/** The rows over the composer, drawn by renderQueued with the queue. */
+function appendTaskRows(container, here) {
+  // Put-away tasks leave the list; the transcript's card and the sheet's
+  // chips still reach them.
+  const tasks = sortedTasks(here && here.tasks).filter((task) => !task.dismissed);
+  for (const task of tasks.slice(0, TASK_ROWS)) {
+    const row = el("div", "q task task-" + task.status);
+    row.appendChild(el("span", "tag", t("tasks.status." + task.status)));
+    const name = el("span", "n", task.description + (task.activity ? " · " + task.activity : ""));
+    row.appendChild(name);
+    const open = el("button", "go", t("tasks.open"));
+    open.type = "button";
+    open.addEventListener("click", () => openTask(activeId, task.id));
+    row.appendChild(open);
+    // One × in the same place, saying what it does: running, it stops the
+    // task; ended, it only takes the row away.
+    const live = TASK_LIVE.has(task.status);
+    const close = el("button", "x", "×");
+    close.type = "button";
+    close.title = t(live ? "tasks.stop" : "tasks.dismiss");
+    close.setAttribute("aria-label", close.title);
+    close.addEventListener("click", () => void (live ? stopTask(activeId, task.id) : dismissTask(activeId, task.id)));
+    row.appendChild(close);
+    name.addEventListener("click", () => openTask(activeId, task.id));
+    container.appendChild(row);
+  }
+  if (tasks.length > TASK_ROWS) {
+    const more = el("button", "q task-more", t("tasks.more", { n: tasks.length - TASK_ROWS }));
+    more.type = "button";
+    more.addEventListener("click", () => openTask(activeId, tasks[TASK_ROWS].id));
+    container.appendChild(more);
+  }
+}
+
+/**
+ * Background results read into the conversation, as the transcript shows them:
+ * one line per task saying how it ended, each a way into its sheet. Where it
+ * sits is where the model read them.
+ */
+function taskCard(tasks) {
+  const card = el("div", "task-card");
+  card.appendChild(el("div", "task-card-head", t("tasks.cardTitle")));
+  for (const task of tasks) {
+    const row = el("div", "task-card-row task-" + task.status);
+    row.appendChild(el("span", "tag", t("tasks.status." + task.status)));
+    row.appendChild(el("span", "n", task.description));
+    const open = el("button", "go", t("tasks.open"));
+    open.type = "button";
+    // The conversation this card is in, which need not be the one on screen.
+    const session = P.id;
+    open.addEventListener("click", () => openTask(session, task.id));
+    row.appendChild(open);
+    card.appendChild(row);
+  }
+  // In the transcript's column, so it lines up with the messages around it.
+  const row = el("div", "column task-card-row-wrap");
+  row.appendChild(card);
+  P.node.appendChild(row);
+  follow();
+}
+
+/** A conversation's tasks changed: redraw what shows them. */
+function tasksChanged(session, tasks) {
+  pane(session).tasks = tasks || [];
+  if (session === activeId) renderQueued();
+  if (taskOpen && taskOpen.session === session) void paintTask();
+}
+
+function openTask(session, id) {
+  taskOpen = { session, id, stick: true };
+  ensureTaskSheet();
+  taskSheet.hidden = false;
+  void paintTask();
+  taskSheet.querySelector(".task-input").focus();
+}
+
+function closeTask() {
+  taskOpen = null;
+  if (taskSheet) taskSheet.hidden = true;
+}
+
+async function dismissTask(session, id) {
+  const body = await api("/task", { session, id, action: "dismiss" });
+  if (body.error) addNotice(body.error, "notice err");
+}
+
+async function stopTask(session, id) {
+  const body = await api("/task", { session, id, action: "stop" });
+  if (body.error) addNotice(body.error, "notice err");
+}
+
+function ensureTaskSheet() {
+  if (taskSheet) return;
+  taskSheet = el("div");
+  taskSheet.id = "task-sheet";
+  taskSheet.hidden = true;
+  taskSheet.setAttribute("role", "dialog");
+  taskSheet.setAttribute("aria-label", t("tasks.title"));
+
+  const head = el("div", "task-head");
+  const titles = el("div", "task-titles");
+  titles.appendChild(el("div", "task-title"));
+  titles.appendChild(el("div", "task-meta"));
+  head.appendChild(titles);
+  const stop = el("button", "task-stop", t("tasks.stop"));
+  stop.type = "button";
+  stop.addEventListener("click", () => { if (taskOpen) void stopTask(taskOpen.session, taskOpen.id); });
+  head.appendChild(stop);
+  const close = el("button", "task-close", "×");
+  close.type = "button";
+  close.title = t("tasks.close");
+  close.setAttribute("aria-label", t("tasks.close"));
+  close.addEventListener("click", closeTask);
+  head.appendChild(close);
+  taskSheet.appendChild(head);
+
+  taskSheet.appendChild(el("div", "task-chips"));
+  const log = el("div", "task-log");
+  // Follow new lines only while the reader is at the bottom; scrolling up to
+  // read something earlier must not be undone by the next tool.
+  log.addEventListener("scroll", () => {
+    if (taskOpen) taskOpen.stick = log.scrollHeight - log.scrollTop - log.clientHeight < 40;
+  });
+  taskSheet.appendChild(log);
+
+  // The box is the field and its send button together, as in the composer.
+  const form = el("form", "task-form");
+  const box = el("div", "task-box");
+  const input = el("textarea", "task-input");
+  input.rows = 2;
+  input.setAttribute("aria-label", t("tasks.messageLabel"));
+  const send = el("button", "primary task-send");
+  send.type = "submit";
+  send.title = t("tasks.send");
+  send.setAttribute("aria-label", t("tasks.send"));
+  send.appendChild(svgIcon("send"));
+  box.appendChild(input);
+  box.appendChild(send);
+  form.appendChild(box);
+  form.addEventListener("submit", (e) => {
+    e.preventDefault();
+    void sendTask(input);
+  });
+  input.addEventListener("keydown", (e) => {
+    if (e.key === "Enter" && !e.shiftKey && !e.isComposing) {
+      e.preventDefault();
+      void sendTask(input);
+    }
+  });
+  taskSheet.appendChild(form);
+
+  taskSheet.addEventListener("keydown", (e) => {
+    if (e.key === "Escape") closeTask();
+  });
+  document.body.appendChild(taskSheet);
+}
+
+async function sendTask(input) {
+  const text = input.value.trim();
+  if (!text || !taskOpen) return;
+  const { session, id } = taskOpen;
+  input.disabled = true;
+  const body = await api("/task", { session, id, action: "message", text });
+  input.disabled = false;
+  if (body.error) {
+    taskSheet.querySelector(".task-log").appendChild(el("div", "task-error", body.error));
+    return;
+  }
+  input.value = "";
+  input.focus();
+  if (taskOpen) taskOpen.stick = true;
+  void paintTask();
+}
+
+function taskElapsed(task) {
+  if (!task.startedAt) return "";
+  const seconds = Math.max(0, Math.round(((task.endedAt || Date.now()) - task.startedAt) / 1000));
+  return seconds < 60 ? seconds + "s" : Math.floor(seconds / 60) + "m" + (seconds % 60) + "s";
+}
+
+async function paintTask() {
+  if (!taskOpen || !taskSheet) return;
+  const { session, id } = taskOpen;
+  const seq = ++taskPaintSeq;
+  const body = await getJson("/task?session=" + encodeURIComponent(session) + "&id=" + encodeURIComponent(id));
+  if (!taskOpen || taskOpen.id !== id || taskOpen.session !== session || seq !== taskPaintSeq) return;
+  const log = taskSheet.querySelector(".task-log");
+  // Tool rows the reader opened stay open across a redraw: a running task
+  // redraws on every step, and an expanded result snapping shut is unreadable.
+  // Only for the task already on screen: another task's rows are other rows.
+  const opened = new Set();
+  if (taskSheet.dataset.painted === id) {
+    log.querySelectorAll(".task-tool").forEach((node, index) => { if (node.open) opened.add(index); });
+  }
+  taskSheet.dataset.painted = id;
+  if (body.error) {
+    log.replaceChildren(el("div", "task-error", body.error));
+    return;
+  }
+  const task = body.task;
+
+  taskSheet.querySelector(".task-title").textContent = task.description;
+  const meta = [t("tasks.status." + task.status), task.agentType, t("tasks.turns", { n: task.turns }), taskElapsed(task)];
+  if (task.activity) meta.push(task.activity);
+  taskSheet.querySelector(".task-meta").textContent = meta.filter(Boolean).join(" · ");
+  taskSheet.querySelector(".task-stop").hidden = !TASK_LIVE.has(task.status);
+
+  // Every task of this conversation, so a sheet opened on one reaches the rest.
+  // One row that scrolls sideways: rebuilt on every change, so it keeps
+  // where it was scrolled to, and brings the open task's chip into view.
+  const chips = taskSheet.querySelector(".task-chips");
+  const scrolled = chips.scrollLeft;
+  chips.replaceChildren();
+  const all = sortedTasks(pane(session).tasks);
+  chips.hidden = all.length < 2;
+  let current = null;
+  for (const other of all) {
+    const chip = el("button", "task-chip task-" + other.status + (other.id === id ? " on" : ""), other.description);
+    chip.type = "button";
+    chip.addEventListener("click", () => openTask(session, other.id));
+    chips.appendChild(chip);
+    if (other.id === id) current = chip;
+  }
+  chips.scrollLeft = scrolled;
+  if (current && (current.offsetLeft < chips.scrollLeft || current.offsetLeft + current.offsetWidth > chips.scrollLeft + chips.clientWidth)) {
+    chips.scrollLeft = current.offsetLeft - 16;
+  }
+
+  log.replaceChildren();
+  for (const entry of body.transcript || []) {
+    if (entry.role === "tool") {
+      const tool = el("details", "task-tool" + (entry.isError ? " err" : ""));
+      const summary = el("summary");
+      summary.appendChild(el("span", "task-tool-name", entry.name));
+      summary.appendChild(el("span", "task-tool-input", entry.text));
+      tool.appendChild(summary);
+      if (entry.result) tool.appendChild(el("pre", "task-tool-result", entry.result));
+      if (opened.has(log.querySelectorAll(".task-tool").length)) tool.open = true;
+      log.appendChild(tool);
+    } else if (entry.role === "assistant") {
+      const msg = el("div", "task-msg assistant");
+      msg.appendChild(renderMarkdown(entry.text));
+      log.appendChild(msg);
+    } else {
+      log.appendChild(el("div", "task-msg user", entry.text));
+    }
+  }
+  if (!log.childElementCount) log.appendChild(el("div", "task-empty", t("tasks.empty")));
+  if (task.worktree) log.appendChild(el("div", "task-note", task.worktree));
+  if (task.error) log.appendChild(el("div", "task-error", task.error));
+  if (TASK_LIVE.has(task.status)) {
+    const working = el("div", "task-working");
+    working.appendChild(el("span", "spinner"));
+    log.appendChild(working);
+  }
+  if (taskOpen.stick) log.scrollTop = log.scrollHeight;
+
+  const input = taskSheet.querySelector(".task-input");
+  const stopped = task.status === "cancelled";
+  input.disabled = stopped;
+  taskSheet.querySelector(".task-send").disabled = stopped;
+  input.placeholder = t(stopped ? "tasks.placeholder.stopped" : TASK_LIVE.has(task.status) ? "tasks.placeholder.running" : "tasks.placeholder.ended");
+}
+`;
+//# sourceMappingURL=tasks.js.map

package/dist/page/client/tasks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tasks.js","sourceRoot":"","sources":["../../../src/page/client/tasks.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4R9B,CAAC"}

package/dist/page/client/transcript.js

@@ -88,6 +88,14 @@ log.addEventListener("scroll", () => {
   jumpBtn.hidden = atBottom;
 });
 
+// The form's height, for the jump button to sit above (see #jump in style.ts).
+{
+  const form = document.getElementById("composer");
+  new ResizeObserver(() => {
+    document.documentElement.style.setProperty("--form-h", form.offsetHeight + "px");
+  }).observe(form);
+}
+
 jumpBtn.addEventListener("click", () => {
   atBottom = true;
   jumpBtn.hidden = true;
@@ -108,13 +116,26 @@ function addUser(text, images) {
   if (images && images.length) {
     const strip = el("div", "shots");
     for (const image of images) {
+      const src = image.src.startsWith("blob:") ? image.src : q(image.src);
+      if (image.kind === "video") {
+        // A clip plays where it was sent, with its own controls: an <img>
+        // pointed at a video drew a broken-image icon beside its name.
+        const video = document.createElement("video");
+        video.src = src;
+        video.controls = true;
+        video.preload = "metadata";
+        video.playsInline = true;
+        video.title = image.name || "";
+        strip.appendChild(video);
+        continue;
+      }
       const img = document.createElement("img");
-      img.src = image.src.startsWith("blob:") ? image.src : q(image.src);
+      img.src = src;
       img.alt = image.name || "";
       img.loading = "lazy";
-      // A full-size screenshot in a chat bubble is unreadable; the tab it
-      // opens is the same bytes at whatever size the screen allows.
-      img.addEventListener("click", () => window.open(img.src, "_blank", "noopener"));
+      // A full-size screenshot in a chat bubble is unreadable; the preview is
+      // the same bytes at whatever size the window allows.
+      img.addEventListener("click", () => previewImage(img));
       strip.appendChild(img);
     }
     bubble.appendChild(strip);
@@ -580,6 +601,7 @@ function finishTool(id, result, ms, isError) {
       entry.body.appendChild(pre);
     }
   }
+  toolShots(entry.body, result);
   if (isError) {
     // A failed step is the one thing worth surfacing without a click.
     entry.card.open = true;
@@ -590,6 +612,115 @@ function finishTool(id, result, ms, isError) {
   follow();
 }
 
+/**
+ * What a tool saw: the screenshots it returned, as thumbnails in its card.
+ *
+ * The live pane shows the window as it is now; this is the record of what the
+ * agent looked at, for reading a turn back afterwards. It stays inside the
+ * folded card — a turn that takes twenty screenshots would otherwise bury its
+ * own reply — and a closed card fetches nothing.
+ *
+ * Live, the bytes arrive in the event and become a blob URL, which a click can
+ * open in a tab where a data: URL cannot. Replayed, each is an /attachment
+ * position, the same as a user's pasted image.
+ */
+function toolShots(body, result) {
+  const shots = (result || []).filter((part) => part.type === "image");
+  if (!shots.length) return;
+  const strip = el("div", "tool-shots");
+  for (const shot of shots) {
+    const img = document.createElement("img");
+    if (shot.src) {
+      img.src = q(shot.src);
+    } else if (shot.data) {
+      const bytes = Uint8Array.from(atob(shot.data), (c) => c.charCodeAt(0));
+      img.src = URL.createObjectURL(new Blob([bytes], { type: shot.mimeType || "image/jpeg" }));
+    } else {
+      continue;
+    }
+    img.alt = "";
+    img.loading = "lazy";
+    img.addEventListener("click", () => previewImage(img));
+    strip.appendChild(img);
+  }
+  if (strip.childElementCount) body.appendChild(strip);
+}
+
+/**
+ * The windows a Computer use turn ended on, under its reply.
+ *
+ * The agent reads the accessibility tree rather than looking, so a turn in a
+ * native app often has no picture of its own; the host takes one of each
+ * window when the turn ends (see turn-shots.ts). Out in the turn rather than
+ * folded into a step, because it is the result — what the work left behind —
+ * and one per window at most. Above the fork and copy bar, which belongs last.
+ */
+function turnShots(wrap, shots) {
+  if (!wrap || !shots || !shots.length) return;
+  let strip = wrap.querySelector(":scope > .turn-shots");
+  if (!strip) {
+    strip = el("div", "turn-shots");
+    const bar = wrap.querySelector(":scope > .actions");
+    if (bar) wrap.insertBefore(strip, bar);
+    else wrap.appendChild(strip);
+  }
+  for (const shot of shots) {
+    const figure = el("figure", "turn-shot");
+    const img = document.createElement("img");
+    img.src = q(shot.src);
+    img.alt = shot.app || "";
+    img.loading = "lazy";
+    img.addEventListener("click", () => previewImage(img));
+    img.addEventListener("error", () => figure.remove());
+    figure.appendChild(img);
+    const caption = el("figcaption", "", shot.title ? shot.app + " — " + shot.title : shot.app);
+    caption.title = caption.textContent;
+    figure.appendChild(caption);
+    strip.appendChild(figure);
+  }
+  follow();
+}
+
+/**
+ * An image at full size, over the page.
+ *
+ * It used to open in a new tab, which in the desktop app is a new window with
+ * no way back but closing it — and a blob URL there is a blank page. This
+ * stays in the conversation: Esc or a click anywhere closes it, and the arrow
+ * keys step through the other images in the same row, which for a turn of
+ * screenshots is the order the agent saw them in.
+ */
+function previewImage(img) {
+  const strip = img.closest(".turn-shots, .tool-shots, .shots, #tray") || img.parentElement;
+  const row = [...strip.querySelectorAll("img")];
+  let at = Math.max(0, row.indexOf(img));
+  const scrim = el("div", "img-preview");
+  const big = document.createElement("img");
+  big.alt = "";
+  const count = el("div", "img-preview-count");
+  scrim.append(big, count);
+  const show = () => {
+    big.src = row[at].src;
+    count.textContent = row.length > 1 ? at + 1 + " / " + row.length : "";
+  };
+  const close = () => {
+    scrim.remove();
+    document.removeEventListener("keydown", onKey, true);
+  };
+  const onKey = (event) => {
+    if (event.key === "Escape") close();
+    else if (event.key === "ArrowRight" && at < row.length - 1) { at++; show(); }
+    else if (event.key === "ArrowLeft" && at > 0) { at--; show(); }
+    else return;
+    event.preventDefault();
+    event.stopPropagation();
+  };
+  scrim.addEventListener("click", close);
+  document.addEventListener("keydown", onKey, true);
+  show();
+  document.body.appendChild(scrim);
+}
+
 /**
  * A clip as a card rather than the browser's player.
  *
@@ -772,12 +903,45 @@ function pane(id) {
     const node = el("div", "pane");
     node.hidden = true;
     log.appendChild(node);
-    entry = { node, title: "", cwd: "", busy: false, queued: [], turn: null, streaming: null, tools: new Map(), thinking: null };
+    entry = { id, node, title: "", cwd: "", busy: false, queued: [], turn: null, streaming: null, tools: new Map(), thinking: null };
     panes.set(id, entry);
   }
   return entry;
 }
 
+/**
+ * The rail page last opened, as a tab of its own after the sessions'.
+ *
+ * A page is a place beside the work rather than part of a session, so it gets
+ * its own tab instead of showing under the session's. There is one: opening
+ * another page takes its tab over, and closing it goes back to the session.
+ */
+let pageTab = null;
+
+function pageTabButton(navId, on) {
+  const tab = el("button", "tab tab-page" + (on ? " on" : ""));
+  tab.type = "button";
+  tab.appendChild(navIcon(navId));
+  const label = document.querySelector("#" + navId + " > span[data-t]");
+  tab.appendChild(el("span", "label", label ? label.textContent : ""));
+  const close = el("button", "x");
+  close.appendChild(svgIcon("close"));
+  close.type = "button";
+  close.title = t("tabs.close");
+  close.setAttribute("aria-label", t("tabs.close"));
+  close.addEventListener("click", (e) => {
+    e.stopPropagation();
+    pageTab = null;
+    if (document.body.classList.contains("panelled")) setNav(null);
+    paintTabs();
+  });
+  tab.appendChild(close);
+  tab.addEventListener("click", () => {
+    if (!document.body.classList.contains("panelled")) document.getElementById(navId).click();
+  });
+  return tab;
+}
+
 function paintTabs() {
   tabsEl.replaceChildren();
 
@@ -785,8 +949,9 @@ function paintTabs() {
   // native title bar is gone, so the strip is the only place that names what
   // is on screen, and a tab should read the same whether or not its
   // neighbours share its tree.
+  const paged = document.body.classList.contains("panelled");
   for (const [id, entry] of panes) {
-    const tab = el("button", "tab" + (id === activeId ? " on" : ""));
+    const tab = el("button", "tab" + (id === activeId && !paged ? " on" : ""));
     tab.type = "button";
     if (entry.busy) tab.appendChild(el("span", "dot"));
     if (entry.cwd) tab.appendChild(el("span", "where", projectName(entry.cwd)));
@@ -812,6 +977,8 @@ function paintTabs() {
     tabsEl.appendChild(tab);
   }
 
+  if (pageTab) tabsEl.appendChild(pageTabButton(pageTab, paged));
+
   const add = el("button");
   add.appendChild(svgIcon("plus"));
   add.id = "tab-add";
@@ -830,6 +997,7 @@ async function focusTab(id) {
   paintEmpty(panes.get(id));
   paintTabs();
   browserActivateSession();
+  void computerActivateSession();
 
   const state = await getJson("/state?session=" + encodeURIComponent(id));
   if (!state.error) applyState(state);

package/dist/page/client/transcript.js.map

@@ -1 +1 @@
-{"version":3,"file":"transcript.js","sourceRoot":"","sources":["../../../src/page/client/transcript.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAy1BnC,CAAC"}
+{"version":3,"file":"transcript.js","sourceRoot":"","sources":["../../../src/page/client/transcript.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAigCnC,CAAC"}

package/dist/page/client/usage.js

@@ -770,19 +770,10 @@ function usageQuery(path) {
     : path + "?range=" + encodeURIComponent(usageRange);
 }
 
-/** The page's heading, its way back, and — for an account — whose figures these are. */
+/** The page's heading and, for an account, whose figures these are. */
 function usageHead(panel) {
   const head = el("div", "row-head");
   head.appendChild(el("h2", null, t("usage.title")));
-  // Back to where this was opened from, because it was opened from a row in
-  // Settings and the sidebar row it lit is already showing as active — with
-  // no way out, the only exit is a sidebar click that looks like a no-op.
-  const back = el("button", "ghost", t("usage.back"));
-  back.type = "button";
-  back.addEventListener("click", () => {
-    setNav("nav-settings");
-    void showSettings();
-  });
   /*
    * Whose figures these are, as a small switch in the heading rather than a
    * third row of tabs.
@@ -807,7 +798,6 @@ function usageHead(panel) {
     }
     actions.appendChild(box);
   }
-  actions.appendChild(back);
   head.appendChild(actions);
   panel.appendChild(head);
 }

package/dist/page/client/usage.js.map

@@ -1 +1 @@
-{"version":3,"file":"usage.js","sourceRoot":"","sources":["../../../src/page/client/usage.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA4xC3B,CAAC"}
+{"version":3,"file":"usage.js","sourceRoot":"","sources":["../../../src/page/client/usage.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAkxC3B,CAAC"}