From b2bc1e62cb7dbf04e558678ead7b3ea3c7e1b9e3 Mon Sep 17 00:00:00 2001
From: Sakamoto Shiina <68018796+ShiinaSakamoto@users.noreply.github.com>
Date: Sun, 11 May 2025 15:26:05 +0900
Subject: [PATCH 1/5] [bugfix] Fix window geometry bug that was not save and
 restore. changes the way how to get appWindow instance from Tauri.

---
 .../CornerRadiusController.jsx                | 11 +++---
 .../app/error_boundary/AppErrorBoundary.jsx   | 12 +++----
 src-ui/app/index.jsx                          |  4 +++
 .../message_input_box/MessageInputBox.jsx     |  3 --
 .../app/splash_component/SplashComponent.jsx  |  9 ++---
 .../app/window_title_bar/WindowTitleBar.jsx   | 30 +++-------------
 src-ui/logics/common/useWindow.js             | 34 +++++++++++++------
 src-ui/logics/configs/hotkeys/useHotkeys.js   |  6 ++--
 src-ui/logics/main/useMainFunction.js         |  8 ++---
 src-ui/logics/main/useMessageInputBoxRatio.js |  4 +--
 10 files changed, 53 insertions(+), 68 deletions(-)

diff --git a/src-ui/app/_app_controllers/CornerRadiusController.jsx b/src-ui/app/_app_controllers/CornerRadiusController.jsx
index 1b84b9ad..b56d20c5 100644
--- a/src-ui/app/_app_controllers/CornerRadiusController.jsx
+++ b/src-ui/app/_app_controllers/CornerRadiusController.jsx
@@ -1,10 +1,12 @@
 import { useState, useEffect } from "react";
