Skip to content

demo: A2UI label, sidebar auto-open, flex modes + e2e fixes#448

Merged
blove merged 3 commits into
mainfrom
claude/toolbar-flex-fix
May 18, 2026
Merged

demo: A2UI label, sidebar auto-open, flex modes + e2e fixes#448
blove merged 3 commits into
mainfrom
claude/toolbar-flex-fix

Conversation

@blove
Copy link
Copy Markdown
Contributor

@blove blove commented May 18, 2026

Summary

User-facing changes:

  • Gen UI label drops 'v1-compatible' → just 'A2UI'.
  • Sidebar mode auto-opens the chat panel on entry (was: user had to click the launcher first). Hint text updated to "Use the launcher (right edge) to dismiss or re-open".
  • Toolbar + content layout: `:host { height: 100% }` on each mode → `:host { display: block; flex: 1; min-height: 0 }` so the chat surface sits below the top toolbar via flex column, not overlapping it. Verified locally: toolbar 51px + embed 879px = main 930px.

E2E fallout from PR #444's toolbar tighten (which removed visible field labels):

  • `test-helpers.ts` identifies fields via `[data-field=""]` (added to each `.demo-shell__field` in the template). The old `filter({ hasText })` broke when the per-field `` labels were removed.
  • Lifecycle "new conversation clears local thread" → updated to use the sidenav's "New chat" (the toolbar "New conversation" was removed in Toolbar tighten: drop labels + New conversation, right-align fields, fix dropdown z-index #444). Asserts a fresh server-side thread id is created.
  • debug-devtools "sidebar launcher remains reachable" → closes the auto-opened panel first so the launcher is the affordance under test.
  • keyboard-accessibility "Escape closes sidebar" → no longer clicks the launcher (hidden while panel is auto-open); asserts the panel is already open, Escape closes it.
  • control-palette Gen UI assertion → `/A2UI/` (was `/A2UI v1-compatible/`).

Demo-only changes; no library or version bump.

Test plan

  • `pnpm nx test examples-chat-angular` — 21 unit tests pass
  • Local chrome-mcp verify: Gen UI trigger reads 'A2UI', sidebar panel auto-opens (`data-open="true"`, `aria-hidden="false"`), flex layout puts embed-mode top:51 (below toolbar) height:879 (= main 930 - toolbar 51)
  • CI e2e suite green

🤖 Generated with Claude Code

…ixes

User-facing:
- Gen UI dropdown label drops the 'v1-compatible' suffix → just 'A2UI'.
- Sidebar mode auto-opens the chat panel on entry (was: 'click the
  launcher first'). Hint text updated for the new flow.
- All three modes (embed, popup, sidebar) switch from
  `:host { height: 100% }` to `:host { display: block; flex: 1;
  min-height: 0 }` so the chat surface sits below the toolbar via
  flex column, not overlapping it.

E2E fallout from PR #444's toolbar tighten:
- test-helpers' toolbarSelect/selectToolbarOption now identifies fields
  via `[data-field="<label>"]` (added to demo-shell.component.html);
  the prior `filter({ hasText })` broke when the per-field labels were
  removed.
- lifecycle 'new conversation clears local thread' test updated to use
  the sidenav's 'New chat' (the toolbar 'New conversation' was removed
  in #444). Asserts a fresh thread id is created server-side.
- debug-devtools 'sidebar launcher remains reachable' now closes the
  auto-opened panel first so the launcher is the affordance under test.
- keyboard-accessibility 'Escape closes ... sidebar' no longer clicks
  the launcher (hidden when panel is auto-open); asserts the panel is
  already open, then Escape closes it.
- control-palette's Gen UI assertion follows the new 'A2UI' label.
@vercel
Copy link
Copy Markdown

vercel Bot commented May 18, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
threadplane Canceled Canceled May 18, 2026 11:17pm

Request Review

blove added 2 commits May 18, 2026 16:13
…n + tighten

PR #444 (toolbar tighten) and the auto-open sidebar landed several e2e
test fallouts that surfaced on CI:
- model-picker queried .demo-shell__field via hasText filter; updated
  to use the data-field attribute introduced for the toolbar.
- mode-routing 'landmarks' uses Escape to dismiss the auto-opened
  sidebar panel (close-button click was hanging against the overlapping
  debug-devtools panel in CI).
- mode-routing 'cross-mode persistence' no longer clicks the launcher
  before asserting the conversation in /sidebar — panel is open.
- debug-devtools 'sidebar surface remains reachable' updated to verify
  the auto-opened panel + its close button stay visible while
  chat-debug is open (was: click the now-hidden launcher).
- demo-shell toolbar adds flex-wrap so small viewports (480px) don't
  overflow horizontally — the previous overflow-x:auto would clip the
  chat-select popover menus, so wrapping is preferred.
…lowercased convention + LABEL_TO_FIELD helper)
@blove blove merged commit 6433961 into main May 18, 2026
18 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant