agentgui 1.0.1080 → 1.0.1082

package/.gm/memories/mem-b64ad00dcb6f909e-937.md

@@ -0,0 +1,8 @@
+---
+key: mem-b64ad00dcb6f909e-937
+ns: default
+created: 1784315675131
+updated: 1784315675131
+---
+
+{"key":"agentgui-browser-verb-url-dom-prefix-broken-2026-07-17","value":"gm browser verb tool defect (47th agentgui run, 2026-07-17): url=/dom= prefix dispatches evaluate in a Node vm context (ReferenceError: document/window is not defined) despite navigation_requested:true; screenshot= prefix mis-parses its own argument as JS (SyntaxError Unexpected token). Only the bare 'capture\\n<script with page.goto+page.evaluate>' dispatch form actually reaches real page context this session (confirmed working in browser-3/-13/-14 dispatches). Read the result via console.log('WITNESS:'+JSON.stringify(...)) inside the page.evaluate callback and grep the debug.console array in the response - the top-level result field itself came back None/undefined across multiple working dispatches even when exit_code:0/ok:true, so it is not a reliable read path this session. External tool defect (gm-plugkit/playwriter), not fixable from this repo."}

package/.gm/prd.yml

@@ -3133,22 +3133,7 @@
   notes: docstudio chat-input.js:49-62 sniffs pasted Google Doc/Sheet/Drive URLs and shows a dismissable inline confirm badge before send. Kit has no live parse-and-confirm affordance. Add optional detectAttachment(text)=>{type,label,id}|null prop, render .chat-composer-detected-badge above textarea, dismissible, reuse flashComposerNote treatment.
   status: completed
   witness: 'chat.js: updateDetectedBadge() closure invoked from autoGrow/taRef on every input change, renders .chat-composer-detected-badge with dismiss control matching flashComposerNote''s imperative-DOM style. grep ''chat-composer-detected-badge'' in both site/app/vendor/anentrypoint-design/247420.js and .css confirms markup+CSS present in rebuilt+re-vendored bundle. bun test.js 38/38 pass, build 0 lint errors, commit 5c0571e rebased onto 1d46202.'
-- id: chat-log-aria-live
-  subject: Add aria-live=polite aria-relevant=additions to the role=log chat thread containers in chat.js:533 and agent-chat.js:476/581, matching docstudio chat-tabs.js:62-65, so new messages are announced without spamming on every streamed token
-  witness: 'Browser-witnessed live on localhost:3009/gm/: .agentchat-thread carries role=log aria-live=polite aria-relevant=additions (confirmed via page.evaluate getAttribute), bodyLen:19429, hasAgentgui:true, 0 console errors. Implemented in kit chat.js:533,581 and agent-chat.js:476; kit tests pass; re-vendored into agentgui and pushed.'
-  status: completed
-  commit_comment: aria-live/aria-relevant on chat log regions (docstudio cue)
-- id: chat-log-aria-live-streaming-verify
-  subject: Verify aria-live=polite does not cause screen-reader spam during token-by-token streaming (aria-relevant=additions should limit announcements to new message additions, not text mutations within an existing message) - live witness via browser dispatch
-  witness: 'Verified via source inspection that aria-relevant=additions structurally scopes to sibling-node insertion, not to text-content mutation within an existing node: agent-chat.js:582 renders each message as a distinct keyed VElement (...all.map((m,i)=>ChatMessage({...m, key: m.key != null ? m.key : i}))), so streaming token updates mutate an existing keyed node''s subtree (no announcement) while a genuinely new message is a new keyed sibling (announced) - matches docstudio''s own chat-tabs.js pairing intent. No spam risk by construction.'
-  status: completed
-  commit_comment: verified aria-relevant=additions does not spam-announce during token streaming
 - id: kit-test-spacing-regex-drift
   subject: test.js lint-tokens.mjs spacing-report regex only matched the old REPORT format; upstream v0.0.349 changed lint-spacing output to PASS/baseline format, silently breaking the test's ability to catch regressions until this run's test execution surfaced it
   witness: bun test.js failed with 'lint-spacing report line not found' after rebasing onto origin/main (8436f0a); fixed by widening the regex to match both formats
   status: completed
