Update app.py

app.py

@@ -7,7 +7,7 @@ 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 (Serves both modes) ---
+# --- The Core Application Logic (Now serves both modes) ---
 class HumanTouchApp:
     def __init__(self):
         self.client = self._initialize_groq_client()
@@ -23,31 +23,39 @@ class HumanTouchApp:
         return Groq(api_key=api_key)
 
     def _load_system_prompt(self) -> str:
-        # This one prompt now powers both modes, using context to differentiate tasks.
+        # This new prompt is more evocative and less restrictive to encourage creativity.
         return """
-        You are HumanTouch, an AI specializing in transforming text into emotionally resonant communication.
-        Your output style is guided by two scores: Style (0=Logical, 100=Poetic) and Tone (0=Formal, 100=Passionate).
+        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.
 
-        You will be given a task: either "HUMANIZE" a block of text or "CO-CREATE" from a user's seed phrase.
+        You are guided by two ethereal forces:
+        - **Style (0-100):** At 0, you are a master of elegant precision, your words like cut crystal. At 100, you are a poet, weaving metaphors and abstract wonder.
+        - **Tone (0-100):** At 0, your voice is one of stoic, formal authority. At 100, your voice is a passionate, informal, and heartfelt song.
 
-        **Task: HUMANIZE**
-        When given a block of text, your goal is to rewrite it to sound more natural, engaging, and less robotic, according to the provided Style and Tone scores. Retain the core meaning but infuse it with a human touch.
-
-        **Task: CO-CREATE**
-        When given a short phrase or idea, your goal is to expand and "bloom" it into a more complete, resonant thought, guided by the Style and Tone scores. This is a creative partnership.
-
-        In both tasks, do not explain your process. Only provide the transformed text.
+        When a user gives you text, whether a full block to "humanize" or a simple seed phrase to "co-create," your task is the same: apply these forces to manifest a new, more vibrant version.
+        
+        Do not explain yourself. Become the voice. Provide only the final creation.
         """
 
-    def _call_groq_api(self, messages: List[dict], style_level: float, tone_level: float) -> str:
+    def _call_groq_api(self, user_content: str, style_level: float, tone_level: float) -> str:
         if not self.client:
             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}")
+            
+            # 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=0.6 + (style_level / 250) + (tone_level / 250),
+                temperature=min(1.5, temperature), # Cap temperature at a reasonable max
                 max_tokens=4096,
             )
             return response.choices[0].message.content.strip()
@@ -59,40 +67,14 @@ class HumanTouchApp:
     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."
-
-        user_content = f"""
-        TASK: HUMANIZE
-        Style Score: {style_level}
-        Tone Score: {tone_level}
-        ---
-        TEXT TO HUMANIZE:
-        {text_to_humanize}
-        """
-        messages = [
-            {"role": "system", "content": self.system_prompt_template},
-            {"role": "user", "content": user_content}
-        ]
-        return self._call_groq_api(messages, style_level, tone_level)
+        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, ""
-
-        user_content = f"""
-        TASK: CO-CREATE
-        Style Score: {style_level}
-        Tone Score: {tone_level}
-        ---
-        SEED PHRASE:
-        {user_text}
-        """
-        messages = [
-            {"role": "system", "content": self.system_prompt_template},
-            {"role": "user", "content": user_content}
-        ]
         
-        ai_response = self._call_groq_api(messages, style_level, tone_level)
+        ai_response = self._call_groq_api(user_text, style_level, tone_level)
         chat_history.append([user_text, ai_response])
         return chat_history, ""
 
@@ -100,82 +82,73 @@ class HumanTouchApp:
 def create_interface():
     app = HumanTouchApp()
 
