From 1097811bda3301a32b4aaaa06c5ae19d17be2d49 Mon Sep 17 00:00:00 2001
From: Priyanka Punukollu <priyankapunukollu@Priyankas-MacBook-Pro.local>
Date: Sat, 28 Feb 2026 08:11:05 -0600
Subject: [PATCH] =?UTF-8?q?fix:=20UI=20clarity=20=E2=80=94=20real=20estate?=
 =?UTF-8?q?=20section=20has=20clear=20header,=20input=20placeholder=20is?=
 =?UTF-8?q?=20descriptive,=20login=20page=20shows=20demo=20credentials=20h?=
 =?UTF-8?q?int?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Made-with: Cursor
---
 .../components/ai-chat/ai-chat.component.html | 13 +++++-
 .../components/ai-chat/ai-chat.component.scss | 40 +++++++++++++++++++
 login.html                                    |  8 ++++
 3 files changed, 60 insertions(+), 1 deletion(-)

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 7984816a8..bb7a33ffc 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
@@ -308,6 +308,17 @@
         </div>
         <!-- Row 2: Property Tracking chips — only when feature flag is on -->
         @if (enableRealEstate) {
+          <div class="feature-section-header">
+            <span class="feature-section-icon">🏠</span>
+            <div>
+              <span class="feature-section-title">
+                Real Estate & Life Planning
+              </span>
+              <span class="feature-section-desc">
+                Track your properties and run retirement scenarios
+              </span>
+            </div>
+          </div>
           <div class="ai-suggestions__row ai-suggestions__row--realestate">
             <button
               class="ai-suggestion-chip ai-suggestion-chip--re"
@@ -427,7 +438,7 @@
         <textarea
           #inputField
           class="ai-input"
-          placeholder="Ask about your portfolio..."
+          placeholder="Ask about your portfolio, properties, retirement, or life decisions..."
           rows="1"
           [disabled]="isThinking"
           [(ngModel)]="inputValue"
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 b65fe26b7..56527056f 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
@@ -597,6 +597,46 @@
 // Suggestion chips
 // ---------------------------------------------------------------------------
 
+.feature-section-header {
+  display: flex;
+  align-items: flex-start;
+  gap: 8px;
+  padding: 10px 0 6px;
+  margin-top: 8px;
+  border-top: 1px solid rgba(0, 0, 0, 0.08);
+
+  :host-context(.theme-dark) & {
+    border-top-color: rgba(255, 255, 255, 0.08);
+  }
+}
+
+.feature-section-icon {
+  font-size: 18px;
+  line-height: 1.4;
+}
+
+.feature-section-title {
+  display: block;
+  font-size: 12px;
+  font-weight: 600;
+  color: var(--primary-color, #7c3aed);
+
+  :host-context(.theme-dark) & {
+    color: #a78bfa;
+  }
+}
+
+.feature-section-desc {
+  display: block;
+  font-size: 11px;
+  color: var(--text-secondary, #9ca3af);
+  margin-top: 2px;
+
+  :host-context(.theme-dark) & {
+    color: #9ca3af;
+  }
+}
+
 .ai-suggestions {
   padding: 0.5rem 0.75rem 0.25rem;
   display: flex;
diff --git a/login.html b/login.html
index 10439e285..633ecd556 100644
--- a/login.html
+++ b/login.html
@@ -225,6 +225,14 @@
         <div class="spinner"></div>
       </button>
 
+      <p class="demo-hint" style="
+        text-align: center;
+        font-size: 12px;
+        color: #9ca3af;
+        margin-top: 16px;">
+        Demo: test@example.com / password
+      </p>
+
     </div>
 
     <script>