From 5ffb9a02da9b180d285013065476f24db23aa37a Mon Sep 17 00:00:00 2001
From: Brian Love <brian@liveloveapp.com>
Date: Mon, 18 May 2026 09:17:19 -0700
Subject: [PATCH 1/3] feat(chat): match sidenav New chat + New project radius
 to 8px

---
 libs/chat/src/lib/styles/chat-project-list.styles.spec.ts | 6 ++++++
 libs/chat/src/lib/styles/chat-project-list.styles.ts      | 2 +-
 libs/chat/src/lib/styles/chat-sidenav.styles.spec.ts      | 6 ++++++
 libs/chat/src/lib/styles/chat-sidenav.styles.ts           | 4 ++--
 4 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/libs/chat/src/lib/styles/chat-project-list.styles.spec.ts b/libs/chat/src/lib/styles/chat-project-list.styles.spec.ts
index 1b2dcc679..10214dfcf 100644
--- a/libs/chat/src/lib/styles/chat-project-list.styles.spec.ts
+++ b/libs/chat/src/lib/styles/chat-project-list.styles.spec.ts
@@ -34,4 +34,10 @@ describe('CHAT_PROJECT_LIST_STYLES — New project button', () => {
       /\.chat-project-list__new:hover\s*\{[^}]*background:\s*color-mix\(in srgb,\s*var\(--ngaf-chat-text\)\s*8%,\s*var\(--ngaf-chat-surface-alt\)\)\s*;/,
     );
   });
+
+  it('uses 8px border-radius (consistent with thread items)', () => {
+    expect(normalized).toMatch(
+      /\.chat-project-list__new\s*\{[^}]*border-radius:\s*8px\s*;/,
+    );
+  });
 });
diff --git a/libs/chat/src/lib/styles/chat-project-list.styles.ts b/libs/chat/src/lib/styles/chat-project-list.styles.ts
index bf928e219..ae0d3914f 100644
--- a/libs/chat/src/lib/styles/chat-project-list.styles.ts
+++ b/libs/chat/src/lib/styles/chat-project-list.styles.ts
@@ -79,7 +79,7 @@ export const CHAT_PROJECT_LIST_STYLES = `
     color: var(--ngaf-chat-text);
     border: 0;
     padding: 10px 16px;
-    border-radius: 9999px;
+    border-radius: 8px;
     font-size: 12px;
     display: flex;
     align-items: center;
diff --git a/libs/chat/src/lib/styles/chat-sidenav.styles.spec.ts b/libs/chat/src/lib/styles/chat-sidenav.styles.spec.ts
index 5e2c760fa..298836b6a 100644
--- a/libs/chat/src/lib/styles/chat-sidenav.styles.spec.ts
+++ b/libs/chat/src/lib/styles/chat-sidenav.styles.spec.ts
@@ -34,4 +34,10 @@ describe('CHAT_SIDENAV_STYLES — New chat button', () => {
       /\.chat-sidenav__action--new:focus-visible\s*\{[^}]*outline:\s*2px\s+solid\s+var\(--ngaf-chat-primary\)\s*;/,
     );
   });
+
+  it('uses 8px border-radius (consistent with Search button + thread items)', () => {
+    expect(normalized).toMatch(
+      /\.chat-sidenav__action\.chat-sidenav__action--new\s*\{[^}]*border-radius:\s*8px\s*;/,
+    );
+  });
 });
diff --git a/libs/chat/src/lib/styles/chat-sidenav.styles.ts b/libs/chat/src/lib/styles/chat-sidenav.styles.ts
index 28a4bd154..915fa2949 100644
--- a/libs/chat/src/lib/styles/chat-sidenav.styles.ts
+++ b/libs/chat/src/lib/styles/chat-sidenav.styles.ts
@@ -104,7 +104,7 @@ export const CHAT_SIDENAV_STYLES = `
        .chat-sidenav__action.chat-sidenav__action--new block. */
     border: 0;
     padding: 12px 18px;
-    border-radius: 9999px;
+    border-radius: 8px;
     font-size: 13px;
     font-weight: 600;
     display: flex;
