agentgui 1.0.939 → 1.0.941

package/AGENTS.md

@@ -16,14 +16,9 @@ Dependencies:
 - `ccsniff` (>=1.1.0) — exports `createHistoryRouter({projectsDir})` mountable on Express; serves `/v1/history/{sessions,sessions/:sid/events,search,snapshot,reindex,stream}`. Reads `~/.claude/projects` (override via `CLAUDE_PROJECTS_DIR`).
 - `anentrypoint-design` (>=0.0.119) — kit library, single-file ESM from unpkg
 
-## Browser Witness (2026-05-19)
+## Browser Witness
 
-Local server on PORT=3056 (default), `bun server.js`:
-- `GET /health` → 200 JSON
-- `GET /v1/history/sessions` → `{"sessions":[]}` from ccsniff
-- `GET /` → site/app/index.html
-- WS `/sync` → opens, sync_connected
-- Browser at `localhost:3056/`: AppShell renders, nav=[chat,history,settings], SSE `hello` received (live.connected=true, eventCount=1), 0 console errors, backend resolves to `''` (same origin).
+`bun server.js`. Default `PORT=3000` (server.js); the SPA is served under `BASE_URL` (default `/gm/`), so the live app is **http://localhost:3000/gm/** — `/health` and `/` answer at root, the app is under `/gm/`. First request to `/gm/` or `/v1/history/*` triggers a 30-90s ccsniff JSONL walk (curl with a short timeout returns 000 during warmup). AppShell renders nav=[chat,history,settings], SSE `hello`, 0 console errors, backend resolves to `''` (same origin).
 
 ## Learning audit
 
@@ -139,3 +134,13 @@ Throttle renders via `requestAnimationFrame` to avoid event storm during burst l
 **First request to `/v1/history/*` triggers loadOnce() that walks all JSONL files under ~/.claude/projects** (env default; override with `CLAUDE_PROJECTS_DIR`). In our test env: 299 files, 80MB, 69k events → 30-90s startup latency. Health check timeouts during this window are normal and expected. Subsequent requests are fast (cached index).
 
 The endpoints are served by ccsniff's Express router mounted in-process from `server.js`. No external proxy.
+
+## Zero-runtime-CDN: vendored DS deps (2026-05-28)
+
+The GUI runs fully offline. `site/app/vendor/cdn/` holds marked, dompurify, prismjs components, and JetBrains+Space Grotesk woff2. The DS bundle (`anentrypoint-design/247420.js`) had its CDN string constants rewritten to local paths, AND its gzip+base64-embedded CSS blob (`Ha`) regenerated to point at local fonts. Full mechanism is in rs-learn (recall "DS bundle gzip Ha vendoring"). Witness offline by browser route-abort of non-origin hosts.
+
+## Agent/model/session management (2026-05-28)
+
+- `agents.list` (WS) returns `available` + `npxInstallable` per agent; `agents.models` returns model choices (claude-code → sonnet/opus/haiku). The chat picker is **agent-then-model**, not a flat model list. Unavailable agents are disabled/gated.
+- `chat.sendMessage` accepts `cwd` (defaults to STARTUP_CWD) and `model`/`agentId` separately. `chat.active` (WS) lists in-flight chats with agentId/model/cwd/startedAt/pid; the history tab polls it (3s) and shows a running panel with per-session stop.
+- Client (`app.js`): chat transcript persists to `localStorage[agentgui.chat]` and restores on load; tool_use/result events render as chat parts; keyboard shortcuts (g+c/h/s, n, /, ?); settings has an agents-status panel from `health.acp[]`.

package/lib/claude-runner-agents.js

@@ -25,6 +25,31 @@ export class AgentRegistry {
     }));
   }
 
