Update app.py

app.py

@@ -6,18 +6,15 @@ from tqdm.auto import tqdm
 import os
 
 
-
-# Add this CSS at the top of your file, after the imports
+# Remove or comment out any CSS related to .share-button if you want Gradio to handle its default placement.
+# If you *still* want it fixed to a specific corner globally, you can uncomment your original fixed CSS.
 css = """
-/* The global fixed positioning for the share button is no longer needed
-   because we'll place gr.ShareButton directly in the UI.
-   You can remove or comment out any previous .share-button CSS if it was there.
+/* No specific CSS for .share-button if we're letting Gradio place it dynamically
+   when demo.launch(share=True) is used.
 */
 """
 
 
-
-
 # --- Model Loading ---
 tokenizer_splade = None
 model_splade = None
@@ -441,13 +438,7 @@ with gr.Blocks(title="SPLADE Demos", css=css) as demo:
                         label="Enter your query or document text here:",
                         placeholder="e.g., Why is Padua the nicest city in Italy?"
                     )
-                    # --- NEW: Place the gr.ShareButton here ---
-                    gr.ShareButton(
-                        value="Share My Sparse Representation",
-                        components=[input_text, model_radio], # You can specify components to share
-                        visible=True # Make sure it's visible
-                    )
-                    # --- End New ---
+                    # Removed gr.ShareButton here as it caused an AttributeError
                     info_output_display = gr.Markdown(
                         value="",
                         label="Vector Information",
@@ -474,7 +465,7 @@ with gr.Blocks(title="SPLADE Demos", css=css) as demo:
                 outputs=[main_representation_output, info_output_display]
             )
 
-        with gr.TabItem("Compare Encoders"): # Reverted to original gr.Interface setup
+        with gr.TabItem("Compare Encoders"): # This is the tab we are focusing on
             gr.Markdown("### Calculate Dot Product Similarity Between Encoded Query and Document")
 
             # Define the common model choices for cleaner code
@@ -512,4 +503,5 @@ with gr.Blocks(title="SPLADE Demos", css=css) as demo:
                 allow_flagging="never" # Keep this to keep the share button at the bottom of THIS interface
             )
 
-demo.launch()
+# Crucial step: Launch the demo with share=True
+demo.launch(share=True)