Create app.py

app.py

@@ -0,0 +1,254 @@
+"""
+SuperCoder - Hugging Face Spaces Frontend
+Connects to your local API server via tunnel
+"""
+import gradio as gr
+import requests
+from typing import List, Tuple
+
+# ============================================================================
+# Configuration - EDIT THIS WITH YOUR TUNNEL URL
+# ============================================================================
+API_URL = "https://inge-chalcographic-helene.ngrok-free.dev"
+
+# Example URLs:
+# ngrok: https://abc123.ngrok-free.app
+# cloudflare: https://abc123.trycloudflare.com
+
+
+# ============================================================================
+# API Client Functions
+# ============================================================================
+def call_api(message: str, temperature: float = 0.1, max_tokens: int = 512) -> str:
+    """
+    Call the SuperCoder API running on your local machine.
+    """
+    try:
+        response = requests.post(
+            f"{API_URL}/api/chat",
+            json={
+                "messages": [{"role": "user", "content": message}],
+                "temperature": temperature,
+                "max_tokens": max_tokens,
+                "stream": False
+            },
+            timeout=60
+        )
+
+        if response.status_code == 200:
+            result = response.json()
+            return result.get("response", "No response from API")
+        else:
+            return f"❌ API Error ({response.status_code}): {response.text}"
+
+    except requests.exceptions.Timeout:
+        return "⏱️ Request timed out. The model might be processing a complex request."
+
+    except requests.exceptions.ConnectionError:
+        return "🔌 Connection failed. Please ensure your local API server is running."
+
+    except Exception as e:
+        return f"⚠️ Error: {str(e)}"
+
+
+def check_api_status() -> str:
+    """Check if the API is reachable."""
+    try:
+        response = requests.get(f"{API_URL}/health", timeout=5)
+        if response.status_code == 200:
+            data = response.json()
+            if data.get("model_loaded"):
+                return "✅ Connected - Model Ready"
+            else:
+                return "⚠️ Connected but model not loaded"
+        else:
+            return f"❌ API returned status {response.status_code}"
+    except:
+        return "🔴 Not connected to API"
+
+
+# ============================================================================
+# Gradio Interface
+# ============================================================================
+def chat_interface(message: str, history: List[Tuple[str, str]],
+                  temperature: float, max_tokens: int) -> Tuple[List[Tuple[str, str]], str]:
+    """Handle chat interaction."""
+    if not message.strip():
+        return history, ""
+
+    # Add user message to history
+    history = history + [(message, None)]
+
+    # Get AI response
+    response = call_api(message, temperature, max_tokens)
+
+    # Update history with response
+    history[-1] = (message, response)
+
+    return history, ""
+
+
+# ============================================================================
+# Quick Action Templates
+# ============================================================================
+QUICK_ACTIONS = {
+    "Explain Code": "Explain the following code:\n\n```python\n# PASTE YOUR CODE HERE\n```",
+    "Debug Code": "Help me debug this code:\n\n```python\n# PASTE YOUR CODE HERE\n```",
+    "Write Function": "Write a Python function that:",
+    "Optimize Code": "Optimize this code for better performance:\n\n```python\n# PASTE YOUR CODE HERE\n```",
+    "Add Comments": "Add detailed comments to this code:\n\n```python\n# PASTE YOUR CODE HERE\n```",
+}
+
+def use_template(template_name: str) -> str:
+    """Return the selected template."""
+    return QUICK_ACTIONS.get(template_name, "")
+
+
+# ============================================================================
+# Build Gradio UI
+# ============================================================================
+with gr.Blocks(
+    title="SuperCoder Pro",
+    theme=gr.themes.Soft(primary_hue="indigo"),
+    css="""
+    .container { max-width: 1200px; margin: auto; }
+    .status-box { padding: 10px; border-radius: 5px; margin: 10px 0; }
+    .status-connected { background-color: #d4edda; }
+    .status-disconnected { background-color: #f8d7da; }
+    """
+) as demo:
+
+    # Header
+    gr.Markdown("""
+    # 🤖 SuperCoder Pro
+    ### AI-Powered Coding Assistant
+
+    Your personal AI coding assistant powered by local hardware. Ask me to write,
+    explain, debug, or optimize code!
+
+    ---
+    """)
+
+    # API Status
+    with gr.Row():
+        status_text = gr.Textbox(
+            value=check_api_status(),
+            label="🔌 API Status",
+            interactive=False,
+            show_label=True
+        )
+        refresh_btn = gr.Button("🔄 Refresh Status", size="sm")
+
+    refresh_btn.click(
+        fn=check_api_status,
+        outputs=status_text
+    )
+
+    # Main Interface
+    with gr.Row():
+        # Left Column: Chat
+        with gr.Column(scale=3):
+            chatbot = gr.Chatbot(
+                label="💬 Conversation",
+                height=500,
+                show_copy_button=True,
+                avatar_images=(None, "🤖")
+            )
+
+            with gr.Row():
+                msg_input = gr.Textbox(
+                    placeholder="Ask me to write, explain, debug, or review code...",
+                    show_label=False,
+                    scale=5,
+                    lines=2
+                )
+                send_btn = gr.Button("Send 🚀", scale=1, variant="primary")
+
+        # Right Column: Settings & Actions
+        with gr.Column(scale=1):
+            gr.Markdown("### ⚙️ Settings")
+
+            temperature = gr.Slider(
+                0.0, 1.0,
+                value=0.1,
+                step=0.05,
+                label="🌡️ Temperature",
+                info="Lower = precise, Higher = creative"
+            )
+
+            max_tokens = gr.Slider(
+                128, 2048,
+                value=512,
+                step=128,
+                label="📏 Max Tokens",
+                info="Response length limit"
+            )
+
+            gr.Markdown("### 🎯 Quick Actions")
+
+            template_dropdown = gr.Dropdown(
+                choices=list(QUICK_ACTIONS.keys()),
+                label="Select Template",
+                value=None
+            )
+
+            use_template_btn = gr.Button("Use Template", size="sm")
+
+            clear_btn = gr.Button("🗑️ Clear Chat", variant="stop", size="sm")
+
+    # Event Handlers
+    msg_input.submit(
+        fn=chat_interface,
+        inputs=[msg_input, chatbot, temperature, max_tokens],
+        outputs=[chatbot, msg_input]
+    )
+
+    send_btn.click(
+        fn=chat_interface,
+        inputs=[msg_input, chatbot, temperature, max_tokens],
+        outputs=[chatbot, msg_input]
+    )
+
+    use_template_btn.click(
+        fn=use_template,
+        inputs=[template_dropdown],
+        outputs=[msg_input]
+    )
+
+    clear_btn.click(
+        fn=lambda: ([], ""),
+        outputs=[chatbot, msg_input]
+    )
+
+    # Footer
+    gr.Markdown("""
+    ---
+
+    ### 💡 Tips
+    - **Be specific** in your requests for better results
+    - **Paste code** directly in your messages
+    - Use **templates** for common tasks
+    - Adjust **temperature** for more creative or precise outputs
+
+    ### ⚠️ Important
+    This Space connects to a **locally-running** AI model via tunnel.
+    If you see connection errors, the local server may be offline.
+
+    ### 🔒 Privacy
+    - All processing happens on the owner's local machine
+    - No data is stored by Hugging Face
+    - Each chat session is independent
+
+    ---
+
+    **Built with ❤️ using llama.cpp and Gradio**
+    """)
+
+
+# Launch the app
+if __name__ == "__main__":
+    demo.launch(
+        server_name="0.0.0.0",
+        server_port=7860,
+        show_error=True
+    )