Update Gradio version

README.md

@@ -4,7 +4,7 @@ emoji: 🏢
 colorFrom: yellow
 colorTo: green
 sdk: gradio
-sdk_version: 5.32.0
+sdk_version: 6.2.0
 app_file: app.py
 pinned: false
 license: mit

app.py

@@ -50,29 +50,30 @@ if gr.NO_RELOAD:
         )
 
 
-# Setup theme without background image
-my_theme = gr.Theme.from_hub("NoCrypt/miku")
-my_theme.set(body_background_fill="#FFFFFF", body_background_fill_dark="#000000")
-
-# Define the HTML for Font Awesome
-font_awesome_html = '<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" rel="stylesheet">'
-
 # Gradio interface setup
-with gr.Blocks(theme=my_theme, head=font_awesome_html) as demo:
+with gr.Blocks() as demo:
 
     # Layout
     with gr.Row():
         with gr.Column(scale=3):
             with gr.Row():
-                gr.Markdown("# AI4citations")
-                gr.Markdown(
-                    "## *AI-powered citation verification* ([more info](https://github.com/jedick/AI4citations))"
-                )
-            claim = gr.Textbox(
-                label="Claim",
-                info="aka hypothesis",
-                placeholder="Input claim",
-            )
+                with gr.Column(scale=2):
+                    gr.Markdown(
+                        """
+                    # AI4citations: AI-powered citation verification
+                    1. Input a **Claim**
+                    2. **Upload a PDF** or input **Evidence**
+                    3. Make the prediction:
+                        - Click **Get Evidence and Submit** (with PDF)
+                        - Or press **Shift-Enter** in any text box
+                    """
+                    )
+                with gr.Column(scale=3):
+                    claim = gr.TextArea(
+                        label="Claim",
+                        info="aka hypothesis",
+                        placeholder="1. Input a claim",
+                    )
             with gr.Row():
                 with gr.Column(scale=2):
                     with gr.Accordion("Get Evidence from PDF"):
@@ -86,7 +87,6 @@ with gr.Blocks(theme=my_theme, head=font_awesome_html) as demo:
                                 label="Retrieval Method",
                                 info="Keyword search (BM25S) or AI (DeBERTa, GPT)",
                             )
-                        get_evidence = gr.Button(value="Get Evidence")
                         top_k = gr.Slider(
                             1,
                             10,
@@ -94,40 +94,28 @@ with gr.Blocks(theme=my_theme, head=font_awesome_html) as demo:
                             step=1,
                             label="Top k sentences",
                         )
+                        get_evidence = gr.Button(value="Get Evidence and Submit")
                 with gr.Column(scale=3):
                     evidence = gr.TextArea(
                         label="Evidence",
                         info="aka premise",
-                        placeholder="Input evidence or use Get Evidence from PDF",
+                        placeholder="2. Input evidence or use Get Evidence from PDF",
                     )
                     with gr.Row():
                         prompt_tokens = gr.Number(label="Prompt tokens", visible=False)
                         completion_tokens = gr.Number(
                             label="Completion tokens", visible=False
                         )
-                    gr.Markdown(
-                        """
-                    ### App Usage:
-
-                    - Input a **Claim**, then:
-                        - Upload a PDF and click **Get Evidence** OR
-                        - Input **Evidence** statements yourself
-                    - Make the **Prediction**:
-                        - Hit 'Enter' in the **Claim** text box OR
-                        - Hit 'Shift-Enter' in the **Evidence** text box OR
-                        - Click **Get Evidence**
-                    """
-                    )
-            with gr.Accordion("Sources", open=False):
+            with gr.Accordion("More info", open=True):
                 gr.Markdown(
                     """
-                #### *Capstone project*
+                #### *MLE capstone project*
                 - <i class="fa-brands fa-github"></i> [jedick/MLE-capstone-project](https://github.com/jedick/MLE-capstone-project) (project repo)
                 - <i class="fa-brands fa-github"></i> [jedick/AI4citations](https://github.com/jedick/AI4citations) (app repo)
-                #### *Text Classification*
+                #### *Text classification*
                 - <img src="https://huggingface.co/datasets/huggingface/brand-assets/resolve/main/hf-logo.svg" style="height: 1.2em; display: inline-block;"> [jedick/DeBERTa-v3-base-mnli-fever-anli-scifact-citint](https://huggingface.co/jedick/DeBERTa-v3-base-mnli-fever-anli-scifact-citint) (fine-tuned)
                 - <img src="https://huggingface.co/datasets/huggingface/brand-assets/resolve/main/hf-logo.svg" style="height: 1.2em; display: inline-block;"> [MoritzLaurer/DeBERTa-v3-base-mnli-fever-anli](https://huggingface.co/MoritzLaurer/DeBERTa-v3-base-mnli-fever-anli) (base)
-                #### *Evidence Retrieval*
+                #### *Evidence retrieval*
                 - <i class="fa-brands fa-github"></i> [xhluca/bm25s](https://github.com/xhluca/bm25s) (BM25S)
                 - <img src="https://huggingface.co/datasets/huggingface/brand-assets/resolve/main/hf-logo.svg" style="height: 1.2em; display: inline-block;"> [deepset/deberta-v3-large-squad2](https://huggingface.co/deepset/deberta-v3-large-squad2) (DeBERTa)
                 - <img src="https://upload.wikimedia.org/wikipedia/commons/4/4d/OpenAI_Logo.svg" style="height: 1.2em; display: inline-block;"> [gpt-4o-mini-2024-07-18](https://platform.openai.com/docs/pricing) (GPT)
@@ -493,4 +481,13 @@ with gr.Blocks(theme=my_theme, head=font_awesome_html) as demo:
 
 if __name__ == "__main__":
     # allowed_paths is needed to upload PDFs from specific example directory
-    demo.launch(allowed_paths=[f"{os.getcwd()}/examples/retrieval"])
+    allowed_paths=[f"{os.getcwd()}/examples/retrieval"]
+
+    # Setup theme without background image
+    theme = gr.Theme.from_hub("NoCrypt/miku")
+    theme.set(body_background_fill="#FFFFFF", body_background_fill_dark="#000000")
+
+    # Define the HTML for Font Awesome
+    head = '<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" rel="stylesheet">'
+
+    demo.launch(allowed_paths=allowed_paths, theme=theme, head=head)