@yyc3/music-growth 1.0.0 → 2.0.1

package/dist/index.js

@@ -1,75 +1,75 @@
-import { jsx as e, jsxs as t, Fragment as Z } from "react/jsx-runtime";
-import { useState as h, useCallback as B, useEffect as K, useRef as Re } from "react";
-import { AnimatePresence as W, motion as g } from "motion/react";
-import { Star as U, X as Q, Gift as we, ChevronRight as se, Award as Se, Calendar as ze, Sparkles as G, TrendingUp as V, Zap as oe, ShoppingBag as ne, Package as Pe, Palette as $e, Music as q, Check as ue, AlertCircle as We, Trophy as J, Info as Me, RefreshCw as De, Crown as Fe, Medal as Ne, Play as Ie, Heart as H, MessageCircle as Oe, Rocket as Be, Minus as Ze, ArrowUp as Ue, ArrowDown as _e, Flame as Je, Users as ye, BarChart3 as Ge, ExternalLink as Ye, ArrowLeft as qe, GitFork as ve, GitBranch as ke } from "lucide-react";
-import { clsx as N } from "clsx";
-import { apiFetch as E } from "@yyc3/music-utils";
-import { useI18n as Y } from "@yyc3/music-hooks";
-import { DEMO_PLAYLIST as He } from "@yyc3/music-data";
-import { ImageWithFallback as Ve } from "@yyc3/music-ui";
-const Ke = {
+import { jsx as e, jsxs as t, Fragment as B } from "react/jsx-runtime";
+import { useState as c, useCallback as O, useEffect as H, useRef as Te } from "react";
+import { AnimatePresence as D, motion as b } from "motion/react";
+import { Star as Z, X as V, Gift as fe, ChevronRight as se, Award as ke, Calendar as Ce, Sparkles as _, TrendingUp as q, Zap as oe, ShoppingBag as ne, Package as Ae, Palette as Pe, Music as G, Check as ge, AlertCircle as Re, Trophy as U, Info as $e, RefreshCw as De, Crown as We, Medal as we, Play as Se, Heart as Y, MessageCircle as Me, Rocket as Fe, Minus as Oe, ArrowUp as Be, ArrowDown as Ze, Flame as Ue, Users as ue, BarChart3 as _e, ExternalLink as Je, ArrowLeft as Ge, GitFork as Ne, GitBranch as ye } from "lucide-react";
+import { clsx as u } from "clsx";
+import { apiFetch as I } from "@yyc3/music-utils";
+import { useI18n as J } from "@yyc3/music-hooks";
+import { DEMO_PLAYLIST as Ye } from "@yyc3/music-data";
+import { ImageWithFallback as qe } from "@yyc3/music-ui";
+const He = {
   daily_checkin: { zh: "每日签到", en: "Daily Check-in" },
   like: { zh: "歌曲点赞", en: "Song Like" },
   annotation: { zh: "情感标注", en: "Emotion Annotation" },
   achievement: { zh: "成就解锁", en: "Achievement Unlocked" },
   welcome: { zh: "注册奖励", en: "Welcome Bonus" }
-}, pt = ({
-  isOpen: m,
-  onClose: b,
-  user: r,
-  starPower: f,
-  onStarPowerUpdate: z,
-  onOpenShop: d
+}, mt = ({
+  isOpen: d,
+  onClose: p,
+  user: i,
+  starPower: g,
+  onStarPowerUpdate: S,
+  onOpenShop: h
 }) => {
-  const { t: i, lang: x } = Y(), [p, M] = h(null), [y, D] = h([]), [L, P] = h(!1), [A, $] = h(0), [T, u] = h([]), [k, I] = h(!1), [R, n] = h(null), [s, v] = h(!1), l = B(async () => {
-    if (r) {
-      I(!0);
+  const { t: r, lang: m } = J(), [x, W] = c(null), [N, M] = c([]), [j, P] = c(!1), [T, R] = c(0), [E, w] = c([]), [v, z] = c(!1), [A, n] = c(null), [s, k] = c(!1), l = O(async () => {
+    if (i) {
+      z(!0);
       try {
-        const [o, j] = await Promise.all([
-          E(`/starpower/${r.id}/level`),
-          E(`/starpower/${r.id}/transactions`)
+        const [o, L] = await Promise.all([
+          I(`/starpower/${i.id}/level`),
+          I(`/starpower/${i.id}/transactions`)
         ]);
-        o && (M(o.vipLevel), D(o.allLevels || []), P(o.checkedInToday || !1), $(o.streak || 0)), j != null && j.transactions && u(j.transactions);
+        o && (W(o.vipLevel), M(o.allLevels || []), P(o.checkedInToday || !1), R(o.streak || 0)), L?.transactions && w(L.transactions);
       } catch (o) {
         console.error("StarPower fetch error:", o);
       } finally {
-        I(!1);
+        z(!1);
       }
     }
-  }, [r]);
-  K(() => {
-    m && r && l();
-  }, [m, r, l]);
-  const c = async () => {
-    if (!(!r || L))
+  }, [i]);
+  H(() => {
+    d && i && l();
+  }, [d, i, l]);
+  const f = async () => {
+    if (!(!i || j))
       try {
-        const o = await E(`/starpower/${r.id}/checkin`, {
+        const o = await I(`/starpower/${i.id}/checkin`, {
           method: "POST",
           headers: { "Content-Type": "application/json" },
           body: JSON.stringify({})
         });
-        o != null && o.success ? (P(!0), $(o.streak), n({ reward: o.reward, streak: o.streak }), z(o.starPower), setTimeout(() => n(null), 3e3), l()) : o != null && o.alreadyCheckedIn && P(!0);
+        o?.success ? (P(!0), R(o.streak), n({ reward: o.reward, streak: o.streak }), S(o.starPower), setTimeout(() => n(null), 3e3), l()) : o?.alreadyCheckedIn && P(!0);
       } catch (o) {
         console.error("Check-in error:", o);
       }
-  }, C = p != null && p.nextThreshold ? (f - p.threshold) / (p.nextThreshold - p.threshold) * 100 : 100;
-  function O(o) {
-    const j = Date.now() - o;
-    return j < 6e4 ? x === "zh" ? "刚刚" : "just now" : j < 36e5 ? `${Math.floor(j / 6e4)}${x === "zh" ? "分钟前" : "m ago"}` : j < 864e5 ? `${Math.floor(j / 36e5)}${x === "zh" ? "小时前" : "h ago"}` : `${Math.floor(j / 864e5)}${x === "zh" ? "天前" : "d ago"}`;
+  }, C = x?.nextThreshold ? (g - x.threshold) / (x.nextThreshold - x.threshold) * 100 : 100;
+  function F(o) {
+    const L = Date.now() - o;
+    return L < 6e4 ? m === "zh" ? "刚刚" : "just now" : L < 36e5 ? `${Math.floor(L / 6e4)}${m === "zh" ? "分钟前" : "m ago"}` : L < 864e5 ? `${Math.floor(L / 36e5)}${m === "zh" ? "小时前" : "h ago"}` : `${Math.floor(L / 864e5)}${m === "zh" ? "天前" : "d ago"}`;
   }
-  return /* @__PURE__ */ e(W, { children: m && /* @__PURE__ */ t(Z, { children: [
+  return /* @__PURE__ */ e(D, { children: d && /* @__PURE__ */ t(B, { children: [
     /* @__PURE__ */ e(
-      g.div,
+      b.div,
       {
         initial: { opacity: 0 },
         animate: { opacity: 1 },
         exit: { opacity: 0 },
         className: "fixed inset-0 z-[60] bg-black/50 backdrop-blur-sm",
-        onClick: b
+        onClick: p
       }
     ),
     /* @__PURE__ */ t(
-      g.div,
+      b.div,
       {
         initial: { x: "100%", opacity: 0 },
         animate: { x: 0, opacity: 1 },
@@ -79,106 +79,106 @@ const Ke = {
         children: [
           /* @__PURE__ */ t("div", { className: "flex items-center justify-between p-5 border-b border-white/[0.06] flex-shrink-0", children: [
             /* @__PURE__ */ t("div", { className: "flex items-center gap-3", children: [
-              /* @__PURE__ */ e("div", { className: "w-9 h-9 rounded-xl bg-gradient-to-tr from-yellow-500/20 to-orange-500/20 border border-white/10 flex items-center justify-center", children: /* @__PURE__ */ e(U, { className: "w-4.5 h-4.5 text-yellow-400 fill-yellow-400" }) }),
+              /* @__PURE__ */ e("div", { className: "w-9 h-9 rounded-xl bg-gradient-to-tr from-yellow-500/20 to-orange-500/20 border border-white/10 flex items-center justify-center", children: /* @__PURE__ */ e(Z, { className: "w-4.5 h-4.5 text-yellow-400 fill-yellow-400" }) }),
               /* @__PURE__ */ t("div", { children: [
-                /* @__PURE__ */ e("h3", { className: "text-white font-semibold text-sm leading-tight", children: i("starpower.title") }),
-                /* @__PURE__ */ e("p", { className: "text-white/30 text-xs", children: i("starpower.subtitle") })
+                /* @__PURE__ */ e("h3", { className: "text-white font-semibold text-sm leading-tight", children: r("starpower.title") }),
+                /* @__PURE__ */ e("p", { className: "text-white/30 text-xs", children: r("starpower.subtitle") })
               ] })
             ] }),
-            /* @__PURE__ */ e("button", { onClick: b, className: "p-2 rounded-lg text-white/40 hover:text-white/70 hover:bg-white/5 transition-colors", children: /* @__PURE__ */ e(Q, { className: "w-4 h-4" }) })
+            /* @__PURE__ */ e("button", { onClick: p, className: "p-2 rounded-lg text-white/40 hover:text-white/70 hover:bg-white/5 transition-colors", children: /* @__PURE__ */ e(V, { className: "w-4 h-4" }) })
           ] }),
-          r ? /* @__PURE__ */ t("div", { className: "flex-1 overflow-y-auto p-4", style: { scrollbarWidth: "none" }, children: [
+          i ? /* @__PURE__ */ t("div", { className: "flex-1 overflow-y-auto p-4", style: { scrollbarWidth: "none" }, children: [
             /* @__PURE__ */ t("div", { className: "relative p-5 rounded-2xl bg-gradient-to-br from-yellow-500/10 via-orange-500/5 to-purple-500/10 border border-yellow-500/15 mb-4 overflow-hidden", children: [
               /* @__PURE__ */ e("div", { className: "absolute -top-10 -right-10 w-32 h-32 bg-yellow-500/10 rounded-full blur-2xl" }),
               /* @__PURE__ */ t("div", { className: "relative", children: [
-                /* @__PURE__ */ e("p", { className: "text-xs text-yellow-200/50 uppercase tracking-wider mb-1", children: i("starpower.balance") }),
+                /* @__PURE__ */ e("p", { className: "text-xs text-yellow-200/50 uppercase tracking-wider mb-1", children: r("starpower.balance") }),
                 /* @__PURE__ */ t("div", { className: "flex items-baseline gap-2", children: [
-                  /* @__PURE__ */ e("span", { className: "text-3xl font-bold text-transparent bg-clip-text bg-gradient-to-r from-yellow-300 to-orange-400 font-mono tabular-nums", children: f.toLocaleString() }),
+                  /* @__PURE__ */ e("span", { className: "text-3xl font-bold text-transparent bg-clip-text bg-gradient-to-r from-yellow-300 to-orange-400 font-mono tabular-nums", children: g.toLocaleString() }),
                   /* @__PURE__ */ e("span", { className: "text-xs text-yellow-300/40", children: "SP" })
                 ] }),
-                p && /* @__PURE__ */ t("div", { className: "flex items-center gap-2 mt-2", children: [
+                x && /* @__PURE__ */ t("div", { className: "flex items-center gap-2 mt-2", children: [
                   /* @__PURE__ */ e(
                     "span",
                     {
                       className: "text-xs font-medium px-2 py-0.5 rounded-full border",
-                      style: { color: p.color, borderColor: p.color + "40", backgroundColor: p.color + "15" },
-                      children: x === "zh" ? p.label : p.labelEn
+                      style: { color: x.color, borderColor: x.color + "40", backgroundColor: x.color + "15" },
+                      children: m === "zh" ? x.label : x.labelEn
                     }
                   ),
                   /* @__PURE__ */ t("span", { className: "text-[10px] text-white/20", children: [
                     "Lv.",
-                    p.level
+                    x.level
                   ] })
                 ] })
               ] })
             ] }),
-            d && /* @__PURE__ */ t(
+            h && /* @__PURE__ */ t(
               "button",
               {
                 onClick: () => {
-                  b(), setTimeout(d, 150);
+                  p(), setTimeout(h, 150);
                 },
                 className: "w-full mb-4 flex items-center justify-between p-3 rounded-xl bg-gradient-to-r from-amber-500/[0.06] to-orange-500/[0.06] border border-amber-500/15 hover:border-amber-500/30 transition-all group",
                 children: [
                   /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
-                    /* @__PURE__ */ e(we, { className: "w-4 h-4 text-amber-400" }),
-                    /* @__PURE__ */ e("span", { className: "text-xs text-white/60 group-hover:text-white/80 transition-colors", children: x === "zh" ? "星力商城 — 兑换虚拟好物" : "SP Shop — Redeem virtual items" })
+                    /* @__PURE__ */ e(fe, { className: "w-4 h-4 text-amber-400" }),
+                    /* @__PURE__ */ e("span", { className: "text-xs text-white/60 group-hover:text-white/80 transition-colors", children: m === "zh" ? "星力商城 — 兑换虚拟好物" : "SP Shop — Redeem virtual items" })
                   ] }),
                   /* @__PURE__ */ e(se, { className: "w-3.5 h-3.5 text-white/20 group-hover:text-white/40 transition-colors" })
                 ]
               }
             ),
-            p && /* @__PURE__ */ t("div", { className: "mb-4 p-3 rounded-xl bg-white/[0.02] border border-white/[0.06]", children: [
+            x && /* @__PURE__ */ t("div", { className: "mb-4 p-3 rounded-xl bg-white/[0.02] border border-white/[0.06]", children: [
               /* @__PURE__ */ t("div", { className: "flex items-center justify-between mb-2", children: [
-                /* @__PURE__ */ e("span", { className: "text-xs text-white/40", children: i("starpower.vipLevel") }),
-                p.nextThreshold ? /* @__PURE__ */ t("span", { className: "text-[10px] text-white/25", children: [
-                  i("starpower.needMore"),
+                /* @__PURE__ */ e("span", { className: "text-xs text-white/40", children: r("starpower.vipLevel") }),
+                x.nextThreshold ? /* @__PURE__ */ t("span", { className: "text-[10px] text-white/25", children: [
+                  r("starpower.needMore"),
                   " ",
-                  (p.nextThreshold - f).toLocaleString(),
+                  (x.nextThreshold - g).toLocaleString(),
                   " ",
-                  i("starpower.spMore")
-                ] }) : /* @__PURE__ */ e("span", { className: "text-[10px] text-yellow-400/50", children: i("starpower.maxLevel") })
+                  r("starpower.spMore")
+                ] }) : /* @__PURE__ */ e("span", { className: "text-[10px] text-yellow-400/50", children: r("starpower.maxLevel") })
               ] }),
               /* @__PURE__ */ e("div", { className: "h-2 rounded-full bg-white/[0.06] overflow-hidden", children: /* @__PURE__ */ e(
-                g.div,
+                b.div,
                 {
                   initial: { width: 0 },
                   animate: { width: `${Math.min(C, 100)}%` },
                   transition: { duration: 0.8, ease: "easeOut" },
                   className: "h-full rounded-full",
-                  style: { background: `linear-gradient(90deg, ${p.color}80, ${p.color})` }
+                  style: { background: `linear-gradient(90deg, ${x.color}80, ${x.color})` }
                 }
               ) }),
               /* @__PURE__ */ t(
                 "button",
                 {
-                  onClick: () => v(!s),
+                  onClick: () => k(!s),
                   className: "flex items-center gap-1 mt-2 text-[10px] text-white/20 hover:text-white/40 transition-colors",
                   children: [
-                    /* @__PURE__ */ e(Se, { className: "w-3 h-3" }),
-                    i("starpower.allLevels"),
-                    /* @__PURE__ */ e(se, { className: N("w-3 h-3 transition-transform", s && "rotate-90") })
+                    /* @__PURE__ */ e(ke, { className: "w-3 h-3" }),
+                    r("starpower.allLevels"),
+                    /* @__PURE__ */ e(se, { className: u("w-3 h-3 transition-transform", s && "rotate-90") })
                   ]
                 }
               ),
-              /* @__PURE__ */ e(W, { children: s && /* @__PURE__ */ e(
-                g.div,
+              /* @__PURE__ */ e(D, { children: s && /* @__PURE__ */ e(
+                b.div,
                 {
                   initial: { height: 0, opacity: 0 },
                   animate: { height: "auto", opacity: 1 },
                   exit: { height: 0, opacity: 0 },
                   className: "overflow-hidden mt-2",
-                  children: /* @__PURE__ */ e("div", { className: "space-y-1", children: y.map((o) => /* @__PURE__ */ t(
+                  children: /* @__PURE__ */ e("div", { className: "space-y-1", children: N.map((o) => /* @__PURE__ */ t(
                     "div",
                     {
-                      className: N(
+                      className: u(
                         "flex items-center justify-between px-2 py-1 rounded-lg text-[11px]",
-                        f >= o.threshold ? "bg-white/[0.03]" : "opacity-40"
+                        g >= o.threshold ? "bg-white/[0.03]" : "opacity-40"
                       ),
                       children: [
                         /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
                           /* @__PURE__ */ e("div", { className: "w-2 h-2 rounded-full", style: { backgroundColor: o.color } }),
-                          /* @__PURE__ */ e("span", { className: "text-white/60", children: x === "zh" ? o.label : o.labelEn })
+                          /* @__PURE__ */ e("span", { className: "text-white/60", children: m === "zh" ? o.label : o.labelEn })
                         ] }),
                         /* @__PURE__ */ t("div", { className: "flex items-center gap-3", children: [
                           /* @__PURE__ */ t("span", { className: "text-white/25 font-mono tabular-nums", children: [
@@ -201,50 +201,50 @@ const Ke = {
             /* @__PURE__ */ t("div", { className: "mb-4 p-3 rounded-xl bg-white/[0.02] border border-white/[0.06]", children: [
               /* @__PURE__ */ t("div", { className: "flex items-center justify-between", children: [
                 /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ e(ze, { className: "w-4 h-4 text-orange-400" }),
+                  /* @__PURE__ */ e(Ce, { className: "w-4 h-4 text-orange-400" }),
                   /* @__PURE__ */ t("div", { children: [
-                    /* @__PURE__ */ e("p", { className: "text-xs text-white/60", children: i("starpower.checkin") }),
+                    /* @__PURE__ */ e("p", { className: "text-xs text-white/60", children: r("starpower.checkin") }),
                     /* @__PURE__ */ t("p", { className: "text-[10px] text-white/25", children: [
-                      i("starpower.streak"),
+                      r("starpower.streak"),
                       ": ",
-                      A,
+                      T,
                       " ",
-                      x === "zh" ? "天" : "days"
+                      m === "zh" ? "天" : "days"
                     ] })
                   ] })
                 ] }),
                 /* @__PURE__ */ e(
                   "button",
                   {
-                    onClick: c,
-                    disabled: L,
-                    className: N(
+                    onClick: f,
+                    disabled: j,
+                    className: u(
                       "px-4 py-2 rounded-xl text-xs font-medium transition-all",
-                      L ? "bg-emerald-500/10 text-emerald-300 border border-emerald-500/20 cursor-default" : "bg-gradient-to-r from-yellow-500/20 to-orange-500/20 text-yellow-300 border border-yellow-500/20 hover:from-yellow-500/30 hover:to-orange-500/30"
+                      j ? "bg-emerald-500/10 text-emerald-300 border border-emerald-500/20 cursor-default" : "bg-gradient-to-r from-yellow-500/20 to-orange-500/20 text-yellow-300 border border-yellow-500/20 hover:from-yellow-500/30 hover:to-orange-500/30"
                     ),
-                    children: i(L ? "starpower.checkinDone" : "starpower.checkin")
+                    children: r(j ? "starpower.checkinDone" : "starpower.checkin")
                   }
                 )
               ] }),
-              /* @__PURE__ */ e(W, { children: R && /* @__PURE__ */ e(
-                g.div,
+              /* @__PURE__ */ e(D, { children: A && /* @__PURE__ */ e(
+                b.div,
                 {
                   initial: { height: 0, opacity: 0 },
                   animate: { height: "auto", opacity: 1 },
                   exit: { height: 0, opacity: 0 },
                   className: "overflow-hidden",
                   children: /* @__PURE__ */ t("div", { className: "mt-3 p-2 rounded-lg bg-yellow-500/10 border border-yellow-500/15 flex items-center gap-2", children: [
-                    /* @__PURE__ */ e(G, { className: "w-4 h-4 text-yellow-400 flex-shrink-0" }),
+                    /* @__PURE__ */ e(_, { className: "w-4 h-4 text-yellow-400 flex-shrink-0" }),
                     /* @__PURE__ */ t("span", { className: "text-xs text-yellow-200", children: [
-                      i("starpower.checkinReward"),
+                      r("starpower.checkinReward"),
                       " +",
-                      R.reward,
+                      A.reward,
                       " SP",
-                      R.streak > 1 && /* @__PURE__ */ t("span", { className: "text-yellow-300/50", children: [
+                      A.streak > 1 && /* @__PURE__ */ t("span", { className: "text-yellow-300/50", children: [
                         " (",
-                        i("starpower.streak"),
+                        r("starpower.streak"),
                         " ×",
-                        R.streak,
+                        A.streak,
                         ")"
                       ] })
                     ] })
@@ -254,32 +254,31 @@ const Ke = {
             ] }),
             /* @__PURE__ */ t("div", { children: [
               /* @__PURE__ */ t("h4", { className: "text-xs font-medium text-white/30 uppercase tracking-wider mb-3 flex items-center gap-2", children: [
-                /* @__PURE__ */ e(V, { className: "w-3.5 h-3.5" }),
-                i("starpower.transactions")
+                /* @__PURE__ */ e(q, { className: "w-3.5 h-3.5" }),
+                r("starpower.transactions")
               ] }),
-              T.length === 0 ? /* @__PURE__ */ t("div", { className: "text-center py-8 bg-white/[0.01] rounded-xl border border-white/[0.04]", children: [
-                /* @__PURE__ */ e(we, { className: "w-8 h-8 text-white/10 mx-auto mb-2" }),
-                /* @__PURE__ */ e("p", { className: "text-xs text-white/20", children: i("starpower.noTransactions") })
-              ] }) : /* @__PURE__ */ e("div", { className: "space-y-1", children: T.slice(0, 20).map((o) => {
-                var _;
-                const j = ((_ = Ke[o.reason]) == null ? void 0 : _[x]) || o.reason;
+              E.length === 0 ? /* @__PURE__ */ t("div", { className: "text-center py-8 bg-white/[0.01] rounded-xl border border-white/[0.04]", children: [
+                /* @__PURE__ */ e(fe, { className: "w-8 h-8 text-white/10 mx-auto mb-2" }),
+                /* @__PURE__ */ e("p", { className: "text-xs text-white/20", children: r("starpower.noTransactions") })
+              ] }) : /* @__PURE__ */ e("div", { className: "space-y-1", children: E.slice(0, 20).map((o) => {
+                const L = He[o.reason]?.[m] || o.reason;
                 return /* @__PURE__ */ t("div", { className: "flex items-center justify-between py-2 px-2 rounded-lg hover:bg-white/[0.02] transition-colors", children: [
                   /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
-                    /* @__PURE__ */ e("div", { className: N(
+                    /* @__PURE__ */ e("div", { className: u(
                       "w-6 h-6 rounded-full flex items-center justify-center",
                       o.type === "earn" ? "bg-emerald-500/10" : "bg-red-500/10"
-                    ), children: o.type === "earn" ? /* @__PURE__ */ e(V, { className: "w-3 h-3 text-emerald-400" }) : /* @__PURE__ */ e(oe, { className: "w-3 h-3 text-red-400" }) }),
+                    ), children: o.type === "earn" ? /* @__PURE__ */ e(q, { className: "w-3 h-3 text-emerald-400" }) : /* @__PURE__ */ e(oe, { className: "w-3 h-3 text-red-400" }) }),
                     /* @__PURE__ */ t("div", { children: [
-                      /* @__PURE__ */ e("p", { className: "text-[11px] text-white/60", children: j }),
+                      /* @__PURE__ */ e("p", { className: "text-[11px] text-white/60", children: L }),
                       /* @__PURE__ */ t("p", { className: "text-[9px] text-white/15", children: [
                         o.detail,
                         " · ",
-                        O(o.timestamp)
+                        F(o.timestamp)
                       ] })
                     ] })
                   ] }),
                   /* @__PURE__ */ t("div", { className: "text-right", children: [
-                    /* @__PURE__ */ t("p", { className: N(
+                    /* @__PURE__ */ t("p", { className: u(
                       "text-xs font-mono tabular-nums font-medium",
                       o.type === "earn" ? "text-emerald-400" : "text-red-400"
                     ), children: [
@@ -294,79 +293,79 @@ const Ke = {
                 ] }, o.id);
               }) })
             ] })
-          ] }) : /* @__PURE__ */ e("div", { className: "flex-1 flex items-center justify-center", children: /* @__PURE__ */ e("p", { className: "text-white/30 text-sm", children: i("starpower.signInRequired") }) })
+          ] }) : /* @__PURE__ */ e("div", { className: "flex-1 flex items-center justify-center", children: /* @__PURE__ */ e("p", { className: "text-white/30 text-sm", children: r("starpower.signInRequired") }) })
         ]
       }
     )
   ] }) });
-}, Qe = [
+}, Ve = [
   { id: "all", labelZh: "全部", labelEn: "All", icon: ne },
-  { id: "theme", labelZh: "主题", labelEn: "Themes", icon: $e },
-  { id: "sound", labelZh: "音色", labelEn: "Sounds", icon: q },
-  { id: "ai", labelZh: "AI", labelEn: "AI", icon: G },
-  { id: "badge", labelZh: "徽章", labelEn: "Badges", icon: U },
+  { id: "theme", labelZh: "主题", labelEn: "Themes", icon: Pe },
+  { id: "sound", labelZh: "音色", labelEn: "Sounds", icon: G },
+  { id: "ai", labelZh: "AI", labelEn: "AI", icon: _ },
+  { id: "badge", labelZh: "徽章", labelEn: "Badges", icon: Z },
   { id: "boost", labelZh: "加速", labelEn: "Boost", icon: oe }
-], Ce = {
+], ve = {
   common: { bg: "from-gray-500/10 to-gray-600/10", border: "border-gray-500/20", text: "text-gray-400", label: "普通", labelEn: "Common" },
   rare: { bg: "from-blue-500/10 to-cyan-500/10", border: "border-blue-500/20", text: "text-blue-400", label: "稀有", labelEn: "Rare" },
   epic: { bg: "from-purple-500/10 to-pink-500/10", border: "border-purple-500/20", text: "text-purple-400", label: "史诗", labelEn: "Epic" },
   legendary: { bg: "from-amber-500/10 to-orange-500/10", border: "border-amber-500/20", text: "text-amber-400", label: "传说", labelEn: "Legendary" }
-}, bt = ({
-  isOpen: m,
-  onClose: b,
-  user: r,
-  starPower: f,
-  onStarPowerUpdate: z
+}, xt = ({
+  isOpen: d,
+  onClose: p,
+  user: i,
+  starPower: g,
+  onStarPowerUpdate: S
 }) => {
-  const { lang: d } = Y(), [i, x] = h([]), [p, M] = h([]), [y, D] = h("all"), [L, P] = h(!1), [A, $] = h(null), [T, u] = h(null), [k, I] = h(null), R = B(async () => {
-    if (r) {
+  const { lang: h } = J(), [r, m] = c([]), [x, W] = c([]), [N, M] = c("all"), [j, P] = c(!1), [T, R] = c(null), [E, w] = c(null), [v, z] = c(null), A = O(async () => {
+    if (i) {
       P(!0);
       try {
-        const [l, c] = await Promise.all([
-          E("/starpower/shop/items"),
-          E(`/starpower/shop/inventory/${r.id}`)
+        const [l, f] = await Promise.all([
+          I("/starpower/shop/items"),
+          I(`/starpower/shop/inventory/${i.id}`)
         ]);
-        l != null && l.items && x(l.items), c != null && c.inventory && M(c.inventory);
+        l?.items && m(l.items), f?.inventory && W(f.inventory);
       } catch (l) {
         console.error("Shop fetch error:", l);
       } finally {
         P(!1);
       }
     }
-  }, [r]);
-  K(() => {
-    m && r && R();
-  }, [m, r, R]);
-  const n = (l) => p.some((c) => c.itemId === l), s = async (l) => {
-    if (!(!r || A)) {
-      $(l.id), u(null);
+  }, [i]);
+  H(() => {
+    d && i && A();
+  }, [d, i, A]);
+  const n = (l) => x.some((f) => f.itemId === l), s = async (l) => {
+    if (!(!i || T)) {
+      R(l.id), w(null);
       try {
-        const c = await E("/starpower/shop/purchase", {
+        const f = await I("/starpower/shop/purchase", {
           method: "POST",
           headers: { "Content-Type": "application/json" },
-          body: JSON.stringify({ userId: r.id, itemId: l.id })
+          body: JSON.stringify({ userId: i.id, itemId: l.id })
         });
-        c != null && c.success ? (z(c.starPower), M((C) => [...C, { itemId: l.id, purchasedAt: Date.now(), expiresAt: null }]), u({ success: !0, message: d === "zh" ? "购买成功!" : "Purchase successful!" })) : u({ success: !1, message: (c == null ? void 0 : c.error) || (d === "zh" ? "购买失败" : "Purchase failed") });
+        f?.success ? (S(f.starPower), W((C) => [...C, { itemId: l.id, purchasedAt: Date.now(), expiresAt: null }]), w({ success: !0, message: h === "zh" ? "购买成功!" : "Purchase successful!" })) : w({ success: !1, message: f?.error || (h === "zh" ? "购买失败" : "Purchase failed") });
       } catch {
-        u({ success: !1, message: d === "zh" ? "网络错误" : "Network error" });
+        w({ success: !1, message: h === "zh" ? "网络错误" : "Network error" });
       } finally {
-        $(null), I(null), setTimeout(() => u(null), 3e3);
+        R(null), z(null), setTimeout(() => w(null), 3e3);
       }
     }
-  }, v = y === "all" ? i : i.filter((l) => l.category === y);
-  return /* @__PURE__ */ e(W, { children: m && /* @__PURE__ */ t(Z, { children: [
+  }, k = N === "all" ? r : r.filter((l) => l.category === N);
+  return /* @__PURE__ */ e(D, { children: d && /* @__PURE__ */ t(B, { children: [
     /* @__PURE__ */ e(
-      g.div,
+      b.div,
       {
         initial: { opacity: 0 },
         animate: { opacity: 1 },
         exit: { opacity: 0 },
         className: "fixed inset-0 z-[60] bg-black/50 backdrop-blur-sm",
-        onClick: b
+        onClick: p
       }
     ),
     /* @__PURE__ */ t(
-      g.div,
+      b.div,
       {
         initial: { x: "100%", opacity: 0 },
         animate: { x: 0, opacity: 1 },
@@ -378,87 +377,87 @@ const Ke = {
             /* @__PURE__ */ t("div", { className: "flex items-center gap-2.5", children: [
               /* @__PURE__ */ e("div", { className: "w-8 h-8 rounded-lg bg-gradient-to-br from-amber-500/20 to-orange-500/20 flex items-center justify-center", children: /* @__PURE__ */ e(ne, { className: "w-4 h-4 text-amber-400" }) }),
               /* @__PURE__ */ t("div", { children: [
-                /* @__PURE__ */ e("h2", { className: "text-base font-bold text-white leading-tight", children: d === "zh" ? "星力商城" : "Star Power Shop" }),
-                /* @__PURE__ */ e("p", { className: "text-[10px] text-white/30", children: d === "zh" ? "用星力值兑换虚拟好物" : "Exchange SP for virtual items" })
+                /* @__PURE__ */ e("h2", { className: "text-base font-bold text-white leading-tight", children: h === "zh" ? "星力商城" : "Star Power Shop" }),
+                /* @__PURE__ */ e("p", { className: "text-[10px] text-white/30", children: h === "zh" ? "用星力值兑换虚拟好物" : "Exchange SP for virtual items" })
               ] })
             ] }),
-            /* @__PURE__ */ e("button", { onClick: b, className: "w-7 h-7 rounded-full bg-white/5 flex items-center justify-center hover:bg-white/10 transition-colors", children: /* @__PURE__ */ e(Q, { className: "w-3.5 h-3.5 text-white/40" }) })
+            /* @__PURE__ */ e("button", { onClick: p, className: "w-7 h-7 rounded-full bg-white/5 flex items-center justify-center hover:bg-white/10 transition-colors", children: /* @__PURE__ */ e(V, { className: "w-3.5 h-3.5 text-white/40" }) })
           ] }),
           /* @__PURE__ */ e("div", { className: "px-5 py-3 bg-gradient-to-r from-amber-500/[0.06] to-orange-500/[0.06] border-b border-white/[0.04]", children: /* @__PURE__ */ t("div", { className: "flex items-center justify-between", children: [
             /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ e(U, { className: "w-4 h-4 text-yellow-400 fill-yellow-400" }),
-              /* @__PURE__ */ e("span", { className: "text-yellow-200 font-bold text-lg tabular-nums", children: f }),
-              /* @__PURE__ */ e("span", { className: "text-xs text-white/30", children: d === "zh" ? "可用星力值" : "SP available" })
+              /* @__PURE__ */ e(Z, { className: "w-4 h-4 text-yellow-400 fill-yellow-400" }),
+              /* @__PURE__ */ e("span", { className: "text-yellow-200 font-bold text-lg tabular-nums", children: g }),
+              /* @__PURE__ */ e("span", { className: "text-xs text-white/30", children: h === "zh" ? "可用星力值" : "SP available" })
             ] }),
             /* @__PURE__ */ t("div", { className: "flex items-center gap-1 text-[10px] text-white/20", children: [
-              /* @__PURE__ */ e(Pe, { className: "w-3 h-3" }),
-              p.length,
+              /* @__PURE__ */ e(Ae, { className: "w-3 h-3" }),
+              x.length,
               " ",
-              d === "zh" ? "件已拥有" : "owned"
+              h === "zh" ? "件已拥有" : "owned"
             ] })
           ] }) }),
-          /* @__PURE__ */ e("div", { className: "px-4 py-2.5 border-b border-white/[0.04] overflow-x-auto no-scrollbar", children: /* @__PURE__ */ e("div", { className: "flex items-center gap-1.5", children: Qe.map((l) => {
-            const c = l.icon, C = y === l.id;
+          /* @__PURE__ */ e("div", { className: "px-4 py-2.5 border-b border-white/[0.04] overflow-x-auto no-scrollbar", children: /* @__PURE__ */ e("div", { className: "flex items-center gap-1.5", children: Ve.map((l) => {
+            const f = l.icon, C = N === l.id;
             return /* @__PURE__ */ t(
               "button",
               {
-                onClick: () => D(l.id),
-                className: N(
+                onClick: () => M(l.id),
+                className: u(
                   "flex items-center gap-1.5 px-3 py-1.5 rounded-full text-xs font-medium whitespace-nowrap transition-all",
                   C ? "bg-amber-500/15 text-amber-400 border border-amber-500/30" : "bg-white/[0.03] text-white/30 border border-transparent hover:bg-white/[0.06] hover:text-white/50"
                 ),
                 children: [
-                  /* @__PURE__ */ e(c, { className: "w-3 h-3" }),
-                  d === "zh" ? l.labelZh : l.labelEn
+                  /* @__PURE__ */ e(f, { className: "w-3 h-3" }),
+                  h === "zh" ? l.labelZh : l.labelEn
                 ]
               },
               l.id
             );
           }) }) }),
-          /* @__PURE__ */ e(W, { children: T && /* @__PURE__ */ t(
-            g.div,
+          /* @__PURE__ */ e(D, { children: E && /* @__PURE__ */ t(
+            b.div,
             {
               initial: { opacity: 0, y: -10 },
               animate: { opacity: 1, y: 0 },
               exit: { opacity: 0, y: -10 },
-              className: N(
+              className: u(
                 "mx-4 mt-2 px-3 py-2 rounded-lg text-xs font-medium flex items-center gap-2",
-                T.success ? "bg-emerald-500/15 text-emerald-400 border border-emerald-500/20" : "bg-red-500/15 text-red-400 border border-red-500/20"
+                E.success ? "bg-emerald-500/15 text-emerald-400 border border-emerald-500/20" : "bg-red-500/15 text-red-400 border border-red-500/20"
               ),
               children: [
-                T.success ? /* @__PURE__ */ e(ue, { className: "w-3.5 h-3.5" }) : /* @__PURE__ */ e(We, { className: "w-3.5 h-3.5" }),
-                T.message
+                E.success ? /* @__PURE__ */ e(ge, { className: "w-3.5 h-3.5" }) : /* @__PURE__ */ e(Re, { className: "w-3.5 h-3.5" }),
+                E.message
               ]
             }
           ) }),
-          /* @__PURE__ */ e("div", { className: "flex-1 overflow-y-auto p-4", children: L ? /* @__PURE__ */ e("div", { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ e("div", { className: "w-6 h-6 border-2 border-amber-400/30 border-t-amber-400 rounded-full animate-spin" }) }) : v.length === 0 ? /* @__PURE__ */ t("div", { className: "text-center py-10", children: [
+          /* @__PURE__ */ e("div", { className: "flex-1 overflow-y-auto p-4", children: j ? /* @__PURE__ */ e("div", { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ e("div", { className: "w-6 h-6 border-2 border-amber-400/30 border-t-amber-400 rounded-full animate-spin" }) }) : k.length === 0 ? /* @__PURE__ */ t("div", { className: "text-center py-10", children: [
             /* @__PURE__ */ e(ne, { className: "w-10 h-10 text-white/10 mx-auto mb-3" }),
-            /* @__PURE__ */ e("p", { className: "text-sm text-white/30", children: d === "zh" ? "此分类暂无商品" : "No items in this category" })
-          ] }) : /* @__PURE__ */ e("div", { className: "grid grid-cols-2 gap-3", children: v.map((l) => {
-            const c = Ce[l.rarity] || Ce.common, C = n(l.id), O = f >= l.cost;
+            /* @__PURE__ */ e("p", { className: "text-sm text-white/30", children: h === "zh" ? "此分类暂无商品" : "No items in this category" })
+          ] }) : /* @__PURE__ */ e("div", { className: "grid grid-cols-2 gap-3", children: k.map((l) => {
+            const f = ve[l.rarity] || ve.common, C = n(l.id), F = g >= l.cost;
             return /* @__PURE__ */ t(
-              g.button,
+              b.button,
               {
                 whileTap: { scale: 0.97 },
-                onClick: () => !C && I(l),
+                onClick: () => !C && z(l),
                 disabled: C,
-                className: N(
+                className: u(
                   "relative flex flex-col p-3 rounded-xl border text-left transition-all",
-                  C ? "bg-white/[0.02] border-white/[0.04] opacity-60" : `bg-gradient-to-br ${c.bg} ${c.border} hover:brightness-110`
+                  C ? "bg-white/[0.02] border-white/[0.04] opacity-60" : `bg-gradient-to-br ${f.bg} ${f.border} hover:brightness-110`
                 ),
                 children: [
-                  /* @__PURE__ */ e("span", { className: N("absolute top-2 right-2 text-[8px] font-bold uppercase tracking-wider", c.text), children: d === "zh" ? c.label : c.labelEn }),
+                  /* @__PURE__ */ e("span", { className: u("absolute top-2 right-2 text-[8px] font-bold uppercase tracking-wider", f.text), children: h === "zh" ? f.label : f.labelEn }),
                   /* @__PURE__ */ e("span", { className: "text-2xl mb-2", children: l.icon }),
-                  /* @__PURE__ */ e("p", { className: "text-xs text-white font-semibold leading-tight", children: d === "zh" ? l.nameZh : l.nameEn }),
-                  /* @__PURE__ */ e("p", { className: "text-[10px] text-white/30 mt-0.5 leading-tight line-clamp-2", children: d === "zh" ? l.descZh : l.descEn }),
+                  /* @__PURE__ */ e("p", { className: "text-xs text-white font-semibold leading-tight", children: h === "zh" ? l.nameZh : l.nameEn }),
+                  /* @__PURE__ */ e("p", { className: "text-[10px] text-white/30 mt-0.5 leading-tight line-clamp-2", children: h === "zh" ? l.descZh : l.descEn }),
                   /* @__PURE__ */ e("div", { className: "mt-auto pt-2 flex items-center justify-between", children: C ? /* @__PURE__ */ t("span", { className: "flex items-center gap-1 text-[10px] text-emerald-400/60", children: [
-                    /* @__PURE__ */ e(ue, { className: "w-3 h-3" }),
-                    d === "zh" ? "已拥有" : "Owned"
-                  ] }) : /* @__PURE__ */ t("span", { className: N(
+                    /* @__PURE__ */ e(ge, { className: "w-3 h-3" }),
+                    h === "zh" ? "已拥有" : "Owned"
+                  ] }) : /* @__PURE__ */ t("span", { className: u(
                     "flex items-center gap-1 text-xs font-bold",
-                    O ? "text-yellow-400" : "text-red-400/60"
+                    F ? "text-yellow-400" : "text-red-400/60"
                   ), children: [
-                    /* @__PURE__ */ e(U, { className: "w-3 h-3 fill-current" }),
+                    /* @__PURE__ */ e(Z, { className: "w-3 h-3 fill-current" }),
                     l.cost
                   ] }) })
                 ]
@@ -466,16 +465,16 @@ const Ke = {
               l.id
             );
           }) }) }),
-          /* @__PURE__ */ e(W, { children: k && /* @__PURE__ */ e(
-            g.div,
+          /* @__PURE__ */ e(D, { children: v && /* @__PURE__ */ e(
+            b.div,
             {
               initial: { opacity: 0 },
               animate: { opacity: 1 },
               exit: { opacity: 0 },
               className: "absolute inset-0 z-10 bg-black/70 backdrop-blur-sm flex items-center justify-center p-6",
-              onClick: () => I(null),
+              onClick: () => z(null),
               children: /* @__PURE__ */ t(
-                g.div,
+                b.div,
                 {
                   initial: { scale: 0.9, opacity: 0 },
                   animate: { scale: 1, opacity: 1 },
@@ -483,34 +482,34 @@ const Ke = {
                   onClick: (l) => l.stopPropagation(),
                   className: "w-full max-w-[280px] bg-[#0F1540] border border-white/10 rounded-2xl p-5 text-center",
                   children: [
-                    /* @__PURE__ */ e("span", { className: "text-4xl block mb-3", children: k.icon }),
-                    /* @__PURE__ */ e("p", { className: "text-white font-bold text-sm", children: d === "zh" ? k.nameZh : k.nameEn }),
-                    /* @__PURE__ */ e("p", { className: "text-white/30 text-[11px] mt-1", children: d === "zh" ? k.descZh : k.descEn }),
+                    /* @__PURE__ */ e("span", { className: "text-4xl block mb-3", children: v.icon }),
+                    /* @__PURE__ */ e("p", { className: "text-white font-bold text-sm", children: h === "zh" ? v.nameZh : v.nameEn }),
+                    /* @__PURE__ */ e("p", { className: "text-white/30 text-[11px] mt-1", children: h === "zh" ? v.descZh : v.descEn }),
                     /* @__PURE__ */ t("div", { className: "flex items-center justify-center gap-1 my-4 text-yellow-400 font-bold", children: [
-                      /* @__PURE__ */ e(U, { className: "w-4 h-4 fill-yellow-400" }),
-                      /* @__PURE__ */ e("span", { className: "text-lg", children: k.cost }),
+                      /* @__PURE__ */ e(Z, { className: "w-4 h-4 fill-yellow-400" }),
+                      /* @__PURE__ */ e("span", { className: "text-lg", children: v.cost }),
                       /* @__PURE__ */ e("span", { className: "text-xs text-yellow-400/50 ml-1", children: "SP" })
                     ] }),
-                    f < k.cost ? /* @__PURE__ */ e("p", { className: "text-xs text-red-400/70 mb-3", children: d === "zh" ? `星力值不足（需 ${k.cost}，当前 ${f}）` : `Insufficient SP (need ${k.cost}, have ${f})` }) : null,
+                    g < v.cost ? /* @__PURE__ */ e("p", { className: "text-xs text-red-400/70 mb-3", children: h === "zh" ? `星力值不足（需 ${v.cost}，当前 ${g}）` : `Insufficient SP (need ${v.cost}, have ${g})` }) : null,
                     /* @__PURE__ */ t("div", { className: "flex gap-2", children: [
                       /* @__PURE__ */ e(
                         "button",
                         {
-                          onClick: () => I(null),
+                          onClick: () => z(null),
                           className: "flex-1 py-2 rounded-lg bg-white/5 text-white/50 text-xs hover:bg-white/10 transition-colors",
-                          children: d === "zh" ? "取消" : "Cancel"
+                          children: h === "zh" ? "取消" : "Cancel"
                         }
                       ),
                       /* @__PURE__ */ e(
                         "button",
                         {
-                          onClick: () => s(k),
-                          disabled: f < k.cost || !!A,
-                          className: N(
+                          onClick: () => s(v),
+                          disabled: g < v.cost || !!T,
+                          className: u(
                             "flex-1 py-2 rounded-lg text-xs font-medium transition-all",
-                            f >= k.cost ? "bg-gradient-to-r from-amber-500 to-orange-500 text-white hover:brightness-110" : "bg-white/5 text-white/20 cursor-not-allowed"
+                            g >= v.cost ? "bg-gradient-to-r from-amber-500 to-orange-500 text-white hover:brightness-110" : "bg-white/5 text-white/20 cursor-not-allowed"
                           ),
-                          children: A ? "..." : d === "zh" ? "确认购买" : "Confirm"
+                          children: T ? "..." : h === "zh" ? "确认购买" : "Confirm"
                         }
                       )
                     ] })
@@ -523,95 +522,95 @@ const Ke = {
       }
     )
   ] }) });
-}, Xe = [
-  { icon: Fe, color: "text-yellow-400", bg: "from-yellow-500/20 to-amber-500/20", border: "border-yellow-500/30", glow: "shadow-yellow-500/20", barColor: "from-yellow-400 to-amber-500" },
-  { icon: Ne, color: "text-gray-300", bg: "from-gray-400/20 to-slate-400/20", border: "border-gray-400/20", glow: "shadow-gray-400/10", barColor: "from-gray-300 to-slate-400" },
-  { icon: Ne, color: "text-amber-600", bg: "from-amber-600/20 to-orange-600/20", border: "border-amber-600/20", glow: "shadow-amber-600/10", barColor: "from-amber-500 to-orange-500" }
-], je = "dmusic-leaderboard-prev";
-function Ee() {
+}, Ke = [
+  { icon: We, color: "text-yellow-400", bg: "from-yellow-500/20 to-amber-500/20", border: "border-yellow-500/30", glow: "shadow-yellow-500/20", barColor: "from-yellow-400 to-amber-500" },
+  { icon: we, color: "text-gray-300", bg: "from-gray-400/20 to-slate-400/20", border: "border-gray-400/20", glow: "shadow-gray-400/10", barColor: "from-gray-300 to-slate-400" },
+  { icon: we, color: "text-amber-600", bg: "from-amber-600/20 to-orange-600/20", border: "border-amber-600/20", glow: "shadow-amber-600/10", barColor: "from-amber-500 to-orange-500" }
+], ze = "dmusic-leaderboard-prev";
+function Ie() {
   try {
-    const m = localStorage.getItem(je);
-    if (m) return JSON.parse(m);
+    const d = localStorage.getItem(ze);
+    if (d) return JSON.parse(d);
   } catch {
   }
   return {};
 }
-function te(m) {
+function ee(d) {
   try {
-    const b = {};
-    m.forEach((r, f) => {
-      b[r.songId] = f + 1;
-    }), localStorage.setItem(je, JSON.stringify(b));
+    const p = {};
+    d.forEach((i, g) => {
+      p[i.songId] = g + 1;
+    }), localStorage.setItem(ze, JSON.stringify(p));
   } catch {
   }
 }
-function et(m) {
-  const b = Ee(), r = Object.keys(b).length > 0;
-  return m.map((f, z) => {
-    const d = z + 1, i = b[f.songId] ?? null;
-    let x = null;
-    return r ? i === null ? x = null : x = i - d : x = null, { ...f, rankChange: x, previousRank: i };
+function Qe(d) {
+  const p = Ie(), i = Object.keys(p).length > 0;
+  return d.map((g, S) => {
+    const h = S + 1, r = p[g.songId] ?? null;
+    let m = null;
+    return i ? r === null ? m = null : m = r - h : m = null, { ...g, rankChange: m, previousRank: r };
   });
 }
-function tt(m) {
-  return m.length === 0 ? 1 : Math.max(...m.map((b) => b.wilsonScore), 1e-4);
+function Xe(d) {
+  return d.length === 0 ? 1 : Math.max(...d.map((p) => p.wilsonScore), 1e-4);
 }
-const ft = ({
-  isOpen: m,
-  onClose: b,
-  onSelectTrack: r,
-  user: f,
-  starPower: z = 0,
-  onStarPowerUpdate: d
+const pt = ({
+  isOpen: d,
+  onClose: p,
+  onSelectTrack: i,
+  user: g,
+  starPower: S = 0,
+  onStarPowerUpdate: h
 }) => {
-  const [i, x] = h([]), [p, M] = h([]), [y, D] = h(!1), [L, P] = h(!1), [A, $] = h(null), T = Re(!0), { t: u } = Y(), k = async (s) => {
-    if (!(!f || z < 100))
+  const [r, m] = c([]), [x, W] = c([]), [N, M] = c(!1), [j, P] = c(!1), [T, R] = c(null), E = Te(!0), { t: w } = J(), v = async (s) => {
+    if (!(!g || S < 100))
       try {
-        const v = await E("/leaderboard/boost", {
+        const k = await I("/leaderboard/boost", {
           method: "POST",
           headers: { "Content-Type": "application/json" },
-          body: JSON.stringify({ userId: f.id, songId: s, amount: 100 })
+          body: JSON.stringify({ userId: g.id, songId: s, amount: 100 })
         });
-        v != null && v.success && (d == null || d(v.starPower), $(s), setTimeout(() => $(null), 2e3), p.length > 0 && te(p), I());
-      } catch (v) {
-        console.error("Boost error:", v);
+        k?.success && (h?.(k.starPower), R(s), setTimeout(() => R(null), 2e3), x.length > 0 && ee(x), z());
+      } catch (k) {
+        console.error("Boost error:", k);
       }
-  }, I = B(async () => {
-    D(!0);
+  }, z = O(async () => {
+    M(!0);
     try {
-      const s = await E("/leaderboard");
-      if (s != null && s.rankings) {
-        const v = et(s.rankings);
-        if (x(v), M(s.rankings), !T.current)
-          te(s.rankings);
+      const s = await I("/leaderboard");
+      if (s?.rankings) {
+        const k = Qe(s.rankings);
+        if (m(k), W(s.rankings), !E.current)
+          ee(s.rankings);
         else {
-          const l = Ee();
-          Object.keys(l).length === 0 && te(s.rankings), T.current = !1;
+          const l = Ie();
+          Object.keys(l).length === 0 && ee(s.rankings), E.current = !1;
         }
       }
     } catch (s) {
       console.error("Failed to fetch leaderboard:", s);
     } finally {
-      D(!1);
+      M(!1);
     }
   }, []);
-  K(() => {
-    m && I();
-  }, [m, I]);
-  const R = (s) => He.find((v) => v.id === s), n = tt(p);
-  return /* @__PURE__ */ e(W, { children: m && /* @__PURE__ */ t(Z, { children: [
+  H(() => {
+    d && z();
+  }, [d, z]);
+  const A = (s) => Ye.find((k) => k.id === s), n = Xe(x);
+  return /* @__PURE__ */ e(D, { children: d && /* @__PURE__ */ t(B, { children: [
     /* @__PURE__ */ e(
-      g.div,
+      b.div,
       {
         initial: { opacity: 0 },
         animate: { opacity: 1 },
         exit: { opacity: 0 },
         className: "fixed inset-0 z-[60] bg-black/50 backdrop-blur-sm",
-        onClick: b
+        onClick: p
       }
     ),
     /* @__PURE__ */ t(
-      g.div,
+      b.div,
       {
         initial: { x: "100%", opacity: 0 },
         animate: { x: 0, opacity: 1 },
@@ -621,35 +620,35 @@ const ft = ({
         children: [
           /* @__PURE__ */ t("div", { className: "flex items-center justify-between p-5 border-b border-white/[0.06] flex-shrink-0", children: [
             /* @__PURE__ */ t("div", { className: "flex items-center gap-3", children: [
-              /* @__PURE__ */ e("div", { className: "w-9 h-9 rounded-xl bg-gradient-to-tr from-yellow-500/20 to-orange-500/20 border border-white/10 flex items-center justify-center", children: /* @__PURE__ */ e(J, { className: "w-4.5 h-4.5 text-yellow-400" }) }),
+              /* @__PURE__ */ e("div", { className: "w-9 h-9 rounded-xl bg-gradient-to-tr from-yellow-500/20 to-orange-500/20 border border-white/10 flex items-center justify-center", children: /* @__PURE__ */ e(U, { className: "w-4.5 h-4.5 text-yellow-400" }) }),
               /* @__PURE__ */ t("div", { children: [
-                /* @__PURE__ */ e("h3", { className: "text-white font-semibold text-sm leading-tight", children: u("leaderboard.title") }),
-                /* @__PURE__ */ e("p", { className: "text-white/30 text-xs", children: u("leaderboard.subtitle") })
+                /* @__PURE__ */ e("h3", { className: "text-white font-semibold text-sm leading-tight", children: w("leaderboard.title") }),
+                /* @__PURE__ */ e("p", { className: "text-white/30 text-xs", children: w("leaderboard.subtitle") })
               ] })
             ] }),
             /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
               /* @__PURE__ */ e(
                 "button",
                 {
-                  onClick: () => P(!L),
-                  className: N(
+                  onClick: () => P(!j),
+                  className: u(
                     "p-2 rounded-lg border transition-all",
-                    L ? "bg-blue-500/10 border-blue-500/20 text-blue-400" : "bg-white/5 border-white/[0.08] text-white/40 hover:text-white/70"
+                    j ? "bg-blue-500/10 border-blue-500/20 text-blue-400" : "bg-white/5 border-white/[0.08] text-white/40 hover:text-white/70"
                   ),
-                  title: u("leaderboard.aboutWilson"),
-                  children: /* @__PURE__ */ e(Me, { className: "w-4 h-4" })
+                  title: w("leaderboard.aboutWilson"),
+                  children: /* @__PURE__ */ e($e, { className: "w-4 h-4" })
                 }
               ),
               /* @__PURE__ */ e(
                 "button",
                 {
                   onClick: () => {
-                    p.length > 0 && te(p), I();
+                    x.length > 0 && ee(x), z();
                   },
-                  disabled: y,
-                  className: N(
+                  disabled: N,
+                  className: u(
                     "p-2 rounded-lg bg-white/5 hover:bg-white/10 border border-white/[0.08] text-white/60 hover:text-white transition-all",
-                    y && "animate-spin"
+                    N && "animate-spin"
                   ),
                   children: /* @__PURE__ */ e(De, { className: "w-4 h-4" })
                 }
@@ -657,15 +656,15 @@ const ft = ({
               /* @__PURE__ */ e(
                 "button",
                 {
-                  onClick: b,
+                  onClick: p,
                   className: "p-2 rounded-lg text-white/40 hover:text-white/70 hover:bg-white/5 transition-colors",
-                  children: /* @__PURE__ */ e(Q, { className: "w-4 h-4" })
+                  children: /* @__PURE__ */ e(V, { className: "w-4 h-4" })
                 }
               )
             ] })
           ] }),
-          /* @__PURE__ */ e(W, { children: L && /* @__PURE__ */ e(
-            g.div,
+          /* @__PURE__ */ e(D, { children: j && /* @__PURE__ */ e(
+            b.div,
             {
               initial: { height: 0, opacity: 0 },
               animate: { height: "auto", opacity: 1 },
@@ -673,40 +672,40 @@ const ft = ({
               className: "overflow-hidden border-b border-white/[0.04]",
               children: /* @__PURE__ */ t("div", { className: "p-4 bg-blue-500/5", children: [
                 /* @__PURE__ */ t("h4", { className: "text-xs font-semibold text-blue-300 mb-2 flex items-center gap-1.5", children: [
-                  /* @__PURE__ */ e(V, { className: "w-3.5 h-3.5" }),
-                  u("leaderboard.wilsonAlgorithm")
+                  /* @__PURE__ */ e(q, { className: "w-3.5 h-3.5" }),
+                  w("leaderboard.wilsonAlgorithm")
                 ] }),
-                /* @__PURE__ */ e("p", { className: "text-xs text-white/40 leading-relaxed", children: u("leaderboard.wilsonInfo") }),
+                /* @__PURE__ */ e("p", { className: "text-xs text-white/40 leading-relaxed", children: w("leaderboard.wilsonInfo") }),
                 /* @__PURE__ */ e("div", { className: "mt-2 p-2 bg-white/[0.03] rounded-lg font-mono text-[10px] text-white/30", children: "score = (p̂ + z²/2n − z√(p̂(1−p̂)/n + z²/4n²)) / (1 + z²/n)" })
               ] })
             }
           ) }),
-          /* @__PURE__ */ e("div", { className: "flex-1 overflow-y-auto", style: { scrollbarWidth: "none" }, children: y && i.length === 0 ? /* @__PURE__ */ e("div", { className: "flex justify-center py-16", children: /* @__PURE__ */ e("div", { className: "w-6 h-6 border-2 border-yellow-500/30 border-t-yellow-500 rounded-full animate-spin" }) }) : i.length === 0 ? /* @__PURE__ */ t("div", { className: "text-center py-16 px-6", children: [
-            /* @__PURE__ */ e(J, { className: "w-12 h-12 text-white/10 mx-auto mb-3" }),
-            /* @__PURE__ */ e("p", { className: "text-white/30 text-sm", children: u("leaderboard.noRankings") }),
-            /* @__PURE__ */ e("p", { className: "text-white/15 text-xs mt-1", children: u("leaderboard.buildBoard") })
-          ] }) : /* @__PURE__ */ e("div", { className: "p-4 space-y-2", children: i.map((s, v) => {
-            const l = R(s.songId), c = Xe[v], C = v < 3, O = (c == null ? void 0 : c.icon) || J, o = n > 0 ? s.wilsonScore / n * 100 : 0, j = s.plays + s.likes + s.comments;
+          /* @__PURE__ */ e("div", { className: "flex-1 overflow-y-auto", style: { scrollbarWidth: "none" }, children: N && r.length === 0 ? /* @__PURE__ */ e("div", { className: "flex justify-center py-16", children: /* @__PURE__ */ e("div", { className: "w-6 h-6 border-2 border-yellow-500/30 border-t-yellow-500 rounded-full animate-spin" }) }) : r.length === 0 ? /* @__PURE__ */ t("div", { className: "text-center py-16 px-6", children: [
+            /* @__PURE__ */ e(U, { className: "w-12 h-12 text-white/10 mx-auto mb-3" }),
+            /* @__PURE__ */ e("p", { className: "text-white/30 text-sm", children: w("leaderboard.noRankings") }),
+            /* @__PURE__ */ e("p", { className: "text-white/15 text-xs mt-1", children: w("leaderboard.buildBoard") })
+          ] }) : /* @__PURE__ */ e("div", { className: "p-4 space-y-2", children: r.map((s, k) => {
+            const l = A(s.songId), f = Ke[k], C = k < 3, F = f?.icon || U, o = n > 0 ? s.wilsonScore / n * 100 : 0, L = s.plays + s.likes + s.comments;
             return /* @__PURE__ */ t(
-              g.div,
+              b.div,
               {
                 initial: { opacity: 0, x: 20 },
                 animate: { opacity: 1, x: 0 },
-                transition: { delay: v * 0.08 },
-                onClick: () => r == null ? void 0 : r(s.songId),
-                className: N(
+                transition: { delay: k * 0.08 },
+                onClick: () => i?.(s.songId),
+                className: u(
                   "p-4 rounded-xl border transition-all cursor-pointer group relative",
-                  C ? `bg-gradient-to-r ${c.bg} ${c.border} shadow-lg ${c.glow}` : "bg-white/[0.02] border-white/[0.06] hover:bg-white/[0.04]"
+                  C ? `bg-gradient-to-r ${f.bg} ${f.border} shadow-lg ${f.glow}` : "bg-white/[0.02] border-white/[0.06] hover:bg-white/[0.04]"
                 ),
                 children: [
-                  /* @__PURE__ */ e(at, { change: s.rankChange }),
+                  /* @__PURE__ */ e(et, { change: s.rankChange }),
                   /* @__PURE__ */ t("div", { className: "flex items-center gap-3", children: [
-                    /* @__PURE__ */ e("div", { className: N(
+                    /* @__PURE__ */ e("div", { className: u(
                       "w-8 h-8 rounded-lg flex items-center justify-center flex-shrink-0",
                       C ? "bg-white/10" : "bg-white/[0.04]"
-                    ), children: C ? /* @__PURE__ */ e(O, { className: N("w-4 h-4", c == null ? void 0 : c.color) }) : /* @__PURE__ */ e("span", { className: "text-xs font-mono text-white/30", children: v + 1 }) }),
+                    ), children: C ? /* @__PURE__ */ e(F, { className: u("w-4 h-4", f?.color) }) : /* @__PURE__ */ e("span", { className: "text-xs font-mono text-white/30", children: k + 1 }) }),
                     l && /* @__PURE__ */ e("div", { className: "w-10 h-10 rounded-lg overflow-hidden flex-shrink-0", children: /* @__PURE__ */ e(
-                      Ve,
+                      qe,
                       {
                         src: l.albumArt,
                         alt: l.title,
@@ -714,25 +713,25 @@ const ft = ({
                       }
                     ) }),
                     /* @__PURE__ */ t("div", { className: "flex-1 min-w-0", children: [
-                      /* @__PURE__ */ e("p", { className: N(
+                      /* @__PURE__ */ e("p", { className: u(
                         "text-sm font-medium truncate",
                         C ? "text-white" : "text-white/80"
-                      ), children: (l == null ? void 0 : l.title) || s.songId }),
-                      /* @__PURE__ */ e("p", { className: "text-xs text-white/30 truncate", children: (l == null ? void 0 : l.artist) || u("leaderboard.unknown") })
+                      ), children: l?.title || s.songId }),
+                      /* @__PURE__ */ e("p", { className: "text-xs text-white/30 truncate", children: l?.artist || w("leaderboard.unknown") })
                     ] }),
                     /* @__PURE__ */ t("div", { className: "text-right flex-shrink-0", children: [
-                      /* @__PURE__ */ e("p", { className: N(
+                      /* @__PURE__ */ e("p", { className: u(
                         "text-sm font-bold font-mono tabular-nums",
-                        C ? c == null ? void 0 : c.color : "text-white/60"
+                        C ? f?.color : "text-white/60"
                       ), children: s.wilsonScore.toFixed(4) }),
-                      /* @__PURE__ */ e("p", { className: "text-[10px] text-white/20", children: u("leaderboard.score") })
+                      /* @__PURE__ */ e("p", { className: "text-[10px] text-white/20", children: w("leaderboard.score") })
                     ] })
                   ] }),
                   /* @__PURE__ */ t("div", { className: "mt-3 ml-11", children: [
                     /* @__PURE__ */ t("div", { className: "flex items-center justify-between mb-1", children: [
                       /* @__PURE__ */ t("span", { className: "text-[10px] text-white/20 flex items-center gap-1", children: [
                         /* @__PURE__ */ e(oe, { className: "w-2.5 h-2.5" }),
-                        u("leaderboard.wilsonBar")
+                        w("leaderboard.wilsonBar")
                       ] }),
                       /* @__PURE__ */ t("span", { className: "text-[10px] text-white/25 font-mono tabular-nums", children: [
                         o.toFixed(1),
@@ -740,54 +739,54 @@ const ft = ({
                       ] })
                     ] }),
                     /* @__PURE__ */ e("div", { className: "h-1.5 rounded-full bg-white/[0.06] overflow-hidden", children: /* @__PURE__ */ e(
-                      g.div,
+                      b.div,
                       {
                         initial: { width: 0 },
                         animate: { width: `${o}%` },
-                        transition: { delay: v * 0.08 + 0.3, duration: 0.6, ease: "easeOut" },
-                        className: N(
+                        transition: { delay: k * 0.08 + 0.3, duration: 0.6, ease: "easeOut" },
+                        className: u(
                           "h-full rounded-full bg-gradient-to-r",
-                          C ? c.barColor : "from-indigo-400 to-purple-500"
+                          C ? f.barColor : "from-indigo-400 to-purple-500"
                         )
                       }
                     ) })
                   ] }),
                   /* @__PURE__ */ t("div", { className: "flex items-center gap-4 mt-2.5 ml-11", children: [
                     /* @__PURE__ */ t("span", { className: "flex items-center gap-1 text-[11px] text-white/25", children: [
-                      /* @__PURE__ */ e(Ie, { className: "w-3 h-3" }),
+                      /* @__PURE__ */ e(Se, { className: "w-3 h-3" }),
                       s.plays
                     ] }),
                     /* @__PURE__ */ t("span", { className: "flex items-center gap-1 text-[11px] text-white/25", children: [
-                      /* @__PURE__ */ e(H, { className: "w-3 h-3" }),
+                      /* @__PURE__ */ e(Y, { className: "w-3 h-3" }),
                       s.likes
                     ] }),
                     /* @__PURE__ */ t("span", { className: "flex items-center gap-1 text-[11px] text-white/25", children: [
-                      /* @__PURE__ */ e(Oe, { className: "w-3 h-3" }),
+                      /* @__PURE__ */ e(Me, { className: "w-3 h-3" }),
                       s.comments
                     ] }),
-                    f && z >= 100 && /* @__PURE__ */ t(
+                    g && S >= 100 && /* @__PURE__ */ t(
                       "button",
                       {
-                        onClick: (_) => {
-                          _.stopPropagation(), k(s.songId);
+                        onClick: (re) => {
+                          re.stopPropagation(), v(s.songId);
                         },
-                        disabled: A === s.songId,
-                        className: N(
+                        disabled: T === s.songId,
+                        className: u(
                           "ml-auto flex items-center gap-1 px-2 py-0.5 rounded-full text-[9px] font-medium border transition-all",
-                          A === s.songId ? "bg-emerald-500/15 text-emerald-300 border-emerald-500/20" : "bg-yellow-500/10 text-yellow-300/70 border-yellow-500/15 hover:bg-yellow-500/20 hover:text-yellow-300"
+                          T === s.songId ? "bg-emerald-500/15 text-emerald-300 border-emerald-500/20" : "bg-yellow-500/10 text-yellow-300/70 border-yellow-500/15 hover:bg-yellow-500/20 hover:text-yellow-300"
                         ),
-                        title: u("starpower.boostCost"),
+                        title: w("starpower.boostCost"),
                         children: [
-                          /* @__PURE__ */ e(Be, { className: "w-2.5 h-2.5" }),
-                          A === s.songId ? u("starpower.boostSuccess") : `${u("starpower.boost")} 100SP`
+                          /* @__PURE__ */ e(Fe, { className: "w-2.5 h-2.5" }),
+                          T === s.songId ? w("starpower.boostSuccess") : `${w("starpower.boost")} 100SP`
                         ]
                       }
                     ),
-                    (!f || z < 100) && /* @__PURE__ */ t("span", { className: "text-[10px] text-white/15 ml-auto flex items-center gap-1", children: [
-                      /* @__PURE__ */ e(G, { className: "w-2.5 h-2.5" }),
-                      j,
+                    (!g || S < 100) && /* @__PURE__ */ t("span", { className: "text-[10px] text-white/15 ml-auto flex items-center gap-1", children: [
+                      /* @__PURE__ */ e(_, { className: "w-2.5 h-2.5" }),
+                      L,
                       " ",
-                      u("leaderboard.totalEngagement")
+                      w("leaderboard.totalEngagement")
                     ] })
                   ] })
                 ]
@@ -796,113 +795,113 @@ const ft = ({
             );
           }) }) }),
           /* @__PURE__ */ e("div", { className: "p-4 border-t border-white/[0.06] flex-shrink-0", children: /* @__PURE__ */ e("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ t("div", { className: "flex items-center gap-2 text-white/20", children: [
-            /* @__PURE__ */ e(V, { className: "w-3.5 h-3.5" }),
-            /* @__PURE__ */ e("span", { className: "text-xs", children: u("leaderboard.poweredBy") })
+            /* @__PURE__ */ e(q, { className: "w-3.5 h-3.5" }),
+            /* @__PURE__ */ e("span", { className: "text-xs", children: w("leaderboard.poweredBy") })
           ] }) }) })
         ]
       }
     )
   ] }) });
-}, at = ({ change: m }) => {
-  const { t: b } = Y();
-  return m === null ? /* @__PURE__ */ t(
-    g.div,
+}, et = ({ change: d }) => {
+  const { t: p } = J();
+  return d === null ? /* @__PURE__ */ t(
+    b.div,
     {
       initial: { scale: 0, opacity: 0 },
       animate: { scale: 1, opacity: 1 },
       transition: { delay: 0.4, type: "spring", damping: 12 },
       className: "absolute top-2 right-2 flex items-center gap-0.5 px-1.5 py-0.5 rounded-full bg-cyan-500/15 border border-cyan-500/20",
       children: [
-        /* @__PURE__ */ e(G, { className: "w-2.5 h-2.5 text-cyan-400" }),
-        /* @__PURE__ */ e("span", { className: "text-[9px] font-semibold text-cyan-400", children: b("leaderboard.rankNew") })
+        /* @__PURE__ */ e(_, { className: "w-2.5 h-2.5 text-cyan-400" }),
+        /* @__PURE__ */ e("span", { className: "text-[9px] font-semibold text-cyan-400", children: p("leaderboard.rankNew") })
       ]
     }
-  ) : m === 0 ? /* @__PURE__ */ t("div", { className: "absolute top-2 right-2 flex items-center gap-0.5 px-1.5 py-0.5 rounded-full bg-white/[0.04] border border-white/[0.06]", children: [
-    /* @__PURE__ */ e(Ze, { className: "w-2.5 h-2.5 text-white/25" }),
-    /* @__PURE__ */ e("span", { className: "text-[9px] text-white/25", children: b("leaderboard.rankSame") })
-  ] }) : m > 0 ? /* @__PURE__ */ t(
-    g.div,
+  ) : d === 0 ? /* @__PURE__ */ t("div", { className: "absolute top-2 right-2 flex items-center gap-0.5 px-1.5 py-0.5 rounded-full bg-white/[0.04] border border-white/[0.06]", children: [
+    /* @__PURE__ */ e(Oe, { className: "w-2.5 h-2.5 text-white/25" }),
+    /* @__PURE__ */ e("span", { className: "text-[9px] text-white/25", children: p("leaderboard.rankSame") })
+  ] }) : d > 0 ? /* @__PURE__ */ t(
+    b.div,
     {
       initial: { y: 5, opacity: 0 },
       animate: { y: 0, opacity: 1 },
       transition: { delay: 0.3 },
       className: "absolute top-2 right-2 flex items-center gap-0.5 px-1.5 py-0.5 rounded-full bg-emerald-500/15 border border-emerald-500/20",
       children: [
-        /* @__PURE__ */ e(Ue, { className: "w-2.5 h-2.5 text-emerald-400" }),
+        /* @__PURE__ */ e(Be, { className: "w-2.5 h-2.5 text-emerald-400" }),
         /* @__PURE__ */ t("span", { className: "text-[9px] font-semibold text-emerald-400", children: [
-          m,
+          d,
           " ",
-          b("leaderboard.rankUp")
+          p("leaderboard.rankUp")
         ] })
       ]
     }
   ) : /* @__PURE__ */ t(
-    g.div,
+    b.div,
     {
       initial: { y: -5, opacity: 0 },
       animate: { y: 0, opacity: 1 },
       transition: { delay: 0.3 },
       className: "absolute top-2 right-2 flex items-center gap-0.5 px-1.5 py-0.5 rounded-full bg-red-500/15 border border-red-500/20",
       children: [
-        /* @__PURE__ */ e(_e, { className: "w-2.5 h-2.5 text-red-400" }),
+        /* @__PURE__ */ e(Ze, { className: "w-2.5 h-2.5 text-red-400" }),
         /* @__PURE__ */ t("span", { className: "text-[9px] font-semibold text-red-400", children: [
-          Math.abs(m),
+          Math.abs(d),
           " ",
-          b("leaderboard.rankDown")
+          p("leaderboard.rankDown")
         ] })
       ]
     }
   );
-}, gt = ({
-  isOpen: m,
-  onClose: b,
-  user: r,
-  starPower: f = 0
+}, bt = ({
+  isOpen: d,
+  onClose: p,
+  user: i,
+  starPower: g = 0
 }) => {
-  const { t: z, lang: d } = Y(), [i, x] = h([]), [p, M] = h({}), [y, D] = h(0), [L, P] = h(12), [A, $] = h(!1), [T, u] = h(null), k = B(async () => {
-    if (r) {
-      $(!0);
+  const { t: S, lang: h } = J(), [r, m] = c([]), [x, W] = c({}), [N, M] = c(0), [j, P] = c(12), [T, R] = c(!1), [E, w] = c(null), v = O(async () => {
+    if (i) {
+      R(!0);
       try {
-        await E(`/achievements/${r.id}/track`, {
+        await I(`/achievements/${i.id}/track`, {
           method: "POST",
           headers: { "Content-Type": "application/json" },
-          body: JSON.stringify({ action: "daily_login", starPower: f })
+          body: JSON.stringify({ action: "daily_login", starPower: g })
         });
-        const n = await E(`/achievements/${r.id}`);
-        if (n != null && n.achievements) {
-          x(n.achievements), M(n.stats || {}), D(n.totalUnlocked), P(n.totalAchievements);
-          const s = n.achievements.find((v) => v.newlyUnlocked);
-          s && (u(s.id), setTimeout(() => u(null), 4e3));
+        const n = await I(`/achievements/${i.id}`);
+        if (n?.achievements) {
+          m(n.achievements), W(n.stats || {}), M(n.totalUnlocked), P(n.totalAchievements);
+          const s = n.achievements.find((k) => k.newlyUnlocked);
+          s && (w(s.id), setTimeout(() => w(null), 4e3));
         }
       } catch (n) {
         console.error("Achievements fetch error:", n);
       } finally {
-        $(!1);
+        R(!1);
       }
     }
-  }, [r, f]);
-  K(() => {
-    m && r && k();
-  }, [m, r, k]);
-  const I = L > 0 ? y / L * 100 : 0, R = [
-    { key: "totalWorks", labelZh: "总作品", labelEn: "Works", icon: U, color: "text-yellow-400" },
-    { key: "streakDays", labelZh: "连续天数", labelEn: "Streak", icon: Je, color: "text-orange-400" },
-    { key: "totalLikesReceived", labelZh: "获赞", labelEn: "Likes", icon: V, color: "text-pink-400" },
-    { key: "totalMessages", labelZh: "喊话", labelEn: "Messages", icon: G, color: "text-purple-400" }
+  }, [i, g]);
+  H(() => {
+    d && i && v();
+  }, [d, i, v]);
+  const z = j > 0 ? N / j * 100 : 0, A = [
+    { key: "totalWorks", labelZh: "总作品", labelEn: "Works", icon: Z, color: "text-yellow-400" },
+    { key: "streakDays", labelZh: "连续天数", labelEn: "Streak", icon: Ue, color: "text-orange-400" },
+    { key: "totalLikesReceived", labelZh: "获赞", labelEn: "Likes", icon: q, color: "text-pink-400" },
+    { key: "totalMessages", labelZh: "喊话", labelEn: "Messages", icon: _, color: "text-purple-400" }
   ];
-  return /* @__PURE__ */ e(W, { children: m && /* @__PURE__ */ t(Z, { children: [
+  return /* @__PURE__ */ e(D, { children: d && /* @__PURE__ */ t(B, { children: [
     /* @__PURE__ */ e(
-      g.div,
+      b.div,
       {
         initial: { opacity: 0 },
         animate: { opacity: 1 },
         exit: { opacity: 0 },
         className: "fixed inset-0 z-[60] bg-black/50 backdrop-blur-sm",
-        onClick: b
+        onClick: p
       }
     ),
     /* @__PURE__ */ t(
-      g.div,
+      b.div,
       {
         initial: { x: "100%", opacity: 0 },
         animate: { x: 0, opacity: 1 },
@@ -912,23 +911,23 @@ const ft = ({
         children: [
           /* @__PURE__ */ t("div", { className: "flex items-center justify-between p-5 border-b border-white/[0.06] flex-shrink-0", children: [
             /* @__PURE__ */ t("div", { className: "flex items-center gap-3", children: [
-              /* @__PURE__ */ e("div", { className: "w-9 h-9 rounded-xl bg-gradient-to-tr from-yellow-500/20 to-orange-500/20 border border-white/10 flex items-center justify-center", children: /* @__PURE__ */ e(J, { className: "w-4.5 h-4.5 text-yellow-400" }) }),
+              /* @__PURE__ */ e("div", { className: "w-9 h-9 rounded-xl bg-gradient-to-tr from-yellow-500/20 to-orange-500/20 border border-white/10 flex items-center justify-center", children: /* @__PURE__ */ e(U, { className: "w-4.5 h-4.5 text-yellow-400" }) }),
               /* @__PURE__ */ t("div", { children: [
-                /* @__PURE__ */ e("h3", { className: "text-white font-semibold text-sm leading-tight", children: z("achievements.title") }),
-                /* @__PURE__ */ e("p", { className: "text-white/30 text-xs", children: z("achievements.subtitle") })
+                /* @__PURE__ */ e("h3", { className: "text-white font-semibold text-sm leading-tight", children: S("achievements.title") }),
+                /* @__PURE__ */ e("p", { className: "text-white/30 text-xs", children: S("achievements.subtitle") })
               ] })
             ] }),
-            /* @__PURE__ */ e("button", { onClick: b, className: "p-2 rounded-lg text-white/40 hover:text-white/70 hover:bg-white/5 transition-colors", children: /* @__PURE__ */ e(Q, { className: "w-4 h-4" }) })
+            /* @__PURE__ */ e("button", { onClick: p, className: "p-2 rounded-lg text-white/40 hover:text-white/70 hover:bg-white/5 transition-colors", children: /* @__PURE__ */ e(V, { className: "w-4 h-4" }) })
           ] }),
-          /* @__PURE__ */ e("div", { className: "flex-1 overflow-y-auto p-4 space-y-4", style: { scrollbarWidth: "none" }, children: r ? A && i.length === 0 ? /* @__PURE__ */ e("div", { className: "flex justify-center py-16", children: /* @__PURE__ */ e("div", { className: "w-6 h-6 border-2 border-yellow-500/30 border-t-yellow-500 rounded-full animate-spin" }) }) : /* @__PURE__ */ t(Z, { children: [
+          /* @__PURE__ */ e("div", { className: "flex-1 overflow-y-auto p-4 space-y-4", style: { scrollbarWidth: "none" }, children: i ? T && r.length === 0 ? /* @__PURE__ */ e("div", { className: "flex justify-center py-16", children: /* @__PURE__ */ e("div", { className: "w-6 h-6 border-2 border-yellow-500/30 border-t-yellow-500 rounded-full animate-spin" }) }) : /* @__PURE__ */ t(B, { children: [
             /* @__PURE__ */ t("div", { className: "p-4 rounded-2xl bg-gradient-to-br from-yellow-500/[0.06] to-orange-500/[0.06] border border-yellow-500/10", children: [
               /* @__PURE__ */ t("div", { className: "flex items-center justify-between mb-3", children: [
                 /* @__PURE__ */ t("div", { children: [
-                  /* @__PURE__ */ e("p", { className: "text-xs text-white/40 uppercase tracking-wider font-medium", children: z("achievements.progress") }),
+                  /* @__PURE__ */ e("p", { className: "text-xs text-white/40 uppercase tracking-wider font-medium", children: S("achievements.progress") }),
                   /* @__PURE__ */ t("p", { className: "text-2xl font-bold text-transparent bg-clip-text bg-gradient-to-r from-yellow-400 to-orange-400 mt-0.5", children: [
-                    y,
+                    N,
                     " / ",
-                    L
+                    j
                   ] })
                 ] }),
                 /* @__PURE__ */ t("div", { className: "w-16 h-16 relative", children: [
@@ -943,7 +942,7 @@ const ft = ({
                         fill: "none",
                         stroke: "url(#achieveGrad)",
                         strokeWidth: "4",
-                        strokeDasharray: `${175.9 * I / 100} 175.9`,
+                        strokeDasharray: `${175.9 * z / 100} 175.9`,
                         strokeLinecap: "round"
                       }
                     ),
@@ -953,24 +952,24 @@ const ft = ({
                     ] }) })
                   ] }),
                   /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ t("span", { className: "text-xs font-bold text-yellow-300", children: [
-                    Math.round(I),
+                    Math.round(z),
                     "%"
                   ] }) })
                 ] })
               ] }),
-              /* @__PURE__ */ e("div", { className: "grid grid-cols-4 gap-2 mt-3 pt-3 border-t border-white/[0.04]", children: R.map((n) => {
+              /* @__PURE__ */ e("div", { className: "grid grid-cols-4 gap-2 mt-3 pt-3 border-t border-white/[0.04]", children: A.map((n) => {
                 const s = n.icon;
                 return /* @__PURE__ */ t("div", { className: "text-center", children: [
-                  /* @__PURE__ */ e(s, { className: N("w-3.5 h-3.5 mx-auto mb-0.5", n.color) }),
-                  /* @__PURE__ */ e("p", { className: "text-sm font-semibold text-white/80", children: p[n.key] || 0 }),
-                  /* @__PURE__ */ e("p", { className: "text-[9px] text-white/25", children: d === "zh" ? n.labelZh : n.labelEn })
+                  /* @__PURE__ */ e(s, { className: u("w-3.5 h-3.5 mx-auto mb-0.5", n.color) }),
+                  /* @__PURE__ */ e("p", { className: "text-sm font-semibold text-white/80", children: x[n.key] || 0 }),
+                  /* @__PURE__ */ e("p", { className: "text-[9px] text-white/25", children: h === "zh" ? n.labelZh : n.labelEn })
                 ] }, n.key);
               }) })
             ] }),
-            /* @__PURE__ */ e(W, { children: T && (() => {
-              const n = i.find((s) => s.id === T);
+            /* @__PURE__ */ e(D, { children: E && (() => {
+              const n = r.find((s) => s.id === E);
               return n ? /* @__PURE__ */ t(
-                g.div,
+                b.div,
                 {
                   initial: { scale: 0.8, opacity: 0 },
                   animate: { scale: 1, opacity: 1 },
@@ -978,7 +977,7 @@ const ft = ({
                   className: "p-4 rounded-2xl bg-gradient-to-br from-yellow-500/15 to-orange-500/15 border border-yellow-500/25 text-center",
                   children: [
                     /* @__PURE__ */ e(
-                      g.div,
+                      b.div,
                       {
                         animate: { rotate: [0, -10, 10, -10, 10, 0] },
                         transition: { duration: 0.6, delay: 0.3 },
@@ -986,29 +985,29 @@ const ft = ({
                         children: n.icon
                       }
                     ),
-                    /* @__PURE__ */ e("p", { className: "text-xs text-yellow-300 font-semibold uppercase tracking-wider", children: d === "zh" ? "新成就解锁!" : "Achievement Unlocked!" }),
-                    /* @__PURE__ */ e("p", { className: "text-sm font-bold text-white/90 mt-1", children: d === "zh" ? n.nameZh : n.nameEn }),
-                    /* @__PURE__ */ e("p", { className: "text-[10px] text-white/40 mt-0.5", children: d === "zh" ? n.descZh : n.descEn })
+                    /* @__PURE__ */ e("p", { className: "text-xs text-yellow-300 font-semibold uppercase tracking-wider", children: h === "zh" ? "新成就解锁!" : "Achievement Unlocked!" }),
+                    /* @__PURE__ */ e("p", { className: "text-sm font-bold text-white/90 mt-1", children: h === "zh" ? n.nameZh : n.nameEn }),
+                    /* @__PURE__ */ e("p", { className: "text-[10px] text-white/40 mt-0.5", children: h === "zh" ? n.descZh : n.descEn })
                   ]
                 },
                 "celebration"
               ) : null;
             })() }),
             /* @__PURE__ */ t("div", { children: [
-              /* @__PURE__ */ e("p", { className: "text-xs text-white/40 uppercase tracking-wider font-medium mb-3", children: z("achievements.allBadges") }),
-              /* @__PURE__ */ e("div", { className: "grid grid-cols-2 gap-2", children: i.map((n, s) => /* @__PURE__ */ t(
-                g.div,
+              /* @__PURE__ */ e("p", { className: "text-xs text-white/40 uppercase tracking-wider font-medium mb-3", children: S("achievements.allBadges") }),
+              /* @__PURE__ */ e("div", { className: "grid grid-cols-2 gap-2", children: r.map((n, s) => /* @__PURE__ */ t(
+                b.div,
                 {
                   initial: { opacity: 0, y: 10 },
                   animate: { opacity: 1, y: 0 },
                   transition: { delay: s * 0.05 },
-                  className: N(
+                  className: u(
                     "p-3 rounded-xl border transition-all relative",
                     n.unlocked ? "bg-gradient-to-br from-white/[0.04] to-white/[0.02] border-yellow-500/15 hover:border-yellow-500/25" : "bg-white/[0.01] border-white/[0.04] opacity-50"
                   ),
                   children: [
                     n.newlyUnlocked && /* @__PURE__ */ e(
-                      g.div,
+                      b.div,
                       {
                         animate: { scale: [1, 1.2, 1] },
                         transition: { duration: 1.5, repeat: 1 / 0 },
@@ -1017,162 +1016,156 @@ const ft = ({
                     ),
                     /* @__PURE__ */ t("div", { className: "flex items-center gap-2 mb-1.5", children: [
                       /* @__PURE__ */ e("span", { className: "text-xl", children: n.unlocked ? n.icon : "🔒" }),
-                      n.unlocked && /* @__PURE__ */ e("span", { className: "text-[8px] px-1 py-0.5 rounded-full bg-yellow-500/15 text-yellow-300 border border-yellow-500/15 font-medium", children: d === "zh" ? "已解锁" : "Unlocked" })
+                      n.unlocked && /* @__PURE__ */ e("span", { className: "text-[8px] px-1 py-0.5 rounded-full bg-yellow-500/15 text-yellow-300 border border-yellow-500/15 font-medium", children: h === "zh" ? "已解锁" : "Unlocked" })
                     ] }),
-                    /* @__PURE__ */ e("p", { className: N("text-xs font-medium", n.unlocked ? "text-white/80" : "text-white/30"), children: d === "zh" ? n.nameZh : n.nameEn }),
-                    /* @__PURE__ */ e("p", { className: N("text-[10px] mt-0.5 leading-relaxed", n.unlocked ? "text-white/40" : "text-white/15"), children: d === "zh" ? n.descZh : n.descEn })
+                    /* @__PURE__ */ e("p", { className: u("text-xs font-medium", n.unlocked ? "text-white/80" : "text-white/30"), children: h === "zh" ? n.nameZh : n.nameEn }),
+                    /* @__PURE__ */ e("p", { className: u("text-[10px] mt-0.5 leading-relaxed", n.unlocked ? "text-white/40" : "text-white/15"), children: h === "zh" ? n.descZh : n.descEn })
                   ]
                 },
                 n.id
               )) })
             ] })
           ] }) : /* @__PURE__ */ t("div", { className: "text-center py-16", children: [
-            /* @__PURE__ */ e(J, { className: "w-12 h-12 text-white/10 mx-auto mb-3" }),
-            /* @__PURE__ */ e("p", { className: "text-white/30 text-sm", children: d === "zh" ? "登录后查看成就" : "Sign in to view achievements" })
+            /* @__PURE__ */ e(U, { className: "w-12 h-12 text-white/10 mx-auto mb-3" }),
+            /* @__PURE__ */ e("p", { className: "text-white/30 text-sm", children: h === "zh" ? "登录后查看成就" : "Sign in to view achievements" })
           ] }) }),
           /* @__PURE__ */ e("div", { className: "p-3 border-t border-white/[0.06] flex-shrink-0 flex items-center justify-center", children: /* @__PURE__ */ t("div", { className: "flex items-center gap-1.5 text-white/15", children: [
-            /* @__PURE__ */ e(J, { className: "w-3 h-3" }),
-            /* @__PURE__ */ e("span", { className: "text-[10px]", children: z("achievements.subtitle") })
+            /* @__PURE__ */ e(U, { className: "w-3 h-3" }),
+            /* @__PURE__ */ e("span", { className: "text-[10px]", children: S("achievements.subtitle") })
           ] }) })
         ]
       }
     )
   ] }) });
-}, ae = {
+}, te = {
   happy: "from-yellow-500/20 to-amber-500/20 border-yellow-500/20",
   sad: "from-blue-500/20 to-indigo-500/20 border-blue-500/20",
   energetic: "from-orange-500/20 to-red-500/20 border-orange-500/20",
   calm: "from-cyan-500/20 to-teal-500/20 border-cyan-500/20",
   love: "from-pink-500/20 to-rose-500/20 border-pink-500/20"
-}, it = {
+}, tt = {
   happy: "😊",
   sad: "😢",
   energetic: "⚡",
   calm: "🌙",
   love: "❤️"
-}, ie = [
+}, ae = [
   { min: 0, label: "新手创作者", labelEn: "Beginner", icon: "🌱" },
   { min: 3, label: "铜牌创作者", labelEn: "Bronze Creator", icon: "🥉" },
   { min: 8, label: "银牌创作者", labelEn: "Silver Creator", icon: "🥈" },
   { min: 15, label: "金牌创作者", labelEn: "Gold Creator", icon: "🥇" },
   { min: 30, label: "星级创作者", labelEn: "Star Creator", icon: "⭐" }
 ];
-function lt(m) {
-  let b = ie[0];
-  for (const r of ie)
-    m >= r.min && (b = r);
-  return b;
+function at(d) {
+  let p = ae[0];
+  for (const i of ae)
+    d >= i.min && (p = i);
+  return p;
 }
-const wt = ({
-  isOpen: m,
-  onClose: b,
-  user: r,
-  profile: f,
-  starPower: z,
-  onOpenCreationStudio: d
+const ft = ({
+  isOpen: d,
+  onClose: p,
+  user: i,
+  profile: g,
+  starPower: S,
+  onOpenCreationStudio: h
 }) => {
-  var fe;
-  const { t: i, lang: x } = Y(), [p, M] = h("profile"), [y, D] = h([]), [L, P] = h(!1), [A, $] = h([]), [T, u] = h(!1), [k, I] = h(null), [R, n] = h([]), [s, v] = h(!1), [l, c] = h(null), [C, O] = h([]), [o, j] = h(null), [_, ce] = h(!1), de = B(async () => {
-    u(!0);
+  const { t: r, lang: m } = J(), [x, W] = c("profile"), [N, M] = c([]), [j, P] = c(!1), [T, R] = c([]), [E, w] = c(!1), [v, z] = c(null), [A, n] = c([]), [s, k] = c(!1), [l, f] = c(null), [C, F] = c([]), [o, L] = c(null), [re, ce] = c(!1), de = O(async () => {
+    w(!0);
     try {
-      const a = await E("/creators");
-      a != null && a.creators && $(a.creators);
+      const a = await I("/creators");
+      a?.creators && R(a.creators);
     } catch (a) {
       console.error("Creators fetch error:", a);
     } finally {
-      u(!1);
+      w(!1);
     }
-  }, []), le = B(async (a) => {
-    v(!0);
+  }, []), le = O(async (a) => {
+    k(!0);
     try {
-      const w = await E(`/creators/${encodeURIComponent(a)}/works`);
-      w != null && w.works && n(w.works);
-    } catch (w) {
-      console.error("Creator works error:", w);
+      const y = await I(`/creators/${encodeURIComponent(a)}/works`);
+      y?.works && n(y.works);
+    } catch (y) {
+      console.error("Creator works error:", y);
     } finally {
-      v(!1);
+      k(!1);
     }
-  }, []), X = B(async () => {
+  }, []), K = O(async () => {
     P(!0);
     try {
-      const a = await E("/shared-works");
-      if (a != null && a.works) {
-        const w = r ? a.works.filter((S) => {
-          var F;
-          return S.userName === (((F = r.email) == null ? void 0 : F.split("@")[0]) || "") || S.userId === r.id;
-        }) : a.works;
-        D(w);
+      const a = await I("/shared-works");
+      if (a?.works) {
+        const y = i ? a.works.filter(($) => $.userName === (i.email?.split("@")[0] || "") || $.userId === i.id) : a.works;
+        M(y);
       }
     } catch (a) {
       console.error("IP Matrix fetch error:", a);
     } finally {
       P(!1);
     }
-  }, [r]), Le = B(async (a) => {
-    var w;
-    if (r) {
-      c(a.workId);
+  }, [i]), je = O(async (a) => {
+    if (i) {
+      f(a.workId);
       try {
-        const S = await E("/works/fork", {
+        (await I("/works/fork", {
           method: "POST",
           headers: { "Content-Type": "application/json" },
           body: JSON.stringify({
             originalWorkId: a.workId,
             originalAuthor: a.userName,
-            userId: r.id,
-            userName: ((w = r.email) == null ? void 0 : w.split("@")[0]) || "User",
-            title: `${a.title} (${x === "zh" ? "改编" : "Remix"})`,
+            userId: i.id,
+            userName: i.email?.split("@")[0] || "User",
+            title: `${a.title} (${m === "zh" ? "改编" : "Remix"})`,
             theme: a.theme,
             lyrics: a.lyrics
           })
-        });
-        S != null && S.success && (X(), k && le(k), E(`/achievements/${r.id}/track`, {
+        }))?.success && (K(), v && le(v), I(`/achievements/${i.id}/track`, {
           method: "POST",
           headers: { "Content-Type": "application/json" },
           body: JSON.stringify({ action: "create_work" })
         }).catch(() => {
-        }), a.userId && E(`/achievements/${a.userId}/track`, {
+        }), a.userId && I(`/achievements/${a.userId}/track`, {
           method: "POST",
           headers: { "Content-Type": "application/json" },
           body: JSON.stringify({ action: "receive_fork" })
         }).catch(() => {
         }));
-      } catch (S) {
-        console.error("Fork error:", S);
+      } catch (y) {
+        console.error("Fork error:", y);
       } finally {
-        c(null);
+        f(null);
       }
     }
-  }, [r, X, k, le, x]), Te = B(async (a) => {
+  }, [i, K, v, le, m]), Le = O(async (a) => {
     ce(!0);
     try {
-      const w = await E(`/works/${a}/forks`);
-      w != null && w.forks && O(w.forks);
-    } catch (w) {
-      console.error("Fork chain error:", w), O([]);
+      const y = await I(`/works/${a}/forks`);
+      y?.forks && F(y.forks);
+    } catch (y) {
+      console.error("Fork chain error:", y), F([]);
     } finally {
       ce(!1);
     }
   }, []);
-  K(() => {
-    m && (X(), p === "explore" && de());
-  }, [m, p, X, de]);
-  const ee = y.reduce((a, w) => a + (w.likes || 0), 0), he = y.reduce((a, w) => a + (w.plays || 0), 0), re = lt(y.length), me = (f == null ? void 0 : f.displayName) || ((fe = r == null ? void 0 : r.email) == null ? void 0 : fe.split("@")[0]) || "Creator", xe = f != null && f.joinedAt ? new Date(f.joinedAt).toLocaleDateString(x === "zh" ? "zh-CN" : "en-US", { year: "numeric", month: "short" }) : "", pe = Math.round(
-    y.length * 100 + ee * 50 + he * 10 + z * 0.5
-  ), be = y.length > 0 ? Math.round((ee + he) / Math.max(y.length, 1) * 10) / 10 : 0;
-  return /* @__PURE__ */ e(W, { children: m && /* @__PURE__ */ t(Z, { children: [
+  H(() => {
+    d && (K(), x === "explore" && de());
+  }, [d, x, K, de]);
+  const Q = N.reduce((a, y) => a + (y.likes || 0), 0), he = N.reduce((a, y) => a + (y.plays || 0), 0), ie = at(N.length), me = g?.displayName || i?.email?.split("@")[0] || "Creator", xe = g?.joinedAt ? new Date(g.joinedAt).toLocaleDateString(m === "zh" ? "zh-CN" : "en-US", { year: "numeric", month: "short" }) : "", pe = Math.round(
+    N.length * 100 + Q * 50 + he * 10 + S * 0.5
+  ), be = N.length > 0 ? Math.round((Q + he) / Math.max(N.length, 1) * 10) / 10 : 0;
+  return /* @__PURE__ */ e(D, { children: d && /* @__PURE__ */ t(B, { children: [
     /* @__PURE__ */ e(
-      g.div,
+      b.div,
       {
         initial: { opacity: 0 },
         animate: { opacity: 1 },
         exit: { opacity: 0 },
         className: "fixed inset-0 z-[60] bg-black/50 backdrop-blur-sm",
-        onClick: b
+        onClick: p
       }
     ),
     /* @__PURE__ */ t(
-      g.div,
+      b.div,
       {
         initial: { x: "100%", opacity: 0 },
         animate: { x: 0, opacity: 1 },
@@ -1182,26 +1175,26 @@ const wt = ({
         children: [
           /* @__PURE__ */ t("div", { className: "flex items-center justify-between p-5 border-b border-white/[0.06] flex-shrink-0", children: [
             /* @__PURE__ */ t("div", { className: "flex items-center gap-3", children: [
-              /* @__PURE__ */ e("div", { className: "w-9 h-9 rounded-xl bg-gradient-to-tr from-indigo-500/20 to-pink-500/20 border border-white/10 flex items-center justify-center", children: /* @__PURE__ */ e(G, { className: "w-4.5 h-4.5 text-indigo-400" }) }),
+              /* @__PURE__ */ e("div", { className: "w-9 h-9 rounded-xl bg-gradient-to-tr from-indigo-500/20 to-pink-500/20 border border-white/10 flex items-center justify-center", children: /* @__PURE__ */ e(_, { className: "w-4.5 h-4.5 text-indigo-400" }) }),
               /* @__PURE__ */ t("div", { children: [
-                /* @__PURE__ */ e("h3", { className: "text-white font-semibold text-sm leading-tight", children: i("ipmatrix.title") }),
-                /* @__PURE__ */ e("p", { className: "text-white/30 text-xs", children: i("ipmatrix.subtitle") })
+                /* @__PURE__ */ e("h3", { className: "text-white font-semibold text-sm leading-tight", children: r("ipmatrix.title") }),
+                /* @__PURE__ */ e("p", { className: "text-white/30 text-xs", children: r("ipmatrix.subtitle") })
               ] })
             ] }),
-            /* @__PURE__ */ e("button", { onClick: b, className: "p-2 rounded-lg text-white/40 hover:text-white/70 hover:bg-white/5 transition-colors", children: /* @__PURE__ */ e(Q, { className: "w-4 h-4" }) })
+            /* @__PURE__ */ e("button", { onClick: p, className: "p-2 rounded-lg text-white/40 hover:text-white/70 hover:bg-white/5 transition-colors", children: /* @__PURE__ */ e(V, { className: "w-4 h-4" }) })
           ] }),
           /* @__PURE__ */ e("div", { className: "flex p-2 mx-4 mt-3 bg-white/[0.03] rounded-xl border border-white/[0.06]", children: [
-            { id: "profile", label: i("ipmatrix.creatorProfile"), icon: U },
-            { id: "portfolio", label: i("ipmatrix.portfolio"), icon: q },
-            { id: "explore", label: i("ipmatrix.explore"), icon: ye },
-            { id: "analytics", label: i("ipmatrix.analytics"), icon: Ge }
+            { id: "profile", label: r("ipmatrix.creatorProfile"), icon: Z },
+            { id: "portfolio", label: r("ipmatrix.portfolio"), icon: G },
+            { id: "explore", label: r("ipmatrix.explore"), icon: ue },
+            { id: "analytics", label: r("ipmatrix.analytics"), icon: _e }
           ].map((a) => /* @__PURE__ */ t(
             "button",
             {
-              onClick: () => M(a.id),
-              className: N(
+              onClick: () => W(a.id),
+              className: u(
                 "flex-1 py-2 px-2 rounded-lg text-[11px] font-medium transition-all flex items-center justify-center gap-1",
-                p === a.id ? "bg-indigo-500/20 text-indigo-300 border border-indigo-500/20" : "text-white/40 hover:text-white/60"
+                x === a.id ? "bg-indigo-500/20 text-indigo-300 border border-indigo-500/20" : "text-white/40 hover:text-white/60"
               ),
               children: [
                 /* @__PURE__ */ e(a.icon, { className: "w-3 h-3" }),
@@ -1210,8 +1203,8 @@ const wt = ({
             },
             a.id
           )) }),
-          r ? /* @__PURE__ */ t("div", { className: "flex-1 overflow-y-auto p-4", style: { scrollbarWidth: "none" }, children: [
-            p === "profile" && /* @__PURE__ */ t(g.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, className: "space-y-4", children: [
+          i ? /* @__PURE__ */ t("div", { className: "flex-1 overflow-y-auto p-4", style: { scrollbarWidth: "none" }, children: [
+            x === "profile" && /* @__PURE__ */ t(b.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, className: "space-y-4", children: [
               /* @__PURE__ */ t("div", { className: "p-5 rounded-2xl bg-gradient-to-br from-indigo-500/10 via-purple-500/5 to-pink-500/10 border border-indigo-500/15 relative overflow-hidden", children: [
                 /* @__PURE__ */ e("div", { className: "absolute -top-8 -right-8 w-24 h-24 bg-indigo-500/10 rounded-full blur-2xl" }),
                 /* @__PURE__ */ t("div", { className: "relative flex items-center gap-4", children: [
@@ -1219,12 +1212,12 @@ const wt = ({
                   /* @__PURE__ */ t("div", { className: "flex-1 min-w-0", children: [
                     /* @__PURE__ */ e("h3", { className: "text-lg font-bold text-white truncate", children: me }),
                     /* @__PURE__ */ t("div", { className: "flex items-center gap-2 mt-1", children: [
-                      /* @__PURE__ */ e("span", { className: "text-xs", children: re.icon }),
-                      /* @__PURE__ */ e("span", { className: "text-xs text-indigo-300/70", children: x === "zh" ? re.label : re.labelEn })
+                      /* @__PURE__ */ e("span", { className: "text-xs", children: ie.icon }),
+                      /* @__PURE__ */ e("span", { className: "text-xs text-indigo-300/70", children: m === "zh" ? ie.label : ie.labelEn })
                     ] }),
                     xe && /* @__PURE__ */ t("p", { className: "text-[10px] text-white/20 mt-1 flex items-center gap-1", children: [
-                      /* @__PURE__ */ e(ze, { className: "w-2.5 h-2.5" }),
-                      i("ipmatrix.memberSince"),
+                      /* @__PURE__ */ e(Ce, { className: "w-2.5 h-2.5" }),
+                      r("ipmatrix.memberSince"),
                       " ",
                       xe
                     ] })
@@ -1233,98 +1226,97 @@ const wt = ({
               ] }),
               /* @__PURE__ */ t("div", { className: "grid grid-cols-3 gap-2", children: [
                 /* @__PURE__ */ t("div", { className: "p-3 rounded-xl bg-white/[0.02] border border-white/[0.06] text-center", children: [
-                  /* @__PURE__ */ e(q, { className: "w-4 h-4 text-indigo-400 mx-auto mb-1" }),
-                  /* @__PURE__ */ e("p", { className: "text-lg font-bold text-white font-mono tabular-nums", children: y.length }),
-                  /* @__PURE__ */ e("p", { className: "text-[10px] text-white/25", children: i("ipmatrix.totalWorks") })
+                  /* @__PURE__ */ e(G, { className: "w-4 h-4 text-indigo-400 mx-auto mb-1" }),
+                  /* @__PURE__ */ e("p", { className: "text-lg font-bold text-white font-mono tabular-nums", children: N.length }),
+                  /* @__PURE__ */ e("p", { className: "text-[10px] text-white/25", children: r("ipmatrix.totalWorks") })
                 ] }),
                 /* @__PURE__ */ t("div", { className: "p-3 rounded-xl bg-white/[0.02] border border-white/[0.06] text-center", children: [
-                  /* @__PURE__ */ e(H, { className: "w-4 h-4 text-pink-400 mx-auto mb-1" }),
-                  /* @__PURE__ */ e("p", { className: "text-lg font-bold text-white font-mono tabular-nums", children: ee }),
-                  /* @__PURE__ */ e("p", { className: "text-[10px] text-white/25", children: i("ipmatrix.totalLikes") })
+                  /* @__PURE__ */ e(Y, { className: "w-4 h-4 text-pink-400 mx-auto mb-1" }),
+                  /* @__PURE__ */ e("p", { className: "text-lg font-bold text-white font-mono tabular-nums", children: Q }),
+                  /* @__PURE__ */ e("p", { className: "text-[10px] text-white/25", children: r("ipmatrix.totalLikes") })
                 ] }),
                 /* @__PURE__ */ t("div", { className: "p-3 rounded-xl bg-white/[0.02] border border-white/[0.06] text-center", children: [
-                  /* @__PURE__ */ e(U, { className: "w-4 h-4 text-yellow-400 mx-auto mb-1" }),
-                  /* @__PURE__ */ e("p", { className: "text-lg font-bold text-white font-mono tabular-nums", children: z }),
+                  /* @__PURE__ */ e(Z, { className: "w-4 h-4 text-yellow-400 mx-auto mb-1" }),
+                  /* @__PURE__ */ e("p", { className: "text-lg font-bold text-white font-mono tabular-nums", children: S }),
                   /* @__PURE__ */ e("p", { className: "text-[10px] text-white/25", children: "SP" })
                 ] })
               ] }),
               /* @__PURE__ */ e("div", { className: "p-3 rounded-xl bg-gradient-to-r from-purple-500/5 to-indigo-500/5 border border-purple-500/10", children: /* @__PURE__ */ t("div", { className: "flex items-center justify-between", children: [
                 /* @__PURE__ */ t("div", { children: [
-                  /* @__PURE__ */ e("p", { className: "text-xs text-white/40", children: i("ipmatrix.influence") }),
+                  /* @__PURE__ */ e("p", { className: "text-xs text-white/40", children: r("ipmatrix.influence") }),
                   /* @__PURE__ */ e("p", { className: "text-2xl font-bold text-transparent bg-clip-text bg-gradient-to-r from-purple-300 to-indigo-300 font-mono tabular-nums", children: pe.toLocaleString() })
                 ] }),
                 /* @__PURE__ */ t("div", { className: "text-right", children: [
-                  /* @__PURE__ */ e("p", { className: "text-xs text-white/40", children: i("ipmatrix.engagementRate") }),
+                  /* @__PURE__ */ e("p", { className: "text-xs text-white/40", children: r("ipmatrix.engagementRate") }),
                   /* @__PURE__ */ e("p", { className: "text-lg font-bold text-indigo-300 font-mono tabular-nums", children: be })
                 ] })
               ] }) })
             ] }),
-            p === "portfolio" && /* @__PURE__ */ t(g.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, className: "space-y-3", children: [
+            x === "portfolio" && /* @__PURE__ */ t(b.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, className: "space-y-3", children: [
               /* @__PURE__ */ t("div", { className: "flex items-center justify-between mb-2", children: [
                 /* @__PURE__ */ t("h4", { className: "text-xs font-medium text-white/40 uppercase tracking-wider", children: [
-                  i("ipmatrix.sharedWorks"),
+                  r("ipmatrix.sharedWorks"),
                   " (",
-                  y.length,
+                  N.length,
                   ")"
                 ] }),
                 /* @__PURE__ */ t(
                   "button",
                   {
                     onClick: () => {
-                      b(), d();
+                      p(), h();
                     },
                     className: "flex items-center gap-1 text-[10px] text-indigo-400/60 hover:text-indigo-400 transition-colors",
                     children: [
-                      /* @__PURE__ */ e(Ye, { className: "w-3 h-3" }),
-                      x === "zh" ? "创作工坊" : "Studio"
+                      /* @__PURE__ */ e(Je, { className: "w-3 h-3" }),
+                      m === "zh" ? "创作工坊" : "Studio"
                     ]
                   }
                 )
               ] }),
-              L ? /* @__PURE__ */ e("div", { className: "flex justify-center py-12", children: /* @__PURE__ */ e("div", { className: "w-6 h-6 border-2 border-indigo-500/30 border-t-indigo-500 rounded-full animate-spin" }) }) : y.length === 0 ? /* @__PURE__ */ t("div", { className: "text-center py-12", children: [
-                /* @__PURE__ */ e(q, { className: "w-10 h-10 text-white/10 mx-auto mb-3" }),
-                /* @__PURE__ */ e("p", { className: "text-white/30 text-sm", children: i("ipmatrix.noWorks") }),
-                /* @__PURE__ */ e("p", { className: "text-white/15 text-xs mt-1", children: i("ipmatrix.startCreating") }),
+              j ? /* @__PURE__ */ e("div", { className: "flex justify-center py-12", children: /* @__PURE__ */ e("div", { className: "w-6 h-6 border-2 border-indigo-500/30 border-t-indigo-500 rounded-full animate-spin" }) }) : N.length === 0 ? /* @__PURE__ */ t("div", { className: "text-center py-12", children: [
+                /* @__PURE__ */ e(G, { className: "w-10 h-10 text-white/10 mx-auto mb-3" }),
+                /* @__PURE__ */ e("p", { className: "text-white/30 text-sm", children: r("ipmatrix.noWorks") }),
+                /* @__PURE__ */ e("p", { className: "text-white/15 text-xs mt-1", children: r("ipmatrix.startCreating") }),
                 /* @__PURE__ */ e(
                   "button",
                   {
                     onClick: () => {
-                      b(), d();
+                      p(), h();
                     },
                     className: "mt-4 px-4 py-2 rounded-xl bg-indigo-500/20 text-indigo-300 text-xs font-medium border border-indigo-500/20 hover:bg-indigo-500/30 transition-colors",
-                    children: x === "zh" ? "开始创作" : "Start Creating"
+                    children: m === "zh" ? "开始创作" : "Start Creating"
                   }
                 )
-              ] }) : /* @__PURE__ */ e("div", { className: "space-y-2", children: y.map((a) => {
-                var F;
-                const w = ae[a.theme] || ae.happy, S = it[a.theme] || "🎵";
+              ] }) : /* @__PURE__ */ e("div", { className: "space-y-2", children: N.map((a) => {
+                const y = te[a.theme] || te.happy, $ = tt[a.theme] || "🎵";
                 return /* @__PURE__ */ e(
-                  g.div,
+                  b.div,
                   {
                     initial: { opacity: 0, y: 10 },
                     animate: { opacity: 1, y: 0 },
-                    className: N(
+                    className: u(
                       "p-3 rounded-xl bg-gradient-to-r border transition-colors hover:brightness-110",
-                      w
+                      y
                     ),
                     children: /* @__PURE__ */ t("div", { className: "flex items-start gap-3", children: [
-                      /* @__PURE__ */ e("div", { className: "w-10 h-10 rounded-lg bg-white/10 flex items-center justify-center text-lg flex-shrink-0", children: S }),
+                      /* @__PURE__ */ e("div", { className: "w-10 h-10 rounded-lg bg-white/10 flex items-center justify-center text-lg flex-shrink-0", children: $ }),
                       /* @__PURE__ */ t("div", { className: "flex-1 min-w-0", children: [
                         /* @__PURE__ */ e("p", { className: "text-sm font-medium text-white truncate", children: a.title }),
                         /* @__PURE__ */ t("p", { className: "text-[10px] text-white/25 mt-0.5", children: [
-                          a.mode === "quick" ? x === "zh" ? "极简模式" : "Quick" : a.mode === "master" ? x === "zh" ? "大师模式" : "Master" : a.mode,
+                          a.mode === "quick" ? m === "zh" ? "极简模式" : "Quick" : a.mode === "master" ? m === "zh" ? "大师模式" : "Master" : a.mode,
                           " · ",
-                          ((F = a.lyrics) == null ? void 0 : F.length) || 0,
+                          a.lyrics?.length || 0,
                           " ",
-                          x === "zh" ? "行歌词" : "lines"
+                          m === "zh" ? "行歌词" : "lines"
                         ] }),
                         /* @__PURE__ */ t("div", { className: "flex items-center gap-3 mt-1.5", children: [
                           /* @__PURE__ */ t("span", { className: "flex items-center gap-0.5 text-[10px] text-white/25", children: [
-                            /* @__PURE__ */ e(H, { className: "w-2.5 h-2.5" }),
+                            /* @__PURE__ */ e(Y, { className: "w-2.5 h-2.5" }),
                             " ",
                             a.likes || 0
                           ] }),
-                          /* @__PURE__ */ e("span", { className: "text-[10px] text-white/15", children: new Date(a.createdAt).toLocaleDateString(x === "zh" ? "zh-CN" : "en-US", { month: "short", day: "numeric" }) })
+                          /* @__PURE__ */ e("span", { className: "text-[10px] text-white/15", children: new Date(a.createdAt).toLocaleDateString(m === "zh" ? "zh-CN" : "en-US", { month: "short", day: "numeric" }) })
                         ] })
                       ] })
                     ] })
@@ -1333,92 +1325,91 @@ const wt = ({
                 );
               }) })
             ] }),
-            p === "analytics" && /* @__PURE__ */ t(g.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, className: "space-y-4", children: [
+            x === "analytics" && /* @__PURE__ */ t(b.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, className: "space-y-4", children: [
               /* @__PURE__ */ t("div", { className: "p-4 rounded-xl bg-white/[0.02] border border-white/[0.06]", children: [
-                /* @__PURE__ */ e("h4", { className: "text-xs text-white/40 mb-3", children: i("ipmatrix.creatorLevel") }),
-                /* @__PURE__ */ e("div", { className: "space-y-2", children: ie.map((a, w) => {
-                  var ge;
-                  const S = y.length >= a.min, F = ((ge = ie[w + 1]) == null ? void 0 : ge.min) || a.min + 10, Ae = S ? Math.min((y.length - a.min) / (F - a.min) * 100, 100) : 0;
-                  return /* @__PURE__ */ t("div", { className: N("flex items-center gap-2", !S && "opacity-30"), children: [
+                /* @__PURE__ */ e("h4", { className: "text-xs text-white/40 mb-3", children: r("ipmatrix.creatorLevel") }),
+                /* @__PURE__ */ e("div", { className: "space-y-2", children: ae.map((a, y) => {
+                  const $ = N.length >= a.min, X = ae[y + 1]?.min || a.min + 10, Ee = $ ? Math.min((N.length - a.min) / (X - a.min) * 100, 100) : 0;
+                  return /* @__PURE__ */ t("div", { className: u("flex items-center gap-2", !$ && "opacity-30"), children: [
                     /* @__PURE__ */ e("span", { className: "text-sm w-6 text-center", children: a.icon }),
                     /* @__PURE__ */ t("div", { className: "flex-1", children: [
                       /* @__PURE__ */ t("div", { className: "flex items-center justify-between mb-0.5", children: [
-                        /* @__PURE__ */ e("span", { className: "text-[11px] text-white/60", children: x === "zh" ? a.label : a.labelEn }),
+                        /* @__PURE__ */ e("span", { className: "text-[11px] text-white/60", children: m === "zh" ? a.label : a.labelEn }),
                         /* @__PURE__ */ t("span", { className: "text-[9px] text-white/20 font-mono tabular-nums", children: [
                           a.min,
                           "+"
                         ] })
                       ] }),
-                      /* @__PURE__ */ e("div", { className: "h-1 rounded-full bg-white/[0.06] overflow-hidden", children: S && /* @__PURE__ */ e(
-                        g.div,
+                      /* @__PURE__ */ e("div", { className: "h-1 rounded-full bg-white/[0.06] overflow-hidden", children: $ && /* @__PURE__ */ e(
+                        b.div,
                         {
                           initial: { width: 0 },
-                          animate: { width: `${Ae}%` },
+                          animate: { width: `${Ee}%` },
                           transition: { duration: 0.6 },
                           className: "h-full rounded-full bg-gradient-to-r from-indigo-400 to-purple-500"
                         }
                       ) })
                     ] }),
-                    S && /* @__PURE__ */ e(Se, { className: "w-3 h-3 text-indigo-400" })
+                    $ && /* @__PURE__ */ e(ke, { className: "w-3 h-3 text-indigo-400" })
                   ] }, a.min);
                 }) })
               ] }),
               /* @__PURE__ */ t("div", { className: "grid grid-cols-2 gap-2", children: [
                 /* @__PURE__ */ t("div", { className: "p-3 rounded-xl bg-gradient-to-br from-indigo-500/5 to-purple-500/5 border border-indigo-500/10", children: [
-                  /* @__PURE__ */ e("p", { className: "text-[10px] text-white/25 mb-1", children: i("ipmatrix.influence") }),
+                  /* @__PURE__ */ e("p", { className: "text-[10px] text-white/25 mb-1", children: r("ipmatrix.influence") }),
                   /* @__PURE__ */ e("p", { className: "text-xl font-bold text-transparent bg-clip-text bg-gradient-to-r from-indigo-300 to-purple-300 font-mono tabular-nums", children: pe.toLocaleString() })
                 ] }),
                 /* @__PURE__ */ t("div", { className: "p-3 rounded-xl bg-gradient-to-br from-pink-500/5 to-rose-500/5 border border-pink-500/10", children: [
-                  /* @__PURE__ */ e("p", { className: "text-[10px] text-white/25 mb-1", children: i("ipmatrix.engagementRate") }),
+                  /* @__PURE__ */ e("p", { className: "text-[10px] text-white/25 mb-1", children: r("ipmatrix.engagementRate") }),
                   /* @__PURE__ */ e("p", { className: "text-xl font-bold text-transparent bg-clip-text bg-gradient-to-r from-pink-300 to-rose-300 font-mono tabular-nums", children: be })
                 ] }),
                 /* @__PURE__ */ t("div", { className: "p-3 rounded-xl bg-gradient-to-br from-yellow-500/5 to-amber-500/5 border border-yellow-500/10", children: [
-                  /* @__PURE__ */ e("p", { className: "text-[10px] text-white/25 mb-1", children: i("ipmatrix.totalLikes") }),
-                  /* @__PURE__ */ e("p", { className: "text-xl font-bold text-yellow-300 font-mono tabular-nums", children: ee })
+                  /* @__PURE__ */ e("p", { className: "text-[10px] text-white/25 mb-1", children: r("ipmatrix.totalLikes") }),
+                  /* @__PURE__ */ e("p", { className: "text-xl font-bold text-yellow-300 font-mono tabular-nums", children: Q })
                 ] }),
                 /* @__PURE__ */ t("div", { className: "p-3 rounded-xl bg-gradient-to-br from-cyan-500/5 to-teal-500/5 border border-cyan-500/10", children: [
-                  /* @__PURE__ */ e("p", { className: "text-[10px] text-white/25 mb-1", children: i("ipmatrix.totalWorks") }),
-                  /* @__PURE__ */ e("p", { className: "text-xl font-bold text-cyan-300 font-mono tabular-nums", children: y.length })
+                  /* @__PURE__ */ e("p", { className: "text-[10px] text-white/25 mb-1", children: r("ipmatrix.totalWorks") }),
+                  /* @__PURE__ */ e("p", { className: "text-xl font-bold text-cyan-300 font-mono tabular-nums", children: N.length })
                 ] })
               ] })
             ] }),
-            p === "explore" && /* @__PURE__ */ e(g.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, className: "space-y-4", children: k ? /* @__PURE__ */ t(Z, { children: [
+            x === "explore" && /* @__PURE__ */ e(b.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, className: "space-y-4", children: v ? /* @__PURE__ */ t(B, { children: [
               /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
                 /* @__PURE__ */ t(
                   "button",
                   {
                     onClick: () => {
-                      I(null), n([]);
+                      z(null), n([]);
                     },
                     className: "flex items-center gap-1 text-xs text-white/40 hover:text-white/70 transition-colors",
                     children: [
-                      /* @__PURE__ */ e(qe, { className: "w-3.5 h-3.5" }),
-                      i("ipmatrix.back")
+                      /* @__PURE__ */ e(Ge, { className: "w-3.5 h-3.5" }),
+                      r("ipmatrix.back")
                     ]
                   }
                 ),
                 /* @__PURE__ */ t("span", { className: "text-sm font-semibold text-white/80", children: [
-                  k,
-                  i("ipmatrix.creatorPortfolio")
+                  v,
+                  r("ipmatrix.creatorPortfolio")
                 ] })
               ] }),
-              s ? /* @__PURE__ */ e("div", { className: "flex justify-center py-12", children: /* @__PURE__ */ e("div", { className: "w-6 h-6 border-2 border-indigo-500/30 border-t-indigo-500 rounded-full animate-spin" }) }) : R.length === 0 ? /* @__PURE__ */ t("div", { className: "text-center py-12", children: [
-                /* @__PURE__ */ e(q, { className: "w-10 h-10 text-white/10 mx-auto mb-3" }),
-                /* @__PURE__ */ e("p", { className: "text-white/30 text-sm", children: i("ipmatrix.noWorks") })
-              ] }) : /* @__PURE__ */ e("div", { className: "space-y-2", children: R.map((a) => {
-                const w = ae[a.theme] || ae.happy;
+              s ? /* @__PURE__ */ e("div", { className: "flex justify-center py-12", children: /* @__PURE__ */ e("div", { className: "w-6 h-6 border-2 border-indigo-500/30 border-t-indigo-500 rounded-full animate-spin" }) }) : A.length === 0 ? /* @__PURE__ */ t("div", { className: "text-center py-12", children: [
+                /* @__PURE__ */ e(G, { className: "w-10 h-10 text-white/10 mx-auto mb-3" }),
+                /* @__PURE__ */ e("p", { className: "text-white/30 text-sm", children: r("ipmatrix.noWorks") })
+              ] }) : /* @__PURE__ */ e("div", { className: "space-y-2", children: A.map((a) => {
+                const y = te[a.theme] || te.happy;
                 return /* @__PURE__ */ t("div", { className: "p-3 rounded-xl bg-white/[0.02] border border-white/[0.06] hover:bg-white/[0.04] transition-colors", children: [
                   /* @__PURE__ */ t("div", { className: "flex items-start justify-between", children: [
                     /* @__PURE__ */ t("div", { className: "min-w-0 flex-1", children: [
                       /* @__PURE__ */ e("h4", { className: "text-sm font-medium text-white/80 truncate", children: a.title }),
                       /* @__PURE__ */ t("div", { className: "flex items-center gap-2 mt-1", children: [
-                        /* @__PURE__ */ e("span", { className: N("text-[9px] px-1.5 py-0.5 rounded-full border", w), children: a.theme }),
-                        /* @__PURE__ */ e("span", { className: "text-[10px] text-white/20", children: new Date(a.createdAt).toLocaleDateString(x === "zh" ? "zh-CN" : "en-US", { month: "short", day: "numeric" }) })
+                        /* @__PURE__ */ e("span", { className: u("text-[9px] px-1.5 py-0.5 rounded-full border", y), children: a.theme }),
+                        /* @__PURE__ */ e("span", { className: "text-[10px] text-white/20", children: new Date(a.createdAt).toLocaleDateString(m === "zh" ? "zh-CN" : "en-US", { month: "short", day: "numeric" }) })
                       ] }),
                       a.forkedFrom && /* @__PURE__ */ t("p", { className: "text-[9px] text-purple-400/50 mt-1 flex items-center gap-0.5", children: [
-                        /* @__PURE__ */ e(ve, { className: "w-2.5 h-2.5" }),
+                        /* @__PURE__ */ e(Ne, { className: "w-2.5 h-2.5" }),
                         " ",
-                        i("ipmatrix.forkedFrom"),
+                        r("ipmatrix.forkedFrom"),
                         " ",
                         a.forkedFrom.author
                       ] }),
@@ -1427,12 +1418,12 @@ const wt = ({
                     /* @__PURE__ */ t("div", { className: "flex flex-col items-end gap-1.5 ml-2 flex-shrink-0", children: [
                       /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
                         /* @__PURE__ */ t("span", { className: "flex items-center gap-0.5 text-[10px] text-pink-400/50", children: [
-                          /* @__PURE__ */ e(H, { className: "w-2.5 h-2.5" }),
+                          /* @__PURE__ */ e(Y, { className: "w-2.5 h-2.5" }),
                           " ",
                           a.likes || 0
                         ] }),
                         /* @__PURE__ */ t("span", { className: "flex items-center gap-0.5 text-[10px] text-white/20", children: [
-                          /* @__PURE__ */ e(Ie, { className: "w-2.5 h-2.5" }),
+                          /* @__PURE__ */ e(Se, { className: "w-2.5 h-2.5" }),
                           " ",
                           a.plays || 0
                         ] })
@@ -1441,13 +1432,13 @@ const wt = ({
                         /* @__PURE__ */ t(
                           "button",
                           {
-                            onClick: () => Le(a),
-                            disabled: l === a.workId || !r,
+                            onClick: () => je(a),
+                            disabled: l === a.workId || !i,
                             className: "flex items-center gap-0.5 px-1.5 py-0.5 rounded text-[9px] bg-purple-500/10 border border-purple-500/15 text-purple-300/70 hover:bg-purple-500/20 hover:text-purple-200 transition-all disabled:opacity-30",
-                            title: i("ipmatrix.forkWork"),
+                            title: r("ipmatrix.forkWork"),
                             children: [
-                              /* @__PURE__ */ e(ve, { className: "w-2.5 h-2.5" }),
-                              l === a.workId ? i("ipmatrix.forking") : i("ipmatrix.forkWork")
+                              /* @__PURE__ */ e(Ne, { className: "w-2.5 h-2.5" }),
+                              l === a.workId ? r("ipmatrix.forking") : r("ipmatrix.forkWork")
                             ]
                           }
                         ),
@@ -1455,11 +1446,11 @@ const wt = ({
                           "button",
                           {
                             onClick: () => {
-                              o === a.workId ? (j(null), O([])) : (j(a.workId), Te(a.workId));
+                              o === a.workId ? (L(null), F([])) : (L(a.workId), Le(a.workId));
                             },
                             className: "flex items-center gap-0.5 px-1.5 py-0.5 rounded text-[9px] bg-white/[0.04] border border-white/[0.08] text-white/30 hover:text-white/50 transition-all",
-                            title: i("ipmatrix.forkTree"),
-                            children: /* @__PURE__ */ e(ke, { className: "w-2.5 h-2.5" })
+                            title: r("ipmatrix.forkTree"),
+                            children: /* @__PURE__ */ e(ye, { className: "w-2.5 h-2.5" })
                           }
                         )
                       ] })
@@ -1467,33 +1458,33 @@ const wt = ({
                   ] }),
                   o === a.workId && /* @__PURE__ */ t("div", { className: "mt-2 pt-2 border-t border-white/[0.06]", children: [
                     /* @__PURE__ */ t("p", { className: "text-[9px] text-white/30 mb-1.5 flex items-center gap-1", children: [
-                      /* @__PURE__ */ e(ke, { className: "w-2.5 h-2.5" }),
+                      /* @__PURE__ */ e(ye, { className: "w-2.5 h-2.5" }),
                       " ",
-                      i("ipmatrix.forkTree")
+                      r("ipmatrix.forkTree")
                     ] }),
-                    _ ? /* @__PURE__ */ e("div", { className: "flex justify-center py-2", children: /* @__PURE__ */ e("div", { className: "w-4 h-4 border border-purple-500/30 border-t-purple-500 rounded-full animate-spin" }) }) : C.length === 0 ? /* @__PURE__ */ e("p", { className: "text-[9px] text-white/15 text-center py-1", children: x === "zh" ? "暂无改编分支" : "No forks yet" }) : /* @__PURE__ */ e("div", { className: "space-y-1 pl-2", children: C.map((S, F) => /* @__PURE__ */ t("div", { className: "flex items-center gap-1.5 text-[9px]", children: [
+                    re ? /* @__PURE__ */ e("div", { className: "flex justify-center py-2", children: /* @__PURE__ */ e("div", { className: "w-4 h-4 border border-purple-500/30 border-t-purple-500 rounded-full animate-spin" }) }) : C.length === 0 ? /* @__PURE__ */ e("p", { className: "text-[9px] text-white/15 text-center py-1", children: m === "zh" ? "暂无改编分支" : "No forks yet" }) : /* @__PURE__ */ e("div", { className: "space-y-1 pl-2", children: C.map(($, X) => /* @__PURE__ */ t("div", { className: "flex items-center gap-1.5 text-[9px]", children: [
                       /* @__PURE__ */ t("div", { className: "flex flex-col items-center w-3", children: [
-                        F < C.length - 1 && /* @__PURE__ */ e("div", { className: "w-px h-3 bg-purple-500/20" }),
+                        X < C.length - 1 && /* @__PURE__ */ e("div", { className: "w-px h-3 bg-purple-500/20" }),
                         /* @__PURE__ */ e("div", { className: "w-1.5 h-1.5 rounded-full bg-purple-500/40 flex-shrink-0" }),
-                        F < C.length - 1 && /* @__PURE__ */ e("div", { className: "w-px h-3 bg-purple-500/20" })
+                        X < C.length - 1 && /* @__PURE__ */ e("div", { className: "w-px h-3 bg-purple-500/20" })
                       ] }),
-                      /* @__PURE__ */ e("span", { className: "text-white/40", children: S.author }),
-                      /* @__PURE__ */ e("span", { className: "text-white/15", children: new Date(S.forkedAt).toLocaleDateString(x === "zh" ? "zh-CN" : "en-US", { month: "short", day: "numeric" }) })
-                    ] }, S.workId)) })
+                      /* @__PURE__ */ e("span", { className: "text-white/40", children: $.author }),
+                      /* @__PURE__ */ e("span", { className: "text-white/15", children: new Date($.forkedAt).toLocaleDateString(m === "zh" ? "zh-CN" : "en-US", { month: "short", day: "numeric" }) })
+                    ] }, $.workId)) })
                   ] })
                 ] }, a.workId);
               }) })
-            ] }) : /* @__PURE__ */ t(Z, { children: [
-              /* @__PURE__ */ e("h4", { className: "text-xs font-medium text-white/40 uppercase tracking-wider", children: i("ipmatrix.allCreators") }),
-              T ? /* @__PURE__ */ e("div", { className: "flex justify-center py-12", children: /* @__PURE__ */ e("div", { className: "w-6 h-6 border-2 border-indigo-500/30 border-t-indigo-500 rounded-full animate-spin" }) }) : A.length === 0 ? /* @__PURE__ */ t("div", { className: "text-center py-12", children: [
-                /* @__PURE__ */ e(ye, { className: "w-10 h-10 text-white/10 mx-auto mb-3" }),
-                /* @__PURE__ */ e("p", { className: "text-white/30 text-sm", children: x === "zh" ? "暂无其他创作者" : "No creators yet" }),
-                /* @__PURE__ */ e("p", { className: "text-white/15 text-xs mt-1", children: x === "zh" ? "分享作品后即可在此展示" : "Share works to appear here" })
-              ] }) : /* @__PURE__ */ e("div", { className: "space-y-2", children: A.map((a, w) => /* @__PURE__ */ e(
+            ] }) : /* @__PURE__ */ t(B, { children: [
+              /* @__PURE__ */ e("h4", { className: "text-xs font-medium text-white/40 uppercase tracking-wider", children: r("ipmatrix.allCreators") }),
+              E ? /* @__PURE__ */ e("div", { className: "flex justify-center py-12", children: /* @__PURE__ */ e("div", { className: "w-6 h-6 border-2 border-indigo-500/30 border-t-indigo-500 rounded-full animate-spin" }) }) : T.length === 0 ? /* @__PURE__ */ t("div", { className: "text-center py-12", children: [
+                /* @__PURE__ */ e(ue, { className: "w-10 h-10 text-white/10 mx-auto mb-3" }),
+                /* @__PURE__ */ e("p", { className: "text-white/30 text-sm", children: m === "zh" ? "暂无其他创作者" : "No creators yet" }),
+                /* @__PURE__ */ e("p", { className: "text-white/15 text-xs mt-1", children: m === "zh" ? "分享作品后即可在此展示" : "Share works to appear here" })
+              ] }) : /* @__PURE__ */ e("div", { className: "space-y-2", children: T.map((a, y) => /* @__PURE__ */ e(
                 "button",
                 {
                   onClick: () => {
-                    I(a.userName), le(a.userName);
+                    z(a.userName), le(a.userName);
                   },
                   className: "w-full p-3 rounded-xl bg-white/[0.02] border border-white/[0.06] hover:bg-white/[0.05] hover:border-indigo-500/20 transition-all text-left group",
                   children: /* @__PURE__ */ t("div", { className: "flex items-center gap-3", children: [
@@ -1504,10 +1495,10 @@ const wt = ({
                         /* @__PURE__ */ t("span", { className: "text-[10px] text-white/25", children: [
                           a.works,
                           " ",
-                          i("ipmatrix.works")
+                          r("ipmatrix.works")
                         ] }),
                         /* @__PURE__ */ t("span", { className: "flex items-center gap-0.5 text-[10px] text-pink-400/40", children: [
-                          /* @__PURE__ */ e(H, { className: "w-2.5 h-2.5" }),
+                          /* @__PURE__ */ e(Y, { className: "w-2.5 h-2.5" }),
                           " ",
                           a.totalLikes
                         ] })
@@ -1516,20 +1507,20 @@ const wt = ({
                     /* @__PURE__ */ e(se, { className: "w-4 h-4 text-white/15 group-hover:text-indigo-400/50 transition-colors flex-shrink-0" })
                   ] })
                 },
-                a.userName + w
+                a.userName + y
               )) })
             ] }) })
-          ] }) : /* @__PURE__ */ e("div", { className: "flex-1 flex items-center justify-center", children: /* @__PURE__ */ e("p", { className: "text-white/30 text-sm", children: i("ipmatrix.signInRequired") }) })
+          ] }) : /* @__PURE__ */ e("div", { className: "flex-1 flex items-center justify-center", children: /* @__PURE__ */ e("p", { className: "text-white/30 text-sm", children: r("ipmatrix.signInRequired") }) })
         ]
       }
     )
   ] }) });
 };
 export {
-  gt as AchievementsPanel,
-  wt as IPMatrixPanel,
-  ft as LeaderboardPanel,
-  pt as StarPowerPanel,
-  bt as StarPowerShop
+  bt as AchievementsPanel,
+  ft as IPMatrixPanel,
+  pt as LeaderboardPanel,
+  mt as StarPowerPanel,
+  xt as StarPowerShop
 };
 //# sourceMappingURL=index.js.map