Update app.py

app.py

@@ -5,128 +5,208 @@ from groq import Groq
 from typing import List, Tuple
 
 # --- Basic Configuration ---
-logging.basicConfig(level=logging.INFO, format='%(asctime)s - %(levelname)s - %(message)s', handlers=[logging.StreamHandler()])
+logging.basicConfig(
+    level=logging.INFO,
+    format='%(asctime)s - %(levelname)s - %(message)s',
+    handlers=[logging.StreamHandler()]
+)
 
 # --- The Core Application Logic ---
 class HumanTouchApp:
     def __init__(self):
-        self.client = self._initialize_groq_client()
-        self.model = "llama-3.3-70b-versatile"
-        self.system_prompt_template = self._load_system_prompt()
-
-    def _initialize_groq_client(self) -> Groq:
         api_key = os.environ.get("GROQ_API_KEY")
         if not api_key:
-            logging.error("FATAL: GROQ_API_KEY secret not found.")
-            return None
+            raise EnvironmentError(
+                "FATAL: GROQ_API_KEY secret not found. "
+                "Please add it in the HuggingFace Space settings under 'Secrets'."
+            )
+        self.client = Groq(api_key=api_key)
         logging.info("Groq client initialized successfully.")
-        return Groq(api_key=api_key)
+        self.model = "llama-3.3-70b-versatile"
+        self.system_prompt = self._load_system_prompt()
 
     def _load_system_prompt(self) -> str:
-        # 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.
+        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 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.
+        You will receive two direction parameters — Style and Tone — described in
+        plain language. These are your creative compass. Honour them precisely.
 
-        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.
+        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 directions
+        to manifest a new, more vibrant version of that text.
+
+        Do not explain yourself. Do not add preamble or commentary.
+        Become the voice. Provide only the final creation.
         """
 
+    def _build_style_tone_description(self, style: float, tone: float) -> str:
+        """Translate raw slider values into descriptive language the model can act on."""
+        if style < 20:
+            style_desc = "purely precise and crystalline — every word load-bearing, zero ornamentation, like cut glass"
+        elif style < 40:
+            style_desc = "mostly precise, with the faintest hint of imagery — clarity first, but not sterile"
+        elif style < 60:
+            style_desc = "balanced — grounded language with occasional well-chosen metaphor"
+        elif style < 80:
+            style_desc = "leaning poetic — vivid imagery, some abstraction, but still coherent"
+        else:
+            style_desc = "deeply poetic — embrace metaphor, abstraction, and lyrical wonder freely"
+
+        if tone < 20:
+            tone_desc = "strictly formal and authoritative — measured, stoic, professional distance"
+        elif tone < 40:
+            tone_desc = "professional but approachable — formal backbone, slightly warmer"
+        elif tone < 60:
+            tone_desc = "conversational — warm and natural, neither stiff nor effusive"
+        elif tone < 80:
+            tone_desc = "warm and personal — informal, engaging, a hint of enthusiasm"
+        else:
+            tone_desc = "passionately heartfelt — informal, emotionally alive, like a letter to someone you care about"
+
+        return (
+            f"Style direction: {style_desc}.\n"
+            f"Tone direction: {tone_desc}."
+        )
+
     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}")
+            direction = self._build_style_tone_description(style_level, tone_level)
+            logging.info(f"Calling Groq API | 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}"}
+                {"role": "system", "content": self.system_prompt},
+                {"role": "user", "content": f"{direction}\n\n---\n\n{user_content}"}
             ]
+
+            # Temperature rises with style (more creative) and tone (more expressive),
+            # with style weighted more heavily. Range: ~0.5 (both 0) to ~1.25 (both 100).
             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),
-                max_tokens=4096,
+                max_tokens=1500,
             )
             return response.choices[0].message.content.strip()
+
         except Exception as e:
             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)}*"
+            return (
+                f"### ⚠️ An Error Occurred\n\n"
+                f"There was an issue connecting to the AI. Please try again shortly.\n\n"
+                f"*Details: {str(e)}*"
+            )
 
-    def humanize_block_text(self, text_to_humanize: str, style_level: float, tone_level: float) -> str:
+    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)
 
-    def generate_co_creation(self, user_text: str, chat_history: List[List[str]], style_level: float, tone_level: float) -> Tuple[List[List[str]], str]:
+    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, ""
 
+
 # --- The Gradio User Interface ---
 def create_interface():
-    app = HumanTouchApp()
+    # Fail loudly at startup so the error is visible, not buried in a response string.
+    try:
+        app = HumanTouchApp()
+        init_error = None
+    except EnvironmentError as e:
+        app = None
+        init_error = str(e)
+        logging.critical(init_error)
 
-    # CSS with DEFINITIVE legibility fixes
     custom_css = """
     /* --- Main Background and Font --- */
