diff --git a/src-ui/app/App.jsx b/src-ui/app/App.jsx
index d335ea68..70c6d465 100644
--- a/src-ui/app/App.jsx
+++ b/src-ui/app/App.jsx
@@ -36,11 +36,19 @@ import { useLanguageSettings } from "@logics_main/useLanguageSettings";
 import { useSelectableLanguageList } from "@logics_main/useSelectableLanguageList";
 import { useMessageInputBoxRatio } from "@logics_main/useMessageInputBoxRatio";
 
+import { useMicHostList } from "@logics_configs/useMicHostList";
+import { useMicDeviceList } from "@logics_configs/useMicDeviceList";
+import { useSpeakerDeviceList } from "@logics_configs/useSpeakerDeviceList";
+
 const StartPythonFacadeComponent = () => {
     const { asyncStartPython } = useStartPython();
     const hasRunRef = useRef(false);
     const main_page = getCurrent();
 
+    const { getMicHostList } = useMicHostList();
+    const { getMicDeviceList } = useMicDeviceList();
+    const { getSpeakerDeviceList } = useSpeakerDeviceList();
+
     const { getIsMainPageCompactMode } = useIsMainPageCompactMode();
     const { getSoftwareVersion } = useSoftwareVersion();
     const { getEnableAutoMicSelect } = useEnableAutoMicSelect();
@@ -84,6 +92,10 @@ const StartPythonFacadeComponent = () => {
                 getTranslationEngines();
                 getSelectedTranslationEngines();
 
+                getMicHostList();
+                getMicDeviceList();
+                getSpeakerDeviceList();
+
                 getEnableAutoMicSelect();
                 getEnableAutoSpeakerSelect();
                 getSelectedMicHost();
diff --git a/src-ui/app/config_page/setting_section/setting_box/device/Device.jsx b/src-ui/app/config_page/setting_section/setting_box/device/Device.jsx
index 52531d22..e1cd7259 100644
--- a/src-ui/app/config_page/setting_section/setting_box/device/Device.jsx
+++ b/src-ui/app/config_page/setting_section/setting_box/device/Device.jsx
@@ -85,7 +85,7 @@ const Mic_Container = () => {
                                 selected_id={currentSelectedMicHost.data}
                                 list={currentMicHostList.data}
                                 selectFunction={selectFunction_host}
-                                openListFunction={getMicHostList}
+                                // openListFunction={getMicHostList}
                                 state={currentSelectedMicHost.state}
                                 style={{ maxWidth: "20rem", minWidth: "10rem" }}
                                 is_disabled={is_disabled_selector}
@@ -99,7 +99,7 @@ const Mic_Container = () => {
                                 selected_id={currentSelectedMicDevice.data}
                                 list={currentMicDeviceList.data}
                                 selectFunction={selectFunction_device}
-                                openListFunction={getMicDeviceList}
+                                // openListFunction={getMicDeviceList}
                                 state={currentSelectedMicDevice.state}
                                 is_disabled={is_disabled_selector}
                             />
@@ -183,7 +183,7 @@ const Speaker_Container = () => {
                             selected_id={currentSelectedSpeakerDevice.data}
                             list={currentSpeakerDeviceList.data}
                             selectFunction={selectFunction}
-                            openListFunction={getSpeakerDeviceList}
+                            // openListFunction={getSpeakerDeviceList}
                             state={currentSelectedSpeakerDevice.state}
                             is_disabled={is_disabled_selector}
                         />
diff --git a/src-ui/logics/useReceiveRoutes.js b/src-ui/logics/useReceiveRoutes.js
index 7d529eb3..d0880152 100644
--- a/src-ui/logics/useReceiveRoutes.js
+++ b/src-ui/logics/useReceiveRoutes.js
@@ -152,6 +152,7 @@ export const useReceiveRoutes = () => {
         "/set/disable/auto_speaker_select": updateEnableAutoSpeakerSelect,
 
         "/get/data/mic_host_list": (payload) => updateMicHostList(arrayToObject(payload)),
+        "/run/mic_host_list": (payload) => updateMicHostList(arrayToObject(payload)),
         "/get/data/selected_mic_host": updateSelectedMicHost,
         "/set/data/selected_mic_host": (payload) => {
             updateSelectedMicHost(payload.host);
@@ -159,12 +160,20 @@ export const useReceiveRoutes = () => {
         },
 
         "/get/data/mic_device_list": (payload) => updateMicDeviceList(arrayToObject(payload)),
+        "/run/mic_device_list": (payload) => updateMicDeviceList(arrayToObject(payload)),
         "/get/data/selected_mic_device": updateSelectedMicDevice,
         "/set/data/selected_mic_device": updateSelectedMicDevice,
 
+        "/run/selected_mic_device": (payload) => {
+            updateSelectedMicHost(payload.host);
+            updateSelectedMicDevice(payload.device);
+        },
+
         "/get/data/speaker_device_list": (payload) => updateSpeakerDeviceList(arrayToObject(payload)),
+        "/run/speaker_device_list": (payload) => updateSpeakerDeviceList(arrayToObject(payload)),
         "/get/data/selected_speaker_device": updateSelectedSpeakerDevice,
         "/set/data/selected_speaker_device": updateSelectedSpeakerDevice,
+        "/run/selected_speaker_device": updateSelectedSpeakerDevice,
 
         "/run/check_mic_volume": updateVolumeVariable_Mic,
         "/run/check_speaker_volume": updateVolumeVariable_Speaker,