@monster-orange/den 0.4.15 → 0.4.17

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

@@ -53,6 +53,8 @@
     "b.down.one": "{n} caído",
     "act.pin": "Fijar",
     "act.unpin": "Quitar",
+    "act.visit": "Visitar",
+    "act.visitX": "Visitar {s} (se abre en una pestaña nueva)",
     "act.pinX": "Fijar {s}",
     "act.unpinX": "Quitar {s}",
     "toast.pinned": "{s} fijado",
@@ -109,6 +111,8 @@
     "kind.app": "App",
     "kind.action": "Acción",
     "kind.setting": "Ajuste",
+    "kind.workspace": "Espacio de trabajo",
+    "pal.goWs": "Ir al espacio de trabajo {ws}",
     "pal.repos": "{n} repositorios",
     "pal.repos.one": "{n} repositorio",
     "pal.restart": "Reiniciar {s}",
@@ -254,12 +258,18 @@
     "err.signin.title": "Inicia sesión en {name}",
     "err.signin.where":
       "Estás abriendo {name} desde otro ordenador. {name} corre en {host}, así que necesita saber que eres tú.",
-    "err.signin.githubNote":
-      "Usa tu cuenta de GitHub. El propietario de este {name} tiene que haber vinculado la suya.",
-    "err.signin.githubNoOwner":
-      "Iniciar sesión con GitHub necesita un propietario, y este {name} aún no tiene. En {host} (no en este ordenador), ejecuta:",
+    "err.signin.ghStep1":
+      "En {host}, ejecuta {cmd}, o usa Ajustes › Acceso allí.",
+    "err.signin.ghStep2":
+      "Muestra un código. Introdúcelo en github.com/login/device y apruébalo.",
+    "err.signin.ghStep3":
+      "Después vuelve aquí y pulsa Iniciar sesión con GitHub, con la misma cuenta de GitHub.",
+    "err.signin.ghOwner": "Propietario: @{login}",
+    "err.signin.ghOnly":
+      "Solo la cuenta de GitHub del propietario puede iniciar sesión así. Para cualquier otra persona, usa «Aprueba este ordenador».",
+    "err.signin.ghLearn": "Más información",
     "err.signin.githubRefused":
-      "@{login} no es el propietario de este {name}. Pide al propietario que te añada, o usa «Aprobar este ordenador».",
+      "@{login} no es el propietario de este {name}. Solo la cuenta del propietario puede usar Iniciar sesión con GitHub. Usa «Aprueba este ordenador» en su lugar.",
     "err.signin.approveOr": "O aprueba este ordenador",
     "err.signin.approve": "Aprueba este ordenador",
     "err.signin.step1": "En {host} (no en este ordenador), ejecuta:",
@@ -489,6 +499,34 @@
     "ag.bring.agent": "Agente {id}",
     "ag.bring.note":
       "La continúa en la carpeta donde se ejecutó, con las herramientas y protecciones de Den desde ahora. Sigue en ejecución si cierras el panel. Ciérrala antes en cualquier otro terminal: Den solo la ve abierta si se escribió en el último minuto.",
+    "ag.keep.model": "Mantiene {m} de la conversación.",
+    "ag.keep.modelNew": "Usa {m} a partir de ahora.",
+    "ag.keep.from":
+      "A partir de ahora trabaja como {p}: su rol, sus permisos ({mode}), las herramientas y protecciones de Den. Su historial se mantiene.",
+    "ag.keep.lost":
+      "No tendrá: {s}. Den ejecuta los agentes solo con las herramientas de Den.",
+    "ag.keep.opt": "Mantener {m}",
+    "ag.keep.optNone": "Mantener el modelo que usa",
+    "ag.keep.advNote":
+      "El modelo que usa se mantiene salvo que elijas otro aquí. Los permisos vienen de la persona.",
+    "ag.pc.item": "Cambiar persona…",
+    "ag.pc.title": "Cambiar la persona de {id}",
+    "ag.pc.note":
+      "Den lo detiene y reanuda la misma conversación con la nueva persona. Su id, nombre, carpeta y pestaña se mantienen.",
+    "ag.pc.go": "Cambiar persona",
+    "ag.pc.going": "Cambiando…",
+    "ag.pc.current": "actual",
+    "ag.pc.busy":
+      "Está trabajando. ¿Cambiar después de este turno o detenerlo ahora?",
+    "ag.pc.after": "Después de este turno",
+    "ag.pc.now": "Detenerlo ahora",
+    "ag.pc.fresh":
+      "{id} ahora es {p}: aún no hay nada que reanudar; se inició de nuevo (mismo id de conversación, carpeta y alcance)",
+    "ag.freshLine":
+      "Aún no hay nada que reanudar; se inició de nuevo (mismo id de conversación, carpeta y alcance)",
+    "ag.pc.done": "{id} ahora es {p}",
+    "ag.pc.pending": "{id} pasará a ser {p} cuando termine este turno",
+    "ag.more": "Más para {id}",
     "ag.bring.go": "Traer",
     "ag.bring.going": "Trayendo…",
     "ag.bring.done": "Traída como {id}",
