Update app.py

app.py

@@ -9,8 +9,9 @@ from pathlib import Path
 md = MarkItDown()
 
 # Configure Gemini AI
-genai.configure(api_key=os.getenv('GEMINI_KEY'))
-model = genai.GenerativeModel('gemini-1.5-flash')
+GOOGLE_API_KEY = "your_api_key_here"  # Replace with your actual API key
+genai.configure(api_key=GOOGLE_API_KEY)
+model = genai.GenerativeModel('gemini-pro')
 
 def process_with_markitdown(input_path):
     """Process file or URL with MarkItDown and return text content"""
@@ -85,19 +86,23 @@ async def process_input(input_text, uploaded_file=None):
     except Exception as e:
         return f"Error processing input: {str(e)}"
 
+# Custom CSS for drag-and-drop styling
+custom_css = """
+.upload-box { 
+    border: 2px dashed #ccc !important;
+    border-radius: 8px !important;
+    padding: 20px !important;
+    text-align: center !important;
+    transition: all 0.3s ease !important;
+}
+.upload-box:hover {
+    border-color: #666 !important;
+    background-color: rgba(0, 0, 0, 0.05) !important;
+}
+"""
+
 # Create Gradio interface with drag-and-drop
-with gr.Blocks(css="""
-    .upload-box { 
-        border: 2px dashed #ccc;
-        border-radius: 8px;
-        padding: 20px;
-        text-align: center;
-        transition: border-color 0.3s ease;
-    }
-    .upload-box:hover, .upload-box.dragover {
-        border-color: #666;
-    }
-""") as iface:
+with gr.Blocks(css=custom_css) as iface:
     gr.Markdown("# Text Summarization Tool")
     gr.Markdown("Enter a URL, paste text, or drag & drop a file to get a summary.")
     
@@ -126,35 +131,15 @@ with gr.Blocks(css="""
     
     output_text = gr.Textbox(label="Summary", lines=10)
     
-    # Add JavaScript for drag-and-drop highlighting
-    gr.JS("""
-        function setupDragDrop() {
-            const uploadBox = document.querySelector('.upload-box');
-            
-            ['dragenter', 'dragover'].forEach(eventName => {
-                uploadBox.addEventListener(eventName, (e) => {
-                    e.preventDefault();
-                    uploadBox.classList.add('dragover');
-                });
-            });
-            
-            ['dragleave', 'drop'].forEach(eventName => {
-                uploadBox.addEventListener(eventName, (e) => {
-                    e.preventDefault();
-                    uploadBox.classList.remove('dragover');
-                });
-            });
-        }
-        
-        // Call setup when the page loads
-        if (document.readyState === 'complete') {
-            setupDragDrop();
-        } else {
-            window.addEventListener('load', setupDragDrop);
-        }
-    """)
+    # Event handlers for drag and drop using Gradio's event system
+    file_upload.upload(
+        fn=lambda: None,
+        inputs=None,
+        outputs=None,
+        _js="() => {document.querySelector('.upload-box').classList.remove('dragover');}"
+    )
     
-    # Set up event handlers
+    # Set up event handlers for the buttons
     submit_btn.click(
         fn=process_input,
         inputs=[input_text, file_upload],
@@ -175,6 +160,3 @@ with gr.Blocks(css="""
         ],
         inputs=input_text
     )
-
-if __name__ == "__main__":
-    iface.launch()