diff --git a/src-python/webui_mainloop.py b/src-python/webui_mainloop.py
index 45d4c284..3e9df2ce 100644
--- a/src-python/webui_mainloop.py
+++ b/src-python/webui_mainloop.py
@@ -98,7 +98,7 @@ mapping = {
     # Appearance
     "/get/data/version": {"status": True, "variable":controller.getVersion},
 
-    "/get/data/transparency_range": {"status": True, "variable":controller.getTransparencyRange},
+    # "/get/data/transparency_range": {"status": True, "variable":controller.getTransparencyRange},
     "/get/data/transparency": {"status": True, "variable":controller.getTransparency},
     "/set/data/transparency": {"status": True, "variable":controller.setTransparency},
 
@@ -106,15 +106,15 @@ mapping = {
     # "/get/data/appearance_theme": {"status": True, "variable":controller.getAppearanceTheme},
     # "/set/data/appearance_theme": {"status": True, "variable":controller.setAppearanceTheme},
 
-    "/get/data/ui_scaling_range": {"status": True, "variable":controller.getUiScalingRange},
+    # "/get/data/ui_scaling_range": {"status": True, "variable":controller.getUiScalingRange},
     "/get/data/ui_scaling": {"status": True, "variable":controller.getUiScaling},
     "/set/data/ui_scaling": {"status": True, "variable":controller.setUiScaling},
 
-    "/get/data/textbox_ui_scaling_range": {"status": True, "variable":controller.getTextboxUiScalingRange},
+    # "/get/data/textbox_ui_scaling_range": {"status": True, "variable":controller.getTextboxUiScalingRange},
     "/get/data/textbox_ui_scaling": {"status": True, "variable":controller.getTextboxUiScaling},
     "/set/data/textbox_ui_scaling": {"status": True, "variable":controller.setTextboxUiScaling},
 
-    "/get/data/message_box_ratio_range": {"status": True, "variable":controller.getMessageBoxRatioRange},
+    # "/get/data/message_box_ratio_range": {"status": True, "variable":controller.getMessageBoxRatioRange},
     "/get/data/message_box_ratio": {"status": True, "variable":controller.getMessageBoxRatio},
     "/set/data/message_box_ratio": {"status": True, "variable":controller.setMessageBoxRatio},
 
@@ -124,9 +124,9 @@ mapping = {
     "/get/data/ui_language": {"status": True, "variable":controller.getUiLanguage},
     "/set/data/ui_language": {"status": True, "variable":controller.setUiLanguage},
 
-    "/get/data/restore_main_window_geometry": {"status": True, "variable":controller.getRestoreMainWindowGeometry},
-    "/set/enable/restore_main_window_geometry": {"status": True, "variable":controller.setEnableRestoreMainWindowGeometry},
-    "/set/disable/restore_main_window_geometry": {"status": True, "variable":controller.setDisableRestoreMainWindowGeometry},
+    # "/get/data/restore_main_window_geometry": {"status": True, "variable":controller.getRestoreMainWindowGeometry},
+    # "/set/enable/restore_main_window_geometry": {"status": True, "variable":controller.setEnableRestoreMainWindowGeometry},
+    # "/set/disable/restore_main_window_geometry": {"status": True, "variable":controller.setDisableRestoreMainWindowGeometry},
 
     "/get/data/main_window_geometry": {"status": True, "variable":controller.getMainWindowGeometry},
     "/set/data/main_window_geometry": {"status": True, "variable":controller.setMainWindowGeometry},
@@ -160,8 +160,8 @@ mapping = {
     "/get/data/mic_device_list": {"status": True, "variable":controller.getMicDeviceList},
     "/get/data/speaker_device_list": {"status": True, "variable":controller.getSpeakerDeviceList},
 
-    "/get/data/max_mic_threshold": {"status": True, "variable":controller.getMaxMicThreshold},
-    "/get/data/max_speaker_threshold": {"status": True, "variable":controller.getMaxSpeakerThreshold},
+    # "/get/data/max_mic_threshold": {"status": True, "variable":controller.getMaxMicThreshold},
+    # "/get/data/max_speaker_threshold": {"status": True, "variable":controller.getMaxSpeakerThreshold},
 
     "/get/data/auto_mic_select": {"status": True, "variable":controller.getAutoMicSelect},
     "/set/enable/auto_mic_select": {"status": True, "variable":controller.setEnableAutoMicSelect},
@@ -277,17 +277,17 @@ mapping = {
     "/set/enable/send_message_to_vrc": {"status": True, "variable":controller.setEnableSendMessageToVrc},
     "/set/disable/send_message_to_vrc": {"status": True, "variable":controller.setDisableSendMessageToVrc},
 
-    "/get/data/send_message_format": {"status": True, "variable":controller.getSendMessageFormat},
-    "/set/data/send_message_format": {"status": True, "variable":controller.setSendMessageFormat},
+    # "/get/data/send_message_format": {"status": True, "variable":controller.getSendMessageFormat},
+    # "/set/data/send_message_format": {"status": True, "variable":controller.setSendMessageFormat},
 
-    "/get/data/send_message_format_with_t": {"status": True, "variable":controller.getSendMessageFormatWithT},
-    "/set/data/send_message_format_with_t": {"status": True, "variable":controller.setSendMessageFormatWithT},
+    # "/get/data/send_message_format_with_t": {"status": True, "variable":controller.getSendMessageFormatWithT},
+    # "/set/data/send_message_format_with_t": {"status": True, "variable":controller.setSendMessageFormatWithT},
 
-    "/get/data/received_message_format": {"status": True, "variable":controller.getReceivedMessageFormat},
-    "/set/data/received_message_format": {"status": True, "variable":controller.setReceivedMessageFormat},
+    # "/get/data/received_message_format": {"status": True, "variable":controller.getReceivedMessageFormat},
+    # "/set/data/received_message_format": {"status": True, "variable":controller.setReceivedMessageFormat},
 
-    "/get/data/received_message_format_with_t": {"status": True, "variable":controller.getReceivedMessageFormatWithT},
-    "/set/data/received_message_format_with_t": {"status": True, "variable":controller.setReceivedMessageFormatWithT},
+    # "/get/data/received_message_format_with_t": {"status": True, "variable":controller.getReceivedMessageFormatWithT},
+    # "/set/data/received_message_format_with_t": {"status": True, "variable":controller.setReceivedMessageFormatWithT},
 
     "/get/data/send_received_message_to_vrc": {"status": True, "variable":controller.getSendReceivedMessageToVrc},
     "/set/enable/send_received_message_to_vrc": {"status": True, "variable":controller.setEnableSendReceivedMessageToVrc},
diff --git a/src-ui/app/config_page/setting_section/setting_box/appearance/Appearance.jsx b/src-ui/app/config_page/setting_section/setting_box/appearance/Appearance.jsx
index 635253b9..abc8b0c7 100644
--- a/src-ui/app/config_page/setting_section/setting_box/appearance/Appearance.jsx
+++ b/src-ui/app/config_page/setting_section/setting_box/appearance/Appearance.jsx
@@ -2,6 +2,7 @@ import clsx from "clsx";
 import { useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
 import styles from "./Appearance.module.scss";
+import { ui_configs } from "@ui_configs";
 import { useStore_SelectableFontFamilyList } from "@store";
 import {
     useUiLanguage,
@@ -38,12 +39,6 @@ export const Appearance = () => {
 const UiLanguageContainer = () => {
     const { t } = useTranslation();
     const { currentUiLanguage, setUiLanguage } = useUiLanguage();
-    const SELECTABLE_UI_LANGUAGES_DICT = {
-        en: "English",
-        ja: "日本語",
-        ko: "한국어",
-        "zh-Hant": "繁體中文",
-    };
 
     const is_not_en_lang = currentUiLanguage.data !== "en" && currentUiLanguage.data !== undefined;
     return (
@@ -60,7 +55,7 @@ const UiLanguageContainer = () => {
             </div>
             <div className={styles.ui_language_selector_container}>
                 {currentUiLanguage.state === "pending" && <span className={styles.loader}></span>}
-                {Object.entries(SELECTABLE_UI_LANGUAGES_DICT).map(([key, value]) => (
+                {Object.entries(ui_configs.selectable_ui_languages).map(([key, value]) => (
                     <label key={key} className={clsx(styles.radio_button_wrapper, { [styles.is_selected]: currentUiLanguage.data === key } )}>
                         <input
                             className={styles.radio_button_input}
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 83837a72..1db597fa 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
@@ -1,5 +1,6 @@
 import { useTranslation } from "react-i18next";
 import styles from "./Device.module.scss";
+import { ui_configs } from "@ui_configs";
 import {
     useEnableAutoMicSelect,
     useMicHostList,
@@ -120,8 +121,8 @@ const Mic_Container = () => {
                 <div className={styles.threshold_section}>
                     <ThresholdComponent
                         id="mic_threshold"
-                        min="0"
-                        max="2000"
+                        min={ui_configs.mic_threshold_min}
+                        max={ui_configs.mic_threshold_max}
                     />
                 </div>
             </div>
@@ -197,8 +198,8 @@ const Speaker_Container = () => {
                 <div className={styles.threshold_section}>
                     <ThresholdComponent
                         id="speaker_threshold"
-                        min="0"
-                        max="4000"
+                        min={ui_configs.speaker_threshold_min}
+                        max={ui_configs.speaker_threshold_max}
                     />
                 </div>
             </div>
diff --git a/src-ui/logics/useReceiveRoutes.js b/src-ui/logics/useReceiveRoutes.js
index 8cdda433..d8c523d2 100644
--- a/src-ui/logics/useReceiveRoutes.js
+++ b/src-ui/logics/useReceiveRoutes.js
@@ -1,4 +1,4 @@
-import { translator_status } from "@data";
+import { translator_status } from "@ui_configs";
 import { arrayToObject } from "@utils/arrayToObject";
 
 import {
diff --git a/src-ui/store.js b/src-ui/store.js
index 87235b0f..ba4cfc7c 100644
--- a/src-ui/store.js
+++ b/src-ui/store.js
@@ -5,9 +5,11 @@ import {
 } from "jotai";
 
 import {
-    translator_status,
     generateTestData,
-} from "@data";
+} from "@test_data";
+import {
+    translator_status,
+} from "@ui_configs";
 
 export const store = {
     backend_subprocess: null,
diff --git a/src-ui/ui_configs.js b/src-ui/ui_configs.js
new file mode 100644
index 00000000..12b0bcb4
--- /dev/null
+++ b/src-ui/ui_configs.js
@@ -0,0 +1,21 @@
+export const translator_status = [
+    { translator_id: "DeepL", translator_name: "DeepL", is_available: false },
+    { translator_id: "DeepL_API", translator_name: `DeepL\nAPI`, is_available: false },
+    { translator_id: "Google", translator_name: "Google", is_available: false },
+    { translator_id: "Bing", translator_name: "Bing", is_available: false },
+    { translator_id: "Papago", translator_name: "Papago", is_available: false },
+    { translator_id: "CTranslate2", translator_name: `Internal\n(Default)`, is_available: false },
+];
+
+export const ui_configs = {
+    mic_threshold_min: 0,
+    mic_threshold_max: 2000,
+    speaker_threshold_min: 0,
+    speaker_threshold_max: 4000,
+    selectable_ui_languages: {
+        en: "English",
+        ja: "日本語",
+        ko: "한국어",
+        "zh-Hant": "繁體中文",
+    }
+};
\ No newline at end of file
diff --git a/data.js b/test_data.js
similarity index 82%
rename from data.js
rename to test_data.js
index e7492f47..ba53cb7e 100644
--- a/data.js
+++ b/test_data.js
@@ -1,13 +1,3 @@
-export const translator_status = [
-    { translator_id: "DeepL", translator_name: "DeepL", is_available: false },
-    { translator_id: "DeepL_API", translator_name: `DeepL\nAPI`, is_available: false },
-    { translator_id: "Google", translator_name: "Google", is_available: false },
-    { translator_id: "Bing", translator_name: "Bing", is_available: false },
-    { translator_id: "Papago", translator_name: "Papago", is_available: false },
-    { translator_id: "CTranslate2", translator_name: `Internal\n(Default)`, is_available: false },
-];
-
-
 export const generateTestData = (num) => {
     const testDataArray = [];
     const messagesJa = [
diff --git a/vite.config.js b/vite.config.js
index 93057bc4..4412baeb 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -33,8 +33,9 @@ export default defineConfig(async () => ({
     resolve: {
         alias: {
             "@root": path.resolve(__dirname),
-            "@data": path.resolve(__dirname, "./data.js"),
+            "@test_data": path.resolve(__dirname, "./test_data.js"),
 
+            "@ui_configs": path.resolve(__dirname, "src-ui/ui_configs.js"),
             "@scss_mixins": path.resolve(__dirname, "src-ui/utils/mixins.scss"),
             "@store": path.resolve(__dirname, "src-ui/store.js"),
             "@images": path.resolve(__dirname, "src-ui/assets"),