Update app.py

app.py

@@ -772,7 +772,7 @@ classifier = TextClassifier()
 
 # Create Gradio interface with a file upload button matched to the radio buttons
 def create_interface():
-    # Custom CSS for the interface - simplified to focus on essential styling
+    # Custom CSS for the interface
     css = """
     #analyze-btn {
         background-color: #FF8C00 !important;
@@ -780,30 +780,46 @@ def create_interface():
         color: white !important;
     }
     
-    /* Style file upload button container */
-    .upload-btn-container {
-        display: inline-block;
-        margin-left: 15px;
-        vertical-align: middle;
+    /* Style the file upload to be more compact */
+    .file-upload {
+        width: 150px !important;
+        margin-left: 15px !important;
     }
     
-    /* Target Gradio's file upload component */
-    .upload-btn-container > div {
-        width: 150px !important;
-        box-sizing: border-box !important;
+    /* Hide file preview elements */
+    .file-upload .file-preview,
+    .file-upload p:not(.file-upload p:first-child),
+    .file-upload svg,
+    .file-upload [data-testid="chunkFileDropArea"],
+    .file-upload .file-drop {
+        display: none !important;
     }
     
-    /* Fix the height to match radio buttons */
-    .upload-btn-container button {
+    /* Style the upload button */
+    .file-upload button {
         height: 40px !important;
-        border-radius: 4px !important;
+        width: 100% !important;
         background-color: #f0f0f0 !important;
-        color: #333 !important;
         border: 1px solid #d9d9d9 !important;
+        border-radius: 4px !important;
+        color: #333 !important;
         font-size: 14px !important;
-        line-height: normal !important;
-        padding: 8px 12px !important;
+        display: flex !important;
+        align-items: center !important;
+        justify-content: center !important;
         margin: 0 !important;
+        padding: 0 !important;
+    }
+    
+    /* Hide the "or" text */
+    .file-upload .or {
+        display: none !important;
+    }
+    
+    /* Make the container compact */
+    .file-upload [data-testid="block"] {
+        margin: 0 !important;
+        padding: 0 !important;
     }
     """
     
@@ -825,7 +841,7 @@ def create_interface():
                 gr.Markdown("Analysis Mode")
                 gr.Markdown("Quick mode for faster analysis. Detailed mode for sentence-level analysis.")
                 
-                # Simple row layout for radio buttons
+                # Simple row layout for radio buttons and file upload
                 with gr.Row():
                     mode_selection = gr.Radio(
                         choices=["quick", "detailed"],
@@ -834,13 +850,13 @@ def create_interface():
                         show_label=False
                     )
                     
-                    # File upload in a custom-styled container
-                    with gr.Column(elem_classes=["upload-btn-container"], scale=0):
-                        file_upload = gr.UploadButton(
-                            label="Upload Document",
-                            file_types=["image", "pdf", "doc", "docx"],
-                            size="sm"
-                        )
+                    # Revert to File component but with better styling
+                    file_upload = gr.File(
+                        file_types=["image", "pdf", "doc", "docx"],
+                        type="binary",
+                        label="Upload Document",
+                        elem_classes=["file-upload"]
+                    )
                 
                 # Analyze button
                 analyze_btn = gr.Button("Analyze Text", elem_id="analyze-btn")
@@ -858,9 +874,9 @@ def create_interface():
             outputs=[output_html, output_sentences, output_result]
         )
         
-        # Connect file upload
-        file_upload.upload(
-            fn=lambda file, mode: handle_file_upload_and_analyze(file, mode, classifier),
+        # Use the original file upload handler
+        file_upload.change(
+            fn=handle_file_upload_and_analyze,
             inputs=[file_upload, mode_selection],
             outputs=[output_html, output_sentences, output_result]
         )