Update app.py

app.py

@@ -16,57 +16,59 @@ example_texts = [
     ["Climate change is one of the most pressing issues of our time. Rising global temperatures, melting ice caps, and extreme weather events are just some of the impacts being observed. Scientists and policymakers are working together to find sustainable solutions to mitigate its effects and protect the planet for future generations."]
 ]
 
-# Create a Gradio interface
-iface = gr.Interface(
-    fn=summarize_text,
-    inputs=[
-        gr.inputs.Textbox(lines=10, label="Enter Text to Summarize", placeholder="Type or paste your article here..."),
-        gr.inputs.Slider(50, 200, step=10, default=100, label="Max Length of Summary"),
-        gr.inputs.Slider(20, 100, step=10, default=50, label="Min Length of Summary")
-    ],
-    outputs=gr.outputs.Textbox(label="Summarized Text"),
-    title="📄 Text Summarization App",
-    description="This app generates a concise summary for long-form text (articles, reports, books, etc.). Adjust the sliders to control the length of the summary. Powered by Hugging Face's BART model.",
-    examples=example_texts,
-    theme="huggingface",
-    live=True,
-    allow_flagging="never"
-)
+# Create a Gradio interface with modern syntax
+with gr.Blocks(theme=gr.themes.HuggingFace()) as iface:
+    gr.Markdown("# 📄 Text Summarization App")
+    gr.Markdown("This app generates a concise summary for long-form text (articles, reports, books, etc.). Adjust the sliders to control the length of the summary. Powered by Hugging Face's BART model.")
+    
+    with gr.Row():
+        with gr.Column():
+            input_text = gr.Textbox(
+                lines=10,
+                label="Enter Text to Summarize",
+                placeholder="Type or paste your article here...",
+                elem_classes="input_textbox"
+            )
+            max_length = gr.Slider(
+                minimum=50,
+                maximum=200,
+                value=100,
+                step=10,
+                label="Max Length of Summary",
+                elem_classes="input_slider"
+            )
+            min_length = gr.Slider(
+                minimum=20,
+                maximum=100,
+                value=50,
+                step=10,
+                label="Min Length of Summary",
+                elem_classes="input_slider"
+            )
+        
+        with gr.Column():
+            output_text = gr.Textbox(
+                label="Summarized Text",
+                elem_classes="output_textbox"
+            )
+    
+    # Add examples
+    gr.Examples(
+        examples=example_texts,
+        inputs=[input_text],
+        examples_per_page=3
+    )
+    
+    # Create the submit button
+    input_text.submit(
+        fn=summarize_text,
+        inputs=[input_text, max_length, min_length],
+        outputs=output_text
+    )
 
-# Custom styling for enhanced aesthetics
-iface.launch(share=True, server_port=7860, inline=True, 
-             server_name="0.0.0.0",
-             style={
-                "title": {
-                    "color": "#5A67D8", 
-                    "font-weight": "bold"
-                },
-                "description": {
-                    "color": "#4A5568", 
-                    "font-size": "1.1em"
-                },
-                "input_textbox": {
-                    "background-color": "#EDF2F7",
-                    "border-radius": "8px",
-                    "font-family": "sans-serif"
-                },
-                "input_slider": {
-                    "background-color": "#CBD5E0",
-                    "border-radius": "4px"
-                },
-                "output_textbox": {
-                    "background-color": "#E2E8F0",
-                    "font-family": "serif"
-                },
-                "examples": {
-                    "background-color": "#E2E8F0",
-                    "border-radius": "6px"
-                },
-                "button": {
-                    "background-color": "#4299E1",
-                    "color": "#FFF",
-                    "font-weight": "bold",
-                    "border-radius": "6px"
-                }
-            }
-)
+# Launch the app
+iface.launch(
+    share=True,
+    server_port=7860,
+    server_name="0.0.0.0"
+)