+    # This CSS brings back the original vibrant aesthetic
     custom_css = """
     /* --- Main Background and Font --- */
     body, #main_container {
-        background: linear-gradient(135deg, #f0f9ff, #fff0f5); /* Softer blue-to-pink gradient */
-        font-family: 'Arial', sans-serif;
+        background: linear-gradient(135deg, #6DD5FA, #FF758C);
+        font-family: 'SF Pro Display', 'Helvetica Neue', 'Arial', sans-serif;
     }
     /* --- Header Styling --- */
-    #header { text-align: center; margin: 2rem auto; color: #2D3748; }
-    #header h1 { font-size: 2.5rem; font-weight: 600; }
-    #header p { font-size: 1.1rem; color: #4A5568; margin-bottom: 2rem; }
+    #header { text-align: center; margin: 2rem auto; color: #fff; text-shadow: 0 2px 4px rgba(0,0,0,0.2); }
+    #header h1 { font-size: 3rem; font-weight: 700; }
+    #header p { font-size: 1.2rem; opacity: 0.9; margin-bottom: 2rem; }
     
     /* --- Tab Container (Frosted Glass Look) --- */
     .gradio-tabs {
-        background: rgba(255, 255, 255, 0.8);
-        border: 1px solid rgba(255, 255, 255, 0.2);
-        backdrop-filter: blur(10px);
+        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(100, 100, 135, 0.2);
+        box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.25);
         padding: 1rem;
     }
     .tab-buttons button {
-        background-color: transparent !important; color: #4A5568 !important;
-        border: none !important; border-bottom: 2px solid transparent !important;
-        border-radius: 0 !important; font-size: 1.1rem;
+        background-color: transparent !important; color: #37474F !important;
+        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: #3182CE !important;
-        border-bottom-color: #3182CE !important;
+        color: #d81b60 !important;
+        border-bottom-color: #d81b60 !important;
     }
     
     /* --- Humanizer Tab Styles --- */
     #humanizer_input, #humanizer_output {
-        border: 2px solid #E2E8F0; border-radius: 12px; padding: 1rem;
-        background: white; transition: border-color 0.3s ease; min-height: 45vh;
-        color: #2D3748;
+        border: 2px solid #E0E0E0; border-radius: 12px;
+        background: #fff; min-height: 45vh; color: #263238;
     }
-    #humanizer_input:focus-within, #humanizer_output:focus-within { border-color: #3182CE; }
     #humanize_btn {
-        background: linear-gradient(45deg, #ED64A6, #4299E1);
+        background: linear-gradient(45deg, #F06292, #4FC3F7); color: white;
         padding: 15px 24px; border-radius: 9999px; font-size: 1.2rem;
-        transition: all 0.3s ease;
+        transition: all 0.3s ease; border: none;
     }
-    #humanize_btn:hover { box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); transform: translateY(-2px); }
+    #humanize_btn:hover { box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2); transform: translateY(-3px); }
 
     /* --- Co-Creative Canvas Tab Styles --- */
-    #symbiotic_canvas {
-        background: white; border-radius: 12px; height: 60vh !important;
-        border: 2px solid #E2E8F0;
-    }
-    #symbiotic_canvas .user { background-color: #F7FAFC !important; color: #2D3748; border-radius: 15px; }
-    #symbiotic_canvas .bot { background-color: #E6FFFA !important; color: #2C7A7B; border-radius: 15px; animation: bloom 0.7s ease-in-out; }
-    @keyframes bloom { 0% { opacity: 0; transform: translateY(10px); } 100% { opacity: 1; transform: translateY(0); } }
+    #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); } }
     
-    #chat_input textarea { border-radius: 9999px !important; border: 2px solid #E2E8F0; }
-    #compose_btn { background: #4299E1; }
+    #chat_input textarea { border-radius: 9999px !important; border: 2px solid #E0E0E0; }
+    #compose_btn { background: linear-gradient(45deg, #4FC3F7, #F06292); border: none; }
+    #compose_btn:hover { box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); transform: translateY(-2px); }
 
     /* --- Responsive Fix for Mobile --- */
     @media (max-width: 768px) {
-        #header h1 { font-size: 1.8rem; }
+        #header h1 { font-size: 2rem; }
         #header p { font-size: 1rem; margin-bottom: 1rem; }
-        .gradio-tabs { padding: 0.5rem; }
-
-        /* Reduce height on mobile to prevent pushing content off-screen */
-        #humanizer_input, #humanizer_output {
-            min-height: 25vh; /* Was 45vh, which is too tall for mobile */
-        }
-        #symbiotic_canvas {
-            height: 55vh !important; /* Was 60vh, reduced to give more room */
-        }
+        #humanizer_input, #humanizer_output { min-height: 25vh; }
+        #symbiotic_canvas { height: 55vh !important; }
     }
     """
 
     with gr.Blocks(css=custom_css, title="HumanTouch") as interface:
         with gr.Column(elem_id="main_container"):
             with gr.Row(elem_id="header"):
