From 2a66dc03b575408ecd2da0dcae2765b980d5d691 Mon Sep 17 00:00:00 2001
From: Brian Love <brian@liveloveapp.com>
Date: Sat, 2 May 2026 15:18:31 -0700
Subject: [PATCH] fix(chat): wire chat-welcome suggestions slot through
 ngProjectAs
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Live smoke testing of 0.0.15 surfaced that <chat-welcome-suggestion>
elements projected via [chatWelcomeSuggestions] from the consumer's <chat>
content slot weren't reaching the inner chat-welcome's matching slot.

Root cause: re-projecting `<ng-content select="[chatWelcomeSuggestions]" />`
inside the `<chat-welcome>` instance doesn't preserve the selector for the
inner component's slot match — Angular's content projection looks at the
projected element's own attributes, not at the wrapping ng-content's select.

Fix: wrap the ng-content in `<ng-container ngProjectAs="[chatWelcomeSuggestions]">`
so chat-welcome's `<ng-content select="[chatWelcomeSuggestions]" />` sees a
matching projection target.

Verified with the smoke harness: 3 vertical suggestion rows now render under
the input on first load. Default greeting + subtitle still render their
fallback content (we deliberately didn't re-project those — overriding via
`<chat-welcome>` directly is the path for consumers who want custom
greetings).

Bumps @ngaf/chat 0.0.15 → 0.0.16.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 libs/chat/package.json                                | 2 +-
 libs/chat/src/lib/compositions/chat/chat.component.ts | 3 +++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/libs/chat/package.json b/libs/chat/package.json
index 2bf82b204..d7f02ec09 100644
--- a/libs/chat/package.json
+++ b/libs/chat/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ngaf/chat",
-  "version": "0.0.15",
+  "version": "0.0.16",
   "exports": {
     ".": {
       "types": "./index.d.ts",
diff --git a/libs/chat/src/lib/compositions/chat/chat.component.ts b/libs/chat/src/lib/compositions/chat/chat.component.ts
index aad960615..b802487f2 100644
--- a/libs/chat/src/lib/compositions/chat/chat.component.ts
+++ b/libs/chat/src/lib/compositions/chat/chat.component.ts
@@ -96,6 +96,9 @@ import type { ChatRenderEvent } from './chat-render-event';
     @if (showWelcome()) {
       <chat-welcome>
         <chat-input chatWelcomeInput [agent]="agent()" [submitOnEnter]="true" placeholder="Type a message..." />
+        <ng-container ngProjectAs="[chatWelcomeSuggestions]">
+          <ng-content select="[chatWelcomeSuggestions]" />
+        </ng-container>
       </chat-welcome>
     } @else {
     <div class="chat-shell">