@yyc3/music-ai 1.0.0 → 2.0.1

package/dist/index.js

@@ -1,11 +1,11 @@
-import { jsxs as i, Fragment as $, jsx as e } from "react/jsx-runtime";
-import { useState as u, useRef as we, useEffect as ye, useCallback as E } from "react";
-import { AnimatePresence as Q, motion as p } from "motion/react";
+import { jsxs as i, Fragment as z, jsx as e } from "react/jsx-runtime";
+import { useState as u, useRef as we, useEffect as ye, useCallback as P } from "react";
+import { AnimatePresence as F, motion as m } from "motion/react";
 import { clsx as y } from "clsx";
-import { X as re, Mic as xe, BrainCircuit as Te, ChevronDown as mt, Clock as Oe, MicOff as Ve, MessageSquare as Qe, Smile as _e, Frown as Ye, Zap as Xe, Cloud as He, Heart as et, Wand2 as We, Plus as pe, Minus as Ie, Loader2 as fe, Sparkles as je, RefreshCw as xt, Check as ee, Copy as ge, Volume2 as pt, Music as $e, ArrowLeft as bt, Settings2 as ut, Layers as Ge, FolderOpen as wt, Film as tt, ExternalLink as gt, ChevronRight as ft, Trash2 as yt, Share2 as Nt, Play as vt, Pause as kt, Camera as Ct, Maximize2 as St } from "lucide-react";
-import { useI18n as Ae, useAudioComposer as it } from "@yyc3/music-hooks";
-import { apiFetch as _ } from "@yyc3/music-utils";
-const Mt = [
+import { X as ae, Mic as pe, BrainCircuit as Pe, ChevronDown as dt, Clock as Oe, MicOff as Ve, MessageSquare as qe, Smile as Ue, Frown as Qe, Zap as _e, Cloud as Ye, Heart as Xe, Wand2 as We, Plus as xe, Minus as Te, Loader2 as fe, Sparkles as Ie, RefreshCw as ht, Check as ee, Copy as ge, Volume2 as mt, Music as $e, ArrowLeft as pt, Settings2 as xt, Layers as De, FolderOpen as ut, Film as He, ExternalLink as bt, ChevronRight as wt, Trash2 as gt, Share2 as ft, Play as yt, Pause as Nt, Camera as vt, Maximize2 as kt } from "lucide-react";
+import { useI18n as je, useAudioComposer as et } from "@yyc3/music-hooks";
+import { apiFetch as Q } from "@yyc3/music-utils";
+const Ct = [
   { cmd: '"播放"', desc: "播放音乐" },
   { cmd: '"暂停"', desc: "暂停音乐" },
   { cmd: '"下一首"', desc: "下一首歌" },
@@ -21,7 +21,7 @@ const Mt = [
   { cmd: '"评论"', desc: "打开评论" },
   { cmd: '"社区"', desc: "社区动态" },
   { cmd: '"分析"', desc: "数据分析" }
-], zt = [
+], St = [
   { cmd: '"play"', desc: "Play music" },
   { cmd: '"pause"', desc: "Pause music" },
   { cmd: '"next"', desc: "Next track" },
@@ -37,31 +37,31 @@ const Mt = [
   { cmd: '"comment"', desc: "Comments" },
   { cmd: '"community"', desc: "Community" },
   { cmd: '"analytics"', desc: "Analytics" }
-], Wt = ({
-  activeTips: z,
-  onDismissTip: I,
-  onExecuteAction: d,
+], Pt = ({
+  activeTips: M,
+  onDismissTip: $,
+  onExecuteAction: b,
   isListening: g,
-  onToggleListening: J,
-  voiceSupported: a,
-  voiceFeedback: O,
-  voiceHistory: W,
-  sessionInsight: j,
-  isPlaying: S,
-  audioEnergy: T,
-  externalExpanded: K,
-  onExternalExpandedChange: s
+  onToggleListening: K,
+  voiceSupported: p,
+  voiceFeedback: B,
+  voiceHistory: J,
+  sessionInsight: T,
+  isPlaying: j,
+  audioEnergy: O,
+  externalExpanded: W,
+  onExternalExpandedChange: l
 }) => {
-  const { t: N, lang: M } = Ae(), [f, U] = u(!1), [F, D] = u(!1), Y = we(null), B = M === "zh" ? Mt : zt;
+  const { t: N, lang: S } = je(), [f, U] = u(!1), [q, L] = u(!1), _ = we(null), E = S === "zh" ? Ct : St;
   ye(() => {
-    K !== void 0 && U(K);
-  }, [K]);
-  const G = (n) => {
-    U(n), s == null || s(n);
+    W !== void 0 && U(W);
+  }, [W]);
+  const Z = (s) => {
+    U(s), l?.(s);
   };
   ye(() => {
-  }, [z.length]);
-  const A = {
+  }, [M.length]);
+  const I = {
     emotion: "from-pink-500/20 to-purple-500/20 border-pink-500/30",
     achievement: "from-yellow-500/20 to-amber-500/20 border-yellow-500/30",
     streak: "from-orange-500/20 to-red-500/20 border-orange-500/30",
@@ -70,14 +70,14 @@ const Mt = [
     voice: "from-indigo-500/20 to-violet-500/20 border-indigo-500/30",
     system: "from-gray-500/20 to-slate-500/20 border-white/10"
   };
-  return /* @__PURE__ */ i($, { children: [
+  return /* @__PURE__ */ i(z, { children: [
     /* @__PURE__ */ e(
       "div",
       {
-        ref: Y,
+        ref: _,
         className: "fixed top-20 left-4 z-[45] flex flex-col gap-2 max-w-[340px] pointer-events-none",
-        children: /* @__PURE__ */ e(Q, { mode: "popLayout", children: z.map((n) => /* @__PURE__ */ i(
-          p.div,
+        children: /* @__PURE__ */ e(F, { mode: "popLayout", children: M.map((s) => /* @__PURE__ */ i(
+          m.div,
           {
             initial: { opacity: 0, x: -50, scale: 0.9 },
             animate: { opacity: 1, x: 0, scale: 1 },
@@ -85,35 +85,35 @@ const Mt = [
             transition: { type: "spring", damping: 25, stiffness: 300 },
             className: y(
               "pointer-events-auto bg-gradient-to-r backdrop-blur-2xl rounded-xl border p-3 shadow-2xl",
-              A[n.category] || A.system
+              I[s.category] || I.system
             ),
             children: [
               /* @__PURE__ */ i("div", { className: "flex items-start gap-2.5", children: [
-                /* @__PURE__ */ e("span", { className: "text-lg flex-shrink-0 mt-0.5", children: n.icon }),
+                /* @__PURE__ */ e("span", { className: "text-lg flex-shrink-0 mt-0.5", children: s.icon }),
                 /* @__PURE__ */ i("div", { className: "flex-1 min-w-0", children: [
-                  /* @__PURE__ */ e("p", { className: "text-xs text-white/80 leading-relaxed", children: n.message }),
-                  n.actionLabel && n.actionKey && /* @__PURE__ */ e(
+                  /* @__PURE__ */ e("p", { className: "text-xs text-white/80 leading-relaxed", children: s.message }),
+                  s.actionLabel && s.actionKey && /* @__PURE__ */ e(
                     "button",
                     {
                       onClick: () => {
-                        d(n.actionKey), I(n.id);
+                        b(s.actionKey), $(s.id);
                       },
                       className: "mt-2 text-[11px] font-medium px-3 py-1 rounded-full bg-white/10 hover:bg-white/20 text-white/90 transition-colors border border-white/10",
-                      children: n.actionLabel
+                      children: s.actionLabel
                     }
                   )
                 ] }),
                 /* @__PURE__ */ e(
                   "button",
                   {
-                    onClick: () => I(n.id),
+                    onClick: () => $(s.id),
                     className: "text-white/30 hover:text-white/60 transition-colors flex-shrink-0 p-0.5",
-                    children: /* @__PURE__ */ e(re, { className: "w-3 h-3" })
+                    children: /* @__PURE__ */ e(ae, { className: "w-3 h-3" })
                   }
                 )
               ] }),
               /* @__PURE__ */ e(
-                p.div,
+                m.div,
                 {
                   className: "absolute bottom-0 left-0 h-[2px] bg-white/20 rounded-b-xl",
                   initial: { width: "100%" },
@@ -123,63 +123,63 @@ const Mt = [
               )
             ]
           },
-          n.id
+          s.id
         )) })
       }
     ),
-    /* @__PURE__ */ e(Q, { children: O && /* @__PURE__ */ e(
-      p.div,
+    /* @__PURE__ */ e(F, { children: B && /* @__PURE__ */ e(
+      m.div,
       {
         initial: { opacity: 0, y: 20, scale: 0.9 },
         animate: { opacity: 1, y: 0, scale: 1 },
         exit: { opacity: 0, y: 20, scale: 0.9 },
         className: "fixed bottom-32 left-1/2 -translate-x-1/2 z-[70] bg-black/70 backdrop-blur-2xl rounded-2xl px-5 py-3 border border-white/10 shadow-2xl",
-        children: /* @__PURE__ */ e("p", { className: "text-sm text-white/90 font-medium whitespace-nowrap", children: O })
+        children: /* @__PURE__ */ e("p", { className: "text-sm text-white/90 font-medium whitespace-nowrap", children: B })
       },
       "voice-fb"
     ) }),
-    /* @__PURE__ */ e(Q, { children: g && /* @__PURE__ */ i(
-      p.div,
+    /* @__PURE__ */ e(F, { children: g && /* @__PURE__ */ i(
+      m.div,
       {
         initial: { opacity: 0 },
         animate: { opacity: 1 },
         exit: { opacity: 0 },
         className: "fixed inset-0 z-[65] pointer-events-none flex items-center justify-center",
         children: [
-          [0, 1, 2].map((n) => /* @__PURE__ */ e(
-            p.div,
+          [0, 1, 2].map((s) => /* @__PURE__ */ e(
+            m.div,
             {
               className: "absolute rounded-full border border-purple-400/20",
               animate: {
-                width: [80, 200 + n * 60],
-                height: [80, 200 + n * 60],
+                width: [80, 200 + s * 60],
+                height: [80, 200 + s * 60],
                 opacity: [0.4, 0]
               },
               transition: {
                 duration: 2,
                 repeat: 1 / 0,
-                delay: n * 0.5,
+                delay: s * 0.5,
                 ease: "easeOut"
               }
             },
-            n
+            s
           )),
           /* @__PURE__ */ e(
-            p.div,
+            m.div,
             {
               className: "w-20 h-20 rounded-full bg-purple-600/30 backdrop-blur-xl border border-purple-400/40 flex items-center justify-center shadow-2xl shadow-purple-500/30",
               animate: { scale: [1, 1.1, 1] },
               transition: { duration: 1, repeat: 1 / 0, ease: "easeInOut" },
-              children: /* @__PURE__ */ e(xe, { className: "w-8 h-8 text-purple-300" })
+              children: /* @__PURE__ */ e(pe, { className: "w-8 h-8 text-purple-300" })
             }
           ),
           /* @__PURE__ */ e(
-            p.p,
+            m.p,
             {
               className: "absolute mt-32 text-sm text-purple-300/80 font-medium",
               animate: { opacity: [0.5, 1, 0.5] },
               transition: { duration: 2, repeat: 1 / 0 },
-              children: M === "zh" ? "正在聆听..." : "Listening..."
+              children: S === "zh" ? "正在聆听..." : "Listening..."
             }
           )
         ]
@@ -187,8 +187,8 @@ const Mt = [
       "listening-overlay"
     ) }),
     /* @__PURE__ */ i("div", { className: "fixed bottom-[120px] md:bottom-28 left-4 z-[55] hidden md:flex flex-col items-start gap-2", children: [
-      /* @__PURE__ */ e(Q, { children: f && /* @__PURE__ */ i(
-        p.div,
+      /* @__PURE__ */ e(F, { children: f && /* @__PURE__ */ i(
+        m.div,
         {
           initial: { opacity: 0, y: 20, scale: 0.9 },
           animate: { opacity: 1, y: 0, scale: 1 },
@@ -198,123 +198,123 @@ const Mt = [
           children: [
             /* @__PURE__ */ i("div", { className: "flex items-center justify-between px-4 py-3 border-b border-white/[0.06]", children: [
               /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ e(Te, { className: "w-4 h-4 text-purple-400" }),
-                /* @__PURE__ */ e("span", { className: "text-sm font-semibold text-white/90", children: M === "zh" ? "AI 助手" : "AI Assistant" })
+                /* @__PURE__ */ e(Pe, { className: "w-4 h-4 text-purple-400" }),
+                /* @__PURE__ */ e("span", { className: "text-sm font-semibold text-white/90", children: S === "zh" ? "AI 助手" : "AI Assistant" })
               ] }),
               /* @__PURE__ */ e(
                 "button",
                 {
-                  onClick: () => G(!1),
+                  onClick: () => Z(!1),
                   className: "p-1 rounded-lg text-white/30 hover:text-white/60 hover:bg-white/5 transition-colors",
-                  children: /* @__PURE__ */ e(mt, { className: "w-4 h-4" })
+                  children: /* @__PURE__ */ e(dt, { className: "w-4 h-4" })
                 }
               )
             ] }),
             /* @__PURE__ */ i("div", { className: "p-4 space-y-4 max-h-[50vh] overflow-y-auto", style: { scrollbarWidth: "none" }, children: [
               /* @__PURE__ */ i("div", { className: "flex items-center gap-2 px-3 py-2 bg-white/[0.03] rounded-lg border border-white/[0.06]", children: [
                 /* @__PURE__ */ e(Oe, { className: "w-3.5 h-3.5 text-white/30 flex-shrink-0" }),
-                /* @__PURE__ */ e("p", { className: "text-[11px] text-white/50", children: j })
+                /* @__PURE__ */ e("p", { className: "text-[11px] text-white/50", children: T })
               ] }),
               /* @__PURE__ */ i("div", { children: [
                 /* @__PURE__ */ i("div", { className: "flex items-center justify-between mb-2", children: [
-                  /* @__PURE__ */ e("p", { className: "text-xs text-white/40 font-medium uppercase tracking-wider", children: M === "zh" ? "语音指令" : "Voice Commands" }),
+                  /* @__PURE__ */ e("p", { className: "text-xs text-white/40 font-medium uppercase tracking-wider", children: S === "zh" ? "语音指令" : "Voice Commands" }),
                   /* @__PURE__ */ e(
                     "button",
                     {
-                      onClick: () => D(!F),
+                      onClick: () => L(!q),
                       className: "text-[10px] text-purple-400/60 hover:text-purple-400 transition-colors",
-                      children: F ? M === "zh" ? "收起" : "Hide" : M === "zh" ? "查看指令表" : "Show commands"
+                      children: q ? S === "zh" ? "收起" : "Hide" : S === "zh" ? "查看指令表" : "Show commands"
                     }
                   )
                 ] }),
-                a ? /* @__PURE__ */ e(
+                p ? /* @__PURE__ */ e(
                   "button",
                   {
-                    onClick: J,
+                    onClick: K,
                     className: y(
                       "w-full flex items-center justify-center gap-2 py-2.5 rounded-xl border transition-all",
                       g ? "bg-purple-600/20 border-purple-500/40 text-purple-300" : "bg-white/[0.03] border-white/[0.08] text-white/50 hover:text-white/80 hover:bg-white/[0.06]"
                     ),
-                    children: g ? /* @__PURE__ */ i($, { children: [
+                    children: g ? /* @__PURE__ */ i(z, { children: [
                       /* @__PURE__ */ e(
-                        p.div,
+                        m.div,
                         {
                           animate: { scale: [1, 1.2, 1] },
                           transition: { duration: 1, repeat: 1 / 0 },
-                          children: /* @__PURE__ */ e(xe, { className: "w-4 h-4" })
+                          children: /* @__PURE__ */ e(pe, { className: "w-4 h-4" })
                         }
                       ),
-                      /* @__PURE__ */ e("span", { className: "text-sm", children: M === "zh" ? "正在聆听..." : "Listening..." })
-                    ] }) : /* @__PURE__ */ i($, { children: [
-                      /* @__PURE__ */ e(xe, { className: "w-4 h-4" }),
-                      /* @__PURE__ */ e("span", { className: "text-sm", children: M === "zh" ? "点击说出指令" : "Tap to speak" })
+                      /* @__PURE__ */ e("span", { className: "text-sm", children: S === "zh" ? "正在聆听..." : "Listening..." })
+                    ] }) : /* @__PURE__ */ i(z, { children: [
+                      /* @__PURE__ */ e(pe, { className: "w-4 h-4" }),
+                      /* @__PURE__ */ e("span", { className: "text-sm", children: S === "zh" ? "点击说出指令" : "Tap to speak" })
                     ] })
                   }
                 ) : /* @__PURE__ */ i("div", { className: "flex items-center gap-2 px-3 py-2 bg-white/[0.02] rounded-lg text-white/30 text-xs", children: [
                   /* @__PURE__ */ e(Ve, { className: "w-3.5 h-3.5" }),
-                  M === "zh" ? "当前浏览器不支持语音识别" : "Voice not supported in this browser"
+                  S === "zh" ? "当前浏览器不支持语音识别" : "Voice not supported in this browser"
                 ] }),
-                /* @__PURE__ */ e(Q, { children: F && /* @__PURE__ */ e(
-                  p.div,
+                /* @__PURE__ */ e(F, { children: q && /* @__PURE__ */ e(
+                  m.div,
                   {
                     initial: { height: 0, opacity: 0 },
                     animate: { height: "auto", opacity: 1 },
                     exit: { height: 0, opacity: 0 },
                     className: "overflow-hidden",
-                    children: /* @__PURE__ */ e("div", { className: "mt-2 grid grid-cols-2 gap-1", children: B.map((n, v) => /* @__PURE__ */ i("div", { className: "flex items-center gap-1.5 px-2 py-1 rounded-lg bg-white/[0.02]", children: [
-                      /* @__PURE__ */ e("span", { className: "text-[10px] text-purple-400 font-mono", children: n.cmd }),
-                      /* @__PURE__ */ e("span", { className: "text-[10px] text-white/30", children: n.desc })
+                    children: /* @__PURE__ */ e("div", { className: "mt-2 grid grid-cols-2 gap-1", children: E.map((s, v) => /* @__PURE__ */ i("div", { className: "flex items-center gap-1.5 px-2 py-1 rounded-lg bg-white/[0.02]", children: [
+                      /* @__PURE__ */ e("span", { className: "text-[10px] text-purple-400 font-mono", children: s.cmd }),
+                      /* @__PURE__ */ e("span", { className: "text-[10px] text-white/30", children: s.desc })
                     ] }, v)) })
                   }
                 ) }),
-                W.length > 0 && /* @__PURE__ */ i("div", { className: "mt-2 space-y-1", children: [
-                  /* @__PURE__ */ e("p", { className: "text-[10px] text-white/25 uppercase tracking-wider", children: M === "zh" ? "最近指令" : "Recent" }),
-                  W.slice(-3).reverse().map((n, v) => /* @__PURE__ */ i("div", { className: "flex items-center gap-2 px-2 py-1 rounded-lg bg-white/[0.02]", children: [
-                    /* @__PURE__ */ e(Qe, { className: "w-3 h-3 text-white/20 flex-shrink-0" }),
+                J.length > 0 && /* @__PURE__ */ i("div", { className: "mt-2 space-y-1", children: [
+                  /* @__PURE__ */ e("p", { className: "text-[10px] text-white/25 uppercase tracking-wider", children: S === "zh" ? "最近指令" : "Recent" }),
+                  J.slice(-3).reverse().map((s, v) => /* @__PURE__ */ i("div", { className: "flex items-center gap-2 px-2 py-1 rounded-lg bg-white/[0.02]", children: [
+                    /* @__PURE__ */ e(qe, { className: "w-3 h-3 text-white/20 flex-shrink-0" }),
                     /* @__PURE__ */ i("span", { className: "text-[10px] text-white/40 truncate", children: [
                       '"',
-                      n.transcript,
+                      s.transcript,
                       '"'
                     ] }),
                     /* @__PURE__ */ e("span", { className: "text-[10px] text-green-400/60 ml-auto flex-shrink-0", children: "✓" })
                   ] }, v))
                 ] })
               ] }),
-              z.length > 0 && /* @__PURE__ */ i("div", { children: [
-                /* @__PURE__ */ e("p", { className: "text-xs text-white/40 font-medium uppercase tracking-wider mb-2", children: M === "zh" ? "智能提示" : "AI Insights" }),
-                /* @__PURE__ */ e("div", { className: "space-y-2", children: z.map((n) => /* @__PURE__ */ i(
+              M.length > 0 && /* @__PURE__ */ i("div", { children: [
+                /* @__PURE__ */ e("p", { className: "text-xs text-white/40 font-medium uppercase tracking-wider mb-2", children: S === "zh" ? "智能提示" : "AI Insights" }),
+                /* @__PURE__ */ e("div", { className: "space-y-2", children: M.map((s) => /* @__PURE__ */ i(
                   "div",
                   {
                     className: y(
                       "flex items-start gap-2 px-3 py-2 rounded-lg bg-gradient-to-r border",
-                      A[n.category] || A.system
+                      I[s.category] || I.system
                     ),
                     children: [
-                      /* @__PURE__ */ e("span", { className: "text-sm flex-shrink-0", children: n.icon }),
+                      /* @__PURE__ */ e("span", { className: "text-sm flex-shrink-0", children: s.icon }),
                       /* @__PURE__ */ i("div", { className: "flex-1 min-w-0", children: [
-                        /* @__PURE__ */ e("p", { className: "text-[11px] text-white/70 leading-relaxed", children: n.message }),
-                        n.actionLabel && n.actionKey && /* @__PURE__ */ e(
+                        /* @__PURE__ */ e("p", { className: "text-[11px] text-white/70 leading-relaxed", children: s.message }),
+                        s.actionLabel && s.actionKey && /* @__PURE__ */ e(
                           "button",
                           {
                             onClick: () => {
-                              d(n.actionKey), I(n.id);
+                              b(s.actionKey), $(s.id);
                             },
                             className: "mt-1 text-[10px] font-medium px-2 py-0.5 rounded-full bg-white/10 hover:bg-white/20 text-white/80 transition-colors",
-                            children: n.actionLabel
+                            children: s.actionLabel
                           }
                         )
                       ] }),
                       /* @__PURE__ */ e(
                         "button",
                         {
-                          onClick: () => I(n.id),
+                          onClick: () => $(s.id),
                           className: "text-white/20 hover:text-white/50 flex-shrink-0",
-                          children: /* @__PURE__ */ e(re, { className: "w-3 h-3" })
+                          children: /* @__PURE__ */ e(ae, { className: "w-3 h-3" })
                         }
                       )
                     ]
                   },
-                  n.id
+                  s.id
                 )) })
               ] })
             ] })
@@ -322,9 +322,9 @@ const Mt = [
         }
       ) }),
       /* @__PURE__ */ i(
-        p.button,
+        m.button,
         {
-          onClick: () => G(!f),
+          onClick: () => Z(!f),
           whileHover: { scale: 1.05 },
           whileTap: { scale: 0.95 },
           className: y(
@@ -332,28 +332,28 @@ const Mt = [
             g ? "bg-purple-600 border-purple-400/50 shadow-purple-500/40" : f ? "bg-[#0D1235] border-purple-500/30" : "bg-[#0D1235]/90 backdrop-blur-xl border-white/10 hover:border-purple-500/30"
           ),
           style: {
-            boxShadow: g ? `0 0 ${15 + T * 20}px rgba(139,92,246,0.4)` : S ? `0 0 ${8 + T * 12}px rgba(139,92,246,0.15)` : void 0
+            boxShadow: g ? `0 0 ${15 + O * 20}px rgba(139,92,246,0.4)` : j ? `0 0 ${8 + O * 12}px rgba(139,92,246,0.15)` : void 0
           },
           children: [
             g ? /* @__PURE__ */ e(
-              p.div,
+              m.div,
               {
                 animate: { scale: [1, 1.2, 1] },
                 transition: { duration: 0.8, repeat: 1 / 0 },
-                children: /* @__PURE__ */ e(xe, { className: "w-5 h-5 text-white" })
+                children: /* @__PURE__ */ e(pe, { className: "w-5 h-5 text-white" })
               }
-            ) : /* @__PURE__ */ e(Te, { className: "w-5 h-5 text-purple-400" }),
-            z.length > 0 && !f && /* @__PURE__ */ e(
-              p.div,
+            ) : /* @__PURE__ */ e(Pe, { className: "w-5 h-5 text-purple-400" }),
+            M.length > 0 && !f && /* @__PURE__ */ e(
+              m.div,
               {
                 initial: { scale: 0 },
                 animate: { scale: 1 },
                 className: "absolute -top-1 -right-1 w-4 h-4 rounded-full bg-pink-500 text-white text-[9px] font-bold flex items-center justify-center",
-                children: z.length
+                children: M.length
               }
             ),
-            S && !g && /* @__PURE__ */ e(
-              p.div,
+            j && !g && /* @__PURE__ */ e(
+              m.div,
               {
                 className: "absolute inset-0 rounded-full border border-purple-500/20",
                 animate: { scale: [1, 1.4, 1], opacity: [0.3, 0, 0.3] },
@@ -363,34 +363,34 @@ const Mt = [
           ]
         }
       ),
-      a && !f && /* @__PURE__ */ e(
-        p.button,
+      p && !f && /* @__PURE__ */ e(
+        m.button,
         {
-          onClick: J,
+          onClick: K,
           whileHover: { scale: 1.1 },
           whileTap: { scale: 0.9 },
           className: y(
             "w-9 h-9 rounded-full flex items-center justify-center border transition-all",
             g ? "bg-purple-600 border-purple-400/50 text-white" : "bg-[#0D1235]/80 backdrop-blur-xl border-white/10 text-white/40 hover:text-purple-400 hover:border-purple-500/30"
           ),
-          children: g ? /* @__PURE__ */ e(Ve, { className: "w-3.5 h-3.5" }) : /* @__PURE__ */ e(xe, { className: "w-3.5 h-3.5" })
+          children: g ? /* @__PURE__ */ e(Ve, { className: "w-3.5 h-3.5" }) : /* @__PURE__ */ e(pe, { className: "w-3.5 h-3.5" })
         }
       )
     ] }),
-    /* @__PURE__ */ e(Q, { children: f && /* @__PURE__ */ i($, { children: [
+    /* @__PURE__ */ e(F, { children: f && /* @__PURE__ */ i(z, { children: [
       /* @__PURE__ */ e(
-        p.div,
+        m.div,
         {
           initial: { opacity: 0 },
           animate: { opacity: 1 },
           exit: { opacity: 0 },
           className: "md:hidden fixed inset-0 z-[55] bg-black/40",
-          onClick: () => G(!1)
+          onClick: () => Z(!1)
         },
         "mobile-ai-backdrop"
       ),
       /* @__PURE__ */ i(
-        p.div,
+        m.div,
         {
           initial: { opacity: 0, y: 30 },
           animate: { opacity: 1, y: 0 },
@@ -400,57 +400,57 @@ const Mt = [
           children: [
             /* @__PURE__ */ i("div", { className: "flex items-center justify-between px-4 py-3 border-b border-white/[0.06]", children: [
               /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ e(Te, { className: "w-4 h-4 text-purple-400" }),
-                /* @__PURE__ */ e("span", { className: "text-sm font-semibold text-white/90", children: M === "zh" ? "AI 助手" : "AI Assistant" })
+                /* @__PURE__ */ e(Pe, { className: "w-4 h-4 text-purple-400" }),
+                /* @__PURE__ */ e("span", { className: "text-sm font-semibold text-white/90", children: S === "zh" ? "AI 助手" : "AI Assistant" })
               ] }),
               /* @__PURE__ */ e(
                 "button",
                 {
-                  onClick: () => G(!1),
+                  onClick: () => Z(!1),
                   className: "p-1.5 rounded-lg text-white/40 hover:text-white/70 hover:bg-white/5",
-                  children: /* @__PURE__ */ e(re, { className: "w-4 h-4" })
+                  children: /* @__PURE__ */ e(ae, { className: "w-4 h-4" })
                 }
               )
             ] }),
             /* @__PURE__ */ i("div", { className: "p-4 space-y-3 max-h-[60vh] overflow-y-auto", style: { scrollbarWidth: "none" }, children: [
               /* @__PURE__ */ i("div", { className: "flex items-center gap-2 px-3 py-2 bg-white/[0.03] rounded-lg border border-white/[0.06]", children: [
                 /* @__PURE__ */ e(Oe, { className: "w-3.5 h-3.5 text-white/30 flex-shrink-0" }),
-                /* @__PURE__ */ e("p", { className: "text-[11px] text-white/50", children: j })
+                /* @__PURE__ */ e("p", { className: "text-[11px] text-white/50", children: T })
               ] }),
-              a && /* @__PURE__ */ i(
+              p && /* @__PURE__ */ i(
                 "button",
                 {
-                  onClick: J,
+                  onClick: K,
                   className: y(
                     "w-full flex items-center justify-center gap-2 py-3 rounded-xl border transition-all",
                     g ? "bg-purple-600/20 border-purple-500/40 text-purple-300" : "bg-white/[0.03] border-white/[0.08] text-white/50"
                   ),
                   children: [
-                    /* @__PURE__ */ e(xe, { className: "w-5 h-5" }),
-                    /* @__PURE__ */ e("span", { className: "text-sm", children: g ? M === "zh" ? "正在聆听..." : "Listening..." : M === "zh" ? "点击说出指令" : "Tap to speak" })
+                    /* @__PURE__ */ e(pe, { className: "w-5 h-5" }),
+                    /* @__PURE__ */ e("span", { className: "text-sm", children: g ? S === "zh" ? "正在聆听..." : "Listening..." : S === "zh" ? "点击说出指令" : "Tap to speak" })
                   ]
                 }
               ),
-              z.length > 0 && /* @__PURE__ */ i("div", { className: "space-y-2", children: [
-                /* @__PURE__ */ e("p", { className: "text-xs text-white/40 font-medium uppercase tracking-wider", children: M === "zh" ? "智能提示" : "AI Tips" }),
-                z.map((n) => /* @__PURE__ */ i("div", { className: y("flex items-start gap-2 px-3 py-2 rounded-lg bg-gradient-to-r border", A[n.category] || A.system), children: [
-                  /* @__PURE__ */ e("span", { className: "text-sm flex-shrink-0", children: n.icon }),
+              M.length > 0 && /* @__PURE__ */ i("div", { className: "space-y-2", children: [
+                /* @__PURE__ */ e("p", { className: "text-xs text-white/40 font-medium uppercase tracking-wider", children: S === "zh" ? "智能提示" : "AI Tips" }),
+                M.map((s) => /* @__PURE__ */ i("div", { className: y("flex items-start gap-2 px-3 py-2 rounded-lg bg-gradient-to-r border", I[s.category] || I.system), children: [
+                  /* @__PURE__ */ e("span", { className: "text-sm flex-shrink-0", children: s.icon }),
                   /* @__PURE__ */ i("div", { className: "flex-1 min-w-0", children: [
-                    /* @__PURE__ */ e("p", { className: "text-[11px] text-white/70 leading-relaxed", children: n.message }),
-                    n.actionLabel && n.actionKey && /* @__PURE__ */ e("button", { onClick: () => {
-                      d(n.actionKey), I(n.id);
-                    }, className: "mt-1 text-[10px] font-medium px-2 py-0.5 rounded-full bg-white/10 text-white/80", children: n.actionLabel })
+                    /* @__PURE__ */ e("p", { className: "text-[11px] text-white/70 leading-relaxed", children: s.message }),
+                    s.actionLabel && s.actionKey && /* @__PURE__ */ e("button", { onClick: () => {
+                      b(s.actionKey), $(s.id);
+                    }, className: "mt-1 text-[10px] font-medium px-2 py-0.5 rounded-full bg-white/10 text-white/80", children: s.actionLabel })
                   ] }),
-                  /* @__PURE__ */ e("button", { onClick: () => I(n.id), className: "text-white/20", children: /* @__PURE__ */ e(re, { className: "w-3 h-3" }) })
-                ] }, n.id))
+                  /* @__PURE__ */ e("button", { onClick: () => $(s.id), className: "text-white/20", children: /* @__PURE__ */ e(ae, { className: "w-3 h-3" }) })
+                ] }, s.id))
               ] }),
-              W.length > 0 && /* @__PURE__ */ i("div", { className: "space-y-1", children: [
-                /* @__PURE__ */ e("p", { className: "text-[10px] text-white/25 uppercase tracking-wider", children: M === "zh" ? "最近指令" : "Recent" }),
-                W.slice(-3).reverse().map((n, v) => /* @__PURE__ */ i("div", { className: "flex items-center gap-2 px-2 py-1 rounded-lg bg-white/[0.02]", children: [
-                  /* @__PURE__ */ e(Qe, { className: "w-3 h-3 text-white/20 flex-shrink-0" }),
+              J.length > 0 && /* @__PURE__ */ i("div", { className: "space-y-1", children: [
+                /* @__PURE__ */ e("p", { className: "text-[10px] text-white/25 uppercase tracking-wider", children: S === "zh" ? "最近指令" : "Recent" }),
+                J.slice(-3).reverse().map((s, v) => /* @__PURE__ */ i("div", { className: "flex items-center gap-2 px-2 py-1 rounded-lg bg-white/[0.02]", children: [
+                  /* @__PURE__ */ e(qe, { className: "w-3 h-3 text-white/20 flex-shrink-0" }),
                   /* @__PURE__ */ i("span", { className: "text-[10px] text-white/40 truncate", children: [
                     '"',
-                    n.transcript,
+                    s.transcript,
                     '"'
                   ] }),
                   /* @__PURE__ */ e("span", { className: "text-[10px] text-green-400/60 ml-auto", children: "✓" })
@@ -463,97 +463,96 @@ const Mt = [
       )
     ] }) })
   ] });
-}, Ue = [
-  { id: "happy", label: "Happy", labelZh: "快乐", icon: _e, color: "text-yellow-400", bg: "from-yellow-500/20 to-orange-500/20" },
-  { id: "sad", label: "Sad", labelZh: "忧伤", icon: Ye, color: "text-blue-400", bg: "from-blue-500/20 to-indigo-500/20" },
-  { id: "energetic", label: "Energetic", labelZh: "活力", icon: Xe, color: "text-red-400", bg: "from-red-500/20 to-orange-500/20" },
-  { id: "calm", label: "Calm", labelZh: "宁静", icon: He, color: "text-cyan-400", bg: "from-cyan-500/20 to-teal-500/20" },
-  { id: "love", label: "Love", labelZh: "爱情", icon: et, color: "text-pink-400", bg: "from-pink-500/20 to-red-500/20" }
-], Dt = ({
-  isOpen: z,
-  onClose: I,
-  onCreateTrack: d
+}, Fe = [
+  { id: "happy", label: "Happy", labelZh: "快乐", icon: Ue, color: "text-yellow-400", bg: "from-yellow-500/20 to-orange-500/20" },
+  { id: "sad", label: "Sad", labelZh: "忧伤", icon: Qe, color: "text-blue-400", bg: "from-blue-500/20 to-indigo-500/20" },
+  { id: "energetic", label: "Energetic", labelZh: "活力", icon: _e, color: "text-red-400", bg: "from-red-500/20 to-orange-500/20" },
+  { id: "calm", label: "Calm", labelZh: "宁静", icon: Ye, color: "text-cyan-400", bg: "from-cyan-500/20 to-teal-500/20" },
+  { id: "love", label: "Love", labelZh: "爱情", icon: Xe, color: "text-pink-400", bg: "from-pink-500/20 to-red-500/20" }
+], Ot = ({
+  isOpen: M,
+  onClose: $,
+  onCreateTrack: b
 }) => {
-  const [g, J] = u("happy"), [a, O] = u([]), [W, j] = u(""), [S, T] = u(8), [K, s] = u(!1), [N, M] = u(null), [f, U] = u(!1), [F, D] = u(0), [Y, B] = u(!1), [G, A] = u("idle"), n = it(), { t: v, lang: te } = Ae(), h = E(() => {
-    const m = W.trim();
-    m && a.length < 5 && !a.includes(m) && (O((Z) => [...Z, m]), j(""));
-  }, [W, a]), l = E((m) => {
-    O((Z) => Z.filter((R) => R !== m));
-  }, []), x = E(async () => {
-    s(!0);
+  const [g, K] = u("happy"), [p, B] = u([]), [J, T] = u(""), [j, O] = u(8), [W, l] = u(!1), [N, S] = u(null), [f, U] = u(!1), [q, L] = u(0), [_, E] = u(!1), [Z, I] = u("idle"), s = et(), { t: v, lang: te } = je(), h = P(() => {
+    const c = J.trim();
+    c && p.length < 5 && !p.includes(c) && (B((R) => [...R, c]), T(""));
+  }, [J, p]), a = P((c) => {
+    B((R) => R.filter((Y) => Y !== c));
+  }, []), d = P(async () => {
+    l(!0);
     try {
-      const m = await _("/ai/lyrics", {
+      const c = await Q("/ai/lyrics", {
         method: "POST",
         headers: { "Content-Type": "application/json" },
         body: JSON.stringify({
           theme: g,
-          keywords: a,
-          lines: S
+          keywords: p,
+          lines: j
         })
       });
-      m != null && m.lyrics && (M(m.lyrics), D((Z) => Z + 1));
-    } catch (m) {
-      console.error("AI lyrics generation failed:", m);
+      c?.lyrics && (S(c.lyrics), L((R) => R + 1));
+    } catch (c) {
+      console.error("AI lyrics generation failed:", c);
     } finally {
-      s(!1);
+      l(!1);
     }
-  }, [g, a, S]), b = E(() => {
+  }, [g, p, j]), x = P(() => {
     N && (navigator.clipboard.writeText(N.join(`
 `)), U(!0), setTimeout(() => U(!1), 2e3));
-  }, [N]), de = E(async () => {
-    var m, Z;
-    if (!(!N || !d)) {
-      A("composing-params");
+  }, [N]), de = P(async () => {
+    if (!(!N || !b)) {
+      I("composing-params");
       try {
-        (m = navigator.vibrate) == null || m.call(navigator, 25);
+        navigator.vibrate?.(25);
       } catch {
       }
       try {
-        const R = await _("/ai/compose", {
+        const c = await Q("/ai/compose", {
           method: "POST",
           headers: { "Content-Type": "application/json" },
           body: JSON.stringify({
             theme: g,
             lyrics: N,
-            lineCount: S
+            lineCount: j
           })
         });
-        if (!(R != null && R.composition)) {
-          d(N, g), B(!0), A("done"), setTimeout(() => {
-            B(!1), A("idle");
+        if (!c?.composition) {
+          b(N, g), E(!0), I("done"), setTimeout(() => {
+            E(!1), I("idle");
           }, 2500);
           return;
         }
-        A("synthesizing");
-        const H = await n.compose(R.composition);
-        d(N, g, H, R.composition), B(!0), A("done");
+        I("synthesizing");
+        const R = await s.compose(c.composition);
+        b(N, g, R, c.composition), E(!0), I("done");
         try {
-          (Z = navigator.vibrate) == null || Z.call(navigator, [10, 30, 10, 30, 40]);
+          navigator.vibrate?.([10, 30, 10, 30, 40]);
         } catch {
         }
         setTimeout(() => {
-          B(!1), A("idle");
+          E(!1), I("idle");
         }, 2500);
-      } catch (R) {
-        console.error("Composition pipeline failed:", R), d(N, g), B(!0), A("done"), setTimeout(() => {
-          B(!1), A("idle");
+      } catch (c) {
+        console.error("Composition pipeline failed:", c), b(N, g), E(!0), I("done"), setTimeout(() => {
+          E(!1), I("idle");
         }, 2500);
       }
     }
-  }, [N, d, g, S, n]), w = Ue.find((m) => m.id === g);
-  return /* @__PURE__ */ e(Q, { children: z && /* @__PURE__ */ i($, { children: [
+  }, [N, b, g, j, s]), w = Fe.find((c) => c.id === g);
+  return /* @__PURE__ */ e(F, { children: M && /* @__PURE__ */ i(z, { children: [
     /* @__PURE__ */ e(
-      p.div,
+      m.div,
       {
         initial: { opacity: 0 },
         animate: { opacity: 1 },
         exit: { opacity: 0 },
         className: "fixed inset-0 z-[60] bg-black/50 backdrop-blur-sm",
-        onClick: I
+        onClick: $
       }
     ),
     /* @__PURE__ */ i(
-      p.div,
+      m.div,
       {
         initial: { y: "100%", opacity: 0 },
         animate: { y: 0, opacity: 1 },
@@ -572,39 +571,39 @@ const Mt = [
             /* @__PURE__ */ e(
               "button",
               {
-                onClick: I,
+                onClick: $,
                 className: "p-2 rounded-lg text-white/40 hover:text-white/70 hover:bg-white/5 transition-colors",
-                children: /* @__PURE__ */ e(re, { className: "w-4 h-4" })
+                children: /* @__PURE__ */ e(ae, { className: "w-4 h-4" })
               }
             )
           ] }),
           /* @__PURE__ */ i("div", { className: "flex-1 overflow-y-auto p-5 space-y-5", style: { scrollbarWidth: "none" }, children: [
             /* @__PURE__ */ i("div", { children: [
               /* @__PURE__ */ e("p", { className: "text-xs text-white/40 font-medium uppercase tracking-wider mb-3", children: v("aiLyrics.theme") }),
-              /* @__PURE__ */ e("div", { className: "grid grid-cols-5 gap-2", children: Ue.map((m) => {
-                const Z = m.icon, R = g === m.id;
+              /* @__PURE__ */ e("div", { className: "grid grid-cols-5 gap-2", children: Fe.map((c) => {
+                const R = c.icon, Y = g === c.id;
                 return /* @__PURE__ */ i(
                   "button",
                   {
-                    onClick: () => J(m.id),
+                    onClick: () => K(c.id),
                     className: y(
                       "p-3 rounded-xl border transition-all text-center",
-                      R ? `bg-gradient-to-br ${m.bg} border-white/15 shadow-lg` : "bg-white/[0.02] border-white/[0.06] hover:bg-white/[0.05]"
+                      Y ? `bg-gradient-to-br ${c.bg} border-white/15 shadow-lg` : "bg-white/[0.02] border-white/[0.06] hover:bg-white/[0.05]"
                     ),
                     children: [
                       /* @__PURE__ */ e(
-                        Z,
+                        R,
                         {
                           className: y(
                             "w-5 h-5 mx-auto mb-1",
-                            R ? m.color : "text-white/30"
+                            Y ? c.color : "text-white/30"
                           )
                         }
                       ),
-                      /* @__PURE__ */ e("p", { className: y("text-[10px]", R ? "text-white/80" : "text-white/30"), children: te === "zh" ? m.labelZh : m.label })
+                      /* @__PURE__ */ e("p", { className: y("text-[10px]", Y ? "text-white/80" : "text-white/30"), children: te === "zh" ? c.labelZh : c.label })
                     ]
                   },
-                  m.id
+                  c.id
                 );
               }) })
             ] }),
@@ -614,7 +613,7 @@ const Mt = [
                 " ",
                 /* @__PURE__ */ i("span", { className: "text-white/20", children: [
                   "(",
-                  a.length,
+                  p.length,
                   "/5)"
                 ] })
               ] }),
@@ -623,9 +622,9 @@ const Mt = [
                   "input",
                   {
                     type: "text",
-                    value: W,
-                    onChange: (m) => j(m.target.value),
-                    onKeyDown: (m) => m.key === "Enter" && h(),
+                    value: J,
+                    onChange: (c) => T(c.target.value),
+                    onKeyDown: (c) => c.key === "Enter" && h(),
                     placeholder: v("aiLyrics.enterKeyword"),
                     className: "flex-1 bg-white/5 border border-white/10 rounded-lg py-2 px-3 text-sm text-white placeholder:text-white/20 focus:outline-none focus:border-purple-500/50"
                   }
@@ -634,25 +633,25 @@ const Mt = [
                   "button",
                   {
                     onClick: h,
-                    disabled: !W.trim() || a.length >= 5,
+                    disabled: !J.trim() || p.length >= 5,
                     className: "p-2 rounded-lg bg-white/5 border border-white/[0.08] text-white/60 hover:text-white hover:bg-white/10 transition-colors disabled:opacity-30",
-                    children: /* @__PURE__ */ e(pe, { className: "w-4 h-4" })
+                    children: /* @__PURE__ */ e(xe, { className: "w-4 h-4" })
                   }
                 )
               ] }),
-              a.length > 0 && /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-1.5", children: a.map((m) => /* @__PURE__ */ i(
-                p.span,
+              p.length > 0 && /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-1.5", children: p.map((c) => /* @__PURE__ */ i(
+                m.span,
                 {
                   initial: { scale: 0.8, opacity: 0 },
                   animate: { scale: 1, opacity: 1 },
                   exit: { scale: 0.8, opacity: 0 },
                   className: "inline-flex items-center gap-1 px-2.5 py-1 bg-purple-500/10 border border-purple-500/20 rounded-full text-xs text-purple-300",
                   children: [
-                    m,
-                    /* @__PURE__ */ e("button", { onClick: () => l(m), className: "text-purple-400/60 hover:text-purple-300", children: /* @__PURE__ */ e(re, { className: "w-3 h-3" }) })
+                    c,
+                    /* @__PURE__ */ e("button", { onClick: () => a(c), className: "text-purple-400/60 hover:text-purple-300", children: /* @__PURE__ */ e(ae, { className: "w-3 h-3" }) })
                   ]
                 },
-                m
+                c
               )) })
             ] }),
             /* @__PURE__ */ i("div", { children: [
@@ -661,44 +660,44 @@ const Mt = [
                 /* @__PURE__ */ e(
                   "button",
                   {
-                    onClick: () => T(Math.max(4, S - 2)),
+                    onClick: () => O(Math.max(4, j - 2)),
                     className: "p-2 rounded-lg bg-white/5 border border-white/[0.08] text-white/60 hover:text-white transition-colors",
-                    children: /* @__PURE__ */ e(Ie, { className: "w-4 h-4" })
+                    children: /* @__PURE__ */ e(Te, { className: "w-4 h-4" })
                   }
                 ),
                 /* @__PURE__ */ i("div", { className: "flex-1 text-center", children: [
-                  /* @__PURE__ */ e("span", { className: "text-2xl font-bold text-white font-mono", children: S }),
+                  /* @__PURE__ */ e("span", { className: "text-2xl font-bold text-white font-mono", children: j }),
                   /* @__PURE__ */ e("span", { className: "text-xs text-white/30 ml-1", children: v("aiLyrics.linesUnit") })
                 ] }),
                 /* @__PURE__ */ e(
                   "button",
                   {
-                    onClick: () => T(Math.min(16, S + 2)),
+                    onClick: () => O(Math.min(16, j + 2)),
                     className: "p-2 rounded-lg bg-white/5 border border-white/[0.08] text-white/60 hover:text-white transition-colors",
-                    children: /* @__PURE__ */ e(pe, { className: "w-4 h-4" })
+                    children: /* @__PURE__ */ e(xe, { className: "w-4 h-4" })
                   }
                 )
               ] })
             ] }),
             /* @__PURE__ */ e(
-              p.button,
+              m.button,
               {
-                onClick: x,
-                disabled: K,
+                onClick: d,
+                disabled: W,
                 whileHover: { scale: 1.01 },
                 whileTap: { scale: 0.98 },
                 className: "w-full py-3 rounded-xl bg-gradient-to-r from-purple-600 via-pink-600 to-blue-600 text-white font-medium flex items-center justify-center gap-2 shadow-lg shadow-purple-500/20 disabled:opacity-50 transition-opacity",
-                children: K ? /* @__PURE__ */ i($, { children: [
+                children: W ? /* @__PURE__ */ i(z, { children: [
                   /* @__PURE__ */ e(fe, { className: "w-4 h-4 animate-spin" }),
                   v("aiLyrics.generating")
-                ] }) : /* @__PURE__ */ i($, { children: [
-                  /* @__PURE__ */ e(je, { className: "w-4 h-4" }),
-                  F > 0 ? v("aiLyrics.regenerate") : v("aiLyrics.generate")
+                ] }) : /* @__PURE__ */ i(z, { children: [
+                  /* @__PURE__ */ e(Ie, { className: "w-4 h-4" }),
+                  q > 0 ? v("aiLyrics.regenerate") : v("aiLyrics.generate")
                 ] })
               }
             ),
-            /* @__PURE__ */ e(Q, { children: N && /* @__PURE__ */ i(
-              p.div,
+            /* @__PURE__ */ e(F, { children: N && /* @__PURE__ */ i(
+              m.div,
               {
                 initial: { opacity: 0, y: 20 },
                 animate: { opacity: 1, y: 0 },
@@ -720,46 +719,46 @@ const Mt = [
                       /* @__PURE__ */ e(
                         "button",
                         {
-                          onClick: x,
-                          disabled: K,
+                          onClick: d,
+                          disabled: W,
                           className: "p-1.5 rounded-lg text-white/30 hover:text-white/60 hover:bg-white/5 transition-colors",
                           title: "Regenerate",
-                          children: /* @__PURE__ */ e(xt, { className: y("w-3.5 h-3.5", K && "animate-spin") })
+                          children: /* @__PURE__ */ e(ht, { className: y("w-3.5 h-3.5", W && "animate-spin") })
                         }
                       ),
                       /* @__PURE__ */ e(
                         "button",
                         {
-                          onClick: b,
+                          onClick: x,
                           className: "flex items-center gap-1 px-2.5 py-1 rounded-lg bg-white/5 border border-white/[0.08] text-xs text-white/50 hover:text-white/80 transition-colors",
-                          children: f ? /* @__PURE__ */ i($, { children: [
+                          children: f ? /* @__PURE__ */ i(z, { children: [
                             /* @__PURE__ */ e(ee, { className: "w-3 h-3 text-green-400" }),
                             /* @__PURE__ */ e("span", { className: "text-green-400", children: v("aiLyrics.copied") })
-                          ] }) : /* @__PURE__ */ i($, { children: [
+                          ] }) : /* @__PURE__ */ i(z, { children: [
                             /* @__PURE__ */ e(ge, { className: "w-3 h-3" }),
                             v("aiLyrics.copy")
                           ] })
                         }
                       ),
-                      d && /* @__PURE__ */ e(
+                      b && /* @__PURE__ */ e(
                         "button",
                         {
                           onClick: de,
-                          disabled: G !== "idle" && G !== "done",
+                          disabled: Z !== "idle" && Z !== "done",
                           className: y(
                             "flex items-center gap-1 px-2.5 py-1 rounded-lg border text-xs transition-colors",
-                            G === "idle" || G === "done" ? "bg-white/5 border-white/[0.08] text-white/50 hover:text-white/80" : "bg-purple-500/10 border-purple-500/20 text-purple-300"
+                            Z === "idle" || Z === "done" ? "bg-white/5 border-white/[0.08] text-white/50 hover:text-white/80" : "bg-purple-500/10 border-purple-500/20 text-purple-300"
                           ),
-                          children: Y ? /* @__PURE__ */ i($, { children: [
+                          children: _ ? /* @__PURE__ */ i(z, { children: [
                             /* @__PURE__ */ e(ee, { className: "w-3 h-3 text-green-400" }),
                             /* @__PURE__ */ e("span", { className: "text-green-400", children: v("aiLyrics.trackCreated") })
-                          ] }) : G === "composing-params" ? /* @__PURE__ */ i($, { children: [
+                          ] }) : Z === "composing-params" ? /* @__PURE__ */ i(z, { children: [
                             /* @__PURE__ */ e(fe, { className: "w-3 h-3 animate-spin text-purple-400" }),
                             /* @__PURE__ */ e("span", { children: te === "zh" ? "编曲中..." : "Composing..." })
-                          ] }) : G === "synthesizing" ? /* @__PURE__ */ i($, { children: [
-                            /* @__PURE__ */ e(pt, { className: "w-3 h-3 animate-pulse text-purple-400" }),
-                            /* @__PURE__ */ e("span", { children: te === "zh" ? `合成 ${Math.round(n.progress * 100)}%` : `Synth ${Math.round(n.progress * 100)}%` })
-                          ] }) : /* @__PURE__ */ i($, { children: [
+                          ] }) : Z === "synthesizing" ? /* @__PURE__ */ i(z, { children: [
+                            /* @__PURE__ */ e(mt, { className: "w-3 h-3 animate-pulse text-purple-400" }),
+                            /* @__PURE__ */ e("span", { children: te === "zh" ? `合成 ${Math.round(s.progress * 100)}%` : `Synth ${Math.round(s.progress * 100)}%` })
+                          ] }) : /* @__PURE__ */ i(z, { children: [
                             /* @__PURE__ */ e($e, { className: "w-3 h-3" }),
                             te === "zh" ? "创建歌曲" : "Create Track"
                           ] })
@@ -767,16 +766,16 @@ const Mt = [
                       )
                     ] })
                   ] }),
-                  /* @__PURE__ */ e("div", { className: y("rounded-xl border p-4 bg-gradient-to-br", w.bg, "border-white/[0.08]"), children: /* @__PURE__ */ e("div", { className: "space-y-2", children: N.map((m, Z) => /* @__PURE__ */ e(
-                    p.p,
+                  /* @__PURE__ */ e("div", { className: y("rounded-xl border p-4 bg-gradient-to-br", w.bg, "border-white/[0.08]"), children: /* @__PURE__ */ e("div", { className: "space-y-2", children: N.map((c, R) => /* @__PURE__ */ e(
+                    m.p,
                     {
                       initial: { opacity: 0, x: -10 },
                       animate: { opacity: 1, x: 0 },
-                      transition: { delay: Z * 0.08 },
+                      transition: { delay: R * 0.08 },
                       className: "text-sm text-white/80 leading-relaxed",
-                      children: m
+                      children: c
                     },
-                    `${F}-${Z}`
+                    `${q}-${R}`
                   )) }) })
                 ]
               }
@@ -787,17 +786,17 @@ const Mt = [
     )
   ] }) });
 }, Me = [
-  { id: "happy", label: "Happy", labelZh: "快乐", icon: _e, color: "text-yellow-400", bg: "from-yellow-500/20 to-orange-500/20" },
-  { id: "sad", label: "Sad", labelZh: "忧伤", icon: Ye, color: "text-blue-400", bg: "from-blue-500/20 to-indigo-500/20" },
-  { id: "energetic", label: "Energetic", labelZh: "活力", icon: Xe, color: "text-red-400", bg: "from-red-500/20 to-orange-500/20", premium: !0, spCost: 200 },
-  { id: "calm", label: "Calm", labelZh: "宁静", icon: He, color: "text-cyan-400", bg: "from-cyan-500/20 to-teal-500/20" },
-  { id: "love", label: "Love", labelZh: "爱情", icon: et, color: "text-pink-400", bg: "from-pink-500/20 to-red-500/20", premium: !0, spCost: 200 }
+  { id: "happy", label: "Happy", labelZh: "快乐", icon: Ue, color: "text-yellow-400", bg: "from-yellow-500/20 to-orange-500/20" },
+  { id: "sad", label: "Sad", labelZh: "忧伤", icon: Qe, color: "text-blue-400", bg: "from-blue-500/20 to-indigo-500/20" },
+  { id: "energetic", label: "Energetic", labelZh: "活力", icon: _e, color: "text-red-400", bg: "from-red-500/20 to-orange-500/20", premium: !0, spCost: 200 },
+  { id: "calm", label: "Calm", labelZh: "宁静", icon: Ye, color: "text-cyan-400", bg: "from-cyan-500/20 to-teal-500/20" },
+  { id: "love", label: "Love", labelZh: "爱情", icon: Xe, color: "text-pink-400", bg: "from-pink-500/20 to-red-500/20", premium: !0, spCost: 200 }
 ], ze = [
   {
     id: "quick",
     label: "Quick Song",
     labelZh: "极简写歌",
-    icon: je,
+    icon: Ie,
     desc: "AI lyrics + auto compose in seconds",
     descZh: "一键AI写词作曲，秒出成品",
     gradient: "from-purple-500 to-pink-500"
@@ -806,7 +805,7 @@ const Mt = [
     id: "master",
     label: "Master Mode",
     labelZh: "大师写歌",
-    icon: ut,
+    icon: xt,
     desc: "Full control over theme, structure & style",
     descZh: "精细控制主题、结构与风格",
     gradient: "from-indigo-500 to-blue-500"
@@ -815,7 +814,7 @@ const Mt = [
     id: "remix",
     label: "Remix & Cover",
     labelZh: "热歌改编",
-    icon: Ge,
+    icon: De,
     desc: "Transform existing tracks with AI",
     descZh: "AI改编翻唱热门曲目",
     gradient: "from-orange-500 to-red-500"
@@ -824,7 +823,7 @@ const Mt = [
     id: "works",
     label: "My Works",
     labelZh: "作品管理",
-    icon: wt,
+    icon: ut,
     desc: "View & manage your creations",
     descZh: "查看管理你的创作",
     gradient: "from-emerald-500 to-teal-500"
@@ -833,40 +832,39 @@ const Mt = [
     id: "mv",
     label: "MV Creator",
     labelZh: "MV 创作",
-    icon: tt,
+    icon: He,
     desc: "Visualize music with AI effects",
     descZh: "AI驱动音乐可视化MV",
     gradient: "from-cyan-500 to-blue-500"
   }
-], $t = [
+], Mt = [
   { id: "verse-chorus", label: "Verse-Chorus", labelZh: "主副歌" },
   { id: "verse-bridge", label: "Verse-Bridge", labelZh: "主歌-桥段" },
   { id: "aaba", label: "AABA", labelZh: "AABA经典" },
   { id: "through", label: "Through-composed", labelZh: "通谱体" }
-], It = [
+], zt = [
   { id: "piano", label: "Piano", labelZh: "钢琴", emoji: "🎹" },
   { id: "guitar", label: "Guitar", labelZh: "吉他", emoji: "🎸" },
   { id: "synth", label: "Synth", labelZh: "合成器", emoji: "🎛️" },
   { id: "strings", label: "Strings", labelZh: "弦乐", emoji: "🎻" },
   { id: "drums", label: "Drums", labelZh: "鼓", emoji: "🥁" },
   { id: "bass", label: "Bass", labelZh: "贝斯", emoji: "🎸" }
-], Gt = ({
-  isOpen: z,
-  onClose: I,
-  onCreateTrack: d,
+], Wt = ({
+  isOpen: M,
+  onClose: $,
+  onCreateTrack: b,
   playlist: g,
-  currentTrackIndex: J,
-  onHaptic: a,
-  onShareWork: O,
-  onOpenMV: W,
-  user: j,
-  starPower: S = 0,
-  onStarPowerUpdate: T
+  currentTrackIndex: K,
+  onHaptic: p,
+  onShareWork: B,
+  onOpenMV: J,
+  user: T,
+  starPower: j = 0,
+  onStarPowerUpdate: O
 }) => {
-  var qe, Fe;
-  const { t: K, lang: s } = Ae(), [N, M] = u(null), [f, U] = u(/* @__PURE__ */ new Set());
+  const { t: W, lang: l } = je(), [N, S] = u(null), [f, U] = u(/* @__PURE__ */ new Set());
   ye(() => {
-    if (!j) {
+    if (!T) {
       try {
         const t = localStorage.getItem("dmusic-unlocked-themes");
         t && U(new Set(JSON.parse(t)));
@@ -876,21 +874,21 @@ const Mt = [
     }
     (async () => {
       try {
-        const t = await _(`/user/${j.id}/unlocked-themes`);
-        if (t != null && t.themes && t.themes.length > 0)
+        const t = await Q(`/user/${T.id}/unlocked-themes`);
+        if (t?.themes && t.themes.length > 0)
           U(new Set(t.themes));
         else
           try {
             const o = localStorage.getItem("dmusic-unlocked-themes");
             if (o) {
-              const c = JSON.parse(o);
-              if (c.length > 0) {
-                U(new Set(c));
-                for (const k of c)
-                  await _(`/user/${j.id}/unlocked-themes`, {
+              const n = JSON.parse(o);
+              if (n.length > 0) {
+                U(new Set(n));
+                for (const C of n)
+                  await Q(`/user/${T.id}/unlocked-themes`, {
                     method: "POST",
                     headers: { "Content-Type": "application/json" },
-                    body: JSON.stringify({ themeId: k })
+                    body: JSON.stringify({ themeId: C })
                   });
                 localStorage.removeItem("dmusic-unlocked-themes");
               }
@@ -905,157 +903,157 @@ const Mt = [
         }
       }
     })();
-  }, [j]);
-  const F = async (t, o) => {
-    if (!(!j || S < o))
+  }, [T]);
+  const q = async (t, o) => {
+    if (!(!T || j < o))
       try {
-        const c = await _(`/starpower/${j.id}/consume`, {
+        const n = await Q(`/starpower/${T.id}/consume`, {
           method: "POST",
           headers: { "Content-Type": "application/json" },
           body: JSON.stringify({ amount: o, purpose: "template_unlock", targetId: t })
         });
-        if (c != null && c.success) {
-          T == null || T(c.starPower);
-          const k = new Set(f);
-          k.add(t), U(k), await _(`/user/${j.id}/unlocked-themes`, {
+        if (n?.success) {
+          O?.(n.starPower);
+          const C = new Set(f);
+          C.add(t), U(C), await Q(`/user/${T.id}/unlocked-themes`, {
             method: "POST",
             headers: { "Content-Type": "application/json" },
             body: JSON.stringify({ themeId: t })
           });
         }
-      } catch (c) {
-        console.error("Theme unlock error:", c);
+      } catch (n) {
+        console.error("Theme unlock error:", n);
       }
-  }, [D, Y] = u("happy"), [B, G] = u(""), [A, n] = u(!1), [v, te] = u(null), [h, l] = u("idle"), x = it(), [b, de] = u("calm"), [w, m] = u([]), [Z, R] = u(""), [H, Ne] = u(10), [ve, be] = u("verse-chorus"), [ke, r] = u(["piano", "strings"]), [L, q] = u(100), [V, C] = u(!1), [X, ie] = u(null), [P, ae] = u("idle"), [ne, lt] = u(null), [se, rt] = u("energetic"), [at, Ee] = u(!1), [Le, st] = u(null), [Ce, oe] = u("idle"), [he, Ze] = u([]), [ce, Ke] = u(null);
+  }, [L, _] = u("happy"), [E, Z] = u(""), [I, s] = u(!1), [v, te] = u(null), [h, a] = u("idle"), d = et(), [x, de] = u("calm"), [w, c] = u([]), [R, Y] = u(""), [re, Ne] = u(10), [ve, ue] = u("verse-chorus"), [r, A] = u(["piano", "strings"]), [D, V] = u(100), [k, H] = u(!1), [X, G] = u(null), [ke, le] = u("idle"), [ne, tt] = u(null), [se, it] = u("energetic"), [at, Ge] = u(!1), [Ae, rt] = u(null), [Ce, oe] = u("idle"), [he, Re] = u([]), [ce, Ke] = u(null);
   ye(() => {
-    if (z)
+    if (M)
       try {
         const t = localStorage.getItem("d-music-works");
-        t && Ze(JSON.parse(t));
+        t && Re(JSON.parse(t));
       } catch {
       }
-  }, [z]);
-  const le = E((t) => {
-    Ze((o) => {
-      const c = [t, ...o].slice(0, 50);
+  }, [M]);
+  const ie = P((t) => {
+    Re((o) => {
+      const n = [t, ...o].slice(0, 50);
       try {
-        localStorage.setItem("d-music-works", JSON.stringify(c));
+        localStorage.setItem("d-music-works", JSON.stringify(n));
       } catch {
       }
-      return c;
+      return n;
     });
-  }, []), ot = E((t) => {
-    Ze((o) => {
-      const c = o.filter((k) => k.id !== t);
+  }, []), lt = P((t) => {
+    Re((o) => {
+      const n = o.filter((C) => C.id !== t);
       try {
-        localStorage.setItem("d-music-works", JSON.stringify(c));
+        localStorage.setItem("d-music-works", JSON.stringify(n));
       } catch {
       }
-      return c;
+      return n;
     });
-  }, []), Be = E(async () => {
-    n(!0), l("lyrics"), a == null || a("medium");
+  }, []), Be = P(async () => {
+    s(!0), a("lyrics"), p?.("medium");
     try {
-      const t = await _("/ai/lyrics", {
+      const t = await Q("/ai/lyrics", {
         method: "POST",
         headers: { "Content-Type": "application/json" },
         body: JSON.stringify({
-          theme: D,
-          keywords: B ? B.split(/[,，\s]+/).filter(Boolean) : [],
+          theme: L,
+          keywords: E ? E.split(/[,，\s]+/).filter(Boolean) : [],
           lines: 8
         })
       });
-      if (!(t != null && t.lyrics)) throw new Error("Lyrics generation failed");
-      te(t.lyrics), l("composing");
-      const o = await _("/ai/compose", {
+      if (!t?.lyrics) throw new Error("Lyrics generation failed");
+      te(t.lyrics), a("composing");
+      const o = await Q("/ai/compose", {
         method: "POST",
         headers: { "Content-Type": "application/json" },
         body: JSON.stringify({
-          theme: D,
+          theme: L,
           lyrics: t.lyrics,
           lineCount: 8
         })
       });
-      if (!(o != null && o.composition)) {
-        d == null || d(t.lyrics, D), le({
+      if (!o?.composition) {
+        b?.(t.lyrics, L), ie({
           id: `work-${Date.now()}`,
-          title: `${D} · Quick Song`,
-          theme: D,
+          title: `${L} · Quick Song`,
+          theme: L,
           lyrics: t.lyrics,
           createdAt: Date.now(),
           mode: "quick"
-        }), l("done"), a == null || a("success"), setTimeout(() => l("idle"), 2e3);
+        }), a("done"), p?.("success"), setTimeout(() => a("idle"), 2e3);
         return;
       }
-      l("synth");
-      const c = await x.compose(o.composition);
-      d == null || d(t.lyrics, D, c, o.composition), le({
+      a("synth");
+      const n = await d.compose(o.composition);
+      b?.(t.lyrics, L, n, o.composition), ie({
         id: `work-${Date.now()}`,
-        title: `${D} · Quick Song`,
-        theme: D,
+        title: `${L} · Quick Song`,
+        theme: L,
         lyrics: t.lyrics,
         createdAt: Date.now(),
         mode: "quick"
-      }), l("done"), a == null || a("success"), setTimeout(() => l("idle"), 2500);
+      }), a("done"), p?.("success"), setTimeout(() => a("idle"), 2500);
     } catch (t) {
-      console.error("Quick create failed:", t), v && (d == null || d(v, D)), l("idle");
+      console.error("Quick create failed:", t), v && b?.(v, L), a("idle");
     } finally {
-      n(!1);
+      s(!1);
     }
-  }, [D, B, d, x, a, v, le]), nt = E(async () => {
-    C(!0), ae("lyrics"), a == null || a("medium");
+  }, [L, E, b, d, p, v, ie]), st = P(async () => {
+    H(!0), le("lyrics"), p?.("medium");
     try {
-      const t = await _("/ai/lyrics", {
+      const t = await Q("/ai/lyrics", {
         method: "POST",
         headers: { "Content-Type": "application/json" },
         body: JSON.stringify({
-          theme: b,
+          theme: x,
           keywords: w,
-          lines: H
+          lines: re
         })
       });
-      if (!(t != null && t.lyrics)) throw new Error("Lyrics generation failed");
-      ie(t.lyrics), ae("composing");
-      const o = await _("/ai/compose", {
+      if (!t?.lyrics) throw new Error("Lyrics generation failed");
+      G(t.lyrics), le("composing");
+      const o = await Q("/ai/compose", {
         method: "POST",
         headers: { "Content-Type": "application/json" },
         body: JSON.stringify({
-          theme: b,
+          theme: x,
           lyrics: t.lyrics,
-          lineCount: H
+          lineCount: re
         })
       });
-      if (!(o != null && o.composition)) {
-        d == null || d(t.lyrics, b), le({
+      if (!o?.composition) {
+        b?.(t.lyrics, x), ie({
           id: `work-${Date.now()}`,
-          title: `${b} · Master Work`,
-          theme: b,
+          title: `${x} · Master Work`,
+          theme: x,
           lyrics: t.lyrics,
           createdAt: Date.now(),
           mode: "master"
-        }), ae("done"), a == null || a("success"), setTimeout(() => ae("idle"), 2e3);
+        }), le("done"), p?.("success"), setTimeout(() => le("idle"), 2e3);
         return;
       }
-      ae("synth");
-      const c = await x.compose(o.composition);
-      d == null || d(t.lyrics, b, c, o.composition), le({
+      le("synth");
+      const n = await d.compose(o.composition);
+      b?.(t.lyrics, x, n, o.composition), ie({
         id: `work-${Date.now()}`,
-        title: `${b} · Master Work`,
-        theme: b,
+        title: `${x} · Master Work`,
+        theme: x,
         lyrics: t.lyrics,
         createdAt: Date.now(),
         mode: "master"
-      }), ae("done"), a == null || a("success"), setTimeout(() => ae("idle"), 2500);
+      }), le("done"), p?.("success"), setTimeout(() => le("idle"), 2500);
     } catch (t) {
-      console.error("Master create failed:", t), ae("idle");
+      console.error("Master create failed:", t), le("idle");
     } finally {
-      C(!1);
+      H(!1);
     }
-  }, [b, w, H, d, x, a, le]), ct = E(async () => {
+  }, [x, w, re, b, d, p, ie]), ot = P(async () => {
     if (ne !== null) {
-      Ee(!0), oe("lyrics"), a == null || a("medium");
+      Ge(!0), oe("lyrics"), p?.("medium");
       try {
-        const t = g[ne], o = t.lyrics.slice(1, 5).map((Pe) => Pe.text).join(" ").split(" ").filter((Pe) => Pe.length > 3).slice(0, 5), c = await _("/ai/lyrics", {
+        const t = g[ne], o = t.lyrics.slice(1, 5).map((Ze) => Ze.text).join(" ").split(" ").filter((Ze) => Ze.length > 3).slice(0, 5), n = await Q("/ai/lyrics", {
           method: "POST",
           headers: { "Content-Type": "application/json" },
           body: JSON.stringify({
@@ -1064,57 +1062,57 @@ const Mt = [
             lines: 8
           })
         });
-        if (!(c != null && c.lyrics)) throw new Error("Remix lyrics failed");
-        st(c.lyrics), oe("composing");
-        const k = await _("/ai/compose", {
+        if (!n?.lyrics) throw new Error("Remix lyrics failed");
+        rt(n.lyrics), oe("composing");
+        const C = await Q("/ai/compose", {
           method: "POST",
           headers: { "Content-Type": "application/json" },
           body: JSON.stringify({
             theme: se,
-            lyrics: c.lyrics,
+            lyrics: n.lyrics,
             lineCount: 8
           })
         }), me = `Remix · ${t.title}`;
-        if (!(k != null && k.composition)) {
-          d == null || d(c.lyrics, se), le({ id: `work-${Date.now()}`, title: me, theme: se, lyrics: c.lyrics, createdAt: Date.now(), mode: "remix" }), oe("done"), a == null || a("success"), setTimeout(() => oe("idle"), 2e3);
+        if (!C?.composition) {
+          b?.(n.lyrics, se), ie({ id: `work-${Date.now()}`, title: me, theme: se, lyrics: n.lyrics, createdAt: Date.now(), mode: "remix" }), oe("done"), p?.("success"), setTimeout(() => oe("idle"), 2e3);
           return;
         }
         oe("synth");
-        const ue = await x.compose(k.composition);
-        d == null || d(c.lyrics, se, ue, k.composition), le({ id: `work-${Date.now()}`, title: me, theme: se, lyrics: c.lyrics, createdAt: Date.now(), mode: "remix" }), oe("done"), a == null || a("success"), setTimeout(() => oe("idle"), 2500);
+        const be = await d.compose(C.composition);
+        b?.(n.lyrics, se, be, C.composition), ie({ id: `work-${Date.now()}`, title: me, theme: se, lyrics: n.lyrics, createdAt: Date.now(), mode: "remix" }), oe("done"), p?.("success"), setTimeout(() => oe("idle"), 2500);
       } catch (t) {
         console.error("Remix failed:", t), oe("idle");
       } finally {
-        Ee(!1);
+        Ge(!1);
       }
     }
-  }, [ne, se, g, d, a, le, x]), Se = E((t, o) => {
+  }, [ne, se, g, b, p, ie, d]), Se = P((t, o) => {
     navigator.clipboard.writeText(t.join(`
 `)), Ke(o), setTimeout(() => Ke(null), 2e3);
-  }, []), Je = E(() => {
-    const t = Z.trim();
-    t && w.length < 8 && !w.includes(t) && (m((o) => [...o, t]), R(""));
-  }, [Z, w]), dt = E((t) => {
-    r(
-      (o) => o.includes(t) ? o.filter((c) => c !== t) : [...o, t]
+  }, []), Je = P(() => {
+    const t = R.trim();
+    t && w.length < 8 && !w.includes(t) && (c((o) => [...o, t]), Y(""));
+  }, [R, w]), nt = P((t) => {
+    A(
+      (o) => o.includes(t) ? o.filter((n) => n !== t) : [...o, t]
     );
-  }, []), ht = E((t) => {
+  }, []), ct = P((t) => {
     const o = new Date(t);
     return `${o.getMonth() + 1}/${o.getDate()} ${o.getHours()}:${o.getMinutes().toString().padStart(2, "0")}`;
-  }, []), Re = (t) => t === "lyrics" ? s === "zh" ? "AI 写词中..." : "Generating lyrics..." : t === "composing" ? s === "zh" ? "编曲设计中..." : "Composing..." : t === "synth" ? s === "zh" ? `音频合成 ${Math.round(x.progress * 100)}%` : `Synthesizing ${Math.round(x.progress * 100)}%` : t === "done" ? s === "zh" ? "创作完成!" : "Complete!" : "";
-  return /* @__PURE__ */ e(Q, { children: z && /* @__PURE__ */ i($, { children: [
+  }, []), Le = (t) => t === "lyrics" ? l === "zh" ? "AI 写词中..." : "Generating lyrics..." : t === "composing" ? l === "zh" ? "编曲设计中..." : "Composing..." : t === "synth" ? l === "zh" ? `音频合成 ${Math.round(d.progress * 100)}%` : `Synthesizing ${Math.round(d.progress * 100)}%` : t === "done" ? l === "zh" ? "创作完成!" : "Complete!" : "";
+  return /* @__PURE__ */ e(F, { children: M && /* @__PURE__ */ i(z, { children: [
     /* @__PURE__ */ e(
-      p.div,
+      m.div,
       {
         initial: { opacity: 0 },
         animate: { opacity: 1 },
         exit: { opacity: 0 },
         className: "fixed inset-0 z-[60] bg-black/60 backdrop-blur-md",
-        onClick: I
+        onClick: $
       }
     ),
     /* @__PURE__ */ i(
-      p.div,
+      m.div,
       {
         initial: { y: "100%", opacity: 0 },
         animate: { y: 0, opacity: 1 },
@@ -1128,30 +1126,30 @@ const Mt = [
                 "button",
                 {
                   onClick: () => {
-                    M(null), a == null || a("light");
+                    S(null), p?.("light");
                   },
                   className: "p-1.5 rounded-lg text-white/40 hover:text-white/70 hover:bg-white/5 transition-colors mr-1",
-                  children: /* @__PURE__ */ e(bt, { className: "w-4 h-4" })
+                  children: /* @__PURE__ */ e(pt, { className: "w-4 h-4" })
                 }
               ),
               /* @__PURE__ */ e("div", { className: "w-9 h-9 rounded-xl bg-gradient-to-tr from-purple-500/20 to-pink-500/20 border border-white/10 flex items-center justify-center", children: /* @__PURE__ */ e(We, { className: "w-4 h-4 text-purple-400" }) }),
               /* @__PURE__ */ i("div", { children: [
-                /* @__PURE__ */ e("h3", { className: "text-white font-semibold text-sm leading-tight", children: N ? (qe = ze.find((t) => t.id === N)) == null ? void 0 : qe[s === "zh" ? "labelZh" : "label"] : s === "zh" ? "AI 创作工坊" : "AI Creation Studio" }),
-                /* @__PURE__ */ e("p", { className: "text-white/30 text-xs", children: N ? (Fe = ze.find((t) => t.id === N)) == null ? void 0 : Fe[s === "zh" ? "descZh" : "desc"] : s === "zh" ? "选择创作模式开始" : "Choose a creation mode" })
+                /* @__PURE__ */ e("h3", { className: "text-white font-semibold text-sm leading-tight", children: N ? ze.find((t) => t.id === N)?.[l === "zh" ? "labelZh" : "label"] : l === "zh" ? "AI 创作工坊" : "AI Creation Studio" }),
+                /* @__PURE__ */ e("p", { className: "text-white/30 text-xs", children: N ? ze.find((t) => t.id === N)?.[l === "zh" ? "descZh" : "desc"] : l === "zh" ? "选择创作模式开始" : "Choose a creation mode" })
               ] })
             ] }),
             /* @__PURE__ */ e(
               "button",
               {
-                onClick: I,
+                onClick: $,
                 className: "p-2 rounded-lg text-white/40 hover:text-white/70 hover:bg-white/5 transition-colors",
-                children: /* @__PURE__ */ e(re, { className: "w-4 h-4" })
+                children: /* @__PURE__ */ e(ae, { className: "w-4 h-4" })
               }
             )
           ] }),
-          /* @__PURE__ */ e("div", { className: "flex-1 overflow-y-auto", style: { scrollbarWidth: "none" }, children: /* @__PURE__ */ i(Q, { mode: "wait", children: [
+          /* @__PURE__ */ e("div", { className: "flex-1 overflow-y-auto", style: { scrollbarWidth: "none" }, children: /* @__PURE__ */ i(F, { mode: "wait", children: [
             !N && /* @__PURE__ */ i(
-              p.div,
+              m.div,
               {
                 initial: { opacity: 0, y: 10 },
                 animate: { opacity: 1, y: 0 },
@@ -1159,31 +1157,31 @@ const Mt = [
                 className: "p-5 space-y-3",
                 children: [
                   ze.map((t, o) => {
-                    const c = t.icon;
+                    const n = t.icon;
                     return /* @__PURE__ */ i(
-                      p.button,
+                      m.button,
                       {
                         initial: { opacity: 0, x: -20 },
                         animate: { opacity: 1, x: 0 },
                         transition: { delay: o * 0.08 },
                         onClick: () => {
                           if (t.id === "mv") {
-                            W == null || W(), a == null || a("selection");
+                            J?.(), p?.("selection");
                             return;
                           }
-                          M(t.id), a == null || a("selection");
+                          S(t.id), p?.("selection");
                         },
                         className: "w-full flex items-center gap-4 p-4 rounded-xl bg-white/[0.03] border border-white/[0.06] hover:bg-white/[0.06] hover:border-white/[0.12] transition-all group text-left",
                         children: [
                           /* @__PURE__ */ e("div", { className: y(
                             "w-12 h-12 rounded-xl bg-gradient-to-br flex items-center justify-center flex-shrink-0",
                             t.gradient
-                          ), children: /* @__PURE__ */ e(c, { className: "w-5 h-5 text-white" }) }),
+                          ), children: /* @__PURE__ */ e(n, { className: "w-5 h-5 text-white" }) }),
                           /* @__PURE__ */ i("div", { className: "flex-1 min-w-0", children: [
-                            /* @__PURE__ */ e("p", { className: "text-sm font-semibold text-white/90 group-hover:text-white transition-colors", children: s === "zh" ? t.labelZh : t.label }),
-                            /* @__PURE__ */ e("p", { className: "text-xs text-white/30 mt-0.5", children: s === "zh" ? t.descZh : t.desc })
+                            /* @__PURE__ */ e("p", { className: "text-sm font-semibold text-white/90 group-hover:text-white transition-colors", children: l === "zh" ? t.labelZh : t.label }),
+                            /* @__PURE__ */ e("p", { className: "text-xs text-white/30 mt-0.5", children: l === "zh" ? t.descZh : t.desc })
                           ] }),
-                          t.id === "mv" ? /* @__PURE__ */ e(gt, { className: "w-4 h-4 text-cyan-400/40 group-hover:text-cyan-400/70 transition-colors flex-shrink-0" }) : /* @__PURE__ */ e(ft, { className: "w-4 h-4 text-white/20 group-hover:text-white/40 transition-colors flex-shrink-0" })
+                          t.id === "mv" ? /* @__PURE__ */ e(bt, { className: "w-4 h-4 text-cyan-400/40 group-hover:text-cyan-400/70 transition-colors flex-shrink-0" }) : /* @__PURE__ */ e(wt, { className: "w-4 h-4 text-white/20 group-hover:text-white/40 transition-colors flex-shrink-0" })
                         ]
                       },
                       t.id
@@ -1192,11 +1190,11 @@ const Mt = [
                   /* @__PURE__ */ i("div", { className: "flex items-center justify-between mt-4 pt-4 border-t border-white/[0.04]", children: [
                     /* @__PURE__ */ i("div", { className: "flex items-center gap-1.5 text-white/20 text-xs", children: [
                       /* @__PURE__ */ e($e, { className: "w-3.5 h-3.5" }),
-                      /* @__PURE__ */ e("span", { children: s === "zh" ? `${he.length} 首作品` : `${he.length} works` })
+                      /* @__PURE__ */ e("span", { children: l === "zh" ? `${he.length} 首作品` : `${he.length} works` })
                     ] }),
                     /* @__PURE__ */ i("div", { className: "flex items-center gap-1.5 text-white/20 text-xs", children: [
-                      /* @__PURE__ */ e(je, { className: "w-3.5 h-3.5" }),
-                      /* @__PURE__ */ e("span", { children: s === "zh" ? "AI驱动创作" : "AI-powered creation" })
+                      /* @__PURE__ */ e(Ie, { className: "w-3.5 h-3.5" }),
+                      /* @__PURE__ */ e("span", { children: l === "zh" ? "AI驱动创作" : "AI-powered creation" })
                     ] })
                   ] })
                 ]
@@ -1204,7 +1202,7 @@ const Mt = [
               "hub"
             ),
             N === "quick" && /* @__PURE__ */ i(
-              p.div,
+              m.div,
               {
                 initial: { opacity: 0, x: 20 },
                 animate: { opacity: 1, x: 0 },
@@ -1212,30 +1210,30 @@ const Mt = [
                 className: "p-5 space-y-5",
                 children: [
                   /* @__PURE__ */ i("div", { children: [
-                    /* @__PURE__ */ e("p", { className: "text-xs text-white/40 font-medium uppercase tracking-wider mb-3", children: s === "zh" ? "选择情绪主题" : "Choose Mood" }),
+                    /* @__PURE__ */ e("p", { className: "text-xs text-white/40 font-medium uppercase tracking-wider mb-3", children: l === "zh" ? "选择情绪主题" : "Choose Mood" }),
                     /* @__PURE__ */ e("div", { className: "grid grid-cols-5 gap-2", children: Me.map((t) => {
-                      const o = t.icon, c = D === t.id, k = t.premium && !f.has(t.id);
+                      const o = t.icon, n = L === t.id, C = t.premium && !f.has(t.id);
                       return /* @__PURE__ */ i(
                         "button",
                         {
                           onClick: () => {
-                            if (k) {
-                              j && S >= (t.spCost || 200) && F(t.id, t.spCost || 200);
+                            if (C) {
+                              T && j >= (t.spCost || 200) && q(t.id, t.spCost || 200);
                               return;
                             }
-                            Y(t.id), a == null || a("selection");
+                            _(t.id), p?.("selection");
                           },
                           className: y(
                             "p-3 rounded-xl border transition-all text-center relative",
-                            k ? "bg-white/[0.01] border-white/[0.04] opacity-60" : c ? `bg-gradient-to-br ${t.bg} border-white/15 shadow-lg` : "bg-white/[0.02] border-white/[0.06] hover:bg-white/[0.05]"
+                            C ? "bg-white/[0.01] border-white/[0.04] opacity-60" : n ? `bg-gradient-to-br ${t.bg} border-white/15 shadow-lg` : "bg-white/[0.02] border-white/[0.06] hover:bg-white/[0.05]"
                           ),
                           children: [
-                            k && /* @__PURE__ */ i("span", { className: "absolute -top-1 -right-1 text-[8px] px-1 py-0.5 rounded-full bg-yellow-500/20 text-yellow-300 border border-yellow-500/20 font-medium", children: [
+                            C && /* @__PURE__ */ i("span", { className: "absolute -top-1 -right-1 text-[8px] px-1 py-0.5 rounded-full bg-yellow-500/20 text-yellow-300 border border-yellow-500/20 font-medium", children: [
                               t.spCost,
                               "SP"
                             ] }),
-                            /* @__PURE__ */ e(o, { className: y("w-5 h-5 mx-auto mb-1", c ? t.color : k ? "text-white/15" : "text-white/30") }),
-                            /* @__PURE__ */ e("p", { className: y("text-[10px]", c ? "text-white/80" : "text-white/30"), children: s === "zh" ? t.labelZh : t.label })
+                            /* @__PURE__ */ e(o, { className: y("w-5 h-5 mx-auto mb-1", n ? t.color : C ? "text-white/15" : "text-white/30") }),
+                            /* @__PURE__ */ e("p", { className: y("text-[10px]", n ? "text-white/80" : "text-white/30"), children: l === "zh" ? t.labelZh : t.label })
                           ]
                         },
                         t.id
@@ -1243,48 +1241,48 @@ const Mt = [
                     }) })
                   ] }),
                   /* @__PURE__ */ i("div", { children: [
-                    /* @__PURE__ */ e("p", { className: "text-xs text-white/40 font-medium uppercase tracking-wider mb-2", children: s === "zh" ? "灵感关键词（可选）" : "Inspiration Keywords (optional)" }),
+                    /* @__PURE__ */ e("p", { className: "text-xs text-white/40 font-medium uppercase tracking-wider mb-2", children: l === "zh" ? "灵感关键词（可选）" : "Inspiration Keywords (optional)" }),
                     /* @__PURE__ */ e(
                       "input",
                       {
                         type: "text",
-                        value: B,
-                        onChange: (t) => G(t.target.value),
+                        value: E,
+                        onChange: (t) => Z(t.target.value),
                         onKeyDown: (t) => t.key === "Enter" && Be(),
-                        placeholder: s === "zh" ? "输入关键词，用逗号分隔..." : "Enter keywords, comma separated...",
+                        placeholder: l === "zh" ? "输入关键词，用逗号分隔..." : "Enter keywords, comma separated...",
                         className: "w-full bg-white/5 border border-white/10 rounded-lg py-2.5 px-3 text-sm text-white placeholder:text-white/20 focus:outline-none focus:border-purple-500/50"
                       }
                     )
                   ] }),
                   /* @__PURE__ */ e(
-                    p.button,
+                    m.button,
                     {
                       onClick: Be,
-                      disabled: A,
+                      disabled: I,
                       whileHover: { scale: 1.01 },
                       whileTap: { scale: 0.98 },
                       className: "w-full py-4 rounded-xl bg-gradient-to-r from-purple-600 via-pink-600 to-blue-600 text-white font-semibold flex items-center justify-center gap-3 shadow-lg shadow-purple-500/20 disabled:opacity-50 transition-opacity text-base",
-                      children: h !== "idle" && h !== "done" ? /* @__PURE__ */ i($, { children: [
+                      children: h !== "idle" && h !== "done" ? /* @__PURE__ */ i(z, { children: [
                         /* @__PURE__ */ e(fe, { className: "w-5 h-5 animate-spin" }),
-                        Re(h)
-                      ] }) : h === "done" ? /* @__PURE__ */ i($, { children: [
+                        Le(h)
+                      ] }) : h === "done" ? /* @__PURE__ */ i(z, { children: [
                         /* @__PURE__ */ e(ee, { className: "w-5 h-5 text-green-300" }),
-                        s === "zh" ? "创作完成!" : "Complete!"
-                      ] }) : /* @__PURE__ */ i($, { children: [
-                        /* @__PURE__ */ e(je, { className: "w-5 h-5" }),
-                        s === "zh" ? "一键创作" : "Create Now"
+                        l === "zh" ? "创作完成!" : "Complete!"
+                      ] }) : /* @__PURE__ */ i(z, { children: [
+                        /* @__PURE__ */ e(Ie, { className: "w-5 h-5" }),
+                        l === "zh" ? "一键创作" : "Create Now"
                       ] })
                     }
                   ),
-                  /* @__PURE__ */ e(Q, { children: v && /* @__PURE__ */ i(
-                    p.div,
+                  /* @__PURE__ */ e(F, { children: v && /* @__PURE__ */ i(
+                    m.div,
                     {
                       initial: { opacity: 0, y: 15 },
                       animate: { opacity: 1, y: 0 },
                       className: "rounded-xl border border-white/[0.08] bg-gradient-to-br from-purple-500/10 to-pink-500/10 p-4",
                       children: [
                         /* @__PURE__ */ i("div", { className: "flex items-center justify-between mb-3", children: [
-                          /* @__PURE__ */ e("p", { className: "text-xs text-white/40 font-medium", children: s === "zh" ? "生成的歌词" : "Generated Lyrics" }),
+                          /* @__PURE__ */ e("p", { className: "text-xs text-white/40 font-medium", children: l === "zh" ? "生成的歌词" : "Generated Lyrics" }),
                           /* @__PURE__ */ i(
                             "button",
                             {
@@ -1292,13 +1290,13 @@ const Mt = [
                               className: "flex items-center gap-1 px-2 py-1 rounded-lg bg-white/5 text-xs text-white/40 hover:text-white/70 transition-colors",
                               children: [
                                 ce === "quick" ? /* @__PURE__ */ e(ee, { className: "w-3 h-3 text-green-400" }) : /* @__PURE__ */ e(ge, { className: "w-3 h-3" }),
-                                ce === "quick" ? s === "zh" ? "已复制" : "Copied" : s === "zh" ? "复制" : "Copy"
+                                ce === "quick" ? l === "zh" ? "已复制" : "Copied" : l === "zh" ? "复制" : "Copy"
                               ]
                             }
                           )
                         ] }),
                         /* @__PURE__ */ e("div", { className: "space-y-1.5", children: v.map((t, o) => /* @__PURE__ */ e(
-                          p.p,
+                          m.p,
                           {
                             initial: { opacity: 0, x: -8 },
                             animate: { opacity: 1, x: 0 },
@@ -1316,7 +1314,7 @@ const Mt = [
               "quick"
             ),
             N === "master" && /* @__PURE__ */ i(
-              p.div,
+              m.div,
               {
                 initial: { opacity: 0, x: 20 },
                 animate: { opacity: 1, x: 0 },
@@ -1324,30 +1322,30 @@ const Mt = [
                 className: "p-5 space-y-5",
                 children: [
                   /* @__PURE__ */ i("div", { children: [
-                    /* @__PURE__ */ e("p", { className: "text-xs text-white/40 font-medium uppercase tracking-wider mb-3", children: s === "zh" ? "情绪基调" : "Emotional Base" }),
+                    /* @__PURE__ */ e("p", { className: "text-xs text-white/40 font-medium uppercase tracking-wider mb-3", children: l === "zh" ? "情绪基调" : "Emotional Base" }),
                     /* @__PURE__ */ e("div", { className: "grid grid-cols-5 gap-2", children: Me.map((t) => {
-                      const o = t.icon, c = b === t.id, k = t.premium && !f.has(t.id);
+                      const o = t.icon, n = x === t.id, C = t.premium && !f.has(t.id);
                       return /* @__PURE__ */ i(
                         "button",
                         {
                           onClick: () => {
-                            if (k) {
-                              j && S >= (t.spCost || 200) && F(t.id, t.spCost || 200);
+                            if (C) {
+                              T && j >= (t.spCost || 200) && q(t.id, t.spCost || 200);
                               return;
                             }
-                            de(t.id), a == null || a("selection");
+                            de(t.id), p?.("selection");
                           },
                           className: y(
                             "p-2.5 rounded-xl border transition-all text-center relative",
-                            k ? "bg-white/[0.01] border-white/[0.04] opacity-60" : c ? `bg-gradient-to-br ${t.bg} border-white/15` : "bg-white/[0.02] border-white/[0.06] hover:bg-white/[0.05]"
+                            C ? "bg-white/[0.01] border-white/[0.04] opacity-60" : n ? `bg-gradient-to-br ${t.bg} border-white/15` : "bg-white/[0.02] border-white/[0.06] hover:bg-white/[0.05]"
                           ),
                           children: [
-                            k && /* @__PURE__ */ i("span", { className: "absolute -top-1 -right-1 text-[8px] px-1 py-0.5 rounded-full bg-yellow-500/20 text-yellow-300 border border-yellow-500/20 font-medium", children: [
+                            C && /* @__PURE__ */ i("span", { className: "absolute -top-1 -right-1 text-[8px] px-1 py-0.5 rounded-full bg-yellow-500/20 text-yellow-300 border border-yellow-500/20 font-medium", children: [
                               t.spCost,
                               "SP"
                             ] }),
-                            /* @__PURE__ */ e(o, { className: y("w-4 h-4 mx-auto mb-0.5", c ? t.color : k ? "text-white/15" : "text-white/30") }),
-                            /* @__PURE__ */ e("p", { className: y("text-[9px]", c ? "text-white/80" : "text-white/30"), children: s === "zh" ? t.labelZh : t.label })
+                            /* @__PURE__ */ e(o, { className: y("w-4 h-4 mx-auto mb-0.5", n ? t.color : C ? "text-white/15" : "text-white/30") }),
+                            /* @__PURE__ */ e("p", { className: y("text-[9px]", n ? "text-white/80" : "text-white/30"), children: l === "zh" ? t.labelZh : t.label })
                           ]
                         },
                         t.id
@@ -1356,7 +1354,7 @@ const Mt = [
                   ] }),
                   /* @__PURE__ */ i("div", { children: [
                     /* @__PURE__ */ i("p", { className: "text-xs text-white/40 font-medium uppercase tracking-wider mb-2", children: [
-                      s === "zh" ? "创作关键词" : "Keywords",
+                      l === "zh" ? "创作关键词" : "Keywords",
                       " ",
                       /* @__PURE__ */ i("span", { className: "text-white/20", children: [
                         "(",
@@ -1369,10 +1367,10 @@ const Mt = [
                         "input",
                         {
                           type: "text",
-                          value: Z,
-                          onChange: (t) => R(t.target.value),
+                          value: R,
+                          onChange: (t) => Y(t.target.value),
                           onKeyDown: (t) => t.key === "Enter" && Je(),
-                          placeholder: s === "zh" ? "添加关键词..." : "Add keyword...",
+                          placeholder: l === "zh" ? "添加关键词..." : "Add keyword...",
                           className: "flex-1 bg-white/5 border border-white/10 rounded-lg py-2 px-3 text-sm text-white placeholder:text-white/20 focus:outline-none focus:border-purple-500/50"
                         }
                       ),
@@ -1380,45 +1378,45 @@ const Mt = [
                         "button",
                         {
                           onClick: Je,
-                          disabled: !Z.trim() || w.length >= 8,
+                          disabled: !R.trim() || w.length >= 8,
                           className: "p-2 rounded-lg bg-white/5 border border-white/[0.08] text-white/60 hover:text-white transition-colors disabled:opacity-30",
-                          children: /* @__PURE__ */ e(pe, { className: "w-4 h-4" })
+                          children: /* @__PURE__ */ e(xe, { className: "w-4 h-4" })
                         }
                       )
                     ] }),
                     w.length > 0 && /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-1.5", children: w.map((t) => /* @__PURE__ */ i("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 bg-indigo-500/10 border border-indigo-500/20 rounded-full text-xs text-indigo-300", children: [
                       t,
-                      /* @__PURE__ */ e("button", { onClick: () => m((o) => o.filter((c) => c !== t)), className: "text-indigo-400/60 hover:text-indigo-300", children: /* @__PURE__ */ e(re, { className: "w-3 h-3" }) })
+                      /* @__PURE__ */ e("button", { onClick: () => c((o) => o.filter((n) => n !== t)), className: "text-indigo-400/60 hover:text-indigo-300", children: /* @__PURE__ */ e(ae, { className: "w-3 h-3" }) })
                     ] }, t)) })
                   ] }),
                   /* @__PURE__ */ i("div", { children: [
-                    /* @__PURE__ */ e("p", { className: "text-xs text-white/40 font-medium uppercase tracking-wider mb-2", children: s === "zh" ? "歌曲结构" : "Song Structure" }),
-                    /* @__PURE__ */ e("div", { className: "grid grid-cols-2 gap-2", children: $t.map((t) => /* @__PURE__ */ e(
+                    /* @__PURE__ */ e("p", { className: "text-xs text-white/40 font-medium uppercase tracking-wider mb-2", children: l === "zh" ? "歌曲结构" : "Song Structure" }),
+                    /* @__PURE__ */ e("div", { className: "grid grid-cols-2 gap-2", children: Mt.map((t) => /* @__PURE__ */ e(
                       "button",
                       {
-                        onClick: () => be(t.id),
+                        onClick: () => ue(t.id),
                         className: y(
                           "py-2 px-3 rounded-lg border text-xs transition-all",
                           ve === t.id ? "bg-indigo-500/15 border-indigo-500/30 text-indigo-300" : "bg-white/[0.02] border-white/[0.06] text-white/40 hover:bg-white/[0.05]"
                         ),
-                        children: s === "zh" ? t.labelZh : t.label
+                        children: l === "zh" ? t.labelZh : t.label
                       },
                       t.id
                     )) })
                   ] }),
                   /* @__PURE__ */ i("div", { children: [
-                    /* @__PURE__ */ e("p", { className: "text-xs text-white/40 font-medium uppercase tracking-wider mb-2", children: s === "zh" ? "乐器编排" : "Instruments" }),
-                    /* @__PURE__ */ e("div", { className: "grid grid-cols-3 gap-2", children: It.map((t) => /* @__PURE__ */ i(
+                    /* @__PURE__ */ e("p", { className: "text-xs text-white/40 font-medium uppercase tracking-wider mb-2", children: l === "zh" ? "乐器编排" : "Instruments" }),
+                    /* @__PURE__ */ e("div", { className: "grid grid-cols-3 gap-2", children: zt.map((t) => /* @__PURE__ */ i(
                       "button",
                       {
-                        onClick: () => dt(t.id),
+                        onClick: () => nt(t.id),
                         className: y(
                           "py-2 px-3 rounded-lg border text-xs transition-all flex items-center gap-1.5",
-                          ke.includes(t.id) ? "bg-indigo-500/15 border-indigo-500/30 text-indigo-300" : "bg-white/[0.02] border-white/[0.06] text-white/40 hover:bg-white/[0.05]"
+                          r.includes(t.id) ? "bg-indigo-500/15 border-indigo-500/30 text-indigo-300" : "bg-white/[0.02] border-white/[0.06] text-white/40 hover:bg-white/[0.05]"
                         ),
                         children: [
                           /* @__PURE__ */ e("span", { children: t.emoji }),
-                          /* @__PURE__ */ e("span", { children: s === "zh" ? t.labelZh : t.label })
+                          /* @__PURE__ */ e("span", { children: l === "zh" ? t.labelZh : t.label })
                         ]
                       },
                       t.id
@@ -1426,79 +1424,79 @@ const Mt = [
                   ] }),
                   /* @__PURE__ */ i("div", { className: "grid grid-cols-2 gap-4", children: [
                     /* @__PURE__ */ i("div", { children: [
-                      /* @__PURE__ */ e("p", { className: "text-xs text-white/40 font-medium uppercase tracking-wider mb-2", children: s === "zh" ? "歌词行数" : "Lines" }),
+                      /* @__PURE__ */ e("p", { className: "text-xs text-white/40 font-medium uppercase tracking-wider mb-2", children: l === "zh" ? "歌词行数" : "Lines" }),
                       /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
                         /* @__PURE__ */ e(
                           "button",
                           {
-                            onClick: () => Ne(Math.max(4, H - 2)),
+                            onClick: () => Ne(Math.max(4, re - 2)),
                             className: "p-1.5 rounded-lg bg-white/5 border border-white/[0.08] text-white/60 hover:text-white transition-colors",
-                            children: /* @__PURE__ */ e(Ie, { className: "w-3.5 h-3.5" })
+                            children: /* @__PURE__ */ e(Te, { className: "w-3.5 h-3.5" })
                           }
                         ),
-                        /* @__PURE__ */ e("span", { className: "text-lg font-bold text-white font-mono flex-1 text-center", children: H }),
+                        /* @__PURE__ */ e("span", { className: "text-lg font-bold text-white font-mono flex-1 text-center", children: re }),
                         /* @__PURE__ */ e(
                           "button",
                           {
-                            onClick: () => Ne(Math.min(20, H + 2)),
+                            onClick: () => Ne(Math.min(20, re + 2)),
                             className: "p-1.5 rounded-lg bg-white/5 border border-white/[0.08] text-white/60 hover:text-white transition-colors",
-                            children: /* @__PURE__ */ e(pe, { className: "w-3.5 h-3.5" })
+                            children: /* @__PURE__ */ e(xe, { className: "w-3.5 h-3.5" })
                           }
                         )
                       ] })
                     ] }),
                     /* @__PURE__ */ i("div", { children: [
-                      /* @__PURE__ */ e("p", { className: "text-xs text-white/40 font-medium uppercase tracking-wider mb-2", children: s === "zh" ? "速度 BPM" : "Tempo BPM" }),
+                      /* @__PURE__ */ e("p", { className: "text-xs text-white/40 font-medium uppercase tracking-wider mb-2", children: l === "zh" ? "速度 BPM" : "Tempo BPM" }),
                       /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
                         /* @__PURE__ */ e(
                           "button",
                           {
-                            onClick: () => q(Math.max(60, L - 10)),
+                            onClick: () => V(Math.max(60, D - 10)),
                             className: "p-1.5 rounded-lg bg-white/5 border border-white/[0.08] text-white/60 hover:text-white transition-colors",
-                            children: /* @__PURE__ */ e(Ie, { className: "w-3.5 h-3.5" })
+                            children: /* @__PURE__ */ e(Te, { className: "w-3.5 h-3.5" })
                           }
                         ),
-                        /* @__PURE__ */ e("span", { className: "text-lg font-bold text-white font-mono flex-1 text-center", children: L }),
+                        /* @__PURE__ */ e("span", { className: "text-lg font-bold text-white font-mono flex-1 text-center", children: D }),
                         /* @__PURE__ */ e(
                           "button",
                           {
-                            onClick: () => q(Math.min(200, L + 10)),
+                            onClick: () => V(Math.min(200, D + 10)),
                             className: "p-1.5 rounded-lg bg-white/5 border border-white/[0.08] text-white/60 hover:text-white transition-colors",
-                            children: /* @__PURE__ */ e(pe, { className: "w-3.5 h-3.5" })
+                            children: /* @__PURE__ */ e(xe, { className: "w-3.5 h-3.5" })
                           }
                         )
                       ] })
                     ] })
                   ] }),
                   /* @__PURE__ */ e(
-                    p.button,
+                    m.button,
                     {
-                      onClick: nt,
-                      disabled: V,
+                      onClick: st,
+                      disabled: k,
                       whileHover: { scale: 1.01 },
                       whileTap: { scale: 0.98 },
                       className: "w-full py-3.5 rounded-xl bg-gradient-to-r from-indigo-600 via-blue-600 to-purple-600 text-white font-semibold flex items-center justify-center gap-2 shadow-lg shadow-indigo-500/20 disabled:opacity-50",
-                      children: P !== "idle" && P !== "done" ? /* @__PURE__ */ i($, { children: [
+                      children: ke !== "idle" && ke !== "done" ? /* @__PURE__ */ i(z, { children: [
                         /* @__PURE__ */ e(fe, { className: "w-5 h-5 animate-spin" }),
-                        Re(P)
-                      ] }) : P === "done" ? /* @__PURE__ */ i($, { children: [
+                        Le(ke)
+                      ] }) : ke === "done" ? /* @__PURE__ */ i(z, { children: [
                         /* @__PURE__ */ e(ee, { className: "w-5 h-5 text-green-300" }),
-                        s === "zh" ? "大师之作完成!" : "Masterpiece Complete!"
-                      ] }) : /* @__PURE__ */ i($, { children: [
+                        l === "zh" ? "大师之作完成!" : "Masterpiece Complete!"
+                      ] }) : /* @__PURE__ */ i(z, { children: [
                         /* @__PURE__ */ e(We, { className: "w-5 h-5" }),
-                        s === "zh" ? "开始创作" : "Start Creating"
+                        l === "zh" ? "开始创作" : "Start Creating"
                       ] })
                     }
                   ),
-                  /* @__PURE__ */ e(Q, { children: X && /* @__PURE__ */ i(
-                    p.div,
+                  /* @__PURE__ */ e(F, { children: X && /* @__PURE__ */ i(
+                    m.div,
                     {
                       initial: { opacity: 0, y: 15 },
                       animate: { opacity: 1, y: 0 },
                       className: "rounded-xl border border-white/[0.08] bg-gradient-to-br from-indigo-500/10 to-blue-500/10 p-4",
                       children: [
                         /* @__PURE__ */ i("div", { className: "flex items-center justify-between mb-3", children: [
-                          /* @__PURE__ */ e("p", { className: "text-xs text-white/40", children: s === "zh" ? "大师之作" : "Master Work" }),
+                          /* @__PURE__ */ e("p", { className: "text-xs text-white/40", children: l === "zh" ? "大师之作" : "Master Work" }),
                           /* @__PURE__ */ i(
                             "button",
                             {
@@ -1506,13 +1504,13 @@ const Mt = [
                               className: "flex items-center gap-1 px-2 py-1 rounded-lg bg-white/5 text-xs text-white/40 hover:text-white/70 transition-colors",
                               children: [
                                 ce === "master" ? /* @__PURE__ */ e(ee, { className: "w-3 h-3 text-green-400" }) : /* @__PURE__ */ e(ge, { className: "w-3 h-3" }),
-                                ce === "master" ? s === "zh" ? "已复制" : "Copied" : s === "zh" ? "复制" : "Copy"
+                                ce === "master" ? l === "zh" ? "已复制" : "Copied" : l === "zh" ? "复制" : "Copy"
                               ]
                             }
                           )
                         ] }),
                         /* @__PURE__ */ e("div", { className: "space-y-1.5", children: X.map((t, o) => /* @__PURE__ */ e(
-                          p.p,
+                          m.p,
                           {
                             initial: { opacity: 0, x: -8 },
                             animate: { opacity: 1, x: 0 },
@@ -1530,7 +1528,7 @@ const Mt = [
               "master"
             ),
             N === "remix" && /* @__PURE__ */ i(
-              p.div,
+              m.div,
               {
                 initial: { opacity: 0, x: 20 },
                 animate: { opacity: 1, x: 0 },
@@ -1538,12 +1536,12 @@ const Mt = [
                 className: "p-5 space-y-5",
                 children: [
                   /* @__PURE__ */ i("div", { children: [
-                    /* @__PURE__ */ e("p", { className: "text-xs text-white/40 font-medium uppercase tracking-wider mb-3", children: s === "zh" ? "选择原曲" : "Select Source Track" }),
+                    /* @__PURE__ */ e("p", { className: "text-xs text-white/40 font-medium uppercase tracking-wider mb-3", children: l === "zh" ? "选择原曲" : "Select Source Track" }),
                     /* @__PURE__ */ e("div", { className: "space-y-2 max-h-48 overflow-y-auto", style: { scrollbarWidth: "none" }, children: g.map((t, o) => /* @__PURE__ */ i(
                       "button",
                       {
                         onClick: () => {
-                          lt(o), a == null || a("selection");
+                          tt(o), p?.("selection");
                         },
                         className: y(
                           "w-full flex items-center gap-3 p-3 rounded-xl border transition-all text-left",
@@ -1562,30 +1560,30 @@ const Mt = [
                     )) })
                   ] }),
                   /* @__PURE__ */ i("div", { children: [
-                    /* @__PURE__ */ e("p", { className: "text-xs text-white/40 font-medium uppercase tracking-wider mb-3", children: s === "zh" ? "改编风格" : "Target Style" }),
+                    /* @__PURE__ */ e("p", { className: "text-xs text-white/40 font-medium uppercase tracking-wider mb-3", children: l === "zh" ? "改编风格" : "Target Style" }),
                     /* @__PURE__ */ e("div", { className: "grid grid-cols-5 gap-2", children: Me.map((t) => {
-                      const o = t.icon, c = se === t.id, k = t.premium && !f.has(t.id);
+                      const o = t.icon, n = se === t.id, C = t.premium && !f.has(t.id);
                       return /* @__PURE__ */ i(
                         "button",
                         {
                           onClick: () => {
-                            if (k) {
-                              j && S >= (t.spCost || 200) && F(t.id, t.spCost || 200);
+                            if (C) {
+                              T && j >= (t.spCost || 200) && q(t.id, t.spCost || 200);
                               return;
                             }
-                            rt(t.id), a == null || a("selection");
+                            it(t.id), p?.("selection");
                           },
                           className: y(
                             "p-2.5 rounded-xl border transition-all text-center relative",
-                            k ? "bg-white/[0.01] border-white/[0.04] opacity-60" : c ? `bg-gradient-to-br ${t.bg} border-white/15` : "bg-white/[0.02] border-white/[0.06] hover:bg-white/[0.05]"
+                            C ? "bg-white/[0.01] border-white/[0.04] opacity-60" : n ? `bg-gradient-to-br ${t.bg} border-white/15` : "bg-white/[0.02] border-white/[0.06] hover:bg-white/[0.05]"
                           ),
                           children: [
-                            k && /* @__PURE__ */ i("span", { className: "absolute -top-1 -right-1 text-[8px] px-1 py-0.5 rounded-full bg-yellow-500/20 text-yellow-300 border border-yellow-500/20 font-medium", children: [
+                            C && /* @__PURE__ */ i("span", { className: "absolute -top-1 -right-1 text-[8px] px-1 py-0.5 rounded-full bg-yellow-500/20 text-yellow-300 border border-yellow-500/20 font-medium", children: [
                               t.spCost,
                               "SP"
                             ] }),
-                            /* @__PURE__ */ e(o, { className: y("w-4 h-4 mx-auto mb-0.5", c ? t.color : k ? "text-white/15" : "text-white/30") }),
-                            /* @__PURE__ */ e("p", { className: y("text-[9px]", c ? "text-white/80" : "text-white/30"), children: s === "zh" ? t.labelZh : t.label })
+                            /* @__PURE__ */ e(o, { className: y("w-4 h-4 mx-auto mb-0.5", n ? t.color : C ? "text-white/15" : "text-white/30") }),
+                            /* @__PURE__ */ e("p", { className: y("text-[9px]", n ? "text-white/80" : "text-white/30"), children: l === "zh" ? t.labelZh : t.label })
                           ]
                         },
                         t.id
@@ -1593,48 +1591,48 @@ const Mt = [
                     }) })
                   ] }),
                   /* @__PURE__ */ e(
-                    p.button,
+                    m.button,
                     {
-                      onClick: ct,
+                      onClick: ot,
                       disabled: ne === null || at,
                       whileHover: { scale: 1.01 },
                       whileTap: { scale: 0.98 },
                       className: "w-full py-3.5 rounded-xl bg-gradient-to-r from-orange-600 via-red-600 to-pink-600 text-white font-semibold flex items-center justify-center gap-2 shadow-lg shadow-orange-500/20 disabled:opacity-40",
-                      children: Ce !== "idle" && Ce !== "done" ? /* @__PURE__ */ i($, { children: [
+                      children: Ce !== "idle" && Ce !== "done" ? /* @__PURE__ */ i(z, { children: [
                         /* @__PURE__ */ e(fe, { className: "w-5 h-5 animate-spin" }),
-                        Re(Ce)
-                      ] }) : Ce === "done" ? /* @__PURE__ */ i($, { children: [
+                        Le(Ce)
+                      ] }) : Ce === "done" ? /* @__PURE__ */ i(z, { children: [
                         /* @__PURE__ */ e(ee, { className: "w-5 h-5 text-green-300" }),
-                        s === "zh" ? "改编完成!" : "Remix Complete!"
-                      ] }) : /* @__PURE__ */ i($, { children: [
-                        /* @__PURE__ */ e(Ge, { className: "w-5 h-5" }),
-                        s === "zh" ? "开始改编 (含音频重合成)" : "Remix (with audio synthesis)"
+                        l === "zh" ? "改编完成!" : "Remix Complete!"
+                      ] }) : /* @__PURE__ */ i(z, { children: [
+                        /* @__PURE__ */ e(De, { className: "w-5 h-5" }),
+                        l === "zh" ? "开始改编 (含音频重合成)" : "Remix (with audio synthesis)"
                       ] })
                     }
                   ),
-                  /* @__PURE__ */ e(Q, { children: Le && /* @__PURE__ */ i(
-                    p.div,
+                  /* @__PURE__ */ e(F, { children: Ae && /* @__PURE__ */ i(
+                    m.div,
                     {
                       initial: { opacity: 0, y: 15 },
                       animate: { opacity: 1, y: 0 },
                       className: "rounded-xl border border-white/[0.08] bg-gradient-to-br from-orange-500/10 to-red-500/10 p-4",
                       children: [
                         /* @__PURE__ */ i("div", { className: "flex items-center justify-between mb-3", children: [
-                          /* @__PURE__ */ e("p", { className: "text-xs text-white/40", children: s === "zh" ? "改编歌词" : "Remixed Lyrics" }),
+                          /* @__PURE__ */ e("p", { className: "text-xs text-white/40", children: l === "zh" ? "改编歌词" : "Remixed Lyrics" }),
                           /* @__PURE__ */ i(
                             "button",
                             {
-                              onClick: () => Se(Le, "remix"),
+                              onClick: () => Se(Ae, "remix"),
                               className: "flex items-center gap-1 px-2 py-1 rounded-lg bg-white/5 text-xs text-white/40 hover:text-white/70 transition-colors",
                               children: [
                                 ce === "remix" ? /* @__PURE__ */ e(ee, { className: "w-3 h-3 text-green-400" }) : /* @__PURE__ */ e(ge, { className: "w-3 h-3" }),
-                                ce === "remix" ? s === "zh" ? "已复制" : "Copied" : s === "zh" ? "复制" : "Copy"
+                                ce === "remix" ? l === "zh" ? "已复制" : "Copied" : l === "zh" ? "复制" : "Copy"
                               ]
                             }
                           )
                         ] }),
-                        /* @__PURE__ */ e("div", { className: "space-y-1.5", children: Le.map((t, o) => /* @__PURE__ */ e(
-                          p.p,
+                        /* @__PURE__ */ e("div", { className: "space-y-1.5", children: Ae.map((t, o) => /* @__PURE__ */ e(
+                          m.p,
                           {
                             initial: { opacity: 0, x: -8 },
                             animate: { opacity: 1, x: 0 },
@@ -1652,7 +1650,7 @@ const Mt = [
               "remix"
             ),
             N === "works" && /* @__PURE__ */ e(
-              p.div,
+              m.div,
               {
                 initial: { opacity: 0, x: 20 },
                 animate: { opacity: 1, x: 0 },
@@ -1660,23 +1658,23 @@ const Mt = [
                 className: "p-5",
                 children: he.length === 0 ? /* @__PURE__ */ i("div", { className: "flex flex-col items-center justify-center py-16 gap-4", children: [
                   /* @__PURE__ */ e("div", { className: "w-16 h-16 rounded-full bg-white/5 border border-white/10 flex items-center justify-center", children: /* @__PURE__ */ e($e, { className: "w-7 h-7 text-white/20" }) }),
-                  /* @__PURE__ */ e("p", { className: "text-white/30 text-sm text-center", children: s === "zh" ? `还没有创作作品
+                  /* @__PURE__ */ e("p", { className: "text-white/30 text-sm text-center", children: l === "zh" ? `还没有创作作品
 去创作你的第一首歌吧!` : `No works yet
 Create your first song!` }),
                   /* @__PURE__ */ e(
                     "button",
                     {
-                      onClick: () => M("quick"),
+                      onClick: () => S("quick"),
                       className: "px-4 py-2 rounded-lg bg-purple-500/10 border border-purple-500/20 text-purple-300 text-sm hover:bg-purple-500/20 transition-colors",
-                      children: s === "zh" ? "开始创作" : "Start Creating"
+                      children: l === "zh" ? "开始创作" : "Start Creating"
                     }
                   )
                 ] }) : /* @__PURE__ */ i("div", { className: "space-y-3", children: [
-                  /* @__PURE__ */ e("p", { className: "text-xs text-white/40 font-medium uppercase tracking-wider mb-3", children: s === "zh" ? `${he.length} 首作品` : `${he.length} Works` }),
+                  /* @__PURE__ */ e("p", { className: "text-xs text-white/40 font-medium uppercase tracking-wider mb-3", children: l === "zh" ? `${he.length} 首作品` : `${he.length} Works` }),
                   he.map((t, o) => {
-                    const c = Me.find((ue) => ue.id === t.theme), k = (c == null ? void 0 : c.icon) || $e, me = ze.find((ue) => ue.id === t.mode);
+                    const n = Me.find((be) => be.id === t.theme), C = n?.icon || $e, me = ze.find((be) => be.id === t.mode);
                     return /* @__PURE__ */ e(
-                      p.div,
+                      m.div,
                       {
                         initial: { opacity: 0, y: 10 },
                         animate: { opacity: 1, y: 0 },
@@ -1685,16 +1683,16 @@ Create your first song!` }),
                         children: /* @__PURE__ */ i("div", { className: "flex items-start gap-3", children: [
                           /* @__PURE__ */ e("div", { className: y(
                             "w-10 h-10 rounded-xl flex items-center justify-center flex-shrink-0 bg-gradient-to-br",
-                            (c == null ? void 0 : c.bg) || "from-white/5 to-white/5"
-                          ), children: /* @__PURE__ */ e(k, { className: y("w-5 h-5", (c == null ? void 0 : c.color) || "text-white/30") }) }),
+                            n?.bg || "from-white/5 to-white/5"
+                          ), children: /* @__PURE__ */ e(C, { className: y("w-5 h-5", n?.color || "text-white/30") }) }),
                           /* @__PURE__ */ i("div", { className: "flex-1 min-w-0", children: [
                             /* @__PURE__ */ i("div", { className: "flex items-center gap-2 mb-1", children: [
                               /* @__PURE__ */ e("p", { className: "text-sm font-medium text-white/80 truncate", children: t.title }),
-                              /* @__PURE__ */ e("span", { className: "text-[9px] text-white/20 bg-white/5 px-1.5 py-0.5 rounded-full flex-shrink-0", children: me ? s === "zh" ? me.labelZh : me.label : t.mode })
+                              /* @__PURE__ */ e("span", { className: "text-[9px] text-white/20 bg-white/5 px-1.5 py-0.5 rounded-full flex-shrink-0", children: me ? l === "zh" ? me.labelZh : me.label : t.mode })
                             ] }),
                             /* @__PURE__ */ i("p", { className: "text-xs text-white/25 flex items-center gap-1", children: [
                               /* @__PURE__ */ e(Oe, { className: "w-3 h-3" }),
-                              ht(t.createdAt)
+                              ct(t.createdAt)
                             ] }),
                             /* @__PURE__ */ i("p", { className: "text-xs text-white/30 mt-2 line-clamp-2 italic", children: [
                               '"',
@@ -1708,35 +1706,35 @@ Create your first song!` }),
                               {
                                 onClick: () => Se(t.lyrics, t.id),
                                 className: "p-1.5 rounded-lg text-white/30 hover:text-white/60 hover:bg-white/5 transition-colors",
-                                title: s === "zh" ? "复制歌词" : "Copy lyrics",
+                                title: l === "zh" ? "复制歌词" : "Copy lyrics",
                                 children: ce === t.id ? /* @__PURE__ */ e(ee, { className: "w-3.5 h-3.5 text-green-400" }) : /* @__PURE__ */ e(ge, { className: "w-3.5 h-3.5" })
                               }
                             ),
                             /* @__PURE__ */ e(
                               "button",
                               {
-                                onClick: () => ot(t.id),
+                                onClick: () => lt(t.id),
                                 className: "p-1.5 rounded-lg text-white/30 hover:text-red-400/60 hover:bg-red-500/5 transition-colors",
-                                title: s === "zh" ? "删除" : "Delete",
-                                children: /* @__PURE__ */ e(yt, { className: "w-3.5 h-3.5" })
+                                title: l === "zh" ? "删除" : "Delete",
+                                children: /* @__PURE__ */ e(gt, { className: "w-3.5 h-3.5" })
                               }
                             ),
-                            O && /* @__PURE__ */ e(
+                            B && /* @__PURE__ */ e(
                               "button",
                               {
-                                onClick: () => O(t),
+                                onClick: () => B(t),
                                 className: "p-1.5 rounded-lg text-white/30 hover:text-white/60 hover:bg-white/5 transition-colors",
-                                title: s === "zh" ? "分享作品" : "Share work",
-                                children: /* @__PURE__ */ e(Nt, { className: "w-3.5 h-3.5" })
+                                title: l === "zh" ? "分享作品" : "Share work",
+                                children: /* @__PURE__ */ e(ft, { className: "w-3.5 h-3.5" })
                               }
                             ),
-                            W && /* @__PURE__ */ e(
+                            J && /* @__PURE__ */ e(
                               "button",
                               {
-                                onClick: () => W(t.lyrics),
+                                onClick: () => J(t.lyrics),
                                 className: "p-1.5 rounded-lg text-white/30 hover:text-cyan-400/60 hover:bg-cyan-500/5 transition-colors",
-                                title: s === "zh" ? "从此作品创建MV" : "Create MV from this work",
-                                children: /* @__PURE__ */ e(tt, { className: "w-3.5 h-3.5" })
+                                title: l === "zh" ? "从此作品创建MV" : "Create MV from this work",
+                                children: /* @__PURE__ */ e(He, { className: "w-3.5 h-3.5" })
                               }
                             )
                           ] })
@@ -1754,248 +1752,244 @@ Create your first song!` }),
       }
     )
   ] }) });
-}, De = [
+}, Ee = [
   { id: "starfield", labelZh: "星空漫游", labelEn: "Starfield", emoji: "🌌", colors: ["#667eea", "#764ba2", "#fff"] },
   { id: "neonPulse", labelZh: "霓虹脉冲", labelEn: "Neon Pulse", emoji: "💜", colors: ["#ff006e", "#8338ec", "#3a86ff"] },
   { id: "aurora", labelZh: "极光幻境", labelEn: "Aurora", emoji: "🌈", colors: ["#00f5d4", "#7209b7", "#f72585"] },
   { id: "inkWash", labelZh: "水墨流韵", labelEn: "Ink Wash", emoji: "🏔️", colors: ["#1a1a2e", "#e0e0e0", "#555"] },
   { id: "cyberCity", labelZh: "赛博都市", labelEn: "Cyber City", emoji: "🌃", colors: ["#0ff", "#f0f", "#ff0"] }
 ];
-function jt(z, I, d) {
-  var a;
-  const g = ((a = De.find((O) => O.id === d)) == null ? void 0 : a.colors) || ["#fff", "#aaa", "#666"], J = g[Math.floor(Math.random() * g.length)];
-  switch (d) {
+function $t(M, $, b) {
+  const g = Ee.find((p) => p.id === b)?.colors || ["#fff", "#aaa", "#666"], K = g[Math.floor(Math.random() * g.length)];
+  switch (b) {
     case "starfield":
       return {
-        x: Math.random() * z,
-        y: Math.random() * I,
+        x: Math.random() * M,
+        y: Math.random() * $,
         z: Math.random() * 3 + 0.5,
         vx: 0,
         vy: Math.random() * 0.3 + 0.1,
         size: Math.random() * 2.5 + 0.5,
         alpha: Math.random() * 0.8 + 0.2,
-        color: J,
+        color: K,
         life: 0,
         maxLife: 300 + Math.random() * 200
       };
     case "neonPulse":
       return {
-        x: z / 2 + (Math.random() - 0.5) * z * 0.8,
-        y: I / 2 + (Math.random() - 0.5) * I * 0.8,
+        x: M / 2 + (Math.random() - 0.5) * M * 0.8,
+        y: $ / 2 + (Math.random() - 0.5) * $ * 0.8,
         z: 1,
         vx: (Math.random() - 0.5) * 2,
         vy: (Math.random() - 0.5) * 2,
         size: Math.random() * 4 + 1,
         alpha: Math.random() * 0.6 + 0.2,
-        color: J,
+        color: K,
         life: 0,
         maxLife: 150 + Math.random() * 100
       };
     case "aurora":
       return {
-        x: Math.random() * z,
-        y: I * 0.2 + Math.random() * I * 0.3,
+        x: Math.random() * M,
+        y: $ * 0.2 + Math.random() * $ * 0.3,
         z: 1,
         vx: Math.random() * 0.5 + 0.2,
         vy: (Math.random() - 0.5) * 0.3,
         size: Math.random() * 40 + 20,
         alpha: Math.random() * 0.15 + 0.05,
-        color: J,
+        color: K,
         life: 0,
         maxLife: 400 + Math.random() * 200
       };
     case "inkWash":
       return {
-        x: Math.random() * z,
-        y: Math.random() * I,
+        x: Math.random() * M,
+        y: Math.random() * $,
         z: 1,
         vx: (Math.random() - 0.5) * 0.5,
         vy: -Math.random() * 0.8 - 0.2,
         size: Math.random() * 30 + 5,
         alpha: Math.random() * 0.08 + 0.02,
-        color: J,
+        color: K,
         life: 0,
         maxLife: 300 + Math.random() * 200
       };
-    case "cyberCity":
     default:
       return {
-        x: Math.random() * z,
-        y: Math.random() * I,
+        x: Math.random() * M,
+        y: Math.random() * $,
         z: 1,
         vx: 0,
         vy: Math.random() * 2 + 1,
         size: Math.random() * 2 + 0.5,
         alpha: Math.random() * 0.7 + 0.3,
-        color: J,
+        color: K,
         life: 0,
         maxLife: 200 + Math.random() * 100
       };
   }
 }
 const Et = ({
-  isOpen: z,
-  onClose: I,
-  track: d,
+  isOpen: M,
+  onClose: $,
+  track: b,
   isPlaying: g,
-  audioEnergy: J,
-  frequencyData: a,
-  currentTime: O,
-  emotion: W,
-  customLyrics: j,
-  onHaptic: S
+  audioEnergy: K,
+  frequencyData: p,
+  currentTime: B,
+  emotion: J,
+  customLyrics: T,
+  onHaptic: j
 }) => {
-  const { lang: T } = Ae(), K = we(null), s = we(0), N = we([]), M = we(0), [f, U] = u("starfield"), [F, D] = u(!0), [Y, B] = u(0.7), G = j && j.length > 0 ? j.map((h, l) => ({
-    time: l * (d.duration > 0 ? d.duration / j.length : 10),
+  const { lang: O } = je(), W = we(null), l = we(0), N = we([]), S = we(0), [f, U] = u("starfield"), [q, L] = u(!0), [_, E] = u(0.7), Z = T && T.length > 0 ? T.map((h, a) => ({
+    time: a * (b.duration > 0 ? b.duration / T.length : 10),
     text: h,
     translation: void 0
-  })) : d.lyrics, A = [...G].reverse().find((h) => h.time <= O);
-  G.find((h) => h.time > O);
-  const n = E(() => {
-    var ke;
-    const h = K.current;
+  })) : b.lyrics, I = [...Z].reverse().find((h) => h.time <= B);
+  Z.find((h) => h.time > B);
+  const s = P(() => {
+    const h = W.current;
     if (!h) return;
-    const l = h.getContext("2d");
-    if (!l) return;
-    const x = h.width, b = h.height;
-    M.current += 1;
-    const de = M.current, w = J * Y, m = ((ke = De.find((r) => r.id === f)) == null ? void 0 : ke.colors) || ["#fff", "#aaa", "#666"];
+    const a = h.getContext("2d");
+    if (!a) return;
+    const d = h.width, x = h.height;
+    S.current += 1;
+    const de = S.current, w = K * _, c = Ee.find((r) => r.id === f)?.colors || ["#fff", "#aaa", "#666"];
     switch (f) {
       case "starfield": {
-        l.fillStyle = "#050816", l.fillRect(0, 0, x, b);
-        const r = l.createRadialGradient(x / 2, b / 2, 0, x / 2, b / 2, x * 0.5);
-        r.addColorStop(0, `rgba(102, 126, 234, ${0.03 + w * 0.05})`), r.addColorStop(1, "transparent"), l.fillStyle = r, l.fillRect(0, 0, x, b);
+        a.fillStyle = "#050816", a.fillRect(0, 0, d, x);
+        const r = a.createRadialGradient(d / 2, x / 2, 0, d / 2, x / 2, d * 0.5);
+        r.addColorStop(0, `rgba(102, 126, 234, ${0.03 + w * 0.05})`), r.addColorStop(1, "transparent"), a.fillStyle = r, a.fillRect(0, 0, d, x);
         break;
       }
       case "neonPulse": {
-        l.fillStyle = `rgba(10, 5, 30, ${0.15 + (1 - w) * 0.1})`, l.fillRect(0, 0, x, b);
-        const r = l.createRadialGradient(x / 2, b / 2, 0, x / 2, b / 2, 150 + w * 200);
-        r.addColorStop(0, `rgba(131, 56, 236, ${0.1 + w * 0.15})`), r.addColorStop(0.5, `rgba(255, 0, 110, ${0.05 + w * 0.08})`), r.addColorStop(1, "transparent"), l.fillStyle = r, l.fillRect(0, 0, x, b);
+        a.fillStyle = `rgba(10, 5, 30, ${0.15 + (1 - w) * 0.1})`, a.fillRect(0, 0, d, x);
+        const r = a.createRadialGradient(d / 2, x / 2, 0, d / 2, x / 2, 150 + w * 200);
+        r.addColorStop(0, `rgba(131, 56, 236, ${0.1 + w * 0.15})`), r.addColorStop(0.5, `rgba(255, 0, 110, ${0.05 + w * 0.08})`), r.addColorStop(1, "transparent"), a.fillStyle = r, a.fillRect(0, 0, d, x);
         break;
       }
       case "aurora": {
-        l.fillStyle = "rgba(5, 5, 20, 0.08)", l.fillRect(0, 0, x, b);
+        a.fillStyle = "rgba(5, 5, 20, 0.08)", a.fillRect(0, 0, d, x);
         break;
       }
       case "inkWash": {
-        l.fillStyle = `rgba(15, 15, 25, ${0.05 + (1 - w) * 0.03})`, l.fillRect(0, 0, x, b), l.beginPath(), l.moveTo(0, b);
-        for (let r = 0; r <= x; r += 3) {
-          const L = b - 80 - Math.sin(r * 8e-3 + 1) * 60 - Math.sin(r * 0.015) * 30 - Math.cos(r * 3e-3 + 2) * 40;
-          l.lineTo(r, L);
+        a.fillStyle = `rgba(15, 15, 25, ${0.05 + (1 - w) * 0.03})`, a.fillRect(0, 0, d, x), a.beginPath(), a.moveTo(0, x);
+        for (let r = 0; r <= d; r += 3) {
+          const A = x - 80 - Math.sin(r * 8e-3 + 1) * 60 - Math.sin(r * 0.015) * 30 - Math.cos(r * 3e-3 + 2) * 40;
+          a.lineTo(r, A);
         }
-        l.lineTo(x, b), l.fillStyle = "rgba(30, 30, 50, 0.06)", l.fill();
+        a.lineTo(d, x), a.fillStyle = "rgba(30, 30, 50, 0.06)", a.fill();
         break;
       }
       case "cyberCity": {
-        l.fillStyle = "rgba(5, 0, 15, 0.12)", l.fillRect(0, 0, x, b), l.strokeStyle = `rgba(0, 255, 255, ${0.04 + w * 0.06})`, l.lineWidth = 0.5;
-        const r = b * 0.7;
-        for (let L = 0; L < 20; L++) {
-          const q = r + L * 12;
-          l.beginPath(), l.moveTo(0, q), l.lineTo(x, q), l.stroke();
+        a.fillStyle = "rgba(5, 0, 15, 0.12)", a.fillRect(0, 0, d, x), a.strokeStyle = `rgba(0, 255, 255, ${0.04 + w * 0.06})`, a.lineWidth = 0.5;
+        const r = x * 0.7;
+        for (let A = 0; A < 20; A++) {
+          const D = r + A * 12;
+          a.beginPath(), a.moveTo(0, D), a.lineTo(d, D), a.stroke();
         }
-        for (let L = 0; L < 15; L++) {
-          const q = x / 2 + (L - 7) * (40 + L * 5);
-          l.beginPath(), l.moveTo(x / 2, r), l.lineTo(q, b), l.stroke();
+        for (let A = 0; A < 15; A++) {
+          const D = d / 2 + (A - 7) * (40 + A * 5);
+          a.beginPath(), a.moveTo(d / 2, r), a.lineTo(D, x), a.stroke();
         }
         break;
       }
     }
-    const Z = Math.floor(50 + w * 80 * Y);
-    for (; N.current.length < Z; )
-      N.current.push(jt(x, b, f));
-    const R = [];
+    const R = Math.floor(50 + w * 80 * _);
+    for (; N.current.length < R; )
+      N.current.push($t(d, x, f));
+    const Y = [];
     for (const r of N.current) {
       if (r.life += 1, r.life > r.maxLife) continue;
-      r.x += r.vx + (f === "starfield" ? Math.sin(de * 0.01 + r.y * 0.01) * 0.2 : 0), r.y += r.vy * (1 + w * 0.5), r.x < -10 && (r.x = x + 10), r.x > x + 10 && (r.x = -10), r.y < -10 && (r.y = b + 10), r.y > b + 10 && (r.y = -10);
-      const L = Math.min(r.life / 20, 1), q = Math.max(1 - (r.life - r.maxLife + 30) / 30, 0), V = r.alpha * L * q * (0.5 + w * 0.5);
-      if (l.beginPath(), f === "aurora")
-        l.ellipse(r.x, r.y, r.size * (1 + w), r.size * 0.3, 0, 0, Math.PI * 2), l.fillStyle = `${r.color}${Math.floor(V * 255).toString(16).padStart(2, "0")}`, l.fill();
+      r.x += r.vx + (f === "starfield" ? Math.sin(de * 0.01 + r.y * 0.01) * 0.2 : 0), r.y += r.vy * (1 + w * 0.5), r.x < -10 && (r.x = d + 10), r.x > d + 10 && (r.x = -10), r.y < -10 && (r.y = x + 10), r.y > x + 10 && (r.y = -10);
+      const A = Math.min(r.life / 20, 1), D = Math.max(1 - (r.life - r.maxLife + 30) / 30, 0), V = r.alpha * A * D * (0.5 + w * 0.5);
+      if (a.beginPath(), f === "aurora")
+        a.ellipse(r.x, r.y, r.size * (1 + w), r.size * 0.3, 0, 0, Math.PI * 2), a.fillStyle = `${r.color}${Math.floor(V * 255).toString(16).padStart(2, "0")}`, a.fill();
       else if (f === "inkWash") {
-        const C = l.createRadialGradient(r.x, r.y, 0, r.x, r.y, r.size);
-        C.addColorStop(0, `rgba(200, 200, 210, ${V})`), C.addColorStop(1, "transparent"), l.fillStyle = C, l.arc(r.x, r.y, r.size, 0, Math.PI * 2), l.fill();
+        const k = a.createRadialGradient(r.x, r.y, 0, r.x, r.y, r.size);
+        k.addColorStop(0, `rgba(200, 200, 210, ${V})`), k.addColorStop(1, "transparent"), a.fillStyle = k, a.arc(r.x, r.y, r.size, 0, Math.PI * 2), a.fill();
       } else if (f === "cyberCity")
-        l.strokeStyle = `${r.color}${Math.floor(V * 200).toString(16).padStart(2, "0")}`, l.lineWidth = r.size * 0.5, l.moveTo(r.x, r.y), l.lineTo(r.x, r.y - 8 - w * 12), l.stroke();
-      else if (l.arc(r.x, r.y, r.size * (f === "neonPulse" ? 1 + w * 0.5 : 1), 0, Math.PI * 2), l.fillStyle = `${r.color}${Math.floor(V * 255).toString(16).padStart(2, "0")}`, l.fill(), f === "neonPulse" && r.size > 2) {
-        const C = l.createRadialGradient(r.x, r.y, 0, r.x, r.y, r.size * 4);
-        C.addColorStop(0, `${r.color}${Math.floor(V * 80).toString(16).padStart(2, "0")}`), C.addColorStop(1, "transparent"), l.fillStyle = C, l.beginPath(), l.arc(r.x, r.y, r.size * 4, 0, Math.PI * 2), l.fill();
+        a.strokeStyle = `${r.color}${Math.floor(V * 200).toString(16).padStart(2, "0")}`, a.lineWidth = r.size * 0.5, a.moveTo(r.x, r.y), a.lineTo(r.x, r.y - 8 - w * 12), a.stroke();
+      else if (a.arc(r.x, r.y, r.size * (f === "neonPulse" ? 1 + w * 0.5 : 1), 0, Math.PI * 2), a.fillStyle = `${r.color}${Math.floor(V * 255).toString(16).padStart(2, "0")}`, a.fill(), f === "neonPulse" && r.size > 2) {
+        const k = a.createRadialGradient(r.x, r.y, 0, r.x, r.y, r.size * 4);
+        k.addColorStop(0, `${r.color}${Math.floor(V * 80).toString(16).padStart(2, "0")}`), k.addColorStop(1, "transparent"), a.fillStyle = k, a.beginPath(), a.arc(r.x, r.y, r.size * 4, 0, Math.PI * 2), a.fill();
       }
-      R.push(r);
+      Y.push(r);
     }
-    if (N.current = R, a.length > 0 && g) {
-      const r = Math.min(64, a.length), L = x / r, q = b * 0.25;
-      l.save(), f === "inkWash" && (l.globalAlpha = 0.15);
+    if (N.current = Y, p.length > 0 && g) {
+      const r = Math.min(64, p.length), A = d / r, D = x * 0.25;
+      a.save(), f === "inkWash" && (a.globalAlpha = 0.15);
       for (let V = 0; V < r; V++) {
-        const C = a[Math.floor(V * a.length / r)] / 255, X = C * q * Y, ie = V * L, P = l.createLinearGradient(ie, b, ie, b - X);
-        f === "neonPulse" ? (P.addColorStop(0, `rgba(255, 0, 110, ${0.3 + C * 0.4})`), P.addColorStop(1, `rgba(131, 56, 236, ${0.1 + C * 0.2})`)) : f === "aurora" ? (P.addColorStop(0, `rgba(0, 245, 212, ${0.2 + C * 0.3})`), P.addColorStop(1, `rgba(114, 9, 183, ${0.1 + C * 0.15})`)) : f === "cyberCity" ? (P.addColorStop(0, `rgba(0, 255, 255, ${0.3 + C * 0.5})`), P.addColorStop(1, `rgba(255, 0, 255, ${0.1 + C * 0.2})`)) : f === "inkWash" ? (P.addColorStop(0, `rgba(180, 180, 190, ${0.3 + C * 0.4})`), P.addColorStop(1, "transparent")) : (P.addColorStop(0, `rgba(102, 126, 234, ${0.2 + C * 0.4})`), P.addColorStop(1, `rgba(118, 75, 162, ${0.05 + C * 0.1})`)), l.fillStyle = P, l.fillRect(ie, b - X, L - 1, X);
+        const k = p[Math.floor(V * p.length / r)] / 255, H = k * D * _, X = V * A, G = a.createLinearGradient(X, x, X, x - H);
+        f === "neonPulse" ? (G.addColorStop(0, `rgba(255, 0, 110, ${0.3 + k * 0.4})`), G.addColorStop(1, `rgba(131, 56, 236, ${0.1 + k * 0.2})`)) : f === "aurora" ? (G.addColorStop(0, `rgba(0, 245, 212, ${0.2 + k * 0.3})`), G.addColorStop(1, `rgba(114, 9, 183, ${0.1 + k * 0.15})`)) : f === "cyberCity" ? (G.addColorStop(0, `rgba(0, 255, 255, ${0.3 + k * 0.5})`), G.addColorStop(1, `rgba(255, 0, 255, ${0.1 + k * 0.2})`)) : f === "inkWash" ? (G.addColorStop(0, `rgba(180, 180, 190, ${0.3 + k * 0.4})`), G.addColorStop(1, "transparent")) : (G.addColorStop(0, `rgba(102, 126, 234, ${0.2 + k * 0.4})`), G.addColorStop(1, `rgba(118, 75, 162, ${0.05 + k * 0.1})`)), a.fillStyle = G, a.fillRect(X, x - H, A - 1, H);
       }
-      l.restore();
+      a.restore();
     }
     if (f !== "inkWash") {
       const r = 60 + w * 40;
-      l.beginPath(), l.arc(x / 2, b / 2, r, 0, Math.PI * 2), l.strokeStyle = `${m[0]}${Math.floor((0.1 + w * 0.2) * 255).toString(16).padStart(2, "0")}`, l.lineWidth = 1.5 + w * 2, l.stroke(), l.beginPath(), l.arc(x / 2, b / 2, r * 1.3 + Math.sin(de * 0.03) * 10, 0, Math.PI * 2), l.strokeStyle = `${m[1]}${Math.floor((0.05 + w * 0.1) * 255).toString(16).padStart(2, "0")}`, l.lineWidth = 0.8, l.stroke();
+      a.beginPath(), a.arc(d / 2, x / 2, r, 0, Math.PI * 2), a.strokeStyle = `${c[0]}${Math.floor((0.1 + w * 0.2) * 255).toString(16).padStart(2, "0")}`, a.lineWidth = 1.5 + w * 2, a.stroke(), a.beginPath(), a.arc(d / 2, x / 2, r * 1.3 + Math.sin(de * 0.03) * 10, 0, Math.PI * 2), a.strokeStyle = `${c[1]}${Math.floor((0.05 + w * 0.1) * 255).toString(16).padStart(2, "0")}`, a.lineWidth = 0.8, a.stroke();
     }
-    if (F && A) {
-      l.save(), l.textAlign = "center", l.font = `700 ${f === "inkWash" ? "20" : "22"}px system-ui, -apple-system, sans-serif`;
-      const r = b * 0.78;
-      f !== "inkWash" && (l.shadowColor = m[0], l.shadowBlur = 15 + w * 20), l.fillStyle = `rgba(255, 255, 255, ${0.8 + w * 0.2})`;
-      const L = x * 0.85, q = A.text;
-      if (l.measureText(q).width > L) {
-        const V = q.split(" ");
-        let C = "", X = r;
-        for (const ie of V) {
-          const P = C ? `${C} ${ie}` : ie;
-          l.measureText(P).width > L ? (l.fillText(C, x / 2, X), C = ie, X += 30) : C = P;
+    if (q && I) {
+      a.save(), a.textAlign = "center", a.font = `700 ${f === "inkWash" ? "20" : "22"}px system-ui, -apple-system, sans-serif`;
+      const r = x * 0.78;
+      f !== "inkWash" && (a.shadowColor = c[0], a.shadowBlur = 15 + w * 20), a.fillStyle = `rgba(255, 255, 255, ${0.8 + w * 0.2})`;
+      const A = d * 0.85, D = I.text;
+      if (a.measureText(D).width > A) {
+        const V = D.split(" ");
+        let k = "", H = r;
+        for (const X of V) {
+          const G = k ? `${k} ${X}` : X;
+          a.measureText(G).width > A ? (a.fillText(k, d / 2, H), k = X, H += 30) : k = G;
         }
-        l.fillText(C, x / 2, X);
+        a.fillText(k, d / 2, H);
       } else
-        l.fillText(q, x / 2, r);
-      l.shadowBlur = 0, A.translation && (l.font = "400 13px system-ui, -apple-system, sans-serif", l.fillStyle = "rgba(255, 255, 255, 0.4)", l.fillText(A.translation, x / 2, r + 28)), l.restore();
+        a.fillText(D, d / 2, r);
+      a.shadowBlur = 0, I.translation && (a.font = "400 13px system-ui, -apple-system, sans-serif", a.fillStyle = "rgba(255, 255, 255, 0.4)", a.fillText(I.translation, d / 2, r + 28)), a.restore();
     }
-    l.save(), l.textAlign = "left", l.fillStyle = "rgba(255, 255, 255, 0.3)", l.font = "500 11px system-ui, -apple-system, sans-serif", l.fillText(d.title, 20, 28), l.fillStyle = "rgba(255, 255, 255, 0.15)", l.font = "400 10px system-ui, -apple-system, sans-serif", l.fillText(d.artist, 20, 44), l.textAlign = "right";
-    const H = Math.floor(O / 60), Ne = Math.floor(O % 60);
-    l.fillStyle = "rgba(255, 255, 255, 0.2)", l.font = "400 10px monospace", l.fillText(`${H}:${Ne.toString().padStart(2, "0")}`, x - 20, 28), l.restore();
-    const ve = d.duration > 0 ? O / d.duration : 0;
-    l.fillStyle = "rgba(255, 255, 255, 0.06)", l.fillRect(0, b - 3, x, 3);
-    const be = l.createLinearGradient(0, 0, x * ve, 0);
-    be.addColorStop(0, m[0]), be.addColorStop(1, m[1]), l.fillStyle = be, l.fillRect(0, b - 3, x * ve, 3), s.current = requestAnimationFrame(n);
-  }, [f, J, a, g, O, F, Y, d, A, W, G]);
+    a.save(), a.textAlign = "left", a.fillStyle = "rgba(255, 255, 255, 0.3)", a.font = "500 11px system-ui, -apple-system, sans-serif", a.fillText(b.title, 20, 28), a.fillStyle = "rgba(255, 255, 255, 0.15)", a.font = "400 10px system-ui, -apple-system, sans-serif", a.fillText(b.artist, 20, 44), a.textAlign = "right";
+    const re = Math.floor(B / 60), Ne = Math.floor(B % 60);
+    a.fillStyle = "rgba(255, 255, 255, 0.2)", a.font = "400 10px monospace", a.fillText(`${re}:${Ne.toString().padStart(2, "0")}`, d - 20, 28), a.restore();
+    const ve = b.duration > 0 ? B / b.duration : 0;
+    a.fillStyle = "rgba(255, 255, 255, 0.06)", a.fillRect(0, x - 3, d, 3);
+    const ue = a.createLinearGradient(0, 0, d * ve, 0);
+    ue.addColorStop(0, c[0]), ue.addColorStop(1, c[1]), a.fillStyle = ue, a.fillRect(0, x - 3, d * ve, 3), l.current = requestAnimationFrame(s);
+  }, [f, K, p, g, B, q, _, b, I, J, Z]);
   ye(() => {
-    if (z) {
-      N.current = [], M.current = 0;
-      const h = K.current;
+    if (M) {
+      N.current = [], S.current = 0;
+      const h = W.current;
       if (h) {
-        const l = h.getBoundingClientRect();
-        h.width = l.width * (window.devicePixelRatio > 1 ? 2 : 1), h.height = l.height * (window.devicePixelRatio > 1 ? 2 : 1);
+        const a = h.getBoundingClientRect();
+        h.width = a.width * (window.devicePixelRatio > 1 ? 2 : 1), h.height = a.height * (window.devicePixelRatio > 1 ? 2 : 1);
       }
-      s.current = requestAnimationFrame(n);
+      l.current = requestAnimationFrame(s);
     }
     return () => {
-      s.current && cancelAnimationFrame(s.current);
+      l.current && cancelAnimationFrame(l.current);
     };
-  }, [z, n]);
-  const v = E(() => {
-    if (!K.current) return;
+  }, [M, s]);
+  const v = P(() => {
+    if (!W.current) return;
     const h = document.createElement("a");
-    h.download = `d-music-mv-${d.title.replace(/\s+/g, "-").toLowerCase()}.png`, h.href = K.current.toDataURL("image/png"), h.click(), S == null || S("success");
-  }, [d.title, S]), te = E(() => {
-    var l;
-    const h = K.current;
-    h && (document.fullscreenElement ? document.exitFullscreen() : (l = h.requestFullscreen) == null || l.call(h).catch(() => {
-    }), S == null || S("medium"));
-  }, [S]);
-  return /* @__PURE__ */ e(Q, { children: z && /* @__PURE__ */ i($, { children: [
+    h.download = `d-music-mv-${b.title.replace(/\s+/g, "-").toLowerCase()}.png`, h.href = W.current.toDataURL("image/png"), h.click(), j?.("success");
+  }, [b.title, j]), te = P(() => {
+    const h = W.current;
+    h && (document.fullscreenElement ? document.exitFullscreen() : h.requestFullscreen?.().catch(() => {
+    }), j?.("medium"));
+  }, [j]);
+  return /* @__PURE__ */ e(F, { children: M && /* @__PURE__ */ i(z, { children: [
     /* @__PURE__ */ e(
-      p.div,
+      m.div,
       {
         initial: { opacity: 0 },
         animate: { opacity: 1 },
         exit: { opacity: 0 },
         className: "fixed inset-0 z-[62] bg-black/80 backdrop-blur-xl",
-        onClick: I
+        onClick: $
       }
     ),
     /* @__PURE__ */ i(
-      p.div,
+      m.div,
       {
         initial: { opacity: 0, scale: 0.92 },
         animate: { opacity: 1, scale: 1 },
@@ -2005,16 +1999,16 @@ const Et = ({
         children: [
           /* @__PURE__ */ i("div", { className: "flex items-center justify-between px-5 py-3 border-b border-white/[0.06] flex-shrink-0", children: [
             /* @__PURE__ */ i("div", { className: "flex items-center gap-3", children: [
-              /* @__PURE__ */ e("div", { className: "w-8 h-8 rounded-lg bg-gradient-to-tr from-cyan-500/20 to-purple-500/20 border border-white/10 flex items-center justify-center", children: /* @__PURE__ */ e(Ge, { className: "w-4 h-4 text-cyan-400" }) }),
+              /* @__PURE__ */ e("div", { className: "w-8 h-8 rounded-lg bg-gradient-to-tr from-cyan-500/20 to-purple-500/20 border border-white/10 flex items-center justify-center", children: /* @__PURE__ */ e(De, { className: "w-4 h-4 text-cyan-400" }) }),
               /* @__PURE__ */ i("div", { children: [
                 /* @__PURE__ */ i("h3", { className: "text-white font-semibold text-sm leading-tight flex items-center gap-1.5", children: [
-                  T === "zh" ? "MV 创作" : "MV Creator",
-                  j && j.length > 0 && /* @__PURE__ */ e("span", { className: "text-[9px] font-normal px-1.5 py-0.5 rounded-full bg-cyan-500/15 border border-cyan-500/25 text-cyan-300", children: T === "zh" ? "作品歌词" : "Work Lyrics" })
+                  O === "zh" ? "MV 创作" : "MV Creator",
+                  T && T.length > 0 && /* @__PURE__ */ e("span", { className: "text-[9px] font-normal px-1.5 py-0.5 rounded-full bg-cyan-500/15 border border-cyan-500/25 text-cyan-300", children: O === "zh" ? "作品歌词" : "Work Lyrics" })
                 ] }),
                 /* @__PURE__ */ i("p", { className: "text-white/30 text-[10px]", children: [
-                  d.title,
+                  b.title,
                   " — ",
-                  d.artist
+                  b.artist
                 ] })
               ] })
             ] }),
@@ -2023,15 +2017,15 @@ const Et = ({
                 "flex items-center gap-1.5 px-2 py-1 rounded-full text-[10px]",
                 g ? "bg-green-500/10 text-green-400" : "bg-white/5 text-white/30"
               ), children: [
-                g ? /* @__PURE__ */ e(vt, { className: "w-3 h-3" }) : /* @__PURE__ */ e(kt, { className: "w-3 h-3" }),
-                g ? T === "zh" ? "播放中" : "Playing" : T === "zh" ? "已暂停" : "Paused"
+                g ? /* @__PURE__ */ e(yt, { className: "w-3 h-3" }) : /* @__PURE__ */ e(Nt, { className: "w-3 h-3" }),
+                g ? O === "zh" ? "播放中" : "Playing" : O === "zh" ? "已暂停" : "Paused"
               ] }),
               /* @__PURE__ */ e(
                 "button",
                 {
-                  onClick: I,
+                  onClick: $,
                   className: "p-2 rounded-lg text-white/40 hover:text-white/70 hover:bg-white/5 transition-colors",
-                  children: /* @__PURE__ */ e(re, { className: "w-4 h-4" })
+                  children: /* @__PURE__ */ e(ae, { className: "w-4 h-4" })
                 }
               )
             ] })
@@ -2040,7 +2034,7 @@ const Et = ({
             /* @__PURE__ */ e(
               "canvas",
               {
-                ref: K,
+                ref: W,
                 className: "w-full h-full",
                 style: { display: "block" }
               }
@@ -2051,8 +2045,8 @@ const Et = ({
                 {
                   onClick: v,
                   className: "p-2 rounded-lg bg-black/50 backdrop-blur-sm border border-white/10 text-white/50 hover:text-white hover:bg-black/70 transition-colors",
-                  title: T === "zh" ? "截图" : "Screenshot",
-                  children: /* @__PURE__ */ e(Ct, { className: "w-4 h-4" })
+                  title: O === "zh" ? "截图" : "Screenshot",
+                  children: /* @__PURE__ */ e(vt, { className: "w-4 h-4" })
                 }
               ),
               /* @__PURE__ */ e(
@@ -2060,18 +2054,18 @@ const Et = ({
                 {
                   onClick: te,
                   className: "p-2 rounded-lg bg-black/50 backdrop-blur-sm border border-white/10 text-white/50 hover:text-white hover:bg-black/70 transition-colors",
-                  title: T === "zh" ? "全屏" : "Fullscreen",
-                  children: /* @__PURE__ */ e(St, { className: "w-4 h-4" })
+                  title: O === "zh" ? "全屏" : "Fullscreen",
+                  children: /* @__PURE__ */ e(kt, { className: "w-4 h-4" })
                 }
               )
             ] })
           ] }),
           /* @__PURE__ */ e("div", { className: "px-5 py-3 border-t border-white/[0.06] flex-shrink-0", children: /* @__PURE__ */ i("div", { className: "flex items-center gap-4 flex-wrap", children: [
-            /* @__PURE__ */ e("div", { className: "flex items-center gap-1.5", children: De.map((h) => /* @__PURE__ */ i(
+            /* @__PURE__ */ e("div", { className: "flex items-center gap-1.5", children: Ee.map((h) => /* @__PURE__ */ i(
               "button",
               {
                 onClick: () => {
-                  U(h.id), N.current = [], S == null || S("selection");
+                  U(h.id), N.current = [], j?.("selection");
                 },
                 className: y(
                   "px-2.5 py-1.5 rounded-lg border text-[10px] transition-all flex items-center gap-1",
@@ -2079,7 +2073,7 @@ const Et = ({
                 ),
                 children: [
                   /* @__PURE__ */ e("span", { children: h.emoji }),
-                  /* @__PURE__ */ e("span", { className: "hidden sm:inline", children: T === "zh" ? h.labelZh : h.labelEn })
+                  /* @__PURE__ */ e("span", { className: "hidden sm:inline", children: O === "zh" ? h.labelZh : h.labelEn })
                 ]
               },
               h.id
@@ -2088,36 +2082,36 @@ const Et = ({
             /* @__PURE__ */ e(
               "button",
               {
-                onClick: () => D((h) => !h),
+                onClick: () => L((h) => !h),
                 className: y(
                   "px-2.5 py-1.5 rounded-lg border text-[10px] transition-all",
-                  F ? "bg-purple-500/15 border-purple-500/30 text-purple-300" : "bg-white/[0.02] border-white/[0.06] text-white/30"
+                  q ? "bg-purple-500/15 border-purple-500/30 text-purple-300" : "bg-white/[0.02] border-white/[0.06] text-white/30"
                 ),
-                children: T === "zh" ? "歌词" : "Lyrics"
+                children: O === "zh" ? "歌词" : "Lyrics"
               }
             ),
             /* @__PURE__ */ i("div", { className: "flex items-center gap-1.5", children: [
               /* @__PURE__ */ e(
                 "button",
                 {
-                  onClick: () => B((h) => Math.max(0.2, h - 0.2)),
+                  onClick: () => E((h) => Math.max(0.2, h - 0.2)),
                   className: "p-1 rounded text-white/30 hover:text-white/60 transition-colors",
-                  children: /* @__PURE__ */ e(Ie, { className: "w-3 h-3" })
+                  children: /* @__PURE__ */ e(Te, { className: "w-3 h-3" })
                 }
               ),
               /* @__PURE__ */ e("div", { className: "w-16 h-1.5 rounded-full bg-white/10 overflow-hidden", children: /* @__PURE__ */ e(
                 "div",
                 {
                   className: "h-full rounded-full bg-gradient-to-r from-cyan-500 to-purple-500 transition-all",
-                  style: { width: `${Y * 100}%` }
+                  style: { width: `${_ * 100}%` }
                 }
               ) }),
               /* @__PURE__ */ e(
                 "button",
                 {
-                  onClick: () => B((h) => Math.min(1, h + 0.2)),
+                  onClick: () => E((h) => Math.min(1, h + 0.2)),
                   className: "p-1 rounded text-white/30 hover:text-white/60 transition-colors",
-                  children: /* @__PURE__ */ e(pe, { className: "w-3 h-3" })
+                  children: /* @__PURE__ */ e(xe, { className: "w-3 h-3" })
                 }
               )
             ] })
@@ -2128,9 +2122,9 @@ const Et = ({
   ] }) });
 };
 export {
-  Wt as AIAssistant,
-  Dt as AILyricsGenerator,
-  Gt as CreationStudio,
+  Pt as AIAssistant,
+  Ot as AILyricsGenerator,
+  Wt as CreationStudio,
   Et as MVCreator
 };
 //# sourceMappingURL=index.js.map