Update app.py

app.py

@@ -25,66 +25,6 @@ def zeroShotClassification(text_input, candidate_labels):
     
     return results, markdown_output
 
-# More diverse examples
-examples = [
-    ["One day I will see the world", "travel, adventure, dreams, future"],
-    ["The movie had amazing special effects but a weak plot", "entertainment, technology, criticism, story"],
-    ["This new phone has an amazing camera and great battery life", "technology, photography, consumer, review"],
-    ["Mix flour, sugar, and eggs until well combined", "cooking, baking, instructions, food"],
-    ["Scientists discovered a new species of butterfly in the Amazon", "science, nature, discovery, environment"],
-    ["The team scored in the final minute to win the championship", "sports, victory, competition, excitement"],
-    ["The painting uses vibrant colors to express deep emotions", "art, emotion, creativity, analysis"],
-]
-
-# Custom CSS with modern design
-custom_css = """
-footer {display:none !important}
-.output-markdown{display:none !important}
-.gradio-container {
-    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
-    max-width: 1200px !important;
-}
-.gr-button-primary {
-    background: linear-gradient(90deg, #11142D, #253885) !important;
-    border: none !important;
-    color: white !important;
-    border-radius: 12px !important;
-    transition: all 0.3s ease !important;
-}
-.gr-button-primary:hover {
-    transform: translateY(-2px) !important;
-    box-shadow: 0 4px 12px rgba(17, 20, 45, 0.3) !important;
-    background: linear-gradient(90deg, #253885, #4285F4) !important;
-}
-.gr-input, .gr-textarea {
-    border-radius: 8px !important;
-    border: 2px solid #E2E8F0 !important;
-    padding: 12px !important;
-    font-size: 16px !important;
-}
-.gr-input:focus, .gr-textarea:focus {
-    border-color: #253885 !important;
-    box-shadow: 0 0 0 3px rgba(37, 56, 133, 0.2) !important;
-}
-.gr-panel {
-    border-radius: 16px !important;
-    box-shadow: 0 4px 15px -1px rgba(0, 0, 0, 0.1) !important;
-    background: white !important;
-}
-.gr-box {
-    border-radius: 12px !important;
-    background: white !important;
-}
-.markdown-text {
-    font-size: 16px !important;
-    line-height: 1.6 !important;
-}
-.example-text {
-    font-family: 'Inter', sans-serif !important;
-    color: #11142D !important;
-}
-"""
-
 # Create the interface
 demo = gr.Interface(
     fn=zeroShotClassification,
@@ -108,7 +48,7 @@ demo = gr.Interface(
     ],
     title="🤖 Zero-Shot Text Classification with ModernBERT",
     description="""
-    Classify any text into categories of your choice with ModernBERT 
+    Classify any text into categories of your choice using advanced AI! 
     
     **How to use:**
     1. Enter your text in the first box
@@ -117,8 +57,63 @@ demo = gr.Interface(
     
     Try the examples below or create your own classifications!
     """,
-    examples=examples,
-    css=custom_css,
+    examples=[
+        ["One day I will see the world", "travel, adventure, dreams, future"],
+        ["The movie had amazing special effects but a weak plot", "entertainment, technology, criticism, story"],
+        ["This new phone has an amazing camera and great battery life", "technology, photography, consumer, review"],
+        ["Mix flour, sugar, and eggs until well combined", "cooking, baking, instructions, food"],
+        ["Scientists discovered a new species of butterfly in the Amazon", "science, nature, discovery, environment"],
+        ["The team scored in the final minute to win the championship", "sports, victory, competition, excitement"],
+        ["The painting uses vibrant colors to express deep emotions", "art, emotion, creativity, analysis"]
+    ],
+    cache_examples=False,  # Disable caching to prevent the error
+    css="""
+    footer {display:none !important}
+    .output-markdown{display:none !important}
+    .gradio-container {
+        font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
+        max-width: 1200px !important;
+    }
+    .gr-button-primary {
+        background: linear-gradient(90deg, #11142D, #253885) !important;
+        border: none !important;
+        color: white !important;
+        border-radius: 12px !important;
+        transition: all 0.3s ease !important;
+    }
+    .gr-button-primary:hover {
+        transform: translateY(-2px) !important;
+        box-shadow: 0 4px 12px rgba(17, 20, 45, 0.3) !important;
+        background: linear-gradient(90deg, #253885, #4285F4) !important;
+    }
+    .gr-input, .gr-textarea {
+        border-radius: 8px !important;
+        border: 2px solid #E2E8F0 !important;
+        padding: 12px !important;
+        font-size: 16px !important;
+    }
+    .gr-input:focus, .gr-textarea:focus {
+        border-color: #253885 !important;
+        box-shadow: 0 0 0 3px rgba(37, 56, 133, 0.2) !important;
+    }
+    .gr-panel {
+        border-radius: 16px !important;
+        box-shadow: 0 4px 15px -1px rgba(0, 0, 0, 0.1) !important;
+        background: white !important;
+    }
+    .gr-box {
+        border-radius: 12px !important;
+        background: white !important;
+    }
+    .markdown-text {
+        font-size: 16px !important;
+        line-height: 1.6 !important;
+    }
+    .example-text {
+        font-family: 'Inter', sans-serif !important;
+        color: #11142D !important;
+    }
+    """,
     theme=gr.themes.Soft()
 )