Sync the header cast chip with the picked voices

The top-right "Nova × Atlas" chip was static. Make it reflect the actual
voice picks: the header is rebuilt from the selected voices (with matching
avatar colors) whenever a voice dropdown or the speaker-count slider
changes, across all three page headers.

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

app.py

@@ -78,6 +78,7 @@ def _sample_path(voice_id):
 
 # Selectable library voices (those with a bundled sample), by display name.
 _VOICE_NAME_TO_ID = {name: vid for vid, name, *_ in VOICE_LIBRARY if vid}
+_VOICE_AVATAR_IDX = {name: idx for vid, name, meta, idx, chips in VOICE_LIBRARY if vid}
 LIBRARY_VOICE_NAMES = list(_VOICE_NAME_TO_ID.keys())
 _VOICE_DEFAULTS = ["Nova", "Atlas", "Echo", "Sage"]
 
@@ -615,13 +616,20 @@ LOGO_HTML = """
 """
 
 
-def _header(title: str, sub: str) -> str:
+def _voice_chip(voices=None) -> str:
+    names = [n for n in (voices or []) if n] or ["Nova", "Atlas"]
+    names = names[:MAX_SPEAKERS]
+    avatars = "".join(_avatar(n, _VOICE_AVATAR_IDX.get(n, i), 24) for i, n in enumerate(names))
+    return f"<span class='pf-voicepill'>{avatars}&nbsp; {html.escape(' × '.join(names))}</span>"
+
+
+def _header(title: str, sub: str, voices=None) -> str:
     return f"""
 <div class='pf-header'>
   <div><h1>{title}</h1><div class='sub'>{sub}</div></div>
   <div class='pf-status'>
     <span class='pf-pill'><span class='pf-dot'></span> All systems live</span>
-    <span class='pf-voicepill'>{_avatar('N',0,24)}{_avatar('A',1,24)}&nbsp; Nova × Atlas</span>
+    {_voice_chip(voices)}
   </div>
 </div>
 """
@@ -654,7 +662,10 @@ def build_ui():
             with gr.Column(elem_id="pf-main"):
                 # ===================== CREATE PAGE =====================
                 with gr.Column(visible=True) as page_create:
-                    gr.HTML(_header("Create", "Type a topic — Podify writes &amp; voices it"))
+                    create_header = gr.HTML(
+                        _header("Create", "Type a topic — Podify writes &amp; voices it",
+                                voices=_VOICE_DEFAULTS[:2])
+                    )
 
                     # ---------- STEP 1: topic ----------
                     with gr.Column(visible=True) as step1:
@@ -759,7 +770,10 @@ def build_ui():
 
                 # ===================== VOICES PAGE =====================
                 with gr.Column(visible=False) as page_voices:
-                    gr.HTML(_header("Voices", "Browse the library or clone your own"))
+                    voices_header = gr.HTML(
+                        _header("Voices", "Browse the library or clone your own",
+                                voices=_VOICE_DEFAULTS[:2])
+                    )
                     with gr.Row():
                         with gr.Column(scale=2, elem_classes=["pf-card"]):
                             gr.HTML("<div class='pf-eyebrow'>VOICE LAB</div>"
@@ -803,7 +817,10 @@ def build_ui():
 
                 # ===================== LIBRARY PAGE =====================
                 with gr.Column(visible=False) as page_library:
-                    gr.HTML(_header("Library", "Every episode you've produced"))
+                    library_header = gr.HTML(
+                        _header("Library", "Every episode you've produced",
+                                voices=_VOICE_DEFAULTS[:2])
+                    )
                     lib_header = gr.HTML(
                         "<div class='pf-step-h'><span class='t'>▥ Your episodes</span>"
                         "<span class='h'>0</span></div>"
@@ -849,6 +866,25 @@ def build_ui():
             inputs=[num_speakers], outputs=voice_pickers,
         )
 
+        # keep the header cast chip in sync with the picked voices (all pages)
+        def _refresh_headers(n, *names):
+            sel = [names[i] for i in range(int(n)) if i < len(names) and names[i]]
+            return (
+                gr.update(value=_header("Create",
+                                        "Type a topic — Podify writes &amp; voices it", sel)),
+                gr.update(value=_header("Voices",
+                                        "Browse the library or clone your own", sel)),
+                gr.update(value=_header("Library",
+                                        "Every episode you've produced", sel)),
+            )
+
+        _header_outputs = [create_header, voices_header, library_header]
+        num_speakers.change(_refresh_headers, inputs=[num_speakers] + voice_pickers,
+                            outputs=_header_outputs)
+        for _vp in voice_pickers:
+            _vp.change(_refresh_headers, inputs=[num_speakers] + voice_pickers,
+                       outputs=_header_outputs)
+
         setup_outputs = [lines_state, speakers_state]
         step_views = [step1, step2, step3, step_loading]