Update app.py

app.py

@@ -973,9 +973,9 @@ class UnifiedAudioConverter:
         except Exception as e:
             raise RuntimeError(f"Failed to extract conversation: {e}")
 
-    def parse_conversation_text(self, text: str) -> Dict:
+    def parse_conversation_text(self, conversation_text: str) -> Dict:
         """Parse conversation text back to JSON format"""
-        lines = text.strip().split('\n')
+        lines = conversation_text.strip().split('\n')
         conversation_data = {"conversation": []}
         
         for line in lines:
@@ -1327,7 +1327,7 @@ def update_tts_engine_for_korean(language):
             choices=["Edge-TTS"],
             value="Edge-TTS",
             label="TTS Engine",
-            info="Korean is only supported by Edge-TTS",
+            info="한국어는 Edge-TTS만 지원됩니다",
             interactive=False
         )
     else:
@@ -1363,399 +1363,192 @@ if LLAMA_CPP_AVAILABLE:
         print(f"Failed to download model at startup: {e}")
 
 
-# Custom CSS with beautiful blue gradient theme
-custom_css = """
-@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
-
-/* Global styles with beautiful blue gradient background */
-.gradio-container {
-    font-family: 'Inter', sans-serif !important;
-    background: linear-gradient(135deg, #667eea 0%, #764ba2 25%, #6B8DD6 50%, #8E37D7 75%, #667eea 100%) !important;
-    background-size: 400% 400% !important;
-    animation: gradient 15s ease infinite !important;
-    min-height: 100vh !important;
-}
-
-@keyframes gradient {
-    0% { background-position: 0% 50%; }
-    50% { background-position: 100% 50%; }
-    100% { background-position: 0% 50%; }
-}
-
-/* Main container styling */
-.container {
-    max-width: 1200px !important;
-    margin: 0 auto !important;
-    padding: 20px !important;
-}
-
-/* Header styling */
-.gr-markdown h1 {
-    background: linear-gradient(120deg, #ffffff 0%, #e0e0e0 100%);
-    -webkit-background-clip: text;
-    -webkit-text-fill-color: transparent;
-    font-size: 3em !important;
-    font-weight: 700 !important;
-    text-align: center !important;
-    margin-bottom: 0.5em !important;
-    text-shadow: 2px 2px 4px rgba(0,0,0,0.1);
-}
-
-/* Subheader styling */
-.subtitle {
-    text-align: center !important;
-    color: rgba(255, 255, 255, 0.9) !important;
-    font-size: 0.95em !important;
-    margin-bottom: 1.5em !important;
-    font-weight: 400 !important;
-    line-height: 1.6 !important;
-}
-
-/* Card-like sections */
-.gr-form, .gr-box {
-    background: rgba(255, 255, 255, 0.95) !important;
-    backdrop-filter: blur(10px) !important;
-    border-radius: 16px !important;
-    padding: 24px !important;
-    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1) !important;
-    border: 1px solid rgba(255, 255, 255, 0.2) !important;
-    margin-bottom: 20px !important;
-}
-
-/* Button styling */
-.gr-button {
-    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
-    border: none !important;
-    color: white !important;
-    padding: 12px 24px !important;
-    font-weight: 600 !important;
-    font-size: 1.05em !important;
-    border-radius: 8px !important;
-    cursor: pointer !important;
-    transition: all 0.3s ease !important;
-    box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4) !important;
-}
-
-.gr-button:hover {
-    transform: translateY(-2px) !important;
-    box-shadow: 0 6px 20px rgba(102, 126, 234, 0.6) !important;
-}
-
-.gr-button.primary {
-    background: linear-gradient(135deg, #8E37D7 0%, #667eea 100%) !important;
-    font-size: 1.1em !important;
-    padding: 14px 28px !important;
-}
-
-.gr-button.secondary {
-    background: linear-gradient(135deg, #764ba2 0%, #6B8DD6 100%) !important;
-}
-
-/* Input fields styling */
-.gr-textbox, .gr-dropdown {
-    border: 2px solid #e1e4f5 !important;
-    border-radius: 8px !important;
-    font-size: 1em !important;
-    transition: all 0.3s ease !important;
-    background-color: rgba(255, 255, 255, 0.9) !important;
-}
-
-.gr-textbox:focus, .gr-dropdown:focus {
-    border-color: #667eea !important;
-    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1) !important;
-}
-
-/* Radio buttons styling */
-.gr-radio {
-    background: rgba(255, 255, 255, 0.8) !important;
-    border-radius: 8px !important;
-    padding: 12px !important;
-}
-
-.gr-radio label {
-    color: #374151 !important;
-    font-weight: 500 !important;
-    cursor: pointer !important;
-    transition: all 0.2s ease !important;
-}
-
-.gr-radio input[type="radio"]:checked + label {
-    color: #667eea !important;
-    font-weight: 600 !important;
-}
-
-/* Tab styling */
-.gr-tabs {
-    border-radius: 12px !important;
-    background: rgba(255, 255, 255, 0.9) !important;
-    padding: 4px !important;
-}
-
-.gr-tab {
-    border-radius: 8px !important;
-    padding: 10px 20px !important;
-    font-weight: 500 !important;
-    transition: all 0.3s ease !important;
-}
-
-.gr-tab.selected {
-    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
-    color: white !important;
-}
-
-/* Status message styling */
-.gr-markdown.status {
-    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
-    color: white !important;
-    padding: 16px !important;
-    border-radius: 8px !important;
-    margin: 16px 0 !important;
-    font-weight: 500 !important;
-}
-
-/* Textbox for conversation output */
-.conversation-output {
-    background: rgba(249, 250, 251, 0.95) !important;
-    border: 2px solid #e5e7eb !important;
-    border-radius: 12px !important;
-    font-family: 'Inter', monospace !important;
-    font-size: 0.95em !important;
-    line-height: 1.8 !important;
-    padding: 20px !important;
-}
-
-/* Examples section */
-.gr-examples {
-    background: rgba(255, 255, 255, 0.8) !important;
-    border-radius: 12px !important;
-    padding: 20px !important;
-    margin-top: 24px !important;
-}
-
-/* Badge container */
-.badge-container {
-    text-align: center !important;
-    margin-bottom: 1em !important;
-}
-
-/* Info boxes */
-.info-box {
-    background: rgba(102, 126, 234, 0.1) !important;
-    border-left: 4px solid #667eea !important;
-    padding: 16px !important;
-    border-radius: 8px !important;
-    margin: 16px 0 !important;
-}
-
-/* Loading animation */
-.gr-loading {
-    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
-}
-
-/* Audio player styling */
-.gr-audio {
-    border-radius: 8px !important;
-    background: rgba(255, 255, 255, 0.9) !important;
-    padding: 16px !important;
-}
-
-/* Group styling */
-.gr-group {
-    background: rgba(255, 255, 255, 0.05) !important;
-    border-radius: 12px !important;
-    padding: 16px !important;
-    margin: 12px 0 !important;
-    border: 1px solid rgba(255, 255, 255, 0.1) !important;
-}
-
-/* Markdown content in groups */
-.gr-group .gr-markdown {
-    color: #1f2937 !important;
-    font-size: 0.95em !important;
-    line-height: 1.6 !important;
-}
-
-/* Status output specific styling */
-#status_output {
-    background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
-    color: white !important;
-    padding: 12px 20px !important;
-    border-radius: 8px !important;
-    font-weight: 500 !important;
-    text-align: center !important;
-}
-
-/* Error message styling */
-.error-message {
-    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%) !important;
-    color: white !important;
-    padding: 12px 20px !important;
-    border-radius: 8px !important;
-}
-"""
-
-# Gradio Interface
-with gr.Blocks(theme=gr.themes.Soft(), css=custom_css, title="AI Podcast Generator") as demo:
-    # Discord Badge
-    gr.HTML("""
-    <div class="badge-container">
-        <p>
-            <a href="https://discord.gg/openfreeai" target="_blank">
-                <img src="https://img.shields.io/static/v1?label=Discord&message=Openfree%20AI&color=%230000ff&labelColor=%23800080&logo=discord&logoColor=white&style=for-the-badge" alt="badge">
-            </a>
-        </p>
-    </div>
-    """)
-    
-    gr.Markdown("# 🎙️ AI Podcast Generator - Professional Edition")
-    gr.Markdown(
-        """<div class="subtitle">
-        Transform any content into engaging professional podcast conversations with deep insights and expert analysis<br>
-        Powered by advanced AI with real-time web search integration for comprehensive, up-to-date discussions
-        </div>""",
-        elem_classes=["subtitle"]
-    )
-    
-    # Status display
-    with gr.Row():
-        gr.Markdown(f"""
-        ### 🤖 System Configuration:
-        - **Primary Mode**: Local LLM ({converter.config.local_model_name})
-        - **Fallback**: API ({converter.config.api_model_name})
-        - **Status**: {"✅ Ready" if LLAMA_CPP_AVAILABLE else "❌ Install llama-cpp-python"}
-        - **Search**: {"✅ Enabled" if BRAVE_KEY else "❌ Set BSEARCH_API"}
-        """, elem_classes=["info-box"])
-    
-    with gr.Row():
-        with gr.Column(scale=3):
-            # Input type selector
-            input_type_selector = gr.Radio(
-                choices=["URL", "PDF", "Keyword"],
-                value="URL",
-                label="Input Type",
-                info="Choose your content source"
-            )
-            
-            # URL input
-            url_input = gr.Textbox(
-                label="Article URL", 
-                placeholder="Enter the article URL here...",
-                value="",
-                visible=True
-            )
-            
-            # PDF upload
-            pdf_input = gr.File(
-                label="Upload PDF",
-                file_types=[".pdf"],
-                visible=False
-            )
-            
-            # Keyword input
-            keyword_input = gr.Textbox(
-                label="Topic/Keyword",
-                placeholder="Enter a topic (e.g., 'AI trends', 'quantum computing')",
-                value="",
-                visible=False,
-                info="AI will search and create comprehensive content about this topic"
-            )
-            
-        with gr.Column(scale=1):
-            # Language selector
-            language_selector = gr.Radio(
-                choices=["English", "Korean"],
-                value="English",
-                label="Language",
-                info="Select output language"
-            )
-            
-            mode_selector = gr.Radio(
-                choices=["Local", "API"],
-                value="Local",
-                label="Processing Mode",
-                info="Local: On-device | API: Cloud"
-            )
-            
-            # TTS Engine
-            with gr.Group():
-                gr.Markdown("### TTS Engine")
-                tts_selector = gr.Radio(
-                    choices=["Edge-TTS", "Spark-TTS", "MeloTTS"],
-                    value="Edge-TTS",
-                    label="Voice Engine",
-                    info="Select voice synthesis engine"
-                )
-                
+# Gradio Interface - 개선된 레이아웃
+with gr.Blocks(theme='soft', title="AI Podcast Generator", css="""
+    .container {max-width: 1200px; margin: auto; padding: 20px;}
+    .header-text {text-align: center; margin-bottom: 30px;}
+    .input-group {background: #f7f7f7; padding: 20px; border-radius: 10px; margin-bottom: 20px;}
+    .output-group {background: #f0f0f0; padding: 20px; border-radius: 10px;}
+    .status-box {background: #e8f4f8; padding: 15px; border-radius: 8px; margin-top: 10px;}
+""") as demo:
+    with gr.Column(elem_classes="container"):
+        # 헤더
+        with gr.Row(elem_classes="header-text"):
+            gr.Markdown("""
+            # 🎙️ AI Podcast Generator - Professional Edition
+            ### Convert any article, blog, PDF document, or topic into an engaging professional podcast conversation with in-depth analysis!
+            """)
+        
+        # 상태 표시 섹션
+        with gr.Row():
+            with gr.Column(scale=1):
+                gr.Markdown(f"""
+                #### 🤖 System Status
+                - **LLM**: {converter.config.local_model_name.split('.')[0]}
+                - **Fallback**: {converter.config.api_model_name.split('/')[-1]}
+                - **Llama CPP**: {"✅ Ready" if LLAMA_CPP_AVAILABLE else "❌ Not Available"}
+                - **Search**: {"✅ Brave API" if BRAVE_KEY else "❌ No API"}
+                """)
+            with gr.Column(scale=1):
                 gr.Markdown("""
-                **📚 Features:**
-                - Professional podcast style with expert insights
-                - Real-time web search integration
-                - 2-4 sentence detailed expert responses
-                - Data-driven discussions with examples
-                - 12-15 professional exchanges
-                """, elem_classes=["info-box"])
-    
-    convert_btn = gr.Button("🎯 Generate Professional Conversation", variant="primary", size="lg")
-    
-    with gr.Row():
-        with gr.Column():
-            conversation_output = gr.Textbox(
-                label="Generated Professional Conversation (Editable)",
-                lines=35,
-                max_lines=70,
-                interactive=True,
-                placeholder="Professional podcast conversation will appear here...",
-                elem_classes=["conversation-output"]
-            )
-            
-            # Audio generation button
+                #### 📻 Podcast Features
+                - **Length**: 12-15 professional exchanges
+                - **Style**: Expert discussions with data & insights
+                - **Languages**: English & Korean (한국어)
+                - **Input**: URL, PDF, or Keywords
+                """)
+        
+        # 메인 입력 섹션
+        with gr.Group(elem_classes="input-group"):
             with gr.Row():
-                generate_audio_btn = gr.Button("🎙️ Generate Audio from Text", variant="secondary", size="lg")
-                gr.Markdown("*Edit the conversation above, then click to generate audio*")
-            
-        with gr.Column():
-            audio_output = gr.Audio(
-                label="Professional Podcast Audio",
-                type="filepath",
-                interactive=False
-            )
+                # 왼쪽: 입력 옵션들
+                with gr.Column(scale=2):
+                    # 입력 타입 선택
+                    input_type_selector = gr.Radio(
+                        choices=["URL", "PDF", "Keyword"],
+                        value="URL",
+                        label="📥 Input Type",
+                        info="Choose your content source"
+                    )
+                    
+                    # URL 입력
+                    url_input = gr.Textbox(
+                        label="🔗 Article URL", 
+                        placeholder="Enter the article URL here...",
+                        value="",
+                        visible=True,
+                        lines=2
+                    )
+                    
+                    # PDF 업로드
+                    pdf_input = gr.File(
+                        label="📄 Upload PDF",
+                        file_types=[".pdf"],
+                        visible=False
+                    )
+                    
+                    # 키워드 입력
+                    keyword_input = gr.Textbox(
+                        label="🔍 Topic/Keyword",
+                        placeholder="Enter a topic (e.g., 'AI trends 2024', '인공지능 최신 동향')",
+                        value="",
+                        visible=False,
+                        info="System will search and compile latest information",
+                        lines=2
+                    )
+                
+                # 오른쪽: 설정 옵션들
+                with gr.Column(scale=1):
+                    # 언어 선택
+                    language_selector = gr.Radio(
+                        choices=["English", "Korean"],
+                        value="English",
+                        label="🌐 Language / 언어",
+                        info="Output language"
+                    )
+                    
+                    # 처리 모드
+                    mode_selector = gr.Radio(
+                        choices=["Local", "API"],
+                        value="Local",
+                        label="⚙️ Processing Mode",
+                        info="Local: On-device | API: Cloud"
+                    )
+                    
+                    # TTS 엔진
+                    tts_selector = gr.Radio(
+                        choices=["Edge-TTS", "Spark-TTS", "MeloTTS"],
+                        value="Edge-TTS",
+                        label="🔊 TTS Engine",
+                        info="Voice synthesis engine"
+                    )
             
-            # Status message
-            status_output = gr.Textbox(
-                label="Status",
-                interactive=False,
-                visible=True,
-                elem_id="status_output"
+            # 생성 버튼
+            with gr.Row():
+                convert_btn = gr.Button(
+                    "🎯 Generate Professional Conversation", 
+                    variant="primary", 
+                    size="lg",
+                    scale=1
+                )
+        
+        # 출력 섹션
+        with gr.Group(elem_classes="output-group"):
+            with gr.Row():
+                # 왼쪽: 대화 텍스트
+                with gr.Column(scale=3):
+                    conversation_output = gr.Textbox(
+                        label="💬 Generated Professional Conversation (Editable)",
+                        lines=25,
+                        max_lines=50,
+                        interactive=True,
+                        placeholder="Professional podcast conversation will appear here...\n전문 팟캐스트 대화가 여기에 표시됩니다...",
+                        info="Edit the conversation as needed. Format: 'Speaker Name: Text'"
+                    )
+                    
+                    # 오디오 생성 버튼
+                    with gr.Row():
+                        generate_audio_btn = gr.Button(
+                            "🎙️ Generate Audio from Text", 
+                            variant="secondary", 
+                            size="lg"
+                        )
+                
+                # 오른쪽: 오디오 출력 및 상태
+                with gr.Column(scale=2):
+                    audio_output = gr.Audio(
+                        label="🎧 Professional Podcast Audio",
+                        type="filepath",
+                        interactive=False
+                    )
+                    
+                    status_output = gr.Textbox(
+                        label="📊 Status",
+                        interactive=False,
+                        lines=3,
+                        elem_classes="status-box"
+                    )
+                    
+                    # 도움말
+                    gr.Markdown("""
+                    #### 💡 Quick Tips:
+                    - **URL**: Paste any article link
+                    - **PDF**: Upload documents directly
+                    - **Keyword**: Enter topics for AI research
+                    - Edit conversation before audio generation
+                    - Korean (한국어) fully supported
+                    """)
+        
+        # 예제 섹션
+        with gr.Accordion("📚 Examples", open=False):
+            gr.Examples(
+                examples=[
+                    ["https://huggingface.co/blog/openfree/cycle-navigator", "URL", "Local", "Edge-TTS", "English"],
+                    ["quantum computing breakthroughs", "Keyword", "Local", "Edge-TTS", "English"],
+                    ["https://huggingface.co/papers/2505.14810", "URL", "Local", "Edge-TTS", "Korean"],
+                    ["인공지능 윤리와 규제", "Keyword", "Local", "Edge-TTS", "Korean"],
+                ],
+                inputs=[url_input, input_type_selector, mode_selector, tts_selector, language_selector],
+                outputs=[conversation_output, status_output],
+                fn=synthesize_sync,
+                cache_examples=False,
             )
     
-    
-    gr.Examples(
-        examples=[
-            ["https://huggingface.co/blog/openfree/cycle-navigator", "URL", "Local", "Edge-TTS", "English"],
-            ["quantum computing breakthroughs", "Keyword", "Local", "Edge-TTS", "English"],
-            ["https://huggingface.co/papers/2505.14810", "URL", "Local", "Edge-TTS", "English"],
-            ["AI ethics and regulation", "Keyword", "Local", "Edge-TTS", "English"],
-        ],
-        inputs=[url_input, input_type_selector, mode_selector, tts_selector, language_selector],
-        outputs=[conversation_output, status_output],
-        fn=synthesize_sync,
-        cache_examples=False,
-    )
-    
-    # Event handlers
+    # Input type change handler
     input_type_selector.change(
         fn=toggle_input_visibility,
         inputs=[input_type_selector],
         outputs=[url_input, pdf_input, keyword_input]
     )
     
+    # 언어 변경 시 TTS 엔진 옵션 업데이트
     language_selector.change(
         fn=update_tts_engine_for_korean,
         inputs=[language_selector],
         outputs=[tts_selector]
     )
     
-    # Convert button handler
+    # 이벤트 연결
     def get_article_input(input_type, url_input, pdf_input, keyword_input):
         """Get the appropriate input based on input type"""
         if input_type == "URL":
@@ -1785,7 +1578,6 @@ if __name__ == "__main__":
     demo.queue(api_open=True, default_concurrency_limit=10).launch(
         show_api=True,
         share=False,
-        mcp_server=True,
         server_name="0.0.0.0",
         server_port=7860
-    )    
+    )