Update app.py

app.py

@@ -11,7 +11,7 @@ logging.basicConfig(level=logging.INFO, format='%(asctime)s - %(levelname)s - %(
 class HumanTouchApp:
     def __init__(self):
         self.client = self._initialize_groq_client()
-        self.model = "llama-3.3-70b-versatile"
+        self.model = "llama-3.1-70b-versatile"
         self.system_prompt_template = self._load_system_prompt()
 
     def _initialize_groq_client(self) -> Groq:
@@ -23,7 +23,7 @@ class HumanTouchApp:
         return Groq(api_key=api_key)
 
     def _load_system_prompt(self) -> str:
-        # This new prompt is more evocative and less restrictive to encourage creativity.
+        # This prompt encourages creativity.
         return """
         You are HumanTouch, an AI alchemist. Your purpose is to transmute text, transforming the literal into the resonant. You do not merely translate; you intuit and elevate.
 
@@ -42,20 +42,17 @@ class HumanTouchApp:
         try:
             logging.info(f"Calling Groq API with Style: {style_level}, Tone: {tone_level}")
             
-            # The prompt is now simpler and more direct.
             messages = [
                 {"role": "system", "content": self.system_prompt_template},
-                # We now provide the user text directly, prefixed by the sliders for context.
                 {"role": "user", "content": f"Style: {style_level}, Tone: {tone_level}\n\n---\n\n{user_content}"}
             ]
 
-            # The temperature is now more sensitive to the full range of the sliders.
             temperature = 0.5 + (style_level / 200) + (tone_level / 400)
             
             response = self.client.chat.completions.create(
                 model=self.model,
                 messages=messages,
-                temperature=min(1.5, temperature), # Cap temperature at a reasonable max
+                temperature=min(1.5, temperature),
                 max_tokens=4096,
             )
             return response.choices[0].message.content.strip()
@@ -82,7 +79,7 @@ class HumanTouchApp:
 def create_interface():
     app = HumanTouchApp()
 
-    # This CSS brings back the original vibrant aesthetic
+    # This CSS brings back the original vibrant aesthetic WITH LEGIBILITY FIXES
     custom_css = """
     /* --- Main Background and Font --- */
     body, #main_container {
@@ -98,10 +95,8 @@ def create_interface():
     .gradio-tabs {
         background: rgba(255, 255, 255, 0.75);
         border: 1px solid rgba(255, 255, 255, 0.18);
-        backdrop-filter: blur(12px);
-        -webkit-backdrop-filter: blur(12px);
-        border-radius: 20px !important;
-        box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.25);
+        backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
+        border-radius: 20px !important; box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.25);
         padding: 1rem;
     }
     .tab-buttons button {
@@ -109,10 +104,7 @@ def create_interface():
         border: none !important; border-bottom: 3px solid transparent !important;
         border-radius: 0 !important; font-size: 1.1rem; font-weight: 500;
     }
-    .tab-buttons button.selected {
-        color: #d81b60 !important;
-        border-bottom-color: #d81b60 !important;
-    }
+    .tab-buttons button.selected { color: #d81b60 !important; border-bottom-color: #d81b60 !important; }
     
     /* --- Humanizer Tab Styles --- */
     #humanizer_input, #humanizer_output {
@@ -128,9 +120,23 @@ def create_interface():
 
     /* --- Co-Creative Canvas Tab Styles --- */
     #symbiotic_canvas { background: #fff; border-radius: 12px; height: 60vh !important; border: 2px solid #E0E0E0; }
-    #symbiotic_canvas .user { background-color: #F5F5F5 !important; color: #37474F; }
-    #symbiotic_canvas .bot { background-color: #E1F5FE !important; color: #0277BD; border-left: 4px solid #4FC3F7; animation: bloom 0.7s ease-out; }
-    @keyframes bloom { 0% { opacity: 0; transform: translateX(-15px); } 100% { opacity: 1; transform: translateX(0); } }
+    
+    /* === FIX FOR TEXT LEGIBILITY === */
+    #symbiotic_canvas .user {
+        background-color: #F3F4F6 !important; /* Slightly darker grey for user bubble */
+        color: #1F2937; /* Dark text for user */
+        border-radius: 18px !important;
+    }
+    #symbiotic_canvas .bot {
+        background-color: #E0F2FE !important; /* Light Sky Blue background */
+        color: #0C4A6E !important; /* Dark, saturated blue for AI text */
+        font-weight: 500 !important; /* Make font bolder */
+        border: 1px solid #BAE6FD !important; /* Subtle border to make it pop */
+        border-radius: 18px !important;
+        box-shadow: 0 2px 4px rgba(0,0,0,0.05);
+        animation: bloom 0.7s ease-out;
+    }
+    @keyframes bloom { 0% { opacity: 0; transform: translateY(10px); } 100% { opacity: 1; transform: translateY(0); } }
     
     #chat_input textarea { border-radius: 9999px !important; border: 2px solid #E0E0E0; }
     #compose_btn { background: linear-gradient(45deg, #4FC3F7, #F06292); border: none; }
@@ -151,7 +157,6 @@ def create_interface():
                 gr.Markdown("<h1>🔮 HumanTouch</h1><p>The Alchemical Workspace for Text</p>")
 
             with gr.Tabs() as tabs:
-                # --- TAB 1: The Humanizer ---
                 with gr.Tab("Humanizer", id="humanizer_tab"):
                     with gr.Column(variant="panel"):
                         gr.Markdown("### Transform Existing AI Text")
@@ -164,7 +169,6 @@ def create_interface():
                         humanize_button = gr.Button("Humanize ✨", variant="primary", elem_id="humanize_btn")
                         gr.Examples([["The system's analysis concluded optimal parameters were achieved."]], inputs=[input_text_humanizer], label="Try an Example")
 
-                # --- TAB 2: The Co-Creative Canvas ---
                 with gr.Tab("Co-Creative Canvas", id="canvas_tab"):
                     with gr.Row(equal_height=False):
                         with gr.Column(scale=3):
@@ -187,7 +191,7 @@ def create_interface():
 
 
 if __name__ == "__main__":
-    logging.info("Launching HumanTouch App with Final Visuals and Logic...")
+    logging.info("Launching HumanTouch App with Final Visuals and Legibility Fix...")
     try:
         interface = create_interface()
         interface.launch(debug=True)