@monster-orange/den 0.4.17 → 0.4.18

package/CHANGELOG.md

@@ -4,6 +4,49 @@ All notable changes to Den are documented here. Each release lists the
 config and manifest changes a distribution must make to move to it under
 **Migrations**.
 
+## [0.4.18] - 2026-11-08
+
+### Added
+
+- **A pinned service opens a quick panel, not a page jump.** A click on a
+  pinned service's name in the rail (or Enter on its row, or its dot in
+  the collapsed rail) opens a panel beside the row, without leaving the
+  page. It has the service's workspace, state and URL; Visit ↗, Start or
+  Stop, Restart and Logs, which call what the Services page calls; the
+  repo's last test run with Run tests; the agents working in the repo,
+  each with Open, and Start agent here; and Open in Services, Open in
+  Graph and Unpin. It stays current while open. Esc or a click outside
+  closes it and focus goes back to the row. Under 640 px it is a bottom
+  sheet. ⌘-click or a middle click still opens Services in a new tab. The
+  Services card's name and the Graph card's new ⋯ open the same panel.
+- **Visit ↗ on every pinned row.** Always shown, it opens the service's
+  URL in a new tab. It is greyed out ("Not running") while the service is
+  down, and absent when the service has no URL. The hover × is gone:
+  Unpin is in the panel, and Delete on the row still unpins.
+- **Start agent here.** The Start dialog has a Folder field (optional):
+  the agent runs in that folder of the workspace's, or in a repo's
+  folder. The route takes it as `folder`, and refuses a folder outside
+  the workspace (403). The panel's Start agent here fills the workspace
+  and the repo's folder.
+- **Open in Graph focuses the service.** `/graph#focus=<repo>` or
+  `#focus=<repo>/<service>` opens the Graph on that card.
+
+### Fixed
+
+- **The panel's Logs reads the service's log.** It asks where the Logs
+  page asks (taillog for a local service), so a service with no `logs:`
+  block no longer says "Connection closed". The Services page's Logs
+  uses the same rule.
+- **"starting…" follows health.** After Start or Restart, the panel
+  leaves "starting…" once health says up, once it says down after a
+  moment, or after two minutes. Restart works again then, even when the
+  service's `up` never exits (a dev server).
+- **A pinned row's Visit ↗ greys out with the panel.** It reads the
+  panel's live state, so it greys out on the same health update, also
+  for a service outside the top bar's View.
+- **Open in Graph keeps its target.** The Graph page keeps the URL's
+  `#focus=` when it picks a workspace, so the card is focused and in view.
+
 ## [0.4.17] - 2026-11-08
 
 ### Fixed

package/README.md

@@ -10,8 +10,8 @@
 </p>
 
 <picture>
-  <source media="(prefers-color-scheme: dark)" srcset="docs/images/0.4.17/hero-dark.png">
-  <img src="docs/images/0.4.17/hero-light.png" width="100%" alt="Den's Graph page: the demo workspace's services grouped by application, all healthy, with the status chip and the left rail">
+  <source media="(prefers-color-scheme: dark)" srcset="docs/images/0.4.18/hero-dark.png">
+  <img src="docs/images/0.4.18/hero-light.png" width="100%" alt="Den's Graph page: the demo workspace's services grouped by application, all healthy, with the status chip and the left rail">
 </picture>
 
 ## Set up by your agent
@@ -38,7 +38,7 @@ It doesn't replace your tools. Your repos, Docker, your test runners, your secre
 yours. Den connects them and turns on good practice from the start.
 
 <p align="center">
-  <img src="docs/images/0.4.17/up.gif" width="100%" alt="make up in the Graph page: every stack down, then demo-api, demo-web and demo-notes come up in dependency order until the status chip reads All 3 healthy">
+  <img src="docs/images/0.4.18/up.gif" width="100%" alt="make up in the Graph page: every stack down, then demo-api, demo-web and demo-notes come up in dependency order until the status chip reads All 3 healthy">
 </p>
 
 ## How it helps
@@ -68,10 +68,10 @@ yours. Den connects them and turns on good practice from the start.
   lives in your own repo.
 
 <p align="center">
-  <img src="docs/images/0.4.17/agents.png" width="49%" alt="The Agents tab: the demo workspace's sessions on the left, and one open in a terminal pane on the right, running demo-api's test and then the service">
-  <img src="docs/images/0.4.17/workspaces.png" width="49%" alt="The Workspaces page: the demo workspace's repos with their health, mode and Start, Stop, Restart and Logs actions">
-  <img src="docs/images/0.4.17/status-drawer.png" width="49%" alt="The status drawer: nothing needs attention, and every service in the demo workspace, by application, with its latency">
-  <img src="docs/images/0.4.17/edge.png" width="49%" alt="The Edge page: the edge container up, its ports and TLS, and every route it serves, Den's own and each stack's, with its upstream">
+  <img src="docs/images/0.4.18/agents.png" width="49%" alt="The Agents tab: the demo workspace's sessions on the left, and one open in a terminal pane on the right, running demo-api's test and then the service">
+  <img src="docs/images/0.4.18/workspaces.png" width="49%" alt="The Workspaces page: the demo workspace's repos with their health, mode and Start, Stop, Restart and Logs actions">
+  <img src="docs/images/0.4.18/status-drawer.png" width="49%" alt="The status drawer: nothing needs attention, and every service in the demo workspace, by application, with its latency">
+  <img src="docs/images/0.4.18/edge.png" width="49%" alt="The Edge page: the edge container up, its ports and TLS, and every route it serves, Den's own and each stack's, with its upstream">
 </p>
 
 ## Get started

package/docs/distributions.md

@@ -368,6 +368,39 @@ The ☆ star on Workspaces rows, Services and Graph cards marks a
 favourite. It is one list, saved in `shell.pins`, so a star set on one
 page shows on all of them.
 
