Browse Source

feat: add wealth bridge suggestion chips (row 3)

- 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
pull/6453/head
Priyanka Punukollu 1 month ago
parent
commit
b435d04cb3
  1. 27
      apps/client/src/app/components/ai-chat/ai-chat.component.html
  2. 25
      apps/client/src/app/components/ai-chat/ai-chat.component.scss

27
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>
}

25
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);
}
}
}
}
// ---------------------------------------------------------------------------

Loading…
Cancel
Save