@@ -637,7 +675,11 @@
       "Su token fue revocado (web logout --all): detenlo y reanúdalo, o inícialo de nuevo, para darle uno nuevo",
     "ag.ended":
       "Esta sesión ha terminado. Su registro se queda hasta que se reanude o se elimine.",
+    "ag.switched": "Cambiado a {p}",
     "ag.exitedLine": "[la sesión terminó{code}]",
+    "ag.refusedUnknown": "el servidor rechazó la terminal",
+    "ag.refusedStatus": "el servidor rechazó la terminal ({status})",
+    "ag.goWs": "Abrir {ws} en Espacios de trabajo",
     "ag.lost": "[desconectado: {why}]",
     "ag.reconnect": "Reconectar",
     "ag.noBackend":

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

@@ -50,6 +50,8 @@
     "b.down": "{n} 件停止",
     "act.pin": "ピン留め",
     "act.unpin": "ピン留めを外す",
+    "act.visit": "開く",
+    "act.visitX": "{s} を開く(新しいタブ)",
     "act.pinX": "{s} をピン留め",
     "act.unpinX": "{s} のピン留めを外す",
     "toast.pinned": "{s} をピン留めしました",
@@ -101,6 +103,8 @@
     "kind.app": "アプリ",
     "kind.action": "操作",
     "kind.setting": "設定",
+    "kind.workspace": "ワークスペース",
+    "pal.goWs": "ワークスペース {ws} へ移動",
     "pal.repos": "{n} 個のリポジトリ",
     "pal.restart": "{s} を再起動",
     "pal.results": "結果",
@@ -242,12 +246,18 @@
     "err.signin.title": "{name} にサインイン",
     "err.signin.where":
       "別のコンピューターから {name} を開いています。{name} は {host} で動いているため、あなた本人であることを確認する必要があります。",
-    "err.signin.githubNote":
-      "あなたの GitHub アカウントを使います。この {name} のオーナーが自分のアカウントをリンクしている必要があります。",
-    "err.signin.githubNoOwner":
-      "GitHub でのサインインにはオーナーが必要ですが、この {name} にはまだいません。{host} で(このコンピューターではありません)次を実行してください:",
+    "err.signin.ghStep1":
+      "{host} で {cmd} を実行するか、そちらで 設定 › アクセス を使います。",
+    "err.signin.ghStep2":
+      "コードが表示されます。github.com/login/device で入力して承認します。",
+    "err.signin.ghStep3":
+      "ここに戻り、同じ GitHub アカウントで「GitHub でサインイン」を押します。",
+    "err.signin.ghOwner": "オーナー: @{login}",
+    "err.signin.ghOnly":
+      "この方法でサインインできるのはオーナーの GitHub アカウントだけです。それ以外の人は「このコンピューターを承認」を使ってください。",
+    "err.signin.ghLearn": "詳しく見る",
     "err.signin.githubRefused":
-      "@{login} はこの {name} のオーナーではありません。オーナーに追加を依頼するか、「このコンピューターを承認」を使ってください。",
+      "@{login} はこの {name} のオーナーではありません。GitHub でサインインを使えるのはオーナーのアカウントだけです。代わりに「このコンピューターを承認」を使ってください。",
     "err.signin.approveOr": "または、このコンピューターを承認",
     "err.signin.approve": "このコンピューターを承認",
     "err.signin.step1":
