Update v1.txt

v1.txt

@@ -37,7 +37,7 @@ def generate_systematic_review(pdf_files, review_question, include_tables=True):
         openai.api_key = api_key
         
         # Create the system message with systematic review guidelines
-        system_prompt = """
+        system_prompt = """You are an expert academic assistant. Create a systematic review in HTML format using <h2>, <h3>, <p>, <ul>, and <table> tags. The Systematic Review must be in great details. Structure it using these steps:
         Step 1: Identify a Research Field
         The first step in writing a systematic review paper is to identify a research field. This involves selecting a specific area of study that you are interested in and want to explore further.
         
@@ -105,12 +105,21 @@ def generate_systematic_review(pdf_files, review_question, include_tables=True):
         response = openai.ChatCompletion.create(
             model="gpt-4.1",
             messages=messages,
-            temperature=1,
+            temperature=0.7,
             top_p=1,
-            max_tokens=2048
+            max_tokens=16384
         )
         
-        return response["choices"][0]["message"]["content"]
+        # Format the response in HTML
+        review_content = response["choices"][0]["message"]["content"]
+        
+        # Create a basic HTML structure
+        html_output = f"""
+        <h2>Systematic Review</h2>
+        <p>{review_content}</p>
+        """
+        
+        return html_output
     
     except Exception as e:
         return f"Error generating systematic review: {str(e)}"
@@ -130,12 +139,39 @@ def save_uploaded_files(files):
     
     return saved_paths
 
+# Add CSS styling
+custom_css = """
+<style>
+    #generate_button {
+        background: linear-gradient(135deg, #4a00e0 0%, #8e2de2 100%); /* Purple gradient */
+        color: white;
+        font-weight: bold;
+    }
+    #generate_button:hover {
+        background: linear-gradient(135deg, #5b10f1 0%, #9f3ef3 100%); /* Slightly lighter */
+    }
+    #api_key_button {
+        background: linear-gradient(135deg, #68d391 0%, #48bb78 100%); /* Green gradient */
+        color: white;
+        font-weight: bold;
+        margin-top: 27px;
+    }
+    #api_key_button:hover {
+        background: linear-gradient(135deg, #38a169 0%, #68d391 100%); /* Slightly darker green */
+    }
+    .gradio-container {
+        font-family: 'Arial', sans-serif;
+        background-color: #f0f4f8;
+    }
+</style>
+"""
+
 # Gradio UI Layout
-with gr.Blocks() as demo:
+with gr.Blocks(css=custom_css) as demo:
     gr.Markdown("# Systematic Review Generator for Research Papers")
     
     with gr.Accordion("How to Use This App", open=True):
-        gr.Markdown("""
+        gr.Markdown(""" 
         ### Getting Started:
         1. Enter your OpenAI API key in the field below and click "Set API Key"
         2. Upload multiple PDF research papers (2 or more recommended)
@@ -160,12 +196,12 @@ with gr.Blocks() as demo:
     with gr.Row():
         with gr.Column():
             pdf_files = gr.File(label="Upload PDF Research Papers", file_count="multiple", type="binary")
-            review_question = gr.Textbox(label="Review Question or Topic", placeholder="What are the current advances in GAN applications for speech processing?")
+            review_question = gr.Textbox(label="Review Question or Topic", value="Please Generate a systematic review of the following papers.")
             include_tables = gr.Checkbox(label="Include Comparison Tables", value=True)
             generate_button = gr.Button("Generate Systematic Review", elem_id="generate_button")
         
     # Output
-    review_output = gr.Textbox(label="Systematic Review", interactive=False, lines=20)
+    review_output = gr.HTML(label="Systematic Review")
     
     # Button actions
     api_key_button.click(set_api_key, inputs=[api_key_input], outputs=[api_key_output])
@@ -196,32 +232,6 @@ with gr.Blocks() as demo:
         outputs=[review_output]
     )
 
-# Add CSS styling
-css = """
-<style>
-    #generate_button {
-        background: linear-gradient(135deg, #4a00e0 0%, #8e2de2 100%); /* Purple gradient */
-        color: white;
-        font-weight: bold;
-    }
-    #generate_button:hover {
-        background: linear-gradient(135deg, #5b10f1 0%, #9f3ef3 100%); /* Slightly lighter */
-    }
-    #api_key_button {
-        background: linear-gradient(135deg, #68d391 0%, #48bb78 100%); /* Green gradient */
-        color: white;
-        font-weight: bold;
-        margin-top: 27px;
-    }
-    #api_key_button:hover {
-        background: linear-gradient(135deg, #38a169 0%, #68d391 100%); /* Slightly darker green */
-    }
-    .gradio-container {
-        max-width: 1200px !important;
-    }
-</style>
-"""
-
 # Launch the app
 if __name__ == "__main__":
     demo.launch(share=True)