@monster-orange/den 0.4.15 → 0.4.17

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

@@ -147,6 +147,9 @@ const st = {
   signedOut: false,
   open: [],
   panes: new Map(),
+  // AG-18: agents (ws\0id) whose persona change started fresh, for the
+  // pane's line once it follows them.
+  fresh: new Set(),
   timer: null,
   xterm: null,
   csrf: null,
@@ -326,6 +329,18 @@ function rotationWhy(rot) {
   );
 }
 
+/** The Workspaces page, focused on workspace `ws` (0.4.17). */
+function wsHref(ws) {
+  const nav = window.denShell?.nav?.() ?? [];
+  const base = nav.find((n) => n.id === "local-dev")?.href ?? "/local-dev";
+  return `${base}?ws=${encodeURIComponent(ws)}`;
+}
+
+/** Workspace `ws` as a link to it on Workspaces. */
+function wsLinkHtml(ws) {
+  return `<a class="wslink" href="${esc(wsHref(ws))}" title="${esc(t("ag.goWs", { ws }))}">${esc(ws)}</a>`;
+}
+
 /** Its rotation, when one is due: "ready" or "due" (den#4). */
 function rotationOf(r) {
   if (!r.rotation?.due) return "";
@@ -480,7 +495,7 @@ function paintList() {
     ? groups
         .map(
           (g) =>
-            `<div class="wsg" data-ws="${esc(g.ws)}"><div class="wsh"><span>${esc(g.ws)}</span><span>${esc(g.rows.length)}</span></div>` +
+            `<div class="wsg" data-ws="${esc(g.ws)}"><div class="wsh"><span>${wsLinkHtml(g.ws)}</span><span>${esc(g.rows.length)}</span></div>` +
             g.rows.map(rowHtml).join("") +
             `</div>`,
         )
@@ -565,6 +580,7 @@ async function refresh() {
   } catch {
     /* the last list stays; the next ask may answer */
   }
+  followAgents();
   st.scopeLabel = scopeLabelFor(viewWorkspaces());
   paintList();
   paintSub();
@@ -572,14 +588,84 @@ async function refresh() {
   const strip = st.root.querySelector("#agr > .agtabs");
   if (strip) paintTabs(strip);
   if (!st.root.isConnected) return;
-  st.timer = setTimeout(() => {
-    if (!document.hidden) void refresh();
-    else st.timer = setTimeout(refresh, REFRESH_MS);
-  }, REFRESH_MS);
+  // A pane whose session just ended may have a new one soon (a persona
+  // change, a resume): look again every second for a while.
+  const soon = Date.now() < (st.followUntil ?? 0);
+  st.timer = setTimeout(
+    () => {
+      if (!document.hidden) void refresh();
+      else st.timer = setTimeout(refresh, REFRESH_MS);
+    },
+    soon ? FOLLOW_MS : REFRESH_MS,
+  );
 }
 
 const rowOf = (id) => st.data?.sessions?.find((s) => s.id === id) ?? null;
 
+/** How often, and how long, the list is read after a pane's session ends. */
+const FOLLOW_MS = 1_000;
+const FOLLOW_FOR_MS = 15_000;
+
+/**
+ * A pane follows its agent, not a session (AG-18): when the agent's
+ * session changes (Change persona, Resume, a rotation), the pane moves to
+ * the new one in the same slot, its scrollback kept.
+ */
+function followAgents() {
+  for (const p of [...st.panes.values()]) {
+    const r = rowOf(p.id);
+    if (r?.kind === "agent" && r.agent) {
+      p.agent = r.agent;
+      p.agentWs = r.workspace;
+    }
+    if (!p.agent || p.closed || r?.state === "running") continue;
+    const next = st.data?.sessions?.find(
+      (x) =>
+        x.kind === "agent" &&
+        x.agent === p.agent &&
+        x.workspace === p.agentWs &&
+        x.id !== p.id &&
+        x.state === "running",
+    );
+    if (next && !st.panes.has(next.id)) retarget(p, next);
+  }
+}
+
+/** The pane's line for a resume that had nothing to continue (AG-14). */
+function freshLine(p) {
+  p.term?.write(`\x1b[2m${t("ag.freshLine")}\x1b[0m\r\n`);
+}
+
+/** Move pane `p` to session row `row`, where it was. */
+function retarget(p, row) {
+  const old = p.id;
+  const sock = p.sock;
+  p.sock = null;
+  try {
+    sock?.close(1000, "switched");
+  } catch {
+    /* already closed */
+  }
+  st.panes.delete(old);
+  p.id = row.id;
+  st.panes.set(row.id, p);
+  st.open = st.open.map((x) => (x === old ? row.id : x));
+  if (st.side.delete(old)) st.side.add(row.id);
+  if (st.cur === old) st.cur = row.id;
+  p.el.dataset.id = row.id;
+  p.el.setAttribute("aria-label", row.label ?? row.id);
+  p.exited = false;
+  p.lost = false;
+  p.term?.write(
+    `\r\n\x1b[2m${t("ag.switched", { p: row.persona ?? row.agent })}\x1b[0m\r\n`,
+  );
+  if (st.fresh.delete(`${p.agentWs}\u0000${p.agent}`)) freshLine(p);
+  paintBar(p);
+  paintLayout();
+  writeUrl();
+  void connect(p);
+}
+
 // ── the panes ───────────────────────────────────────────────────────────
 
 async function loadXterm() {
@@ -704,6 +790,7 @@ function paintLayout() {
   if (n === 0) {
     box.className = "agempty";
     delete box.dataset.layout;
+    delete box.dataset.ws;
     box.innerHTML = `<div>${esc(t("ag.empty"))}</div>`;
     return;
   }
@@ -711,6 +798,10 @@ function paintLayout() {
   const shown = visibleIds();
   box.className = `agp n${Math.max(1, shown.length)}${layout === "tabs" ? " tabs" : ""}`;
   box.dataset.layout = layout;
+  // The front agent's workspace: ⌘K lists it first (0.4.17).
+  const front = rowOf(st.cur)?.workspace;
+  if (front) box.dataset.ws = front;
+  else delete box.dataset.ws;
   const empty = box.querySelector(":scope > div:not(.pane):not(.agtabs)");
   if (empty) empty.remove();
   let strip = box.querySelector(":scope > .agtabs");
@@ -854,10 +945,14 @@ function paintBar(p) {
   const r = rowOf(p.id);
   const bar = p.el.querySelector(".bar2");
   const name = r ? paneName(r) : p.label || p.id;
-  // AG-4b: the session's name last, when it says more.
-  const where = r
-    ? [r.workspace, r.runtime, sessionExtra(r)].filter(Boolean).join(" · ")
-    : p.workspace || "";
+  // AG-4b: the session's name last, when it says more. The workspace is a
+  // link to it on Workspaces (0.4.17).
+  const ws = r ? r.workspace : p.workspace || "";
+  const rest = r
+    ? [r.runtime, sessionExtra(r)].filter(Boolean).join(" · ")
+    : "";
+  const where =
+    (ws ? wsLinkHtml(ws) : "") + (ws && rest ? " · " : "") + esc(rest);
   const tone = r ? stateTone(r) : p.exited ? "off" : "pending";
   const stop =
     r?.kind === "agent" && (r.state === "running" || r.state === "stopping")
@@ -871,13 +966,18 @@ 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).
+  const more =
+    r?.kind === "agent" && r.personaChange
+      ? `<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 =
     `<span class="den-dot ${tone}" aria-hidden="true"></span>` +
-    `<b>${esc(name)}</b><span class="where mono">${esc(where)}</span>` +
+    `<b>${esc(name)}</b><span class="where mono">${where}</span>` +
     (r?.tokenRevoked
       ? `<span class="tagx warn" title="${esc(t("ag.revokedTip"))}">${esc(t("ag.revoked"))}</span>`
       : "") +
-    `<span class="x">${reconnect}${stop}${resume}<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">${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";
@@ -1043,6 +1143,8 @@ async function connect(p) {
         paintBar(p);
       } else if (msg?.type === "exit") {
         p.exited = true;
+        // Its agent may continue in a new session (followAgents).
+        st.followUntil = Date.now() + FOLLOW_FOR_MS;
         const code =
           typeof msg.exitCode === "number" ? ` (${msg.exitCode})` : "";
         p.term?.write(`\r\n${t("ag.exitedLine", { code })}\r\n`);
@@ -1052,21 +1154,41 @@ async function connect(p) {
     }
     p.term?.write(new Uint8Array(e.data));
   };
-  sock.onclose = (e) => {
+  sock.onclose = async (e) => {
     if (p.sock !== sock) return;
     p.sock = null;
     if (p.closed) return;
-    // Refused before it opened: beyond loopback without a session, the
-    // upgrade is 401 (a browser sees only the close).
-    if (!opened) void refresh();
-    const why =
-      e.reason || (opened ? String(e.code) : t("ag.signin", { cli: CLI }));
+    // Refused before it opened: a browser sees only the close, so ask the
+    // route why with a plain GET (0.4.17). "Sign in" only when it's 401.
+    let why = e.reason || String(e.code);
+    if (!opened) {
+      void refresh();
+      why = await refusalReason(p.id);
+      if (p.closed || p.sock) return;
+    }
     p.term?.write(`\r\n${t("ag.lost", { why })}\r\n`);
     p.lost = true;
     paintBar(p);
   };
 }
 
+/** Why session `id`'s io upgrade was refused, in words for its pane. */
+async function refusalReason(id) {
+  try {
+    const r = await fetch(`/api/sessions/${encodeURIComponent(id)}/io`, {
+      headers: { accept: "application/json" },
+      credentials: "same-origin",
+    });
+    if (r.status === 401) return t("ag.signin", { cli: CLI });
+    const b = await r.json().catch(() => null);
+    if (r.status === 426) return t("ag.refusedUnknown");
+    if (typeof b?.error === "string" && b.error) return b.error;
+    return t("ag.refusedStatus", { status: r.status });
+  } catch {
+    return t("ag.refusedUnknown");
+  }
+}
+
 // ── links and keys in a pane (AG-4b) ───────────────────────────────────
 
 /** What Shift+Enter sends to a pane's session (a plain session: Enter). */
@@ -1255,7 +1377,7 @@ async function openPane(id, { front = true } = {}) {
     ) {
       if (e.isComposing) return true;
       e.preventDefault();
-      if (softNewlineKey(e)) typeIn(softNewlineOf(id));
+      if (softNewlineKey(e)) typeIn(softNewlineOf(p.id));
       return false;
     }
     return true;
@@ -1349,9 +1471,13 @@ async function restartRow(r, verb, button) {
         { id: r.agent },
       ),
     );
-    if (st.panes.has(r.id)) closePane(r.id, { quiet: true });
+    // Its open pane follows it to the new session (followAgents, in
+    // refresh); one that couldn't (not running yet) is closed for it.
     await refresh();
-    if (out?.agent?.sessionId) await openPane(out.agent.sessionId);
+    const next = out?.agent?.sessionId;
+    if (next && next !== r.id && st.panes.has(r.id))
+      closePane(r.id, { quiet: true });
+    if (next) await openPane(next);
   } catch (err) {
     window.denShell?.errorToast?.(err);
     await refresh();
@@ -1538,6 +1664,9 @@ const sd = {
   // AG-17.1, Bring in: null for Start; else the workspace's conversations,
   // the runtimes that can't bring one in, and the one picked.
   bring: null,
+  // AG-18, Change persona: null; else the agent's row (id, workspace,
+  // persona, model) whose persona changes.
+  change: null,
 };
 
 /** The conversation picked in Bring in, when it can be brought in. */
@@ -1625,7 +1754,38 @@ function pickConversation(id) {
   sd.bring.pick = id;
   for (const b of st.root.querySelectorAll("#ag-conv [data-cid]"))
     b.setAttribute("aria-checked", String(b.dataset.cid === id));
-  paintRuntime(false);
+  // AG-17.1c: its suggested persona, preselected (never submitted).
+  if (c.suggest && (sd.data?.personas ?? []).some((p) => p.id === c.suggest))
+    pickPersona(c.suggest);
+  else paintRuntime(false);
+}
+
+/**
+ * AG-17.1c, AG-18: what the persona changes, in one short list under it:
+ * the model kept (or the one picked), what it works as from now on, and
+ * for Bring in the MCP servers it won't have.
+ */
+function paintKeep() {
+  const el = $d("#ag-keep");
+  if (!el) return;
+  const p = curPersona();
+  const from = sd.bring ? bringPick() : sd.change;
+  el.hidden = !p || !from;
+  if (el.hidden) return void (el.innerHTML = "");
+  const items = [];
+  if (sd.model) items.push(t("ag.keep.modelNew", { m: sd.model }));
+  else if (from.model) items.push(t("ag.keep.model", { m: from.model }));
+  items.push(
+    t("ag.keep.from", {
+      p: personaName(p),
+      mode: t(`pm.${p.permission || "ask"}`),
+    }),
+  );
+  if (sd.bring && from.lost?.length)
+    items.push(t("ag.keep.lost", { s: from.lost.join(", ") }));
+  el.innerHTML = items
+    .map((x, i) => `<li data-keep="${i}">${esc(x)}</li>`)
+    .join("");
 }
 
 const $d = (sel) => st.root.querySelector(sel);
@@ -1636,6 +1796,10 @@ const curPersona = () =>
 
 /** The runtime the dialog will start: the one picked, else the persona's. */
 function chosenRuntime() {
+  // Change persona and Bring in: the agent's, or the conversation's.
+  if (sd.change?.runtime) return sd.change.runtime;
+  const conv = sd.bring ? bringPick() : null;
+  if (conv?.runtime) return conv.runtime;
   const p = curPersona();
   return $d("#ag-runtime").value || personaRuntime(sd.data, p);
 }
@@ -1657,8 +1821,9 @@ function plistHtml() {
   const rows = personaListHtml(sd.f, ps, cats, (p) =>
     personaRowHtml(p, p.id === sd.pid, sd.data),
   );
-  // Bring in continues a conversation: it needs a persona.
-  if (sd.bring) return rows;
+  // Bring in continues a conversation, and a change keeps one: each needs
+  // a persona.
+  if (sd.bring || sd.change) return rows;
   return (
     rows +
     `<div class="pgh"><span>${esc(t("ag.session"))}</span><span></span></div>` +
@@ -1670,6 +1835,18 @@ function paintPlist(keepScroll = true) {
   const l = $d("#ag-persona");
   const top = l.scrollTop;
   l.innerHTML = plistHtml();
+  // AG-18: the agent's persona now, marked.
+  const cur =
+    sd.change &&
+    [...l.querySelectorAll("[data-pid]")].find(
+      (b) => b.dataset.pid === sd.change.persona,
+    );
+  cur
+    ?.querySelector(".pn")
+    ?.insertAdjacentHTML(
+      "beforeend",
+      ` <span class="tagx" data-current>${esc(t("ag.pc.current"))}</span>`,
+    );
   l.scrollTop = keepScroll ? top : 0;
 }
 
@@ -1703,6 +1880,7 @@ function paintDetails() {
  */
 function paintRuntime(reset) {
   paintRuntimeFields(reset);
+  paintKeep();
   // Last: a Name that names a running agent disables Start (AG-10.10b).
   paintStartsAs();
 }
@@ -1714,10 +1892,22 @@ function paintRuntimeFields(reset) {
   const plain = sd.pid === PLAIN;
   // Bring in: the conversation's runtime, its own history; no first
   // instruction, no Advanced (it keeps what the persona gives).
-  $d("#ag-r-l").hidden = plain || !!sd.bring;
-  $d("#ag-task-l").hidden = plain || !!sd.bring;
-  $d("#ag-adv").hidden = plain || !!sd.bring;
-  $d("#ag-name-l").hidden = plain || !!sd.bring;
+  // Change persona: the agent's runtime and name stay. Advanced (the
+  // model) shows for both (AG-17.1c, AG-18).
+  const keeps = !!sd.bring || !!sd.change;
+  $d("#ag-r-l").hidden = plain || keeps;
+  $d("#ag-task-l").hidden = plain || keeps;
+  $d("#ag-adv").hidden = plain;
+  $d("#ag-name-l").hidden = plain || keeps;
+  if (sd.change) {
+    $d("#ag-r-miss").hidden = true;
+    ready.hidden = true;
+    const p = curPersona();
+    const ok = !!p && (p.id !== sd.change.persona || !!sd.model);
+    go.disabled = !ok;
+    go.dataset.blocked = ok ? "" : "persona";
+    return;
+  }
   if (sd.bring) {
     $d("#ag-r-miss").hidden = true;
     ready.hidden = true;
@@ -1784,6 +1974,18 @@ function paintAdvanced() {
   const name = runtimeName(sd.data?.runtimes ?? [], rt);
   const def = personaModel();
   const models = rtv?.models ?? [];
+  // AG-17.1c, AG-18: the conversation's model stays unless one is picked.
+  const from = sd.bring ? bringPick() : sd.change;
+  if (sd.bring || sd.change) {
+    const keep = from?.model
+      ? t("ag.keep.opt", { m: from.model })
+      : t("ag.keep.optNone");
+    body.innerHTML =
+      `<p>${esc(t("ag.keep.advNote"))}</p>` +
+      `<div class="two"><label class="fld"><span>${esc(t("ag.new.model"))}</span><select id="ag-model"${models.length ? "" : " disabled"}>${models.length ? modelOptionsHtml(sd.data, rt, sd.model, keep) : `<option value="">${esc(keep)}</option>`}</select></label>` +
+      `<label class="fld"><span>${esc(t("ag.new.ver"))}</span><select id="ag-ver"${models.length && sd.model ? "" : " disabled"}>${versionOptionsHtml(sd.data, rt, sd.model, sd.ver, t("ag.new.verDef", { v: versionLabel("latest") }))}</select></label></div>`;
+    return;
+  }
   const model = sd.model || def.model;
   const first = t("ag.new.modelDef", {
     // No model of its own: just the version, so the label fits the select.
@@ -1864,8 +2066,14 @@ async function fillForWorkspace(ws) {
     return false;
   }
   if (!(await fillConversations(ws))) return false;
-  if (sd.bring && sd.pid === PLAIN) sd.pid = "";
+  if ((sd.bring || sd.change) && sd.pid === PLAIN) sd.pid = "";
   const ps = sd.data?.personas ?? [];
+  // AG-17.1c: the picked conversation's suggested persona, preselected.
+  const sug = sd.bring ? bringPick()?.suggest : null;
+  if (sug && ps.some((p) => p.id === sug)) sd.pid = sug;
+  // AG-18: its persona now (marked; Change stays off until another).
+  if (sd.change && ps.some((p) => p.id === sd.change.persona))
+    sd.pid = sd.change.persona;
   if (sd.pid !== PLAIN && !ps.some((p) => p.id === sd.pid)) {
     // The first persona the list shows (grouped by category).
     const cats = (sd.data?.categories ?? []).map((c) => c.id);
@@ -1882,19 +2090,41 @@ async function fillForWorkspace(ws) {
 }
 
 /** The dialog's words for Start, or for Bring in (AG-17.1). */
-function dialogMode(bring) {
+function dialogMode(bring, change = null) {
   sd.bring = bring ? { list: [], runtimes: [], root: "", pick: "" } : null;
-  $d("#ag-dlg-h").textContent = t(bring ? "ag.bring.title" : "ag.new.title");
-  $d("#ag-note").textContent = t(bring ? "ag.bring.note" : "ag.new.note");
-  $d("#ag-go").textContent = t(bring ? "ag.bring.go" : "ag.go");
+  sd.change = change;
+  $d("#ag-dlg-h").textContent = change
+    ? t("ag.pc.title", { id: change.name })
+    : t(bring ? "ag.bring.title" : "ag.new.title");
+  $d("#ag-note").textContent = t(
+    change ? "ag.pc.note" : bring ? "ag.bring.note" : "ag.new.note",
+  );
+  $d("#ag-go").textContent = goLabel();
   $d("#ag-conv-f").hidden = !bring;
 }
 
-async function openStart(bring = false) {
+/** The submit button's words for the dialog's mode. */
+function goLabel() {
+  return t(sd.change ? "ag.pc.go" : sd.bring ? "ag.bring.go" : "ag.go");
+}
+
+/** AG-18: Change persona… for agent row `r` (its persona, model, name). */
+function openPersonaChange(r) {
+  return openStart(false, {
+    id: r.agent,
+    workspace: r.workspace,
+    persona: r.persona,
+    runtime: r.runtime,
+    model: r.model || "",
+    name: paneName(r),
+  });
+}
+
+async function openStart(bring = false, change = null) {
   const dlg = $d("#ag-dlg");
   if (!dlg || dlg.open) return;
-  dialogMode(bring);
-  const shown = viewWorkspaces();
+  dialogMode(bring, change);
+  const shown = change ? [change.workspace] : viewWorkspaces();
   const wsSel = $d("#ag-ws");
   wsSel.innerHTML = shown
     .map((w) => `<option value="${esc(w)}">${esc(w)}</option>`)
@@ -1989,7 +2219,8 @@ export function nameSlug(name) {
 function paintStartsAs() {
   const el = $d("#ag-as");
   if (!el) return;
-  const p = sd.pid && sd.pid !== PLAIN && !sd.bring ? curPersona() : null;
+  const p =
+    sd.pid && sd.pid !== PLAIN && !sd.bring && !sd.change ? curPersona() : null;
   el.hidden = !p;
   el.textContent = "";
   if (!p) return;
@@ -2059,6 +2290,7 @@ async function submitStart(form) {
   const ws = form.querySelector("#ag-ws").value || viewWorkspaces()[0];
   if (!ws || !sd.pid) return;
   if (sd.bring) return submitBringIn(ws);
+  if (sd.change) return submitPersonaChange();
   const bad = sd.extras.find((c) => commandProblem(c));
   if (sd.pid !== PLAIN && bad)
     return showStartError(new Error(t("pe.badCmd", { c: bad })));
@@ -2095,11 +2327,82 @@ async function submitStart(form) {
     showStartError(err);
   } finally {
     go.disabled = false;
-    go.textContent = t("ag.go");
+    go.textContent = goLabel();
+    if (dlg.open) paintRuntime(false);
+  }
+}
+
+/**
+ * AG-18: change the agent's persona (the same conversation resumes as the
+ * new one). Mid-turn the server asks: After this turn, or Stop it now.
+ */
+async function submitPersonaChange(when) {
+  const dlg = $d("#ag-dlg");
+  const go = $d("#ag-go");
+  const ch = sd.change;
+  const p = curPersona();
+  if (!ch || !p) return;
+  const body = { persona: p.id };
+  if (sd.model) body.model = sd.model;
+  if (sd.model && sd.ver) body.version = sd.ver;
+  if (when) body.when = when;
+  go.disabled = true;
+  go.textContent = t("ag.pc.going");
+  $d("#ag-err").hidden = true;
+  try {
+    const r = await api(
+      "POST",
+      `/api/workspaces/${encodeURIComponent(ch.workspace)}/agents/${encodeURIComponent(ch.id)}/persona`,
+      body,
+    );
+    window.denShell?.toast?.(
+      t(
+        r?.pending ? "ag.pc.pending" : r?.fresh ? "ag.pc.fresh" : "ag.pc.done",
+        { id: ch.name, p: personaName(p) },
+      ),
+    );
+    // Never prompted: nothing was resumed. Its pane says so, now if it
+    // has already moved to the new session, else when it does.
+    if (r?.fresh) {
+      const pane = [...st.panes.values()].find(
+        (q) => q.agent === ch.id && q.agentWs === ch.workspace,
+      );
+      if (pane && pane.id === r.agent?.sessionId) freshLine(pane);
+      else st.fresh.add(`${ch.workspace}\u0000${ch.id}`);
+    }
+    for (const w of r?.warnings ?? []) window.denShell?.toast?.(w);
+    dlg.close?.();
+    await refresh();
+  } catch (err) {
+    if (err?.code === "busy") showBusy();
+    else showStartError(err);
+  } finally {
+    go.textContent = goLabel();
     if (dlg.open) paintRuntime(false);
   }
 }
 
+/** It's mid-turn: never cut silently; the person picks (AG-18). */
+function showBusy() {
+  const el = $d("#ag-err");
+  el.textContent = t("ag.pc.busy") + " ";
+  const b = (id, label, when) => {
+    const x = document.createElement("button");
+    x.type = "button";
+    x.className = "den-btn sm";
+    x.id = id;
+    x.textContent = label;
+    x.addEventListener("click", () => void submitPersonaChange(when));
+    return x;
+  };
+  el.append(
+    b("ag-pc-after", t("ag.pc.after"), "after-turn"),
+    " ",
+    b("ag-pc-now", t("ag.pc.now"), "now"),
+  );
+  el.hidden = false;
+}
+
 /** Bring in (AG-17.1): the runtime's resume of the conversation picked. */
 async function submitBringIn(ws) {
   const dlg = $d("#ag-dlg");
@@ -2113,7 +2416,13 @@ async function submitBringIn(ws) {
     const r = await api(
       "POST",
       `/api/workspaces/${encodeURIComponent(ws)}/conversations/${encodeURIComponent(c.id)}/import`,
-      { persona: p.id, runtime: c.runtime },
+      {
+        persona: p.id,
+        runtime: c.runtime,
+        // AG-17.1c: the conversation's own model unless one is picked.
+        ...(sd.model ? { model: sd.model } : {}),
+        ...(sd.model && sd.ver ? { version: sd.ver } : {}),
+      },
     );
     window.denShell?.toast?.(t("ag.bring.done", { id: r?.agent?.id ?? p.id }));
     for (const w of r?.warnings ?? []) window.denShell?.toast?.(w);
@@ -2248,6 +2557,7 @@ function wireStartDialog(root) {
       sd.model = e.target.value;
       sd.ver = "";
       paintAdvanced();
+      paintRuntime(false);
     } else if (id === "ag-ver") sd.ver = e.target.value;
   });
   // ↑ ↓ move through the persona list (a radio group).
@@ -2402,6 +2712,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") {
+      const r = rowOf(id);
+      if (!r) return;
+      window.denShell?.openMenu?.(b, {
+        label: t("ag.more", { id: r.agent }),
+        items: [
+          { label: t("ag.pc.item"), onSelect: () => void openPersonaChange(r) },
+        ],
+      });
+    }
   });
   root.querySelector("#ag-start").addEventListener("click", () => {
     void openStart();

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

@@ -412,6 +412,15 @@
         flex: none;
         white-space: nowrap;
       }
+      .wslink {
+        color: inherit;
+        text-decoration: none;
+      }
+      .wslink:hover,
+      .wslink:focus-visible {
+        color: var(--text);
+        text-decoration: underline;
+      }
       .pane .bar2 .where {
         flex: 0 1 auto;
         min-width: 0;
@@ -701,6 +710,7 @@
               aria-label="Persona"
             ></div>
             <div id="ag-detrow"></div>
+            <ul class="den-keep" id="ag-keep" role="status" hidden></ul>
           </div>
           <div class="two">
             <label class="fld" id="ag-r-l"