import gradio as gr
import httpx

CSS = """
:root {
    --primary: #C8102E;
    --bg: #0a0a0f;
    --surface: #12121a;
    --text: #f0f0f4;
    --accent: #ff6b6b;
}
* { box-sizing: border-box; }
body { background: var(--bg); color: var(--text); font-family: 'Inter', system-ui, sans-serif; }
.gradio-container { max-width: 1000px !important; margin: 0 auto; }
"""

def query_api(endpoint: str, payload: dict = None):
    """Query the Raven AI API."""
    return {"status": "simulated", "message": f"Raven AI would process: {payload}"}

def chat_response(message, history):
    """Simulated chat response from Raven AI."""
    responses = {
        "hello": "Hello! I'm Raven AI. How can I help you today?",
        "help": "I can help with code generation, data analysis, document processing, and more.",
        "who are you": "I'm Raven AI — your intelligence layer for sovereign, local-first AI orchestration.",
    }
    msg_lower = message.lower().strip()
    for key, resp in responses.items():
        if key in msg_lower:
            return resp
    return f"**Raven AI** processing: _{message}_\n\nThis is a simulated response. Connect your own AI backend for full functionality."

def analyze_code(code: str):
    """Simulated code analysis."""
    return {
        "lines": len(code.split("\n")),
        "chars": len(code),
        "has_syntax_errors": False,
        "suggestions": [
            "Consider adding type hints for better documentation.",
            "Add docstrings to public functions.",
        ],
    }

with gr.Blocks(css=CSS, title="Raven AI", theme=gr.themes.Soft(
    primary_hue="red",
    neutral_hue="slate",
)) as demo:
    gr.HTML("""
    <div style="text-align: center; padding: 2rem 0;">
        <div style="font-size: 4rem;">🦅</div>
        <h1 style="margin: 0.5rem 0; font-size: 2.5rem; background: linear-gradient(135deg, #C8102E, #ff6b6b);
            -webkit-background-clip: text; -webkit-text-fill-color: transparent;">
            Raven AI
        </h1>
        <p style="font-size: 1.1rem; color: #a0a0b0; margin-top: 0;">
            Your Intelligence Layer
        </p>
        <div style="display: flex; gap: 0.5rem; justify-content: center; flex-wrap: wrap; margin-top: 1rem;">
            <span style="background: #C8102E20; color: #ff6b6b; padding: 0.25rem 0.75rem; border-radius: 999px; font-size: 0.85rem;">Sovereign</span>
            <span style="background: #C8102E20; color: #ff6b6b; padding: 0.25rem 0.75rem; border-radius: 999px; font-size: 0.85rem;">Local-First</span>
            <span style="background: #C8102E20; color: #ff6b6b; padding: 0.25rem 0.75rem; border-radius: 999px; font-size: 0.85rem;">Zero Trust</span>
            <span style="background: #C8102E20; color: #ff6b6b; padding: 0.25rem 0.75rem; border-radius: 999px; font-size: 0.85rem;">Enterprise</span>
        </div>
    </div>
    """)

    with gr.Tabs():
        with gr.Tab("💬 Chat"):
            gr.ChatInterface(
                chat_response,
                title="Raven AI Chat",
                description="Ask me anything about Raven AI or try a simulation.",
            )

        with gr.Tab("🔍 Code Analysis"):
            with gr.Row():
                with gr.Column():
                    code_input = gr.Code(
                        label="Paste your code",
                        language="python",
                        value="def hello():\n    print('Hello, world!')\n",
                    )
                    analyze_btn = gr.Button("Analyze", variant="primary")
                with gr.Column():
                    output = gr.JSON(label="Analysis Results")
            analyze_btn.click(fn=analyze_code, inputs=code_input, outputs=output)

        with gr.Tab("📊 Platform Status"):
            gr.HTML("""
            <div style="padding: 1rem 0;">
                <h3>System Status</h3>
                <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem; margin: 1rem 0;">
                    <div style="background: #12121a; border: 1px solid #2a2a3a; border-radius: 8px; padding: 1rem;">
                        <div style="color: #22c55e; font-size: 0.85rem;">● Operational</div>
                        <div style="font-size: 1.5rem; font-weight: 600; margin: 0.25rem 0;">Core Engine</div>
                    </div>
                    <div style="background: #12121a; border: 1px solid #2a2a3a; border-radius: 8px; padding: 1rem;">
                        <div style="color: #22c55e; font-size: 0.85rem;">● Operational</div>
                        <div style="font-size: 1.5rem; font-weight: 600; margin: 0.25rem 0;">API Gateway</div>
                    </div>
                    <div style="background: #12121a; border: 1px solid #2a2a3a; border-radius: 8px; padding: 1rem;">
                        <div style="color: #22c55e; font-size: 0.85rem;">● Operational</div>
                        <div style="font-size: 1.5rem; font-weight: 600; margin: 0.25rem 0;">Auth Service</div>
                    </div>
                </div>
                <p style="color: #a0a0b0; font-size: 0.9rem;">
                    This is a demo Space. Connect your own Raven AI instance for full functionality.
                    <br>
                    <a href="https://huggingface.co/bclermo/raven-ai" style="color: #ff6b6b;">View on Hugging Face →</a>
                </p>
            </div>
            """)

    gr.HTML("""
    <div style="text-align: center; padding: 1.5rem 0; color: #6b6b80; font-size: 0.85rem; border-top: 1px solid #2a2a3a; margin-top: 2rem;">
        <p>Raven AI — Sovereign Intelligence Layer | <a href="https://github.com/simpliibarrii-crypto/raven-ai" style="color: #ff6b6b;">GitHub</a></p>
    </div>
    """)

if __name__ == "__main__":
    demo.launch()