Update app.py

app.py

@@ -45,30 +45,30 @@ def process_text(text, task):
     }
     return task_funcs.get(task, lambda x: "Invalid Task")(text)
 
-# Task-specific examples with clear labels
+# Task-specific examples with clear labels for each task
 examples = [
-    ("Translate English to Bengali", [
+    ["Translate English to Bengali", [
         ["The sky is blue, and the weather is nice."],
         ["Artificial intelligence is shaping the future."],
         ["Bangladesh is known for its rich culture and heritage."]
-    ]),
-    ("Translate Bengali to English", [
+    ]],
+    ["Translate Bengali to English", [
         ["বাংলাদেশ দক্ষিণ এশিয়ার একটি সার্বভৌম রাষ্ট্র।"],
         ["ঢাকা বাংলাদেশের রাজধানী।"],
         ["রবীন্দ্রনাথ ঠাকুরের গান বাংলা সংস্কৃতির একটি অবিচ্ছেদ্য অংশ।"]
-    ]),
-    ("Summarize", [
+    ]],
+    ["Summarize", [
         ["The Department of Computer Science and Engineering, established in 1982, was the first of its kind in Bangladesh. "
          "Attracting top students from all over the country, it offers both undergraduate and postgraduate degrees."],
         ["Climate change is one of the biggest challenges we face today. With rising temperatures and unpredictable weather, "
          "the world needs to come together to find sustainable solutions."],
         ["Technology has advanced rapidly over the past decade, with innovations in fields like AI, robotics, and quantum computing."]
-    ]),
-    ("Paraphrase", [
+    ]],
+    ["Paraphrase", [
         ["The cat is sitting on the mat."],
         ["He was very happy to receive the award."],
         ["The weather today is sunny and warm."]
-    ])
+    ]]
 ]
 
 # Enhanced visual layout and interface design
@@ -87,32 +87,29 @@ iface = gr.Interface(
     title="BanglaT5 Model Hub - Translation, Summarization & Paraphrasing",
     description="Explore the power of BanglaT5 with this easy-to-use interface for multiple tasks like translation, summarization, and paraphrasing.",
     theme="huggingface/space-shuttle",
-    examples=[
-        ("Translate English to Bengali", [
-            ["The sky is blue, and the weather is nice."],
-            ["Artificial intelligence is shaping the future."],
-            ["Bangladesh is known for its rich culture and heritage."]
-        ]),
-        ("Translate Bengali to English", [
-            ["বাংলাদেশ দক্ষিণ এশিয়ার একটি সার্বভৌম রাষ্ট্র।"],
-            ["ঢাকা বাংলাদেশের রাজধানী।"],
-            ["রবীন্দ্রনাথ ঠাকুরের গান বাংলা সংস্কৃতির একটি অবিচ্ছেদ্য অংশ।"]
-        ]),
-        ("Summarize", [
-            ["The Department of Computer Science and Engineering, established in 1982, was the first of its kind in Bangladesh. "
-             "Attracting top students from all over the country, it offers both undergraduate and postgraduate degrees."],
-            ["Climate change is one of the biggest challenges we face today. With rising temperatures and unpredictable weather, "
-             "the world needs to come together to find sustainable solutions."],
-            ["Technology has advanced rapidly over the past decade, with innovations in fields like AI, robotics, and quantum computing."]
-        ]),
-        ("Paraphrase", [
-            ["The cat is sitting on the mat."],
-            ["He was very happy to receive the award."],
-            ["The weather today is sunny and warm."]
-        ])
-    ],
+    examples=examples,  # Show examples as per tasks with 3 for each
     allow_flagging="auto",
-    
+    layout="horizontal",  # Adding a horizontal layout for a cleaner design
+    css="""
+        #dropdown-task {
+            color: #2C3E50;
+            font-size: 18px;
+        }
+        .output-area {
+            color: #2C3E50;
+        }
+        .examples {
+            display: grid;
+            grid-template-columns: 1fr 1fr;
+            gap: 20px;
+        }
+        .output-text {
+            background-color: #E8F6F3;
+        }
+        .gr-textbox {
+            border-radius: 10px;
+        }
+    """
 )
 
 # Launch the Gradio app