update ui

app.py

@@ -82,16 +82,17 @@ def llm_ui():
         with gr.Row():
             chatbot = gr.Chatbot()
             
-        hf_token_box = gr.Textbox(lines=1, placeholder="Your Hugging Face token - Check if you have access to selected model", label="Hugging Face Token", type="password")
-            
-        with gr.Row():
-            model_selection = gr.Dropdown(choices=model_ids_llm, value=model_ids_llm[0], label="Model", scale=3)
-            clear_button = gr.Button("Clear Chat", scale=2)
+        hf_token_box = gr.Textbox(lines=1, placeholder="Check if you have access to selected model", label="Hugging Face Token - Required", type="password")
         
         with gr.Group():
             with gr.Row():
                 user_input = gr.Textbox(placeholder="Type your coding problem here...", label="User Input", show_label=False, scale=8)
                 send_button = gr.Button("Send", scale=2, variant = "primary")
+            
+        with gr.Row():
+            model_selection = gr.Dropdown(choices=model_ids_llm, value=model_ids_llm[0], label="Model", scale=3)
+            clear_button = gr.Button("Clear Chat", scale=2)
+        
         with gr.Row():
             voice_input = gr.Microphone(type="filepath", label="Voice Input", scale=7)
             voice_button = gr.Button("Use Audio as User Input", scale=3)
@@ -116,11 +117,7 @@ def multimodal_llm_ui():
         with gr.Row():
             chatbot = gr.Chatbot(height=550)
             with gr.Column():
-                with gr.Row():
-                    model_selection = gr.Dropdown(choices=model_ids_multimodal, value=model_ids_multimodal[0], label="Select Model", scale=3)
-                    clear_button = gr.Button("Clear Chat", scale=2)
-                
-                hf_token_box = gr.Textbox(lines=1, placeholder="Your Hugging Face token - Check if you have access to selected model", label="Hugging Face Token", type="password")
+                hf_token_box = gr.Textbox(lines=1, placeholder="Check if you have access to selected model", label="Hugging Face Token - Required", type="password")
                 
                 image_input = gr.Image(type="filepath", label="Input your Image Here....")
                 
@@ -129,6 +126,10 @@ def multimodal_llm_ui():
                         user_input = gr.Textbox(placeholder="Type your problem here...", label="User Input", show_label=False, scale=8)
                         send_button = gr.Button("Send", scale=2, elem_id="send-button", variant = "primary")
 
+                with gr.Row():
+                    model_selection = gr.Dropdown(choices=model_ids_multimodal, value=model_ids_multimodal[0], label="Select Model", scale=3)
+                    clear_button = gr.Button("Clear Chat", scale=2)
+                
                 with gr.Row():
                     voice_input = gr.Microphone(type="filepath", label="Voice Input", scale=7)
                     voice_button = gr.Button("Use Audio as User Input", scale=3)