@@ -473,6 +483,34 @@
     "ag.bring.agent": "エージェント {id}",
     "ag.bring.note":
       "実行していたフォルダーで続けます。ここからは Den のツールとガードが適用されます。ペインを閉じても実行は続きます。先にほかのターミナルで閉じてください。Den が開いていると判断できるのは、直近 1 分以内に書き込まれた会話だけです。",
+    "ag.keep.model": "会話の {m} をそのまま使います。",
+    "ag.keep.modelNew": "これからは {m} で動きます。",
+    "ag.keep.from":
+      "これからは {p} として働きます: その役割、権限({mode})、Den のツールとガード。履歴はそのまま残ります。",
+    "ag.keep.lost":
+      "使えなくなるもの: {s}。Den はエージェントを Den のツールだけで動かします。",
+    "ag.keep.opt": "{m} のまま",
+    "ag.keep.optNone": "今のモデルのまま",
+    "ag.keep.advNote":
+      "ここで別のモデルを選ばない限り、今のモデルのままです。権限はペルソナから来ます。",
+    "ag.pc.item": "ペルソナを変更…",
+    "ag.pc.title": "{id} のペルソナを変更",
+    "ag.pc.note":
+      "Den はいったん停止し、同じ会話を新しいペルソナで再開します。ID、名前、フォルダー、タブはそのままです。",
+    "ag.pc.go": "ペルソナを変更",
+    "ag.pc.going": "変更中…",
+    "ag.pc.current": "現在",
+    "ag.pc.busy":
+      "作業中です。このターンの後に変更しますか、それとも今すぐ停止しますか?",
+    "ag.pc.after": "このターンの後",
+    "ag.pc.now": "今すぐ停止",
+    "ag.pc.fresh":
+      "{id} は {p} になりました。まだ再開するものがないため、新しく開始しました(会話 ID、フォルダー、範囲は同じ)",
+    "ag.freshLine":
+      "まだ再開するものがないため、新しく開始しました(会話 ID、フォルダー、範囲は同じ)",
+    "ag.pc.done": "{id} は {p} になりました",
+    "ag.pc.pending": "このターンが終わると {id} は {p} になります",
+    "ag.more": "{id} のその他の操作",
     "ag.bring.go": "取り込む",
     "ag.bring.going": "取り込み中…",
     "ag.bring.done": "{id} として取り込みました",
@@ -621,7 +659,11 @@
     "ag.revokedTip":
       "トークンが失効しました（web logout --all）。新しいトークンを渡すには停止して再開するか、もう一度開始してください",
     "ag.ended": "このセッションは終了しました。記録は再開か削除まで残ります。",
+    "ag.switched": "{p} に切り替えました",
     "ag.exitedLine": "[セッションが終了しました{code}]",
+    "ag.refusedUnknown": "サーバーがターミナルを拒否しました",
+    "ag.refusedStatus": "サーバーがターミナルを拒否しました({status})",
+    "ag.goWs": "ワークスペースで {ws} を開く",
     "ag.lost": "[切断: {why}]",
     "ag.reconnect": "再接続",
     "ag.noBackend":

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

