agentgui 1.0.1013 → 1.0.1015

package/AGENTS.md

@@ -1,5 +1,9 @@
 # AgentGUI — Agent Notes
 
+## Negative-space + attention sweep (2026-07-03) — twenty-seventh run
+
+Scoped to the specific ask (negative space / attention), not a full agent fan-out: a live-browser review (screenshots + DOM measurement at 1280px and 420px) across chat/files/settings. Chat/settings visual balance was already reasonable from the prior 26 runs; found and fixed 2 real issues. (1) Files filter placeholder "Filter files in this directory" clipped against its intentionally-compact 220px input (no ellipsis, last character cut off at the box edge) — shortened to "Filter files", which fits without widening the control (the kit's own comment already states the compact width is deliberate: a full-width filter "reads as a search page and costs fold height"). (2) Settings SERVER panel rendered 4 short facts (version/uptime/connected clients/projects folder) each as its own `.lede` div — `.lede` is the `fs-xl`/tall-line-height INTRO-PARAGRAPH style, not a metadata style, so 4 short facts read as 4 oversized paragraphs with real dead vertical space between them, and inconsistent density vs the "allowed roots" rows directly below (already using the compact `SessionMeta` strip). Folded all 4 facts into one `SessionMeta` call alongside the roots — same information, denser, one consistent style for every fact in the panel. Browser-witnessed at both viewport widths, no wrap/overlap regression. No kit changes needed (both fixes are app-only copy/wiring). Pushed `b0b38fb`.
+
 ## Per-row file move + lint tooling fix (2026-07-02) — twenty-sixth run
 
 Landed gui-completion #0: single-file move previously required checkbox-select + BulkBar. Kit `FileRow` gains a `move` action (between rename/delete, `arrow-right` icon); app `onAction('move', file)` seeds `state.files.marked` with just that one path and opens the existing bulk-move dialog, reusing `runBulkMove`/`/api/move` as-is — no new dialog kind, no new server surface. **Also fixed a real bug in `../design`'s `scripts/lint-null-children.mjs`**: its bracket-matcher did not understand `//` line comments, so an apostrophe inside ANY comment anywhere in a scanned file (e.g. "the kit's own") was read as opening a string literal, silently corrupting bracket-depth tracking for the rest of that file — a false positive here, but potentially a false NEGATIVE elsewhere (hiding a real missing `.filter(Boolean)` behind an unrelated apostrophe earlier in the file). Added `stripLineComments()` (string-literal-aware) run before the scan; verified by reintroducing the apostrophe and confirming it now lints clean.
@@ -20,11 +24,7 @@ Small, targeted run landing the 22nd-run's deferred perceived-perf findings. `in
 
 ## GUI ux-craft sweep (2026-07-02) — twenty-second run
 
-`gui-ux-craft` workflow wf_48cd6bae-6ae (35 agents, 20 confirmed). Kit (`../design`): **accent-on-paper contrast fix** — `var(--accent)` (lime, fill-only per its own token comment) was used directly as TEXT color in 7 sites and as a non-text FILL in 3 more (the live status dot, green session-rail fill), rendering ~1.07:1 contrast on the paper theme (WCAG needs 4.5:1 text / 3:1 non-text). Swapped all 10 to `--accent-ink`; borders/outlines/box-shadows on the same rules stayed on `--accent` (already non-text-passing). Four typography-rhythm fixes: `.ds-dash-title` now matches `.ds-session-title` size (was one step larger despite a comment claiming parity), `ContextPane` Row meta/sub now match the kit-wide Row default size (were one step smaller, `.sub` also dropped an unwanted forced monospace), `.ds-session-group-label` now matches `.panel-head`/`table th` sizing, `.ws-crumb` height now derives from `--app-crumb-h` instead of an unlinked magic number. Session rail's new-chat button and search input now share a 36px desktop height. `.ds-file-act` gained an explicit `:focus-visible` ring (was the only icon/toolbar-button family without one).
-
-App (`site/app/js/app.js`): 5 copy-tone fixes (clear-history confirm button now says "yes, clear history" not "yes, clear chat"; "conversation" → "chat" in the cross-tab-update banner; "runs via npx" → "installs automatically when used"; raw ACP provider error string now prefixed + capped at 80 chars; disabled "export chat" button keeps its action label instead of swapping to "no saved chat"). Search-result rows with no title/snippet fall back to `session <8-char-sid>…` instead of a raw UUID. `index.html` gained a synchronous (non-module) inline script that reads the kit's `247420:theme` localStorage key and sets `data-theme` before first paint — the hardcoded `data-theme="dark"` previously flashed for users with a saved light/'paper' theme while the kit's ES module graph loaded.
-
-Deferred (recorded as PRD rows, explicitly re-scoped, not silently dropped): kit README/`ui_kits` examples missing the flagship components (AgentChat/WorkspaceShell/SessionDashboard/ConversationList/ContextPane) and undocumented `stableFrame`/`mainFlush` props — a docs-only pass, not this visual/UX-craft run's scope. Perceived-performance work (first-render network-gating, CDN modulepreload, settings loading-affordance) — a dedicated perf pass, larger than a one-line fix. Kit pushed `anentrypoint-design` `3f50e7a` (rebased onto concurrent `0826e40`, also picked up an inherited uncommitted emoji-picker search feature). agentgui pushed `06f108d`. Both repos: build/lints/28 tests pass, browser-witnessed 0 console errors, CI green.
+35-agent audit, 20 confirmed. Accent-on-paper contrast fix (`--accent`->`--accent-ink` for text/fills), typography-rhythm parity fixes, theme-flash-prevention script in index.html. Full detail in rs-learn (recall "agentgui 22nd run ux-craft sweep").
 
 ## GUI cohesion sweep (2026-07-02) — twenty-first run
 

package/package.json

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

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

@@ -2797,6 +2797,12 @@
      leaving the primary input near-invisible at rest - use the strong rule. */
   border: var(--bw-hair) solid var(--rule-strong);
   border-radius: var(--r-2);
+  /* A flat hairline box on a flat background is the single most-repeated
+     "looks unfinished" tell in the chat surface - the one control the user
+     types into every turn had no more visual weight than a settings card.
+     --shadow-1 (already defined kit-wide, just unused here) lifts it a hair
+     off the page at rest; the existing focus-within box-shadow overrides it. */
+  box-shadow: var(--shadow-1);
   flex-shrink: 0;
   transition: border-color var(--dur-snap) var(--ease), box-shadow var(--dur-snap) var(--ease);
 }
