Add all 51 supported languages from ACE-Step-1.5

- Updated VOCAL_LANGUAGES array to match ACE-Step-1.5 constants.py
- Added 27 missing languages including Hebrew, Hindi, Finnish, Bengali, etc.
- Alphabetically sorted for better UX
- Total: 51 languages (from 24)

Fixes #6 (language support part)

components/CreatePanel.tsx

@@ -46,29 +46,56 @@ const TIME_SIGNATURES = ['', '2/4', '3/4', '4/4', '6/8'];
 
 const VOCAL_LANGUAGES = [
   { value: 'unknown', label: 'Auto / Instrumental' },
-  { value: 'en', label: 'English' },
-  { value: 'ja', label: 'Japanese' },
-  { value: 'zh', label: 'Chinese' },
-  { value: 'es', label: 'Spanish' },
-  { value: 'de', label: 'German' },
-  { value: 'fr', label: 'French' },
-  { value: 'pt', label: 'Portuguese' },
-  { value: 'ru', label: 'Russian' },
-  { value: 'it', label: 'Italian' },
-  { value: 'nl', label: 'Dutch' },
-  { value: 'pl', label: 'Polish' },
-  { value: 'tr', label: 'Turkish' },
-  { value: 'vi', label: 'Vietnamese' },
-  { value: 'cs', label: 'Czech' },
-  { value: 'fa', label: 'Persian' },
-  { value: 'id', label: 'Indonesian' },
-  { value: 'ko', label: 'Korean' },
-  { value: 'uk', label: 'Ukrainian' },
-  { value: 'hu', label: 'Hungarian' },
   { value: 'ar', label: 'Arabic' },
-  { value: 'sv', label: 'Swedish' },
+  { value: 'az', label: 'Azerbaijani' },
-  { value: 'ro', label: 'Romanian' },
+  { value: 'bg', label: 'Bulgarian' },
+  { value: 'bn', label: 'Bengali' },
+  { value: 'ca', label: 'Catalan' },
+  { value: 'cs', label: 'Czech' },
+  { value: 'da', label: 'Danish' },
+  { value: 'de', label: 'German' },
   { value: 'el', label: 'Greek' },
+  { value: 'en', label: 'English' },
+  { value: 'es', label: 'Spanish' },
+  { value: 'fa', label: 'Persian' },
+  { value: 'fi', label: 'Finnish' },
+  { value: 'fr', label: 'French' },
+  { value: 'he', label: 'Hebrew' },
+  { value: 'hi', label: 'Hindi' },
+  { value: 'hr', label: 'Croatian' },
+  { value: 'ht', label: 'Haitian Creole' },
+  { value: 'hu', label: 'Hungarian' },
+  { value: 'id', label: 'Indonesian' },
+  { value: 'is', label: 'Icelandic' },
+  { value: 'it', label: 'Italian' },
+  { value: 'ja', label: 'Japanese' },
+  { value: 'ko', label: 'Korean' },
+  { value: 'la', label: 'Latin' },
+  { value: 'lt', label: 'Lithuanian' },
+  { value: 'ms', label: 'Malay' },
+  { value: 'ne', label: 'Nepali' },
+  { value: 'nl', label: 'Dutch' },
+  { value: 'no', label: 'Norwegian' },
+  { value: 'pa', label: 'Punjabi' },
+  { value: 'pl', label: 'Polish' },
+  { value: 'pt', label: 'Portuguese' },
+  { value: 'ro', label: 'Romanian' },
+  { value: 'ru', label: 'Russian' },
+  { value: 'sa', label: 'Sanskrit' },
+  { value: 'sk', label: 'Slovak' },
+  { value: 'sr', label: 'Serbian' },
+  { value: 'sv', label: 'Swedish' },
+  { value: 'sw', label: 'Swahili' },
+  { value: 'ta', label: 'Tamil' },
+  { value: 'te', label: 'Telugu' },
+  { value: 'th', label: 'Thai' },
+  { value: 'tl', label: 'Tagalog' },
+  { value: 'tr', label: 'Turkish' },
+  { value: 'uk', label: 'Ukrainian' },
+  { value: 'ur', label: 'Urdu' },
+  { value: 'vi', label: 'Vietnamese' },
+  { value: 'yue', label: 'Cantonese' },
+  { value: 'zh', label: 'Chinese (Mandarin)' },
 ];
 
 export const CreatePanel: React.FC<CreatePanelProps> = ({ onGenerate, isGenerating, initialData }) => {