\n \n {label}\n {showSpeechSupport && (\n \n (🎤 = Speech supported)\n \n )}\n \n onChange(e.target.value)}\n disabled={disabled}\n className=\"px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:ring-blue-500 focus:border-blue-500 disabled:bg-gray-100 disabled:cursor-not-allowed\"\n >\n {/* Auto-detect option first if present */}\n {languages.find(lang => lang.code === \"auto\") && (\n \n )}\n \n {/* Grouped languages */}\n {regionOrder.map(region => {\n const regionLanguages = groupedLanguages[region];\n if (!regionLanguages || regionLanguages.length === 0) return null;\n \n return (\n \n {regionLanguages\n .filter(lang => lang.code !== \"auto\")\n .sort((a, b) => a.name.localeCompare(b.name))\n .map((lang) => (\n \n ))}\n \n );\n })}\n \n \n {/* Language info */}\n {value && value !== \"auto\" && (\n

\n {(() => {\n const selectedLang = languages.find(lang => lang.code === value);\n if (!selectedLang) return null;\n \n const features = [];\n if (selectedLang.speechSupported) features.push(\"Speech\");\n if (selectedLang.recognitionSupported) features.push(\"Recognition\");\n if (selectedLang.script) features.push(`${selectedLang.script} script`);\n \n return features.length > 0 ? `Supports: ${features.join(\", \")}` : null;\n })()}\n

\n )}\n

\n );\n}","deleted","label",[168,169,150],"frontend","components","permalink","https://www.val.town/x/Koti_123/translator/code/frontend/components/LanguageSelector.tsx","extension","actionData","errors"]