@monster-orange/den 0.4.26 → 0.4.28

package/src/ui/server/public/agent-helpers.js

@@ -0,0 +1,311 @@
+/**
+ * D32: the helpers an agent starts in its own session (Claude Code's Agent
+ * and Workflow subagents), read-only. Den shows them; they belong to the
+ * agent's session, so nothing here stops or steers one (and the views say
+ * so).
+ *
+ *   helperRowsHtml(row): under an agent's row on the Agents page, its
+ *     recent helpers (the row's `helpers.recent`: running, or ended a short
+ *     while ago) and "All helpers (n)".
+ *   openHelpers({ ws, agent, name, opener }): every helper, this
+ *     conversation's first and earlier ones folded under "Earlier (n)";
+ *     each opens its transcript (transcript-view.js).
+ *   openHelperTranscript({ ws, agent, helper, opener }).
+ */
+import { focusBack, openTranscript, refindKey } from "/transcript-view.js";
+
+const t = (key, vars) => window.denShell?.t?.(key, vars) ?? key;
+const esc = (s) =>
+  String(s ?? "").replace(
+    /[&<>"']/g,
+    (c) =>
+      ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" })[
+        c
+      ],
+  );
+const api = (method, url) => window.denShell.api(method, url);
+const base = (ws, agent) =>
+  `/api/workspaces/${encodeURIComponent(ws)}/agents/${encodeURIComponent(agent)}/helpers`;
+
+/** A dot's tone for a helper's status (the shell's .den-dot tones). */
+export function helperTone(status) {
+  return status === "running"
+    ? "ok"
+    : status === "failed"
+      ? "bad"
+      : status === "idle" || status === "stopped"
+        ? "warn"
+        : "off";
+}
+
+/** 65 s → "1m 5s". */
+export function dur(ms) {
+  if (typeof ms !== "number" || ms < 0) return "";
+  const s = Math.round(ms / 1000);
+  if (s < 60) return `${s}s`;
+  const m = Math.floor(s / 60);
+  if (m < 60) return `${m}m ${s % 60}s`;
+  return `${Math.floor(m / 60)}h ${m % 60}m`;
+}
+
+const label = (h) => h.description || h.workflow?.label || h.id;
+
+/** One helper as a button row (opens its transcript). */
+/**
+ * How far each helper of `list` (in sortHelpers' order) is indented: one
+ * step under a parent shown just above it, none when its parent isn't in
+ * the list (folded away, or another conversation's).
+ */
+export function shownDepths(list) {
+  const at = new Map();
+  for (const h of list || [])
+    at.set(h.id, h.parentId && at.has(h.parentId) ? at.get(h.parentId) + 1 : 0);
+  return at;
+}
+
+/** A list of helpers as rows, each indented under a parent it shows. */
+export function helperListHtml(list, ctx) {
+  const d = shownDepths(list);
+  return (list || [])
+    .map((h) => helperHtml(h, { ...ctx, depth: d.get(h.id) ?? 0 }))
+    .join("");
+}
+
+export function helperHtml(h, { ws, agent, depth }) {
+  const meta = [
+    h.workflow
+      ? t("hp.workflow", { name: h.workflow.name || h.workflow.runId })
+      : h.type,
+    h.model,
+    h.branch,
+  ]
+    .filter(Boolean)
+    .join(" · ");
+  const st = t(`hp.st.${h.status}`);
+  const when = [
+    h.durationMs !== undefined ? dur(h.durationMs) : "",
+    h.lastTool && h.status === "running" ? h.lastTool : "",
+  ]
+    .filter(Boolean)
+    .join(" · ");
+  return (
+    `<button type="button" class="agh" data-helper="${esc(h.id)}" data-agent="${esc(agent)}" data-ws="${esc(ws)}" data-status="${esc(h.status)}"` +
+    ` style="--hp-depth:${Math.max(0, Math.min(8, depth ?? (h.depth || 1) - 1))}"` +
+    ` aria-label="${esc(t("hp.open", { what: label(h), status: st }))}" title="${esc(h.statusFrom ? `${st}: ${h.statusFrom}` : st)}">` +
+    `<span class="den-dot ${helperTone(h.status)}" aria-hidden="true"></span>` +
+    `<span class="agh-n">${esc(label(h))}</span>` +
+    `<span class="agh-s">${esc(st)}${when ? ` · ${esc(when)}` : ""}</span>` +
+    (meta ? `<span class="agh-m mono">${esc(meta)}</span>` : "") +
+    `</button>`
+  );
+}
+
+/** Under an agent's row: its recent helpers and "All helpers (n)". */
+export function helperRowsHtml(r) {
+  const h = r?.helpers;
+  if (!h || !h.total) return "";
+  const ctx = { ws: r.workspace, agent: r.agent };
+  return (
+    `<div class="aghs" data-helpers-of="${esc(r.agent)}" data-ws="${esc(r.workspace)}" role="group" aria-label="${esc(t("hp.groupOf", { name: r.displayName || r.agent }))}">` +
+    helperListHtml(h.recent, ctx) +
+    `<button type="button" class="lnk aghs-all">` +
+    esc(t("hp.all", { n: h.total })) +
+    (h.running
+      ? ` <span class="hpbdg" aria-label="${esc(t("hp.runningN", { n: h.running }))}">${esc(h.running)}</span>`
+      : "") +
+    `</button></div>`
+  );
+}
+
+/** "Helpers (n)" for a pane's bar: a count badge while any run. */
+export function helperBarButtonHtml(r) {
+  const h = r?.helpers;
+  if (!h || !h.total) return "";
+  return (
+    `<button type="button" class="den-btn sm" data-act="helpers" aria-haspopup="dialog"` +
+    ` aria-label="${esc(t(h.running ? "hp.barRunning" : "hp.bar", { n: h.total, r: h.running }))}">` +
+    esc(t("hp.title", { n: h.total })) +
+    (h.running
+      ? ` <span class="hpbdg" aria-hidden="true">${esc(h.running)}</span>`
+      : "") +
+    `</button>`
+  );
+}
+
+const CSS = `
+.hp-dlg{font-family:var(--sans);width:min(760px,calc(100vw - 32px));max-height:calc(100vh - 48px);padding:0;border:1px solid var(--border-strong);border-radius:10px;background:var(--raised, var(--surface));color:var(--text);box-shadow:var(--shadow)}
+.hp-dlg::backdrop{background:rgba(0,0,0,.35)}
+.hp-hd{display:flex;gap:8px;align-items:baseline;padding:12px 16px;border-bottom:1px solid var(--border)}
+.hp-hd h2{font-size:15px;margin:0;outline:none;min-width:0;overflow-wrap:anywhere}
+.hp-hd .x{margin-left:auto;flex:none}
+.hp-body{padding:8px 12px;overflow:auto;max-height:calc(100vh - 200px)}
+.hp-note{margin:0;padding:8px 16px 12px;color:var(--muted);font-size:12px;border-top:1px solid var(--border)}
+.hp-none{color:var(--muted);font-size:13px;padding:8px 4px}
+.hp-earlier{margin-top:8px}
+.hp-earlier summary{cursor:pointer;color:var(--muted);font-size:13px;padding:4px}
+.aghs{display:flex;flex-direction:column;gap:2px;margin:2px 0 6px 18px;padding-left:8px;border-left:2px solid var(--border)}
+.agh{all:unset;box-sizing:border-box;display:grid;grid-template-columns:auto 1fr auto;gap:2px 8px;align-items:center;width:100%;padding:4px 6px 4px calc(6px + var(--hp-depth,0) * 14px);border-radius:var(--radius-button,6px);cursor:pointer;font-size:12px;color:var(--text)}
+.agh:hover{background:var(--sunken)}
+.agh:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
+.agh-n{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.agh-s{color:var(--muted);white-space:nowrap}
+.agh-m{grid-column:2 / 4;color:var(--faint);font-size:11px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.agh[data-status="running"] .agh-s{color:var(--text)}
+.aghs-all{align-self:flex-start;font-size:12px;margin:2px 6px}
+.hpbdg{display:inline-block;min-width:16px;padding:0 5px;border-radius:8px;background:var(--accent);color:var(--accent-text);font-size:11px;line-height:16px;text-align:center}
+`;
+
+let dlg = null;
+let opener = null;
+let openerKey = "";
+
+function ensureCss() {
+  if (document.getElementById("hp-css")) return;
+  const s = document.createElement("style");
+  s.id = "hp-css";
+  s.textContent = CSS;
+  document.head.append(s);
+}
+
+function dialog() {
+  ensureCss();
+  if (dlg && dlg.isConnected) return dlg;
+  dlg = document.createElement("dialog");
+  dlg.className = "hp-dlg";
+  dlg.id = "hp-dlg";
+  dlg.setAttribute("aria-labelledby", "hp-h");
+  dlg.innerHTML =
+    `<div class="hp-hd"><h2 id="hp-h" tabindex="-1"></h2>` +
+    `<button type="button" class="den-btn sm x" data-hp-close></button></div>` +
+    `<div class="hp-body" id="hp-body" aria-live="polite"></div>` +
+    `<p class="hp-note" id="hp-note"></p>`;
+  dlg.querySelector("[data-hp-close]").addEventListener("click", () => {
+    if (dlg.open && typeof dlg.close === "function") dlg.close();
+    else dlg.removeAttribute("open");
+  });
+  dlg.addEventListener("close", () => {
+    const o = opener;
+    const k = openerKey;
+    opener = null;
+    openerKey = "";
+    // The Agents page's poll may have replaced it meanwhile: find it again.
+    focusBack(o, k);
+  });
+  // A helper opens its transcript over this list.
+  dlg.addEventListener("click", (e) => {
+    const b = e.target.closest("button.agh");
+    if (b)
+      void openHelperTranscript({
+        ws: b.dataset.ws,
+        agent: b.dataset.agent,
+        helper: b.dataset.helper,
+        opener: b,
+      });
+  });
+  document.body.append(dlg);
+  return dlg;
+}
+
+/** Every helper of agent `agent` (see the file's comment). */
+export async function openHelpers({ ws, agent, name, opener: from = null }) {
+  const d = dialog();
+  opener = from ?? document.activeElement;
+  openerKey = refindKey(opener);
+  d.querySelector("#hp-h").textContent = t("hp.dlg", { name: name || agent });
+  d.querySelector("[data-hp-close]").textContent = t("tx.close");
+  d.querySelector("#hp-note").textContent = t("hp.note");
+  const body = d.querySelector("#hp-body");
+  body.setAttribute("aria-busy", "true");
+  body.innerHTML = `<p class="hp-none">${esc(t("tx.loading"))}</p>`;
+  if (!d.open) {
+    if (typeof d.showModal === "function") d.showModal();
+    else d.setAttribute("open", "");
+  }
+  d.querySelector("#hp-h").focus();
+  try {
+    const r = await api("GET", base(ws, agent));
+    const all = Array.isArray(r?.helpers) ? r.helpers : [];
+    const now = all.filter((h) => !h.earlier);
+    const before = all.filter((h) => h.earlier);
+    const ctx = { ws, agent };
+    body.innerHTML =
+      (r?.supported === false
+        ? `<p class="hp-none">${esc(t("hp.unsupported"))}</p>`
+        : now.length
+          ? helperListHtml(now, ctx)
+          : `<p class="hp-none">${esc(t("hp.none"))}</p>`) +
+      (before.length
+        ? `<details class="hp-earlier"><summary>${esc(t("hp.earlier", { n: before.length }))}</summary>` +
+          helperListHtml(before, ctx) +
+          `</details>`
+        : "");
+  } catch (e) {
+    body.innerHTML = `<p class="hp-none" role="alert">${esc(t("tx.failed", { err: e?.message || String(e) }))}</p>`;
+  } finally {
+    body.removeAttribute("aria-busy");
+  }
+}
+
+/** One helper's transcript, in the shared transcript view. */
+export function openHelperTranscript({ ws, agent, helper, opener: from }) {
+  let head = null;
+  return openTranscript({
+    title: t("tx.loading"),
+    note: t("hp.note"),
+    opener: from,
+    load: async () => {
+      const r = await api(
+        "GET",
+        `${base(ws, agent)}/${encodeURIComponent(helper)}`,
+      );
+      head = r?.helper;
+      const h2 = document.getElementById("tx-h");
+      const sub = document.getElementById("tx-sub");
+      if (h2 && head) h2.textContent = label(head);
+      if (sub && head)
+        sub.textContent = [
+          t(`hp.st.${head.status}`),
+          head.workflow
+            ? t("hp.workflow", {
+                name: head.workflow.name || head.workflow.runId,
+              })
+            : head.type,
+          head.model,
+          head.branch,
+          head.durationMs !== undefined ? dur(head.durationMs) : "",
+        ]
+          .filter(Boolean)
+          .join(" · ");
+      return { items: r?.items ?? [], omitted: r?.omitted ?? 0 };
+    },
+  });
+}
+
+/** Wire helper rows and "All helpers" inside `root` (a list's container). */
+export function wireHelperRows(root, nameOf = (a) => a) {
+  ensureCss();
+  root.addEventListener("click", (e) => {
+    const row = e.target.closest("button.agh");
+    if (row && root.contains(row)) {
+      e.stopPropagation();
+      void openHelperTranscript({
+        ws: row.dataset.ws,
+        agent: row.dataset.agent,
+        helper: row.dataset.helper,
+        opener: row,
+      });
+      return;
+    }
+    const all = e.target.closest(".aghs-all");
+    if (all && root.contains(all)) {
+      e.stopPropagation();
+      const g = all.closest(".aghs");
+      void openHelpers({
+        ws: g.dataset.ws,
+        agent: g.dataset.helpersOf,
+        name: nameOf(g.dataset.helpersOf, g.dataset.ws),
+        opener: all,
+      });
+    }
+  });
+}

