Update app.py

app.py

@@ -6,20 +6,6 @@ import os
 
 openai.api_key = os.environ.get('OPENAI_API_KEY')
 
-css = """
-      #col-container {max-width: 80%; margin-left: auto; margin-right: auto;}
-      #header {text-align: center;}
-        }
-"""
-with gr.Blocks(css=css) as ui:
-
-    with gr.Column(elem_id="col-container"):
-        gr.Markdown("""## Talk to AI Steve Jobs: Audio-to-Text+Audio generation
-                    Powered by ChatGPT + Whisper + ElevenLabs + HuggingFace <br>
-                    <br>
-                    """,
-                    elem_id="header")
-
     
 messages = [{"role": "system", "content": 'You are Steve Jobs. Respond to all input in 25 words or less.'}]
 
@@ -81,6 +67,23 @@ def transcribe(audio):
 
     return chat_transcript,'output.wav'
 
+css = """
+      #col-container {max-width: 80%; margin-left: auto; margin-right: auto;}
+      #header {text-align: center;}
+        }
+        """
+
+with gr.Blocks(css=css) as ui:
+    
+    state = gr.State(get_empty_state())
+    
+    with gr.Column(elem_id="col-container"):
+        gr.Markdown("""## Talk to AI Steve Jobs: Audio-to-Text+Audio generation
+                    Powered by ChatGPT + Whisper + ElevenLabs + HuggingFace <br>
+                    <br>
+                    """,
+                    elem_id="header")
+
 # Define the Gradio UI interface
 # ui = gr.Interface(fn=transcribe, inputs=gr.Audio(source="microphone", type="filepath"), outputs="text")
 ui = gr.Interface(fn=transcribe, inputs=gr.Audio(source="microphone", type="filepath"), outputs=['text','audio'])