minor tweaks

src-tauri/tauri.conf.json

@@ -14,9 +14,9 @@
       {
         "title": "Handy",
         "width": 540,
-        "height": 630,
+        "height": 670,
         "minWidth": 540,
-        "minHeight": 630,
+        "minHeight": 670,
         "resizable": true,
         "maximizable": false
       }

src/components/settings/LanguageSelector.tsx

@@ -9,45 +9,45 @@ interface LanguageSelectorProps {
 }
 
 const LANGUAGES = [
-  { code: "auto", name: "Auto-detect" },
+  { code: "auto", name: "Auto" },
-  { code: "ar", name: "Arabic" },
-  { code: "bg", name: "Bulgarian" },
-  { code: "zh", name: "Chinese" },
-  { code: "hr", name: "Croatian" },
-  { code: "cs", name: "Czech" },
-  { code: "da", name: "Danish" },
-  { code: "nl", name: "Dutch" },
   { code: "en", name: "English" },
-  { code: "et", name: "Estonian" },
+  { code: "zh", name: "Chinese" },
-  { code: "fi", name: "Finnish" },
-  { code: "fr", name: "French" },
-  { code: "de", name: "German" },
-  { code: "el", name: "Greek" },
-  { code: "he", name: "Hebrew" },
   { code: "hi", name: "Hindi" },
+  { code: "es", name: "Spanish" },
+  { code: "fr", name: "French" },
+  { code: "ar", name: "Arabic" },
+  { code: "pt", name: "Portuguese" },
+  { code: "ru", name: "Russian" },
+  { code: "ja", name: "Japanese" },
+  { code: "de", name: "German" },
+  { code: "ko", name: "Korean" },
+  { code: "it", name: "Italian" },
+  { code: "tr", name: "Turkish" },
+  { code: "vi", name: "Vietnamese" },
+  { code: "pl", name: "Polish" },
+  { code: "nl", name: "Dutch" },
+  { code: "uk", name: "Ukrainian" },
+  { code: "fa", name: "Persian" },
+  { code: "th", name: "Thai" },
+  { code: "ro", name: "Romanian" },
+  { code: "el", name: "Greek" },
+  { code: "cs", name: "Czech" },
+  { code: "sv", name: "Swedish" },
   { code: "hu", name: "Hungarian" },
+  { code: "he", name: "Hebrew" },
+  { code: "da", name: "Danish" },
+  { code: "fi", name: "Finnish" },
+  { code: "no", name: "Norwegian" },
+  { code: "sk", name: "Slovak" },
+  { code: "bg", name: "Bulgarian" },
+  { code: "hr", name: "Croatian" },
+  { code: "lt", name: "Lithuanian" },
+  { code: "sl", name: "Slovenian" },
+  { code: "lv", name: "Latvian" },
+  { code: "et", name: "Estonian" },
+  { code: "sr", name: "Serbian" },
   { code: "is", name: "Icelandic" },
   { code: "id", name: "Indonesian" },
-  { code: "it", name: "Italian" },
-  { code: "ja", name: "Japanese" },
-  { code: "ko", name: "Korean" },
-  { code: "lv", name: "Latvian" },
-  { code: "lt", name: "Lithuanian" },
-  { code: "no", name: "Norwegian" },
-  { code: "fa", name: "Persian" },
-  { code: "pl", name: "Polish" },
-  { code: "pt", name: "Portuguese" },
-  { code: "ro", name: "Romanian" },
-  { code: "ru", name: "Russian" },
-  { code: "sr", name: "Serbian" },
-  { code: "sk", name: "Slovak" },
-  { code: "sl", name: "Slovenian" },
-  { code: "es", name: "Spanish" },
-  { code: "sv", name: "Swedish" },
-  { code: "th", name: "Thai" },
-  { code: "tr", name: "Turkish" },
-  { code: "uk", name: "Ukrainian" },
-  { code: "vi", name: "Vietnamese" },
 ];
 
 export const LanguageSelector: React.FC<LanguageSelectorProps> = ({
@@ -85,11 +85,12 @@ export const LanguageSelector: React.FC<LanguageSelectorProps> = ({
     }
   }, [isOpen]);
 
-  const filteredLanguages = LANGUAGES.filter(language =>
+  const filteredLanguages = LANGUAGES.filter((language) =>
-    language.name.toLowerCase().includes(searchQuery.toLowerCase())
+    language.name.toLowerCase().includes(searchQuery.toLowerCase()),
   );
 
-  const selectedLanguageName = LANGUAGES.find(lang => lang.code === selectedLanguage)?.name || "Auto-detect";
+  const selectedLanguageName =
+    LANGUAGES.find((lang) => lang.code === selectedLanguage)?.name || "Auto";
 
   const handleLanguageSelect = async (languageCode: string) => {
     await updateSetting("selected_language", languageCode);
@@ -123,7 +124,7 @@ export const LanguageSelector: React.FC<LanguageSelectorProps> = ({
   return (
     <SettingContainer
       title="Language"
-      description="Select the language for speech recognition. Auto-detect will automatically determine the language, while selecting a specific language can improve accuracy for that language."
+      description="Select the language for speech recognition. Auto will automatically determine the language, while selecting a specific language can improve accuracy for that language."
       descriptionMode={descriptionMode}
       grouped={grouped}
     >

src/components/settings/Settings.tsx

@@ -15,13 +15,13 @@ export const Settings: React.FC = () => {
       <SettingsGroup>
         <HandyShortcut descriptionMode="tooltip" grouped={true} />
         <MicrophoneSelector descriptionMode="tooltip" grouped={true} />
+        <LanguageSelector descriptionMode="tooltip" grouped={true} />
       </SettingsGroup>
 
       <SettingsGroup title="Advanced">
         <PushToTalk descriptionMode="tooltip" grouped={true} />
         <AudioFeedback descriptionMode="tooltip" grouped={true} />
         <OutputDeviceSelector descriptionMode="tooltip" grouped={true} />
-        <LanguageSelector descriptionMode="tooltip" grouped={true} />
         <TranslateToEnglish descriptionMode="tooltip" grouped={true} />
         <AlwaysOnMicrophone descriptionMode="tooltip" grouped={true} />
       </SettingsGroup>