agentgui 1.0.1026 → 1.0.1027

package/.gm/.gm-continue-count

@@ -1 +1 @@
-1
+2

package/.gm/prd.yml

@@ -2582,3 +2582,127 @@
   subject: --sun (#F5C344) measures 1.46:1 paper/1.32 bg-2/1.14 bg-3, fails even 3:1 non-text everywhere used (toast border, tree-node border, community spinner/text)
   witness: design/app-shell.css:3162(toast.warning border),3875(tree-node is-prd-add border) and community.css:364(voice-connecting text),385-386(spinner border) all switched var(--sun)->var(--amber); --sun measured 1.1-1.5:1 everywhere used, --amber now 5.21:1 text-safe
   status: completed
+- id: run32-wfgy-checkpoint
+  subject: Load wfgy-method discipline before committing to this run's audit scope, per user's explicit /wfgy-method ask
+  notes: user explicitly asked to use /wfgy-method to maximize critique quality this run
+  status: completed
+  witness: 'wfgy-method skill loaded this turn: stated G (max usability/predictability/negative-space/quality, kit updates as needed, exhaustive critique), applied BBPF comparing narrow-live-audit vs full-fanout, chose full fanout given explicit ''every possible perspective'' ask, dispatched gui-ux-craft workflow (run wf_1413e6ba-ed0) as the concrete result of that discipline pass'
+- id: run32-fanout-audit
+  subject: Fresh gui-ux-craft-class maximal fan-out workflow auditing usability/practicality/predictability/negative-space across every GUI surface (chat, history, files, settings, live, shell/rail), 31 prior runs notwithstanding - re-audit for drift/regressions/new gaps
+  notes: 31 prior runs exist; this is run 32, must still re-audit fresh rather than assume prior findings are exhaustive
+  status: completed
+  witness: gui-ux-craft workflow wf_1413e6ba-ed0 ran 30 agents (6 lenses x hunt+verify), 29 completed, 1 crashed (kit-dx, tracked separately as run32-kit-dx-lens-crashed). 19 confirmed findings across typography-rhythm/copy-tone/perceived-performance/light-theme-contrast/interaction-density, all landed and browser/grep-witnessed.
+- id: run32-design-kit-updates
+  subject: Land any confirmed findings that require design-kit (../design) changes, following established kit-vs-app split
+  notes: user explicitly said update ../design if need be
+  status: completed
+  witness: 'Landed 11 kit-side CSS/comment changes across /config/workspace/design (app-shell.css, chat.css, colors_and_type.css, community.css): group-label size unify, .row token padding, chat-md rhythm tokenization, --success->--green text-color fixes (3 sites), --sky->--code-keyword alias, --sun->--amber alert-warn, --warn/--danger doc comments, icon-btn focus-ring dedup, shape-vocabulary legend comment. Kit rebuilt via node scripts/build.mjs (exit 0, all lints pass) and re-vendored into site/app/vendor/anentrypoint-design/247420.{js,css}.'
+- id: run32-browser-witness
+  subject: Live-browser witness every landed fix at desktop+mobile widths, 0 console errors
+  notes: standing VERIFY requirement
+  status: completed
+  witness: 'Live-witnessed via gm browser verb against localhost:3010/gm/ across settings/files/live tabs: .t-meta count=5 / .lede count=0 on settings, no bare ''?'' fallback text, Files placeholder=''Filter by name'', Live placeholder=''Filter by agent, model, or cwd'', 0 pageErrors across all navigations. Kit CSS changes confirmed present in the rebuilt+vendored bundle via grep (code-keyword alias x2, space-3/space-4 token pair x12, kpi-delta-up->--green).'
+- id: run32-push-ci
+  subject: Push both repos (kit + agentgui) and watch CI green on both
+  notes: standing CONSOLIDATE requirement
+  status: pending
+- id: typography-rhythm-lede-misuse-settings
+  subject: 'gui-ux-craft run32 confirmed finding: typography-rhythm-lede-misuse-settings'
+  notes: from gui-ux-craft workflow wf_1413e6ba-ed0 confirmed findings
+  status: completed
+  witness: 'Browser-witnessed on live localhost:3010/gm/#tab=settings: document.querySelectorAll(''.t-meta'').length=5, .lede count=0. app.js lines 3107,3127-3131,3152,3241,3243,3250,3284,3325,3328,3331 class swapped from ''lede''->''t-meta'' (kept field-error/empty-state modifiers). 0 console pageErrors.'
+- id: typography-rhythm-dual-group-label-size
+  subject: 'gui-ux-craft run32 confirmed finding: typography-rhythm-dual-group-label-size'
+  notes: from gui-ux-craft workflow wf_1413e6ba-ed0 confirmed findings
+  status: completed
+  witness: chat.css:395 .ds-session-group-label font-size changed from var(--fs-xs) to var(--fs-tiny), matching .ds-dash-group-label:938. Kit rebuilt (node scripts/build.mjs, exit 0) and re-vendored into site/app/vendor/anentrypoint-design/247420.css.
+- id: typography-rhythm-row-padding-off-token
+  subject: 'gui-ux-craft run32 confirmed finding: typography-rhythm-row-padding-off-token'
+  notes: from gui-ux-craft workflow wf_1413e6ba-ed0 confirmed findings
+  status: completed
+  witness: app-shell.css:614 .row padding changed from hardcoded '16px 22px' to 'var(--space-3) var(--space-4)' (16px 24px, token-driven). Verified present in rebuilt+vendored 247420.css (grep count=12 for the token pair across the sheet).
+- id: typography-rhythm-chat-md-hardcoded-cadence
+  subject: 'gui-ux-craft run32 confirmed finding: typography-rhythm-chat-md-hardcoded-cadence'
+  notes: from gui-ux-craft workflow wf_1413e6ba-ed0 confirmed findings
+  status: completed
+  witness: app-shell.css chat-md heading/p/ul/li/blockquote/pre margins and heading line-height retokenized to var(--space-1)/var(--space-2)/var(--lh-snug). Kit rebuilt clean, vendored copy updated.
+- id: copy-tone-folder-directory-mixed-vocab
+  subject: 'gui-ux-craft run32 confirmed finding: copy-tone-folder-directory-mixed-vocab'
+  notes: from gui-ux-craft workflow wf_1413e6ba-ed0 confirmed findings
+  status: completed
+  witness: app.js:1452,1454 both instances of 'Folders cannot be dropped — use the New Folder button to create directories' changed to 'Folders cannot be dropped — use New Folder to create one' via sed, verified grep shows both lines updated.
+- id: copy-tone-cwd-vs-working-directory
+  subject: 'gui-ux-craft run32 confirmed finding: copy-tone-cwd-vs-working-directory'
+  notes: from gui-ux-craft workflow wf_1413e6ba-ed0 confirmed findings
+  status: completed
+  witness: app.js:2726 SessionMeta label 'cwd' -> 'directory', matching the spelled-out 'working directory' vocabulary used in composer/settings copy elsewhere in the same file.
+- id: copy-tone-session-vs-conversation
+  subject: 'gui-ux-craft run32 confirmed finding: copy-tone-session-vs-conversation'
+  notes: from gui-ux-craft workflow wf_1413e6ba-ed0 confirmed findings
+  status: completed
+  witness: app.js:749 search-result fallback title changed from 'session '+sid slice to 'conversation '+sid slice, matching ConversationList's own empty-state/placeholder vocabulary ('No conversations yet', 'Search conversations').
+- id: copy-tone-lede-question-mark-fallback
+  subject: 'gui-ux-craft run32 confirmed finding: copy-tone-lede-question-mark-fallback'
+  notes: from gui-ux-craft workflow wf_1413e6ba-ed0 confirmed findings
+  status: completed
+  witness: 'app.js:2665 fallback chain changed from ''?'' to ''unknown location''. Browser-witnessed on live settings/history: bodyHasQmark regex test false (no bare ''?'' followed by middot in body text).'
+- id: copy-tone-cannot-preview-vague-recovery
+  subject: 'gui-ux-craft run32 confirmed finding: copy-tone-cannot-preview-vague-recovery'
+  notes: from gui-ux-craft workflow wf_1413e6ba-ed0 confirmed findings
+  status: completed
+  witness: 'app.js filePreviewBody(): Cannot-preview Alert now renders children as [h(''span'',{key:''perr''},ps.error), h(''a'',{key:''dl'',...},''download instead'')] using the existing B.downloadUrl helper - both children keyed per the webjsx array-keying rule (no bare string sibling).'
+- id: copy-tone-placeholder-states-obvious
+  subject: 'gui-ux-craft run32 confirmed finding: copy-tone-placeholder-states-obvious'
+  notes: from gui-ux-craft workflow wf_1413e6ba-ed0 confirmed findings
+  status: completed
+  witness: 'app.js:1374 Files filter placeholder -> ''Filter by name''; app.js:1742 Live filter placeholder -> ''Filter by agent, model, or cwd''. Browser-witnessed live: page.evaluate list of input placeholders returns exactly [''Search conversations'',''Filter by agent, model, or cwd''] on the Live tab and ''Filter by name'' on Files.'
+- id: interaction-density-danger-token-fork
+  subject: 'gui-ux-craft run32 confirmed finding: interaction-density-danger-token-fork'
+  notes: from gui-ux-craft workflow wf_1413e6ba-ed0 confirmed findings
+  status: completed
+  witness: 'Added documenting comments above --warn and --danger token definitions in colors_and_type.css (root scope) stating the existing convention: --warn=interactive danger controls, --danger=passive error/status text and metrics. No selector changes (verifier confirmed the existing split was real and consistently followed, just undocumented).'
+- id: interaction-density-icon-btn-focus-ring-diverges
+  subject: 'gui-ux-craft run32 confirmed finding: interaction-density-icon-btn-focus-ring-diverges'
+  notes: from gui-ux-craft workflow wf_1413e6ba-ed0 confirmed findings
+  status: completed
+  witness: 'app-shell.css: added .ds-icon-btn to the shared .btn/.btn-primary/.btn-ghost :focus-visible selector list (line 455) and deleted the standalone duplicate .ds-icon-btn:focus-visible rule that previously sat at line 483, closing the DRY gap.'
+- id: interaction-density-icon-btn-vs-btn-radius-mismatch-none
+  subject: 'gui-ux-craft run32 confirmed finding: interaction-density-icon-btn-vs-btn-radius-mismatch-none'
+  notes: from gui-ux-craft workflow wf_1413e6ba-ed0 confirmed findings
+  status: completed
+  witness: Extended the existing anti-stadium comment at app-shell.css:434 (inside .btn/.btn-primary/.btn-ghost) into a shape-vocabulary legend documenting r-1/r-2 vs r-pill usage. Comment-only, no CSS value changes.
+- id: interaction-density-sun-token-remnants
+  subject: 'gui-ux-craft run32 confirmed finding: interaction-density-sun-token-remnants'
+  notes: from gui-ux-craft workflow wf_1413e6ba-ed0 confirmed findings
+  status: completed
+  witness: app-shell.css:3258 .ds-alert-warn --alert-tone changed from var(--sun) to var(--amber), matching the already-fixed .toast.warning precedent. Per the verifier's refined scope, .chip/.ds-badge tone-sun/yellow/orange were correctly left untouched (measured ~12:1 contrast as ink-on-fill, not a failure).
+- id: light-theme-contrast-raw-sky-attr-name
+  subject: 'gui-ux-craft run32 confirmed finding: light-theme-contrast-raw-sky-attr-name'
+  notes: from gui-ux-craft workflow wf_1413e6ba-ed0 confirmed findings
+  status: completed
+  witness: app-shell.css:2306 .chat-bubble.chat-code .token.property/.attr-name changed from raw var(--sky) to var(--code-keyword, var(--sky)), matching the established alias pattern at chat.css:976. Verified present in vendored 247420.css (grep count=2 for the alias pattern).
+- id: light-theme-contrast-success-token-text-usages
+  subject: 'gui-ux-craft run32 confirmed finding: light-theme-contrast-success-token-text-usages'
+  notes: from gui-ux-craft workflow wf_1413e6ba-ed0 confirmed findings
+  status: completed
+  witness: 'app-shell.css:992 .kpi-delta-up, app-shell.css:1812 .ds-upload-item.done .ds-upload-pct, and community.css:1211 .cm-banner.tone-success all changed color from var(--success) to var(--green) (text-safe token). Verified in rebuilt+vendored 247420.css: ''.ds-247420 .kpi-delta-up { color: var(--green); }'' present.'
+- id: perceived-performance-agents-panel-no-loading-state
+  subject: 'gui-ux-craft run32 confirmed finding: perceived-performance-agents-panel-no-loading-state'
+  notes: from gui-ux-craft workflow wf_1413e6ba-ed0 confirmed findings
+  status: completed
+  witness: 'Verified live source: agentsPanel() (app.js ~3324-3331) already has a loading/error/empty else-branch (Spinner + ''loading agents…'' / retry button / ''no agents loaded'') distinct from the finding''s claimed no-else-branch state - the finding''s premise did not match current code, so this row''s only remaining action was the class-name unification (lede->t-meta, folded into the lede-misuse-settings fix above); no separate loading-state logic change was needed or made.'
+- id: perceived-performance-upload-progress-no-optimistic-row
+  subject: 'gui-ux-craft run32 confirmed finding: perceived-performance-upload-progress-no-optimistic-row'
+  notes: from gui-ux-craft workflow wf_1413e6ba-ed0 confirmed findings
+  status: completed
+  witness: 'app.js uploadFiles(): on each file''s successful upload, a synthetic entry is now pushed into state.files.entries immediately (before the queue drains), so the grid shows finished uploads without waiting for every queued file; the final loadDir(...) call is kept as a reconciling refresh.'
+- id: run32-kit-dx-lens-crashed
+  status: completed
+  subject: kit-dx hunt lens crashed mid-run (API connection error) in gui-ux-craft workflow wf_1413e6ba-ed0 - unaudited scope, needs a dedicated follow-up audit this session before this row can be marked completed
+  notes: 'Correction: this row was mistakenly marked completed in a batch prd-resolve; re-scoping to pending per the false-completion rule (a crashed lens is unaudited scope, not resolved work). blockedBy: none - reachable this session, needs a targeted kit-DX audit dispatch.'
+  witness: 'Ran a dedicated follow-up kit-DX audit agent (since the workflow''s kit-dx lens crashed with an API connection error and produced zero findings). Verified findings: COMPONENT_API.md documented only ~55 of 191 real exported components (3 whole modules - form-primitives.js, interaction-primitives.js, overlay-primitives.js - had zero mentions); version header read v0.0.127 vs package.json''s actual 0.0.272 (145 releases stale); Row''s documented prop table omitted rank/rail/expanded/highlight/actions/detail and the disabled/error state values despite AGENTS.md itself calling rail/rank load-bearing; Btn''s documented signature omitted danger/disabled/className/key and the href=''#'' default doc contradicted the source''s actual button-vs-anchor branch logic. Fixed all of them: added 3 new full sections (Form Primitives, Interaction Primitives, Overlay Primitives) documenting every previously-unmentioned export with real signatures verified against src/components/*.js; added a new ''Additional Exports Quick Reference'' section covering the remaining ~40 undocumented exports from already-documented modules (shell/content/editor-primitives/files/files-modals/community); corrected Row''s and Btn''s prop tables to match src/components/content.js:46 and src/components/shell.js:19 exactly; bumped the version header to 0.0.272. git diff COMPONENT_API.md: 96 insertions/6 deletions. No build/lint tooling defect found (checked scripts/build.mjs + all 4 lint scripts against AGENTS.md''s changelog claims - all consistent, no false claim).'
+- id: perceived-performance-file-mutation-full-roundtrip
+  subject: 'gui-ux-craft run32 confirmed finding: perceived-performance-file-mutation-full-roundtrip'
+  notes: from gui-ux-craft workflow wf_1413e6ba-ed0 confirmed findings
+  status: completed
+  witness: app.js runFileMutation() gained an optional patch(entries) callback; rename/delete/mkdir call sites now patch state.files.entries synchronously and close the dialog immediately, backgrounding loadDir as reconciliation - matching the existing runBulkDelete/runBulkMove pattern exactly.

package/package.json

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

package/site/app/js/app.js

@@ -746,7 +746,7 @@ function sessionsColumn() {
     const hits = (state.searchHits.results || []).slice(0, state.sessionsLimit);
     const items = hits.map((r, i) => ({
       sid: r.sid,
-      title: r.snippet || r.title || ('session ' + String(r.sid).slice(0, 8) + '…'),
+      title: r.snippet || r.title || ('conversation ' + String(r.sid).slice(0, 8) + '…'),
       project: projectLabel(r.project) || '',
       time: r.ts ? fmtRelTime(r.ts) : '',
       running: false,
@@ -1060,7 +1060,7 @@ function closeFileDialog() {
   if (state.files.dialog?.busy) { announce('still working - please wait'); return; }
   state.files.dialog = null; render();
 }
-async function runFileMutation(fn, doneMsg) {
+async function runFileMutation(fn, doneMsg, patch) {
   const d = state.files.dialog;
   if (!d || d.busy) return;
   d.busy = true; d.error = null; render();
@@ -1068,7 +1068,15 @@ async function runFileMutation(fn, doneMsg) {
     await fn();
     state.files.dialog = null;
     announce(doneMsg);
-    await loadDir(state.files.path, { fromHash: true }); // refresh in place, no history entry
+    if (patch) {
+      // Patch the visible list immediately, matching the bulk-delete/move
+      // pattern, instead of stalling the dialog on a second full round-trip.
+      state.files.entries = patch(state.files.entries || []);
+      render();
+      loadDir(state.files.path, { fromHash: true }); // background reconcile
+    } else {
+      await loadDir(state.files.path, { fromHash: true }); // refresh in place, no history entry
+    }
   } catch (e) {
     // If the dialog detached anyway (e.g. state replaced), the error would be
     // written onto a dead object and lost - announce it instead.
@@ -1095,6 +1103,12 @@ async function uploadFiles(fileList) {
       try {
         await B.uploadFile(state.backend, it._dir, it._file);
         it.pct = 100; it.done = true;
+        // Show the finished file in the grid right away instead of waiting on
+        // the whole queue to drain - the final loadDir below still reconciles.
+        if (it._dir === state.files.path && !(state.files.entries || []).some((e) => e.name === it.name)) {
+          state.files.entries = [...(state.files.entries || []),
+            { name: it.name, path: (it._dir ? it._dir.replace(/\/$/, '') + '/' : '') + it.name, type: 'file', size: it._file.size, mtime: Date.now() }];
+        }
       } catch (e) {
         it.status = e.status || null;
         it.error = fileMutationCopy(e);
@@ -1148,7 +1162,10 @@ function fileDialog() {
       onConfirm: (v) => {
         // Every confirm press produces visible feedback - never a silent no-op.
         if (!v || v === d.file.name) { d.error = 'enter a different name'; render(); return; }
-        runFileMutation(() => B.renameEntry(state.backend, d.file.path, v), 'renamed to ' + v);
+        runFileMutation(() => B.renameEntry(state.backend, d.file.path, v), 'renamed to ' + v,
+          (entries) => entries.map((e) => (e.path || e.name) === (d.file.path || d.file.name)
+            ? { ...e, name: v, path: e.path ? e.path.slice(0, e.path.length - d.file.name.length) + v : v }
+            : e));
       },
     });
   }
@@ -1162,7 +1179,8 @@ function fileDialog() {
       error: d.error || null, busy: !!d.busy,
       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),
+      onConfirm: () => runFileMutation(() => B.deleteEntry(state.backend, d.file.path, isDir), 'deleted ' + d.file.name,
+        (entries) => entries.filter((e) => (e.path || e.name) !== (d.file.path || d.file.name))),
     });
   }
   if (d.kind === 'bulk-delete') {
@@ -1220,7 +1238,10 @@ function fileDialog() {
       onCancel: closeFileDialog,
       onConfirm: (v) => {
         if (!v) { d.error = 'enter a folder name'; render(); return; }
-        runFileMutation(() => B.makeDir(state.backend, state.files.path, v), 'created ' + v);
+        runFileMutation(() => B.makeDir(state.backend, state.files.path, v), 'created ' + v,
+          (entries) => entries.some((e) => e.name === v)
+            ? entries
+            : [...entries, { name: v, path: (state.files.path ? state.files.path.replace(/\/$/, '') + '/' : '') + v, type: 'dir' }]);
       },
     });
   }
@@ -1240,7 +1261,10 @@ function filePreviewBody(file) {
     return h('div', { class: 'lede empty-state', role: 'status', 'aria-live': 'polite' }, Spinner({ size: 'sm' }), 'loading…');
   }
   if (ps.error) {
-    return Alert({ kind: 'warn', title: 'Cannot preview file', children: ps.error });
+    return Alert({ kind: 'warn', title: 'Cannot preview file', children: [
+      h('span', { key: 'perr' }, ps.error),
+      h('a', { key: 'dl', class: 'btn btn-sm', href: B.downloadUrl(state.backend, file.path), download: file.name }, 'download instead'),
+    ] });
   }
   const ext = (file.name.split('.').pop() || '').toLowerCase();
   const lang = PREVIEW_LANG[ext];
@@ -1371,7 +1395,7 @@ function filesMain() {
         persistFilesPrefs();
         render();
       } },
-      filter: { value: f.filter || '', placeholder: 'Filter files', onInput: debouncedFilesFilter },
+      filter: { value: f.filter || '', placeholder: 'Filter by name', onInput: debouncedFilesFilter },
       onUp: fileUp,
       onOpen: (file) => {
         if (file.permissions === 'EACCES') { announce('no access to ' + file.name); return; }
@@ -1449,9 +1473,9 @@ function filesMain() {
           const items = ev && ev.dataTransfer && ev.dataTransfer.items;
           if (items) {
             const hasDir = Array.from(items).some(it => { try { return it.webkitGetAsEntry && it.webkitGetAsEntry()?.isDirectory; } catch { return false; } });
-            if (hasDir) { announce('Folders cannot be dropped — use the New Folder button to create directories'); return; }
+            if (hasDir) { announce('Folders cannot be dropped — use New Folder to create one'); return; }
           } else if (!files || !files.length) {
-            announce('Folders cannot be dropped — use the New Folder button to create directories'); return;
+            announce('Folders cannot be dropped — use New Folder to create one'); return;
           }
           uploadFiles(files);
         },
@@ -1739,7 +1763,7 @@ function liveMain() {
       streamState,
       activeSid: activeCard ? activeCard.sid : state.chat.resumeSid,   // W13
       sort: { value: sortKey, onChange: (v) => { state.live.sort = v; persistLivePrefs(); render(); } },
-      filter: { value: lv.filter || '', placeholder: 'Filter sessions', onInput: (v) => { state.live.filter = v; persistLivePrefs(); render(); } },
+      filter: { value: lv.filter || '', placeholder: 'Filter by agent, model, or cwd', onInput: (v) => { state.live.filter = v; persistLivePrefs(); render(); } },
       errorsOnly: !!lv.errorsOnly,
       onErrorsOnly: (on) => { state.live.errorsOnly = on; persistLivePrefs(); render(); },
       selectable: true,
@@ -2662,7 +2686,7 @@ function historyMain() {
 
   const sess = (Array.isArray(state.sessions) ? state.sessions : []).find(s => s.sid === state.selectedSid);
   const lede = sess
-    ? (projectLabel(sess.project) || sess.cwd || '?') + ' · ' + plural(sess.events || 0, 'event') + ' · ' + plural(sess.userTurns || 0, 'turn') + ' · ' + fmtRelTime(sess.last)
+    ? (projectLabel(sess.project) || sess.cwd || 'unknown location') + ' · ' + plural(sess.events || 0, 'event') + ' · ' + plural(sess.userTurns || 0, 'turn') + ' · ' + fmtRelTime(sess.last)
     : state.selectedSid;
 
   const head = PageHeader({
@@ -2723,7 +2747,7 @@ function historyMain() {
   }, { turns: 0, tools: 0, errors: 0 });
   const meta = SessionMeta({
     items: [
-      sess && sess.cwd ? { label: 'cwd', value: sess.cwd, title: sess.cwd } : null,
+      sess && sess.cwd ? { label: 'directory', value: sess.cwd, title: sess.cwd } : 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/
@@ -3104,7 +3128,7 @@ function settingsMain() {
         key: 'backendForm',
         onSubmit: (e) => { e.preventDefault(); saveBackend(); },
       }, [
-        h('p', { key: 'blede', class: 'lede agentgui-field-mb',
+        h('p', { key: 'blede', class: 't-meta agentgui-field-mb',
           title: 'Also settable with a ?backend= URL parameter; the value persists in this browser.' },
           'Connect to a different agentgui server. Leave blank to use this one.'),
         TextField({
@@ -3124,11 +3148,11 @@ function settingsMain() {
             render();
           },
         }),
-        state.backendStatus === 'connecting' ? h('p', { key: 'bst-connecting', class: 'lede', role: 'status' }, 'connecting…') : null,
-        state.backendStatus === 'ok' ? h('p', { key: 'bst-ok', class: 'lede', role: 'status' }, 'connected') : null,
-        state.backendStatus === 'failed' ? h('p', { key: 'bst-failed', class: 'lede field-error', role: 'alert' }, 'connection failed - check the URL') : null,
+        state.backendStatus === 'connecting' ? h('p', { key: 'bst-connecting', class: 't-meta', role: 'status' }, 'connecting…') : null,
+        state.backendStatus === 'ok' ? h('p', { key: 'bst-ok', class: 't-meta', role: 'status' }, 'connected') : null,
+        state.backendStatus === 'failed' ? h('p', { key: 'bst-failed', class: 't-meta field-error', role: 'alert' }, 'connection failed - check the URL') : null,
         (state.confirmingBackend !== undefined && state.confirmingBackend === state.backendDraft && isValid && state.backendDraft !== state.backend)
-          ? h('p', { key: 'bcw', class: 'lede field-error', role: 'alert' }, 'changing backend discards this browser\'s chat transcript - press save again to confirm') : null,
+          ? h('p', { key: 'bcw', class: 't-meta field-error', role: 'alert' }, 'changing backend discards this browser\'s chat transcript - press save again to confirm') : null,
         healthSummary(),
         Btn({
           key: 'savebtn',
@@ -3149,7 +3173,7 @@ function settingsMain() {
       id: 'appearance',
       title: 'appearance',
       children: [
-        h('div', { key: 'apl', class: 'lede agentgui-field-mb' }, 'theme - follows the OS in auto, or pick light/dark.'),
+        h('div', { key: 'apl', class: 't-meta agentgui-field-mb' }, 'theme - follows the OS in auto, or pick light/dark.'),
         ThemeToggle({ key: 'tt' }),
       ],
     }),
@@ -3238,16 +3262,16 @@ function preferencesPanel() {
       // The server version lives in the server panel; carry only a build stamp
       // here, and only when it differs from the server version.
       (window.__SERVER_VERSION && window.__SERVER_VERSION !== hh.version)
-        ? h('div', { key: 'ver', class: 'lede' }, 'build ' + window.__SERVER_VERSION)
+        ? h('div', { key: 'ver', class: 't-meta' }, 'build ' + window.__SERVER_VERSION)
         : null,
-      h('div', { key: 'lsize', class: 'lede agentgui-field-my' },
+      h('div', { key: 'lsize', class: 't-meta agentgui-field-my' },
         'local data: ' + fmtBytes(lsBytes) + ' across ' + lsKeys + ' key' + (lsKeys === 1 ? '' : 's')),
       h('div', { key: 'expchatrow', class: 'agentgui-field-my' },
         Btn({ key: 'expchat', disabled: !savedChat,
           title: savedChat ? 'Download the saved chat transcript as JSON' : 'no saved chat yet',
           onClick: savedChat ? () => downloadBlob(savedChat, 'agentgui-chat-' + dateStamp() + '.json', 'application/json') : undefined,
           children: 'export chat' })),
-      h('div', { key: 'cwdnote', class: 'lede agentgui-field-my' },
+      h('div', { key: 'cwdnote', class: 't-meta agentgui-field-my' },
         'working directory: set per-chat in the chat composer\'s cwd bar' + (state.chatCwd ? ' (current: ' + state.chatCwd + ')' : ' (currently: server default)')),
       state.confirmingClearData
         ? Alert({ key: 'cld', kind: 'warn', title: 'Clear all local data?',
@@ -3281,7 +3305,7 @@ function agentsPanel() {
     // on-demand and restarted with backoff by the server, so there are no
     // manual start/stop controls by design. This note makes that explicit so
     // a 'stopped' row doesn't read as a missing action.
-    hasAcp ? h('p', { key: 'acpnote', class: 'lede agentgui-field-mb' }, 'ACP agents start on demand and restart automatically; selecting one launches it.') : null,
+    hasAcp ? h('p', { key: 'acpnote', class: 't-meta agentgui-field-mb' }, 'ACP agents start on demand and restart automatically; selecting one launches it.') : null,
     h('div', { key: 'agrefreshrow', class: 'agentgui-field-mb' }, Btn({ key: 'agrefresh', onClick: () => loadAgents(), children: 'refresh' })),
     ...(state.agents.length
       ? state.agents.map((a, i) => {
@@ -3322,13 +3346,13 @@ function agentsPanel() {
       // The empty array means one of three things; never let an in-flight load
       // read as a broken registry.
       : [state.agentsLoading
-          ? h('div', { key: 'agload', class: 'lede empty-state', role: 'status', 'aria-live': 'polite' },
+          ? h('div', { key: 'agload', class: 't-meta empty-state', role: 'status', 'aria-live': 'polite' },
               Spinner({ key: 'spin', size: 'sm' }), 'loading agents…')
           : (state.agentsError
-              ? h('div', { key: 'agfail', class: 'lede empty-state' },
+              ? h('div', { key: 'agfail', class: 't-meta empty-state' },
                   h('span', { key: 'agfailtxt' }, 'the agent list failed to load'),
                   Btn({ key: 'agretry2', onClick: () => loadAgents(), children: 'retry' }))
-              : h('p', { key: 'none', class: 'lede' }, 'no agents loaded'))]),
+              : h('p', { key: 'none', class: 't-meta' }, 'no agents loaded'))]),
     ].filter(Boolean),
   });
 }

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

@@ -58,6 +58,9 @@
      both backgrounds (5.21:1 on --bg-2). */
   --amber:       #7C570F;
   --sky:         #3A6EFF;
+  /* --warn = interactive danger controls (buttons, banners, menus, error
+     inputs); --danger below = passive error/status text and metrics
+     (kpi/sparkline deltas, auth-error text). Two tokens, one convention. */
   --warn:        #E0241A;
   /* Syntax-token aliases: light values pass 4.5:1 on paper; the dark blocks
      restore the bright dark-tuned originals. Components reference ONLY these. */
@@ -67,7 +70,9 @@
   --code-str-alt: var(--mascot-deep);
   --code-num:     #946300;
   /* 0.55 lightness measured 4.70:1 on --paper but only 4.25:1 on --bg-2 (the
-     auth-error banner's actual background) - darkened for AA margin on both. */
+     auth-error banner's actual background) - darkened for AA margin on both.
+     --danger = passive error/status text and metrics; --warn above =
+     interactive danger controls. */
   --danger:      oklch(0.50 0.18 25);
   --success:     var(--green-2);
   --live:        var(--green);
@@ -941,24 +946,33 @@
   font-weight: 600; font-size: var(--fs-sm);
   text-decoration: none;
   cursor: pointer;
-  /* Rounded-rect app chrome, not a marketing-page stadium CTA. */
+  /* Rounded-rect app chrome, not a marketing-page stadium CTA.
+     Shape vocabulary: r-1/r-2 = actionable buttons, icon-buttons, and
+     containers; r-pill = reserved for status/input/chip/badge/progress
+     surfaces (composer input, chips, badges, progress bars, theme-toggle
+     segments) - never for actions. */
   border-radius: var(--r-1);
-  border: 0;
-  transition: transform var(--dur-base) var(--ease-spring), background var(--dur-snap) var(--ease), color var(--dur-snap) var(--ease);
-}
-.ds-247420 .btn { background: var(--bg-2); color: var(--fg); }
-.ds-247420 .btn:hover { background: var(--bg-3); color: var(--fg); }
+  border: var(--bw-hair) solid transparent;
+  box-shadow: none;
+  /* Restrained hover-lift: a 1px rise + hairline shadow reads as a crisp,
+     confident affordance rather than a soft glow-card float. */
+  transition: transform var(--dur-base) var(--ease-spring), background var(--dur-snap) var(--ease),
+    color var(--dur-snap) var(--ease), box-shadow var(--dur-base) var(--ease-spring),
+    border-color var(--dur-snap) var(--ease);
+}
+.ds-247420 .btn { background: var(--bg-2); color: var(--fg); border-color: var(--rule); }
+.ds-247420 .btn:hover { background: var(--bg-3); color: var(--fg); transform: translateY(-1px); box-shadow: var(--shadow-1); }
 /* Primary CTA — the electric lead as a solid editorial block; hover inverts to
    an ink block with the lead as text, a confident two-tone flip. */
 .ds-247420 .btn-primary {
   background: var(--accent); color: var(--accent-fg);
   font-weight: 700; letter-spacing: var(--tr-caps);
 }
-.ds-247420 .btn-primary:hover { background: var(--fg); color: var(--accent-ink); }
+.ds-247420 .btn-primary:hover { background: var(--fg); color: var(--accent-ink); transform: translateY(-1px); box-shadow: var(--shadow-2); }
 .ds-247420 .btn-ghost { background: transparent; color: var(--fg); box-shadow: inset 0 0 0 2px var(--fg); }
-.ds-247420 .btn-ghost:hover { background: var(--fg); color: var(--bg); }
-.ds-247420 .btn:active, .ds-247420 .btn-primary:active, .ds-247420 .btn-ghost:active { transform: translateY(2px); }
-.ds-247420 .btn:focus-visible, .ds-247420 .btn-primary:focus-visible, .ds-247420 .btn-ghost:focus-visible {
+.ds-247420 .btn-ghost:hover { background: var(--fg); color: var(--bg); transform: translateY(-1px); }
+.ds-247420 .btn:active, .ds-247420 .btn-primary:active, .ds-247420 .btn-ghost:active { transform: translateY(1px); box-shadow: none; }
+.ds-247420 .btn:focus-visible, .ds-247420 .btn-primary:focus-visible, .ds-247420 .btn-ghost:focus-visible, .ds-247420 .ds-icon-btn:focus-visible {
   outline: 2px solid var(--accent-ink);
   outline-offset: 2px;
 }
@@ -986,7 +1000,6 @@
 .ds-247420 .ds-icon-btn-danger { background: var(--warn); color: var(--on-color); }
 .ds-247420 .ds-icon-btn-danger:hover { filter: brightness(1.1); }
 .ds-247420 .ds-icon-btn:active { transform: translateY(1px); }
-.ds-247420 .ds-icon-btn:focus-visible { outline: 2px solid var(--accent-ink); outline-offset: 2px; }
 .ds-247420 .ds-icon-btn:disabled, .ds-247420 .ds-icon-btn.is-disabled {
   opacity: 0.5; cursor: not-allowed; pointer-events: none;
 }
@@ -1071,6 +1084,10 @@
   margin: 0 0 var(--space-5);
   padding: var(--space-3);
   position: relative;
+  /* Crisp, restrained elevation — a hairline border does the edge definition;
+     the shadow only adds a whisper of lift, not a soft glow-card float. */
+  box-shadow: var(--shadow-1);
+  transition: box-shadow var(--dur-base) var(--ease), border-color var(--dur-snap) var(--ease);
 }
 /* Editorial accent spine — an opt-in printed-ink rule down the left edge that
    reads as a magazine pull-quote bar, not a glow card. */
@@ -1084,7 +1101,7 @@
   border-radius: var(--bw-chunk) 0 0 var(--bw-chunk);
 }
 .ds-247420 .panel.panel-inline { background: var(--bg-2); padding: var(--space-3) var(--space-3); }
-.ds-247420 .panel.panel-wide   { background: transparent; }
+.ds-247420 .panel.panel-wide   { background: transparent; box-shadow: none; }
 .ds-247420 .panel-head {
   display: flex; align-items: baseline; justify-content: space-between;
   /* Shares the .panel-body 16px side padding so the caps label and the body
@@ -1114,7 +1131,7 @@
   grid-template-columns: minmax(80px, 12ch) minmax(0, 1fr) auto;
   gap: var(--space-3);
   align-items: baseline;
-  padding: 16px 22px;
+  padding: var(--space-3) var(--space-4);
   background: var(--bg);
   border-radius: var(--r-2);
   color: var(--fg);
@@ -1491,7 +1508,7 @@
   display: inline-flex; align-items: center; gap: var(--space-hair);
   font-size: var(--fs-xs); font-weight: 600;
 }
-.ds-247420 .kpi-delta-up { color: var(--success); }
+.ds-247420 .kpi-delta-up { color: var(--green); }
 .ds-247420 .kpi-delta-down { color: var(--danger); }
 .ds-247420 .ds-sparkline path { stroke: currentColor; }
 .ds-247420 .ds-sparkline-up { color: var(--success); }
@@ -2311,7 +2328,7 @@
   color: var(--fg-3); text-align: right;
 }
 .ds-247420 .ds-upload-item.done .ds-upload-fill { background: var(--success); }
-.ds-247420 .ds-upload-item.done .ds-upload-pct { color: var(--success); }
+.ds-247420 .ds-upload-item.done .ds-upload-pct { color: var(--green); }
 .ds-247420 .ds-upload-item.error .ds-upload-fill { background: var(--warn); }
 .ds-247420 .ds-upload-item.error .ds-upload-pct { color: var(--warn); }
 /* Per-row upload recovery actions (replace / dismiss) — error rows are not dead ends. */
@@ -2719,17 +2736,17 @@
 .ds-247420 .chat-bubble.chat-md h3,
 .ds-247420 .chat-bubble.chat-md h4 {
   font-family: var(--ff-body); font-weight: 600;
-  margin: 12px 0 6px; line-height: 1.3;
+  margin: var(--space-2) 0 var(--space-1); line-height: var(--lh-snug);
 }
 .ds-247420 .chat-bubble.chat-md h1 { font-size: 1.15em; }
 .ds-247420 .chat-bubble.chat-md h2 { font-size: 1.08em; }
 .ds-247420 .chat-bubble.chat-md h3 { font-size: 1.04em; }
-.ds-247420 .chat-bubble.chat-md p { margin: 6px 0; }
+.ds-247420 .chat-bubble.chat-md p { margin: var(--space-2) 0; }
 .ds-247420 .chat-bubble.chat-md ul,
-.ds-247420 .chat-bubble.chat-md ol { margin: 6px 0; padding-left: 22px; }
-.ds-247420 .chat-bubble.chat-md li { margin: 3px 0; }
+.ds-247420 .chat-bubble.chat-md ol { margin: var(--space-2) 0; padding-left: 22px; }
+.ds-247420 .chat-bubble.chat-md li { margin: var(--space-1) 0; }
 .ds-247420 .chat-bubble.chat-md blockquote {
-  margin: 8px 0; padding: 4px 12px;
+  margin: var(--space-2) 0; padding: 4px 12px;
   border-left: 3px solid color-mix(in oklab, currentColor 30%, transparent);
   color: color-mix(in oklab, currentColor 75%, transparent); font-style: italic;
 }
@@ -2738,7 +2755,7 @@
   border: 1px solid color-mix(in oklab, var(--fg) 12%, transparent);
   padding: 12px 16px; border-radius: var(--r-1); overflow-x: auto;
   font-family: var(--ff-mono); font-size: var(--fs-xs); line-height: 1.55;
-  color: var(--fg); margin: 8px 0;
+  color: var(--fg); margin: var(--space-2) 0;
 }
 /* When injectCodeCopy has wrapped the fence (.chat-code-block), reserve room
    for the absolute .chat-code-lang tab. This selector outranks the bare
@@ -2805,7 +2822,7 @@
 .ds-247420 .chat-bubble.chat-code .token.boolean { color: var(--code-num, var(--sun)); }
 .ds-247420 .chat-bubble.chat-code .token.punctuation { color: var(--fg-2); }
 .ds-247420 .chat-bubble.chat-code .token.property,
-.ds-247420 .chat-bubble.chat-code .token.attr-name { color: var(--sky); }
+.ds-247420 .chat-bubble.chat-code .token.attr-name { color: var(--code-keyword, var(--sky)); }
 
 .ds-247420 .chat-msg.you .chat-image,
 .ds-247420 .chat-msg .chat-image,
@@ -3746,7 +3763,7 @@
 
 .ds-247420 .ds-alert-info { --alert-tone: var(--sky); }
 .ds-247420 .ds-alert-success { --alert-tone: var(--green); }
-.ds-247420 .ds-alert-warn { --alert-tone: var(--sun); }
+.ds-247420 .ds-alert-warn { --alert-tone: var(--amber); }
 .ds-247420 .ds-alert-error { --alert-tone: var(--warn); }
 
 .ds-247420 .ds-alert-icon {
@@ -6026,7 +6043,7 @@
 }
 .ds-247420 .cm-banner.tone-success {
   background: color-mix(in oklab, var(--success) 18%, var(--bg));
-  color: var(--success);
+  color: var(--green);
 }
 .ds-247420 .cm-banner.tone-error {
   background: color-mix(in oklab, var(--danger) 18%, var(--bg));
@@ -6857,7 +6874,7 @@
    label sticks to the top of the scroll area for Claude-Desktop-style headers. */
 .ds-247420 .ds-session-group { display: flex; flex-direction: column; }
 .ds-247420 .ds-session-group-rows { display: flex; flex-direction: column; gap: 2px; }
-.ds-247420 .ds-session-group-label { position: sticky; top: 0; z-index: 1; background: var(--bg-1, var(--bg)); font-size: var(--fs-xs); font-weight: 600; color: var(--fg-3); text-transform: uppercase; letter-spacing: var(--tr-caps); padding: var(--space-2) var(--space-2) var(--space-1); }
+.ds-247420 .ds-session-group-label { position: sticky; top: 0; z-index: 1; background: var(--bg-1, var(--bg)); font-size: var(--fs-tiny); font-weight: 600; color: var(--fg-3); text-transform: uppercase; letter-spacing: var(--tr-caps); padding: var(--space-2) var(--space-2) var(--space-1); }
 .ds-247420 .ds-session-row {
   position: relative; display: flex; align-items: center; gap: var(--space-2);
   width: 100%; padding: var(--space-2); min-height: 52px; margin-bottom: 2px;