feat: Enhance focus behavior for WebView based on render context

Author: daniel-lxs

src/utils/focusPanel.ts

@@ -17,7 +17,7 @@ export async function focusPanel(
 	if (!panel) {
 		// If no panel is open, open the sidebar
 		await vscode.commands.executeCommand(`workbench.view.extension.${Package.name}-ActivityBar`)
-	} else if (panel === tabPanel) {
+	} else if (panel === tabPanel && !panel.active) {
 		// For tab panels, use reveal to focus
 		panel.reveal(vscode.ViewColumn.Active, false)
 	} else if (panel === sidebarPanel) {

webview-ui/src/App.tsx

@@ -43,6 +43,7 @@ const App = () => {
 		experiments,
 		cloudUserInfo,
 		cloudIsAuthenticated,
+		renderContext,
 	} = useExtensionState()
 
 	// Create a persistent state manager
@@ -136,11 +137,14 @@ const App = () => {
 	// Tell the extension that we are ready to receive messages.
 	useEffect(() => vscode.postMessage({ type: "webviewDidLaunch" }), [])
 
-	// Focus the WebView when non-interactive content is clicked
+	// Focus the WebView when non-interactive content is clicked (only in editor/tab mode)
 	useAddNonInteractiveClickListener(
 		useCallback(() => {
-			vscode.postMessage({ type: "focusPanelRequest" })
-		}, []),
+			// Only send focus request if we're in editor (tab) mode, not sidebar
+			if (renderContext === "editor") {
+				vscode.postMessage({ type: "focusPanelRequest" })
+			}
+		}, [renderContext]),
 	)
 
 	if (!didHydrateState) {