Merge branch 'develop'

2025-05-11 17:54:32 +09:00
parent f45fe90de0 bc412024da
commit 39d52f6570
23 changed files with 121 additions and 121 deletions
--- 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.
--- 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: プラグインのダウンロードが完了しました。
--- 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:
--- 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();

--- 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":
--- 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>
    );
 };
--- 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";
--- 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/advanced_settings/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";

--- 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/advanced_settings/plugins/Plugins.module.scss
--- 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}>
--- 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>
--- 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 = getCurrentWindow();

 import { App } from "./App";

--- 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("");

--- 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();
--- 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>
    );
--- 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 {
--- 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:
--- 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>
--- 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>
--- 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,
    };
 };
--- 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();
--- 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);
    };

--- 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));