Update app.py

app.py

@@ -6,7 +6,7 @@ import warnings
 warnings.filterwarnings('ignore')
 
 api_key = os.getenv("api_key")
-my_llm = LLM(
+llm = LLM(
               model='gemini/gemini-1.5-flash',
               api_key=api_key
             )
@@ -264,6 +264,15 @@ def create_gradio_app():
         .gradio-button:hover {
             background-color: #45a049;
         }
+        #output-box {
+            height: 600px;
+            overflow-y: scroll;
+            padding: 20px;
+            background-color: white;
+            border: 1px solid #ccc;
+            border-radius: 12px;
+            box-shadow: 0 2px 10px rgba(0,0,0,0.05);
+        }
     """) as demo:
         gr.Markdown("<div class='main-title'>Fantasy Novel Outline Generator</div>")
         gr.Markdown("<div class='sub-title'>Turn your novel idea into a rich, detailed outline with AI-powered agents.</div>")
@@ -280,9 +289,9 @@ def create_gradio_app():
                 generate_btn = gr.Button("Generate Outline", elem_classes="gradio-button")
 
             with gr.Column(scale=2):
-                output_html = gr.HTML(label="AI-Generated Outline")
+                output_html = gr.HTML(label="AI-Generated Outline", elem_id="output-box")
 
-        # Button logic - corrected version
+        # Button logic
         generate_btn.click(
             fn=lambda idea: format_output(generate_fantasy_outline(idea)),
             inputs=[user_idea],
@@ -291,4 +300,5 @@ def create_gradio_app():
 
     demo.launch()
 
+
 create_gradio_app()