package/src/ui/server/public/agents-page.js

@@ -84,6 +84,13 @@
  * as a tag.
  */
 import { readiness, runtimeName, runtimeOptions } from "/agent-start.js";
+import { focusBack, refindKey } from "/transcript-view.js";
+import {
+  helperBarButtonHtml,
+  helperRowsHtml,
+  openHelpers,
+  wireHelperRows,
+} from "/agent-helpers.js";
 import {
   commandProblem,
   filterBarHtml,
@@ -496,7 +503,8 @@ function stoppedHtml(r) {
     `<span class="why">${esc(stopReason(r))}</span>` +
     `</button>` +
     `<div class="agacts">${callout}${cant}${resume}${fresh}${rename}${remove}</div>` +
-    `</div>`
+    `</div>` +
+    helperRowsHtml(r)
   );
 }
 
@@ -540,15 +548,49 @@ function rowHtml(r) {
   // D28: a running agent whose rotation is due: its callout, with buttons
   // (before, only a tag: nothing to press).
   const callout = r.kind === "agent" ? rotCalloutHtml(r) : "";
-  if (!callout) return button;
+  // D32: the helpers it started in its own session, under it.
+  const helpers = r.kind === "agent" ? helperRowsHtml(r) : "";
+  if (!callout) return button + helpers;
   return (
     `<div class="agst" data-agent="${esc(r.agent)}" data-state="${esc(r.state)}" data-ws="${esc(r.workspace)}" data-rotation="${rot}">` +
     button +
     `<div class="agacts">${callout}</div>` +
-    `</div>`
+    `</div>` +
+    helpers
   );
 }
 