-                gr.Markdown("<h1>🧙‍♂️ HumanTouch</h1><p>Breathe life into AI text or co-create with a dynamic AI partner.</p>")
+                gr.Markdown("<h1>🔮 HumanTouch</h1><p>The Alchemical Workspace for Text</p>")
 
             with gr.Tabs() as tabs:
                 # --- TAB 1: The Humanizer ---
@@ -183,21 +156,13 @@ def create_interface():
                     with gr.Column(variant="panel"):
                         gr.Markdown("### Transform Existing AI Text")
                         with gr.Row():
-                            with gr.Column(scale=1):
-                                input_text_humanizer = gr.Textbox(label="Paste AI Text Here", lines=15, elem_id="humanizer_input")
-                            with gr.Column(scale=1):
-                                output_text_humanizer = gr.Textbox(label="Humanized Result", lines=15, interactive=False, elem_id="humanizer_output")
+                            input_text_humanizer = gr.Textbox(label="Paste AI Text Here", lines=15, elem_id="humanizer_input", scale=1)
+                            output_text_humanizer = gr.Textbox(label="Alchemical Result", lines=15, interactive=False, elem_id="humanizer_output", scale=1)
                         with gr.Row():
-                            with gr.Column(scale=1):
-                                style_slider_h = gr.Slider(0, 100, 50, label="Style (Logical <-> Poetic)")
-                            with gr.Column(scale=1):
-                                tone_slider_h = gr.Slider(0, 100, 50, label="Tone (Formal <-> Passionate)")
+                            style_slider_h = gr.Slider(0, 100, 50, label="Style (Crystal <-> Poet)")
+                            tone_slider_h = gr.Slider(0, 100, 50, label="Tone (Stoic <-> Passionate)")
                         humanize_button = gr.Button("Humanize ✨", variant="primary", elem_id="humanize_btn")
-                        gr.Examples(
-                            [["The system's analysis concluded that the optimal parameters were achieved through iterative processing."],
-                             ["Our team will action the deliverables post-haste to synergize our market position."]],
-                            inputs=[input_text_humanizer], label="Try a Humanizer Example"
-                        )
+                        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"):
@@ -205,16 +170,13 @@ def create_interface():
                         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"))
                             with gr.Row():
-                                chat_input = gr.Textbox(placeholder="Start a thought...", show_label=False, container=False, scale=4)
+                                chat_input = gr.Textbox(placeholder="Plant a seed of thought...", show_label=False, container=False, scale=4)
                                 compose_btn = gr.Button("Compose ✨", variant="primary", scale=1, elem_id="compose_btn")
                         with gr.Column(scale=1, variant="panel"):
                             gr.Markdown("### Resonance Controls")
-                            style_slider_c = gr.Slider(0, 100, 50, label="Style", info="Logical <-> Poetic")
-                            tone_slider_c = gr.Slider(0, 100, 50, label="Tone", info="Formal <-> Passionate")
-                            gr.Examples(
-                                ["The city at night", "I'm not sure how to start this email.", "Let's brainstorm names for the new project."],
-                                inputs=[chat_input], label="Try a Seed Phrase"
-                            )
+                            style_slider_c = gr.Slider(0, 100, 50, label="Style (Crystal <-> Poet)")
+                            tone_slider_c = gr.Slider(0, 100, 50, label="Tone (Stoic <-> Passionate)")
+                            gr.Examples([["The city at night"], ["How to start an email to a boss"]], inputs=[chat_input], label="Try a Seed Phrase")
 
         # Event Handling Logic
         humanize_button.click(app.humanize_block_text, [input_text_humanizer, style_slider_h, tone_slider_h], [output_text_humanizer])
@@ -225,7 +187,7 @@ def create_interface():
 
 
 if __name__ == "__main__":
-    logging.info("Launching HumanTouch App with Mobile Responsive Fix...")
+    logging.info("Launching HumanTouch App with Final Visuals and Logic...")
     try:
         interface = create_interface()
         interface.launch(debug=True)