+  isAvailable(agentId) {
+    if (!this._availCache) this._availCache = new Map();
+    if (this._availCache.has(agentId)) return this._availCache.get(agentId);
+    const a = this.agents.get(agentId);
+    if (!a) return false;
+    let ok = false;
+    try {
+      const whichCmd = isWindows ? 'where' : 'which';
+      const which = spawnSync(whichCmd, [a.command], { encoding: 'utf-8', timeout: 3000 });
+      if (which.status === 0 && (which.stdout || '').trim()) ok = true;
+      if (!ok && a.npxPackage) {
+        ok = ['bun', 'npx'].some(r => {
+          const c = spawnSync(whichCmd, [r], { encoding: 'utf-8', timeout: 3000 });
+          return c.status === 0 && (c.stdout || '').trim();
+        });
+      }
+    } catch { ok = false; }
+    this._availCache.set(agentId, ok);
+    return ok;
+  }
+
+  listWithAvailability() {
+    return this.list().map(a => ({ ...a, available: this.isAvailable(a.id), npxInstallable: !!a.npxPackage }));
+  }
+
   listACPAvailable() {
     return this.list().filter(agent => {
       try {

package/lib/ws-handlers-util.js

@@ -26,10 +26,27 @@ export function register(router, deps) {
       protocol: a.protocol,
       supportsStdin: !!a.supportsStdin,
       features: a.supportedFeatures || [],
+      available: registry.isAvailable(a.id),
+      npxInstallable: !!a.npxPackage,
     }));
     return { agents };
   });
 