-- id: toast-persistent-action-variant
-  subject: Add onAction/actionLabel/duration:0-persistent support to the kit's toast() (editor-primitives.js:637-653), matching docstudio's update-check.js:18-30 click-to-reload pattern - currently toast() only supports message/kind/duration and always self-dismisses via setTimeout, with no way to render a non-auto-dismissing actionable CTA toast
-  witness: 'Browser-witnessed live on localhost:3009/gm/: imported the vendored kit module directly and called toast({message,kind,duration:0,actionLabel:''Reload'',onAction}) - hasActionEl:true, btnText:''Reload'', clicking the button fired onAction with the dismiss callback (actionFired:true). Verified backward compat: plain toast({message,kind,duration}) with no actionLabel/onAction renders with no has-action class and no button. Kit built+tested (bun test.js all pass, node scripts/generate-component-docs.mjs --check clean, node scripts/build.mjs 0 lint errors). Kit pushed b5530cb->e93f4f7 (one dist-only rebase + one component-docs-lint fix), all 3 kit CI checks green. Re-vendored into agentgui, 0 pageErrors, bodyLen:19466, hasAgentgui:true.'
-  status: completed
-  commit_comment: persistent action-CTA toast variant (docstudio update-check.js cue, confirming-pass finding)

package/package.json

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

package/site/app/js/app.js

@@ -3,7 +3,7 @@ import * as B from './backend.js';
 
 installStyles().catch(() => {});
 
-const { AppShell, WorkspaceShell, WorkspaceRail, Topbar, Crumb, Side, Status, Chat, ChatComposer, AgentChat, ConversationList, SessionDashboard, Row, Panel, PageHeader, TextField, Select, Btn, Icon, IconButton, EventList, Spinner, Alert, FileGrid, FileSkeleton, sortFiles, FileToolbar, RootsPicker, BreadcrumbPath, EmptyState, FileViewer, FilePreviewPane, FilePreviewCode, FilePreviewText, FilePreviewMedia, ThemeToggle, ContextPane, PromptDialog, ConfirmDialog, DropZone, UploadProgress, FilterPills, SessionMeta, BulkBar, Checkbox, ShortcutList, FocusTrap, AgentListSkeleton, flashComposerNote } = C;
+const { AppShell, WorkspaceShell, WorkspaceRail, Topbar, Crumb, Side, Status, Chat, ChatComposer, AgentChat, ConversationList, SessionDashboard, Row, Panel, PageHeader, TextField, Select, Btn, Icon, IconButton, EventList, Spinner, Alert, FileGrid, FileSkeleton, sortFiles, FileToolbar, RootsPicker, BreadcrumbPath, EmptyState, FileViewer, FilePreviewPane, FilePreviewCode, FilePreviewText, FilePreviewMedia, ThemeToggle, ContextPane, PromptDialog, ConfirmDialog, DropZone, UploadProgress, FilterPills, SessionMeta, BulkBar, Checkbox, ShortcutList, FocusTrap, AgentListSkeleton, flashComposerNote, toast } = C;
 
 // One duration/bytes vocabulary across every surface: prefer the kit's shared
 // formatters (exported alongside the components), fall back to the local
@@ -4163,6 +4163,37 @@ async function recheckHealth() {
   render();
 }
 
+// Build-freshness: a long-open tab keeps running the JS it parsed at load
+// time even after a new version is deployed. window.__SERVER_VERSION is
+// baked in at page load; /health's `version` field reflects whatever is
+// currently running server-side. Poll it at a low frequency (distinct from
+// the health-outage poll above, which only runs while unhealthy) and, on a
+// mismatch, surface a persistent action toast rather than silently leaving
+// the tab on stale code — mirrors docstudio's update-check.js version.json
+// poll + reload-nudge pattern.
+const BUILD_FRESHNESS_POLL_MS = 90000;
+let _buildFreshnessTimer = null;
+let _buildStaleNoticeShown = false;
+function startBuildFreshnessPoll() {
+  if (_buildFreshnessTimer || !window.__SERVER_VERSION) return;
+  _buildFreshnessTimer = setInterval(async () => {
+    if (_buildStaleNoticeShown) return;
+    const r = await B.probeBackend(state.backend);
+    if (r.ok && r.info && r.info.version && r.info.version !== window.__SERVER_VERSION) {
+      _buildStaleNoticeShown = true;
+      clearInterval(_buildFreshnessTimer);
+      _buildFreshnessTimer = null;
+      toast({
+        message: 'A new version is available',
+        kind: 'info',
+        duration: 0,
+        actionLabel: 'reload',
+        onAction: (dismiss) => { dismiss(); location.reload(); },
+      });
+    }
+  }, BUILD_FRESHNESS_POLL_MS);
+}
+
 async function init() {
   state.health = { status: 'unknown' };
   render();
@@ -4174,6 +4205,7 @@ async function init() {
   }
   render();
   if (!(await loadAgents())) retryLoadAgents();
+  startBuildFreshnessPoll();
 
   const hp = readHash();
   const bootTab = hp.tab || (hp.sid ? 'history' : 'chat');

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

@@ -9842,6 +9842,49 @@
 }
 .ds-247420 .ov-perm-action:hover { background: var(--panel-2, var(--rule)); }
 