-import { getCurrentWindow } from "@tauri-apps/api/window";
+import { store } from "@store";
 
 export const CornerRadiusController = () => {
     const [is_win11, setIsWin11] = useState(false);
     const [is_maximized, setIsMaximized] = useState(false);
 
+    const appWindow = store.appWindow;
+
     // OS 判定（Win11 なら platformVersion の major ≥13）
     useEffect(() => {
         if (navigator.userAgentData?.getHighEntropyValues) {
@@ -27,12 +29,11 @@ export const CornerRadiusController = () => {
     useEffect(() => {
         let unlisten;
         const setup = async () => {
-            const window = await getCurrentWindow();
             // 初期状態取得
-            setIsMaximized(await window.isMaximized());
+            setIsMaximized(await appWindow.isMaximized());
             // リサイズ時にも再取得
-            const updateMax = () => window.isMaximized().then(setIsMaximized);
-            unlisten = await window.listen("tauri://resize", updateMax);
+            const updateMax = () => appWindow.isMaximized().then(setIsMaximized);
+            unlisten = await appWindow.listen("tauri://resize", updateMax);
         }
         setup();
 
diff --git a/src-ui/app/error_boundary/AppErrorBoundary.jsx b/src-ui/app/error_boundary/AppErrorBoundary.jsx
index 0cc5dfb2..4aeb34a2 100644
--- a/src-ui/app/error_boundary/AppErrorBoundary.jsx
+++ b/src-ui/app/error_boundary/AppErrorBoundary.jsx
@@ -1,5 +1,4 @@
 import { useState } from "react";
-import { getCurrentWindow } from "@tauri-apps/api/window";
 import { ErrorBoundary } from "react-error-boundary";
 import XMarkSvg from "@images/cancel.svg?react";
 import CopySvg from "@images/copy.svg?react";
@@ -7,6 +6,8 @@ import CheckMarkSvg from "@images/check_mark.svg?react";
 
 import { ContactsContainer } from "./contacts_container/ContactsContainer";
 
+import { useWindow } from "@logics_common";
+
 import styles from "./AppErrorBoundary.module.scss";
 
 export const AppErrorBoundary = ({children}) => {
@@ -65,14 +66,9 @@ const ErrorContainer = ({error}) => {
 };
 
 const CloseButtonContainer = () => {
-
-    const asyncClose = async () => {
-        const appWindow = await getCurrentWindow();
-        appWindow.close();
-    };
-
+    const { asyncCloseApp } = useWindow();
     return (
-        <button className={styles.close_button_wrapper} onClick={asyncClose}>
+        <button className={styles.close_button_wrapper} onClick={asyncCloseApp}>
             <div className={styles.close_button}>
                 <XMarkSvg className={styles.x_mark_svg}/>
             </div>
diff --git a/src-ui/app/index.jsx b/src-ui/app/index.jsx
index 03c4e13a..debb0978 100644
--- a/src-ui/app/index.jsx
+++ b/src-ui/app/index.jsx
@@ -2,6 +2,10 @@ import React from "react";
 import ReactDOM from "react-dom/client";
 import "@root/locales/config.js";
 import "./_index_css/root.css";
+import { getCurrentWindow } from "@tauri-apps/api/window";
+
+import { store } from "@store";
+store.appWindow = await getCurrentWindow();
 
 import { App } from "./App";
 
diff --git a/src-ui/app/main_page/main_section/message_container/message_input_box/MessageInputBox.jsx b/src-ui/app/main_page/main_section/message_container/message_input_box/MessageInputBox.jsx
index 2e0f4683..765ea9e1 100644
--- a/src-ui/app/main_page/main_section/message_container/message_input_box/MessageInputBox.jsx
+++ b/src-ui/app/main_page/main_section/message_container/message_input_box/MessageInputBox.jsx
@@ -5,7 +5,6 @@ import { useMessage } from "@logics_common";
 import { useSendMessageButtonType, useEnableAutoClearMessageInputBox } from "@logics_configs";
 import { useMessageLogScroll } from "@logics_main";
 import { store } from "@store";
-import { getCurrentWindow } from "@tauri-apps/api/window";
 
 export const MessageInputBox = () => {
     const [message_history, setMessageHistory] = useState([]);
@@ -41,8 +40,6 @@ export const MessageInputBox = () => {
 
     const onSubmitFunction = (e) => {
         e.preventDefault();
-        // const appWindow = getCurrentWindow();
-        // appWindow.minimize();
 
         if (!currentMessageInputValue.data.trim()) return updateMessageInputValue("");
 
diff --git a/src-ui/app/splash_component/SplashComponent.jsx b/src-ui/app/splash_component/SplashComponent.jsx
index 02cab1ac..2943bad0 100644
--- a/src-ui/app/splash_component/SplashComponent.jsx
+++ b/src-ui/app/splash_component/SplashComponent.jsx
@@ -4,7 +4,7 @@ import { StartUpProgressContainer } from "./start_up_progress_container/StartUpP
 import { DownloadModelsContainer } from "./download_models_container/DownloadModelsContainer/";
 import MegaphoneSvg from "@images/megaphone.svg?react";
 import XMarkSvg from "@images/cancel.svg?react";
-import { getCurrentWindow } from "@tauri-apps/api/window";
+import { useWindow } from "@logics_common";
 import clsx from "clsx";
 
 export const SplashComponent = () => {
@@ -73,13 +73,10 @@ const AnnouncementsContainer = () => {
 
 
 const CloseButtonContainer = () => {
-    const asyncClose = async () => {
-        const appWindow = await getCurrentWindow();
-        appWindow.close();
-    };
+    const { asyncCloseApp } = useWindow();
 
     return (
-        <button className={styles.close_button_wrapper} onClick={asyncClose}>
+        <button className={styles.close_button_wrapper} onClick={asyncCloseApp}>
             <div className={styles.close_button}>
                 <XMarkSvg className={styles.x_mark_svg}/>
             </div>
diff --git a/src-ui/app/window_title_bar/WindowTitleBar.jsx b/src-ui/app/window_title_bar/WindowTitleBar.jsx
index 16be380c..a8848b3e 100644
--- a/src-ui/app/window_title_bar/WindowTitleBar.jsx
+++ b/src-ui/app/window_title_bar/WindowTitleBar.jsx
@@ -1,3 +1,4 @@
+import { useWindow } from "@logics_common";
 // import clsx from "clsx";
 import styles from "./WindowTitleBar.module.scss";
 import XMarkSvg from "@images/cancel.svg?react";
@@ -5,29 +6,8 @@ import SquareSvg from "@images/square.svg?react";
 import LineSvg from "@images/line.svg?react";
 import VrctSvg from "@images/vrct.svg?react";
 
-import { getCurrentWindow } from "@tauri-apps/api/window";
-
 export const WindowTitleBar = () => {
-
-    const asyncMinimize = async () => {
-        const appWindow = await getCurrentWindow();
-        appWindow.minimize();
-    };
-
-    const asyncMaximize = async () => {
-        const appWindow = await getCurrentWindow();
-        const maximizeState = await appWindow.isMaximized();
-        if (!maximizeState) {
-            appWindow.maximize();
-        } else {
-            appWindow.unmaximize();
-        }
-    };
-
-    const asyncClose = async () => {
-        const appWindow = await getCurrentWindow();
-        appWindow.close();
-    };
+    const { asyncCloseApp, asyncToggleMaximizeApp, asyncMinimizeApp} = useWindow();
 
     return (
         <div className={styles.container}>
@@ -37,13 +17,13 @@ export const WindowTitleBar = () => {
                 </div>
 
                 <div className={styles.window_control_wrapper}>
-                    <div className={styles.minimize_button} onClick={asyncMinimize}>
+                    <div className={styles.minimize_button} onClick={asyncMinimizeApp}>
                         <LineSvg className={styles.line_svg}/>
                     </div>
-                    <div className={styles.maximize_button} onClick={asyncMaximize}>
+                    <div className={styles.maximize_button} onClick={asyncToggleMaximizeApp}>
                         <SquareSvg className={styles.square_svg}/>
                     </div>
-                    <div className={styles.close_button} onClick={asyncClose}>
+                    <div className={styles.close_button} onClick={asyncCloseApp}>
                         <XMarkSvg className={styles.x_mark_svg}/>
                     </div>
                 </div>
diff --git a/src-ui/logics/common/useWindow.js b/src-ui/logics/common/useWindow.js
index 01e3618d..88182dd6 100644
--- a/src-ui/logics/common/useWindow.js
+++ b/src-ui/logics/common/useWindow.js
@@ -1,5 +1,5 @@
 import { useEffect, useRef } from "react";
-import { getCurrentWindow, currentMonitor, availableMonitors, PhysicalPosition, PhysicalSize } from "@tauri-apps/api/window";
+import { currentMonitor, availableMonitors, PhysicalPosition, PhysicalSize } from "@tauri-apps/api/window";
 import { useStdoutToPython } from "@logics/useStdoutToPython";
 import { useStore_IsBreakPoint } from "@store";
 import { useUiScaling } from "@logics_configs";
@@ -10,9 +10,9 @@ export const useWindow = () => {
     const { currentUiScaling } = useUiScaling();
     const { updateIsBreakPoint } = useStore_IsBreakPoint();
 
+    const appWindow = store.appWindow;
 
     const asyncGetWindowGeometry = async () => {
-        const appWindow = await getCurrentWindow();
         try {
             const position = await appWindow.outerPosition();
             const { x: x_pos, y: y_pos } = position;
@@ -32,7 +32,6 @@ export const useWindow = () => {
     };
 
     const asyncSaveWindowGeometry = async () => {
-        const appWindow = await getCurrentWindow();
         const minimized = await appWindow.isMinimized();
         if (minimized === true) return; // don't save while the window is minimized.
         const data = await asyncGetWindowGeometry();
@@ -40,8 +39,6 @@ export const useWindow = () => {
     };
 
     const restoreWindowGeometry = async (data) => {
-        const appWindow = await getCurrentWindow();
-
         try {
             const monitors = await availableMonitors();
             const { x_pos, y_pos, width, height } = data;
@@ -95,7 +92,6 @@ export const useWindow = () => {
     };
 
     const asyncUpdateBreakPoint = async () => {
-        const appWindow = await getCurrentWindow();
         const size = await appWindow.innerSize();
         const dynamicBreakPoint = 800 * (currentUiScaling.data / 100);
         updateIsBreakPoint(size.width <= dynamicBreakPoint);
@@ -109,10 +105,7 @@ export const useWindow = () => {
         const unlistenMove   = useRef(null);
 
         useEffect(() => {
-            const setup = async () => {
-                if (store.is_register_window_geometry_controller) return;
-                const appWindow = await getCurrentWindow();
-
+            const setup = () => {
                 unlistenResize.current = appWindow.onResized(() => {
                     clearTimeout(resizeTimeout.current);
                     resizeTimeout.current = setTimeout(() => {
@@ -127,7 +120,6 @@ export const useWindow = () => {
                         asyncSaveWindowGeometry();
                     }, 200);
                 });
-                store.is_register_window_geometry_controller = true;
             };
 
             setup();
@@ -148,10 +140,30 @@ export const useWindow = () => {
         return null;
     };
 
+    const asyncToggleMaximizeApp = async () => {
+        const maximizeState = await appWindow.isMaximized();
+        if (!maximizeState) {
+            await appWindow.maximize();
+        } else {
+            await appWindow.unmaximize();
+        }
+    };
+
+    const asyncMinimizeApp = async () => {
+        await appWindow.minimize();
+    };
+    const asyncCloseApp = async () => {
+        await appWindow.close();
+    };
+
     return {
         WindowGeometryController,
         asyncSaveWindowGeometry,
         restoreWindowGeometry,
         asyncUpdateBreakPoint,
+
+        asyncCloseApp,
+        asyncToggleMaximizeApp,
+        asyncMinimizeApp,
     };
 };
diff --git a/src-ui/logics/configs/hotkeys/useHotkeys.js b/src-ui/logics/configs/hotkeys/useHotkeys.js
index 6991d0f6..a2bbe35d 100644
--- a/src-ui/logics/configs/hotkeys/useHotkeys.js
+++ b/src-ui/logics/configs/hotkeys/useHotkeys.js
@@ -1,5 +1,3 @@
-import { getCurrentWindow } from "@tauri-apps/api/window";
-
 import { store, useStore_Hotkeys } from "@store";
 import { useStdoutToPython } from "@logics/useStdoutToPython";
 import { useNotificationStatus } from "@logics_common";
@@ -7,6 +5,8 @@ import { useMainFunction } from "@logics_main";
 import { register, unregisterAll, isRegistered } from "@tauri-apps/plugin-global-shortcut";
 
 export const useHotkeys = () => {
+    const appWindow = store.appWindow;
+
     const { asyncStdoutToPython } = useStdoutToPython();
     const { currentHotkeys, updateHotkeys, pendingHotkeys } = useStore_Hotkeys();
     const {
@@ -68,8 +68,6 @@ export const useHotkeys = () => {
                 if (!isAlreadyRegistered) {
                     await register(shortcut, async (event) => {
                         if (event.state !== "Pressed") return;
-                        const appWindow = await getCurrentWindow();
-
                         switch (actionKey) {
                             case "toggle_vrct_visibility": {
                                 const minimized = await appWindow.isMinimized();
diff --git a/src-ui/logics/main/useMainFunction.js b/src-ui/logics/main/useMainFunction.js
index 714ea2af..05be0662 100644
--- a/src-ui/logics/main/useMainFunction.js
+++ b/src-ui/logics/main/useMainFunction.js
@@ -1,4 +1,4 @@
-import { getCurrentWindow } from "@tauri-apps/api/window";
+import { store } from "@store";
 
 import {
     useStore_TranslationStatus,
@@ -6,10 +6,11 @@ import {
     useStore_TranscriptionReceiveStatus,
     useStore_ForegroundStatus,
 } from "@store";
-import { useCallback } from "react";
 import { useStdoutToPython } from "@logics/useStdoutToPython";
 
 export const useMainFunction = () => {
+    const appWindow = store.appWindow;
+
     const {
         currentTranslationStatus,
         updateTranslationStatus,
@@ -76,9 +77,8 @@ export const useMainFunction = () => {
 
 
     const toggleForeground = async () => {
-        const main_page = await getCurrentWindow();
         const is_foreground_enabled = !currentForegroundStatus.data;
-        main_page.setAlwaysOnTop(is_foreground_enabled);
+        await appWindow.setAlwaysOnTop(is_foreground_enabled);
         updateForegroundStatus(is_foreground_enabled);
     };
 
diff --git a/src-ui/logics/main/useMessageInputBoxRatio.js b/src-ui/logics/main/useMessageInputBoxRatio.js
index 328a97e0..b8f8430c 100644
--- a/src-ui/logics/main/useMessageInputBoxRatio.js
+++ b/src-ui/logics/main/useMessageInputBoxRatio.js
@@ -1,8 +1,9 @@
-import { getCurrentWindow } from "@tauri-apps/api/window";
+import { store } from "@store";
 import { useStore_MessageInputBoxRatio } from "@store";
 import { useStdoutToPython } from "@logics/useStdoutToPython";
 import { clampMinMax } from "@utils";
 export const useMessageInputBoxRatio = () => {
+    const appWindow = store.appWindow;
 
     const { asyncStdoutToPython } = useStdoutToPython();
     const { currentMessageInputBoxRatio, updateMessageInputBoxRatio } = useStore_MessageInputBoxRatio();
@@ -12,7 +13,6 @@ export const useMessageInputBoxRatio = () => {
     };
 
     const asyncSetMessageInputBoxRatio = async (ratio) => {
-        const appWindow = getCurrentWindow();
         const minimized = await appWindow.isMinimized();
         if (minimized === true) return; // don't save while the window is minimized.
         const parsed = parseFloat(ratio.toFixed(2));

From 8ea7fb05c0af25fded2f3cbe5b160f4fc2b2ae2c Mon Sep 17 00:00:00 2001
From: Sakamoto Shiina <68018796+ShiinaSakamoto@users.noreply.github.com>
Date: Sun, 11 May 2025 16:25:02 +0900
Subject: [PATCH 2/5] [Update] Config Page: Move and add plugin section from
 AdvancedSettings.

---
 locales/en.yml                                | 22 +++++++++---------
 locales/ja.yml                                | 23 ++++++++++---------
 .../setting_box/SettingBox.jsx                |  6 ++---
 .../advanced_settings/AdvancedSettings.jsx    | 15 ------------
 .../setting_section/setting_box/index.js      |  2 +-
 .../plugins/Plugins.jsx                       |  2 +-
 .../plugins/Plugins.module.scss               |  0
 .../sidebar_section/SidebarSection.jsx        |  2 +-
 8 files changed, 29 insertions(+), 43 deletions(-)
 rename src-ui/app/config_page/setting_section/setting_box/{advanced_settings => }/plugins/Plugins.jsx (95%)
 rename src-ui/app/config_page/setting_section/setting_box/{advanced_settings => }/plugins/Plugins.module.scss (100%)

diff --git a/locales/en.yml b/locales/en.yml
index f72907ac..9c45be98 100644
--- a/locales/en.yml
+++ b/locales/en.yml
@@ -80,6 +80,7 @@ config_page:
         transcription: "Transcription"
         others: "Other"
         hotkeys: "Hotkeys"
+        plugins: "Plugins"
         advanced_settings: "Advanced Settings"
 
     device:
@@ -235,17 +236,6 @@ config_page:
         toggle_transcription_receive:
             label: "Toggle {{transcription_receive}}"
 
-    advanced_settings:
-        osc_ip_address:
-            label: "OSC IP Address"
-        osc_port:
-            label: "OSC Port"
-        open_config_filepath:
-            label: "Open Config File"
-        switch_compute_device:
-            label: "Switch VRCT To CPU/GPU Version"
-        section_label_plugins: Plugins # Exception, It'll be moved later.
-
     plugins:
         downloaded_version: "Downloaded version: {{downloaded_version}}"
         latest_version: "Latest version: {{latest_version}}"
@@ -258,6 +248,16 @@ config_page:
         available_in_latest_vrct_version: "Available in the latest VRCT version"
         unavailable_not_downloaded: "Currently unavailable"
 
+    advanced_settings:
+        osc_ip_address:
+            label: "OSC IP Address"
+        osc_port:
+            label: "OSC Port"
+        open_config_filepath:
+            label: "Open Config File"
+        switch_compute_device:
+            label: "Switch VRCT To CPU/GPU Version"
+
 plugin_notifications:
     downloading: Downloading the plugin.
     downloaded_success: Downloaded successfully.
diff --git a/locales/ja.yml b/locales/ja.yml
index 3d109b8a..8241d324 100644
--- a/locales/ja.yml
+++ b/locales/ja.yml
@@ -80,6 +80,7 @@ config_page:
         transcription: "音声認識"
         others: "その他"
         hotkeys: "ホットキー"
+        plugins: "プラグイン"
         advanced_settings: "高度な設定"
 
     device:
@@ -235,17 +236,6 @@ config_page:
         toggle_transcription_receive:
             label: "「{{transcription_receive}}」 オン/オフの切り替え"
 
-    advanced_settings:
-        osc_ip_address:
-            label: "OSC IP Address"
-        osc_port:
-            label: "OSC Port"
-        open_config_filepath:
-            label: "設定ファイルを開く"
-        switch_compute_device:
-            label: "VRCT CPU/GPUバージョンの切り替え"
-        section_label_plugins: プラグイン # Exception, It'll be moved later.
-
     plugins:
         downloaded_version: "ダウンロード済バージョン: {{downloaded_version}}"
         latest_version: "最新バージョン: {{latest_version}}"
@@ -258,6 +248,17 @@ config_page:
         available_in_latest_vrct_version: VRCT最新版で利用可能
         unavailable_not_downloaded: 現在利用不可
 
+    advanced_settings:
+        osc_ip_address:
+            label: "OSC IP Address"
+        osc_port:
+            label: "OSC Port"
+        open_config_filepath:
+            label: "設定ファイルを開く"
+        switch_compute_device:
+            label: "VRCT CPU/GPUバージョンの切り替え"
+
+
 plugin_notifications:
     downloading: プラグインをダウンロード中。
     downloaded_success: プラグインのダウンロードが完了しました。
diff --git a/src-ui/app/config_page/setting_section/setting_box/SettingBox.jsx b/src-ui/app/config_page/setting_section/setting_box/SettingBox.jsx
index 9fc67c13..b149da0d 100644
--- a/src-ui/app/config_page/setting_section/setting_box/SettingBox.jsx
+++ b/src-ui/app/config_page/setting_section/setting_box/SettingBox.jsx
@@ -9,7 +9,7 @@ import {
     AdvancedSettings,
     Vr,
     Hotkeys,
-    // Plugins,
+    Plugins,
     Supporters,
     AboutVrct,
 } from "@setting_box";
@@ -33,8 +33,8 @@ export const SettingBox = () => {
             return <Hotkeys />;
         case "advanced_settings":
             return <AdvancedSettings />;
-        // case "plugins":
-        //     return <Plugins />;
+        case "plugins":
+            return <Plugins />;
         case "supporters":
             return <Supporters />;
         case "about_vrct":
diff --git a/src-ui/app/config_page/setting_section/setting_box/advanced_settings/AdvancedSettings.jsx b/src-ui/app/config_page/setting_section/setting_box/advanced_settings/AdvancedSettings.jsx
index 206ed7ca..7d96cda5 100644
--- a/src-ui/app/config_page/setting_section/setting_box/advanced_settings/AdvancedSettings.jsx
+++ b/src-ui/app/config_page/setting_section/setting_box/advanced_settings/AdvancedSettings.jsx
@@ -2,8 +2,6 @@ import { useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
 import styles from "./AdvancedSettings.module.scss";
 
-import { Plugins } from "./plugins/Plugins";
-
 import { useOpenFolder } from "@logics_common";
 import {
     useOscIpAddress,
@@ -15,31 +13,18 @@ import {
     EntryWithSaveButtonContainer,
 } from "../_templates/Templates";
 
-import {
-    SectionLabelComponent,
-} from "../_components/";
-
-
 import OpenFolderSvg from "@images/open_folder.svg?react";
 import HelpSvg from "@images/help.svg?react";
 
 export const AdvancedSettings = () => {
-    const { t } = useTranslation();
-
     return (
         <div className={styles.container}>
             <div>
-
                 <OscIpAddressContainer />
                 <OscPortContainer />
                 <OpenConfigFolderContainer />
                 <OpenSwitchComputeDeviceModalContainer />
             </div>
-
-            <div>
-                <SectionLabelComponent label={t("config_page.advanced_settings.section_label_plugins")} />
-                <Plugins />
-            </div>
         </div>
     );
 };
diff --git a/src-ui/app/config_page/setting_section/setting_box/index.js b/src-ui/app/config_page/setting_section/setting_box/index.js
index 80cfca10..abb876ae 100644
--- a/src-ui/app/config_page/setting_section/setting_box/index.js
+++ b/src-ui/app/config_page/setting_section/setting_box/index.js
@@ -6,6 +6,6 @@ export { Others, VrcMicMuteSyncContainer } from "./others/Others";
 export { AdvancedSettings } from "./advanced_settings/AdvancedSettings";
 export { Vr } from "./vr/Vr";
 export { Hotkeys } from "./hotkeys/Hotkeys";
-// export { Plugins } from "./plugins/Plugins";
+export { Plugins } from "./plugins/Plugins";
 export { AboutVrct } from "./about_vrct/AboutVrct";
 export { Supporters } from "./supporters/Supporters";
\ No newline at end of file
diff --git a/src-ui/app/config_page/setting_section/setting_box/advanced_settings/plugins/Plugins.jsx b/src-ui/app/config_page/setting_section/setting_box/plugins/Plugins.jsx
similarity index 95%
rename from src-ui/app/config_page/setting_section/setting_box/advanced_settings/plugins/Plugins.jsx
rename to src-ui/app/config_page/setting_section/setting_box/plugins/Plugins.jsx
index 2980ebab..0d7f8693 100644
--- a/src-ui/app/config_page/setting_section/setting_box/advanced_settings/plugins/Plugins.jsx
+++ b/src-ui/app/config_page/setting_section/setting_box/plugins/Plugins.jsx
@@ -2,7 +2,7 @@ import { useEffect, useRef, useState, useCallback } from "react";
 import { useTranslation } from "react-i18next";
 import { usePlugins } from "@logics_configs";
 import styles from "./Plugins.module.scss";
-import { PluginsControlComponent } from "../../_components/plugins_control_component/PluginsControlComponent";
+import { PluginsControlComponent } from "../_components/plugins_control_component/PluginsControlComponent";
 import { useNotificationStatus } from "@logics_common";
 import ExternalLink from "@images/external_link.svg?react";
 
diff --git a/src-ui/app/config_page/setting_section/setting_box/advanced_settings/plugins/Plugins.module.scss b/src-ui/app/config_page/setting_section/setting_box/plugins/Plugins.module.scss
similarity index 100%
rename from src-ui/app/config_page/setting_section/setting_box/advanced_settings/plugins/Plugins.module.scss
rename to src-ui/app/config_page/setting_section/setting_box/plugins/Plugins.module.scss
diff --git a/src-ui/app/config_page/sidebar_section/SidebarSection.jsx b/src-ui/app/config_page/sidebar_section/SidebarSection.jsx
index c2342aa2..341da4aa 100644
--- a/src-ui/app/config_page/sidebar_section/SidebarSection.jsx
+++ b/src-ui/app/config_page/sidebar_section/SidebarSection.jsx
@@ -12,7 +12,7 @@ export const SidebarSection = () => {
                     <Tab tab_id="vr" />
                     <Tab tab_id="others" />
                     <Tab tab_id="hotkeys" />
-                    {/* <Tab tab_id="plugins" /> */}
+                    <Tab tab_id="plugins" />
                     <Tab tab_id="advanced_settings" />
                 </div>
                 <div className={styles.separated_tabs_wrapper}>

From 83686f3073506e524d43cc6514d68a14a8a9d71c Mon Sep 17 00:00:00 2001
From: Sakamoto Shiina <68018796+ShiinaSakamoto@users.noreply.github.com>
Date: Sun, 11 May 2025 16:58:19 +0900
Subject: [PATCH 3/5] [Update] QuickSettings: Add plugins section.

---
 .../RightSideComponents.jsx                    | 18 ++++++++++++++++++
 .../_buttons/OpenQuickSettingButton.jsx        | 16 ++++++++++++----
 .../OpenQuickSettingButton.module.scss         |  5 +++--
 .../app/modal_controller/ModalController.jsx   |  8 +++++---
 4 files changed, 38 insertions(+), 9 deletions(-)

diff --git a/src-ui/app/main_page/main_section/top_bar/right_side_components/RightSideComponents.jsx b/src-ui/app/main_page/main_section/top_bar/right_side_components/RightSideComponents.jsx
index 1917d523..7bd3ae59 100644
--- a/src-ui/app/main_page/main_section/top_bar/right_side_components/RightSideComponents.jsx
+++ b/src-ui/app/main_page/main_section/top_bar/right_side_components/RightSideComponents.jsx
@@ -9,8 +9,11 @@ import { useIsEnabledOverlaySmallLog, useIsEnabledOverlayLargeLog, useEnableVrcM
 import { OpenQuickSettingButton } from "./_buttons/OpenQuickSettingButton";
 
 export const RightSideComponents = () => {
+
     return (
         <div className={styles.container}>
+
+            <PluginsQuickSetting />
             <OpenVrcMicMuteSyncQuickSetting />
             <OpenOverlayQuickSetting />
             <SoftwareUpdateAvailableButton />
@@ -46,6 +49,21 @@ const OpenOverlayQuickSetting = () => {
         />
     );
 };
+const PluginsQuickSetting = () => {
+    const { t } = useTranslation();
+    const { updateOpenedQuickSetting } = useStore_OpenedQuickSetting();
+
+    const onClickFunction = () => {
+        updateOpenedQuickSetting("plugins");
+    };
+
+    return (
+        <OpenQuickSettingButton
+            label={t("config_page.side_menu_labels.plugins")}
+            onClickFunction={onClickFunction}
+        />
+    );
+};
 
 const OpenVrcMicMuteSyncQuickSetting = () => {
     const { t } = useTranslation();
diff --git a/src-ui/app/main_page/main_section/top_bar/right_side_components/_buttons/OpenQuickSettingButton.jsx b/src-ui/app/main_page/main_section/top_bar/right_side_components/_buttons/OpenQuickSettingButton.jsx
index d23eae2c..abc779e3 100644
--- a/src-ui/app/main_page/main_section/top_bar/right_side_components/_buttons/OpenQuickSettingButton.jsx
+++ b/src-ui/app/main_page/main_section/top_bar/right_side_components/_buttons/OpenQuickSettingButton.jsx
@@ -4,14 +4,22 @@ import styles from "./OpenQuickSettingButton.module.scss";
 
 export const OpenQuickSettingButton = (props) => {
     const { t } = useTranslation();
+    const variable = (typeof props.variable === "boolean") ? props.variable : null;
     return (
         <div className={styles.container}>
             <div className={styles.button_wrapper} onClick={props.onClickFunction}>
                 <p className={styles.button_label}>{props.label}</p>
-                {props.variable === true
-                    ? <p className={clsx(styles.button_indicator_label, styles.enabled)}>{t("main_page.state_text_enabled")}</p>
-                    : <p className={clsx(styles.button_indicator_label, styles.disabled)}>{t("main_page.state_text_disabled")}</p>
-                }
+                {variable !== null && (
+                    props.variable === true ? (
+                        <p className={clsx(styles.button_indicator_label, styles.enabled)}>
+                            {t("main_page.state_text_enabled")}
+                        </p>
+                    ) : (
+                        <p className={clsx(styles.button_indicator_label, styles.disabled)}>
+                            {t("main_page.state_text_disabled")}
+                        </p>
+                    )
+                )}
             </div>
         </div>
     );
diff --git a/src-ui/app/main_page/main_section/top_bar/right_side_components/_buttons/OpenQuickSettingButton.module.scss b/src-ui/app/main_page/main_section/top_bar/right_side_components/_buttons/OpenQuickSettingButton.module.scss
index 2b542209..d46cbee0 100644
--- a/src-ui/app/main_page/main_section/top_bar/right_side_components/_buttons/OpenQuickSettingButton.module.scss
+++ b/src-ui/app/main_page/main_section/top_bar/right_side_components/_buttons/OpenQuickSettingButton.module.scss
@@ -1,14 +1,15 @@
 .container {
-    // height: 100%;
+    height: 100%;
 }
 
 .button_wrapper {
+    height: 100%;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     gap: 0.2rem;
-    padding: 0.6rem 0.4rem;
+    padding: 0 0.8rem;
     border-radius: 0.2rem;
     cursor: pointer;
     &:hover {
diff --git a/src-ui/app/modal_controller/ModalController.jsx b/src-ui/app/modal_controller/ModalController.jsx
index 022d1271..edfd1d55 100644
--- a/src-ui/app/modal_controller/ModalController.jsx
+++ b/src-ui/app/modal_controller/ModalController.jsx
@@ -1,6 +1,6 @@
 import styles from "./ModalController.module.scss";
 import { useStore_OpenedQuickSetting } from "@store";
-import { Vr, VrcMicMuteSyncContainer } from "@setting_box";
+import { Vr, VrcMicMuteSyncContainer, Plugins } from "@setting_box";
 import { UpdateModal } from "./update_modal/UpdateModal";
 
 export const ModalController = () => {
@@ -20,10 +20,12 @@ const QuickSettingsController = () => {
     const { currentOpenedQuickSetting, updateOpenedQuickSetting } = useStore_OpenedQuickSetting();
 
     switch (currentOpenedQuickSetting.data) {
-        case "overlay":
-            return <Vr />;
+        case "plugins":
+            return <Plugins />;
         case "vrc_mic_mute_sync":
             return <VrcMicMuteSyncContainer />;
+        case "overlay":
+            return <Vr />;
         case "update_software":
             return <UpdateModal />;
         default:

From df231ad61807fdde3bc3aac206419a38d18aac02 Mon Sep 17 00:00:00 2001
From: Sakamoto Shiina <68018796+ShiinaSakamoto@users.noreply.github.com>
Date: Sun, 11 May 2025 17:47:49 +0900
Subject: [PATCH 4/5] [bugfix] Fix top-level async error.

---
 src-ui/app/index.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src-ui/app/index.jsx b/src-ui/app/index.jsx
index debb0978..b68e2b3a 100644
--- a/src-ui/app/index.jsx
+++ b/src-ui/app/index.jsx
@@ -5,7 +5,7 @@ import "./_index_css/root.css";
 import { getCurrentWindow } from "@tauri-apps/api/window";
 
 import { store } from "@store";
-store.appWindow = await getCurrentWindow();
+store.appWindow = getCurrentWindow();
 
 import { App } from "./App";
 

From a94fff401baa585f4aaa87b66aa810aa240e0575 Mon Sep 17 00:00:00 2001
From: Sakamoto Shiina <68018796+ShiinaSakamoto@users.noreply.github.com>
Date: Sun, 11 May 2025 17:52:11 +0900
Subject: [PATCH 5/5] =?UTF-8?q?=F0=9F=91=8D=EF=B8=8F[Update]=20Version=203?=
 =?UTF-8?q?.1.0=20->=203.1.1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src-python/config.py | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src-python/config.py b/src-python/config.py
index b4a248df..175ffa0f 100644
--- a/src-python/config.py
+++ b/src-python/config.py
@@ -956,7 +956,7 @@ class Config:
 
     def init_config(self):
         # Read Only
-        self._VERSION = "3.1.0"
+        self._VERSION = "3.1.1"
         if getattr(sys, 'frozen', False):
             self._PATH_LOCAL = os_path.dirname(sys.executable)
         else: