agentgui 1.0.975 → 1.0.976

package/package.json

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

package/site/app/js/app.js

@@ -131,7 +131,8 @@ function scheduleStreamRender() {
   requestAnimationFrame(() => {
     streamRenderScheduled = false;
     render();
-    scrollChatToBottom();
+    // Kit AgentChat's IntersectionObserver sentinel handles streaming auto-scroll;
+    // calling scrollChatToBottom here forces a synchronous scrollHeight layout reflow.
   });
 }
 
@@ -262,6 +263,7 @@ function navTo(tab, { writeHash: doWriteHash = true, push = true } = {}) {
   // Leaving chat clears any pending new-chat confirmation so it doesn't linger
   // as a stale banner when the user returns.
   if (prev === 'chat' && tab !== 'chat') state.confirmingNewChat = false;
+  if (prev !== tab) state.confirmingClearData = false;
   state.tab = tab;
   // Live history SSE feeds both the History tab (event log) and the Live
   // dashboard (per-session activity tally + stream-health signal); open it on
@@ -367,7 +369,11 @@ let _liveTick = null;
 function startLiveTick() {
   if (_liveTick) return;
   _liveTick = setInterval(() => {
-    if (state.tab === 'live' && Array.isArray(state.active) && state.active.length) scheduleRender();
+    if (state.tab === 'live' && Array.isArray(state.active) && state.active.length) {
+      scheduleRender();
+    } else if (state.tab !== 'live' && !(Array.isArray(state.active) && state.active.length)) {
+      clearInterval(_liveTick); _liveTick = null;
+    }
   }, 1000);
 }
 async function stopActiveChat(sid) {
@@ -512,9 +518,9 @@ function view() {
   const liveActive = state.tab === 'history' && state.live.connected && (Date.now() - state.live.lastEventTs < 30000);
   const dotLabel = state.tab === 'history'
     ? (state.live.error
-        ? state.live.error + (state.live.reconnects ? ' · ' + state.live.reconnects + ' reconnects' : '')
-        : (liveActive ? 'live · ' + state.live.eventCount : (state.live.connected ? 'live' : 'connecting…')))
-    : (ok ? (state.health.ws === 'reconnecting' ? 'connecting' : 'connected') : 'offline');
+        ? 'stream: ' + state.live.error + (state.live.reconnects ? ' · ' + state.live.reconnects + ' reconnects' : '')
+        : (liveActive ? 'stream: live · ' + state.live.eventCount : (state.live.connected ? 'stream: live' : 'stream: connecting…')))
+    : (ok ? (state.health.ws === 'reconnecting' ? 'connecting…' : 'connected') : 'offline');
   const dotLive = state.tab === 'history' ? (liveActive || state.live.connected) : ok;
   // The status dot is drawn entirely by CSS (.status-dot::before) - a small
   // colored disc, real product design, not a text glyph. State drives its colour
@@ -1050,7 +1056,7 @@ function fileDialog() {
     return PromptDialog({
       title: 'Rename ' + d.file.name, value: d.file.name, placeholder: 'new name',
       error: d.error || null, busy: !!d.busy,
-      confirmLabel: d.busy ? 'renaming...' : 'rename', cancelLabel: 'cancel',
+      confirmLabel: d.busy ? 'renaming…' : 'rename', cancelLabel: 'cancel',
       onCancel: closeFileDialog,
       onConfirm: (v) => {
         // Every confirm press produces visible feedback - never a silent no-op.
@@ -1067,7 +1073,7 @@ function fileDialog() {
         ? 'Delete this folder and everything inside it? This cannot be undone.'
         : 'Delete this file? This cannot be undone.',
       error: d.error || null, busy: !!d.busy,
-      confirmLabel: d.busy ? 'deleting...' : 'delete', cancelLabel: 'cancel', destructive: true,
+      confirmLabel: d.busy ? 'deleting…' : 'delete', cancelLabel: 'cancel', destructive: true,
       onCancel: closeFileDialog,
       onConfirm: () => runFileMutation(() => B.deleteEntry(state.backend, d.file.path, isDir), 'deleted ' + d.file.name),
     });
@@ -1081,7 +1087,7 @@ function fileDialog() {
         ? 'Folders are deleted with everything inside them. '
         : '') + 'This cannot be undone.',
       error: d.error || null, busy: !!d.busy,
-      confirmLabel: d.busy ? 'deleting...' : 'delete ' + n, cancelLabel: 'cancel', destructive: true,
+      confirmLabel: d.busy ? 'deleting…' : 'delete ' + n, cancelLabel: 'cancel', destructive: true,
       onCancel: closeFileDialog,
       onConfirm: runBulkDelete,
     });
@@ -1092,7 +1098,7 @@ function fileDialog() {
       title: 'Move ' + n + ' selected ' + (n === 1 ? 'entry' : 'entries'),
       value: state.files.path || '', placeholder: 'destination folder path',
       error: d.error || null, busy: !!d.busy,
-      confirmLabel: d.busy ? 'moving...' : 'move ' + n, cancelLabel: 'cancel',
+      confirmLabel: d.busy ? 'moving…' : 'move ' + n, cancelLabel: 'cancel',
       onCancel: closeFileDialog,
       onConfirm: (v) => {
         if (!v) { d.error = 'enter a destination folder'; render(); return; }
@@ -1105,7 +1111,7 @@ function fileDialog() {
     return PromptDialog({
       title: 'New folder', value: '', placeholder: 'folder name',
       error: d.error || null, busy: !!d.busy,
-      confirmLabel: d.busy ? 'creating...' : 'create', cancelLabel: 'cancel',
+      confirmLabel: d.busy ? 'creating…' : 'create', cancelLabel: 'cancel',
       onCancel: closeFileDialog,
       onConfirm: (v) => {
         if (!v) { d.error = 'enter a folder name'; render(); return; }
@@ -2495,7 +2501,7 @@ function historyMain() {
   const meta = SessionMeta({
     items: [
       sess && sess.cwd ? { label: 'cwd', value: sess.cwd, title: sess.cwd } : null,
-      sessionDuration() ? { label: 'duration', value: sessionDuration() } : null,
+      (() => { const dur = sessionDuration(); return dur ? { label: 'duration', value: dur } : null; })(),
       { label: 'session id', value: state.selectedSid.slice(0, 8) + '…', title: state.selectedSid, onCopy: () => copyText(state.selectedSid, 'session id copied') },
       // Spelled counter vocabulary in the detail strip (events/turns/tools/
       // errors); the abbreviated 'ev/tools/err' triple stays compact-row-only.
@@ -2571,7 +2577,7 @@ function historyMain() {
           }
           return {
             key,
-            code: String(absIdx + 1).padStart(4, '0'),
+            code: String(total - shown.length + i + 1).padStart(4, '0'),
             rail,
             expanded,  // disclosure state -> kit Row sets aria-expanded
             highlight: q || undefined,
@@ -2811,7 +2817,9 @@ function historySide() {
 function isValidUrl(s) {
   if (!s) return true; // blank = same-origin is valid
   try {
-    const u = new URL(s.startsWith('http') ? s : 'http://' + s);
+    // Only add http:// prefix for schemeless inputs (no ://); inputs with an
+    // explicit non-http scheme (ftp://, ws://) must fail the protocol check.
+    const u = new URL(s.includes('://') ? s : 'http://' + s);
     return u.protocol === 'http:' || u.protocol === 'https:'; // reject ftp:/ws:/etc
   } catch { return false; }
 }
@@ -2821,12 +2829,15 @@ function isValidUrl(s) {
 // becomes the same string we validated. Blank stays blank (same-origin).
 function normalizeBackend(s) {
   if (!s) return '';
-  try { return new URL(s.startsWith('http') ? s : 'http://' + s).origin; }
+  try { return new URL(s.includes('://') ? s : 'http://' + s).origin; }
   catch { return s; }
 }
 
 async function saveBackend() {
-  if (!isValidUrl(state.backendDraft) || state.backendDraft === state.backend) return;
+  if (!isValidUrl(state.backendDraft)) return;
+  // Re-submitting the current URL (e.g. after a failed health check) re-runs
+  // the health probe and shows connecting… so the user gets visible feedback.
+  if (state.backendDraft === state.backend) { state.backendStatus = 'connecting'; render(); await recheckHealth(); return; }
   // Switching backend orphans the local chat transcript (it belongs to the old
   // server's sessions). Confirm once if there's a transcript to lose - and the
   // confirmation binds to the EXACT value confirmed: editing the URL after
@@ -2856,7 +2867,7 @@ function healthSummary() {
   // (connected/offline/connecting) so the same state reads the same word
   // everywhere, instead of the raw health.status ('ok'/'down').
   const connWord = hh.status === 'ok' ? 'connected'
-    : hh.status === 'unknown' ? 'connecting'
+    : hh.status === 'unknown' ? 'connecting…'
     : 'offline';
   bits.push([connWord, 'Backend connection status']);
   if (hh.version) bits.push(['v' + hh.version, 'Server version']);
@@ -2918,7 +2929,7 @@ function settingsMain() {
           key: 'savebtn',
           type: 'submit',
           primary: true,
-          disabled: !isValid || state.backendDraft === state.backend || state.backendStatus === 'connecting',
+          disabled: !isValid || state.backendStatus === 'connecting',
           onClick: (e) => { e.preventDefault(); saveBackend(); },
           children: state.backendStatus === 'connecting' ? 'connecting…' : 'save + reconnect',
           title: isValid ? 'Save backend URL and reconnect' : 'Fix URL format first',
@@ -3066,7 +3077,7 @@ function agentsPanel() {
             // Rail tone keeps its GUI-wide meaning: green=ok/selected,
             // flame=error/unavailable. Selection is shown via `active`, not by
             // borrowing purple (purple is reserved for subagents).
-            rail: (a.id === state.selectedAgent || avail) ? 'green' : 'flame',
+            rail: !avail ? 'flame' : (a.id === state.selectedAgent ? 'green' : undefined),
             active: a.id === state.selectedAgent,
             // Non-installable agents are genuinely inert: mark them disabled (no
             // click, no button role) instead of looking clickable but doing nothing.

package/site/app/js/backend.js

@@ -377,6 +377,7 @@ export async function* streamChat(base, { model, messages, signal, agentId, resu
     } else if (ev.type === 'streaming_progress') {
       const block = ev.block;
       if (block?.type === 'text' && block.text) push({ type: 'text', text: block.text });
+      else if (block?.type === 'thinking' && block.thinking) push({ type: 'thinking', text: block.thinking });
       else if (block?.type === 'tool_use') push({ type: 'tool', block });
       else if (block?.type === 'tool_result') push({ type: 'tool_result', block });
       else if (block?.type === 'result') push({ type: 'result', block });

package/site/app/vendor/anentrypoint-design/247420.css

@@ -498,12 +498,12 @@
 .ds-247420 ::selection { background: color-mix(in oklab, var(--accent) 24%, var(--bg-2)); color: var(--fg); }
 
 /* Every root has a CQ container so fluid type can resolve to a meaningful inline-size. */
-.ds-247420 .app, .ds-247420[class*="kit-"], .ds-247420 .ds-stage {
+.ds-247420 .app, .ds-247420 .ds-stage {
   container-type: inline-size;
   overflow-x: clip;
   min-width: 0;
 }
-.ds-247420 .app *, .ds-247420[class*="kit-"] * { min-width: 0; }
+.ds-247420 .app * { min-width: 0; }
 
 /* ============================================================
    Typography