+/** Where focus was in the list, as a selector that finds it again once
+ * the list is redrawn: a helper row or button, an agent's row, a link. */
+function listFocusKey(el) {
+  const key = refindKey(el);
+  if (key) return key;
+  const q = (v) => CSS.escape(String(v ?? ""));
+  if (el.matches("button.agr[data-id]"))
+    return `#agl button.agr[data-id="${q(el.dataset.id)}"]`;
+  if (el.matches("[data-act]")) {
+    const row = el.closest(".agst[data-agent]");
+    const act = `[data-act="${q(el.dataset.act)}"]`;
+    return row
+      ? `#agl .agst[data-agent="${q(row.dataset.agent)}"][data-ws="${q(row.dataset.ws)}"] ${act}`
+      : `#agl ${act}`;
+  }
+  return "";
+}
+
+/** The list's HTML, written only when it changed; focus inside it is kept
+ * (the refresh poll redraws it every few seconds). */
+function setList(el, html) {
+  if (el.denHtml === html) return;
+  el.denHtml = html;
+  const had = el.contains(document.activeElement)
+    ? document.activeElement
+    : null;
+  const key = had ? listFocusKey(had) : "";
+  el.innerHTML = html;
+  if (had) focusBack(had, key);
+}
+
 function paintList() {
   const el = st.root.querySelector("#agl");
   el.removeAttribute("aria-busy");
@@ -562,7 +604,7 @@ function paintList() {
       `<div class="agnote" data-note="backend">${esc(t("ag.noBackend", { cli: CLI }))}</div>`,
     );
   if (!st.data) {
-    el.innerHTML = notes.join("");
+    setList(el, notes.join(""));
     return;
   }
   // ON-6: the server agent's group, "Server", first, whatever the view.
@@ -615,10 +657,12 @@ function paintList() {
         )
         .join("")
     : `<div class="none">${esc(t("ag.none.scope", { scope: st.scopeLabel }))}</div>`;
-  el.innerHTML =
+  setList(
+    el,
     notes.join("") +
-    body +
-    `<div class="aghint" id="agl-hint">${esc(t(`ag.hint.${shownLayout()}`))} ${esc(t("ag.hint.keys"))}</div>`;
+      body +
+      `<div class="aghint" id="agl-hint">${esc(t(`ag.hint.${shownLayout()}`))} ${esc(t("ag.hint.keys"))}</div>`,
+  );
   const clear = st.root.querySelector("#ag-clear");
   if (clear) clear.hidden = !visibleRows().some(isStopped);
   // No such workspace: nothing to start an agent in.
@@ -697,6 +741,13 @@ async function refresh() {
     /* the last list stays; the next ask may answer */
   }
   followAgents();
+  // D32: the rail's Agents badge: helpers running now.
+  window.denShell?.setState?.({
+    helpersRunning: (st.data?.sessions ?? []).reduce(
+      (n, r) => n + (r.helpers?.running ?? 0),
+      0,
+    ),
+  });
   st.scopeLabel = scopeLabelFor(viewWorkspaces());
   paintList();
   paintSub();
@@ -1098,7 +1149,7 @@ function paintBar(p) {
     (r?.kind === "agent" && rotActionsHtml(r)
       ? `<span class="agrot" data-rot-bar title="${esc(rotMessage(r))}"><span class="tagx warn" data-rotation="${rotationOf(r)}">${esc(t(rotationOf(r) === "ready" ? "ag.rot.ready" : "ag.rot.due", { why: rotationWhy(r.rotation) }))}</span>${rotActionsHtml(r)}</span>`
       : "") +
-    `<span class="x">${reconnect}${stop}${resume}${more}<button type="button" class="den-btn sm" data-act="close" aria-label="${esc(t("ag.detachName", { id: name }))}" title="${esc(t("ag.detach"))}">×</button></span>`;
+    `<span class="x">${r?.kind === "agent" ? helperBarButtonHtml(r) : ""}${reconnect}${stop}${resume}${more}<button type="button" class="den-btn sm" data-act="close" aria-label="${esc(t("ag.detachName", { id: name }))}" title="${esc(t("ag.detach"))}">×</button></span>`;
   // Tabs: the tab's × closes it; the pane's bar has none.
   const x = bar.querySelector('[data-act="close"]');
   if (x) x.hidden = shownLayout() === "tabs";
@@ -2947,6 +2998,13 @@ export async function mountAgentsPage(root) {
     startPrefill = { ws: q.get("ws") || "", folder: q.get("folder") || "" };
   }
 
+  // D32: helper rows open their transcript; "All helpers" the full list.
+  wireHelperRows(root.querySelector("#agl"), (agent, ws) => {
+    const r = visibleRows().find(
+      (x) => x.agent === agent && x.workspace === ws,
+    );
+    return r ? displayName(r) : agent;
+  });
   root.querySelector("#agl").addEventListener("click", (e) => {
     const act = e.target.closest("button[data-act]");
     if (act) {
@@ -3015,7 +3073,16 @@ export async function mountAgentsPage(root) {
       const r = rowOf(id);
       if (r) void restartRow(r, "resume", b);
     } else if (b.dataset.act === "reconnect") void connect(p);
-    else if (b.dataset.act === "more") {
+    else if (b.dataset.act === "helpers") {
+      const r = rowOf(id);
+      if (r?.kind === "agent")
+        void openHelpers({
+          ws: r.workspace,
+          agent: r.agent,
+          name: paneName(r),
+          opener: b,
+        });
+    } else if (b.dataset.act === "more") {
       const r = rowOf(id);
       if (!r) return;
       window.denShell?.openMenu?.(b, {

package/src/ui/server/public/i18n/es.js

@@ -197,6 +197,8 @@
     "lock.note":
       "Den la usa solo para sudo. Los agentes no pueden introducirla.",
     "lock.saved": "Contraseña de administrador guardada para esta sesión",
+    "lock.savedTo":
+      "Contraseña de administrador guardada para esta sesión y en {s}",
     "lock.saveFailed":
       "Guardada para esta sesión, pero no se pudo guardar en {s}: {err}",
     "lock.wrong": "Contraseña incorrecta; inténtalo de nuevo",
@@ -756,6 +758,45 @@
     "ag.sub.one": "{n} sesión · {w} en espera · {scope}",
     "ag.all": "todos los espacios",
     "ag.waiting": "en espera",
+    "tx.asked": "Pedido",
+    "tx.result": "Resultado",
+    "tx.error": "Error",
+    "tx.omitted": "{n} líneas anteriores no se muestran",
+    "tx.omitted.one": "{n} línea anterior no se muestra",
+    "tx.empty": "Nada todavía.",
+    "tx.close": "Cerrar",
+    "tx.loading": "Cargando…",
+    "tx.failed": "No se pudo leer: {err}",
+    "hp.title": "Ayudantes ({n})",
+    "hp.bar": "Ayudantes: {n}",
+    "hp.barRunning": "Ayudantes: {n}, {r} en marcha",
+    "hp.all": "Todos los ayudantes ({n})",
+    "hp.runningN": "{n} en marcha",
+    "hp.groupOf": "Ayudantes de {name}",
+    "hp.open": "{what}, {status}: abrir su transcripción",
+    "hp.dlg": "Ayudantes de {name}",
+    "hp.earlier": "Conversaciones anteriores ({n})",
+    "hp.none": "Sin ayudantes en esta conversación.",
+    "hp.unsupported":
+      "El runtime de este agente no puede decir qué ayudantes inició.",
+    "hp.workflow": "flujo {name}",
+    "hp.note":
+      "Los ayudantes corren dentro de la sesión del propio agente: Den los muestra, pero no puede detenerlos ni dirigirlos. Para cambiar lo que hacen, díselo al agente.",
+    "hp.st.running": "en marcha",
+    "hp.st.idle": "inactivo",
+    "hp.st.done": "terminado",
+    "hp.st.failed": "falló",
+    "hp.st.stopped": "detenido",
+    "b.helpers": "{n} ayudantes en marcha",
+    "b.helpers.one": "{n} ayudante en marcha",
+    "hub.rail": "Hub",
+    "hub.railTip": "{team} en Hub (se abre en otra pestaña)",
+    "hub.railTipPlain": "Hub (se abre en otra pestaña)",
+    "hub.railUnread": "{n} esperan tu respuesta",
+    "hub.railRejected":
+      "Hub no acepta el token de esta instalación. Vuelve a conectar en Ajustes › Hub.",
+    "hub.railForbidden":
+      "Hub no permite esta instalación. Pídeselo a un administrador de Hub (Ajustes › Hub).",
     "ag.session": "sesión",
     "ag.empty":
       "Elige una sesión a la izquierda para abrir su terminal. Abre más para verlas en mosaico (hasta 4).",

package/src/ui/server/public/i18n/ja.js

@@ -186,6 +186,8 @@
     "lock.note":
       "Den はこれを sudo にだけ使います。エージェントは入力できません。",
     "lock.saved": "このセッションの間、管理者パスワードを保持します",
+    "lock.savedTo":
+      "このセッションの間、管理者パスワードを保持し、{s} に保存しました",
     "lock.saveFailed":
       "このセッションの間は保持しますが、{s} への保存に失敗しました: {err}",
     "lock.wrong": "パスワードが違います。もう一度お試しください",
@@ -737,6 +739,43 @@
     "ag.sub": "{n} セッション · 承認待ち {w} · {scope}",
     "ag.all": "すべてのワークスペース",
     "ag.waiting": "承認待ち",
+    "tx.asked": "依頼",
+    "tx.result": "結果",
+    "tx.error": "エラー",
+    "tx.omitted": "以前の {n} 行は表示していません",
+    "tx.empty": "まだ何もありません。",
+    "tx.close": "閉じる",
+    "tx.loading": "読み込み中…",
+    "tx.failed": "読み取れませんでした: {err}",
+    "hp.title": "ヘルパー ({n})",
+    "hp.bar": "ヘルパー: {n}",
+    "hp.barRunning": "ヘルパー: {n}、実行中 {r}",
+    "hp.all": "すべてのヘルパー ({n})",
+    "hp.runningN": "実行中 {n}",
+    "hp.groupOf": "{name} のヘルパー",
+    "hp.open": "{what}、{status}: トランスクリプトを開く",
+    "hp.dlg": "{name} のヘルパー",
+    "hp.earlier": "以前の会話 ({n})",
+    "hp.none": "この会話にヘルパーはいません。",
+    "hp.unsupported":
+      "このエージェントのランタイムは、起動したヘルパーを示せません。",
+    "hp.workflow": "ワークフロー {name}",
+    "hp.note":
+      "ヘルパーはこのエージェント自身のセッションで動くため、Den は表示できますが、停止や指示はできません。変えたいときはエージェントに伝えてください。",
+    "hp.st.running": "実行中",
+    "hp.st.idle": "待機",
+    "hp.st.done": "完了",
+    "hp.st.failed": "失敗",
+    "hp.st.stopped": "停止",
+    "b.helpers": "実行中のヘルパー {n}",
+    "hub.rail": "Hub",
+    "hub.railTip": "Hub の {team}（新しいタブで開く）",
+    "hub.railTipPlain": "Hub（新しいタブで開く）",
+    "hub.railUnread": "対応待ち {n} 件",
+    "hub.railRejected":
+      "Hub がこのインストールのトークンを受け付けません。設定 › Hub から再接続してください。",
+    "hub.railForbidden":
+      "Hub がこのインストールを許可していません。Hub の管理者に依頼してください（設定 › Hub）。",
     "ag.session": "セッション",
     "ag.empty":
       "左のセッションを選ぶとターミナルが開きます。複数開くと並べて表示します（最大 4）。",