@@ -175,7 +175,7 @@ export const CHAT_SIDENAV_STYLES = `
   .chat-sidenav__action.chat-sidenav__action--new {
     background: var(--ngaf-chat-text);
     color: var(--ngaf-chat-bg);
-    border-radius: 9999px;
+    border-radius: 8px;
     padding: 12px 18px;
     font-weight: 600;
     font-size: 13px;

From 602f6a89afbe757bf29771e5351c77a057334819 Mon Sep 17 00:00:00 2001
From: Brian Love <brian@liveloveapp.com>
Date: Mon, 18 May 2026 09:22:23 -0700
Subject: [PATCH 2/3] feat(demo): match More prompts dropdown styling to
 featured chip

---
 .../welcome-suggestions.component.spec.ts     | 24 +++++++++++++++++++
 .../modes/welcome-suggestions.component.ts    | 17 +++++++++++++
 2 files changed, 41 insertions(+)

diff --git a/examples/chat/angular/src/app/modes/welcome-suggestions.component.spec.ts b/examples/chat/angular/src/app/modes/welcome-suggestions.component.spec.ts
index c8b4f1eff..e7ff2ab04 100644
--- a/examples/chat/angular/src/app/modes/welcome-suggestions.component.spec.ts
+++ b/examples/chat/angular/src/app/modes/welcome-suggestions.component.spec.ts
@@ -51,4 +51,28 @@ describe('WelcomeSuggestionsComponent', () => {
     chipBtn.click();
     expect(captured).toBe(FEATURED_SUGGESTIONS[0].value);
   });
+
+  it('overrides the More prompts trigger to match the featured chip styling', () => {
+    // The component's styles block must include ::ng-deep overrides for the
+    // chat-select trigger so it visually matches chat-welcome-suggestion.
+    // We assert by inspecting the component's stringified styles via the
+    // DOM: the trigger should compute to chip-equivalent padding/border.
+    const trigger = fx.nativeElement.querySelector(
+      '.welcome-suggestions__row chat-select .chat-select__trigger',
+    ) as HTMLElement;
+    expect(trigger).toBeTruthy();
+    const cs = getComputedStyle(trigger);
+    // 10px 16px padding (chip)
+    expect(cs.paddingTop).toBe('10px');
+    expect(cs.paddingBottom).toBe('10px');
+    expect(cs.paddingLeft).toBe('16px');
+    expect(cs.paddingRight).toBe('16px');
+    // 1px border (chip has a border; default trigger has none).
+    // JSDOM 29 does not cascade border-width from <style> tags so we assert
+    // the source instead of getComputedStyle — the CSS must declare a border.
+    const componentStyles = (fx.componentInstance.constructor as { ɵcmp?: { styles?: string[] } }).ɵcmp?.styles?.join(' ') ?? '';
+    expect(componentStyles).toMatch(/border:\s*1px\s+solid/);
+    // pill radius (chip)
+    expect(cs.borderRadius).toBe('9999px');
+  });
 });
diff --git a/examples/chat/angular/src/app/modes/welcome-suggestions.component.ts b/examples/chat/angular/src/app/modes/welcome-suggestions.component.ts
index d5a9109bd..226e0ebdb 100644
--- a/examples/chat/angular/src/app/modes/welcome-suggestions.component.ts
+++ b/examples/chat/angular/src/app/modes/welcome-suggestions.component.ts
@@ -58,6 +58,23 @@ import { FEATURED_SUGGESTIONS, MORE_SUGGESTIONS } from './welcome-suggestions';
         overflow: hidden;
         text-overflow: ellipsis;
       }
+      /* Make the "More prompts" dropdown match the featured chip visually.
+         Scoped to .welcome-suggestions__row so the model picker (also
+         chat-select, elsewhere) is untouched. */
+      .welcome-suggestions__row ::ng-deep chat-select .chat-select__trigger {
+        height: auto;
+        padding: 10px 16px;
+        background: var(--ngaf-chat-surface);
+        color: var(--ngaf-chat-text);
+        border: 1px solid var(--ngaf-chat-separator);
+        border-radius: 9999px;
+        font-size: var(--ngaf-chat-font-size-sm);
+      }
+      .welcome-suggestions__row ::ng-deep chat-select .chat-select__trigger:hover:not(:disabled) {
+        background: var(--ngaf-chat-surface-alt);
+        border-color: var(--ngaf-chat-text-muted);
+        color: var(--ngaf-chat-text);
+      }
     `,
   ],
 })

From d240318415783cf2d35c386ca92db6862129bdb0 Mon Sep 17 00:00:00 2001
From: Brian Love <brian@liveloveapp.com>
Date: Mon, 18 May 2026 09:26:25 -0700
Subject: [PATCH 3/3] chore(release): bump publishable libs to 0.0.38

---
 libs/a2ui/package.json                                          | 2 +-
 libs/ag-ui/package.json                                         | 2 +-
 libs/chat/package.json                                          | 2 +-
 .../compositions/chat-sidenav/chat-sidenav.component.spec.ts    | 2 +-
 .../chat-project-list/chat-project-list.component.spec.ts       | 2 +-
 libs/langgraph/package.json                                     | 2 +-
 libs/licensing/package.json                                     | 2 +-
 libs/render/package.json                                        | 2 +-
 libs/telemetry/package.json                                     | 2 +-
 9 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/libs/a2ui/package.json b/libs/a2ui/package.json
