Update app.py

app.py

@@ -441,7 +441,7 @@ with gr.Blocks(theme="Hev832/Applio", css=css, fill_width=True, fill_height=True
             with gr.Column(scale=2, elem_classes="welcome-content"): 
                 gr.Markdown(
                     """
-                    <img src="https://cdn-uploads.huggingface.co/production/uploads/64740cf7485a7c8e1bd51ac9/wbJq4-vjkSquskCjKlRfb.png" alt="UGD" width="250" class="centered-image">
+                    <img src="https://cdn-uploads.huggingface.co/production/uploads/64740cf7485a7c8e1bd51ac9/LVZnwLV43UUvKu3HORqSs.webp" alt="UDG" width="250" style="max-width: 100%; height: auto; class="centered-image">
 
                     # 🎨 Underground Digital's Caption Captain: AI-Powered Art Inspiration
 
@@ -471,9 +471,9 @@ with gr.Blocks(theme="Hev832/Applio", css=css, fill_width=True, fill_height=True
                     )
 
                 with gr.Row():
-                    username = gr.Textbox(label="Username", placeholder="Enter your username", value="ugd")
+                    username = gr.Textbox(label="Username", placeholder="Enter your username")
                 with gr.Row():
-                    password = gr.Textbox(label="Password", type="password", placeholder="Enter your password", value="ugd!")
+                    password = gr.Textbox(label="Password", type="password", placeholder="Enter your password")
                 with gr.Row():
                     login_button = gr.Button("Login", size="sm")
                 login_message = gr.Markdown(visible=False)
@@ -484,7 +484,7 @@ with gr.Blocks(theme="Hev832/Applio", css=css, fill_width=True, fill_height=True
             gr.Markdown("""
             # How to Use Caption Captain
 
-            <img src="https://cdn-uploads.huggingface.co/production/uploads/64740cf7485a7c8e1bd51ac9/rLZkmUHaoRGHPqnCqKKou.png" alt="Captain" width="100" style="max-width: 100%; height: auto;">
+            <img src="https://cdn-uploads.huggingface.co/production/uploads/64740cf7485a7c8e1bd51ac9/Ce_Z478iOXljvpZ_Fr_Y7.png" alt="Captain" width="100" style="max-width: 100%; height: auto;">
 
             Hello, artist! Let's make some fun captions for your pictures. Here's how:
 
@@ -540,6 +540,7 @@ with gr.Blocks(theme="Hev832/Applio", css=css, fill_width=True, fill_height=True
                     value="long",
                 )
 
+            with gr.Accordion("Extra Options", open=False):
                 extra_options = gr.CheckboxGroup(
                     choices=[
                         "If there is a person/character in the image you must refer to them as {name}.",
@@ -560,7 +561,7 @@ with gr.Blocks(theme="Hev832/Applio", css=css, fill_width=True, fill_height=True
                         "Include whether the image is sfw, suggestive, or nsfw.",
                         "ONLY describe the most important elements of the image."
                     ],
-                    label="Extra Options"
+                    label="Select Extra Options"
                 )
 
                 name_input = gr.Textbox(label="Person/Character Name (if applicable)")
@@ -569,8 +570,14 @@ with gr.Blocks(theme="Hev832/Applio", css=css, fill_width=True, fill_height=True
                 custom_prompt = gr.Textbox(label="Custom Prompt (optional, will override all other settings)")
                 gr.Markdown("**Note:** Alpha Two is not a general instruction follower and will not follow prompts outside its training data well. Use this feature with caution.")
 
-                # Container for advanced options
-                with gr.Column(visible=False) as advanced_options:
+            with gr.Column():
+                error_message = gr.Markdown(visible=False)
+                output_prompt = gr.Textbox(label="Prompt that was used")
+                output_caption = gr.Textbox(label="Generated Caption")
+
+                run_button = gr.Button("Make My Caption!")
+
+                with gr.Accordion("Advanced Options for Style Prompt", open=False, visible=False) as advanced_options:
                     gr.Markdown("### Advanced Options for Style Prompt")
                     lens_type = gr.Dropdown(
                         choices=get_dropdown_choices(lens_types_info),
@@ -603,13 +610,6 @@ with gr.Blocks(theme="Hev832/Applio", css=css, fill_width=True, fill_height=True
                         info="Choose a color effect to alter the overall color palette of the image."
                     )
 
-            with gr.Column():
-                error_message = gr.Markdown(visible=False)
-                output_prompt = gr.Textbox(label="Prompt that was used")
-                output_caption = gr.Textbox(label="Generated Caption")
-
-                run_button = gr.Button("Make My Caption!")                
-
     def update_style_options(caption_type):
         return gr.update(visible=caption_type == "Style Prompt")
 
@@ -634,6 +634,7 @@ with gr.Blocks(theme="Hev832/Applio", css=css, fill_width=True, fill_height=True
         outputs=[caption_captain_tab, username, password, login_message]
     )
 
+    # Add this new event listener for the password field
     password.submit(
         login,
         inputs=[username, password],