-    body, #main_container { background: linear-gradient(135deg, #6DD5FA, #FF758C); font-family: 'SF Pro Display', 'Helvetica Neue', 'Arial', sans-serif; }
+    body, #main_container {
+        background: linear-gradient(135deg, #6DD5FA, #FF758C);
+        font-family: 'SF Pro Display', 'Helvetica Neue', 'Arial', sans-serif;
+    }
+
+    /* --- Error Banner --- */
+    #error_banner {
+        background: #FEF2F2; border: 2px solid #FECACA; border-radius: 12px;
+        padding: 1.5rem; margin: 1rem auto; max-width: 700px; text-align: center;
+    }
+    #error_banner p { color: #991B1B !important; font-size: 1rem !important; }
+
     /* --- Header Styling --- */
     #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) --- */
+
+    /* --- Tab Container (Frosted Glass) --- */
     .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);
+        border-radius: 20px !important;
+        box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.25);
         padding: 1rem;
     }
-    .tab-buttons button { 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 {
+        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: #d81b60 !important; border-bottom-color: #d81b60 !important; }
-    
-    /* --- Humanizer Tab Styles --- */
-    #humanizer_input, #humanizer_output { border: 2px solid #E0E0E0; border-radius: 12px; background: #fff; min-height: 45vh; color: #263238; font-size: 16px; }
-    #humanize_btn { background: linear-gradient(45deg, #F06292, #4FC3F7); color: white; padding: 15px 24px; border-radius: 9999px; font-size: 1.2rem; transition: all 0.3s ease; border: none; }
-    #humanize_btn:hover { box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2); transform: translateY(-3px); }
 
-    /* --- Co-Creative Canvas Tab Styles --- */
+    /* --- Humanizer Tab --- */
+    #humanizer_input, #humanizer_output {
+        border: 2px solid #E0E0E0; border-radius: 12px; background: #fff;
+        min-height: 45vh; color: #263238; font-size: 16px;
+    }
+    #humanize_btn {
+        background: linear-gradient(45deg, #F06292, #4FC3F7); color: white;
+        padding: 15px 24px; border-radius: 9999px; font-size: 1.2rem;
+        transition: all 0.3s ease; border: none;
+    }
+    #humanize_btn:hover { box-shadow: 0 6px 20px rgba(0,0,0,0.2); transform: translateY(-3px); }
+
+    /* --- Co-Creative Canvas Tab --- */
     #symbiotic_canvas { background: #fff; border-radius: 12px; height: 60vh !important; border: 2px solid #E0E0E0; }
     #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); }
+    #compose_btn:hover { box-shadow: 0 4px 15px rgba(0,0,0,0.2); transform: translateY(-2px); }
 
-    /* === FIX 3.0 FOR TEXT LEGIBILITY (DEFINITIVE) === */
-    /* --- Styling for the Chat Bubbles --- */
-    #symbiotic_canvas .user, #symbiotic_canvas .bot { border-radius: 18px !important; padding: 12px 16px !important; }
-    
-    /* --- User's Bubble --- */
+    /* --- Chat Bubble Legibility --- */
+    #symbiotic_canvas .user, #symbiotic_canvas .bot {
+        border-radius: 18px !important; padding: 12px 16px !important;
+    }
     #symbiotic_canvas .user { background-color: #F3F4F6 !important; }
     #symbiotic_canvas .user p { color: #111827 !important; font-size: 16px !important; line-height: 1.5 !important; }
-
-    /* --- AI's Bubble (The Fix) --- */
     #symbiotic_canvas .bot {
-        background-color: #EFF6FF !important; /* A very light, clean blue */
+        background-color: #EFF6FF !important;
         border: 1px solid #DBEAFE !important;
         animation: bloom 0.5s ease-out;
     }
-    /* THIS IS THE CRITICAL FIX: Targeting the <p> tag inside the bot bubble */
     #symbiotic_canvas .bot p {
