diff --git a/src-ui/app/_app_controllers/GlobalHotKeyController.jsx b/src-ui/app/_app_controllers/GlobalHotKeyController.jsx
new file mode 100644
index 00000000..ae69f041
--- /dev/null
+++ b/src-ui/app/_app_controllers/GlobalHotKeyController.jsx
@@ -0,0 +1,43 @@
+ import { appWindow } from "@tauri-apps/api/window";
+ import { register, unregisterAll, isRegistered } from "@tauri-apps/api/globalShortcut";
+ import { invoke } from "@tauri-apps/api/tauri";
+ import { useEffect, useRef } from "react";
+ import { store } from "@store";
+
+ export const GlobalHotKeyController = () => {
+ const is_initialized = useRef(false);
+
+ useEffect(() => {
+ if (is_initialized.current) return;
+
+ const registerShortcuts = async () => {
+ const shortcut = "Alt+Y";
+ const is_already_registered = await isRegistered(shortcut);
+
+ if (is_already_registered) return;
+ await register(shortcut, async () => {
+ const activeWindowTitle = await invoke("get_active_window_title");
+
+ if (activeWindowTitle.includes("VRChat")) {
+ console.log("Shortcut triggered, setFocus");
+ appWindow.unminimize();
+ await appWindow.setFocus();
+ store.text_area_ref.current?.focus();
+ } else {
+ console.log("Active window is not VRChat.");
+ }
+ });
+ };
+
+ registerShortcuts();
+ is_initialized.current = true;
+
+ return () => {
+ unregisterAll().catch((error) => {
+ console.error("Failed to unregister shortcuts:", error);
+ });
+ };
+ }, []);
+
+ return null;
+ };
diff --git a/src-ui/app/_app_controllers/KeyEventController.jsx b/src-ui/app/_app_controllers/KeyEventController.jsx
index 9e8c43a6..654f8499 100644
--- a/src-ui/app/_app_controllers/KeyEventController.jsx
+++ b/src-ui/app/_app_controllers/KeyEventController.jsx
@@ -2,24 +2,27 @@ import { useEffect } from "react";
export const KeyEventController = () => {
useEffect(() => {
- const handleKeydown = (event) => {
- if (event.key === "F5" || (event.ctrlKey && event.key === "r") ||
- (event.metaKey && event.key === "r")) {
+ const handleKeydown = (event) => {
+ if (
+ event.key === "F5" ||
+ (event.ctrlKey && event.key === "r") ||
+ (event.metaKey && event.key === "r")
+ ) {
+ event.preventDefault();
+ }
+ };
+
+ const handleContextmenu = (event) => {
event.preventDefault();
- }
- };
+ };
- const handleContextmenu = (event) => {
- event.preventDefault();
- };
+ document.addEventListener("keydown", handleKeydown);
+ document.addEventListener("contextmenu", handleContextmenu);
- document.addEventListener("keydown", handleKeydown);
- document.addEventListener("contextmenu", handleContextmenu);
-
- return () => {
- document.removeEventListener("keydown", handleKeydown);
- document.removeEventListener("contextmenu", handleContextmenu);
- };
+ return () => {
+ document.removeEventListener("keydown", handleKeydown);
+ document.removeEventListener("contextmenu", handleContextmenu);
+ };
}, []);
return null;
diff --git a/src-ui/app/_app_controllers/index.js b/src-ui/app/_app_controllers/index.js
index abe6f018..29576a84 100644
--- a/src-ui/app/_app_controllers/index.js
+++ b/src-ui/app/_app_controllers/index.js
@@ -1,4 +1,5 @@
export { KeyEventController } from "./KeyEventController";
+export { GlobalHotKeyController } from "./GlobalHotKeyController";
export { StartPythonController } from "./StartPythonController";
export { UiLanguageController } from "./UiLanguageController";
export { ConfigPageCloseTriggerController } from "./ConfigPageCloseTriggerController";
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 e5725637..50a86fd7 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
@@ -1,9 +1,11 @@
-import { useState, useEffect } from "react";
+import { useState, useEffect, useLayoutEffect, useRef } from "react";
import styles from "./MessageInputBox.module.scss";
import SendMessageSvg from "@images/send_message.svg?react";
import { useMessage } from "@logics_common";
import { useSendMessageButtonType, useEnableAutoClearMessageInputBox } from "@logics_configs";
import { useMessageLogScroll } from "@logics_main";
+import { store } from "@store";
+import { appWindow } from "@tauri-apps/api/window";
export const MessageInputBox = () => {
const [message_history, setMessageHistory] = useState([]);
@@ -22,6 +24,12 @@ export const MessageInputBox = () => {
const { scrollToBottom } = useMessageLogScroll();
+ const log_box_ref = useRef(null);
+
+ useLayoutEffect(() => {
+ store.text_area_ref = log_box_ref;
+ }, []);
+
useEffect(() => {
if (currentMessageLogs.data) {
const sentMessages = currentMessageLogs.data
@@ -33,6 +41,7 @@ export const MessageInputBox = () => {
const onSubmitFunction = (e) => {
e.preventDefault();
+ appWindow.minimize();
if (!currentMessageInputValue.data.trim()) return updateMessageInputValue("");
@@ -90,6 +99,7 @@ export const MessageInputBox = () => {