+### The service panel
+
+A pinned service in the rail has **↗** at the end of its row, always
+shown: it opens the service's URL in a new tab ("Visit <service> (opens a
+new tab)", the URL as its tooltip). It is greyed out, saying "Not
+running", while the service is down, and absent when the service has no
+URL.
+
+A click on the service's name (or Enter on its row, or its dot when the
+rail is collapsed) opens its **panel** beside the row, without leaving
+the page. ⌘-click, Ctrl-click or a middle click still opens Services in a
+new tab. Esc or a click outside closes it, and focus goes back to the
+row. Under 640 px wide it is a sheet at the bottom of the screen. The
+Services card's name and the Graph card's **⋯** open the same panel.
+
+Top to bottom, it has:
+
+- the name, workspace, health dot, state ("up 2h", "down: HTTP 502",
+  "starting…") and URL;
+- **Visit ↗**, then **Start** or **Stop**, **Restart** and **Logs**. These
+  call what the Services page calls (`/api/service/exec` with `up`,
+  `down` or `restart`, and `/api/service/logs`), each in a tab of the runs
+  dock. Logs opens the dock on that service;
+- **Last test run** (the server's run history, `GET /api/runs/last`) and
+  **Run tests**, which runs the repo's suites (`/api/run?pillar=suites`);
+- **Agents**: the agents working in the repo, each with **Open**, and
+  **+ Start agent here**, which opens the Start dialog with the workspace
+  and the repo's folder filled in;
+- **Open in Services**, **Open in Graph** and **Unpin** (or **Pin**).
+
+It stays current while it is open, from the same feeds the pages use. Delete
+on a pinned row still unpins it.
+
 ## Health checks
 
 A service declares its health per environment under `health`, in one of
@@ -2398,6 +2431,11 @@ started. The workspace header counts them ("2 agents").
   `agents.runtimes.<id>.bin` to its path in <your user.yml>, or run
   `<cli> agents doctor`" (see [Runtimes](#runtimes)). Nothing fails only
   after Start.
+- **Folder** (optional) is where the agent runs: a folder inside the
+  workspace's own, or a repo's folder of the workspace (relative to the
+  workspace's folder, or absolute). Empty, it runs in the workspace's
+  folder. A folder outside the workspace is refused (403). The service
+  panel's **Start agent here** fills it with the repo's folder.
 - The page and the CLI call the same operations and read the same agent
   records, so an agent started in one is listed in the other. A workspace
   lists its own agents only.
@@ -2412,7 +2450,7 @@ started. The workspace header counts them ("2 agents").
 
 The routes: `GET /api/workspaces/<ws>/agents`, `POST
 /api/workspaces/<ws>/agents` (`{ persona, runtime?, model?, version?,
-permission?, allow?, instruction?, id? }`, see
+permission?, allow?, instruction?, id?, folder? }`, see
 [The Start dialog](#the-start-dialog)), `POST
 /api/workspaces/<ws>/agents/<id>/stop` and `…/resume`, `POST
 /api/workspaces/<ws>/sessions` (a plain session), `GET /api/personas`

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@monster-orange/den",
-  "version": "0.4.17",
+  "version": "0.4.18",
   "description": "Den: a local multi-repo dev orchestrator, HTTPS edge and E2E harness",
   "type": "module",
   "bin": {

package/src/ui/cli/agent-ops.ts

@@ -1409,6 +1409,12 @@ export interface StartRequest {
   allow?: unknown;
   /** AG-10.10: a display name for this agent (AG-4b's), to tell two apart. */
   name?: unknown;
+  /**
+   * 0.4.18, Start agent here: the folder it runs in, the workspace's own
+   * or one inside it (a repo's), relative to the workspace's folder or
+   * absolute. Default: the workspace's folder.
+   */
+  folder?: string;
   /**
    * The page's start (AG-10.1): a model must be one the runtime offers,
    * never a free string (the CLI's --model for generic stays free).
@@ -1524,6 +1530,39 @@ interface StartMore {
   bringIn?: { token: string; cwd: string };
 }
 
+/**
+ * 0.4.18: the folder a start runs in. Relative to the workspace's folder,
+ * or absolute; it must be a directory inside the workspace's scope (its
+ * folder, or a by-path repo's), never outside it.
+ */
+export function startFolder(
+  d: AgentsResolved,
+  ws: string,
+  folder: string,
+): string {
+  const where = "agents start";
+  if (typeof folder !== "string" || !folder.trim() || folder.length > 4096)
+    throw usage(`${where}: folder must be a path`);
+  const dir = path.resolve(d.workspaceDir(ws), folder.trim());
+  let real: string;
+  try {
+    real = fs.realpathSync(dir);
+  } catch {
+    throw usage(`${where}: folder ${dir} does not exist`, 404);
+  }
+  if (!fs.statSync(real).isDirectory())
+    throw usage(`${where}: folder ${dir} is not a directory`);
+  // The real folder only: a link inside the workspace that points out of
+  // it is outside it (the scope's own folders are compared real, too).
+  if (!inScope(real, d.workspaceFolders(ws)))
+    throw refused(
+      `${where}: folder ${dir} is not inside workspace ${ws}`,
+      [],
+      403,
+    );
+  return real;
+}
+
 export async function startAgent(
   d: AgentsResolved,
   req: StartRequest,
@@ -1571,6 +1610,10 @@ export async function startAgent(
       ...(rt.permissions ? { allow } : {}),
     }),
     ...(more.firstPrompt ? { firstPrompt: more.firstPrompt } : {}),
+    // 0.4.18: Start agent here: in a folder of the workspace's.
+    ...(req.folder !== undefined && !more.bringIn
+      ? { worktree: startFolder(d, ws, req.folder) }
+      : {}),
     // AG-17.1: the runtime's resume, in the folder the conversation ran in.
     ...(more.bringIn
       ? { worktree: more.bringIn.cwd, resumeToken: more.bringIn.token }

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

@@ -315,6 +315,8 @@ interface StartBody {
   instruction?: unknown;
   /** AG-10.10: a display name, checked as a rename's is. */
   name?: unknown;
+  /** 0.4.18: the folder it runs in (Start agent here). */
+  folder?: string;
 }
 
 const START_KEYS = [
@@ -327,6 +329,7 @@ const START_KEYS = [
   "allow",
   "instruction",
   "name",
+  "folder",
 ];
 
 async function startBody(req: http.IncomingMessage): Promise<StartBody> {
@@ -374,6 +377,11 @@ async function startBody(req: http.IncomingMessage): Promise<StartBody> {
   if (o.instruction !== undefined) out.instruction = o.instruction;
   if (o.name !== undefined && o.name !== null && o.name !== "")
     out.name = o.name;
+  if (o.folder !== undefined && o.folder !== null && o.folder !== "") {
+    if (typeof o.folder !== "string" || o.folder.length > 4096)
+      throw new AgentError("folder must be a path", { usage: true });
+    out.folder = o.folder;
+  }
   return out as StartBody;
 }
 
@@ -585,6 +593,7 @@ export async function handleAgentRoutes(
           : {}),
         ...(body.allow !== undefined ? { allow: body.allow } : {}),
         ...(body.name !== undefined ? { name: body.name } : {}),
+        ...(body.folder !== undefined ? { folder: body.folder } : {}),
         strict: true,
       });
       const ov = s.rec.overrides?.length

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

@@ -203,6 +203,7 @@ function writeUrl() {
   else u.searchParams.delete("open");
   u.searchParams.set("layout", st.layout);
   u.searchParams.delete("start");
+  u.searchParams.delete("folder");
   const s = u.searchParams.toString().replace(/%2C/gi, ",");
   history.replaceState(history.state, "", u.pathname + (s ? `?${s}` : ""));
   paintSub();
@@ -2101,8 +2102,16 @@ function dialogMode(bring, change = null) {
   );
   $d("#ag-go").textContent = goLabel();
   $d("#ag-conv-f").hidden = !bring;
+  // 0.4.18: a new agent's folder (Start agent here fills it).
+  for (const id of ["#ag-folder-l", "#ag-folder-h"]) {
+    const el = $d(id);
+    if (el) el.hidden = !!(bring || change);
+  }
 }
 
+/** 0.4.18: Start agent here (the service panel): ?start=1&ws=…&folder=…. */
+let startPrefill = null;
+
 /** 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");
@@ -2124,12 +2133,18 @@ async function openStart(bring = false, change = null) {
   const dlg = $d("#ag-dlg");
   if (!dlg || dlg.open) return;
   dialogMode(bring, change);
+  const pre = change || bring ? null : startPrefill;
+  startPrefill = null;
   const shown = change ? [change.workspace] : viewWorkspaces();
+  if (pre?.ws && !shown.includes(pre.ws)) shown.push(pre.ws);
   const wsSel = $d("#ag-ws");
   wsSel.innerHTML = shown
     .map((w) => `<option value="${esc(w)}">${esc(w)}</option>`)
     .join("");
   wsSel.disabled = shown.length <= 1;
+  if (pre?.ws) wsSel.value = pre.ws;
+  const folder = $d("#ag-folder");
+  if (folder) folder.value = pre?.folder ?? "";
   sd.f = { q: "", cat: "", src: "" };
   sd.det = false;
   sd.what = false;
@@ -2170,6 +2185,8 @@ function startBody() {
   if (task) body.instruction = task;
   const name = $d("#ag-name").value.trim();
   if (name) body.name = name;
+  const folder = $d("#ag-folder")?.value.trim();
+  if (folder) body.folder = folder;
   return body;
 }
 
@@ -2628,6 +2645,8 @@ function translateStatic(root) {
   set("#ag-what-p", "pe.what");
   set("#ag-task-t", "ag.new.task");
   set("#ag-name-t", "ag.new.name");
+  set("#ag-folder-t", "ag.new.folder");
+  set("#ag-folder-h", "ag.new.folderHelp");
   set("#ag-adv-s", "ag.new.adv");
   set("#ag-note", "ag.new.note");
   const task = root.querySelector("#ag-task");
@@ -2659,6 +2678,10 @@ export async function mountAgentsPage(root) {
   const wanted = openFromUrl(location.search);
   const linked = layoutFromUrl(location.search);
   const startAsked = new URLSearchParams(location.search).get("start") === "1";
+  if (startAsked) {
+    const q = new URLSearchParams(location.search);
+    startPrefill = { ws: q.get("ws") || "", folder: q.get("folder") || "" };
+  }
 
   root.querySelector("#agl").addEventListener("click", (e) => {
     const act = e.target.closest("button[data-act]");

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

@@ -739,6 +739,19 @@
             ><span id="ag-name-t">Name (optional)</span>
             <input id="ag-name" maxlength="40" autocomplete="off" />
           </label>
+          <label class="fld" id="ag-folder-l"
+            ><span id="ag-folder-t">Folder (optional)</span>
+            <input
+              id="ag-folder"
+              maxlength="4096"
+              autocomplete="off"
+              spellcheck="false"
+              aria-describedby="ag-folder-h"
+            />
+          </label>
+          <p class="helpl" id="ag-folder-h">
+            Inside the workspace's folder. Empty: the workspace's own.
+          </p>
           <p class="helpl" id="ag-as" role="status"></p>
           <details id="ag-adv">
             <summary id="ag-adv-s">Advanced: model and permissions</summary>

package/src/ui/server/public/graph.css

@@ -349,6 +349,28 @@
   color: var(--accent-text);
   background: var(--sunken);
 }
+/* 0.4.18: ⋯ opens the service panel (svc-panel.js), as a pinned row does.
+   It sits before the star, which stays top-right. */
+.dg-svp {
+  margin-left: auto;
+  flex: none;
+  background: none;
+  border: 1px solid transparent;
+  border-radius: 6px;
+  color: var(--faint);
+  cursor: pointer;
+  font-size: 13px;
+  line-height: 1;
+  padding: 1px 4px;
+}
+.dg-svp + .dg-star {
+  margin-left: 0;
+}
+.dg-svp:hover,
+.dg-svp[aria-expanded="true"] {
+  color: var(--accent-text);
+  background: var(--sunken);
+}
 .dg-dot {
   display: inline-block;
   width: 9px;

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

@@ -256,9 +256,26 @@ export function mountGraph(el, data, pageHooks) {
       st.fitted = true;
     } else applyView();
     if (st.sel) openDetail(st.sel, true);
+    focusFromHash();
   });
 }
 
+/** 0.4.18: the panel's Open in Graph (#focus=<repo> or <repo>/<service>), once. */
+let hashFocused = false;
+function focusFromHash() {
+  if (hashFocused || !location.hash.startsWith("#focus=")) return;
+  let id = "";
+  try {
+    id = decodeURIComponent(location.hash.slice(7));
+  } catch {
+    return;
+  }
+  if (M.byId.has(id)) focusOn({ id });
+  else if (M.byRepo.has(id)) focusOn({ repo: id, viaRepo: true });
+  else return;
+  hashFocused = true;
+}
+
 /** A /api/health update: refresh dots, health lines and the open panel in place. */
 export function graphHealth(results) {
   if (!M || !host?.isConnected) return;
@@ -511,6 +528,13 @@ function starBtn(id) {
     : `${on ? "Unpin" : "Pin"} ${id}`;
   return `<button type="button" class="dg-star" data-pin-toggle="${esc(id)}" aria-pressed="${on}" aria-label="${esc(label)}" title="${esc(label)}">${on ? "★" : "☆"}</button>`;
 }
+/** 0.4.18: ⋯ opens the service's quick panel (svc-panel.js), the rail's. */
+function svpBtn(id) {
+  const sh = window.denShell;
+  if (!sh?.openServicePanel) return "";
+  const label = sh.t ? sh.t("svp.more", { s: id }) : id;
+  return `<button type="button" class="dg-svp" data-svpanel-open="${esc(id)}" aria-haspopup="dialog" aria-expanded="false" aria-label="${esc(label)}" title="${esc(label)}">⋯</button>`;
+}
 /** A card's actions: the first three, and Visit ↗ always when it has a URL. */
 function cardActs(s) {
   const acts = actionsFor(s);
@@ -522,7 +546,7 @@ function cardActs(s) {
 }
 function cardInner(s) {
   const showPlace = s.runs === "remote" || M.mixed;
-  return `<div class="r1"><span class="dg-dot ${status(s)}" title="${statusWord(s)}"></span><span class="nm" title="${esc(s.name)}">${esc(s.name)}</span>${showPlace ? `<span class="dg-badge ${s.runs}">${esc(placementText(s))}</span>` : ""}${starBtn(s.id)}</div>
+  return `<div class="r1"><span class="dg-dot ${status(s)}" title="${statusWord(s)}"></span><span class="nm" title="${esc(s.name)}">${esc(s.name)}</span>${showPlace ? `<span class="dg-badge ${s.runs}">${esc(placementText(s))}</span>` : ""}${svpBtn(s.id)}${starBtn(s.id)}</div>
     <div class="r2" title="${esc(s.id)}${s.inWorkspaces.length > 1 ? `: in ${esc(s.inWorkspaces.join(", "))}` : ""}">${esc(s.repo + ownersLabel(s.inWorkspaces))}</div>
     <div class="r3">${s.entry ? '<span class="dg-tag entry">entry</span>' : ""}${s.infra ? '<span class="dg-tag">infra</span>' : ""}${s.missing.length ? `<span class="dg-tag warn" title="Missing: ${esc(s.missing.join(", "))}">⚠ missing</span>` : ""}${!s.cloned ? '<span class="dg-tag warn">not cloned</span>' : ""}<span class="h ${status(s)}">${esc(healthLine(s))}</span></div>
     <div class="dg-acts">${cardActs(s)

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

@@ -17,6 +17,7 @@ import { changelogView } from "./changelog-view.js";
 import { buildRow, healthCycle, paintGate, shellHealth } from "./health-fit.js";
 import { initTopbar, paintChecking, paintStatus } from "./topbar.js";
 import { registerDenSettings } from "./settings-registry.js";
+import { initServicePanel } from "./svc-panel.js";
 
 /** The shell's message lookup (R19; shell.js MESSAGES). */
 const t = (key, vars) =>
@@ -54,6 +55,12 @@ if (typeof document !== "undefined")
     healthEnv: () => healthEnv(),
     storeOpenLog: (repo, service, env) => storeOpenLog(repo, service, env),
   });
+// 0.4.18: the service panel (rail pins, Graph ⋯, Services names).
+if (typeof document !== "undefined")
+  initServicePanel({
+    currentEnv: () => currentEnv(),
+    refreshHealth: (env, opts) => refreshHealth(env, opts),
+  });
 
 // 5s between polls — measured from each poll's COMPLETION (schedulePoll
 // re-arms after renderHealth resolves), so slow probes can't overlap.

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

@@ -55,6 +55,41 @@
     "act.unpin": "Quitar",
     "act.visit": "Visitar",
     "act.visitX": "Visitar {s} (se abre en una pestaña nueva)",
+    // 0.4.18: the service panel (svc-panel.js) and Start's Folder.
+    "svp.label": "{s}: panel rápido",
+    "svp.more": "Panel rápido de {s}",
+    "svp.notRunning": "No está en marcha",
+    "svp.up": "activo {d}",
+    "svp.upNow": "activo",
+    "svp.down": "caído: {c}",
+    "svp.downNone": "caído",
+    "svp.starting": "iniciando…",
+    "svp.stopped": "detenido",
+    "svp.noUrl": "Sin URL",
+    "svp.start": "Iniciar",
+    "svp.stop": "Detener",
+    "svp.restart": "Reiniciar",
+    "svp.logs": "Registros",
+    "svp.stopping": "Deteniendo {s}",
+    "svp.tests": "Última ejecución de pruebas",
+    "svp.testsOk": "✓ {t}",
+    "svp.testsBad": "✗ falló {t}",
+    "svp.testsRun": "en curso…",
+    "svp.testsNone": "—",
+    "svp.runTests": "Ejecutar pruebas",
+    "svp.testsDone": "Pruebas superadas: {s}",
+    "svp.testsFailed": "Pruebas fallidas: {s}",
+    "svp.agents": "Agentes",
+    "svp.noAgents": "No hay agentes en este repo.",
+    "svp.open": "Abrir",
+    "svp.openAg": "Abrir {s}",
+    "svp.startHere": "Iniciar agente aquí",
+    "svp.openSvc": "Abrir en Servicios",
+    "svp.openGraph": "Abrir en Grafo",
+    "svp.close": "Cerrar",
+    "ag.new.folder": "Carpeta (opcional)",
+    "ag.new.folderHelp":
+      "Dentro de la carpeta del espacio de trabajo. Vacío: la suya.",
     "act.pinX": "Fijar {s}",
     "act.unpinX": "Quitar {s}",
     "toast.pinned": "{s} fijado",

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

@@ -52,6 +52,41 @@
     "act.unpin": "ピン留めを外す",
     "act.visit": "開く",
     "act.visitX": "{s} を開く(新しいタブ)",
+    // 0.4.18: the service panel (svc-panel.js) and Start's Folder.
+    "svp.label": "{s}: クイックパネル",
+    "svp.more": "{s} のクイックパネル",
+    "svp.notRunning": "停止中",
+    "svp.up": "稼働 {d}",
+    "svp.upNow": "稼働中",
+    "svp.down": "停止: {c}",
+    "svp.downNone": "停止",
+    "svp.starting": "起動中…",
+    "svp.stopped": "停止",
+    "svp.noUrl": "URL なし",
+    "svp.start": "開始",
+    "svp.stop": "停止",
+    "svp.restart": "再起動",
+    "svp.logs": "ログ",
+    "svp.stopping": "{s} を停止中",
+    "svp.tests": "前回のテスト",
+    "svp.testsOk": "✓ {t}",
+    "svp.testsBad": "✗ 失敗 {t}",
+    "svp.testsRun": "実行中…",
+    "svp.testsNone": "—",
+    "svp.runTests": "テストを実行",
+    "svp.testsDone": "テスト成功: {s}",
+    "svp.testsFailed": "テスト失敗: {s}",
+    "svp.agents": "エージェント",
+    "svp.noAgents": "このリポジトリにエージェントはいません。",
+    "svp.open": "開く",
+    "svp.openAg": "{s} を開く",
+    "svp.startHere": "ここでエージェントを開始",
+    "svp.openSvc": "サービスで開く",
+    "svp.openGraph": "グラフで開く",
+    "svp.close": "閉じる",
+    "ag.new.folder": "フォルダー（任意）",
+    "ag.new.folderHelp":
+      "ワークスペースのフォルダー内。空欄ならワークスペースのフォルダー。",
     "act.pinX": "{s} をピン留め",
     "act.unpinX": "{s} のピン留めを外す",
     "toast.pinned": "{s} をピン留めしました",

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

@@ -1874,7 +1874,12 @@
           if (updateUrl) {
             const params = new URLSearchParams(location.search);
             params.set("ws", name);
-            history.replaceState(null, "", "?" + params.toString());
+            // The hash stays (#focus=<id>: Open in Graph's card).
+            history.replaceState(
+              null,
+              "",
+              "?" + params.toString() + location.hash,
+            );
           }
           document
             .querySelectorAll(".ws-item")
@@ -4273,7 +4278,11 @@
               const params = new URLSearchParams(location.search);
               params.delete("ws");
               const qs = params.toString();
-              history.replaceState(null, "", qs ? "?" + qs : location.pathname);
+              history.replaceState(
+                null,
+                "",
+                (qs ? "?" + qs : location.pathname) + location.hash,
+              );
             }
             await loadWorkspaces();
           }

package/src/ui/server/public/log-source.js

@@ -0,0 +1,26 @@
+/**
+ * Where a service's live log comes from (0.4.18): one rule for the Logs
+ * page and the service panel's Logs, so they never disagree.
+ *
+ *   - Den's own server log (the "__DEN_CLI__/server" pseudo-service):
+ *     /api/server-log, the server's log ring;
+ *   - a local service: /api/service/taillog, the workspace page's source
+ *     chain (the manifest's command, the conventional container, the
+ *     daemon's startup log). /api/service/logs answers 404 for a service
+ *     with no `logs:` block;
+ *   - any other env: /api/service/logs, for cloud sources and the reauth
+ *     flow.
+ */
+
+/** The server's own log, shown like a service's. */
+export function isServerLog(repo, service) {
+  return repo === "__DEN_CLI__" && service === "server";
+}
+
+/** The SSE URL of `repo/service`'s live log in `env`. */
+export function logStreamUrl(repo, service, env) {
+  if (isServerLog(repo, service)) return "/api/server-log";
+  if (env === "local")
+    return `/api/service/taillog?${new URLSearchParams({ repo, service })}`;
+  return `/api/service/logs?${new URLSearchParams({ repo, service, env })}`;
+}

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

@@ -476,6 +476,7 @@
         envReady,
         initWorkspacePill,
       } from "/header.js";
+      import { isServerLog, logStreamUrl } from "/log-source.js";
 
       // ── Safe highlight rendering ──────────────────────────────────────────────
       // Log lines are UNTRUSTED (any service can log attacker-influenced text,
@@ -550,11 +551,9 @@
       const logStreams = new Map();
 
       // "__DEN_CLI__/server" is a pseudo-service that taps the server's own log ring
-      // via /api/server-log instead of /api/service/logs. Everything else in the
-      // page treats it like a normal log stream.
-      function isServerLog(repo, service) {
-        return repo === "__DEN_CLI__" && service === "server";
-      }
+      // via /api/server-log instead of /api/service/logs (isServerLog,
+      // log-source.js). Everything else in the page treats it like a normal
+      // log stream.
       function formatServerLogEntry(entry) {
         // "14:07:41  [lifecycle]  ▶ run synthetic/local · modules=all [abcxyz]"
         // An agent's action reads "[agent]" and ends "· by agent <client> …".
@@ -1075,21 +1074,9 @@
         // ─────────────────────────────────────────────────────────────────────
 
         const serverLog = isServerLog(repo, service);
-        // Local streams go through taillog — the same endpoint the workspace
-        // page's tabs use. It has the full source-resolution chain (manifest
-        // cmd → conventional opctl container → daemon startup log), whereas
-        // /api/service/logs 404s for services with no logs block (shop-web,
-        // control-plane). Non-local envs keep /api/service/logs for
-        // cloudwatch sources + the AWS reauth flow.
-        const es = serverLog
-          ? new EventSource("/api/server-log")
-          : env === "local"
-            ? new EventSource(
-                `/api/service/taillog?${new URLSearchParams({ repo, service })}`,
-              )
-            : new EventSource(
-                `/api/service/logs?${new URLSearchParams({ repo, service, env })}`,
-              );
+        // Where the stream comes from (taillog for local, logs elsewhere):
+        // log-source.js, which the service panel's Logs uses too.
+        const es = new EventSource(logStreamUrl(repo, service, env));
 
         es.onmessage = (e) => {
           const msg = JSON.parse(e.data);