agentgui 1.0.1004 → 1.0.1005

package/package.json

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

package/site/app/index.html

@@ -37,6 +37,13 @@
   <link rel="modulepreload" href="./js/backend.js">
   <link rel="modulepreload" href="./js/codec.js">
   <link rel="preconnect" href="https://cdn.jsdelivr.net" crossorigin>
+  <!-- Preconnect alone still leaves the marked/dompurify ESM fetch+parse as a
+       full round trip AFTER the kit loads, on the first chat markdown render
+       (escaped-text -> rendered-markdown swap). modulepreload starts that
+       fetch in parallel with everything else instead of waiting for
+       markdown.js to reach its dynamic import. -->
+  <link rel="modulepreload" href="https://cdn.jsdelivr.net/npm/marked@15.0.12/+esm" crossorigin>
+  <link rel="modulepreload" href="https://cdn.jsdelivr.net/npm/dompurify@3.2.6/+esm" crossorigin>
   <!-- No design content lives here. Every agentgui application-surface style
        (pills, cwd bar, resume banner, health chips, settings grid, history
        empty state, boot splash, scrollbar theming, focus rings, print) now

package/site/app/js/app.js

@@ -3075,14 +3075,18 @@ function serverPanel() {
   const roots = Array.isArray(hh.allowRoots) ? hh.allowRoots : [];
   const upMs = hh.uptimeMs != null ? hh.uptimeMs : (hh.uptime != null ? hh.uptime * 1000 : null);
   const wsClients = hh.wsClients != null ? hh.wsClients : (hh.clients != null ? hh.clients : null);
+  // The very first health probe is in flight (not yet failed, not yet
+  // succeeded): 'checking…' reads as progress, 'unknown' reads as a
+  // permanent fact about the server - only the first is true here.
+  const fallback = (hh.status === 'unknown' && state.healthChecking) ? 'checking…' : 'unknown';
   return Panel({
     id: 'server',
     title: 'server',
     children: [
-      h('div', { key: 'sv', class: 'lede' }, 'version: ' + (hh.version ? 'v' + hh.version : 'unknown')),
-      h('div', { key: 'sup', class: 'lede' }, 'uptime: ' + (upMs != null ? fmtDuration(upMs) : 'unknown')),
-      h('div', { key: 'swc', class: 'lede' }, 'connected clients: ' + (wsClients != null ? wsClients : 'unknown')),
-      h('div', { key: 'spd', class: 'lede' }, 'projects folder: ' + (hh.projectsDir || 'unknown')),
+      h('div', { key: 'sv', class: 'lede' }, 'version: ' + (hh.version ? 'v' + hh.version : fallback)),
+      h('div', { key: 'sup', class: 'lede' }, 'uptime: ' + (upMs != null ? fmtDuration(upMs) : fallback)),
+      h('div', { key: 'swc', class: 'lede' }, 'connected clients: ' + (wsClients != null ? wsClients : fallback)),
+      h('div', { key: 'spd', class: 'lede' }, 'projects folder: ' + (hh.projectsDir || fallback)),
       roots.length
         ? SessionMeta({ key: 'sroots', items: roots.map((r, i) => ({ label: 'root ' + (i + 1), value: r, title: r, onCopy: () => copyText(r, 'root copied') })) })
         : (hh.status && hh.status !== 'unknown' ? h('div', { key: 'snoroots', class: 'lede' }, 'allowed roots: none configured') : null),
@@ -3163,9 +3167,14 @@ function acpStatusFor(agentId) {
 function agentsPanel() {
   const installed = state.agents.filter(a => a.available !== false);
   const hasAcp = (Array.isArray(state.health.acp) ? state.health.acp : []).length > 0;
+  // '0/0 installed' during the initial fetch reads as "nothing works", not
+  // "still loading" - show the loading word instead until the list lands.
+  const title = (state.agentsLoading && !state.agents.length)
+    ? 'agents · loading…'
+    : 'agents · ' + installed.length + '/' + state.agents.length + ' installed';
   return Panel({
     id: 'agents',
-    title: 'agents · ' + installed.length + '/' + state.agents.length + ' installed',
+    title,
     children: [
     // ACP agents (opencode/kilo/codex) are managed automatically: started
     // on-demand and restarted with backoff by the server, so there are no
@@ -3439,7 +3448,13 @@ function startHealthPolling() {
 }
 async function recheckHealth() {
   const wasOk = state.health.status === 'ok';
+  // Distinguishes "never probed yet" (status stays 'unknown', server panel
+  // shows literal 'unknown' fields with no affordance) from "probe in
+  // flight" - the settings server panel reads this to show 'checking…'
+  // instead of a wall of 'unknown' during the very first health probe.
+  state.healthChecking = true;
   const r = await B.probeBackend(state.backend);
+  state.healthChecking = false;
   if (r.ok) {
     state.health = { status: 'ok', ...r.info };
     stopHealthPolling();