Implement mouse back/forward and esc key support to cancel generation

Author: charlesvien

apps/array/src/renderer/components/MainLayout.tsx

@@ -76,6 +76,25 @@ export function MainLayout() {
     };
   }, [handleOpenSettings, handleFocusTaskMode, handleResetLayout]);
 
+  useEffect(() => {
+    const handleMouseButton = (event: MouseEvent) => {
+      if (event.button === 3) {
+        // Button 3 = back
+        event.preventDefault();
+        goBack();
+      } else if (event.button === 4) {
+        // Button 4 = forward
+        event.preventDefault();
+        goForward();
+      }
+    };
+
+    window.addEventListener("mouseup", handleMouseButton);
+    return () => {
+      window.removeEventListener("mouseup", handleMouseButton);
+    };
+  }, [goBack, goForward]);
+
   const handleSelectTask = (task: Task) => {
     navigateToTask(task);
   };

apps/array/src/renderer/features/sessions/components/SessionView.tsx

@@ -336,14 +336,25 @@ export function SessionView({
         openSearch();
         setTimeout(() => searchInputRef.current?.focus(), 0);
       }
-      if (e.key === "Escape" && showSearch) {
-        closeSearch();
+      if (e.key === "Escape") {
+        if (showSearch) {
+          closeSearch();
+        } else if (isPromptPending) {
+          onCancelPrompt();
+        }
       }
     };
 
     window.addEventListener("keydown", handleKeyDown);
     return () => window.removeEventListener("keydown", handleKeyDown);
-  }, [showRawLogs, showSearch, openSearch, closeSearch]);
+  }, [
+    showRawLogs,
+    showSearch,
+    openSearch,
+    closeSearch,
+    isPromptPending,
+    onCancelPrompt,
+  ]);
 
   const messages = useMemo(() => processEvents(events), [events]);
   const turns = useMemo(