@@ -290,6 +290,7 @@
       }
       .module-picker-dropdown {
         display: none;
+        padding: 0;
         position: absolute;
         top: calc(100% + 4px);
         left: 0;
@@ -1568,6 +1569,11 @@
         e.stopPropagation();
         const open = pickerDropdown.classList.toggle("open");
         pickerBtn.classList.toggle("open", open);
+        // 0.4.17: in the top layer, so the output pane can't cover it.
+        if (open)
+          window.denShell?.topLayer?.show(pickerDropdown, pickerBtn, {
+            gap: 4,
+          });
       });
       document.addEventListener("click", () => {
         pickerDropdown.classList.remove("open");

package/src/ui/server/public/local-dev.html

@@ -1168,6 +1168,11 @@
       }
       .tablewrap {
         overflow-x: auto;
+        /* 0.4.17: in a short window (under ~620 px tall) the column's other
+           parts squeezed it to nothing; it keeps room for rows and scrolls. */
+        min-height: 200px;
+        flex-shrink: 0;
+        overflow-y: auto;
         border: 1px solid var(--border);
         border-radius: var(--radius);
         background: var(--surface);
@@ -1285,6 +1290,9 @@
       .tbl-health.ok {
         color: var(--ok);
       }
+      .tbl-up:not(:empty) {
+        margin-left: 8px;
+      }
       .tbl-muted {
         color: var(--muted);
         font-size: 12.5px;
@@ -1330,6 +1338,46 @@
       .tbl-acts .tbl-more-sp {
         display: inline-block;
       }
+      /* Visit ↗ (0.4.17): before Start, so Start/Stop/Restart/Logs and ⋯
+         still line up across rows whether a service has a URL or not. */
+      .tbl-acts .tbl-visit {
+        flex: none;
+        padding-left: 6px;
+        padding-right: 6px;
+        text-decoration: none;
+      }
+      /* The table never scrolls sideways: in a window under 1600px wide
+         (the workspace list beside it) Visit is its ↗; its name and title
+         still say Visit. */
+      @media (max-width: 1599px) {
+        .tbl-visit .tbl-visit-w {
+          display: none;
+        }
+      }
+      table.svc a.repo-name {
+        text-decoration: underline;
+        text-decoration-color: var(--border-strong);
+        text-underline-offset: 2px;
+      }
+      table.svc a.repo-name:hover {
+        text-decoration-color: currentColor;
+      }
+      /* The favourite star (0.4.17): the shell's pins, as on Services. */
+      .tbl-star {
+        background: none;
+        border: 1px solid transparent;
+        border-radius: var(--radius-button);
+        color: var(--faint);
+        cursor: pointer;
+        font-size: 13px;
+        line-height: 1.2;
+        padding: 0 2px;
+      }
+      .tbl-star:hover,
+      .tbl-star[aria-pressed="true"] {
+        color: var(--accent-text);
+        background: var(--sunken);
+      }
       .tbl-btn:disabled {
         opacity: 0.45;
         cursor: not-allowed;
@@ -1769,7 +1817,11 @@
               .querySelectorAll(".ws-menu-dropdown.open")
               .forEach((d) => d.classList.remove("open"));
             const menu = document.getElementById(menuBtn.dataset.menuId);
-            menu?.classList.toggle("open");
+            if (menu?.classList.toggle("open"))
+              window.denShell?.topLayer?.show(menu, menuBtn, {
+                align: "right",
+                gap: 2,
+              });
             return;
           }
           // ↗ open in editor
@@ -1858,8 +1910,16 @@
               if (d.id !== btn.dataset.menuId) d.style.display = "none";
             });
             const menu = document.getElementById(btn.dataset.menuId);
-            if (menu)
-              menu.style.display = menu.style.display === "none" ? "" : "none";
+            if (menu) {
+              const show = menu.style.display === "none";
+              menu.style.display = show ? "" : "none";
+              // 0.4.17: in the top layer, so no row or card clips it.
+              if (show)
+                window.denShell?.topLayer?.show(menu, btn, {
+                  align: "right",
+                  gap: 3,
+                });
+            }
             e.stopPropagation();
             return;
           }
@@ -2102,7 +2162,7 @@
                 <th scope="col">Health</th>
                 <th scope="col">Branch</th>
                 <th scope="col">Mode</th>
-                <th scope="col">Last run</th>
+                <th scope="col">Last test run</th>
                 <th scope="col"><span class="tbl-sr">Actions</span></th>
               </tr></thead>
             </table>
@@ -2272,22 +2332,60 @@
           return [{ key: "", title: null, rows }];
         }
 
