@monster-orange/den 0.4.21 → 0.4.22

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

@@ -347,6 +347,25 @@ function wsLinkHtml(ws) {
   return `<a class="wslink" href="${esc(wsHref(ws))}" title="${esc(t("ag.goWs", { ws }))}">${esc(ws)}</a>`;
 }
 
+/**
+ * D20: where its session runs, as a tag: "Stops at logout" (the desktop
+ * session) or "No GUI" (outside it: kept across logout). `button`: a
+ * button that says why when tapped (the pane bar); else a span (a row,
+ * itself a button). "" when the host didn't say (off macOS, older host).
+ */
+function whereTag(r, button = false) {
+  const s = r?.launchd;
+  const logout = s === "Aqua" || s === "LoginWindow";
+  if (!logout && s !== "Background" && s !== "System") return "";
+  const key = logout ? "ag.where.logout" : "ag.where.bg";
+  const tip = t(`${key}Tip`, { cli: CLI });
+  const cls = `tagx${logout ? " warn" : ""}`;
+  const where = logout ? "logout" : "bg";
+  return button
+    ? `<button type="button" class="${cls}" data-act="where" data-where="${where}" title="${esc(tip)}" aria-label="${esc(`${t(key)}: ${tip}`)}">${logout ? "⚠ " : ""}${esc(t(key))}</button>`
+    : `<span class="${cls}" data-where="${where}" title="${esc(tip)}">${logout ? "⚠ " : ""}${esc(t(key))}</span>`;
+}
+
 /** Its rotation, when one is due: "ready" or "due" (den#4). */
 function rotationOf(r) {
   if (!r.rotation?.due) return "";
@@ -370,6 +389,8 @@ function stoppedHtml(r) {
     : "";
   const fresh = `<button type="button" class="den-btn sm" data-act="fresh" aria-label="${esc(t("ag.freshName", { id: r.agent }))}">${esc(t("ag.fresh"))}</button>`;
   const remove = `<button type="button" class="den-btn sm" data-act="remove" aria-label="${esc(t("ag.removeName", { id: r.agent }))}">${esc(t("ag.remove"))}</button>`;
+  // D25: an agent with no pane open can be renamed too.
+  const rename = `<button type="button" class="den-btn sm" data-act="rename" aria-label="${esc(t("ag.renameName", { id: r.agent }))}">${esc(t("ag.rn.act"))}</button>`;
   // A rotation due without a handoff that passes: say so (den#4).
   const handoff =
     rot === "due"
@@ -400,7 +421,7 @@ function stoppedHtml(r) {
     (meta ? `<span class="meta">${esc(meta)}</span>` : "") +
     `<span class="why">${esc(stopReason(r))}</span>` +
     `</button>` +
-    `<div class="agacts">${handoff}${cant}${relaunch}${resume}${fresh}${remove}</div>` +
+    `<div class="agacts">${handoff}${cant}${relaunch}${resume}${fresh}${rename}${remove}</div>` +
     `</div>`
   );
 }
@@ -428,9 +449,10 @@ function rowHtml(r) {
     ? `<span class="tagx warn" title="${esc(t("ag.revokedTip"))}">${esc(t("ag.revoked"))}</span>`
     : "";
   const ovTags = r.kind === "agent" ? overrideTagsHtml(r) : "";
+  const wTag = whereTag(r);
   const tags =
-    rotTag || revokedTag || ovTags
-      ? `<span class="agtags">${revokedTag}${rotTag}${ovTags}</span>`
+    rotTag || revokedTag || ovTags || wTag
+      ? `<span class="agtags">${revokedTag}${rotTag}${wTag}${ovTags}</span>`
       : "";
   return (
     `<button type="button" class="agr" data-id="${esc(r.id)}" data-kind="${esc(r.kind)}" data-state="${esc(r.state)}"` +
@@ -976,9 +998,10 @@ function paintBar(p) {
   const reconnect = p.lost
     ? `<button type="button" class="den-btn sm" data-act="reconnect">${esc(t("ag.reconnect"))}</button>`
     : "";
-  // AG-18: ⋯, its menu: Change persona… (a runtime that can resume).
+  // AG-18: ⋯, its menu: Rename… (D25, every agent), Change persona… (a
+  // runtime that can resume).
   const more =
-    r?.kind === "agent" && r.personaChange
+    r?.kind === "agent"
       ? `<button type="button" class="den-btn sm" data-act="more" aria-haspopup="menu" aria-expanded="false" aria-label="${esc(t("ag.more", { id: r.agent }))}" title="${esc(t("ag.more", { id: r.agent }))}">⋯</button>`
       : "";
   bar.innerHTML =
@@ -987,6 +1010,7 @@ function paintBar(p) {
     (r?.tokenRevoked
       ? `<span class="tagx warn" title="${esc(t("ag.revokedTip"))}">${esc(t("ag.revoked"))}</span>`
       : "") +
+    whereTag(r, true) +
     `<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>`;
   // Tabs: the tab's × closes it; the pane's bar has none.
   const x = bar.querySelector('[data-act="close"]');
@@ -2126,6 +2150,63 @@ function goLabel() {
   return t(sd.change ? "ag.pc.go" : sd.bring ? "ag.bring.go" : "ag.go");
 }
 
+/**
+ * D25: the Rename dialog for agent row `r`: its name (empty: back to its
+ * id), and the name other sessions will see it by (D24).
+ */
+function openRename(r, opener) {
+  const dlg = $d("#ag-rn");
+  if (!dlg || dlg.open) return;
+  const input = $d("#ag-rn-name");
+  const help = $d("#ag-rn-help");
+  const err = $d("#ag-rn-err");
+  $d("#ag-rn-h").textContent = t("ag.rn.title", { id: r.agent });
+  $d("#ag-rn-t").textContent = t("ag.rn.name");
+  $d("#ag-rn-go").textContent = t("ag.rn.go");
+  $d("#ag-rn-cancel").textContent = t("ag.rn.cancel");
+  input.value = r.displayName || "";
+  input.placeholder = r.agent;
+  const paintHelp = () => {
+    const name = input.value.trim() || r.agent;
+    help.textContent = t("ag.rn.help", {
+      id: r.agent,
+      peer: `${CLI}-${r.workspace}:${name}`,
+    });
+  };
+  paintHelp();
+  err.hidden = true;
+  input.oninput = paintHelp;
+  const close = () => {
+    dlg.close?.();
+    dlg.removeAttribute("open");
+    opener?.focus?.();
+  };
+  $d("#ag-rn-cancel").onclick = close;
+  $d("#ag-rn-form").onsubmit = async (e) => {
+    e.preventDefault();
+    const name = input.value.trim();
+    const go = $d("#ag-rn-go");
+    go.disabled = true;
+    try {
+      await api("POST", agentPath(r, "name"), {
+        name: name && name !== r.agent ? name : null,
+      });
+      close();
+      await refresh();
+      paintLayout();
+    } catch (x) {
+      err.textContent = x?.message || String(x);
+      err.hidden = false;
+    } finally {
+      go.disabled = false;
+    }
+  };
+  if (typeof dlg.showModal === "function") dlg.showModal();
+  else dlg.setAttribute("open", "");
+  input.focus();
+  input.select();
+}
+
 /** AG-18: Change persona… for agent row `r` (its persona, model, name). */
 function openPersonaChange(r) {
   return openStart(false, {
@@ -2708,6 +2789,7 @@ export async function mountAgentsPage(root) {
       if (which === "resume" || which === "fresh" || which === "relaunch")
         void restartRow(r, which, act);
       else if (which === "remove") void removeRow(r, act);
+      else if (which === "rename") openRename(r, act);
       return;
     }
     const b = e.target.closest(".agr");
@@ -2738,6 +2820,11 @@ export async function mountAgentsPage(root) {
     const id = b.closest(".pane")?.dataset.id ?? b.dataset.id;
     const p = id && st.panes.get(id);
     if (!p) return;
+    if (b.dataset.act === "where") {
+      // D20: why it stops at logout (or what it lacks), for touch too.
+      window.denShell?.toast?.(b.title);
+      return;
+    }
     if (b.dataset.act === "close") closePane(id);
     else if (b.dataset.act === "stop") void stopAgent(p, b);
     else if (b.dataset.act === "resume") {
@@ -2750,7 +2837,17 @@ export async function mountAgentsPage(root) {
       window.denShell?.openMenu?.(b, {
         label: t("ag.more", { id: r.agent }),
         items: [
-          { label: t("ag.pc.item"), onSelect: () => void openPersonaChange(r) },
+          // D25: a visible Rename, for touch and keyboard (not only a
+          // double-click on a tab).
+          { label: t("ag.rn.item"), onSelect: () => openRename(r, b) },
+          ...(r.personaChange
+            ? [
+                {
+                  label: t("ag.pc.item"),
+                  onSelect: () => void openPersonaChange(r),
+                },
+              ]
+            : []),
         ],
       });
     }

package/src/ui/server/public/agents.html

@@ -412,6 +412,16 @@
         flex: none;
         white-space: nowrap;
       }
+      /* D20: the launchd tag is a button (tap: why); it looks like a tag. */
+      button.tagx {
+        background: none;
+        cursor: pointer;
+        line-height: inherit;
+      }
+      button.tagx:focus-visible {
+        outline: 2px solid var(--accent);
+        outline-offset: 1px;
+      }
       .wslink {
         color: inherit;
         text-decoration: none;
@@ -771,6 +781,26 @@
           </div>
         </form>
       </dialog>
+      <!-- D25: Rename, from a pane's ⋯ or a stopped agent's row. -->
+      <dialog class="ag-dlg" id="ag-rn" aria-labelledby="ag-rn-h">
+        <form method="dialog" id="ag-rn-form" novalidate>
+          <h2 id="ag-rn-h">Rename</h2>
+          <label class="fld"
+            ><span id="ag-rn-t">Name</span>
+            <input id="ag-rn-name" maxlength="40" autocomplete="off" />
+          </label>
+          <p class="help" id="ag-rn-help"></p>
+          <p class="err" id="ag-rn-err" role="alert" hidden></p>
+          <div class="btns">
+            <button type="button" class="den-btn" id="ag-rn-cancel">
+              Cancel
+            </button>
+            <button type="submit" class="den-btn primary" id="ag-rn-go">
+              Rename
+            </button>
+          </div>
+        </form>
+      </dialog>
 
       <script type="module">
         import {

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

@@ -790,6 +790,20 @@
     "ag.hint.tile": "Un clic añade una sesión al mosaico, hasta 4.",
     "ag.renameTip": "Doble clic para cambiar el nombre",
     "ag.renameName": "Cambiar el nombre de {id}",
+    "ag.rn.item": "Cambiar el nombre…",
+    "ag.rn.title": "Cambiar el nombre de {id}",
+    "ag.rn.name": "Nombre",
+    "ag.rn.help":
+      "Lo muestran su pestaña, su fila y la cabecera del panel; el id {id} no cambia. Las demás sesiones lo ven como {peer} desde su próximo inicio o reanudación. Vacío: vuelve a {id}.",
+    "ag.rn.go": "Cambiar el nombre",
+    "ag.rn.cancel": "Cancelar",
+    "ag.rn.act": "Renombrar",
+    "ag.where.logout": "Se detiene al cerrar sesión",
+    "ag.where.logoutTip":
+      "Se ejecuta en la sesión de escritorio, así que cerrar sesión lo termina. Para que los agentes sigan: {cli} service install --mode always (opcional, aún no probado tras cerrar sesión)",
+    "ag.where.bg": "Sin GUI",
+    "ag.where.bgTip":
+      "Sigue ejecutándose tras cerrar sesión, fuera de la sesión de escritorio: sin el llavero de inicio de sesión ni apps con GUI. 1Password usa el token de la cuenta de servicio, los navegadores van sin interfaz y las carpetas protegidas necesitan Acceso total al disco ({cli} doctor).",
     "ag.rt.ready": "Inicia {name} {version} desde",
     "ag.rt.readyNoVer": "Inicia {name} desde",
     "ag.rt.notFound": "No se encontró {name}.",

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

@@ -775,6 +775,20 @@
     "ag.hint.tile": "クリックでセッションをタイルに追加します（最大 4）。",
     "ag.renameTip": "ダブルクリックで名前を変更",
     "ag.renameName": "{id} の名前を変更",
+    "ag.rn.item": "名前を変更…",
+    "ag.rn.title": "{id} の名前を変更",
+    "ag.rn.name": "名前",
+    "ag.rn.help":
+      "タブ、行、ペインの見出しに表示されます。ID {id} は変わりません。ほかのセッションからは、次の開始または再開から {peer} として見えます。空にすると {id} に戻ります。",
+    "ag.rn.go": "名前を変更",
+    "ag.rn.cancel": "キャンセル",
+    "ag.rn.act": "名前を変更",
+    "ag.where.logout": "ログアウトで停止",
+    "ag.where.logoutTip":
+      "デスクトップのログインセッションで動いているため、ログアウトすると終了します。エージェントを動かし続けるには: {cli} service install --mode always (任意。ログアウトをまたいだ動作はまだ未検証)",
+    "ag.where.bg": "GUI なし",
+    "ag.where.bgTip":
+      "デスクトップセッションの外で、ログアウト後も動き続けます。ログインキーチェーンと GUI アプリは使えません。1Password はサービスアカウントのトークン、ブラウザはヘッドレス、保護されたフォルダにはフルディスクアクセスが必要です ({cli} doctor)。",
     "ag.rt.ready": "{name} {version} を起動:",
     "ag.rt.readyNoVer": "{name} を起動:",
     "ag.rt.notFound": "{name} が見つかりません。",

package/src/ui/server/public/shell.js

@@ -898,6 +898,20 @@
     "ag.hint.tile": "Click adds a session as a tile, up to 4.",
     "ag.renameTip": "Double-click to rename",
     "ag.renameName": "Rename {id}",
+    "ag.rn.item": "Rename…",
+    "ag.rn.title": "Rename {id}",
+    "ag.rn.name": "Name",
+    "ag.rn.help":
+      "Its tab, row and pane header show it; the id {id} never changes. Other sessions see it as {peer} from its next start or resume. Empty: back to {id}.",
+    "ag.rn.go": "Rename",
+    "ag.rn.cancel": "Cancel",
+    "ag.rn.act": "Rename",
+    "ag.where.logout": "Stops at logout",
+    "ag.where.logoutTip":
+      "It runs in the desktop login session, so logging out ends it. To keep agents running: {cli} service install --mode always (opt-in, not yet proven across a logout)",
+    "ag.where.bg": "No GUI",
+    "ag.where.bgTip":
+      "It keeps running after logout, outside the desktop session: no login keychain and no GUI apps. 1Password uses the service-account token, browsers run headless, and protected folders need Full Disk Access ({cli} doctor).",
     "ag.rt.ready": "Starts {name} {version} from",
     "ag.rt.readyNoVer": "Starts {name} from",
     "ag.rt.notFound": "{name} not found.",

package/src/ui/server/session-routes.ts

@@ -143,6 +143,8 @@ export interface ListedSession {
   /** ON-6: the server agent's row (its workspace is the server scope). */
   server?: boolean;
   kind: "agent" | "session";
+  /** D20: the launchd session its host runs in (Aqua ends at logout). */
+  launchd?: string;
   /** The `<name>` part: an agent's id, a plain session's name. */
   label: string;
   agent?: string;
@@ -251,6 +253,7 @@ export function listedSessions(
       state: r.state,
       exited: !s || s.exited === true,
       ...(s?.exitCode !== undefined ? { exitCode: s.exitCode } : {}),
+      ...(s?.launchd ? { launchd: s.launchd } : {}),
       ...(r.startedAt ? { startedAt: r.startedAt } : {}),
       attachable: Boolean(s),
       resumable: r.resumable,
@@ -276,6 +279,7 @@ export function listedSessions(
       state: sessionState(s),
       exited: s.exited === true,
       ...(s.exitCode !== undefined ? { exitCode: s.exitCode } : {}),
+      ...(s.launchd ? { launchd: s.launchd } : {}),
       startedAt: s.startedAt,
       attachable: true,
     });