From b435d04cb3b03beb4b69ba1e3b9956b8a4c885f4 Mon Sep 17 00:00:00 2001
From: Priyanka Punukollu <priyankapunukollu@Priyankas-MacBook-Pro.local>
Date: Thu, 26 Feb 2026 16:06:15 -0600
Subject: [PATCH] feat: add wealth bridge suggestion chips (row 3)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Add Row 3 wealth bridge chips inside enableRealEstate guard (same as Row 2)
- Three new chips with amber/gold theme (distinct from green RE chips):
  * 💰 "Can my portfolio buy a house?" → triggers wealth_down_payment
  * ✈️ "Is my job offer a real raise?" → pre-fills Seattle/Austin $180k/$120k example
  * 🌍 "Cost of living in Tokyo" → triggers Teleport API global city lookup
- New ai-suggestion-chip--wealth CSS modifier with amber tint (light + dark theme)
- New ai-suggestions__row--wealth spacing rule
- Row 3 only visible when enableRealEstate=true (same feature flag as Row 2)

Made-with: Cursor
---
 .../components/ai-chat/ai-chat.component.html | 27 +++++++++++++++++++
 .../components/ai-chat/ai-chat.component.scss | 25 +++++++++++++++++
 2 files changed, 52 insertions(+)

diff --git a/apps/client/src/app/components/ai-chat/ai-chat.component.html b/apps/client/src/app/components/ai-chat/ai-chat.component.html
index 03e885a9e..081875063 100644
--- a/apps/client/src/app/components/ai-chat/ai-chat.component.html
+++ b/apps/client/src/app/components/ai-chat/ai-chat.component.html
@@ -317,6 +317,33 @@
               🏘️ SF snapshot
             </button>
           </div>
+          <!-- Row 3: Wealth Bridge chips -->
+          <div class="ai-suggestions__row ai-suggestions__row--wealth">
+            <button
+              class="ai-suggestion-chip ai-suggestion-chip--wealth"
+              (click)="
+                clickChip('Can my portfolio fund a down payment on a house?')
+              "
+            >
+              💰 Can my portfolio buy a house?
+            </button>
+            <button
+              class="ai-suggestion-chip ai-suggestion-chip--wealth"
+              (click)="
+                clickChip(
+                  'I have a job offer for $180k in Seattle. I currently make $120k in Austin. Is it a real raise?'
+                )
+              "
+            >
+              ✈️ Is my job offer a real raise?
+            </button>
+            <button
+              class="ai-suggestion-chip ai-suggestion-chip--wealth"
+              (click)="clickChip('What is the cost of living in Tokyo?')"
+            >
+              🌍 Cost of living in Tokyo
+            </button>
+          </div>
         }
       </div>
     }
diff --git a/apps/client/src/app/components/ai-chat/ai-chat.component.scss b/apps/client/src/app/components/ai-chat/ai-chat.component.scss
index feed38371..40209d5ea 100644
--- a/apps/client/src/app/components/ai-chat/ai-chat.component.scss
+++ b/apps/client/src/app/components/ai-chat/ai-chat.component.scss
@@ -590,6 +590,10 @@
     &--realestate {
       padding-top: 0.1rem;
     }
+
+    &--wealth {
+      padding-top: 0.1rem;
+    }
   }
 }
 
@@ -650,6 +654,27 @@
       }
     }
   }
+
+  // Wealth Bridge chips — amber/gold tint for financial planning distinction
+  &--wealth {
+    border-color: rgba(245, 158, 11, 0.3);
+    background: rgba(245, 158, 11, 0.07);
+    color: #b45309;
+
+    :host-context(.theme-dark) & {
+      background: rgba(245, 158, 11, 0.15);
+      color: #fcd34d;
+      border-color: rgba(245, 158, 11, 0.35);
+    }
+
+    &:hover {
+      background: rgba(245, 158, 11, 0.15);
+
+      :host-context(.theme-dark) & {
+        background: rgba(245, 158, 11, 0.25);
+      }
+    }
+  }
 }
 
 // ---------------------------------------------------------------------------