From 4bc88bdf0ff1521f0096d263da59ab1e001a62b6 Mon Sep 17 00:00:00 2001
From: wusumac <736139669@qq.com>
Date: Tue, 4 Aug 2026 08:43:21 +0800
Subject: [PATCH] fix(web): capture composer outside clicks

Co-Authored-By: Codex <noreply@anthropic.com>
---
 .../HappyComposer.expandSelection.test.tsx          | 13 +++++++++++++
 web/src/components/AssistantChat/HappyComposer.tsx  |  4 ++--
 2 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/web/src/components/AssistantChat/HappyComposer.expandSelection.test.tsx b/web/src/components/AssistantChat/HappyComposer.expandSelection.test.tsx
index 17969341..004225a0 100644
--- a/web/src/components/AssistantChat/HappyComposer.expandSelection.test.tsx
+++ b/web/src/components/AssistantChat/HappyComposer.expandSelection.test.tsx
@@ -76,6 +76,13 @@ function TestRuntime(props: { withSettings?: boolean }) {
                 agentFlavor={props.withSettings ? 'claude' : undefined}
                 onPermissionModeChange={props.withSettings ? () => {} : undefined}
             />
+            {props.withSettings ? (
+                <button
+                    type="button"
+                    aria-label="Outside action"
+                    onPointerDown={(event) => event.stopPropagation()}
+                />
+            ) : null}
         </AssistantRuntimeProvider>
     )
 }
@@ -144,5 +151,11 @@ describe('HappyComposer plain-text expansion', () => {
 
         fireEvent.pointerDown(screen.getByRole('textbox'))
         expect(screen.queryByText('misc.permissionMode')).not.toBeInTheDocument()
+
+        fireEvent.click(settingsButton)
+        expect(screen.getByText('misc.permissionMode')).toBeInTheDocument()
+
+        fireEvent.pointerDown(screen.getByRole('button', { name: 'Outside action' }))
+        expect(screen.queryByText('misc.permissionMode')).not.toBeInTheDocument()
     })
 })
diff --git a/web/src/components/AssistantChat/HappyComposer.tsx b/web/src/components/AssistantChat/HappyComposer.tsx
index a7c67ec5..f5fcfcaf 100644
--- a/web/src/components/AssistantChat/HappyComposer.tsx
+++ b/web/src/components/AssistantChat/HappyComposer.tsx
@@ -1393,8 +1393,8 @@ export function HappyComposer(props: {
             dismissSettings()
         }
 
-        document.addEventListener('pointerdown', handlePointerDown)
-        return () => document.removeEventListener('pointerdown', handlePointerDown)
+        document.addEventListener('pointerdown', handlePointerDown, true)
+        return () => document.removeEventListener('pointerdown', handlePointerDown, true)
     }, [dismissSettings, showSettings])
 
     const handleSubmit = useCallback((event?: ReactFormEvent<HTMLFormElement>) => {