update: font

app.py

@@ -380,7 +380,7 @@ Take 1. 09:45 - 09:50
 Take 2. 10:13 - 10:18
 Best Answer: [10:13 - 10:18]({link_start}://roll.ai/colab/1234aq_12314/51234151?st=613&et=618)"""
         else:
-            prompt = f"""Given the transcript {transcript}, analyze all speakers' discussions and list out people, news, events, trends, and sources mentioned. For each speaker, provide at least 3 topics that would make engaging social media clips. Include timestamp and duration for each topic.
+            prompt = f"""<div id="initial_message"> Given the transcript {transcript}, analyze all speakers' discussions and list out people, news, events, trends, and sources mentioned. For each speaker, provide at least 3 topics that would make engaging social media clips. Include timestamp and duration for each topic.
 
 Format the output as follows:
 
@@ -399,7 +399,7 @@ Requirements:
 
 URL format: {link_start}://{{origin}}/collab/{{cid}}/{{rsid}}?st={{start_time_in_sec}}&et={{end_time_in_sec}}
 
-Rank topics based on their potential virality and engagement for social media clips.
+Rank topics based on their potential virality and engagement for social media clips. </div>
 """
 
         completion = client.chat.completions.create(
@@ -661,7 +661,15 @@ def create_chat_interface():
     }
     """
 
-    with gr.Blocks(fill_height=True, fill_width=True, css=css, js=js) as demo:
+    with gr.Blocks(
+        fill_height=True,
+        fill_width=True,
+        css=css,
+        js=js,
+        theme=gr.themes.Default(
+            font=[gr.themes.GoogleFont("Inconsolata"), "Arial", "sans-serif"]
+        ),
+    ) as demo:
         chatbot = gr.Chatbot(
             elem_id="chatbot_box",
             layout="bubble",