From de5df5e98ca2c7885809e4afc048a4aa180fb185 Mon Sep 17 00:00:00 2001
From: beibeizi <beibeizi@outlook.com>
Date: Mon, 16 Mar 2026 16:57:24 +0800
Subject: [PATCH] =?UTF-8?q?=E7=A7=BB=E5=8A=A8=E7=AB=AF=E6=BB=9A=E5=8A=A8?=
 =?UTF-8?q?=E6=8C=89=E9=92=AE=E5=BC=BA=E5=88=B6=E8=A7=A6=E5=8F=91=20tmux?=
 =?UTF-8?q?=20=E7=BF=BB=E9=A1=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/pages/terminal/TerminalMobile.tsx   | 4 ++--
 frontend/src/pages/terminal/useTerminalSocket.ts | 6 +++++-
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/frontend/src/pages/terminal/TerminalMobile.tsx b/frontend/src/pages/terminal/TerminalMobile.tsx
index cb83c60..fbbb26f 100644
--- a/frontend/src/pages/terminal/TerminalMobile.tsx
+++ b/frontend/src/pages/terminal/TerminalMobile.tsx
@@ -142,7 +142,7 @@ export function TerminalMobile({ state, onBack }: TerminalMobileProps) {
             <div className="absolute right-4 bottom-4 flex flex-col gap-2">
               <button
                 type="button"
-                onClick={() => scrollTerminal("up")}
+                onClick={() => scrollTerminal("up", "remote")}
                 className={`h-10 w-10 rounded-full border text-base ${
                   state.isDark
                     ? "border-slate-700 bg-slate-900/90 text-slate-200"
@@ -154,7 +154,7 @@ export function TerminalMobile({ state, onBack }: TerminalMobileProps) {
               </button>
               <button
                 type="button"
-                onClick={() => scrollTerminal("down")}
+                onClick={() => scrollTerminal("down", "remote")}
                 className={`h-10 w-10 rounded-full border text-base ${
                   state.isDark
                     ? "border-slate-700 bg-slate-900/90 text-slate-200"
diff --git a/frontend/src/pages/terminal/useTerminalSocket.ts b/frontend/src/pages/terminal/useTerminalSocket.ts
index 58ac911..5161bab 100644
--- a/frontend/src/pages/terminal/useTerminalSocket.ts
+++ b/frontend/src/pages/terminal/useTerminalSocket.ts
@@ -247,7 +247,7 @@ export function useTerminalSocket({
   const connectSocketRef = React.useRef(connectSocket);
   const sendInputRef = React.useRef(sendInput);
   const syncTerminalSizeRef = React.useRef(syncTerminalSize);
-  const scrollTerminal = React.useCallback((direction: "up" | "down") => {
+  const scrollTerminal = React.useCallback((direction: "up" | "down", mode: "auto" | "remote" = "auto") => {
     const term = terminalInstance.current;
     const container = terminalRef.current;
     if (!term || !container) {
@@ -261,6 +261,10 @@ export function useTerminalSocket({
       const sequence = delta < 0 ? "\x1b[5~" : "\x1b[6~";
       sendInput(sequence);
     };
+    if (mode === "remote") {
+      sendTmuxWheelPage(lineDelta);
+      return;
+    }
     const activeBuffer = term.buffer.active;
     const hasLocalScrollback = activeBuffer.type === "normal" && activeBuffer.baseY > 0;
     if (!hasLocalScrollback) {