-        /** The last run (the runs dock's) of a repo's tab: "✓ 12:03", "running…", "—". */
+        // 0.4.17: each repo's last test run, from the server's run history
+        // (every browser's runs, kept across restarts), and when its
+        // service started (the daemons list), shown apart from it.
+        let _lastRuns = {};
+        let _upSince = new Map();
+        async function loadLastRuns() {
+          const [last, daemons] = await Promise.all([
+            fetch("/api/runs/last")
+              .then((r) => (r.ok ? r.json() : null))
+              .catch(() => null),
+            fetch("/api/service/daemons")
+              .then((r) => (r.ok ? r.json() : []))
+              .catch(() => []),
+          ]);
+          _lastRuns = last?.repos ?? {};
+          _upSince = new Map();
+          for (const d of Array.isArray(daemons) ? daemons : []) {
+            const at = Date.parse(d.startedAt);
+            if (!d.repoName || !Number.isFinite(at)) continue;
+            const cur = _upSince.get(d.repoName);
+            if (cur === undefined || at < cur) _upSince.set(d.repoName, at);
+          }
+          paintLastRuns();
+        }
+
+        /** A repo's last test run: "✓ 12:03", "✗ failed 12:03", "running…", "—". */
         function lastRunText(repo) {
-          const list = runs()?.list?.() ?? [];
-          const mine = list.filter(
-            (r) => r.id === repo || r.id.split("/")[0] === repo,
-          );
-          const r = mine.sort((a, b) => (b.ranAt ?? 0) - (a.ranAt ?? 0))[0];
-          if (!r || (!r.ranAt && !r.running)) return { text: "—", cls: "" };
-          if (r.running) return { text: "running…", cls: "" };
+          const r = _lastRuns[repo];
+          if (!r) return { text: "—", cls: "", title: "" };
+          const title = [r.pillar, r.env].filter(Boolean).join(" · ");
+          if (r.running) return { text: "running…", cls: "", title };
           const t = new Intl.DateTimeFormat(undefined, {
             hour: "2-digit",
             minute: "2-digit",
-          }).format(new Date(r.endedAt ?? r.ranAt));
-          return r.error
-            ? { text: `✗ failed ${t}`, cls: "bad" }
-            : { text: `✓ ${t}`, cls: "ok" };
+          }).format(new Date(r.endedAt ?? r.startedAt));
+          return r.exitCode === 0
+            ? { text: `✓ ${t}`, cls: "ok", title }
+            : { text: `✗ failed ${t}`, cls: "bad", title };
+        }
+
+        /** How long a repo's service has run: "up 2h", or "" when it doesn't. */
+        function upText(repo) {
+          const at = _upSince.get(repo);
+          if (at === undefined) return "";
+          const s = Math.max(0, Math.round((Date.now() - at) / 1000));
+          const d =
+            s < 60
+              ? `${s}s`
+              : s < 3600
+                ? `${Math.floor(s / 60)}m`
+                : s < 86400
+                  ? `${Math.floor(s / 3600)}h`
+                  : `${Math.floor(s / 86400)}d`;
+          return `up ${d}`;
         }
 
         /** A health cell: the dot and the rollup, or the failing check. */
@@ -2335,6 +2433,47 @@
           );
         }
 
