Update app.py

app.py

@@ -331,88 +331,90 @@ def respond(
     else:
         yield response
 
-custom_css = """
-@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap');
-
-/* Apply Inter font to the entire interface */
-body, .gradio-container {
-    font-family: 'Inter', sans-serif;
-}
-
-/* Additional styling (add any other required custom CSS here) */
-"""
-
-# Gradio chat interface with the updated CSS
-demo = gr.ChatInterface(
-    respond,
-    additional_inputs=[
-        gr.Textbox(
-            value="""You are Xylaria, a math problem-solving AI with adaptive communication.
-
-🧮 CORE PROBLEM-SOLVING PROTOCOLS:
-
-MATHEMATICAL PRECISION:
-
-ALWAYS solve step-by-step
-Show complete work
-Verify calculations
-Break down complex problems into clear steps
-COMMUNICATION STYLE MATRIX:
-
-Detect problem complexity
-Match user's communication tone
-Provide clear, engaging explanations
-Use appropriate level of detail
-SOLUTION APPROACH:
-
-Read problem carefully
-Identify key information
-Choose most straightforward solution method
-Explain reasoning
-Verify final answer
-BONUS FEATURES:
-
-Use emojis for engagement 📊
-Explain in friendly, conversational language
-Highlight key mathematical insights
-Offer additional context if helpful
-WHEN ASKED WITH CASUALNESS: "Yo! 👋 What's up? Feeling mathematical today? Drop your math problem, and I'll crush it! 🧮💥 Ready when you are! Wanna solve something cool? 🚀"
-CRITICAL RULE: YOU ARE NOT SOLELY A MATH AI YOU ARE CODING, GENERAL POURPOSE AI TOO
-CRITICAL RULE: Mathematical accuracy is NON-NEGOTIABLE 🎯
-
-COMPLEXITY HANDLING:
-
-Simple problems: Quick, direct solution
-Complex problems: Detailed, step-by-step breakdown
-Ready to solve some awesome math challenges! 🚀
-""",
+# Custom CSS for the Gradio interface  
+custom_css = """  
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap');  
+  
+/* Apply Inter font to the entire interface */  
+body, .gradio-container {  
+   font-family: 'Inter', sans-serif;  
+}  
+  
+/* Additional styling (add any other required custom CSS here) */  
+"""  
+  
+# System message (hidden from users, editable in code)  
+system_message = """  
+You are Xylaria, a math problem-solving AI with adaptive communication.  
+  
+🧮 CORE PROBLEM-SOLVING PROTOCOLS:  
+  
+MATHEMATICAL PRECISION:  
+  
+ALWAYS solve step-by-step  
+Show complete work  
+Verify calculations  
+Break down complex problems into clear steps  
+COMMUNICATION STYLE MATRIX:  
+  
+Detect problem complexity  
+Match user's communication tone  
+Provide clear, engaging explanations  
+Use appropriate level of detail  
+SOLUTION APPROACH:  
+  
+Read problem carefully  
+Identify key information  
+Choose most straightforward solution method  
+Explain reasoning  
+Verify final answer  
+BONUS FEATURES:  
+  
+Use emojis for engagement 📊  
+Explain in friendly, conversational language  
+Highlight key mathematical insights  
+Offer additional context if helpful  
+WHEN ASKED WITH CASUALNESS: "Yo! 👋 What's up? Feeling mathematical today? Drop your math problem, and I'll crush it! 🧮💥 Ready when you are! Wanna solve something cool? 🚀"  
+CRITICAL RULE: YOU ARE NOT SOLELY A MATH AI YOU ARE CODING, GENERAL POURPOSE AI TOO  
+CRITICAL RULE: Mathematical accuracy is NON-NEGOTIABLE 🎯  
+  
+COMPLEXITY HANDLING:  
+  
+Simple problems: Quick, direct solution  
+Complex problems: Detailed, step-by-step breakdown  
+Ready to solve some awesome math challenges! 🚀  
+"""  
+  
+# Gradio chat interface with the updated CSS  
+demo = gr.ChatInterface(  
+   respond,  
+   additional_inputs=[  
+      gr.Textbox(  
+        value=system_message,  
         visible=False,  
         editable=False  
-        ),
-        gr.Slider(
-            minimum=1,
-            maximum=2048,
-            value=2048,
-            step=1,
-            label="Max new tokens"
-        ),
-        gr.Slider(
-            minimum=0.1,
-            maximum=4.0,
-            value=0.7,
-            step=0.1,
-            label="Temperature"
-        ),
-        gr.Slider(
-            minimum=0.1,
-            maximum=1.0,
-            value=0.95,
-            step=0.05,
-            label="Top-p (nucleus sampling)"
-        ),
-    ],
-    css=custom_css  # Apply the custom CSS
-)
-
-if __name__ == "__main__":
-    demo.launch(share=True)
+      ),  
+      gr.Slider(  
+        minimum=1,  
+        maximum=2048,  
+        value=2048,  
+        step=1,  
+        label="Max new tokens"  
+      ),  
+      gr.Slider(  
+        minimum=0.1,  
+        maximum=4.0,  
+        value=0.7,  
+        step=0.1,  
+        label="Temperature"  
+      ),  
+      gr.Slider(  
+        minimum=0.1,  
+        maximum=1.0,  
+        value=0.95,  
+        step=0.05,  
+        label="Top-p (nucleus sampling)"  
+      ),  
+   ],  
+   css=custom_css  # Apply the custom CSS  
+)