Upload app (1).py

app (1).py

@@ -0,0 +1,737 @@
+"""
+HIX-Gen: Multi-Agent Writing Suite
+A professional AI writing platform powered by Google Gemini
+Designed for Hugging Face Spaces deployment
+"""
+
+import os
+import gradio as gr
+import google.generativeai as genai
+from dotenv import load_dotenv
+import time
+
+# ── Load environment variables (for local dev) ──────────────────────────────
+load_dotenv()
+
+# ── Gemini API Setup ─────────────────────────────────────────────────────────
+def get_gemini_client():
+    api_key = os.environ.get("GEMINI_API_KEY")
+    if not api_key:
+        raise ValueError("GEMINI_API_KEY not set. Please add it in HF Spaces Secrets.")
+    genai.configure(api_key=api_key)
+    return genai.GenerativeModel("gemini-1.5-flash")
+
+# ── Multi-Agent Core ─────────────────────────────────────────────────────────
+def multi_agent_pipeline(agent1_prompt: str, agent2_prompt: str, input_text: str) -> tuple[str, str]:
+    """
+    Two-agent pipeline:
+      Agent 1 → Draft / core transformation
+      Agent 2 → Polish for human tone & naturalness
+    Returns (agent1_output, final_output)
+    """
+    model = get_gemini_client()
+
+    # Agent 1: Generator / Transformer
+    draft_response = model.generate_content(
+        f"{agent1_prompt}\n\n--- INPUT ---\n{input_text}"
+    )
+    draft = draft_response.text.strip()
+
+    # Agent 2: Refiner / Humanizer
+    final_response = model.generate_content(
+        f"{agent2_prompt}\n\n--- DRAFT TO REFINE ---\n{draft}"
+    )
+    final = final_response.text.strip()
+
+    return draft, final
+
+
+# ════════════════════════════════════════════════════════════════════════════
+# MODULE 1 — AI HUMANIZER
+# ════════════════════════════════════════════════════════════════════════════
+HUMANIZER_AGENT1 = """You are Agent-1: an expert linguistic analyst. 
+Your task is to rewrite the following AI-generated text by:
+1. Replacing robotic, overly formal phrases with natural conversational language.
+2. Varying sentence length (mix short punchy sentences with longer flowing ones).
+3. Adding subtle filler nuances humans use (e.g., "Honestly,", "Look,", "Here's the thing —").
+4. Removing dead giveaways: excessive bullet points, hollow transitions like "In conclusion", "Furthermore", "It is worth noting".
+5. Keeping ALL the original meaning and facts intact.
+Output ONLY the rewritten text with no explanations."""
+
+HUMANIZER_AGENT2 = """You are Agent-2: a professional editor and AI-bypass specialist.
+Review the draft below and make it even more human by:
+1. Injecting mild personal perspective where appropriate (e.g., "I'd argue...", "Most people miss...").
+2. Fixing any remaining stiff phrasing or AI-sounding patterns.
+3. Ensuring the tone is warm, engaging, and reads like a real expert wrote it.
+4. Double-checking the text would pass AI detectors (Originality.ai, GPTZero, etc.).
+Output ONLY the final polished text. No explanations, no meta-commentary."""
+
+def run_humanizer(ai_text: str, progress=gr.Progress()):
+    if not ai_text.strip():
+        return "", "", "⚠️ Please paste some AI-generated text first."
+    try:
+        progress(0.2, desc="Agent 1: Rewriting for natural flow...")
+        draft, final = multi_agent_pipeline(HUMANIZER_AGENT1, HUMANIZER_AGENT2, ai_text)
+        progress(1.0, desc="Done!")
+        return draft, final, "✅ Humanization complete! Two agents processed your text."
+    except Exception as e:
+        return "", "", f"❌ Error: {str(e)}"
+
+
+# ════════════════════════════════════════════════════════════════════════════
+# MODULE 2 — AI WRITER
+# ════════════════════════════════════════════════════════════════════════════
+WRITER_TEMPLATES = {
+    "📝 Blog Post": {
+        "agent1": """You are Agent-1: a skilled content strategist and blog writer.
+Write a complete, engaging blog post based on the topic and details provided.
+Structure: Hook intro → 3-4 body sections with subheadings → Strong conclusion with CTA.
+Tone: Conversational yet authoritative. Use real examples. Avoid fluff.
+Output ONLY the blog post content.""",
+        "agent2": """You are Agent-2: a senior editor at a top digital publication.
+Polish this blog post draft to be publication-ready:
+1. Strengthen the opening hook.
+2. Ensure smooth transitions between sections.
+3. Add a compelling meta-description at the top (marked with [META]:).
+4. Make the CTA irresistible.
+Output ONLY the final polished blog post.""",
+        "fields": ["Topic / Title", "Target Audience", "Key Points to Cover", "Tone (casual/formal/witty)"]
+    },
+    "📧 Professional Email": {
+        "agent1": """You are Agent-1: an expert business communications writer.
+Draft a professional email based on the context provided.
+Requirements: Clear subject line, concise body (3-4 short paragraphs max), clear ask or CTA.
+Tone: Professional but human — not robotic corporate-speak.
+Output ONLY the email (Subject + Body).""",
+        "agent2": """You are Agent-2: a C-suite communications coach.
+Refine this email draft to be razor-sharp and persuasive:
+1. Ensure the subject line is compelling (opens get noticed).
+2. Tighten every sentence — kill filler words.
+3. Make the ask crystal clear.
+4. Close with confidence, not desperation.
+Output ONLY the final email.""",
+        "fields": ["Email Purpose", "Recipient (role/context)", "Key Message", "Desired Outcome"]
+    },
+    "📱 Social Media Post": {
+        "agent1": """You are Agent-1: a viral social media copywriter.
+Create an engaging social media post based on the input.
+Requirements: Hook in first line (no "I", start with action/question/stat), relevant hashtags, platform-optimized length.
+Make it share-worthy and conversation-starting.
+Output ONLY the post content.""",
+        "agent2": """You are Agent-2: a growth hacking social media specialist.
+Supercharge this post draft:
+1. Make the opening hook impossible to scroll past.
+2. Add a pattern-interrupt (unexpected angle, bold claim, or relatable pain point).
+3. Optimize hashtags for reach (mix niche + broad).
+4. Add an engagement CTA.
+Output ONLY the final post. Include platform recommendations at the end [BEST FOR: ...].""",
+        "fields": ["Topic / Message", "Target Platform (LinkedIn/X/Instagram)", "Brand Voice", "Goal (awareness/leads/engagement)"]
+    }
+}
+
+def run_writer(template_type: str, field1: str, field2: str, field3: str, field4: str, progress=gr.Progress()):
+    if not field1.strip():
+        return "", "", "⚠️ Please fill in at least the first field."
+    try:
+        template = WRITER_TEMPLATES[template_type]
+        combined_input = f"""
+Field 1 - {WRITER_TEMPLATES[template_type]['fields'][0]}: {field1}
+Field 2 - {WRITER_TEMPLATES[template_type]['fields'][1]}: {field2}
+Field 3 - {WRITER_TEMPLATES[template_type]['fields'][2]}: {field3}
+Field 4 - {WRITER_TEMPLATES[template_type]['fields'][3]}: {field4}
+""".strip()
+
+        progress(0.2, desc="Agent 1: Generating first draft...")
+        draft, final = multi_agent_pipeline(template["agent1"], template["agent2"], combined_input)
+        progress(1.0, desc="Done!")
+        return draft, final, f"✅ {template_type} generated successfully by 2 AI agents."
+    except Exception as e:
+        return "", "", f"❌ Error: {str(e)}"
+
+def update_writer_labels(template_type: str):
+    fields = WRITER_TEMPLATES[template_type]["fields"]
+    return (
+        gr.update(label=fields[0], placeholder=f"Enter {fields[0].lower()}..."),
+        gr.update(label=fields[1], placeholder=f"Enter {fields[1].lower()}..."),
+        gr.update(label=fields[2], placeholder=f"Enter {fields[2].lower()}..."),
+        gr.update(label=fields[3], placeholder=f"Enter {fields[3].lower()}..."),
+    )
+
+
+# ════════════════════════════════════════════════════════════════════════════
+# MODULE 3 — SMART EDITOR
+# ════════════════════════════════════════════════════════════════════════════
+EDITOR_MODES = {
+    "🔍 Summarize": {
+        "agent1": """You are Agent-1: a master summarizer.
+Condense the input text into a clear, accurate summary.
+Preserve all KEY points, remove redundancy, keep it ~20-30% of original length.
+Use bullet points for long content, prose for short content.
+Output ONLY the summary.""",
+        "agent2": """You are Agent-2: a communications expert.
+Refine this summary to be more impactful:
+1. Lead with the single most important takeaway.
+2. Ensure every bullet/sentence earns its place.
+3. End with the key implication or action item.
+Output ONLY the final polished summary."""
+    },
+    "✨ Improve Writing": {
+        "agent1": """You are Agent-1: an expert writing coach.
+Improve the given text by:
+1. Fixing grammar, spelling, and punctuation errors.
+2. Improving clarity and flow.
+3. Strengthening weak word choices (replace vague words with precise ones).
+4. Restructuring awkward sentences.
+Keep the author's voice and intent intact.
+Output ONLY the improved text.""",
+        "agent2": """You are Agent-2: an award-winning editor.
+Do a final pass on this improved draft:
+1. Elevate the most impactful sentences.
+2. Ensure the opening grabs attention.
+3. Cut any remaining filler or redundancy.
+4. Verify the tone is consistent throughout.
+Output ONLY the final polished text."""
+    },
+    "🔄 Change Tone": {
+        "agent1": """You are Agent-1: a tone adaptation specialist.
+The user will specify a target tone in their input. Rewrite the text in that exact tone.
+Common tones: formal, casual, confident, empathetic, persuasive, academic, friendly.
+Maintain all factual content while completely transforming the voice.
+Output ONLY the rewritten text.""",
+        "agent2": """You are Agent-2: a brand voice consultant.
+Review the tone-adapted draft and ensure:
+1. The new tone is consistent from start to finish (no tone slippage).
+2. The language feels authentic to that tone (word choice, sentence rhythm).
+3. It still communicates the core message clearly.
+Output ONLY the final version."""
+    },
+    "📏 Expand": {
+        "agent1": """You are Agent-1: a content expansion specialist.
+Expand the given text with:
+1. More detail, context, and explanation.
+2. Relevant examples or analogies.
+3. Supporting evidence or reasoning.
+4. Smooth transitions between ideas.
+Target: 2-3x the original length while adding REAL value (not padding).
+Output ONLY the expanded text.""",
+        "agent2": """You are Agent-2: a senior content strategist.
+Review the expanded draft and:
+1. Remove any filler that crept in.
+2. Ensure new additions feel organic, not bolted-on.
+3. Strengthen the opening and closing.
+4. Verify the expanded version flows naturally.
+Output ONLY the final polished expanded text."""
+    }
+}
+
+def run_editor(text: str, mode: str, extra_instruction: str, progress=gr.Progress()):
+    if not text.strip():
+        return "", "", "⚠️ Please enter some text to edit."
+    try:
+        config = EDITOR_MODES[mode]
+        full_input = text
+        if extra_instruction.strip():
+            full_input = f"[Special Instruction: {extra_instruction}]\n\n{text}"
+
+        progress(0.2, desc=f"Agent 1: Applying {mode}...")
+        draft, final = multi_agent_pipeline(config["agent1"], config["agent2"], full_input)
+        progress(1.0, desc="Done!")
+        return draft, final, f"✅ {mode} complete! Text processed by 2 AI agents."
+    except Exception as e:
+        return "", "", f"❌ Error: {str(e)}"
+
+
+# ════════════════════════════════════════════════════════════════════════════
+# GRADIO UI — Dark Professional Theme
+# ════════════════════════════════════════════════════════════════════════════
+custom_css = """
+/* ── Global Reset & Base ───────────────────────────────────────────── */
+@import url('https://fonts.googleapis.com/css2?family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300&family=Syne:wght@400;600;700;800&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;1,9..40,300&display=swap');
+
+:root {
+    --bg-void: #080b0f;
+    --bg-deep: #0d1117;
+    --bg-panel: #111620;
+    --bg-card: #161c27;
+    --bg-input: #1a2130;
+    --border-dim: #1f2d3d;
+    --border-glow: #2a3f5a;
+    --accent-cyan: #00d4ff;
+    --accent-teal: #00b894;
+    --accent-amber: #f0a500;
+    --accent-rose: #ff4d6d;
+    --text-primary: #e8edf5;
+    --text-secondary: #8899aa;
+    --text-muted: #4a5568;
+    --font-display: 'Syne', sans-serif;
+    --font-body: 'DM Sans', sans-serif;
+    --font-mono: 'DM Mono', monospace;
+    --radius: 10px;
+    --shadow-panel: 0 4px 24px rgba(0,0,0,0.4);
+    --glow-cyan: 0 0 20px rgba(0,212,255,0.15);
+}
+
+* { box-sizing: border-box; }
+
+body, .gradio-container {
+    background: var(--bg-void) !important;
+    font-family: var(--font-body) !important;
+    color: var(--text-primary) !important;
+}
+
+/* ── Header / Brand ────────────────────────────────────────────────── */
+.hix-header {
+    background: linear-gradient(135deg, var(--bg-deep) 0%, var(--bg-panel) 100%);
+    border-bottom: 1px solid var(--border-dim);
+    padding: 28px 40px 24px;
+    text-align: center;
+    position: relative;
+    overflow: hidden;
+}
+
+.hix-header::before {
+    content: '';
+    position: absolute;
+    top: 0; left: 0; right: 0; bottom: 0;
+    background: radial-gradient(ellipse 60% 50% at 50% -20%, rgba(0,212,255,0.08) 0%, transparent 70%);
+    pointer-events: none;
+}
+
+.hix-logo {
+    font-family: var(--font-display);
+    font-weight: 800;
+    font-size: 2.4rem;
+    letter-spacing: -0.02em;
+    background: linear-gradient(135deg, var(--accent-cyan) 0%, #7b9fff 50%, var(--accent-teal) 100%);
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+    background-clip: text;
+    margin: 0;
+    line-height: 1;
+}
+
+.hix-tagline {
+    font-family: var(--font-mono);
+    font-size: 0.75rem;
+    color: var(--text-secondary);
+    letter-spacing: 0.12em;
+    text-transform: uppercase;
+    margin-top: 6px;
+}
+
+.hix-badge {
+    display: inline-block;
+    background: rgba(0,212,255,0.1);
+    border: 1px solid rgba(0,212,255,0.25);
+    color: var(--accent-cyan);
+    font-family: var(--font-mono);
+    font-size: 0.65rem;
+    letter-spacing: 0.1em;
+    padding: 3px 10px;
+    border-radius: 20px;
+    margin-top: 10px;
+}
+
+/* ── Tab Navigation ─────────────────────────────────────────────────── */
+.tabs > .tab-nav {
+    background: var(--bg-panel) !important;
+    border-bottom: 1px solid var(--border-dim) !important;
+    padding: 0 20px !important;
+    gap: 4px !important;
+}
+
+.tabs > .tab-nav > button {
+    font-family: var(--font-display) !important;
+    font-weight: 600 !important;
+    font-size: 0.82rem !important;
+    letter-spacing: 0.04em !important;
+    color: var(--text-muted) !important;
+    background: transparent !important;
+    border: none !important;
+    border-bottom: 2px solid transparent !important;
+    padding: 14px 18px !important;
+    border-radius: 0 !important;
+    transition: all 0.2s ease !important;
+}
+
+.tabs > .tab-nav > button:hover {
+    color: var(--text-secondary) !important;
+    background: rgba(255,255,255,0.03) !important;
+}
+
+.tabs > .tab-nav > button.selected {
+    color: var(--accent-cyan) !important;
+    border-bottom-color: var(--accent-cyan) !important;
+}
+
+/* ── Panels & Cards ─────────────────────────────────────────────────── */
+.tab-content, .tabitem {
+    background: var(--bg-deep) !important;
+    padding: 24px !important;
+}
+
+.section-card {
+    background: var(--bg-card);
+    border: 1px solid var(--border-dim);
+    border-radius: var(--radius);
+    padding: 20px;
+    margin-bottom: 16px;
+}
+
+.section-label {
+    font-family: var(--font-display);
+    font-size: 0.7rem;
+    font-weight: 600;
+    letter-spacing: 0.12em;
+    text-transform: uppercase;
+    color: var(--text-muted);
+    margin-bottom: 12px;
+    display: flex;
+    align-items: center;
+    gap: 8px;
+}
+
+.section-label::after {
+    content: '';
+    flex: 1;
+    height: 1px;
+    background: var(--border-dim);
+}
+
+/* ── Inputs ─────────────────────────────────────────────────────────── */
+textarea, .gr-textbox textarea {
+    background: var(--bg-input) !important;
+    border: 1px solid var(--border-dim) !important;
+    border-radius: var(--radius) !important;
+    color: var(--text-primary) !important;
+    font-family: var(--font-body) !important;
+    font-size: 0.9rem !important;
+    line-height: 1.6 !important;
+    transition: border-color 0.2s ease !important;
+}
+
+textarea:focus, .gr-textbox textarea:focus {
+    border-color: var(--accent-cyan) !important;
+    box-shadow: 0 0 0 3px rgba(0,212,255,0.08) !important;
+    outline: none !important;
+}
+
+.gr-textbox label span, label span {
+    font-family: var(--font-display) !important;
+    font-size: 0.78rem !important;
+    font-weight: 600 !important;
+    letter-spacing: 0.06em !important;
+    text-transform: uppercase !important;
+    color: var(--text-secondary) !important;
+}
+
+/* ── Dropdowns / Selects ─────────────────────────────────────────────── */
+.gr-dropdown, select {
+    background: var(--bg-input) !important;
+    border: 1px solid var(--border-dim) !important;
+    border-radius: var(--radius) !important;
+    color: var(--text-primary) !important;
+    font-family: var(--font-body) !important;
+}
+
+/* ── Buttons ─────────────────────────────────────────────────────────── */
+button.primary, .gr-button.primary, button[variant="primary"] {
+    background: linear-gradient(135deg, #006fff 0%, var(--accent-cyan) 100%) !important;
+    border: none !important;
+    border-radius: var(--radius) !important;
+    color: #fff !important;
+    font-family: var(--font-display) !important;
+    font-weight: 700 !important;
+    font-size: 0.85rem !important;
+    letter-spacing: 0.06em !important;
+    padding: 12px 28px !important;
+    transition: all 0.25s ease !important;
+    box-shadow: 0 4px 16px rgba(0,111,255,0.3) !important;
+}
+
+button.primary:hover, .gr-button.primary:hover {
+    transform: translateY(-1px) !important;
+    box-shadow: 0 6px 24px rgba(0,212,255,0.4) !important;
+}
+
+button.secondary, .gr-button.secondary {
+    background: var(--bg-card) !important;
+    border: 1px solid var(--border-glow) !important;
+    border-radius: var(--radius) !important;
+    color: var(--text-secondary) !important;
+    font-family: var(--font-display) !important;
+    font-weight: 600 !important;
+    font-size: 0.82rem !important;
+    transition: all 0.2s ease !important;
+}
+
+button.secondary:hover {
+    border-color: var(--accent-cyan) !important;
+    color: var(--accent-cyan) !important;
+}
+
+/* ── Status Bar ─────────────────────────────────────────────────────── */
+.status-ok { color: var(--accent-teal) !important; font-family: var(--font-mono) !important; font-size: 0.8rem !important; }
+.status-err { color: var(--accent-rose) !important; font-family: var(--font-mono) !important; font-size: 0.8rem !important; }
+
+/* ── Agent Output Labels ─────────────────────────────────────────────── */
+.agent1-label { border-left: 3px solid var(--accent-amber) !important; padding-left: 10px !important; }
+.agent2-label { border-left: 3px solid var(--accent-cyan) !important; padding-left: 10px !important; }
+
+/* ── Footer ─────────────────────────────────────────────────────────── */
+.hix-footer {
+    text-align: center;
+    padding: 20px;
+    border-top: 1px solid var(--border-dim);
+    font-family: var(--font-mono);
+    font-size: 0.7rem;
+    color: var(--text-muted);
+    background: var(--bg-panel);
+}
+
+/* ── Scrollbar ──────────────────────────────────────────────────────── */
+::-webkit-scrollbar { width: 6px; height: 6px; }
+::-webkit-scrollbar-track { background: var(--bg-deep); }
+::-webkit-scrollbar-thumb { background: var(--border-glow); border-radius: 3px; }
+::-webkit-scrollbar-thumb:hover { background: var(--accent-cyan); }
+
+/* ── Accordion ──────────────────────────────────────────────────────── */
+.gr-accordion {
+    background: var(--bg-card) !important;
+    border: 1px solid var(--border-dim) !important;
+    border-radius: var(--radius) !important;
+}
+"""
+
+# ── Build Gradio App ─────────────────────────────────────────────────────────
+with gr.Blocks(
+    theme=gr.themes.Base(
+        primary_hue="cyan",
+        secondary_hue="blue",
+        neutral_hue="slate",
+        font=gr.themes.GoogleFont("DM Sans"),
+    ),
+    css=custom_css,
+    title="HIX-Gen: Multi-Agent Writing Suite",
+) as demo:
+
+    # ── Header ──────────────────────────────────────────────────────────────
+    gr.HTML("""
+    <div class="hix-header">
+        <h1 class="hix-logo">HIX-Gen</h1>
+        <p class="hix-tagline">Multi-Agent Writing Suite</p>
+        <span class="hix-badge">⚡ Powered by Google Gemini · Dual-Agent Architecture</span>
+    </div>
+    """)
+
+    # ══════════════════════════════════════════════════════════════════════
+    # TABS
+    # ══════════════════════════════════════════════════════════════════════
+    with gr.Tabs():
+
+        # ── Tab 1: AI Humanizer ──────────────────────────────────────────
+        with gr.TabItem("🧬 AI Humanizer"):
+            gr.HTML("""
+            <div style="padding:16px 0 8px">
+                <p style="color:#8899aa;font-size:0.9rem;line-height:1.6;margin:0">
+                    Paste robotic AI-generated text and our <strong style="color:#00d4ff">dual-agent system</strong> will transform it
+                    into natural, human-sounding prose that bypasses AI detectors.
+                </p>
+            </div>
+            """)
+            with gr.Row():
+                with gr.Column(scale=1):
+                    h_input = gr.Textbox(
+                        label="🤖 AI-Generated Text (Input)",
+                        placeholder="Paste your AI-generated text here. For example: 'It is important to note that effective communication is a fundamental aspect that contributes significantly to organizational success...'",
+                        lines=10,
+                        elem_classes=["section-card"]
+                    )
+                    h_btn = gr.Button("🚀 Humanize Text", variant="primary")
+                    h_status = gr.Markdown("", elem_classes=["status-ok"])
+
+                with gr.Column(scale=1):
+                    h_draft = gr.Textbox(
+                        label="📝 Agent 1 — Natural Draft",
+                        lines=5,
+                        interactive=False,
+                        elem_classes=["agent1-label"]
+                    )
+                    h_final = gr.Textbox(
+                        label="✨ Agent 2 — Final Human Output",
+                        lines=8,
+                        interactive=False,
+                        elem_classes=["agent2-label"]
+                    )
+
+            h_btn.click(
+                fn=run_humanizer,
+                inputs=[h_input],
+                outputs=[h_draft, h_final, h_status]
+            )
+
+        # ── Tab 2: AI Writer ─────────────────────────────────────────────
+        with gr.TabItem("✍️ AI Writer"):
+            gr.HTML("""
+            <div style="padding:16px 0 8px">
+                <p style="color:#8899aa;font-size:0.9rem;line-height:1.6;margin:0">
+                    Select a content template, fill in your details, and let two AI agents craft and polish your content.
+                </p>
+            </div>
+            """)
+            with gr.Row():
+                with gr.Column(scale=1):
+                    w_template = gr.Dropdown(
+                        choices=list(WRITER_TEMPLATES.keys()),
+                        value="📝 Blog Post",
+                        label="Content Template",
+                    )
+                    w_f1 = gr.Textbox(label="Topic / Title", placeholder="Enter topic / title...", lines=2)
+                    w_f2 = gr.Textbox(label="Target Audience", placeholder="Enter target audience...", lines=2)
+                    w_f3 = gr.Textbox(label="Key Points to Cover", placeholder="Enter key points...", lines=3)
+                    w_f4 = gr.Textbox(label="Tone (casual/formal/witty)", placeholder="Enter tone...", lines=1)
+                    w_btn = gr.Button("🚀 Generate Content", variant="primary")
+                    w_status = gr.Markdown("", elem_classes=["status-ok"])
+
+                with gr.Column(scale=1):
+                    w_draft = gr.Textbox(
+                        label="📝 Agent 1 — First Draft",
+                        lines=8,
+                        interactive=False,
+                        elem_classes=["agent1-label"]
+                    )
+                    w_final = gr.Textbox(
+                        label="✨ Agent 2 — Polished Output",
+                        lines=12,
+                        interactive=False,
+                        elem_classes=["agent2-label"]
+                    )
+
+            # Dynamic field labels
+            w_template.change(
+                fn=update_writer_labels,
+                inputs=[w_template],
+                outputs=[w_f1, w_f2, w_f3, w_f4]
+            )
+
+            w_btn.click(
+                fn=run_writer,
+                inputs=[w_template, w_f1, w_f2, w_f3, w_f4],
+                outputs=[w_draft, w_final, w_status]
+            )
+
+        # ── Tab 3: Smart Editor ──────────────────────────────────────────
+        with gr.TabItem("🔧 Smart Editor"):
+            gr.HTML("""
+            <div style="padding:16px 0 8px">
+                <p style="color:#8899aa;font-size:0.9rem;line-height:1.6;margin:0">
+                    Paste any text and choose an editing mode. Two agents will transform your content with precision.
+                </p>
+            </div>
+            """)
+            with gr.Row():
+                with gr.Column(scale=1):
+                    e_mode = gr.Dropdown(
+                        choices=list(EDITOR_MODES.keys()),
+                        value="✨ Improve Writing",
+                        label="Editing Mode",
+                    )
+                    e_input = gr.Textbox(
+                        label="📄 Your Text",
+                        placeholder="Paste the text you want to edit here...",
+                        lines=10,
+                        elem_classes=["section-card"]
+                    )
+                    e_extra = gr.Textbox(
+                        label="💡 Special Instructions (optional)",
+                        placeholder="e.g. 'Make it sound like a Gen-Z influencer' or 'Focus on the technical aspects' or 'Target tone: empathetic'",
+                        lines=2
+                    )
+                    e_btn = gr.Button("🚀 Process Text", variant="primary")
+                    e_status = gr.Markdown("", elem_classes=["status-ok"])
+
+                with gr.Column(scale=1):
+                    e_draft = gr.Textbox(
+                        label="📝 Agent 1 — Processed Draft",
+                        lines=8,
+                        interactive=False,
+                        elem_classes=["agent1-label"]
+                    )
+                    e_final = gr.Textbox(
+                        label="✨ Agent 2 — Final Output",
+                        lines=12,
+                        interactive=False,
+                        elem_classes=["agent2-label"]
+                    )
+
+            e_btn.click(
+                fn=run_editor,
+                inputs=[e_input, e_mode, e_extra],
+                outputs=[e_draft, e_final, e_status]
+            )
+
+        # ── Tab 4: About ─────────────────────────────────────────────────
+        with gr.TabItem("ℹ️ About"):
+            gr.HTML("""
+            <div style="max-width:720px;margin:32px auto;padding:0 16px">
+
+                <h2 style="font-family:'Syne',sans-serif;font-weight:800;font-size:1.6rem;color:#e8edf5;margin-bottom:8px">
+                    HIX-Gen: Multi-Agent Writing Suite
+                </h2>
+                <p style="color:#8899aa;font-size:0.9rem;line-height:1.7;margin-bottom:24px">
+                    A professional AI writing platform built with a <strong style="color:#00d4ff">dual-agent architecture</strong>
+                    — one agent generates, a second refines. Every output goes through two expert AI passes.
+                </p>
+
+                <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px">
+
+                    <div style="background:#161c27;border:1px solid #1f2d3d;border-radius:10px;padding:20px">
+                        <div style="color:#f0a500;font-size:1.4rem;margin-bottom:8px">🧬</div>
+                        <div style="font-family:'Syne',sans-serif;font-weight:700;color:#e8edf5;margin-bottom:6px">AI Humanizer</div>
+                        <div style="color:#8899aa;font-size:0.82rem;line-height:1.6">Transforms robotic AI text into natural, human-sounding prose that passes AI detectors.</div>
+                    </div>
+
+                    <div style="background:#161c27;border:1px solid #1f2d3d;border-radius:10px;padding:20px">
+                        <div style="color:#00b894;font-size:1.4rem;margin-bottom:8px">✍️</div>
+                        <div style="font-family:'Syne',sans-serif;font-weight:700;color:#e8edf5;margin-bottom:6px">AI Writer</div>
+                        <div style="color:#8899aa;font-size:0.82rem;line-height:1.6">Template-based content generation: Blog Posts, Emails, Social Media — all dual-agent polished.</div>
+                    </div>
+
+                    <div style="background:#161c27;border:1px solid #1f2d3d;border-radius:10px;padding:20px">
+                        <div style="color:#00d4ff;font-size:1.4rem;margin-bottom:8px">🔧</div>
+                        <div style="font-family:'Syne',sans-serif;font-weight:700;color:#e8edf5;margin-bottom:6px">Smart Editor</div>
+                        <div style="color:#8899aa;font-size:0.82rem;line-height:1.6">Summarize, improve, change tone, or expand any text with surgical AI precision.</div>
+                    </div>
+                </div>
+
+                <div style="background:#111620;border:1px solid #1f2d3d;border-radius:10px;padding:20px;margin-bottom:20px">
+                    <div style="font-family:'Syne',sans-serif;font-weight:700;color:#e8edf5;margin-bottom:12px">⚙️ Tech Stack</div>
+                    <div style="display:grid;grid-template-columns:auto 1fr;gap:6px 20px;font-size:0.85rem">
+                        <span style="color:#8899aa">AI Engine</span><span style="color:#00d4ff;font-family:'DM Mono',monospace">Google Gemini 1.5 Flash</span>
+                        <span style="color:#8899aa">Framework</span><span style="color:#00d4ff;font-family:'DM Mono',monospace">Gradio 4.x</span>
+                        <span style="color:#8899aa">Architecture</span><span style="color:#00d4ff;font-family:'DM Mono',monospace">Dual-Agent Pipeline</span>
+                        <span style="color:#8899aa">Platform</span><span style="color:#00d4ff;font-family:'DM Mono',monospace">Hugging Face Spaces</span>
+                        <span style="color:#8899aa">Theme</span><span style="color:#00d4ff;font-family:'DM Mono',monospace">Custom Dark UI</span>
+                    </div>
+                </div>
+
+                <p style="color:#4a5568;font-size:0.78rem;font-family:'DM Mono',monospace;text-align:center">
+                    Built as an open-source HIX.AI-inspired clone · MIT License
+                </p>
+            </div>
+            """)
+
+    # ── Footer ───────────────────────────────────────────────────────────────
+    gr.HTML("""
+    <div class="hix-footer">
+        HIX-Gen v1.0 &nbsp;·&nbsp; Dual-Agent Architecture &nbsp;·&nbsp; Powered by Google Gemini 1.5 Flash &nbsp;·&nbsp; Deployed on Hugging Face Spaces
+    </div>
+    """)
+
+# ── Launch ───────────────────────────────────────────────────────────────────
+if __name__ == "__main__":
+    demo.launch(
+        server_name="0.0.0.0",
+        server_port=7860,
+        show_error=True,
+    )