Add YuE2 to the music engine picker and generate API.

Co-authored-by: Cursor <cursoragent@cursor.com>

components/StudioKindCards.vue

@@ -99,7 +99,7 @@
         </svg>
         <span class="mt-3 block font-display text-lg font-bold text-zinc-100">Music</span>
       </NuxtLink>
-      <div class="grid grid-cols-2 border-t border-white/10">
+      <div class="grid grid-cols-3 border-t border-white/10">
         <button
           type="button"
           class="border-r border-white/10 px-3 py-2.5 text-left text-sm transition"
@@ -111,12 +111,21 @@
         </button>
         <button
           type="button"
-          class="px-3 py-2.5 text-left text-sm transition"
+          class="border-r border-white/10 px-3 py-2.5 text-left text-sm transition"
           :class="engineBtnClass(current === 'music' && musicEngine === 'yue')"
           @click="pickMusic('yue')"
         >
           <span class="block font-semibold">YuE</span>
-          <span class="text-xs opacity-80">Lyrics</span>
+          <span class="text-xs opacity-80">v1</span>
+        </button>
+        <button
+          type="button"
+          class="px-3 py-2.5 text-left text-sm transition"
+          :class="engineBtnClass(current === 'music' && musicEngine === 'yue2')"
+          @click="pickMusic('yue2')"
+        >
+          <span class="block font-semibold">YuE2</span>
+          <span class="text-xs opacity-80">3B</span>
         </button>
       </div>
     </div>
@@ -131,7 +140,7 @@ const props = withDefaults(defineProps<{
   videoEngine?: 'minimax' | 'ltx'
   videoStart?: 'still' | 'text'
   imageEngine?: 'flux' | 'krea'
-  musicEngine?: 'ace' | 'yue'
+  musicEngine?: 'ace' | 'yue' | 'yue2'
 }>(), {
   ltxEnabled: false,
   videoEngine: 'minimax',
@@ -144,7 +153,7 @@ const emit = defineEmits<{
   select: [kind: 'video' | 'image']
   'video-engine': [engine: 'minimax' | 'ltx']
   'image-engine': [engine: 'flux' | 'krea']
-  'music-engine': [engine: 'ace' | 'yue']
+  'music-engine': [engine: 'ace' | 'yue' | 'yue2']
 }>()
 
 function engineBtnClass(active: boolean) {
@@ -162,7 +171,7 @@ function pickImage(engine: 'flux' | 'krea') {
   if (props.current !== 'image') emit('select', 'image')
 }
 
-function pickMusic(engine: 'ace' | 'yue') {
+function pickMusic(engine: 'ace' | 'yue' | 'yue2') {
   if (props.current === 'music') {
     emit('music-engine', engine)
     return