feat: add ESC key handling for modes, API provider, and indexing settings popovers

Author: roomote

webview-ui/src/components/chat/CodeIndexPopover.tsx

@@ -440,6 +440,23 @@ export const CodeIndexPopover: React.FC<CodeIndexPopoverProps> = ({
 		})
 	}, [checkUnsavedChanges])
 
+	// Add ESC key handler
+	useEffect(() => {
+		const handleKeyDown = (event: KeyboardEvent) => {
+			if (event.key === "Escape" && open) {
+				// Use the same logic as clicking outside - check for unsaved changes
+				handlePopoverClose()
+			}
+		}
+
+		if (open) {
+			document.addEventListener("keydown", handleKeyDown)
+			return () => {
+				document.removeEventListener("keydown", handleKeyDown)
+			}
+		}
+	}, [open, handlePopoverClose])
+
 	const handleSaveSettings = () => {
 		// Validate settings before saving
 		if (!validateSettings()) {

webview-ui/src/components/modes/ModesView.tsx

@@ -194,6 +194,22 @@ const ModesView = ({ onDone }: ModesViewProps) => {
 		}
 	}, [])
 
+	// Add ESC key handler for the popover
+	useEffect(() => {
+		const handleKeyDown = (event: KeyboardEvent) => {
+			if (event.key === "Escape" && open) {
+				setOpen(false)
+			}
+		}
+
+		if (open) {
+			document.addEventListener("keydown", handleKeyDown)
+			return () => {
+				document.removeEventListener("keydown", handleKeyDown)
+			}
+		}
+	}, [open])
+
 	// Handler for clearing search input
 	const onClearSearch = useCallback(() => {
 		setSearchValue("")

webview-ui/src/components/ui/searchable-select.tsx

@@ -79,6 +79,22 @@ export function SearchableSelect({
 		return () => clearTimeout(timeoutId)
 	}, [value])
 
+	// Add ESC key handler
+	React.useEffect(() => {
+		const handleKeyDown = (event: KeyboardEvent) => {
+			if (event.key === "Escape" && open) {
+				setOpen(false)
+			}
+		}
+
+		if (open) {
+			document.addEventListener("keydown", handleKeyDown)
+			return () => {
+				document.removeEventListener("keydown", handleKeyDown)
+			}
+		}
+	}, [open])
+
 	const handleOpenChange = (open: boolean) => {
 		setOpen(open)
 		// Reset search when closing