+        /** A service's URL to visit (its edge URL if routed, else its local one), or null. */
+        function visitUrl(svc) {
+          const u = svc?.open;
+          return typeof u === "string" && /^https?:\/\//.test(u) ? u : null;
+        }
+        /** The shell's words (its language), else English. */
+        function shT(key, vars, en) {
+          const v = window.denShell?.t?.(key, vars);
+          return v && v !== key ? v : en;
+        }
+        /** Visit ↗ (0.4.17): opens the service in a new tab; nothing without a URL. */
+        function visitBtn(svc, name) {
+          const url = visitUrl(svc);
+          if (!url) return "";
+          const label = shT(
+            "act.visitX",
+            { s: name },
+            `Visit ${name} (opens a new tab)`,
+          );
+          return `<a class="den-btn sm tbl-btn tbl-visit" href="${escHtml(url)}" target="_blank" rel="noopener" aria-label="${escHtml(label)}" title="${escHtml(url)}" data-k="visit:${escHtml(name)}"><span class="tbl-visit-w">${escHtml(shT("act.visit", {}, "Visit"))} </span>↗</a>`;
+        }
+        /** A row's name: a link to visit when the service has a URL. */
+        function nameLink(svc, text) {
+          const url = visitUrl(svc);
+          return url
+            ? `<a class="repo-name" href="${escHtml(url)}" target="_blank" rel="noopener" title="${escHtml(shT("act.visitX", { s: url }, `Visit ${url} (opens a new tab)`))}">${escHtml(text)}</a>`
+            : `<span class="repo-name">${escHtml(text)}</span>`;
+        }
+        /** The favourite star (0.4.17): the shell's pins, the same store as Services. */
+        function starBtn(id) {
+          const sh = window.denShell;
+          if (!sh?.isPinned) return "";
+          const on = sh.isPinned(id);
+          const label = shT(
+            on ? "act.unpinX" : "act.pinX",
+            { s: id },
+            `${on ? "Unpin" : "Pin"} ${id}`,
+          );
+          return `<button type="button" class="tbl-star" data-pin-toggle="${escHtml(id)}" aria-pressed="${on ? "true" : "false"}" aria-label="${escHtml(label)}" title="${escHtml(label)}" data-k="star:${escHtml(id)}">${on ? "★" : "☆"}</button>`;
+        }
+
         /** Action buttons; each one's name says what and on which repo or service. */
         function actBtns(id, o) {
           const b = (act, label, name, extra = "") =>
@@ -2407,12 +2546,12 @@
             ? `<span class="tbl-mode"><span class="badge ${escHtml(mode)}">${escHtml(mode)}</span><button type="button" class="tbl-switch" data-action="tbl-mode" data-repo="${escHtml(repo)}" data-mode="${switchTo}" aria-label="${escHtml(repo)}: use ${mode === "managed" ? "local" : "managed"}" data-k="mode:${escHtml(repo)}">use ${mode === "managed" ? "local" : "managed"}</button></span>`
             : "";
           const head = `<tr class="repo${r.problem ? " prob" : ""}" data-repo="${escHtml(repo)}">
-              <th scope="row">${exp}<span class="repo-name">${escHtml(repo)}</span>${badges}</th>
-              <td>${repoHealth(r)}</td>
+              <th scope="row">${exp}${nameLink(primary, repo)} ${starBtn(repo)}${badges}</th>
+              <td>${repoHealth(r)}<span class="tbl-muted tbl-up" data-up="${escHtml(repo)}">${escHtml(upText(repo))}</span></td>
               <td class="tbl-mono tbl-muted">${escHtml(primary?.branch ?? "")}</td>
               <td>${modeCell}</td>
-              <td class="tbl-muted${run.cls ? " " + run.cls : ""}" data-last="${escHtml(repo)}">${escHtml(run.text)}</td>
-              <td><div class="tbl-acts">${actBtns(repo, { up: !!startOf(repo).length, restart: !!startOf(repo).length })}${repoMenu(r)}</div></td>
+              <td class="tbl-muted${run.cls ? " " + run.cls : ""}" data-last="${escHtml(repo)}" title="${escHtml(run.title)}">${escHtml(run.text)}</td>
+              <td><div class="tbl-acts">${visitBtn(primary, repo)}${actBtns(repo, { up: !!startOf(repo).length, restart: !!startOf(repo).length })}${repoMenu(r)}</div></td>
             </tr>`;
           const fixes = r.fixes
             .map(
@@ -2434,10 +2573,10 @@
                     s,
                     i,
                   ) => `<tr class="sub" id="${subIds[i]}" data-repo="${escHtml(repo)}" data-id="${escHtml(s.id)}"${shown(s) ? "" : " hidden"}>
-              <th scope="row"><span class="repo-name">${escHtml(s.name)}</span>${s.entry ? ' <span class="badge">entry</span>' : ""}</th>
+              <th scope="row">${nameLink(s, s.name)} ${starBtn(s.id)}${s.entry ? ' <span class="badge">entry</span>' : ""}</th>
               <td>${!_lastHealthAt ? CHECKING() : healthCell(status(s), s.health.ok === false ? checkLineOf(s) : healthLine(s))}</td>
               <td></td><td></td><td></td>
-              <td><div class="tbl-acts">${actBtns(s.id, { up: s.commands.includes("up"), restart: s.commands.includes("up") || s.commands.includes("restart") })}<span class="tbl-more-sp" aria-hidden="true"></span></div></td>
+              <td><div class="tbl-acts">${visitBtn(s, s.id)}${actBtns(s.id, { up: s.commands.includes("up"), restart: s.commands.includes("up") || s.commands.includes("restart") })}<span class="tbl-more-sp" aria-hidden="true"></span></div></td>
             </tr>`,
                 )
                 .join("")
@@ -2516,13 +2655,17 @@
           if (keep)
             table.querySelector(`[data-k="${CSS.escape(keep)}"]`)?.focus();
         }