@@ -3839,7 +3845,14 @@
 .ds-247420 .ws-sessions {
   grid-area: sessions;
   min-height: 0; display: flex; flex-direction: column;
-  background: var(--bg); border-right: var(--bw-hair) solid var(--bg-3);
+  /* Rail and pane both sit on --bg-2 (a recessed plane framing the elevated
+     --bg content column); sessions used flat --bg instead, so the
+     conversation list and the chat thread read as the SAME surface with only
+     a 1px hairline between them - the flattest, most "one big beige box"
+     tell in the shell. --bg-2 restores the three-plane depth (rail/sessions
+     recessed either side, content elevated in the middle) the design
+     already establishes everywhere else. */
+  background: var(--bg-2); border-right: var(--bw-hair) solid var(--bg-3);
   overflow: hidden;
 }
 .ds-247420 .ws-no-sessions .ws-sessions { display: none; }
@@ -5615,6 +5628,14 @@
   min-height: 0;
   flex: 1;
   gap: var(--space-2, 8px);
+  /* The chat tab opts out of .ws-main's padding (mainFlush) so the thread can
+     manage its own --measure centering, but that left every direct child -
+     controls row, heading, empty-state, composer - flush against the column
+     edge with zero gutter (the crumb bar above keeps its own padding, so the
+     content below visibly touched the edge the crumb text did not). A
+     uniform inline gutter here restores breathing room for every row without
+     disturbing --measure centering (it centers within this padded box). */
+  padding-inline: var(--space-5);
 }
 
 /* agent + model picker, new/stop, status — wraps on narrow widths */
@@ -6108,6 +6129,23 @@
   padding: var(--space-3); background: color-mix(in oklab, var(--fg) 4%, transparent);
 }
 
+/* --- reply-preview banner shown above the composer while replying to a message. --- */
+.ds-247420 .cm-composer-wrap { display: flex; flex-direction: column; width: 100%; }
+.ds-247420 .cm-reply-preview {
+  display: flex; align-items: center; justify-content: space-between; gap: var(--space-2);
+  padding: var(--space-1) var(--space-3); border-bottom: var(--bw-hair) solid var(--rule);
+  background: color-mix(in oklab, var(--accent) 6%, transparent);
+  font-family: var(--ff-mono); font-size: var(--fs-tiny); color: var(--fg-2);
+}
+.ds-247420 .cm-reply-preview-label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.ds-247420 .cm-reply-preview-close {
+  display: inline-flex; align-items: center; justify-content: center;
+  background: none; border: none; color: var(--fg-3); cursor: pointer; padding: var(--space-1);
+  border-radius: var(--r-1); flex: 0 0 auto;
+}
+.ds-247420 .cm-reply-preview-close:hover { color: var(--fg); background: color-mix(in oklab, var(--fg) 8%, transparent); }
+.ds-247420 .cm-reply-preview-close:focus-visible { outline: var(--focus-w) solid var(--focus-color); outline-offset: var(--focus-offset); }
+
 /* --- A5: composer context line (agent / model / cwd at point of typing). --- */
 .ds-247420 .chat-composer-context {
   display: block; width: 100%; text-align: left; padding: 4px var(--space-3) 0;