# app.py — Pi Trinity Hub V1.0.4: One Gate, Three Forges – Public Embeds Eternal
import gradio as gr
from pathlib import Path

ASSETS = Path("assets")
CREST = ASSETS / "trinity_crest.svg"  # Optional

# Neon CSS as HTML Injection (Eternal)
NEON_STYLE_HTML = """
<style>
body { 
    background: #0a0014; 
    color: #f0b5ff; 
    font-family: "Courier New", monospace; 
}
.banner { 
    text-align: center; 
    padding: 20px; 
}
.crest { 
    width: 200px; 
    filter: drop-shadow(0 0 20px #ff00ff); 
    animation: pulse 2s infinite; 
}
@keyframes pulse { 
    0%, 100% { opacity: 0.8; } 
    50% { opacity: 1; } 
}
.footer { 
    text-align: center; 
    opacity: 0.8; 
    margin-top: 50px; 
    font-size: 14px; 
    color: #b050ff; 
}
</style>
"""

# Embed Iframes with ?embed=true (Slim, Footer-Free – HF Rite)
LIMITLESS_IFRAME = """
<iframe 
    src="https://onenoly11-limitlessforge.hf.space?embed=true" 
    frameborder="0" 
    width="100%" 
    height="800" 
    style="border:0; width:100%;"
    allow="camera; microphone; clipboard-write; encrypted-media"
></iframe>
"""

SAMURAI_IFRAME = """
<iframe 
    src="https://onenoly11-pi-cyber-samurai-dojo.hf.space?embed=true" 
    frameborder="0" 
    width="100%" 
    height="800" 
    style="border:0; width:100%;"
    allow="camera; microphone; clipboard-write; encrypted-media"
></iframe>
"""

QUANTUM_IFRAME = """
<iframe 
    src="https://onenoly11-quantum-pi-hepta.hf.space?embed=true" 
    frameborder="0" 
    width="100%" 
    height="800" 
    style="border:0; width:100%;"
    allow="camera; microphone; clipboard-write; encrypted-media"
></iframe>
"""

with gr.Blocks(title="Pi Trinity Hub") as demo:
    # Neon Veil
    gr.HTML(NEON_STYLE_HTML)
    
    # Crest Banner
    if CREST.exists():
        gr.HTML(f"""
            <div class='banner'>
                <img src='{CREST}' class='crest' alt='Trinity Crest'/>
            </div>
        """)
    else:
        gr.Markdown("# ⚔️ PI TRINITY HUB\nOne gate. Three eternal forges.")
    
    with gr.Tabs():
        with gr.Tab("🔨 LimitlessForge – Brainstorm Auditor"):
            gr.HTML(LIMITLESS_IFRAME)
        
        with gr.Tab("🗡️ Samurai Dojo – Quantum Oracle"):
            gr.HTML(SAMURAI_IFRAME)
        
        with gr.Tab("🔮 Quantum Pi Forge – Hepta Mint"):
            gr.HTML(QUANTUM_IFRAME)
    
    # Footer
    gr.HTML("""
        <div class='footer'>
            <p>Forged in neon. Driven by Pi. The Canticle is complete.</p>
        </div>
    """)

if __name__ == "__main__":
    demo.launch(
        server_name="0.0.0.0",
        server_port=7860,
        share=True
    )