Update app.py

app.py

@@ -1077,17 +1077,13 @@ def hello_world():
 
 def process_markdown(markdown_text, page_size, font_size, font_name, 
                     margin_size, include_toc, color_theme, use_ai, 
-                    enhancement_instructions=None, processing_status=None):
+                    enhancement_instructions=None):
     """
     Process markdown text and generate a PDF.
     
     Returns:
         Path to generated PDF file
     """
-    # Update status
-    if processing_status:
-        processing_status.update(value="Starting conversion process...")
-    
     # Create a temporary file for the output
     temp_file = tempfile.NamedTemporaryFile(delete=False, suffix=".pdf")
     output_path = temp_file.name
@@ -1096,10 +1092,6 @@ def process_markdown(markdown_text, page_size, font_size, font_name,
     # Initialize the agent
     agent = MarkdownToPDFAgent()
     
-    # Update status
-    if processing_status:
-        processing_status.update(value="Setting up converter...")
-    
     # Configure converter
     agent.converter = MarkdownToPDFConverter(
         output_path=output_path,
@@ -1115,21 +1107,12 @@ def process_markdown(markdown_text, page_size, font_size, font_name,
     enhance = False
     
     if use_ai:
-        if processing_status:
-            processing_status.update(value="Setting up AI enhancement...")
-            
         # Use the API key from Hugging Face secrets if available
         api_key = GEMINI_API_KEY
         
         if api_key:
-            if processing_status:
-                processing_status.update(value="Connecting to Google Gemini API...")
-            
             success = agent.setup_from_gemini(api_key)
             enhance = success
-            
-            if not success and processing_status:
-                processing_status.update(value="Failed to connect to Google Gemini API. Converting without enhancement...")
     
     try:
         # Create a temporary file for the markdown content
@@ -1137,11 +1120,6 @@ def process_markdown(markdown_text, page_size, font_size, font_name,
             temp_md_path = temp_md_file.name
             temp_md_file.write(markdown_text.encode('utf-8'))
         
-        # Update status
-        if processing_status:
-            status_message = "Enhancing markdown content..." if enhance else "Converting markdown to PDF..."
-            processing_status.update(value=status_message)
-        
         # Process the file
         output_file = agent.process_file(
             temp_md_path,
@@ -1155,28 +1133,18 @@ def process_markdown(markdown_text, page_size, font_size, font_name,
         # Remove the temporary md file
         os.unlink(temp_md_path)
         
-        # Update status
-        if processing_status:
-            processing_status.update(value="Conversion complete! Your PDF is ready.")
-            time.sleep(1)  # Give user time to see the completion message
-            processing_status.update(value="")  # Clear the status
-        
         if output_file:
             return output_file
         else:
             return None
     except Exception as e:
         logger.error(f"Error processing markdown: {e}")
-        if processing_status:
-            processing_status.update(value=f"Error: {str(e)}")
-            time.sleep(2)  # Show error briefly
-            processing_status.update(value="")  # Clear the status
         return None
 
 def upload_handler(files):
     """Handle file uploads and extract markdown content"""
     if not files:
-        return "No file uploaded"
+        return ""
     
     # Get the first file
     file = files[0]
@@ -1219,28 +1187,10 @@ custom_css = """
     color: #6c757d;
 }
 
-.status-message {
-    padding: 0.75rem;
-    border-radius: 0.5rem;
-    margin-top: 1rem;
-    background-color: #e8f5e9;
-    color: #2E7D32;
-    text-align: center;
-    min-height: 1.5rem;
-    transition: opacity 0.3s;
-}
-
 .template-selector {
     margin-bottom: 1rem;
 }
 
-.processing-message {
-    padding: 0.5rem;
-    font-style: italic;
-    color: #1976D2;
-    text-align: center;
-}
-
 footer {
     text-align: center;
     margin-top: 2rem;
@@ -1257,7 +1207,7 @@ footer {
 }
 """
 
-# Define the Gradio interface
+# Define the Gradio interface - Using a simpler structure without tabs to fix the error
 with gr.Blocks(title="MarkdownMuse", css=custom_css, theme=gr.themes.Soft()) as app:
     # App header
     gr.HTML(
@@ -1269,57 +1219,38 @@ with gr.Blocks(title="MarkdownMuse", css=custom_css, theme=gr.themes.Soft()) as
         """
     )
     
-    # Create tabs for different input methods
-    with gr.Tabs() as tabs:
-        with gr.Tab("📝 Write Markdown"):
-            with gr.Row():
-                with gr.Column():
-                    # Sample template selector
-                    template_selector = gr.Dropdown(
-                        choices=["Basic", "Report", "Documentation", "Article"],
-                        value="Basic",
-                        label="Choose a template",
-                        elem_classes="template-selector"
-                    )
-                    sample_btn = gr.Button("📋 Load Template")
-                    
-                    # Markdown input
-                    markdown_input = gr.TextArea(
-                        placeholder="Enter your markdown content here...", 
-                        label="Markdown Content",
-                        lines=15
-                    )
-                    
-                    # Status message
-                    processing_status = gr.Textbox(
-                        label="Status",
-                        value="",
-                        elem_classes="status-message"
-                    )
-                    
-        with gr.Tab("📂 Upload Markdown"):
-            with gr.Row():
-                with gr.Column():
-                    # File upload
-                    uploaded_file = gr.File(
-                        label="Upload Markdown File", 
-                        file_types=[".md", ".markdown", ".txt"],
-                        file_count="single"
-                    )
-                    
-                    upload_btn = gr.Button("📤 Load from File")
-                    
-                    # Markdown input (same as in Write tab)
-                    upload_markdown_input = gr.TextArea(
-                        placeholder="Content from uploaded file will appear here...", 
-                        label="Markdown Content",
-                        lines=15
-                    )
-    
-    # Settings panel
-    with gr.Accordion("⚙️ PDF Settings", open=False):
-        with gr.Row():
-            with gr.Column():
+    # Two column layout - left for input, right for templates/settings
+    with gr.Row():
+        # Left column - Main input
+        with gr.Column(scale=3):
+            markdown_input = gr.TextArea(
+                placeholder="Enter your markdown content here...", 
+                label="Markdown Content",
+                lines=20,
+                elem_id="markdown-input"
+            )
+            
+            # Upload file option
+            gr.Markdown("### 📤 Or upload a file")
+            uploaded_file = gr.File(
+                label="Upload Markdown File", 
+                file_types=[".md", ".markdown", ".txt"],
+                file_count="single"
+            )
+            upload_btn = gr.Button("Load from File")
+            
+        # Right column - Templates and settings
+        with gr.Column(scale=1):
+            gr.Markdown("### 📋 Templates")
+            template_selector = gr.Dropdown(
+                choices=["Basic", "Report", "Documentation", "Article"],
+                value="Basic",
+                label="Choose a template",
+                elem_classes="template-selector"
+            )
+            sample_btn = gr.Button("Load Template")
+            
+            with gr.Accordion("⚙️ PDF Settings", open=True):
                 page_size = gr.Radio(
                     ["A4", "Letter"], 
                     label="Page Size",
@@ -1333,8 +1264,7 @@ with gr.Blocks(title="MarkdownMuse", css=custom_css, theme=gr.themes.Soft()) as
                     step=1, 
                     label="Base Font Size (pt)"
                 )
-            
-            with gr.Column():
+                
                 font_name = gr.Dropdown(
                     ["Helvetica", "Times-Roman", "Courier"], 
                     label="Font Family",
@@ -1349,42 +1279,36 @@ with gr.Blocks(title="MarkdownMuse", css=custom_css, theme=gr.themes.Soft()) as
                     label="Margins (inches)"
                 )
                 
-        with gr.Row():
-            with gr.Column():
                 include_toc = gr.Checkbox(
                     value=True, 
                     label="Include Table of Contents"
                 )
-            
-            with gr.Column():
+                
                 color_theme = gr.Dropdown(
                     ["Default", "Modern", "Professional", "Creative", "Elegant"],
                     value="Modern",
                     label="Color Theme"
                 )
                 
-    # AI Enhancement panel            
-    with gr.Accordion("🧠 AI Enhancement", open=False):
-        with gr.Row():
-            with gr.Column():
+            with gr.Accordion("🧠 AI Enhancement", open=False):
                 use_ai = gr.Checkbox(
                     value=True,
-                    label="Enable AI Enhancement with Google Gemini"
+                    label="Enable AI Enhancement"
                 )
                 
-                # Show API key status (using the environment variable)
+                # Show API key status
                 api_status = "API Key: Available from Hugging Face Secrets" if GEMINI_API_KEY else "API Key: Not configured"
                 gr.Markdown(f"**{api_status}**")
                 
                 enhancement_instructions = gr.TextArea(
                     placeholder="Optional: Provide specific instructions for how the AI should enhance your markdown...",
-                    label="Enhancement Instructions (Optional)",
+                    label="Enhancement Instructions",
                     lines=3,
                     visible=True
                 )
     
     # Convert button and output
-    convert_btn = gr.Button("🔄 Convert to PDF", variant="primary")
+    convert_btn = gr.Button("🔄 Convert to PDF", variant="primary", size="lg")
     output_pdf = gr.File(label="Generated PDF")
     
     # Set up event handlers
@@ -1397,29 +1321,14 @@ with gr.Blocks(title="MarkdownMuse", css=custom_css, theme=gr.themes.Soft()) as
     upload_btn.click(
         upload_handler,
         inputs=[uploaded_file],
-        outputs=upload_markdown_input
+        outputs=markdown_input
     )
     
-    # Function to determine which markdown input to use
-    def get_active_markdown(tab_index, write_markdown, upload_markdown):
-        if tab_index == 0:  # Write tab
-            return write_markdown
-        else:  # Upload tab
-            return upload_markdown
-    
     # Connect the conversion button to the processing function
     convert_btn.click(
-        lambda tab_index, write_md, upload_md, page_size, font_size, font_name, 
-               margin_size, include_toc, color_theme, use_ai, enhancement_instructions, processing_status: 
-            process_markdown(
-                get_active_markdown(tab_index, write_md, upload_md),
-                page_size, font_size, font_name, margin_size, include_toc, 
-                color_theme, use_ai, enhancement_instructions, processing_status
-            ),
+        process_markdown,
         inputs=[
-            tabs,
             markdown_input,
-            upload_markdown_input,
             page_size,
             font_size,
             font_name,
@@ -1427,8 +1336,7 @@ with gr.Blocks(title="MarkdownMuse", css=custom_css, theme=gr.themes.Soft()) as
             include_toc,
             color_theme,
             use_ai,
-            enhancement_instructions,
-            processing_status
+            enhancement_instructions
         ],
         outputs=output_pdf
     )