Fix: Update instructions and sidebar issue

app.py

@@ -224,6 +224,7 @@ start_annotating = """<h2>How to use the annotation interface?</h2>
             When you finish all annotations, please send an email to <a href="mailto:f.pessanha@uu.nl">f.pessanha@uu.nl</a>.
         </li>
     </ol>
+    <p><strong>Note:</strong> You can click on any part of the audio to start playing from that point. Please avoid clicking on the audio while it is playing (pause it first). This will not affect the program, but it will help us understand how you interact with the interface.</p>
     <div style="text-align: center; padding: 1.5em 0;">
         <p><strong>Below you can find an overview of the annotation interface.</strong></p>
     </div>
@@ -401,7 +402,7 @@ with (gr.Blocks(theme=gr.themes.Soft(), css = css) as demo):
     annotations = pd.DataFrame(columns=['sample_id', 'sentence', 'emotion', 'confidence', 'comments', 'n_clicks'])
 
     # Instructions for emotion annotation
-    with gr.Sidebar(open = False):
+    with gr.Sidebar(open = False) as sidebar:
         participant_id = gr.Textbox(label='What is your participant ID?', interactive = True)
         lets_go = gr.Button("Let's go!")
         cheat_sheet = gr.HTML(side_bar_html, padding = False)
@@ -494,6 +495,10 @@ with (gr.Blocks(theme=gr.themes.Soft(), css = css) as demo):
         data = [sentence_text, audio_player, emotions, confidence, comments]
         lets_go.click(deactivate_participant_id, [participant_id, lets_go, total, *buttons, *data, n_clicks, ann_completed, current_index], [participant_id, lets_go, total, *buttons, *data, n_clicks, start, end, duration, ann_completed, current_index]).then( None, [], [start, end, duration, current_index, ann_completed, total], js = js_progress_bar)
         audio_player.play(count_clicks, [n_clicks], [n_clicks])
+
+        sidebar.collapse(None, [], [start, end, duration, current_index,ann_completed, total], js = js_progress_bar)
+        sidebar.expand(None, [], [start, end, duration, current_index,ann_completed, total], js = js_progress_bar)
+        
     
     with gr.Tab("Access Files"):