Update chat_app_remote.py

chat_app_remote.py

@@ -87,12 +87,14 @@ def create_frontend_demo():
     Create and configure the Gradio interface.
     """
     with gr.Blocks(css=custom_css, theme="Respair/[email protected]") as demo:
-        session_id_state = gr.State("")
+        # Initialize session_id_state with a new random session ID
+        initial_session_id, _, initial_display_text = set_session("")
+        session_id_state = gr.State(value=initial_session_id)
         
         with gr.Tabs() as tabs:
             with gr.Tab("Chat"):
-                # Chat interface elements
-                session_display = gr.Markdown("Current Session ID: None", label="Session ID")
+                # Update initial session display with the auto-generated ID
+                session_display = gr.Markdown(initial_display_text, label="Session ID")
                 chatbot = gr.Chatbot(
                     label="Conversation History",
                     height=400,
@@ -100,8 +102,9 @@ def create_frontend_demo():
                     placeholder="Start chatting with Aira..."
                 )
 
-                gr.Markdown("""Please, Go to the options tab and set a session ID. don't start with a None.
-                           <br> オプションタブに移動して、セッションIDを設定してください。Noneから始めないでください""")
+                # Update the instruction text since session ID is now automatic
+                gr.Markdown("""Start chatting with Aira! You can use text or voice input.
+                           <br> アイラとチャットを始めましょう！テキストまたは音声入力が使えます。""")
                 
                 with gr.Column():
                     msg = gr.Textbox(