-        /** Only the Last run cells (the dock changed). */
+        /** Only the Last test run and "up" cells (the history changed). */
         function paintLastRuns() {
           document.querySelectorAll("#repo-table [data-last]").forEach((td) => {
             const run = lastRunText(td.dataset.last);
             td.textContent = run.text;
+            td.title = run.title;
             td.className = "tbl-muted" + (run.cls ? " " + run.cls : "");
           });
+          document.querySelectorAll("#repo-table [data-up]").forEach((el) => {
+            el.textContent = upText(el.dataset.up);
+          });
         }
 
         /**
@@ -2581,6 +2724,14 @@
             setTableGroup(g.dataset.group);
             return;
           }
+          const star = e.target.closest("#repo-table [data-pin-toggle]");
+          if (star) {
+            const sh = window.denShell;
+            const id = star.dataset.pinToggle;
+            if (sh?.isPinned(id)) sh.unpin(id);
+            else sh?.pin(id);
+            return;
+          }
           const b = e.target.closest("[data-action^='tbl-']");
           if (!b || b.disabled) return;
           const a = b.dataset.action;
@@ -2641,8 +2792,20 @@
           const v = localStorage.getItem(LS_GROUP);
           if (["none", "app", "org"].includes(v)) _tblGroup = v;
         } catch {}
-        // The Last run column follows the dock.
-        window.denShell?.runs?.onChange?.(paintLastRuns);
+        // The Last test run column: the server's history, read now, when a
+        // run here changes, and every 30 s for runs from elsewhere.
+        void loadLastRuns();
+        // The dock changes on every line of a run: read at most every 2 s.
+        let _lastRunsSoon = null;
+        window.denShell?.runs?.onChange?.(() => {
+          _lastRunsSoon ??= setTimeout(() => {
+            _lastRunsSoon = null;
+            void loadLastRuns();
+          }, 2_000);
+        });
+        setInterval(() => {
+          if (!document.hidden) void loadLastRuns();
+        }, 30_000);
 
         // ── Tab management (one persistent tab per service address) ───────────────
         //

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

@@ -79,7 +79,7 @@ export const ACTIONS = [
   },
   {
     id: "open",
-    label: "Open ↗",
+    label: "Visit ↗",
     for: ["service"],
     tier: "common",
     when: (s) => !!(s.open || s.target?.url),

package/src/ui/server/public/persona-ui.css

@@ -181,6 +181,17 @@ dialog.pe-dlg::backdrop {
 .helpl.warn {
   color: var(--warn);
 }
+/* AG-17.1c, AG-18: what a persona changes, under the list. */
+.den-keep {
+  margin: 8px 0 0;
+  padding-left: 18px;
+  font-size: 12px;
+  line-height: 1.45;
+  color: var(--muted);
+}
+.den-keep li + li {
+  margin-top: 2px;
+}
 .faint {
   color: var(--faint);
 }

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

@@ -134,6 +134,10 @@
         font-size: 11px;
         color: var(--muted);
       }
+      .view-note {
+        color: var(--muted);
+        font-size: 12px;
+      }
       #status-text {
         font-size: 11px;
         color: var(--muted);
@@ -678,6 +682,7 @@
         ⟳ Refresh
       </button>
       <span id="status-text">idle</span>
+      <span id="view-note"></span>
       <div class="h-spacer" style="flex: 1"></div>
       <button class="btn" id="waves-btn" title="Edit wave assignment">
         Waves…
@@ -735,6 +740,7 @@
         refreshHealth,
         initWorkspacePill,
       } from "/header.js";
+      import { viewNoteHtml, viewRepos, viewScope } from "/view-scope.js";
 
       // The header's dots report LOCAL service health here: #den-shell pins
       // data-health-env="local" (shell.js). The env picker is the shell's
@@ -819,6 +825,15 @@
           .replace(/>/g, "&gt;")
           .replace(/"/g, "&quot;");
 
+      // 0.4.17: the repos follow the top bar's View (Org and Workspace),
+      // as on Environments: no picker of this page's own (view-scope.js).
+      let viewIn = null;
+      const viewReady = viewScope().then(async (v) => {
+        const note = document.getElementById("view-note");
+        if (note) note.innerHTML = viewNoteHtml(v);
+        viewIn = await viewRepos(v);
+      });
+
       // ── Init ──────────────────────────────────────────────────────────────────
       async function init() {
         try {
@@ -909,7 +924,10 @@
           const data = await fetch(
             `/api/release/status?env=${encodeURIComponent(state.env)}&refresh=${refresh ? 1 : 0}`,
           ).then((r) => r.json());
-          state.rows = data.rows || [];
+          await viewReady;
+          state.rows = (data.rows || []).filter(
+            (r) => !viewIn || viewIn.has(r.repo),
+          );
           setStatus(
             data.error
               ? `error: ${data.error}`