feat(profile): KI-077 — Name field + show current captured profile in Build-your-profile panel

User screenshot: the "Build your profile" sheet showed empty defaults
(Just me / None / etc) even when the chat had captured the user's name,
age, dependents, city, etc. Also no name input — user can't introduce
themselves through the UI, only through chat.

Fix:
- backend/main.py — added `name` to `profile_dict` in BOTH /api/profile/
completeness AND /api/profile (POST) so the captured name flows to the
UI + the panel can save a new name. Added `name` to ProfileUpdateRequest
+ in the loop that applies request fields. On name set, also persists
to the named-profile JSON store (40-data/profiles/<persona_id>.json) so
a returning visitor's profile auto-loads next time.
- frontend/src/lib/api.ts — added `name` to UserProfile type.
- frontend/src/app/page.tsx — ProfileBuilderPanel:
• New `name` state + text input at top of the form with
"captured from chat" badge when initialProfile.name is set.
• useEffect to keep state in sync if initialProfile updates while
the panel is open (chat captures new fields → panel reflects them).
• Submit path includes name in postProfileUpdate.

Now the user can:
1. Open the profile panel and see what the chat has captured so far
(name, age, dependents, conditions, city, etc. all pre-selected).
2. Edit any field including their name.
3. Save → backend persists to session state + named-profile store →
next visit they're auto-recognised.

Verified: `npx tsc --noEmit` exit 0.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

backend/main.py

@@ -552,6 +552,7 @@ class ProfileCompletenessResponse(BaseModel):
 
 class ProfileUpdateRequest(BaseModel):
     session_id: str
+    name: Optional[str] = None  # KI-077
     age: Optional[int] = None
     dependents: Optional[str] = None
     income_band: Optional[str] = None
@@ -616,6 +617,7 @@ async def profile_update(req: ProfileUpdateRequest):
     # Update only fields the client explicitly sent (non-None) — keeps partial
     # save flows clean
     for field_name in (
+        "name",  # KI-077 — accept name updates from the profile-builder UI
         "age", "dependents", "income_band", "existing_cover_inr", "primary_goal",
         "location_tier", "parents_to_insure", "parents_age_max", "parents_has_ped",
         "health_conditions", "budget_band",
@@ -624,8 +626,18 @@ async def profile_update(req: ProfileUpdateRequest):
         if v is not None:
             setattr(sess.profile, field_name, v)
 
+    # KI-077 — if name is set, also persist to the named-profile store so a
+    # returning visitor's profile is recoverable across sessions.
+    if req.name:
+        try:
+            from backend.profile_store import save_profile
+            save_profile(req.name, sess.profile, session_id=req.session_id)
+        except Exception as e:
+            print(f"[profile_store] save failed for {req.name}: {type(e).__name__}: {e}")
+
     p = sess.profile
     profile_dict = {
+        "name": p.name,  # KI-077
         "age": p.age, "dependents": p.dependents, "income_band": p.income_band,
         "existing_cover_inr": p.existing_cover_inr, "primary_goal": p.primary_goal,
         "location_tier": p.location_tier, "parents_to_insure": p.parents_to_insure,

frontend/src/app/page.tsx

@@ -925,6 +925,10 @@ function ProfileBuilderPanel({
   onClose: () => void;
   uiLang: UILang;
 }) {
+  // KI-077 — pre-fill from initialProfile (the chat-captured state). If the
+  // chat already heard "I am Rohit Sar, 29, just me, Mumbai", every chip
+  // below renders with those values selected when the panel opens.
+  const [name, setName] = useState<string>(initialProfile.name ?? "");
   const [age, setAge] = useState<number | null>(initialProfile.age ?? null);
   const [dependents, setDependents] = useState<string>(initialProfile.dependents ?? "self");
   const [budget, setBudget] = useState<string>(initialProfile.budget_band ?? "");
@@ -937,6 +941,23 @@ function ProfileBuilderPanel({
   const [parentsAgeMax, setParentsAgeMax] = useState<number | null>(initialProfile.parents_age_max ?? null);
   const [busy, setBusy] = useState(false);
 
+  // KI-077 — keep panel in sync if the chat captures new fields while the
+  // panel is open. Otherwise the user sees stale state.
+  useEffect(() => {
+    if (initialProfile.name && !name) setName(initialProfile.name);
+    if (initialProfile.age != null && age == null) setAge(initialProfile.age);
+    if (initialProfile.dependents && dependents === "self") setDependents(initialProfile.dependents);
+    if (initialProfile.budget_band && !budget) setBudget(initialProfile.budget_band);
+    if (initialProfile.income_band && !income) setIncome(initialProfile.income_band);
+    if (initialProfile.location_tier && !city) setCity(initialProfile.location_tier);
+    if (initialProfile.health_conditions?.length && !conditions.length) setConditions(initialProfile.health_conditions);
+    if (initialProfile.existing_cover_inr != null && existingCover == null) setExistingCover(initialProfile.existing_cover_inr);
+    if (initialProfile.primary_goal && !primaryGoal) setPrimaryGoal(initialProfile.primary_goal);
+    if (initialProfile.parents_age_max != null && parentsAgeMax == null) setParentsAgeMax(initialProfile.parents_age_max);
+    if (initialProfile.parents_has_ped != null && parentsHasPed == null) setParentsHasPed(initialProfile.parents_has_ped);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [initialProfile]);
+
   const hindi = uiLang === "hi";
 
   const toggleCondition = (c: string) => {
@@ -955,6 +976,7 @@ function ProfileBuilderPanel({
     try {
       const resp = await postProfileUpdate({
         session_id: sid,
+        name: name.trim() || undefined,  // KI-077 — submit the name too
         age: age ?? undefined,
         dependents: dependents || undefined,
         budget_band: budget || undefined,
@@ -1000,6 +1022,33 @@ function ProfileBuilderPanel({
         </div>
 
         <div className="bg-[var(--card)] border border-[var(--border)] rounded-xl p-5 space-y-5">
+          {/* KI-077 — Name (free text). Captured from chat if user introduced
+              themselves; saved to the named-profile store so returning visits
+              auto-load. */}
+          <div>
+            <label className="flex items-baseline justify-between text-xs mb-1.5">
+              <span className="font-semibold">{hindi ? "आपका नाम" : "Your name"}</span>
+              {initialProfile.name && (
+                <span className="text-[10px] text-[var(--primary)]">
+                  {hindi ? "chat से लिया गया" : "captured from chat"}
+                </span>
+              )}
+            </label>
+            <input
+              type="text"
+              value={name}
+              onChange={(e) => setName(e.target.value)}
+              placeholder={hindi ? "जैसे, रोहित" : "e.g., Rohit Sar"}
+              maxLength={50}
+              className="w-full text-sm px-3 py-1.5 rounded-md border border-[var(--border)] bg-[var(--card)] focus:outline-none focus:border-[var(--primary)]"
+            />
+            <p className="text-[10px] text-[var(--muted-foreground)] mt-0.5">
+              {hindi
+                ? "अगली बार आने पर मैं आपकी profile पहचान लूंगा।"
+                : "I'll recognise you on your next visit so you don't repeat this."}
+            </p>
+          </div>
+
           {/* Age */}
           <div>
             <label className="flex items-baseline justify-between text-xs mb-1.5">

frontend/src/lib/api.ts

@@ -333,6 +333,7 @@ export async function getMarketplace(session_id?: string): Promise<MarketplaceRe
 }
 
 export type UserProfile = {
+  name?: string | null;  // KI-077 — captured from chat or entered in profile panel
   age?: number | null;
   dependents?: string | null;
   income_band?: string | null;