fix: add translation for 'No results found' and auto-focus search input

- Added translation key 'modeSelector.noResults' for the hardcoded 'No results found' text
- Added auto-focus functionality to search input when mode selector popover opens
- Updated all language files with appropriate translations

Author: hannesrudolph

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

@@ -114,6 +114,13 @@ export const ModeSelector = ({
 		[trackModeSelectorOpened],
 	)
 
+	// Auto-focus search input when popover opens
+	React.useEffect(() => {
+		if (open && searchInputRef.current) {
+			searchInputRef.current.focus()
+		}
+	}, [open])
+
 	// Combine instruction text for tooltip
 	const instructionText = `${t("chat:modeSelector.description")} ${modeShortcutText}`
 
@@ -172,7 +179,9 @@ export const ModeSelector = ({
 					{/* Mode List */}
 					<div className="max-h-[300px] overflow-y-auto">
 						{filteredModes.length === 0 && searchValue ? (
-							<div className="py-2 px-3 text-sm text-vscode-foreground/70">No results found</div>
+							<div className="py-2 px-3 text-sm text-vscode-foreground/70">
+								{t("chat:modeSelector.noResults")}
+							</div>
 						) : (
 							<div className="py-1">
 								{filteredModes.map((mode) => (

webview-ui/src/i18n/locales/ca/chat.json

@@ -119,7 +119,8 @@
 		"marketplace": "Mode Marketplace",
 		"settings": "Mode Settings",
 		"description": "Specialized personas that tailor Roo's behavior.",
-		"searchPlaceholder": "Search modes..."
+		"searchPlaceholder": "Search modes...",
+		"noResults": "No results found"
 	},
 	"enhancePromptDescription": "The 'Enhance Prompt' button helps improve your prompt by providing additional context, clarification, or rephrasing. Try typing a prompt in here and clicking the button again to see how it works.",
 	"addImages": "Add images to message",