Update pages.py

pages.py

@@ -8,33 +8,6 @@ from streamlit_mic_recorder import mic_recorder
 
 from utils import load_model, generate_response, bytes_to_array, start_server
 
-def home_page():
-    ## Set up home page Title
-    col1, col2 = st.columns([1, 4])
-    custom_html = """
-    <div class="banner">
-        <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRhB2e_AhOe11wKxnnwOmOVg9E7J1MBgiTeYzzFAESwcCP5IbBAc2X8BwGChMfJzwqtVg&usqp=CAU" alt="Banner Image">
-    </div>
-    <style>
-        .banner {
-            width: 100%;
-            height: 200px;
-            overflow: visible;
-        }
-        .banner img {
-            width: 100%;
-            object-fit: cover;
-        }
-    </style>
-    """
-    with col1:
-        components.html(custom_html)
-    with col2: 
-        st.write("# Welcome to MERaLiON-AudioLLM ChatBot 🤖")
-
-    ## Set up home page other information
-    st.markdown('')
-
 
 def audio_llm():    
     with st.sidebar:
@@ -47,7 +20,13 @@ def audio_llm():
                     <p>Spoken Dialogue Summarization</p>
                     <p>Speech Instruction</p>
                     <p>Paralinguistics</p>
+                    <br>
+                    <p><strong>📎 Configuration</strong>
                     </div>""", unsafe_allow_html=True)
+
+        st.slider(label='Temperature', min_value=0.0, max_value=2.0, value=0.7, key='temperature')
+
+        st.slider(label='Top P', min_value=0.0, max_value=1.0, value=1.0, key='top_p')
     
     
     if st.sidebar.button('Clear History'):
@@ -77,20 +56,10 @@ def audio_llm():
         It is tailored for Singapore’s multilingual and multicultural landscape."""
     )
 
-    st.markdown("##### Step1: Specify Model Configuration")
-    col4, col5 = st.columns(2)
-
-    with col4:
-        st.slider(label='Temperature', min_value=0.0, max_value=2.0, value=0.7, key='temperature')
-
-    with col5:
-        st.slider(label='Top P', min_value=0.0, max_value=1.0, value=1.0, key='top_p')
-
-    st.markdown("##### Step2: Specify Audio")
     col1, col2, col3 = st.columns(3)
     
     with col2:
-        st.markdown("Record Audio:")
+        st.markdown("**Record Audio:**")
         
         recording = mic_recorder(
             format="wav", 
@@ -104,7 +73,7 @@ def audio_llm():
             st.session_state.audio_array = bytes_to_array(audio_bytes)
     
     with col3:
-        st.markdown("Upload Audio:")
+        st.markdown("**Upload Audio:**")
 
         uploaded_file = st.file_uploader(
             label="**Upload Audio:**", 
@@ -181,7 +150,7 @@ def audio_llm():
         
         audio_sample_names = [audio_sample_name for audio_sample_name in audio_samples_w_instruct.keys()]
        
-        st.markdown("Select From Examples:")
+        st.markdown("**Select Audio From Examples:**")
        
         sample_name = st.selectbox(
             label="**Select Audio:**",
@@ -201,9 +170,8 @@ def audio_llm():
     st.audio(st.session_state.audio_array, format="audio/wav", sample_rate=16000)
     st.session_state.update(on_upload=False, on_record=False, on_select=False)
 
-    st.markdown("##### Step 3: Input your Instruction")
     if st.session_state.default_instruction:
-        st.write("Example Instructions:")
+        st.write("**Example Instructions:**")
         st.write(st.session_state.default_instruction)
 
     st.markdown(
@@ -230,7 +198,7 @@ def audio_llm():
             st.write(message["content"])
 
     if prompt := st.chat_input(
-        placeholder="Your Instruction", 
+        placeholder="Type Your Instruction Here", 
         disabled=st.session_state.disprompt, 
         on_submit=lambda: st.session_state.update(disprompt=True)
     ):