-        color: #1E3A8A !important; /* A very dark, legible navy blue */
-        font-weight: 500 !important;
-        font-size: 16px !important;
-        line-height: 1.5 !important;
+        color: #1E3A8A !important; font-weight: 500 !important;
+        font-size: 16px !important; line-height: 1.5 !important;
     }
-    @keyframes bloom { 0% { opacity: 0; transform: scale(0.95); } 100% { opacity: 1; transform: scale(1); } }
-    
-    /* --- Responsive Fix for Mobile --- */
+    @keyframes bloom {
+        0% { opacity: 0; transform: scale(0.95); }
+        100% { opacity: 1; transform: scale(1); }
+    }
+
+    /* --- Mobile --- */
     @media (max-width: 768px) {
         #header h1 { font-size: 2rem; }
         #header p { font-size: 1rem; margin-bottom: 1rem; }
@@ -138,44 +218,95 @@ def create_interface():
     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 Demo</h1><p>The Complete Experience can be Discovered on humanTouch.fun</p>")
-
-            with gr.Tabs() as tabs:
-                with gr.Tab("Humanizer", id="humanizer_tab"):
-                    with gr.Column(variant="panel"):
-                        gr.Markdown("### Transform Existing AI Text")
-                        with gr.Row():
-                            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():
-                            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 optimal parameters were achieved."]], inputs=[input_text_humanizer], label="Try an Example")
-
-                with gr.Tab("Co-Creative Canvas", id="canvas_tab"):
-                    with gr.Row(equal_height=False):
-                        with gr.Column(scale=3):
-                            chatbot = gr.Chatbot([], label="Symbiotic Canvas", elem_id="symbiotic_canvas", avatar_images=(None, "https://i.imgur.com/Q6Zz3Jz.png"))
+                gr.Markdown(
+                    "<h1>🔮 HumanTouch </h1>"
+                    "<p>Created by Vers3Dynamics</p>"
+                )
+
+            # Surface a clear error banner if the app failed to initialize.
+            if init_error:
+                with gr.Row():
+                    gr.Markdown(
+                        f"## 🔴 Configuration Error\n\n"
+                        f"`{init_error}`\n\n"
+                        f"Add your `GROQ_API_KEY` under **Settings → Secrets** in this HuggingFace Space, then restart.",
+                        elem_id="error_banner"
+                    )
+            else:
+                with gr.Tabs():
+                    # ── Humanizer Tab ──────────────────────────────────────────
+                    with gr.Tab("Humanizer", id="humanizer_tab"):
+                        with gr.Column(variant="panel"):
+                            gr.Markdown("### Transform Existing AI Text")
+                            with gr.Row():
+                                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():
-                                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 (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])
-        compose_btn.click(app.generate_co_creation, [chat_input, chatbot, style_slider_c, tone_slider_c], [chatbot, chat_input])
-        chat_input.submit(app.generate_co_creation, [chat_input, chatbot, style_slider_c, tone_slider_c], [chatbot, chat_input])
+                                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 optimal parameters were achieved."]],
+                                inputs=[input_text_humanizer],
+                                label="Try an Example"
+                            )
+
+                    # ── Co-Creative Canvas Tab ─────────────────────────────────
+                    with gr.Tab("Co-Creative Canvas", id="canvas_tab"):
+                        with gr.Row(equal_height=False):
+                            with gr.Column(scale=3):
+                                chatbot = gr.Chatbot(
+                                    [], label="Symbiotic Canvas",
+                                    elem_id="symbiotic_canvas",
+                                    avatar_images=(None, "https://i.imgur.com/Q6Zz3Jz.png")
+                                )
+                                with gr.Row():
+                                    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 (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 Wiring ───────────────────────────────────────────────
+                humanize_button.click(
+                    app.humanize_block_text,
+                    [input_text_humanizer, style_slider_h, tone_slider_h],
+                    [output_text_humanizer]
+                )
+                compose_btn.click(
+                    app.generate_co_creation,
+                    [chat_input, chatbot, style_slider_c, tone_slider_c],
+                    [chatbot, chat_input]
+                )
+                chat_input.submit(
+                    app.generate_co_creation,
+                    [chat_input, chatbot, style_slider_c, tone_slider_c],
+                    [chatbot, chat_input]
+                )
 
     return interface
 
 
 if __name__ == "__main__":
-    logging.info("Launching HumanTouch App with Definitive Legibility Fix...")
+    logging.info("Launching HumanTouch...")
     try:
         interface = create_interface()
         interface.launch(debug=True)