From 5a470c146a4a2269951a6874c3f89913e50fd65d Mon Sep 17 00:00:00 2001
From: xue jiahao <xuejiahao@alicorns.co.jp>
Date: Wed, 18 Mar 2026 10:18:49 +0800
Subject: [PATCH] add mouse back btn

---
 .../src/components/AppDetail/AppDetail.tsx    | 20 +++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/src/renderer/src/components/AppDetail/AppDetail.tsx b/src/renderer/src/components/AppDetail/AppDetail.tsx
index b9286d5..2667e76 100644
--- a/src/renderer/src/components/AppDetail/AppDetail.tsx
+++ b/src/renderer/src/components/AppDetail/AppDetail.tsx
@@ -183,6 +183,26 @@ const AppDetail: React.FC = () => {
     setSelectedFile(null);
   }, []);
 
+  // Handle mouse back button (XButton1) to navigate back from code view
+  useEffect(() => {
+    const handleMouseClick = (e: MouseEvent) => {
+      // XButton1 (back button) is typically button 3 on mice with side buttons
+      if (e.button === 3 && viewMode === "code") {
+        // Prevent any default browser back action
+        e.preventDefault();
+        handleBackToList();
+      }
+    };
+
+    // Add event listener for mouse clicks
+    document.addEventListener("mousedown", handleMouseClick);
+
+    // Clean up event listener on unmount
+    return () => {
+      document.removeEventListener("mousedown", handleMouseClick);
+    };
+  }, [viewMode, handleBackToList]);
+
   const handleDownloadFile = useCallback(
     async (fileKey: string, fileName: string) => {
       if (!currentDomain || downloadingKey) return;