Update app.py

app.py

@@ -18,8 +18,9 @@ SAMPLE_RATE = 16000 # Hz
 MAX_AUDIO_MINUTES = 10 # wont try to transcribe if longer than this
 DESCRIPTION = '''
 <div>
-<h1 style="text-align: center;">Meta Llama3 8B</h1>
-<p>This Space demonstrates the instruction-tuned model <a href="https://huggingface.co/meta-llama/Meta-Llama-3-8B-Instruct"><b>Meta Llama3 8b Chat</b></a>. Meta Llama3 is the new open LLM and comes in two sizes: 8b and 70b. Feel free to play with it, or duplicate to run privately!</p>
+<h1 style='text-align: center'>MyAlexa: Voice Chat Assistant</h1>
+<p style='text-align: center'>This is a demo of a voice chat that accepts an audio input up to 10 minutes long. Translation and text are limited to the English language.</p>
+<p>This Space uses nvidia's canaray 1b model to transcribe input audio, LLama3 for LLM and VITS for TTS <a href="https://huggingface.co/meta-llama/Meta-Llama-3-8B-Instruct"><b>Meta Llama3 8b Chat</b></a>. Meta Llama3 is the new open LLM and comes in two sizes: 8b and 70b. Feel free to play with it, or duplicate to run privately!</p>
 <p>🔎 For more details about the Llama3 release and how to use the model with <code>transformers</code>, take a look <a href="https://huggingface.co/blog/llama3">at our blog post</a>.</p>
 <p>🦕 Looking for an even more powerful model? Check out the <a href="https://huggingface.co/chat/"><b>Hugging Chat</b></a> integration for Meta Llama 3 70b</p>
 </div>
@@ -27,8 +28,7 @@ DESCRIPTION = '''
 PLACEHOLDER = """
 <div style="padding: 30px; text-align: center; display: flex; flex-direction: column; align-items: center;">
    <img src="MyAlexaLogo.png" style="width: 80%; max-width: 550px; height: auto; opacity: 0.55;  "> 
-   <h1 style="font-size: 28px; margin-bottom: 2px; opacity: 0.55;">MyAlexa 0.1.0</h1>
-   <p style="font-size: 18px; margin-bottom: 2px; opacity: 0.65;">What's on your mind?</p>
+   <p style="font-size: 28px; margin-bottom: 2px; opacity: 0.65;">What's on your mind?</p>
 </div>
 """
 
@@ -150,7 +150,7 @@ with gr.Blocks(
 	title="NeMo Canary Model",
 	css="""
 		textarea { font-size: 18px;}
-		#model_output_text_box span {
+		#chat_input span {
 			font-size: 18px;
 			font-weight: bold;
 		}
@@ -158,14 +158,13 @@ with gr.Blocks(
 	theme=gr.themes.Default(text_size=gr.themes.sizes.text_lg) # make text slightly bigger (default is text_md )
 ) as demo:
 
-	gr.HTML("<h1 style='text-align: center'>NeMo Canary model: Transcribe & Translate audio</h1>")
 	gr.HTML(DESCRIPTION)
 	chatbot = gr.Chatbot(
         [],
         elem_id="chatbot",
         bubble_full_width=False,
 		placeholder=PLACEHOLDER,
-		label='MyAlexa 0.1.0'
+		label='MyAlexa'
     )
 	with gr.Row():
 		with gr.Column():
@@ -187,11 +186,11 @@ with gr.Blocks(
 
 			chat_input = gr.Textbox(
 				label="Transcribed text:",
-				elem_id="model_output_text_box",
+				elem_id="chat_input",
 			)
-	chat_msg = chat_input.submit(add_message, [chatbot, chat_input], [chatbot, chat_input])
-	bot_msg = chat_msg.then(bot, chatbot, chatbot, api_name="bot_response")
-	bot_msg.then(lambda: gr.Textbox(interactive=True), None, [chat_input])
+	# chat_msg = chat_input.submit(add_message, [chatbot, chat_input], [chatbot, chat_input])
+	# bot_msg = chat_msg.then(bot, chatbot, chatbot, api_name="bot_response")
+	# bot_msg.then(lambda: gr.Textbox(interactive=True), None, [chat_input])
 			
 	go_button.click(
 		fn=transcribe,