Fixed gradio reference

api_clients.py

@@ -12,17 +12,25 @@ class OpenRouterClient:
     
     def __init__(self, api_key: str):
         logger.info("Initializing OpenRouter client")
-        if not api_key or len(api_key) < 32:
+        self.api_key = api_key
+        logger.debug("OpenRouter client initialized successfully")
+    
+    @property
+    def api_key(self):
+        return self._api_key
+
+    @api_key.setter
+    def api_key(self, value: str):
+        if not value or len(value) < 32:
             logger.error("Invalid API key format")
             raise ValueError("Invalid OpenRouter API key")
-            
-        self.api_key = api_key
-        self.base_url = "https://openrouter.ai/api/v1"
+        self._api_key = value
+        # Update headers when API key changes
         self.headers = {
-            "Authorization": f"Bearer {api_key}",
+            "Authorization": f"Bearer {value}",
             "Content-Type": "application/json",
         }
-        logger.debug("OpenRouter client initialized successfully")
+        logger.info("OpenRouter API key updated successfully")
     
     @asynccontextmanager
     async def get_session(self):
@@ -125,6 +133,21 @@ class ElevenLabsClient:
         self.api_key = api_key
         elevenlabs.set_api_key(api_key)
     
+    @property
+    def api_key(self):
+        return self._api_key
+
+    @api_key.setter
+    def api_key(self, value: str):
+        if not value or len(value) < 32:
+            logger.error("Invalid API key format")
+            raise ValueError("Invalid ElevenLabs API key")
+        self._api_key = value
+        elevenlabs.set_api_key(value)
+        logger.info("ElevenLabs API key updated successfully")
+        # Clear cached voices when API key changes
+        self.get_voices.cache_clear()
+    
     @lru_cache(maxsize=1)
     def get_voices(self) -> List[Tuple[str, str]]:
         """

app.py

@@ -1,7 +1,7 @@
 import asyncio
 import os
+import gradio as gr
 from typing import Optional
-from gradio import Blocks, Markdown, Row, Column, Textbox, Audio, Button, Dropdown
 from dotenv import load_dotenv
 from scraper import scrape_url
 from podcast_generator import PodcastGenerator
@@ -38,49 +38,49 @@ async def generate_podcast(
         return f"Error: {str(e)}"
 
 def create_ui():
-    with Blocks(title='URL to Podcast Generator', theme='huggingface') as interface:
-        Markdown('# URL to Podcast Generator')
-        Markdown('Enter a URL to generate a podcast episode based on its content.')
+    with gr.Blocks(title='URL to Podcast Generator', theme='huggingface') as interface:
+        gr.Markdown('# URL to Podcast Generator')
+        gr.Markdown('Enter a URL to generate a podcast episode based on its content.')
 
-        with Row():
-            with Column(scale=2):
-                url_input = Textbox(
+        with gr.Row():
+            with gr.Column(scale=2):
+                url_input = gr.Textbox(
                     label="Website URL",
                     placeholder="Enter the URL of the website you want to convert to a podcast"
                 )
                 
-                with Row():
-                    with Column():
-                        openrouter_key = Textbox(
+                with gr.Row():
+                    with gr.Column():
+                        openrouter_key = gr.Textbox(
                             label='OpenRouter API Key',
                             type='password',
                             placeholder='Enter key...'
                         )
-                        openrouter_model = Dropdown(
+                        openrouter_model = gr.Dropdown(
                             label='AI Model',
                             choices=default_models,
                             value=None,
                             allow_custom_value=True
                         )
                         
-                    with Column():
-                        elevenlabs_key = Textbox(
+                    with gr.Column():
+                        elevenlabs_key = gr.Textbox(
                             label='ElevenLabs API Key',
                             type='password',
                             placeholder='Enter key...'
                         )
-                        voice_model = Dropdown(
+                        voice_model = gr.Dropdown(
                             label='Voice',
                             choices=default_voices,
                             value=None,
                             allow_custom_value=True
                         )
                 
-                submit_btn = Button('Generate Podcast', variant='primary')
+                submit_btn = gr.Button('Generate Podcast', variant='primary')
 
-            with Column(scale=1):
-                audio_output = Audio(label="Generated Podcast")
-                status = Textbox(label='Status', interactive=False)
+            with gr.Column(scale=1):
+                audio_output = gr.Audio(label="Generated Podcast")
+                status = gr.Textbox(label='Status', interactive=False)
 
         # Event handlers for API key changes
         async def update_openrouter_models(key):