fix: use gr.Group for input panels and add changelog emoji;docs: update changelog — settings auto-collapse feat: auto-collapse settings accordions after extraction

docs/CHANGELOG.md

@@ -1,5 +1,6 @@
 ## 29/03/2026
 
+- Settings panels now auto-collapse after extraction to reduce clutter, and re-expand when new audio is loaded
 - Fixed crash on very long recordings (few hours), added warning message upon upload
 - Added URL input mode — paste a link to download audio directly
 - API calls are faster — skipped unnecessary audio processing for JSON-only responses

src/ui/event_wiring.py

@@ -203,6 +203,8 @@ def _wire_audio_input(c):
             gr.update(visible=False),                                         # resegment_toggle_btn
             gr.update(visible=False),                                         # retranscribe_btn
             gr.update(visible=False),                                         # resegment_panel
+            gr.Accordion(open=True),                                          # re-expand model_accordion
+            gr.Accordion(open=True),                                          # re-expand seg_accordion
         )
 
     c.audio_input.change(
@@ -214,6 +216,7 @@ def _wire_audio_input(c):
             c.cached_intervals, c.cached_model_name, c.cached_segment_dir, c.cached_log_row,
             c.extract_btn, c.pipeline_progress, c.compute_ts_btn, c.compute_ts_progress, c.animate_all_html,
             c.resegment_toggle_btn, c.retranscribe_btn, c.resegment_panel,
+            c.model_accordion, c.seg_accordion,
         ],
         api_name=False, show_progress="hidden"
     )
@@ -255,6 +258,7 @@ def _wire_extract_chain(c):
             _skip,                                                              # compute_ts_btn
             _skip, _skip,                                                       # resegment/retranscribe btns
             _skip, _skip, _skip, _skip,                                         # rs sliders + model
+            _skip, _skip,                                                       # accordions
         )
 
         try:
@@ -276,6 +280,7 @@ def _wire_extract_chain(c):
                 _skip,                                                              # compute_ts_btn
                 _skip, _skip,                                                       # resegment/retranscribe
                 _skip, _skip, _skip, _skip,                                         # rs sliders + model
+                _skip, _skip,                                                       # accordions
             )
             return
         # result: (html, json, speech_intervals, is_complete, audio, sr, intervals, seg_dir, log_row)
@@ -295,6 +300,8 @@ def _wire_extract_chain(c):
             ),
             silence, speech, pad,                                               # sync to resegment panel
             model,                                                              # cache model name
+            gr.Accordion(open=False),                                           # collapse model_accordion
+            gr.Accordion(open=False),                                           # collapse seg_accordion
         )
 
     c.extract_btn.click(
@@ -314,6 +321,7 @@ def _wire_extract_chain(c):
             c.export_file, c.extract_btn, c.pipeline_progress, c.compute_ts_btn,
             c.resegment_toggle_btn, c.retranscribe_btn,
             c.rs_silence, c.rs_speech, c.rs_pad, c.cached_model_name,
+            c.model_accordion, c.seg_accordion,
         ],
         api_name=False, show_progress="hidden"
     )

src/ui/interface.py

@@ -56,7 +56,7 @@ def build_interface():
 
         # Changelog accordion
         _changelog = (Path(__file__).parent.parent.parent / "docs" / "CHANGELOG.md").read_text()
-        with gr.Accordion("Changelog", open=False):
+        with gr.Accordion("📋 Changelog", open=False):
             gr.Markdown(_changelog)
 
         if DEV_TAB_VISIBLE:
@@ -121,7 +121,7 @@ def _build_left_column(c):
                                        elem_classes=["mode-active"] if _is_record else [])
 
         # Link panel
-        with gr.Column(visible=_is_link, elem_id="link-panel") as c.link_panel:
+        with gr.Group(visible=_is_link, elem_id="link-panel") as c.link_panel:
             c.url_input = gr.Textbox(
                 label="Paste a link",
                 info='e.g. TikTok · SoundCloud · [MP3Quran](https://www.mp3quran.net/) · [all supported sites](https://github.com/yt-dlp/yt-dlp/blob/master/supportedsites.md)',
@@ -133,7 +133,7 @@ def _build_left_column(c):
             c.url_audio_player = gr.Audio(label="Downloaded Audio", visible=False, interactive=False)
 
         # Upload panel
-        with gr.Column(visible=_is_upload, elem_id="upload-panel") as c.upload_panel:
+        with gr.Group(visible=_is_upload, elem_id="upload-panel") as c.upload_panel:
             with gr.Row(elem_id="example-row"):
                 c.btn_ex_112 = gr.Button("112", size="sm", min_width=0)
                 c.btn_ex_84 = gr.Button("84", size="sm", min_width=0)
@@ -142,7 +142,7 @@ def _build_left_column(c):
             c.audio_upload = gr.Audio(label="Upload Recitation", sources=["upload"], type="filepath")
 
         # Record panel
-        with gr.Column(visible=_is_record, elem_id="record-panel") as c.record_panel:
+        with gr.Group(visible=_is_record, elem_id="record-panel") as c.record_panel:
             c.audio_record = gr.Audio(label="Record Recitation", sources=["microphone"], type="filepath")
 
         # Hidden unified audio (fed by upload, record, or URL download)
@@ -151,7 +151,7 @@ def _build_left_column(c):
         _build_animation_settings(c)
 
         c.anim_cached_settings = gr.JSON(value=None, visible=False)
-        with gr.Accordion("Model Settings", open=True):
+        with gr.Accordion("Model Settings", open=True) as c.model_accordion:
             with gr.Row():
                 c.model_radio = gr.Radio(
                     choices=["Base", "Large"],
@@ -166,7 +166,7 @@ def _build_left_column(c):
                     info="Daily GPU usage limits. Unlimitted CPU usage but slower"
                 )
 
-        with gr.Accordion("Segmentation Settings", open=True):
+        with gr.Accordion("Segmentation Settings", open=True) as c.seg_accordion:
             c.min_silence_slider, c.min_speech_slider, c.pad_slider, \
                 c.preset_mujawwad, c.preset_murattal, c.preset_fast = create_segmentation_settings()