+/* ApprovalPrompt — inline in-thread tool-permission card: name/category
+   head, optional args preview, an optional free-text note, four resolution
+   actions. Distinct from PermissionMenu (a settings dropdown); this renders
+   directly in the chat flow like a message. */
+.ds-247420 .ov-approval {
+    display: flex; flex-direction: column; gap: var(--space-2, 8px);
+    max-width: var(--measure, 640px);
+    padding: var(--space-4, 16px);
+    border: var(--bw-hair) solid var(--rule);
+    border-radius: var(--r-2, 12px);
+    background: var(--panel, var(--bg-2));
+    box-shadow: var(--shadow-1);
+}
+.ds-247420 .ov-approval-head { display: flex; align-items: center; gap: var(--space-2, 8px); color: var(--accent-ink); }
+.ds-247420 .ov-approval-icon { display: inline-flex; flex: 0 0 auto; }
+.ds-247420 .ov-approval-tool { color: var(--fg); }
+.ds-247420 .ov-approval-cat { color: var(--fg-3); font-weight: 400; }
+.ds-247420 .ov-approval-args {
+    margin: 0; padding: var(--space-2, 8px);
+    background: var(--panel-2, var(--rule)); border-radius: var(--r-1, 10px);
+    font: var(--fs-tiny, 12px)/1.4 var(--ff-mono, monospace);
+    color: var(--fg-3); max-height: 100px; overflow: auto; white-space: pre-wrap; word-break: break-all;
+}
+.ds-247420 .ov-approval-note {
+    width: 100%; min-height: 48px; resize: vertical;
+    padding: var(--space-2, 8px) var(--space-2-75, 12px);
+    border: var(--bw-hair) solid var(--rule); border-radius: var(--r-1, 10px);
+    background: var(--bg); color: var(--fg); font: inherit; box-sizing: border-box;
+}
+.ds-247420 .ov-approval-note:focus-visible { outline: 2px solid var(--accent-ink); outline-offset: 2px; }
+.ds-247420 .ov-approval-actions { display: flex; gap: var(--space-2, 8px); flex-wrap: wrap; align-items: center; }
+.ds-247420 .ov-approval-btn {
+    appearance: none; border: var(--bw-hair) solid var(--rule); background: transparent;
+    color: var(--fg); font: inherit; font-size: var(--fs-tiny, 13px); font-weight: 500;
+    padding: var(--space-1-75, 6px) var(--space-3, 16px); border-radius: var(--r-pill, 999px); cursor: pointer;
+}
+.ds-247420 .ov-approval-btn:hover { background: var(--panel-2, var(--rule)); }
+.ds-247420 .ov-approval-btn-primary { background: var(--accent); border-color: var(--accent); color: var(--accent-ink); }
+.ds-247420 .ov-approval-btn-primary:hover { filter: brightness(1.05); }
+.ds-247420 .ov-approval-btn-soft { background: var(--panel-2, var(--rule)); border-color: transparent; }
+.ds-247420 .ov-approval-btn-deny { margin-left: auto; border-color: var(--danger); color: var(--danger-ink, var(--danger)); }
+.ds-247420 .ov-approval-btn-deny:hover { background: var(--danger); color: var(--bg); }
+
 /* CountdownDialog's ticking status line: tabular-nums so the number swap
    each second doesn't jitter the modal layout. */
 .ds-247420 .ds-countdown-status {