src/interface.py

import gradio as gr
from .processor import process_document

def create_interface():
    with gr.Blocks(theme=gr.themes.Base()) as demo:
        gr.HTML(
            """
            <div style="margin-bottom: 1rem;">
                <img src="https://raw.githubusercontent.com/pixeltable/pixeltable/main/docs/source/data/pixeltable-logo-large.png" 
                     alt="Pixeltable" style="max-width: 150px;" />
                <h1>📄 Document to Audio Synthesis 🎧</h1>
            </div>
            """
        )

        with gr.Row():
            with gr.Column():
                with gr.Accordion("🎯 What does it do?", open=True):
                    gr.Markdown("""
                        - 📄 PDF document processing and text extraction
                        - 🧠 Intelligent content transformation and summarization
                        - 🎧 High-quality audio synthesis with voice selection
                        - ⚙️ Configurable processing parameters
                        - ⬇️ Downloadable audio output
                    """)
            with gr.Column():
                with gr.Accordion("⚡ How does it work?", open=True):
                    gr.Markdown("""
                        1. 📑 **Document Processing**
                           - 📊 Chunks document using token-based segmentation
                           - 🔄 Maintains document structure and context
                        
                        2. 🔍 **Content Processing**
                           - 🤖 Transforms text using LLM optimization
                           - 📝 Generates optimized audio scripts
                        
                        3. 🎵 **Audio Synthesis**
                           - 🗣️ Converts scripts to natural speech
                           - 🎙️ Multiple voice models available
                    """)

        with gr.Row():
            with gr.Column():
                api_key = gr.Textbox(
                    label="🔑 OpenAI API Key",
                    placeholder="sk-...",
                    type="password"
                )
                file_input = gr.File(
                    label="📁 Input Document (PDF)",
                    file_types=[".pdf"]
                )
                
                with gr.Accordion("🎛️ Synthesis Parameters", open=True):
                    voice_select = gr.Radio(
                        choices=["alloy", "echo", "fable", "onyx", "nova", "shimmer"],
                        value="onyx",
                        label="🎙️ Voice Model",
                        info="TTS voice model selection"
                    )
                    style_select = gr.Radio(
                        choices=["Technical", "Narrative", "Instructional", "Descriptive"],
                        value="Technical",
                        label="💫 Processing Style",
                        info="Content processing approach"
                    )

                with gr.Accordion("⚙️ Processing Parameters", open=False):
                    chunk_size = gr.Slider(
                        minimum=100, maximum=1000, value=300, step=50,
                        label="📏 Chunk Size (tokens)",
                        info="Text segmentation size"
                    )
                    temperature = gr.Slider(
                        minimum=0, maximum=1, value=0.7, step=0.1,
                        label="🌡️ Temperature",
                        info="LLM randomness factor"
                    )
                    max_tokens = gr.Slider(
                        minimum=100, maximum=1000, value=300, step=50,
                        label="📊 Max Tokens",
                        info="Maximum output token limit"
                    )

                process_btn = gr.Button("🚀 Process Document", variant="primary")
                status_output = gr.Textbox(label="📋 Status")
        
        with gr.Tabs():
            with gr.TabItem("📝 Content Processing"):
                output_table = gr.Dataframe(
                    headers=["🔍 Segment", "📄 Processed Content", "🎭 Audio Script"],
                    wrap=True
                )
            with gr.TabItem("🎧 Audio Output"):
                audio_output = gr.Audio(
                    label="🔊 Synthesized Audio", 
                    type="filepath",
                    show_download_button=True
                )
                
        gr.Markdown("""
            ### 📚 Technical Notes
            - ⚡ Token limit affects processing speed and memory usage
            - 🎯 Temperature values > 0.8 may introduce content variations
            - 🔊 Audio synthesis has a 4096 token limit per segment
            
            ### ⚙️ Performance Considerations
            - 📊 Chunk size directly impacts processing time
            - 🔄 Higher temperatures increase LLM compute time
            - ⏱️ Audio synthesis scales with script length
        """)

        gr.HTML(
            """
            <div style="text-align: center; margin-top: 1rem; padding-top: 1rem; border-top: 1px solid #ccc;">
                <p style="margin: 0; color: #666; font-size: 0.8em;">
                    🚀 Powered by <a href="https://github.com/pixeltable/pixeltable" target="_blank" style="color: #F25022; text-decoration: none;">Pixeltable</a>
                    | 📚 <a href="https://docs.pixeltable.io" target="_blank" style="color: #666;">Documentation</a>
                    | 🤗 <a href="https://huggingface.co/spaces/Pixeltable/document-to-audio-synthesis" target="_blank" style="color: #666;">Hugging Face Space</a>
                </p>
            </div>
            """
        )
        
        def update_interface(pdf_file, api_key, voice, style, chunk_size, temperature, max_tokens):
            return process_document(
                pdf_file, api_key, voice, style, chunk_size, temperature, max_tokens
            )
        
        process_btn.click(
            update_interface,
            inputs=[
                file_input, api_key, voice_select, style_select,
                chunk_size, temperature, max_tokens
            ],
            outputs=[output_table, audio_output, status_output]
        )
    
    return demo