[Refactor] Organize logics files. and change import path as well.

src-ui/app/App.jsx

@@ -31,8 +31,8 @@ import { useEnableAutoClearMessageBox } from "@logics_configs/useEnableAutoClear
 import { useSendMessageButtonType } from "@logics_configs/useSendMessageButtonType";
 import { useUiLanguage } from "@logics_configs/useUiLanguage";
 
-import { useLanguageSettings } from "@logics/useLanguageSettings";
-import { useSelectableLanguageList } from "@logics/useSelectableLanguageList";
+import { useLanguageSettings } from "@logics_main/useLanguageSettings";
+import { useSelectableLanguageList } from "@logics_main/useSelectableLanguageList";
 
 const StartPythonFacadeComponent = () => {
     const { asyncStartPython } = useStartPython();
@@ -103,7 +103,7 @@ const UiLanguageController = () => {
     return null;
 };
 
-import { useVolume } from "@logics/useVolume";
+import { useVolume } from "@logics_common/useVolume";
 import { useStore_IsOpenedConfigPage } from "@store";
 const ConfigPageCloseTrigger = () => {
     const { currentIsOpenedConfigPage } = useStore_IsOpenedConfigPage();

src-ui/app/config_page/setting_section/setting_box/components/threshold_component/ThresholdComponent.jsx

@@ -3,7 +3,7 @@ import styles from "./ThresholdComponent.module.scss";
 import { SliderAndMeter } from "./slider_and_meter/SliderAndMeter";
 import { ThresholdEntry } from "./threshold_entry/ThresholdEntry";
 import { VolumeCheckButton } from "./volume_check_button/VolumeCheckButton";
-import { useVolume } from "@logics/useVolume";
+import { useVolume } from "@logics_common/useVolume";
 export const ThresholdComponent = (props) => {
     return (
         <div className={styles.container}>

src-ui/app/main_page/main_section/MainSection.jsx

@@ -18,7 +18,7 @@ export const MainSection = () => {
 };
 
 
-import { useLanguageSettings } from "@logics/useLanguageSettings";
+import { useLanguageSettings } from "@logics_main/useLanguageSettings";
 const HandleLanguageSelector = () => {
     const { currentIsOpenedLanguageSelector } = useStore_IsOpenedLanguageSelector();
     const {

src-ui/app/main_page/main_section/language_selector/LanguageSelector.jsx

@@ -1,6 +1,6 @@
 import { useTranslation } from "react-i18next";
 
-import { useSelectableLanguageList } from "@logics/useSelectableLanguageList";
+import { useSelectableLanguageList } from "@logics_main/useSelectableLanguageList";
 import styles from "./LanguageSelector.module.scss";
 
 import { LanguageSelectorTopBar } from "./language_selector_top_bar/LanguageSelectorTopBar";

src-ui/app/main_page/main_section/message_container/log_box/LogBox.jsx

@@ -2,7 +2,7 @@ import { useEffect, useLayoutEffect, useRef, useState } from "react";
 import styles from "./LogBox.module.scss";
 import { useStore_MessageLogs, store } from "@store";
 import { MessageContainer } from "./message_container/MessageContainer";
-import { scrollToBottom } from "@logics/scrollToBottom";
+import { scrollToBottom } from "@utils/scrollToBottom";
 
 export const LogBox = () => {
     const { currentMessageLogs } = useStore_MessageLogs();

src-ui/app/main_page/main_section/message_container/message_input_box/MessageInputBox.jsx

@@ -1,9 +1,9 @@
 import { useState } from "react";
 import styles from "./MessageInputBox.module.scss";
 import SendMessageSvg from "@images/send_message.svg?react";
-import { useMessage } from "@logics/useMessage";
+import { useMessage } from "@logics_common/useMessage";
 import { store } from "@store";
-import { scrollToBottom } from "@logics/scrollToBottom";
+import { scrollToBottom } from "@utils/scrollToBottom";
 import { useSendMessageButtonType } from "@logics_configs/useSendMessageButtonType";
 import { useEnableAutoClearMessageBox } from "@logics_configs/useEnableAutoClearMessageBox";
 

src-ui/app/main_page/sidebar_section/language_settings/LanguageSettings.jsx

@@ -23,8 +23,8 @@ export const LanguageSettings = () => {
 import MicSvg from "@images/mic.svg?react";
 import HeadphonesSvg from "@images/headphones.svg?react";
 import { useStore_IsOpenedLanguageSelector } from "@store";
-import { useMainFunction } from "@logics/useMainFunction";
-import { useLanguageSettings } from "@logics/useLanguageSettings";
+import { useMainFunction } from "@logics_main/useMainFunction";
+import { useLanguageSettings } from "@logics_main/useLanguageSettings";
 
 // 言語セレクターをトグルする処理を関数化
 const toggleSelector = (selector, currentStatus, updateSelector) => {

src-ui/app/main_page/sidebar_section/language_settings/preset_tab_selector/PresetTabSelector.jsx

@@ -12,7 +12,7 @@ export const PresetTabSelector = () => {
 
 import clsx from "clsx";
 
-import { useLanguageSettings } from "@logics/useLanguageSettings";
+import { useLanguageSettings } from "@logics_main/useLanguageSettings";
 
 const Tab = (props) => {
     const { currentSelectedPresetTabNumber, setSelectedPresetTabNumber } = useLanguageSettings();

src-ui/app/main_page/sidebar_section/main_function_switch/MainFunctionSwitch.jsx

@@ -7,7 +7,7 @@ import HeadphonesSvg from "@images/headphones.svg?react";
 import ForegroundSvg from "@images/foreground.svg?react";
 import { useStore_IsMainPageCompactMode } from "@store";
 
-import { useMainFunction } from "@logics/useMainFunction";
+import { useMainFunction } from "@logics_main/useMainFunction";
 
 export const MainFunctionSwitch = () => {
     const { t } = useTranslation();

src-ui/logics/useReceiveRoutes.js

@@ -1,9 +1,9 @@
 import { arrayToObject } from "@utils/arrayToObject";
-import { useMainFunction } from "./useMainFunction";
-import { useMessage } from "./useMessage";
-import { useSelectableLanguageList } from "./useSelectableLanguageList";
-import { useLanguageSettings } from "./useLanguageSettings";
-import { useVolume } from "./useVolume";
+import { useMainFunction } from "@logics_main/useMainFunction";
+import { useMessage } from "@logics_common/useMessage";
+import { useSelectableLanguageList } from "@logics_main/useSelectableLanguageList";
+import { useLanguageSettings } from "@logics_main/useLanguageSettings";
+import { useVolume } from "@logics_common/useVolume";
 
 import { useSoftwareVersion } from "@logics_configs/useSoftwareVersion";
 import { useEnableAutoMicSelect } from "@logics_configs/useEnableAutoMicSelect";

vite.config.js

@@ -40,6 +40,8 @@ export default defineConfig(async () => ({
             "@images": path.resolve(__dirname, "src-ui/assets"),
             "@utils": path.resolve(__dirname, "src-ui/utils"),
             "@logics": path.resolve(__dirname, "src-ui/logics"),
+            "@logics_common": path.resolve(__dirname, "src-ui/logics/common"),
+            "@logics_main": path.resolve(__dirname, "src-ui/logics/main"),
             "@logics_configs": path.resolve(__dirname, "src-ui/logics/configs"),
         },
     },