Update app.py

app.py

@@ -7,11 +7,11 @@ from typing import List, Tuple
 # --- Basic Configuration ---
 logging.basicConfig(level=logging.INFO, format='%(asctime)s - %(levelname)s - %(message)s', handlers=[logging.StreamHandler()])
 
-# --- The Core Application Logic (Now serves both modes) ---
+# --- The Core Application Logic ---
 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:
@@ -41,14 +41,11 @@ class HumanTouchApp:
             return "## 🔴 Configuration Error\n\nThe `GROQ_API_KEY` is not set on the server. Please contact the Space administrator."
         try:
             logging.info(f"Calling Groq API with Style: {style_level}, Tone: {tone_level}")
-            
             messages = [
                 {"role": "system", "content": self.system_prompt_template},
                 {"role": "user", "content": f"Style: {style_level}, Tone: {tone_level}\n\n---\n\n{user_content}"}
             ]
-
             temperature = 0.5 + (style_level / 200) + (tone_level / 400)
-            
             response = self.client.chat.completions.create(
                 model=self.model,
                 messages=messages,
@@ -60,17 +57,14 @@ class HumanTouchApp:
             logging.error(f"Error during Groq API call: {e}")
             return f"### ⚠️ An Error Occurred\n\nThere was an issue connecting to the AI. Please try again shortly. \n\n*Details: {str(e)}*"
 
-    # Method for the "Humanizer" Tab
     def humanize_block_text(self, text_to_humanize: str, style_level: float, tone_level: float) -> str:
         if not text_to_humanize.strip():
             return "Please paste some AI-generated text to get started."
         return self._call_groq_api(text_to_humanize, style_level, tone_level)
 
-    # Method for the "Co-Creative Canvas" Tab
     def generate_co_creation(self, user_text: str, chat_history: List[List[str]], style_level: float, tone_level: float) -> Tuple[List[List[str]], str]:
         if not user_text.strip():
             return chat_history, ""
-        
         ai_response = self._call_groq_api(user_text, style_level, tone_level)
         chat_history.append([user_text, ai_response])
         return chat_history, ""
@@ -79,7 +73,7 @@ class HumanTouchApp:
 def create_interface():
     app = HumanTouchApp()
 
-    # This CSS brings back the original vibrant aesthetic WITH LEGIBILITY FIXES
+    # CSS with aggressive legibility fixes
     custom_css = """
     /* --- Main Background and Font --- */
     body, #main_container {
@@ -93,8 +87,7 @@ def create_interface():
     
     /* --- Tab Container (Frosted Glass Look) --- */
     .gradio-tabs {
-        background: rgba(255, 255, 255, 0.75);
-        border: 1px solid rgba(255, 255, 255, 0.18);
+        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);
         padding: 1rem;
@@ -109,7 +102,7 @@ def create_interface():
     /* --- Humanizer Tab Styles --- */
     #humanizer_input, #humanizer_output {
         border: 2px solid #E0E0E0; border-radius: 12px;
-        background: #fff; min-height: 45vh; color: #263238;
+        background: #fff; min-height: 45vh; color: #263238; font-size: 16px;
     }
     #humanize_btn {
         background: linear-gradient(45deg, #F06292, #4FC3F7); color: white;
@@ -121,22 +114,26 @@ def create_interface():
     /* --- Co-Creative Canvas Tab Styles --- */
     #symbiotic_canvas { background: #fff; border-radius: 12px; height: 60vh !important; border: 2px solid #E0E0E0; }
     
-    /* === FIX FOR TEXT LEGIBILITY === */
-    #symbiotic_canvas .user {
-        background-color: #F3F4F6 !important; /* Slightly darker grey for user bubble */
-        color: #1F2937; /* Dark text for user */
+    /* === FIX 2.0 FOR TEXT LEGIBILITY (AGGRESSIVE) === */
+    #symbiotic_canvas .message-wrap { padding: 4px !important; }
+    #symbiotic_canvas .user, #symbiotic_canvas .bot {
+        padding: 12px 16px !important;
         border-radius: 18px !important;
+        font-size: 16px !important;
+        line-height: 1.5 !important;
+    }
+    #symbiotic_canvas .user {
+        background-color: #F3F4F6 !important; /* Neutral light grey for user */
+        color: #111827 !important; /* Dark charcoal text for user */
     }
     #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;
+        background-color: #EFF6FF !important; /* Very light, clean blue background */
+        color: #1E3A8A !important; /* VERY DARK blue text for maximum contrast */
+        font-weight: 500 !important;
+        border: 1px solid #DBEAFE !important;
+        animation: bloom 0.5s ease-out;
     }
-    @keyframes bloom { 0% { opacity: 0; transform: translateY(10px); } 100% { opacity: 1; transform: translateY(0); } }
+    @keyframes bloom { 0% { opacity: 0; transform: scale(0.95); } 100% { opacity: 1; transform: scale(1); } }
     
     #chat_input textarea { border-radius: 9999px !important; border: 2px solid #E0E0E0; }
     #compose_btn { background: linear-gradient(45deg, #4FC3F7, #F06292); border: none; }
@@ -158,6 +155,7 @@ def create_interface():
 
             with gr.Tabs() as tabs:
                 with gr.Tab("Humanizer", id="humanizer_tab"):
+                    # ... Humanizer tab layout ...
                     with gr.Column(variant="panel"):
                         gr.Markdown("### Transform Existing AI Text")
                         with gr.Row():
@@ -170,6 +168,7 @@ def create_interface():
                         gr.Examples([["The system's analysis concluded optimal parameters were achieved."]], inputs=[input_text_humanizer], label="Try an Example")
 
                 with gr.Tab("Co-Creative Canvas", id="canvas_tab"):
+                    # ... Canvas tab layout ...
                     with gr.Row(equal_height=False):
                         with gr.Column(scale=3):
                             chatbot = gr.Chatbot([], label="Symbiotic Canvas", elem_id="symbiotic_canvas", bubble_full_width=True, avatar_images=(None, "https://i.imgur.com/Q6Zz3Jz.png"))
@@ -191,7 +190,7 @@ def create_interface():
 
 
 if __name__ == "__main__":
-    logging.info("Launching HumanTouch App with Final Visuals and Legibility Fix...")
+    logging.info("Launching HumanTouch App with Definitive Legibility Fix...")
     try:
         interface = create_interface()
         interface.launch(debug=True)