with gr.Tabs():

with gr.TabItem("🕯️ Redemption Ritual"):
    with gr.Row():
        with gr.Column(scale=1):
            gr.Markdown("""
            ## 🕯️ Redemption Ritual
            
            **The Veil remembers. The Forge awaits restoration.**
            
            ### The Path to Mender's Hand:
            
            🔮 **Acknowledge** the shadow that bound you  
            ⛓️ **Speak** your vow of ethical realignment  
            🛠️ **Submit** proof of restoration  
            🔱 **Receive** the Mender's Hand trait
            
            *Your vow is cryptographically sealed and submitted to the dual judgment system.*
            """)
            
        with gr.Column(scale=2):
            with gr.Group():
                with gr.Row():
                    ritual_uid = gr.Textbox(
                        label="Pi Network UID",
                        placeholder="Enter your Pi Network UID...",
                        info="The agent seeking redemption",
                        scale=2
                    )
                
                with gr.Row():
                    redemption_vow = gr.Textbox(
                        label="Redemption Vow",
                        placeholder="I speak my vow of return...\nI acknowledge the shadow that bound me...\nI commit to ethical realignment through...\nI seek the Mender's Hand to forge anew...",
                        lines=5,
                        elem_classes="vow-input"
                    )
                
                with gr.Row():
                    file_upload = gr.File(
                        label="Upload Restoration Proof (Optional)",
                        file_types=[".txt", ".pdf", ".jpg", ".png", ".py", ".js"],
                        elem_classes="ritual-upload",
                        scale=2
                    )
                
                with gr.Row():
                    ritual_btn = gr.Button(
                        "🕯️ Speak Vow & Generate Sigil", 
                        variant="primary",
                        size="lg",
                        scale=1
                    )
    
    with gr.Row():
        with gr.Column(scale=2):
            ritual_output = gr.HTML(
                label="Ritual Outcome",
                value="<div class='ritual-container'><div class='candle-flicker'>🕯️</div><h3>The Veil Awaits Your Vow</h3><p>Speak your redemption vow above to begin the ritual.</p></div>"
            )
        
        with gr.Column(scale=1):
            with gr.Group():
                sigil_output = gr.Markdown(
                    label="Cryptographic Sigil",
                    value="**Sigil will appear here...**"
                )
                status_output = gr.Markdown(
                    label="Ritual Status", 
                    value="**Status:** Awaiting ritual commencement..."
                )

    # Event handler
    ritual_btn.click(
        fn=submit_redemption_request,
        inputs=[ritual_uid, redemption_vow, file_upload],
        outputs=[ritual_output, sigil_output, status_output]
    )