Update edit function for Rename Speaker

ui.py

@@ -145,15 +145,13 @@ def render_data_table(tableDF, speakerNames, raw_to_display, currFile):
 # ---------------------------------------------------------------------------
 
 def render_speaker_samples_tab(speakerNames, raw_to_display, currFile):
-    """Render a table: Speaker (with inline ✎ rename + history suggestions) | Audio Sample | ↺ button."""
+    """Render a table: Speaker (with inline ✎ rename + scrollable dropdown history) | Audio Sample | ↺ button."""
     file_samples = st.session_state.speakerClips.get(currFile, {})
     has_waveform = currFile in st.session_state.speakerWaveforms
     has_samples  = bool(file_samples)
 
-    # Per-speaker editing toggle: {(currFile, sp): True}
     if "inline_rename_active" not in st.session_state:
         st.session_state.inline_rename_active = {}
-    # Ordered list of all confirmed rename names (deduped, insertion order)
     if "inline_rename_history" not in st.session_state:
         st.session_state.inline_rename_history = []
 
@@ -179,38 +177,60 @@ def render_speaker_samples_tab(speakerNames, raw_to_display, currFile):
             input_key   = f"inline_rename_input_{currFile}_{sp}"
             confirm_key = f"inline_rename_confirm_{currFile}_{sp}"
             cancel_key  = f"inline_rename_cancel_{currFile}_{sp}"
-            fill_prefix = f"inline_rename_fill_{currFile}_{sp}"
+
+            history     = st.session_state.inline_rename_history
+            current_val = display_name if display_name != sp else ""
 
             with row_cols[0]:
+                # Render a native <datalist> above the Streamlit input.
+                # The browser connects them by matching the input's list= attribute,
+                # which we set on the nearest text input via scoped JS.
+                if history:
+                    dl_id      = f"dl_{sp}_{currFile}".replace(" ", "_").replace(".", "_")
+                    options    = "\n".join(f'<option value="{n}"></option>' for n in history)
+                    st.markdown(
+                        f"""
+                        <datalist id="{dl_id}">{options}</datalist>
+                        <style>
+                          /* Make the native dropdown scrollable at ~160px */
+                          #{dl_id} {{ max-height: 160px; overflow-y: auto; }}
+                        </style>
+                        <script>
+                          (function() {{
+                            // Wait one tick for Streamlit to render the input,
+                            // then attach the datalist to the very next text input
+                            // that appears after this script tag.
+                            var dl = document.getElementById('{dl_id}');
+                            var observer = new MutationObserver(function() {{
+                              var inputs = document.querySelectorAll('input[data-testid="stTextInput"]');
+                              if (inputs.length) {{
+                                inputs[inputs.length - 1].setAttribute('list', '{dl_id}');
+                                observer.disconnect();
+                              }}
+                            }});
+                            observer.observe(document.body, {{ childList: true, subtree: true }});
+                            // Also try immediately
+                            var inputs = document.querySelectorAll('input[data-testid="stTextInput"]');
+                            if (inputs.length) inputs[inputs.length - 1].setAttribute('list', '{dl_id}');
+                          }})();
+                        </script>
+                        """,
+                        unsafe_allow_html=True,
+                    )
+
                 new_name = st.text_input(
                     "Rename",
-                    value=display_name if display_name != sp else "",
+                    value=current_val,
                     key=input_key,
                     label_visibility="collapsed",
                     placeholder=f"Rename {sp}…",
                 )
 
-                # Clickable history suggestions
-                history = st.session_state.inline_rename_history
-                if history:
-                    st.caption("Quick fill:")
-                    fill_cols = st.columns(len(history))
-                    for hi, past_name in enumerate(history):
-                        if fill_cols[hi].button(
-                            past_name,
-                            key=f"{fill_prefix}_{hi}",
-                            use_container_width=True,
-                        ):
-                            apply_inline_rename(currFile, sp, past_name)
-                            st.session_state.inline_rename_active[edit_key] = False
-                            st.rerun()
-
                 btn_col1, btn_col2 = st.columns(2)
                 if btn_col1.button("✓", key=confirm_key, help="Confirm rename"):
                     confirmed = new_name.strip()
                     if confirmed:
                         apply_inline_rename(currFile, sp, confirmed)
-                        # Add to history if not already present
                         if confirmed not in st.session_state.inline_rename_history:
                             st.session_state.inline_rename_history.append(confirmed)
                     st.session_state.inline_rename_active[edit_key] = False