index 037ddd6d8..d2431ee4c 100644
--- a/libs/a2ui/package.json
+++ b/libs/a2ui/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ngaf/a2ui",
-  "version": "0.0.37",
+  "version": "0.0.38",
   "license": "MIT",
   "repository": {
     "type": "git",
diff --git a/libs/ag-ui/package.json b/libs/ag-ui/package.json
index 2568ddb1e..fa0c52953 100644
--- a/libs/ag-ui/package.json
+++ b/libs/ag-ui/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ngaf/ag-ui",
-  "version": "0.0.37",
+  "version": "0.0.38",
   "peerDependencies": {
     "@ngaf/chat": "*",
     "@ngaf/licensing": "*",
diff --git a/libs/chat/package.json b/libs/chat/package.json
index 6f5eaa881..d72e65d66 100644
--- a/libs/chat/package.json
+++ b/libs/chat/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ngaf/chat",
-  "version": "0.0.37",
+  "version": "0.0.38",
   "exports": {
     ".": {
       "types": "./index.d.ts",
diff --git a/libs/chat/src/lib/compositions/chat-sidenav/chat-sidenav.component.spec.ts b/libs/chat/src/lib/compositions/chat-sidenav/chat-sidenav.component.spec.ts
index ae722d7e1..8fd78eee2 100644
--- a/libs/chat/src/lib/compositions/chat-sidenav/chat-sidenav.component.spec.ts
+++ b/libs/chat/src/lib/compositions/chat-sidenav/chat-sidenav.component.spec.ts
@@ -334,6 +334,6 @@ describe('ChatSidenavComponent — New chat primary CTA', () => {
     const styles = (ChatSidenavComponent as unknown as { ɵcmp: { styles: string[] } }).ɵcmp.styles.join('\n');
     // Monochrome CTA: late-cascade block uses text/bg for contrast.
     expect(styles).toMatch(/\.chat-sidenav__action\.chat-sidenav__action--new[^{]*\{[^}]*background:\s*var\(--ngaf-chat-text/);
-    expect(styles).toMatch(/\.chat-sidenav__action--new[^{]*\{[^}]*border-radius:\s*9999px/);
+    expect(styles).toMatch(/\.chat-sidenav__action--new[^{]*\{[^}]*border-radius:\s*8px/);
   });
 });
diff --git a/libs/chat/src/lib/primitives/chat-project-list/chat-project-list.component.spec.ts b/libs/chat/src/lib/primitives/chat-project-list/chat-project-list.component.spec.ts
index ea63710ca..1c89f68b3 100644
--- a/libs/chat/src/lib/primitives/chat-project-list/chat-project-list.component.spec.ts
+++ b/libs/chat/src/lib/primitives/chat-project-list/chat-project-list.component.spec.ts
@@ -156,7 +156,7 @@ describe('ChatProjectListComponent — New project secondary pill', () => {
   it('renders the new-project button with borderless surface-alt pill styling', () => {
     const styles = (ChatProjectListComponent as unknown as { ɵcmp: { styles: string[] } }).ɵcmp.styles.join('\n');
     expect(styles).toMatch(/\.chat-project-list__new[^{]*\{[^}]*background:\s*var\(--ngaf-chat-surface-alt/);
-    expect(styles).toMatch(/\.chat-project-list__new[^{]*\{[^}]*border-radius:\s*9999px/);
+    expect(styles).toMatch(/\.chat-project-list__new[^{]*\{[^}]*border-radius:\s*8px/);
     expect(styles).toMatch(/\.chat-project-list__new[^{]*\{[^}]*border:\s*0/);
   });
 });
diff --git a/libs/langgraph/package.json b/libs/langgraph/package.json
index 0ce940867..e4c7167ff 100644
--- a/libs/langgraph/package.json
+++ b/libs/langgraph/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ngaf/langgraph",
-  "version": "0.0.37",
+  "version": "0.0.38",
   "peerDependencies": {
     "@ngaf/chat": "*",
     "@ngaf/licensing": "*",
diff --git a/libs/licensing/package.json b/libs/licensing/package.json
index 6340b69c1..80f4f4445 100644
--- a/libs/licensing/package.json
+++ b/libs/licensing/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ngaf/licensing",
-  "version": "0.0.37",
+  "version": "0.0.38",
   "license": "MIT",
   "repository": {
     "type": "git",
diff --git a/libs/render/package.json b/libs/render/package.json
index 4fa13449b..9d1910d6b 100644
--- a/libs/render/package.json
+++ b/libs/render/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ngaf/render",
-  "version": "0.0.37",
+  "version": "0.0.38",
   "peerDependencies": {
     "@angular/core": "^20.0.0 || ^21.0.0",
     "@angular/common": "^20.0.0 || ^21.0.0",
diff --git a/libs/telemetry/package.json b/libs/telemetry/package.json
index 245cef07d..fd98e07e0 100644
--- a/libs/telemetry/package.json
+++ b/libs/telemetry/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ngaf/telemetry",
-  "version": "0.0.37",
+  "version": "0.0.38",
   "license": "MIT",
   "publishConfig": {
     "access": "public"