From 52c62984c270ded7049d2c245f892522df7b09b9 Mon Sep 17 00:00:00 2001 From: Brian Love Date: Mon, 18 May 2026 15:24:16 -0700 Subject: [PATCH 1/2] =?UTF-8?q?feat(demo):=20tighten=20toolbar=20=E2=80=94?= =?UTF-8?q?=20drop=20labels=20+=20action,=20right-align=20fields,=20lift?= =?UTF-8?q?=20z-index?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../src/app/shell/demo-shell.component.css | 32 +- .../src/app/shell/demo-shell.component.html | 24 +- .../app/shell/demo-shell.component.spec.ts | 33 +- .../src/app/shell/demo-shell.component.ts | 10 - test-results/.last-run.json | 10 + .../error-context.md | 292 +++++++++++++ .../trace.zip | Bin 0 -> 723962 bytes .../error-context.md | 285 +++++++++++++ .../trace.zip | Bin 0 -> 605588 bytes .../error-context.md | 283 +++++++++++++ .../trace.zip | Bin 0 -> 623114 bytes .../error-context.md | 384 ++++++++++++++++++ .../trace.zip | Bin 0 -> 1102968 bytes .../error-context.md | 304 ++++++++++++++ .../trace.zip | Bin 0 -> 875631 bytes 15 files changed, 1603 insertions(+), 54 deletions(-) create mode 100644 test-results/.last-run.json create mode 100644 test-results/markdown-surfaces-bullet-l-7d580-e-renders-ul-with-three-li-/error-context.md create mode 100644 test-results/markdown-surfaces-bullet-l-7d580-e-renders-ul-with-three-li-/trace.zip create mode 100644 test-results/markdown-surfaces-code-fen-3feb1-nt-bubble-renders-pre-code-/error-context.md create mode 100644 test-results/markdown-surfaces-code-fen-3feb1-nt-bubble-renders-pre-code-/trace.zip create mode 100644 test-results/markdown-surfaces-heading-assistant-bubble-renders-an-h1-/error-context.md create mode 100644 test-results/markdown-surfaces-heading-assistant-bubble-renders-an-h1-/trace.zip create mode 100644 test-results/markdown-surfaces-markdown-40b81-n-renders-with-escaped-html/error-context.md create mode 100644 test-results/markdown-surfaces-markdown-40b81-n-renders-with-escaped-html/trace.zip create mode 100644 test-results/send-receive-send-and-rece-416f5-ately-stream-completes-idle/error-context.md create mode 100644 test-results/send-receive-send-and-rece-416f5-ately-stream-completes-idle/trace.zip diff --git a/examples/chat/angular/src/app/shell/demo-shell.component.css b/examples/chat/angular/src/app/shell/demo-shell.component.css index 26d5b327f..424c1f54a 100644 --- a/examples/chat/angular/src/app/shell/demo-shell.component.css +++ b/examples/chat/angular/src/app/shell/demo-shell.component.css @@ -64,7 +64,19 @@ font-family: inherit; font-size: var(--ngaf-chat-font-size-sm); box-sizing: border-box; - overflow-x: auto; + /* Toolbar establishes its own stacking context so the chat-select + * dropdown menus (z-index 10 inside the primitive) render above the + * chat content's scroll/transform stacking contexts below. */ + position: relative; + z-index: 50; + /* overflow-x: auto would clip absolutely-positioned dropdown menus. + * Skip it — the toolbar fits on reasonable viewports and the per-field + * dropdowns hold the long labels via the chat-select popover. */ +} + +/* Push every field after Mode to the right of the toolbar. */ +.demo-shell__field--first { + margin-left: auto; } .demo-shell__segmented { @@ -78,8 +90,7 @@ flex: 0 0 auto; } -.demo-shell__segmented-button, -.demo-shell__toolbar-action { +.demo-shell__segmented-button { font: inherit; color: var(--ngaf-chat-text); } @@ -106,21 +117,6 @@ flex: 0 0 auto; } -.demo-shell__toolbar-action { - border: 0; - background: var(--ngaf-chat-surface-alt); - color: var(--ngaf-chat-text); - border-radius: 8px; - padding: 8px 12px; - min-height: 32px; - cursor: pointer; - flex: 0 0 auto; -} - -.demo-shell__toolbar-action:hover { - background: color-mix(in srgb, var(--ngaf-chat-text) 8%, var(--ngaf-chat-surface-alt)); -} - .demo-shell__segmented-button:hover:not(.is-active) { background: color-mix(in srgb, var(--ngaf-chat-text) 8%, transparent); } diff --git a/examples/chat/angular/src/app/shell/demo-shell.component.html b/examples/chat/angular/src/app/shell/demo-shell.component.html index 1d10f243d..fd5264092 100644 --- a/examples/chat/angular/src/app/shell/demo-shell.component.html +++ b/examples/chat/angular/src/app/shell/demo-shell.component.html @@ -75,49 +75,41 @@ } -