move audio input button to sidebar

Author: ks6088ts

template_langgraph/services/streamlits/pages/chat_with_tools_agent.py

@@ -104,6 +104,14 @@ def synthesize_audio(
     # 音声モードの場合、Whisper 設定を表示
     if input_output_mode == "音声":
         st.subheader("音声認識設定 (オプション)")
+        audio_bytes = audio_recorder(
+            text="クリックして音声入力👉️",
+            recording_color="red",
+            neutral_color="gray",
+            icon_name="microphone",
+            icon_size="2x",
+            key="audio_input",
+        )
         selected_model = st.sidebar.selectbox(
             "Whisperモデル",
             [
@@ -206,16 +214,6 @@ def synthesize_audio(
 prompt_files = []
 
 if input_output_mode == "音声":
-    st.subheader("🎤 音声入力")
-    audio_bytes = audio_recorder(
-        text="クリックして録音",
-        recording_color="red",
-        neutral_color="gray",
-        icon_name="microphone",
-        icon_size="2x",
-        key="audio_input",
-    )
-
     if audio_bytes:
         st.audio(audio_bytes, format="audio/wav")