+  // --- agents.models: model choices for a given agent ---
+  router.handle('agents.models', (p) => {
+    const id = p?.id || p?.agentId;
+    if (!id) err(400, 'agent id required');
+    if (id === 'claude-code') {
+      return { models: [
+        { id: 'sonnet', name: 'Claude Sonnet (latest)' },
+        { id: 'opus', name: 'Claude Opus (latest)' },
+        { id: 'haiku', name: 'Claude Haiku (latest)' },
+      ] };
+    }
+    // Other agents pick their model via their own config/login; none surfaced here.
+    return { models: [] };
+  });
+
   // --- conversation.subscribe: register this ws for sessionId broadcasts ---
   router.handle('conversation.subscribe', (p, ws) => {
     const sid = p?.sessionId;
@@ -61,7 +78,7 @@ export function register(router, deps) {
     ws.subscriptions = ws.subscriptions || new Set();
     ws.subscriptions.add(sessionId);
 
-    const ctrl = { aborted: false, proc: null };
+    const ctrl = { aborted: false, proc: null, agentId, model, cwd, startedAt: Date.now() };
     activeChats.set(sessionId, ctrl);
 
     // Fire-and-forget. Errors broadcast as streaming_error.
@@ -104,6 +121,15 @@ export function register(router, deps) {
     return { sessionId, started: true };
   });
 
+  // --- chat.active: list in-flight chats started via this server ---
+  router.handle('chat.active', () => {
+    const sessions = [];
+    for (const [sid, c] of activeChats) {
+      sessions.push({ sessionId: sid, agentId: c.agentId || null, model: c.model || null, cwd: c.cwd || null, startedAt: c.startedAt || null, pid: c.proc?.pid || null });
+    }
+    return { sessions };
+  });
+
   // --- chat.cancel: abort an in-flight chat ---
   router.handle('chat.cancel', (p) => {
     const sid = p?.sessionId;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agentgui",
-  "version": "1.0.939",
+  "version": "1.0.941",
   "description": "Multi-agent ACP client with real-time communication",
   "type": "module",
   "main": "electron/main.js",

package/server.js

@@ -173,9 +173,18 @@ const onServerListenStart = () => {
   loadPluginExtensions();
 };
 
+let _portRetries = 0;
+const MAX_PORT_RETRIES = 5;
 server.on('error', (err) => {
   if (err.code === 'EADDRINUSE') {
-    console.error(`Port ${PORT} already in use. Waiting 3 seconds before retry...`);
+    _portRetries++;
+    if (_portRetries > MAX_PORT_RETRIES) {
+      // Bail instead of retrying forever — an unbounded retry loop leaks a
+      // live process that holds no useful port and accumulates on each launch.
+      console.error(`Port ${PORT} still in use after ${MAX_PORT_RETRIES} retries; exiting. Free the port or set PORT to a different value.`);
+      process.exit(1);
+    }
+    console.error(`Port ${PORT} already in use. Retry ${_portRetries}/${MAX_PORT_RETRIES} in 3s...`);
     setTimeout(() => { server.listen(PORT, onServerListenStart); }, 3000);
   } else {
     console.error('[SERVER] Error (contained):', err.message);

package/site/app/index.html

@@ -1,5 +1,5 @@
 <!doctype html>
-<html lang="en" class="ds-247420" data-theme="dark">
+<html lang="en" class="ds-247420" data-theme="dark" data-typescale="app">
 <head>
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width,initial-scale=1">
@@ -90,32 +90,17 @@
 
     .field-error { color: var(--warn, var(--agentgui-warn)); }
 
-    /* chat control cluster in the crumb bar: keep model picker, +new, status
-       on one tidy baseline-aligned row instead of wrapping under the nav. */
-    .chat-controls { display: flex; align-items: center; gap: .6em; flex-wrap: nowrap; }
+    /* chat control cluster in the crumb bar: model picker, +new, status.
+       Allowed to wrap so it never overflows the crumb on tablet widths. */
+    .chat-controls { display: flex; align-items: center; gap: .6em; flex-wrap: wrap; }
     .chat-controls > * { flex: 0 0 auto; }
     .chat-controls select,
     .chat-controls .select,
-    .chat-controls [role="combobox"] { min-width: 150px; max-width: 220px; }
+    .chat-controls [role="combobox"] { min-width: 130px; max-width: 220px; }
     .chat-controls .status-dot { white-space: nowrap; }
 
-    /* Tame the design-system hero-sized PageHeader h1 to a sensible page title.
-       The DS default (--fs-h1, cqi-scaled to ~64-80px) overpowers app content. */
-    .agentgui-main .ds-section > h1 {
-      font-size: clamp(22px, 2.2vw, 30px);
-      line-height: 1.15;
-      margin-bottom: .35em;
-    }
     .agentgui-main .ds-section { margin: 0 0 var(--space-4, 16px); }
 
-    /* TextField: stack label above the input so the label can't overlap it. */
-    .agentgui-main .ds-field {
-      display: flex; flex-direction: column; gap: .35em; align-items: stretch;
-    }
-    .agentgui-main .ds-field-label { font-size: .8rem; color: var(--fg-2, #ccc); }
-    .agentgui-main .ds-field input,
-    .agentgui-main .ds-field textarea { width: 100%; }
-
     /* readable backend health summary (replaces raw JSON dump) */
     .health-summary { display: flex; flex-wrap: wrap; gap: .4em; margin: .6em 0; }
     .health-chip {
@@ -130,20 +115,8 @@
       border-color: color-mix(in srgb, var(--accent, var(--agentgui-accent)) 40%, transparent);
     }
 
-    /* search input: match the dark theme instead of a bare white box */
-    .app input[type="search"],
-    .app .search-input input,
-    .app input.search,
-    input[type="search"] {
-      background: color-mix(in srgb, var(--fg, var(--agentgui-fg)) 6%, transparent);
-      color: var(--fg, var(--agentgui-fg));
-      border: 1px solid color-mix(in srgb, var(--fg, var(--agentgui-fg)) 16%, transparent);
-      border-radius: 8px; padding: .5em .7em;
-    }
-    .app input[type="search"]::placeholder { color: var(--fg-3, #888); }
-    .app input[type="search"]:focus-visible {
-      outline: 2px solid var(--accent, var(--agentgui-accent)); outline-offset: 1px;
-    }
+    /* (search-input theming now provided by the design system's .ds-search-input
+       + base input rules; the local reskin hack was removed.) */
 
     /* empty-state: keep it from wrapping awkwardly in the narrow sidebar */
     .empty-state { white-space: normal; }
@@ -161,9 +134,13 @@
     }
 
     @media print {
-      #app { min-height: auto; display: block; }
-      .skip-link, .status-dot, .history-actions { display: none !important; }
-      * { background: #fff !important; color: #000 !important; box-shadow: none !important; }
+      #app { min-height: auto; display: block; height: auto; }
+      .skip-link, .status-dot, .history-actions, .chat-composer { display: none !important; }
+      /* Drop chrome backgrounds/shadows for ink-saving, but preserve code
+         highlighting and rail colors (don't nuke every color to black). */
+      .app, .app-main, .panel, .chat, .chat-thread {
+        background: #fff !important; color: #000 !important; box-shadow: none !important;
+      }
     }
   </style>
 </head>