sa2kit 2.0.3 → 3.0.0

package/dist/business/index.js

@@ -1,12 +1,10 @@
 'use strict';
 
-var React5 = require('react');
-var reactDom = require('react-dom');
-var lucideReact = require('lucide-react');
+var React = require('react');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var React5__default = /*#__PURE__*/_interopDefault(React5);
+var React__default = /*#__PURE__*/_interopDefault(React);
 
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -14,1104 +12,6 @@ var __export = (target, all) => {
     __defProp(target, name, { get: all[name], enumerable: true });
 };
 
-// src/business/auth-legacy/index.ts
-var auth_legacy_exports = {};
-__export(auth_legacy_exports, {
-  AuthGuard: () => AuthGuard,
-  AuthProvider: () => AuthProvider,
-  ForgotPasswordModal: () => ForgotPasswordModal,
-  LoginModal: () => LoginModal,
-  RegisterModal: () => RegisterModal,
-  UserMenu: () => UserMenu,
-  UserRole: () => UserRole,
-  calculateSessionExpiry: () => calculateSessionExpiry,
-  generateSessionToken: () => generateSessionToken,
-  getUserDisplayName: () => getUserDisplayName,
-  isActiveUser: () => isActiveUser,
-  isAdmin: () => isAdmin,
-  isSessionExpired: () => isSessionExpired,
-  useAuth: () => useAuth,
-  validatePassword: () => validatePassword,
-  validatePhoneNumber: () => validatePhoneNumber
-});
-var AuthContext = React5.createContext(void 0);
-function extractUser(data) {
-  return data?.user ?? data?.data?.user ?? null;
-}
-function extractValid(data) {
-  if (typeof data?.valid === "boolean") return data.valid;
-  if (typeof data?.data?.valid === "boolean") return data.data.valid;
-  return false;
-}
-function AuthProvider({ children }) {
-  const [user, setUser] = React5.useState(null);
-  const [loading, setLoading] = React5.useState(true);
-  const [isAuthenticated, setIsAuthenticated] = React5.useState(false);
-  const isMountedRef = React5.useRef(true);
-  const safeSetState = React5.useCallback((updater) => {
-    if (isMountedRef.current) {
-      updater();
-    }
-  }, []);
-  const validateSession = React5.useCallback(async () => {
-    console.log("\u{1F50D} [AuthContext] \u5F00\u59CB\u9A8C\u8BC1\u4F1A\u8BDD...");
-    try {
-      const response = await fetch("/api/auth/validate");
-      console.log("\u{1F4E1} [AuthContext] \u4F1A\u8BDD\u9A8C\u8BC1\u54CD\u5E94\u72B6\u6001:", response.status);
-      const data = await response.json();
-      console.log("\u{1F4C4} [AuthContext] \u4F1A\u8BDD\u9A8C\u8BC1\u54CD\u5E94\u6570\u636E:", data);
-      const resolvedUser = extractUser(data);
-      const resolvedValid = extractValid(data);
-      safeSetState(() => {
-        if (resolvedValid && resolvedUser) {
-          console.log("\u2705 [AuthContext] \u4F1A\u8BDD\u9A8C\u8BC1\u6210\u529F, \u7528\u6237:", resolvedUser);
-          setUser(resolvedUser);
-          setIsAuthenticated(true);
-        } else {
-          console.log("\u274C [AuthContext] \u4F1A\u8BDD\u9A8C\u8BC1\u5931\u8D25:", data.message);
-          setUser(null);
-          setIsAuthenticated(false);
-        }
-        setLoading(false);
-      });
-    } catch (error) {
-      console.error("\u{1F4A5} [AuthContext] \u4F1A\u8BDD\u9A8C\u8BC1\u5F02\u5E38:", error);
-      safeSetState(() => {
-        setUser(null);
-        setIsAuthenticated(false);
-        setLoading(false);
-      });
-    }
-  }, [safeSetState]);
-  const login = React5.useCallback(async (credentials) => {
-    console.log("\u{1F511} [AuthContext] \u5F00\u59CB\u767B\u5F55...");
-    console.log("\u{1F4DD} [AuthContext] \u767B\u5F55\u51ED\u636E:", { phone: credentials.phone, password: "***" });
-    try {
-      console.log("\u{1F4E4} [AuthContext] \u53D1\u9001\u767B\u5F55\u8BF7\u6C42\u5230 /api/auth/login");
-      const response = await fetch("/api/auth/login", {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify(credentials)
-      });
-      console.log("\u{1F4E1} [AuthContext] \u6536\u5230\u54CD\u5E94\uFF0C\u72B6\u6001\u7801:", response.status);
-      const data = await response.json();
-      console.log("\u{1F4C4} [AuthContext] \u54CD\u5E94\u6570\u636E:", data);
-      const resolvedUser = extractUser(data);
-      if (data.success && resolvedUser) {
-        console.log("\u2705 [AuthContext] \u767B\u5F55\u6210\u529F, \u5F00\u59CB\u66F4\u65B0\u5168\u5C40\u72B6\u6001");
-        console.log("\u{1F464} [AuthContext] \u7528\u6237\u6570\u636E:", resolvedUser);
-        console.log("\u{1F4CA} [AuthContext] \u66F4\u65B0\u524D\u72B6\u6001:", {
-          currentUser: user ? `${user.name || "\u672A\u8BBE\u7F6E"} (${user.phone})` : null,
-          currentIsAuthenticated: isAuthenticated,
-          currentLoading: loading
-        });
-        console.log("\u{1F504} [AuthContext] \u6267\u884C\u5168\u5C40\u72B6\u6001\u66F4\u65B0...");
-        safeSetState(() => {
-          console.log("\u{1F504} [AuthContext] \u6B63\u5728\u8BBE\u7F6E\u7528\u6237:", resolvedUser);
-          setUser(resolvedUser);
-          console.log("\u{1F504} [AuthContext] \u6B63\u5728\u8BBE\u7F6E\u8BA4\u8BC1\u72B6\u6001: true");
-          setIsAuthenticated(true);
-          console.log("\u{1F504} [AuthContext] \u6B63\u5728\u8BBE\u7F6E\u52A0\u8F7D\u72B6\u6001: false");
-          setLoading(false);
-          console.log("\u2705 [AuthContext] \u5168\u5C40\u72B6\u6001\u66F4\u65B0\u5B8C\u6210");
-        });
-        setTimeout(() => {
-          console.log("\u{1F389} [AuthContext] \u5EF6\u8FDF\u786E\u8BA4 - \u5168\u5C40\u767B\u5F55\u72B6\u6001\u5E94\u8BE5\u5DF2\u66F4\u65B0:", {
-            user: resolvedUser,
-            isAuthenticated: true
-          });
-        }, 0);
-        console.log("\u{1F680} [AuthContext] \u8FD4\u56DE\u6210\u529F\u7ED3\u679C");
-        return { success: true, user: resolvedUser };
-      } else {
-        console.log("\u274C [AuthContext] \u767B\u5F55\u5931\u8D25:", data.message);
-        return { success: false, message: data.message };
-      }
-    } catch (error) {
-      console.error("\u{1F4A5} [AuthContext] \u767B\u5F55\u5F02\u5E38:", error);
-      return { success: false, message: "\u767B\u5F55\u5931\u8D25\uFF0C\u8BF7\u7A0D\u540E\u91CD\u8BD5" };
-    }
-  }, [safeSetState, user, isAuthenticated, loading]);
-  const register = React5.useCallback(async (userData) => {
-    console.log("\u{1F4DD} [AuthContext] \u5F00\u59CB\u6CE8\u518C...");
-    try {
-      const response = await fetch("/api/auth/register", {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify(userData)
-      });
-      const data = await response.json();
-      console.log("\u{1F4E1} [AuthContext] \u6CE8\u518C\u54CD\u5E94:", data);
-      const resolvedUser = extractUser(data);
-      if (data.success && resolvedUser) {
-        console.log("\u2705 [AuthContext] \u6CE8\u518C\u6210\u529F, \u7ACB\u5373\u66F4\u65B0\u5168\u5C40\u72B6\u6001");
-        safeSetState(() => {
-          setUser(resolvedUser);
-          setIsAuthenticated(true);
-          setLoading(false);
-        });
-        console.log("\u{1F680} [AuthContext] \u8FD4\u56DE\u6CE8\u518C\u6210\u529F\u7ED3\u679C");
-        return { success: true, user: resolvedUser };
-      } else {
-        console.log("\u274C [AuthContext] \u6CE8\u518C\u5931\u8D25:", data.message);
-        return { success: false, message: data.message };
-      }
-    } catch (error) {
-      console.error("\u{1F4A5} [AuthContext] \u6CE8\u518C\u5F02\u5E38:", error);
-      return { success: false, message: "\u6CE8\u518C\u5931\u8D25\uFF0C\u8BF7\u7A0D\u540E\u91CD\u8BD5" };
-    }
-  }, [safeSetState]);
-  const logout = React5.useCallback(async () => {
-    console.log("\u{1F6AA} [AuthContext] \u5F00\u59CB\u767B\u51FA...");
-    try {
-      await fetch("/api/auth/logout", { method: "POST" });
-      safeSetState(() => {
-        setUser(null);
-        setIsAuthenticated(false);
-      });
-      console.log("\u2705 [AuthContext] \u767B\u51FA\u6210\u529F, \u5168\u5C40\u72B6\u6001\u5DF2\u6E05\u9664");
-    } catch (error) {
-      console.error("\u{1F4A5} [AuthContext] \u767B\u51FA\u5931\u8D25:", error);
-    }
-  }, [safeSetState]);
-  const refreshUser = React5.useCallback(() => {
-    console.log("\u{1F504} [AuthContext] \u5237\u65B0\u7528\u6237\u4FE1\u606F...");
-    setLoading(true);
-    validateSession();
-  }, [validateSession]);
-  React5.useEffect(() => {
-    isMountedRef.current = true;
-    return () => {
-      isMountedRef.current = false;
-    };
-  }, []);
-  React5.useEffect(() => {
-    console.log("\u{1F680} [AuthContext] \u521D\u59CB\u5316, \u5F00\u59CB\u9A8C\u8BC1\u4F1A\u8BDD");
-    validateSession();
-  }, [validateSession]);
-  React5.useEffect(() => {
-    console.log("\u{1F4CA} [AuthContext] \u5168\u5C40\u72B6\u6001\u53D8\u5316:", {
-      isAuthenticated,
-      user: user ? `${user.name || "\u672A\u8BBE\u7F6E"} (${user.phone})` : null,
-      loading
-    });
-  }, [isAuthenticated, user, loading]);
-  const value = {
-    user,
-    loading,
-    isAuthenticated,
-    login,
-    register,
-    logout,
-    refreshUser
-  };
-  return /* @__PURE__ */ React5__default.default.createElement(AuthContext.Provider, { value }, children);
-}
-function useAuth() {
-  const context = React5.useContext(AuthContext);
-  if (context === void 0) {
-    throw new Error("useAuth must be used within an AuthProvider");
-  }
-  return context;
-}
-
-// src/business/auth-legacy/utils/authUtils.ts
-function validatePhoneNumber(phone) {
-  return /^1[3-9]\d{9}$/.test(phone);
-}
-function validatePassword(password) {
-  if (!password) {
-    return { valid: false, message: "\u5BC6\u7801\u4E0D\u80FD\u4E3A\u7A7A" };
-  }
-  if (password.length < 6) {
-    return { valid: false, message: "\u5BC6\u7801\u957F\u5EA6\u81F3\u5C116\u4F4D" };
-  }
-  return { valid: true };
-}
-function generateSessionToken() {
-  return Math.random().toString(36).substring(2) + Date.now().toString(36) + Math.random().toString(36).substring(2);
-}
-function isAdmin(user) {
-  return user?.role === "admin";
-}
-function isActiveUser(user) {
-  return user?.isActive === true;
-}
-function getUserDisplayName(user) {
-  return user.name || user.phone || "\u672A\u77E5\u7528\u6237";
-}
-function calculateSessionExpiry(days = 30) {
-  return new Date(Date.now() + days * 24 * 60 * 60 * 1e3);
-}
-function isSessionExpired(expiresAt) {
-  return /* @__PURE__ */ new Date() > new Date(expiresAt);
-}
-function ForgotPasswordModal({ isOpen, onClose, onSuccess }) {
-  const [formData, setFormData] = React5.useState({
-    phone: "",
-    newPassword: "",
-    confirmPassword: "",
-    verificationCode: ""
-  });
-  const [showPassword, setShowPassword] = React5.useState(false);
-  const [showConfirmPassword, setShowConfirmPassword] = React5.useState(false);
-  const [error, setError] = React5.useState("");
-  const [loading, setLoading] = React5.useState(false);
-  const [countdown, setCountdown] = React5.useState(0);
-  const [mounted, setMounted] = React5.useState(false);
-  React5.useEffect(() => {
-    setMounted(true);
-  }, []);
-  const handleInputChange = (e) => {
-    const { name, value } = e.target;
-    setFormData((prev) => ({ ...prev, [name]: value }));
-    if (error) setError("");
-  };
-  const validateForm = () => {
-    if (!formData.phone || !formData.newPassword || !formData.confirmPassword || !formData.verificationCode) {
-      setError("\u8BF7\u586B\u5199\u5B8C\u6574\u4FE1\u606F");
-      return false;
-    }
-    if (!validatePhoneNumber(formData.phone)) {
-      setError("\u8BF7\u8F93\u5165\u6B63\u786E\u7684\u624B\u673A\u53F7\u683C\u5F0F");
-      return false;
-    }
-    const passwordValidation = validatePassword(formData.newPassword);
-    if (!passwordValidation.valid) {
-      setError(passwordValidation.message || "\u5BC6\u7801\u683C\u5F0F\u9519\u8BEF");
-      return false;
-    }
-    if (formData.newPassword !== formData.confirmPassword) {
-      setError("\u4E24\u6B21\u8F93\u5165\u7684\u5BC6\u7801\u4E0D\u4E00\u81F4");
-      return false;
-    }
-    if (!/^\d{6}$/.test(formData.verificationCode)) {
-      setError("\u8BF7\u8F93\u51656\u4F4D\u6570\u5B57\u9A8C\u8BC1\u7801");
-      return false;
-    }
-    return true;
-  };
-  const handleSendCode = async () => {
-    if (!formData.phone) {
-      setError("\u8BF7\u8F93\u5165\u624B\u673A\u53F7");
-      return;
-    }
-    if (!validatePhoneNumber(formData.phone)) {
-      setError("\u8BF7\u8F93\u5165\u6B63\u786E\u7684\u624B\u673A\u53F7\u683C\u5F0F");
-      return;
-    }
-    try {
-      setLoading(true);
-      setError("");
-      const response = await fetch("/api/auth/send-verification-code", {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ phone: formData.phone })
-      });
-      const data = await response.json();
-      if (data.success) {
-        setCountdown(60);
-        const timer = setInterval(() => {
-          setCountdown((prev) => {
-            if (prev <= 1) {
-              clearInterval(timer);
-              return 0;
-            }
-            return prev - 1;
-          });
-        }, 1e3);
-        console.log("\u2705 \u9A8C\u8BC1\u7801\u53D1\u9001\u6210\u529F");
-      } else {
-        setError(data.message || "\u53D1\u9001\u9A8C\u8BC1\u7801\u5931\u8D25");
-      }
-    } catch (error2) {
-      console.error("\u53D1\u9001\u9A8C\u8BC1\u7801\u5F02\u5E38:", error2);
-      setError("\u53D1\u9001\u9A8C\u8BC1\u7801\u5931\u8D25\uFF0C\u8BF7\u7A0D\u540E\u91CD\u8BD5");
-    } finally {
-      setLoading(false);
-    }
-  };
-  const handleSubmit = async (e) => {
-    e.preventDefault();
-    setError("");
-    setLoading(true);
-    try {
-      if (!validateForm()) {
-        return;
-      }
-      const response = await fetch("/api/auth/reset-password", {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({
-          phone: formData.phone,
-          newPassword: formData.newPassword,
-          verificationCode: formData.verificationCode
-        })
-      });
-      const data = await response.json();
-      if (data.success) {
-        onSuccess();
-      } else {
-        setError(data.message || "\u91CD\u7F6E\u5BC6\u7801\u5931\u8D25");
-      }
-    } catch (error2) {
-      setError("\u91CD\u7F6E\u5BC6\u7801\u5931\u8D25\uFF0C\u8BF7\u7A0D\u540E\u91CD\u8BD5");
-    } finally {
-      setLoading(false);
-    }
-  };
-  const handleOverlayClick = (e) => {
-    if (e.target === e.currentTarget) {
-      onClose();
-    }
-  };
-  if (!isOpen || !mounted) return null;
-  const modalContent = /* @__PURE__ */ React5__default.default.createElement(
-    "div",
-    {
-      className: "fixed top-0 left-0 right-0 bottom-0 w-screen h-screen bg-black/50 backdrop-blur-sm flex items-center justify-center z-[9999] p-4",
-      style: { margin: 0 },
-      onClick: handleOverlayClick
-    },
-    /* @__PURE__ */ React5__default.default.createElement(
-      "div",
-      {
-        className: "bg-white rounded-2xl shadow-xl w-full max-w-[420px] max-h-[90vh] overflow-y-auto relative",
-        onClick: (e) => e.stopPropagation()
-      },
-      /* @__PURE__ */ React5__default.default.createElement(
-        "button",
-        {
-          className: "absolute top-5 right-5 bg-transparent border-none text-gray-500 cursor-pointer p-2 rounded-lg transition-all hover:bg-gray-100 hover:text-gray-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 min-w-9 min-h-9 flex items-center justify-center",
-          onClick: onClose
-        },
-        /* @__PURE__ */ React5__default.default.createElement(lucideReact.X, { size: 20 })
-      ),
-      /* @__PURE__ */ React5__default.default.createElement("div", { className: "px-6 pt-6 pb-4 text-center border-b border-gray-100" }, /* @__PURE__ */ React5__default.default.createElement("h2", { className: "text-2xl font-semibold text-gray-800 mb-2" }, "\u91CD\u7F6E\u5BC6\u7801"), /* @__PURE__ */ React5__default.default.createElement("p", { className: "text-gray-500 text-sm" }, "\u8BF7\u8F93\u5165\u624B\u673A\u53F7\u548C\u9A8C\u8BC1\u7801\u91CD\u7F6E\u5BC6\u7801")),
-      /* @__PURE__ */ React5__default.default.createElement("form", { onSubmit: handleSubmit, className: "p-6" }, /* @__PURE__ */ React5__default.default.createElement("div", { className: "mb-5" }, /* @__PURE__ */ React5__default.default.createElement("label", { htmlFor: "phone", className: "block mb-1.5 text-sm font-medium text-gray-700" }, "\u624B\u673A\u53F7"), /* @__PURE__ */ React5__default.default.createElement("div", { className: "relative flex items-center" }, /* @__PURE__ */ React5__default.default.createElement(lucideReact.Phone, { size: 18, className: "absolute left-4 text-gray-400 z-[1] pointer-events-none" }), /* @__PURE__ */ React5__default.default.createElement(
-        "input",
-        {
-          id: "phone",
-          name: "phone",
-          type: "tel",
-          value: formData.phone,
-          onChange: handleInputChange,
-          placeholder: "\u8BF7\u8F93\u5165\u624B\u673A\u53F7",
-          className: "w-full py-3 px-4 pl-12 border-2 border-gray-200 rounded-lg text-base transition-all box-border min-h-12 bg-white focus:outline-none focus:border-blue-500 focus:ring-2 focus:ring-blue-500/10 placeholder:text-gray-400 disabled:bg-gray-50 disabled:text-gray-500 disabled:cursor-not-allowed",
-          disabled: loading
-        }
-      ))), /* @__PURE__ */ React5__default.default.createElement("div", { className: "mb-5" }, /* @__PURE__ */ React5__default.default.createElement("label", { htmlFor: "verificationCode", className: "block mb-1.5 text-sm font-medium text-gray-700" }, "\u9A8C\u8BC1\u7801"), /* @__PURE__ */ React5__default.default.createElement("div", { className: "relative flex items-center" }, /* @__PURE__ */ React5__default.default.createElement(
-        "input",
-        {
-          id: "verificationCode",
-          name: "verificationCode",
-          type: "text",
-          value: formData.verificationCode,
-          onChange: handleInputChange,
-          placeholder: "\u8BF7\u8F93\u5165\u9A8C\u8BC1\u7801",
-          className: "w-full py-3 px-4 pr-28 border-2 border-gray-200 rounded-lg text-base transition-all box-border min-h-12 bg-white focus:outline-none focus:border-blue-500 focus:ring-2 focus:ring-blue-500/10 placeholder:text-gray-400 disabled:bg-gray-50 disabled:text-gray-500 disabled:cursor-not-allowed",
-          disabled: loading,
-          maxLength: 6
-        }
-      ), /* @__PURE__ */ React5__default.default.createElement(
-        "button",
-        {
-          type: "button",
-          className: "absolute right-2 top-1/2 -translate-y-1/2 bg-transparent border-none text-blue-500 text-sm font-medium cursor-pointer px-2 py-1 rounded transition-all whitespace-nowrap hover:bg-blue-50 disabled:text-gray-400 disabled:cursor-not-allowed",
-          onClick: handleSendCode,
-          disabled: loading || countdown > 0
-        },
-        countdown > 0 ? `${countdown}\u79D2\u540E\u91CD\u8BD5` : "\u53D1\u9001\u9A8C\u8BC1\u7801"
-      ))), /* @__PURE__ */ React5__default.default.createElement("div", { className: "mb-5" }, /* @__PURE__ */ React5__default.default.createElement("label", { htmlFor: "newPassword", className: "block mb-1.5 text-sm font-medium text-gray-700" }, "\u65B0\u5BC6\u7801"), /* @__PURE__ */ React5__default.default.createElement("div", { className: "relative flex items-center" }, /* @__PURE__ */ React5__default.default.createElement(lucideReact.Lock, { size: 18, className: "absolute left-4 text-gray-400 z-[1] pointer-events-none" }), /* @__PURE__ */ React5__default.default.createElement(
-        "input",
-        {
-          id: "newPassword",
-          name: "newPassword",
-          type: showPassword ? "text" : "password",
-          value: formData.newPassword,
-          onChange: handleInputChange,
-          placeholder: "\u8BF7\u8F93\u5165\u65B0\u5BC6\u7801",
-          className: "w-full py-3 px-4 pl-12 pr-12 border-2 border-gray-200 rounded-lg text-base transition-all box-border min-h-12 bg-white focus:outline-none focus:border-blue-500 focus:ring-2 focus:ring-blue-500/10 placeholder:text-gray-400 disabled:bg-gray-50 disabled:text-gray-500 disabled:cursor-not-allowed",
-          disabled: loading
-        }
-      ), /* @__PURE__ */ React5__default.default.createElement(
-        "button",
-        {
-          type: "button",
-          className: "absolute right-4 bg-transparent border-none text-gray-400 cursor-pointer p-1 rounded transition-all flex items-center justify-center min-w-6 min-h-6 hover:text-gray-600 hover:bg-gray-100 disabled:cursor-not-allowed disabled:opacity-50",
-          onClick: () => setShowPassword(!showPassword),
-          disabled: loading
-        },
-        showPassword ? /* @__PURE__ */ React5__default.default.createElement(lucideReact.EyeOff, { size: 18 }) : /* @__PURE__ */ React5__default.default.createElement(lucideReact.Eye, { size: 18 })
-      ))), /* @__PURE__ */ React5__default.default.createElement("div", { className: "mb-5" }, /* @__PURE__ */ React5__default.default.createElement("label", { htmlFor: "confirmPassword", className: "block mb-1.5 text-sm font-medium text-gray-700" }, "\u786E\u8BA4\u5BC6\u7801"), /* @__PURE__ */ React5__default.default.createElement("div", { className: "relative flex items-center" }, /* @__PURE__ */ React5__default.default.createElement(lucideReact.Lock, { size: 18, className: "absolute left-4 text-gray-400 z-[1] pointer-events-none" }), /* @__PURE__ */ React5__default.default.createElement(
-        "input",
-        {
-          id: "confirmPassword",
-          name: "confirmPassword",
-          type: showConfirmPassword ? "text" : "password",
-          value: formData.confirmPassword,
-          onChange: handleInputChange,
-          placeholder: "\u8BF7\u518D\u6B21\u8F93\u5165\u65B0\u5BC6\u7801",
-          className: "w-full py-3 px-4 pl-12 pr-12 border-2 border-gray-200 rounded-lg text-base transition-all box-border min-h-12 bg-white focus:outline-none focus:border-blue-500 focus:ring-2 focus:ring-blue-500/10 placeholder:text-gray-400 disabled:bg-gray-50 disabled:text-gray-500 disabled:cursor-not-allowed",
-          disabled: loading
-        }
-      ), /* @__PURE__ */ React5__default.default.createElement(
-        "button",
-        {
-          type: "button",
-          className: "absolute right-4 bg-transparent border-none text-gray-400 cursor-pointer p-1 rounded transition-all flex items-center justify-center min-w-6 min-h-6 hover:text-gray-600 hover:bg-gray-100 disabled:cursor-not-allowed disabled:opacity-50",
-          onClick: () => setShowConfirmPassword(!showConfirmPassword),
-          disabled: loading
-        },
-        showConfirmPassword ? /* @__PURE__ */ React5__default.default.createElement(lucideReact.EyeOff, { size: 18 }) : /* @__PURE__ */ React5__default.default.createElement(lucideReact.Eye, { size: 18 })
-      ))), error && /* @__PURE__ */ React5__default.default.createElement("div", { className: "text-red-500 text-sm my-4 p-3 bg-red-50 border border-red-200 rounded-lg leading-relaxed" }, error), /* @__PURE__ */ React5__default.default.createElement(
-        "button",
-        {
-          type: "submit",
-          className: "w-full bg-blue-500 text-white border-none py-3.5 px-6 rounded-lg text-base font-medium cursor-pointer transition-all mt-2 min-h-[52px] hover:bg-blue-600 hover:-translate-y-0.5 hover:shadow-lg hover:shadow-blue-500/30 active:translate-y-0 disabled:bg-gray-400 disabled:cursor-not-allowed disabled:transform-none disabled:shadow-none focus:outline-none focus:ring-2 focus:ring-blue-700 focus:ring-offset-2",
-          disabled: loading
-        },
-        loading ? "\u63D0\u4EA4\u4E2D..." : "\u91CD\u7F6E\u5BC6\u7801"
-      ))
-    )
-  );
-  return reactDom.createPortal(modalContent, document.body);
-}
-
-// src/business/auth-legacy/components/LoginModal.tsx
-function LoginModal({ isOpen, onClose, onSuccess, onSwitchToRegister }) {
-  const { login } = useAuth();
-  const [formData, setFormData] = React5.useState({
-    phone: "",
-    password: ""
-  });
-  const [showPassword, setShowPassword] = React5.useState(false);
-  const [error, setError] = React5.useState("");
-  const [loading, setLoading] = React5.useState(false);
-  const [showForgotPassword, setShowForgotPassword] = React5.useState(false);
-  const [mounted, setMounted] = React5.useState(false);
-  React5.useEffect(() => {
-    setMounted(true);
-  }, []);
-  const fillDemoAccount = (type) => {
-    if (process.env.NODE_ENV === "development") {
-      const accounts = {
-        admin: { phone: "13800138000", password: "admin123456" },
-        user: { phone: "13900139000", password: "test123456" }
-      };
-      setFormData(accounts[type]);
-      setError("");
-    }
-  };
-  const handleInputChange = (e) => {
-    const { name, value } = e.target;
-    setFormData((prev) => ({ ...prev, [name]: value }));
-    if (error) setError("");
-  };
-  const handleSubmit = async (e) => {
-    e.preventDefault();
-    setError("");
-    setLoading(true);
-    console.log("\u{1F504} [LoginModal] handleSubmit \u5F00\u59CB");
-    try {
-      if (!formData.phone || !formData.password) {
-        console.log("\u274C [LoginModal] \u524D\u7AEF\u9A8C\u8BC1\u5931\u8D25: \u4FE1\u606F\u4E0D\u5B8C\u6574");
-        setError("\u8BF7\u586B\u5199\u5B8C\u6574\u4FE1\u606F");
-        return;
-      }
-      if (!validatePhoneNumber(formData.phone)) {
-        console.log("\u274C [LoginModal] \u524D\u7AEF\u9A8C\u8BC1\u5931\u8D25: \u624B\u673A\u53F7\u683C\u5F0F\u9519\u8BEF");
-        setError("\u8BF7\u8F93\u5165\u6B63\u786E\u7684\u624B\u673A\u53F7");
-        return;
-      }
-      console.log("\u2705 [LoginModal] \u524D\u7AEF\u9A8C\u8BC1\u901A\u8FC7");
-      console.log("\u{1F511} [LoginModal] \u63D0\u4EA4\u767B\u5F55\u8868\u5355:", {
-        phone: formData.phone,
-        password: "***"
-      });
-      console.log("\u{1F4DE} [LoginModal] \u51C6\u5907\u8C03\u7528 useAuth.login()...");
-      const result = await login(formData);
-      console.log("\u{1F4E1} [LoginModal] useAuth.login() \u8FD4\u56DE\u7ED3\u679C:", result);
-      if (result.success) {
-        console.log("\u2705 [LoginModal] \u767B\u5F55\u6210\u529F\uFF0C\u51C6\u5907\u8C03\u7528 onSuccess()");
-        console.log("\u{1F464} [LoginModal] \u767B\u5F55\u6210\u529F\u7684\u7528\u6237\u4FE1\u606F:", result.user);
-        setTimeout(() => {
-          console.log("\u{1F3AF} [LoginModal] \u8C03\u7528 onSuccess \u56DE\u8C03");
-          onSuccess();
-          console.log("\u{1F3C1} [LoginModal] onSuccess \u8C03\u7528\u5B8C\u6210");
-        }, 100);
-      } else {
-        console.log("\u274C [LoginModal] \u767B\u5F55\u5931\u8D25:", result.message);
-        setError(result.message || "\u767B\u5F55\u5931\u8D25");
-      }
-    } catch (error2) {
-      console.error("\u{1F4A5} [LoginModal] \u767B\u5F55\u5F02\u5E38:", error2);
-      setError("\u767B\u5F55\u5931\u8D25\uFF0C\u8BF7\u7A0D\u540E\u91CD\u8BD5");
-    } finally {
-      console.log("\u{1F51A} [LoginModal] handleSubmit \u7ED3\u675F\uFF0C\u8BBE\u7F6E loading = false");
-      setLoading(false);
-    }
-  };
-  const handleOverlayClick = (e) => {
-    if (e.target === e.currentTarget) {
-      onClose();
-    }
-  };
-  if (!isOpen || !mounted) return null;
-  const modalContent = /* @__PURE__ */ React5__default.default.createElement(React5__default.default.Fragment, null, /* @__PURE__ */ React5__default.default.createElement(
-    "div",
-    {
-      className: "fixed top-0 left-0 right-0 bottom-0 w-screen h-screen bg-black/50 backdrop-blur-sm flex items-center justify-center z-[9999] p-4",
-      style: { margin: 0 },
-      onClick: handleOverlayClick
-    },
-    /* @__PURE__ */ React5__default.default.createElement(
-      "div",
-      {
-        className: "bg-white rounded-2xl shadow-xl w-full max-w-[420px] max-h-[90vh] overflow-y-auto relative",
-        onClick: (e) => e.stopPropagation()
-      },
-      /* @__PURE__ */ React5__default.default.createElement(
-        "button",
-        {
-          className: "absolute top-5 right-5 bg-transparent border-none text-gray-500 cursor-pointer p-2 rounded-lg transition-all hover:bg-gray-100 hover:text-gray-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 min-w-9 min-h-9 flex items-center justify-center",
-          onClick: onClose
-        },
-        /* @__PURE__ */ React5__default.default.createElement(lucideReact.X, { size: 20 })
-      ),
-      /* @__PURE__ */ React5__default.default.createElement("div", { className: "px-6 pt-6 pb-4 text-center border-b border-gray-100" }, /* @__PURE__ */ React5__default.default.createElement("h2", { className: "text-2xl font-semibold text-gray-800 mb-2" }, "\u7528\u6237\u767B\u5F55"), /* @__PURE__ */ React5__default.default.createElement("p", { className: "text-gray-500 text-sm" }, "\u8BF7\u8F93\u5165\u60A8\u7684\u624B\u673A\u53F7\u548C\u5BC6\u7801")),
-      process.env.NODE_ENV === "development" && /* @__PURE__ */ React5__default.default.createElement("div", { className: "px-6 py-4 bg-amber-50 border-b border-gray-100" }, /* @__PURE__ */ React5__default.default.createElement("p", { className: "text-xs text-amber-800 font-medium mb-2" }, "\u5F00\u53D1\u73AF\u5883\u5FEB\u6377\u767B\u5F55\uFF1A"), /* @__PURE__ */ React5__default.default.createElement("div", { className: "flex gap-2" }, /* @__PURE__ */ React5__default.default.createElement(
-        "button",
-        {
-          type: "button",
-          onClick: () => fillDemoAccount("admin"),
-          className: "px-3 py-1.5 text-xs bg-amber-400 text-amber-900 border-none rounded-md cursor-pointer transition-all font-medium hover:bg-amber-500"
-        },
-        "\u7BA1\u7406\u5458\u8D26\u53F7"
-      ), /* @__PURE__ */ React5__default.default.createElement(
-        "button",
-        {
-          type: "button",
-          onClick: () => fillDemoAccount("user"),
-          className: "px-3 py-1.5 text-xs bg-amber-400 text-amber-900 border-none rounded-md cursor-pointer transition-all font-medium hover:bg-amber-500"
-        },
-        "\u7528\u6237\u8D26\u53F7"
-      ))),
-      /* @__PURE__ */ React5__default.default.createElement("form", { onSubmit: handleSubmit, className: "p-6" }, /* @__PURE__ */ React5__default.default.createElement("div", { className: "mb-5" }, /* @__PURE__ */ React5__default.default.createElement("label", { htmlFor: "phone", className: "block mb-1.5 text-sm font-medium text-gray-700" }, "\u624B\u673A\u53F7"), /* @__PURE__ */ React5__default.default.createElement("div", { className: "relative flex items-center" }, /* @__PURE__ */ React5__default.default.createElement(lucideReact.User, { size: 18, className: "absolute left-4 text-gray-400 z-[1] pointer-events-none" }), /* @__PURE__ */ React5__default.default.createElement(
-        "input",
-        {
-          id: "phone",
-          name: "phone",
-          type: "tel",
-          autoComplete: "tel",
-          value: formData.phone,
-          onChange: handleInputChange,
-          placeholder: "\u8BF7\u8F93\u5165\u624B\u673A\u53F7",
-          className: "w-full py-3 px-4 pl-12 border-2 border-gray-200 rounded-lg text-base transition-all box-border min-h-12 bg-white focus:outline-none focus:border-blue-500 focus:ring-2 focus:ring-blue-500/10 placeholder:text-gray-400 disabled:bg-gray-50 disabled:text-gray-500 disabled:cursor-not-allowed",
-          disabled: loading
-        }
-      ))), /* @__PURE__ */ React5__default.default.createElement("div", { className: "mb-5" }, /* @__PURE__ */ React5__default.default.createElement("label", { htmlFor: "password", className: "block mb-1.5 text-sm font-medium text-gray-700" }, "\u5BC6\u7801"), /* @__PURE__ */ React5__default.default.createElement("div", { className: "relative flex items-center" }, /* @__PURE__ */ React5__default.default.createElement(lucideReact.Lock, { size: 18, className: "absolute left-4 text-gray-400 z-[1] pointer-events-none" }), /* @__PURE__ */ React5__default.default.createElement(
-        "input",
-        {
-          id: "password",
-          name: "password",
-          type: showPassword ? "text" : "password",
-          autoComplete: "current-password",
-          value: formData.password,
-          onChange: handleInputChange,
-          placeholder: "\u8BF7\u8F93\u5165\u5BC6\u7801",
-          className: "w-full py-3 px-4 pl-12 pr-12 border-2 border-gray-200 rounded-lg text-base transition-all box-border min-h-12 bg-white focus:outline-none focus:border-blue-500 focus:ring-2 focus:ring-blue-500/10 placeholder:text-gray-400 disabled:bg-gray-50 disabled:text-gray-500 disabled:cursor-not-allowed",
-          disabled: loading
-        }
-      ), /* @__PURE__ */ React5__default.default.createElement(
-        "button",
-        {
-          type: "button",
-          className: "absolute right-4 bg-transparent border-none text-gray-400 cursor-pointer p-1 rounded transition-all flex items-center justify-center min-w-6 min-h-6 hover:text-gray-600 hover:bg-gray-100 disabled:cursor-not-allowed disabled:opacity-50",
-          onClick: () => setShowPassword(!showPassword),
-          disabled: loading
-        },
-        showPassword ? /* @__PURE__ */ React5__default.default.createElement(lucideReact.EyeOff, { size: 18 }) : /* @__PURE__ */ React5__default.default.createElement(lucideReact.Eye, { size: 18 })
-      ))), /* @__PURE__ */ React5__default.default.createElement("div", { className: "text-right -mt-2 mb-4" }, /* @__PURE__ */ React5__default.default.createElement(
-        "button",
-        {
-          type: "button",
-          onClick: () => setShowForgotPassword(true),
-          className: "bg-transparent border-none text-blue-500 cursor-pointer text-sm font-medium underline px-1 py-0.5 rounded transition-all hover:text-blue-600 hover:bg-blue-50 hover:no-underline focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2"
-        },
-        "\u5FD8\u8BB0\u5BC6\u7801\uFF1F"
-      )), error && /* @__PURE__ */ React5__default.default.createElement("div", { className: "text-red-500 text-sm my-4 p-3 bg-red-50 border border-red-200 rounded-lg leading-relaxed" }, error), /* @__PURE__ */ React5__default.default.createElement(
-        "button",
-        {
-          type: "submit",
-          className: "w-full bg-blue-500 text-white border-none py-3.5 px-6 rounded-lg text-base font-medium cursor-pointer transition-all mt-2 min-h-[52px] hover:bg-blue-600 hover:-translate-y-0.5 hover:shadow-lg hover:shadow-blue-500/30 active:translate-y-0 disabled:bg-gray-400 disabled:cursor-not-allowed disabled:transform-none disabled:shadow-none focus:outline-none focus:ring-2 focus:ring-blue-700 focus:ring-offset-2",
-          disabled: loading
-        },
-        loading ? "\u767B\u5F55\u4E2D..." : "\u767B\u5F55"
-      ), onSwitchToRegister && /* @__PURE__ */ React5__default.default.createElement("div", { className: "text-center mt-5 pt-4 border-t border-gray-100" }, /* @__PURE__ */ React5__default.default.createElement("span", { className: "text-gray-500 text-sm mr-1" }, "\u8FD8\u6CA1\u6709\u8D26\u53F7\uFF1F"), /* @__PURE__ */ React5__default.default.createElement(
-        "button",
-        {
-          type: "button",
-          onClick: onSwitchToRegister,
-          className: "bg-transparent border-none text-blue-500 cursor-pointer text-sm font-medium underline px-1 py-0.5 rounded transition-all hover:text-blue-600 hover:bg-blue-50 hover:no-underline focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2"
-        },
-        "\u7ACB\u5373\u6CE8\u518C"
-      )))
-    )
-  ), /* @__PURE__ */ React5__default.default.createElement(
-    ForgotPasswordModal,
-    {
-      isOpen: showForgotPassword,
-      onClose: () => setShowForgotPassword(false),
-      onSuccess: () => {
-        setShowForgotPassword(false);
-        onSuccess();
-      }
-    }
-  ));
-  return reactDom.createPortal(modalContent, document.body);
-}
-
-// src/business/auth-legacy/components/AuthGuard.tsx
-function AuthGuard({
-  children,
-  fallback,
-  requireAuth = true
-}) {
-  const { isAuthenticated, loading, refreshUser } = useAuth();
-  const [showLoginModal, setShowLoginModal] = React5.useState(false);
-  React5.useEffect(() => {
-    if (!loading && requireAuth && !isAuthenticated) {
-      setShowLoginModal(true);
-    }
-  }, [loading, requireAuth, isAuthenticated]);
-  const handleLoginSuccess = () => {
-    refreshUser();
-    setShowLoginModal(false);
-  };
-  if (loading) {
-    return /* @__PURE__ */ React5__default.default.createElement("div", { style: {
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center",
-      minHeight: "200px",
-      color: "#6b7280",
-      flexDirection: "column",
-      gap: "12px"
-    } }, /* @__PURE__ */ React5__default.default.createElement("div", { style: {
-      width: "32px",
-      height: "32px",
-      border: "3px solid #e5e7eb",
-      borderTop: "3px solid #3b82f6",
-      borderRadius: "50%",
-      animation: "spin 1s linear infinite"
-    } }), /* @__PURE__ */ React5__default.default.createElement("div", null, "\u9A8C\u8BC1\u767B\u5F55\u72B6\u6001..."));
-  }
-  if (requireAuth && !isAuthenticated) {
-    return /* @__PURE__ */ React5__default.default.createElement(React5__default.default.Fragment, null, fallback || /* @__PURE__ */ React5__default.default.createElement("div", { style: {
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center",
-      minHeight: "200px",
-      color: "#6b7280",
-      flexDirection: "column",
-      gap: "16px",
-      padding: "24px",
-      textAlign: "center"
-    } }, /* @__PURE__ */ React5__default.default.createElement("div", { style: {
-      fontSize: "48px",
-      opacity: 0.5
-    } }, "\u{1F512}"), /* @__PURE__ */ React5__default.default.createElement("div", { style: {
-      fontSize: "18px",
-      fontWeight: "500"
-    } }, "\u8BF7\u5148\u767B\u5F55\u4EE5\u8BBF\u95EE\u6B64\u9875\u9762"), /* @__PURE__ */ React5__default.default.createElement("div", { style: {
-      fontSize: "14px",
-      opacity: 0.7
-    } }, "\u767B\u5F55\u540E\u5373\u53EF\u67E5\u770B\u76F8\u5173\u5185\u5BB9")), /* @__PURE__ */ React5__default.default.createElement(
-      LoginModal,
-      {
-        isOpen: showLoginModal,
-        onClose: () => setShowLoginModal(false),
-        onSuccess: handleLoginSuccess
-      }
-    ));
-  }
-  return /* @__PURE__ */ React5__default.default.createElement(React5__default.default.Fragment, null, children);
-}
-function RegisterModal({ isOpen, onClose, onSuccess, onSwitchToLogin }) {
-  const { register } = useAuth();
-  const [formData, setFormData] = React5.useState({
-    phone: "",
-    password: "",
-    confirmPassword: "",
-    name: ""
-  });
-  const [showPassword, setShowPassword] = React5.useState(false);
-  const [showConfirmPassword, setShowConfirmPassword] = React5.useState(false);
-  const [error, setError] = React5.useState("");
-  const [loading, setLoading] = React5.useState(false);
-  const [mounted, setMounted] = React5.useState(false);
-  React5.useEffect(() => {
-    setMounted(true);
-  }, []);
-  const handleInputChange = (e) => {
-    const { name, value } = e.target;
-    setFormData((prev) => ({ ...prev, [name]: value }));
-    if (error) setError("");
-  };
-  const validateForm = () => {
-    if (!formData.phone || !formData.password || !formData.confirmPassword) {
-      setError("\u8BF7\u586B\u5199\u5FC5\u8981\u4FE1\u606F");
-      return false;
-    }
-    if (!validatePhoneNumber(formData.phone)) {
-      setError("\u8BF7\u8F93\u5165\u6B63\u786E\u7684\u624B\u673A\u53F7\u683C\u5F0F");
-      return false;
-    }
-    const passwordValidation = validatePassword(formData.password);
-    if (!passwordValidation.valid) {
-      setError(passwordValidation.message || "\u5BC6\u7801\u683C\u5F0F\u9519\u8BEF");
-      return false;
-    }
-    if (formData.password !== formData.confirmPassword) {
-      setError("\u4E24\u6B21\u8F93\u5165\u7684\u5BC6\u7801\u4E0D\u4E00\u81F4");
-      return false;
-    }
-    return true;
-  };
-  const handleSubmit = async (e) => {
-    e.preventDefault();
-    setError("");
-    setLoading(true);
-    try {
-      if (!validateForm()) {
-        return;
-      }
-      console.log("\u{1F4DD} [RegisterModal] \u63D0\u4EA4\u6CE8\u518C\u8868\u5355:", {
-        phone: formData.phone,
-        name: formData.name || "\u672A\u8BBE\u7F6E",
-        password: "***"
-      });
-      const result = await register({
-        phone: formData.phone,
-        password: formData.password,
-        name: formData.name || void 0
-      });
-      if (result.success) {
-        console.log("\u2705 [RegisterModal] \u6CE8\u518C\u6210\u529F");
-        onSuccess();
-      } else {
-        console.log("\u274C [RegisterModal] \u6CE8\u518C\u5931\u8D25:", result.message);
-        setError(result.message || "\u6CE8\u518C\u5931\u8D25");
-      }
-    } catch (error2) {
-      console.error("\u{1F4A5} [RegisterModal] \u6CE8\u518C\u5F02\u5E38:", error2);
-      setError("\u6CE8\u518C\u5931\u8D25\uFF0C\u8BF7\u7A0D\u540E\u91CD\u8BD5");
-    } finally {
-      setLoading(false);
-    }
-  };
-  const handleOverlayClick = (e) => {
-    if (e.target === e.currentTarget) {
-      onClose();
-    }
-  };
-  if (!isOpen || !mounted) return null;
-  const modalContent = /* @__PURE__ */ React5__default.default.createElement(
-    "div",
-    {
-      className: "fixed top-0 left-0 right-0 bottom-0 w-screen h-screen bg-black/50 backdrop-blur-sm flex items-center justify-center z-[9999] p-4",
-      style: { margin: 0 },
-      onClick: handleOverlayClick
-    },
-    /* @__PURE__ */ React5__default.default.createElement(
-      "div",
-      {
-        className: "bg-white rounded-2xl shadow-xl w-full max-w-[420px] max-h-[90vh] overflow-y-auto relative",
-        onClick: (e) => e.stopPropagation()
-      },
-      /* @__PURE__ */ React5__default.default.createElement(
-        "button",
-        {
-          className: "absolute top-5 right-5 bg-transparent border-none text-gray-500 cursor-pointer p-2 rounded-lg transition-all hover:bg-gray-100 hover:text-gray-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 min-w-9 min-h-9 flex items-center justify-center",
-          onClick: onClose
-        },
-        /* @__PURE__ */ React5__default.default.createElement(lucideReact.X, { size: 20 })
-      ),
-      /* @__PURE__ */ React5__default.default.createElement("div", { className: "px-6 pt-6 pb-4 text-center border-b border-gray-100" }, /* @__PURE__ */ React5__default.default.createElement("h2", { className: "text-2xl font-semibold text-gray-800 mb-2" }, "\u7528\u6237\u6CE8\u518C"), /* @__PURE__ */ React5__default.default.createElement("p", { className: "text-gray-500 text-sm" }, "\u8BF7\u586B\u5199\u4EE5\u4E0B\u4FE1\u606F\u521B\u5EFA\u8D26\u6237")),
-      /* @__PURE__ */ React5__default.default.createElement("form", { onSubmit: handleSubmit, className: "p-6" }, /* @__PURE__ */ React5__default.default.createElement("div", { className: "mb-5" }, /* @__PURE__ */ React5__default.default.createElement("label", { htmlFor: "phone", className: "block mb-1.5 text-sm font-medium text-gray-700" }, "\u624B\u673A\u53F7 *"), /* @__PURE__ */ React5__default.default.createElement("div", { className: "relative flex items-center" }, /* @__PURE__ */ React5__default.default.createElement(lucideReact.Phone, { size: 18, className: "absolute left-4 text-gray-400 z-[1] pointer-events-none" }), /* @__PURE__ */ React5__default.default.createElement(
-        "input",
-        {
-          id: "phone",
-          name: "phone",
-          type: "tel",
-          autoComplete: "tel",
-          value: formData.phone,
-          onChange: handleInputChange,
-          placeholder: "\u8BF7\u8F93\u5165\u624B\u673A\u53F7",
-          className: "w-full py-3 px-4 pl-12 border-2 border-gray-200 rounded-lg text-base transition-all box-border min-h-12 bg-white focus:outline-none focus:border-blue-500 focus:ring-2 focus:ring-blue-500/10 placeholder:text-gray-400 disabled:bg-gray-50 disabled:text-gray-500 disabled:cursor-not-allowed",
-          disabled: loading
-        }
-      ))), /* @__PURE__ */ React5__default.default.createElement("div", { className: "mb-5" }, /* @__PURE__ */ React5__default.default.createElement("label", { htmlFor: "name", className: "block mb-1.5 text-sm font-medium text-gray-700" }, "\u59D3\u540D"), /* @__PURE__ */ React5__default.default.createElement("div", { className: "relative flex items-center" }, /* @__PURE__ */ React5__default.default.createElement(lucideReact.User, { size: 18, className: "absolute left-4 text-gray-400 z-[1] pointer-events-none" }), /* @__PURE__ */ React5__default.default.createElement(
-        "input",
-        {
-          id: "name",
-          name: "name",
-          type: "text",
-          autoComplete: "name",
-          value: formData.name,
-          onChange: handleInputChange,
-          placeholder: "\u8BF7\u8F93\u5165\u59D3\u540D\uFF08\u53EF\u9009\uFF09",
-          className: "w-full py-3 px-4 pl-12 border-2 border-gray-200 rounded-lg text-base transition-all box-border min-h-12 bg-white focus:outline-none focus:border-blue-500 focus:ring-2 focus:ring-blue-500/10 placeholder:text-gray-400 disabled:bg-gray-50 disabled:text-gray-500 disabled:cursor-not-allowed",
-          disabled: loading
-        }
-      ))), /* @__PURE__ */ React5__default.default.createElement("div", { className: "mb-5" }, /* @__PURE__ */ React5__default.default.createElement("label", { htmlFor: "password", className: "block mb-1.5 text-sm font-medium text-gray-700" }, "\u5BC6\u7801 *"), /* @__PURE__ */ React5__default.default.createElement("div", { className: "relative flex items-center" }, /* @__PURE__ */ React5__default.default.createElement(lucideReact.Lock, { size: 18, className: "absolute left-4 text-gray-400 z-[1] pointer-events-none" }), /* @__PURE__ */ React5__default.default.createElement(
-        "input",
-        {
-          id: "password",
-          name: "password",
-          type: showPassword ? "text" : "password",
-          autoComplete: "new-password",
-          value: formData.password,
-          onChange: handleInputChange,
-          placeholder: "\u8BF7\u8F93\u5165\u5BC6\u7801\uFF08\u81F3\u5C116\u4F4D\uFF09",
-          className: "w-full py-3 px-4 pl-12 pr-12 border-2 border-gray-200 rounded-lg text-base transition-all box-border min-h-12 bg-white focus:outline-none focus:border-blue-500 focus:ring-2 focus:ring-blue-500/10 placeholder:text-gray-400 disabled:bg-gray-50 disabled:text-gray-500 disabled:cursor-not-allowed",
-          disabled: loading
-        }
-      ), /* @__PURE__ */ React5__default.default.createElement(
-        "button",
-        {
-          type: "button",
-          className: "absolute right-4 bg-transparent border-none text-gray-400 cursor-pointer p-1 rounded transition-all flex items-center justify-center min-w-6 min-h-6 hover:text-gray-600 hover:bg-gray-100 disabled:cursor-not-allowed disabled:opacity-50",
-          onClick: () => setShowPassword(!showPassword),
-          disabled: loading
-        },
-        showPassword ? /* @__PURE__ */ React5__default.default.createElement(lucideReact.EyeOff, { size: 18 }) : /* @__PURE__ */ React5__default.default.createElement(lucideReact.Eye, { size: 18 })
-      ))), /* @__PURE__ */ React5__default.default.createElement("div", { className: "mb-5" }, /* @__PURE__ */ React5__default.default.createElement("label", { htmlFor: "confirmPassword", className: "block mb-1.5 text-sm font-medium text-gray-700" }, "\u786E\u8BA4\u5BC6\u7801 *"), /* @__PURE__ */ React5__default.default.createElement("div", { className: "relative flex items-center" }, /* @__PURE__ */ React5__default.default.createElement(lucideReact.Lock, { size: 18, className: "absolute left-4 text-gray-400 z-[1] pointer-events-none" }), /* @__PURE__ */ React5__default.default.createElement(
-        "input",
-        {
-          id: "confirmPassword",
-          name: "confirmPassword",
-          type: showConfirmPassword ? "text" : "password",
-          autoComplete: "new-password",
-          value: formData.confirmPassword,
-          onChange: handleInputChange,
-          placeholder: "\u8BF7\u518D\u6B21\u8F93\u5165\u5BC6\u7801",
-          className: "w-full py-3 px-4 pl-12 pr-12 border-2 border-gray-200 rounded-lg text-base transition-all box-border min-h-12 bg-white focus:outline-none focus:border-blue-500 focus:ring-2 focus:ring-blue-500/10 placeholder:text-gray-400 disabled:bg-gray-50 disabled:text-gray-500 disabled:cursor-not-allowed",
-          disabled: loading
-        }
-      ), /* @__PURE__ */ React5__default.default.createElement(
-        "button",
-        {
-          type: "button",
-          className: "absolute right-4 bg-transparent border-none text-gray-400 cursor-pointer p-1 rounded transition-all flex items-center justify-center min-w-6 min-h-6 hover:text-gray-600 hover:bg-gray-100 disabled:cursor-not-allowed disabled:opacity-50",
-          onClick: () => setShowConfirmPassword(!showConfirmPassword),
-          disabled: loading
-        },
-        showConfirmPassword ? /* @__PURE__ */ React5__default.default.createElement(lucideReact.EyeOff, { size: 18 }) : /* @__PURE__ */ React5__default.default.createElement(lucideReact.Eye, { size: 18 })
-      ))), error && /* @__PURE__ */ React5__default.default.createElement("div", { className: "text-red-500 text-sm my-4 p-3 bg-red-50 border border-red-200 rounded-lg leading-relaxed" }, error), /* @__PURE__ */ React5__default.default.createElement(
-        "button",
-        {
-          type: "submit",
-          className: "w-full bg-blue-500 text-white border-none py-3.5 px-6 rounded-lg text-base font-medium cursor-pointer transition-all mt-2 min-h-[52px] hover:bg-blue-600 hover:-translate-y-0.5 hover:shadow-lg hover:shadow-blue-500/30 active:translate-y-0 disabled:bg-gray-400 disabled:cursor-not-allowed disabled:transform-none disabled:shadow-none focus:outline-none focus:ring-2 focus:ring-blue-700 focus:ring-offset-2",
-          disabled: loading
-        },
-        loading ? "\u6CE8\u518C\u4E2D..." : "\u6CE8\u518C"
-      ), onSwitchToLogin && /* @__PURE__ */ React5__default.default.createElement("div", { className: "text-center mt-5 pt-4 border-t border-gray-100" }, /* @__PURE__ */ React5__default.default.createElement("span", { className: "text-gray-500 text-sm mr-1" }, "\u5DF2\u6709\u8D26\u53F7\uFF1F"), /* @__PURE__ */ React5__default.default.createElement(
-        "button",
-        {
-          type: "button",
-          onClick: onSwitchToLogin,
-          className: "bg-transparent border-none text-blue-500 cursor-pointer text-sm font-medium underline px-1 py-0.5 rounded transition-all hover:text-blue-600 hover:bg-blue-50 hover:no-underline focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2"
-        },
-        "\u7ACB\u5373\u767B\u5F55"
-      )))
-    )
-  );
-  return reactDom.createPortal(modalContent, document.body);
-}
-
-// src/business/auth-legacy/components/UserMenu.tsx
-function UserMenu({ customMenuItems = [], className }) {
-  const { user, isAuthenticated, logout } = useAuth();
-  const [isOpen, setIsOpen] = React5.useState(false);
-  const [showLoginModal, setShowLoginModal] = React5.useState(false);
-  const [showRegisterModal, setShowRegisterModal] = React5.useState(false);
-  const toggleMenu = () => {
-    setIsOpen(!isOpen);
-  };
-  const handleMenuClick = (e) => {
-    e.stopPropagation();
-  };
-  const handleCustomMenuClick = (item) => {
-    console.log(`\u{1F527} [UserMenu] \u81EA\u5B9A\u4E49\u83DC\u5355\u9879\u88AB\u70B9\u51FB: ${item.label}`);
-    item.onClick();
-    setIsOpen(false);
-  };
-  const handleLogin = () => {
-    console.log("\u{1F511} [UserMenu] \u767B\u5F55\u6309\u94AE\u88AB\u70B9\u51FB");
-    setShowLoginModal(true);
-    setIsOpen(false);
-  };
-  const handleRegister = () => {
-    console.log("\u{1F4DD} [UserMenu] \u6CE8\u518C\u6309\u94AE\u88AB\u70B9\u51FB");
-    setShowRegisterModal(true);
-    setIsOpen(false);
-  };
-  const handleLogout = async () => {
-    console.log("\u{1F6AA} [UserMenu] \u9000\u51FA\u767B\u5F55\u6309\u94AE\u88AB\u70B9\u51FB");
-    try {
-      await logout();
-      console.log("\u2705 [UserMenu] \u9000\u51FA\u767B\u5F55\u6210\u529F");
-    } catch (error) {
-      console.error("\u9000\u51FA\u767B\u5F55\u5931\u8D25:", error);
-    }
-    setIsOpen(false);
-  };
-  const handleAuthSuccess = () => {
-    console.log("\u{1F389} [UserMenu] \u8BA4\u8BC1\u6210\u529F\u56DE\u8C03\u88AB\u8C03\u7528");
-    console.log("\u{1F464} [UserMenu] \u5F53\u524DuseAuth\u72B6\u6001:", {
-      user: user ? `${user.name || "\u672A\u8BBE\u7F6E"} (${user.phone})` : null,
-      isAuthenticated
-    });
-    setShowLoginModal(false);
-    setShowRegisterModal(false);
-    console.log("\u2705 [UserMenu] \u8BA4\u8BC1\u6210\u529F\u5904\u7406\u5B8C\u6210 - \u6A21\u6001\u6846\u5DF2\u5173\u95ED");
-    setTimeout(() => {
-      console.log("\u{1F50D} [UserMenu] \u5EF6\u8FDF\u72B6\u6001\u68C0\u67E5:", {
-        user: user ? `${user.name || "\u672A\u8BBE\u7F6E"} (${user.phone})` : null,
-        isAuthenticated
-      });
-    }, 500);
-  };
-  const handleSwitchToRegister = () => {
-    console.log("\u{1F504} [UserMenu] \u4ECE\u767B\u5F55\u5207\u6362\u5230\u6CE8\u518C");
-    setShowLoginModal(false);
-    setShowRegisterModal(true);
-  };
-  const handleSwitchToLogin = () => {
-    console.log("\u{1F504} [UserMenu] \u4ECE\u6CE8\u518C\u5207\u6362\u5230\u767B\u5F55");
-    setShowRegisterModal(false);
-    setShowLoginModal(true);
-  };
-  const getVisibleCustomMenuItems = () => {
-    return customMenuItems.filter((item) => {
-      if (item.requireAuth === true) {
-        return isAuthenticated;
-      }
-      if (item.requireAuth === false) {
-        return !isAuthenticated;
-      }
-      return true;
-    });
-  };
-  React5__default.default.useEffect(() => {
-    const handleGlobalClick = () => {
-      setIsOpen(false);
-    };
-    if (isOpen) {
-      document.addEventListener("click", handleGlobalClick);
-    }
-    return () => {
-      document.removeEventListener("click", handleGlobalClick);
-    };
-  }, [isOpen]);
-  const visibleCustomMenuItems = getVisibleCustomMenuItems();
-  return /* @__PURE__ */ React5__default.default.createElement("div", { className: `relative inline-block ${className || ""}` }, /* @__PURE__ */ React5__default.default.createElement(
-    "button",
-    {
-      className: "flex items-center gap-2 px-3 py-2 bg-slate-50 text-slate-500 border border-slate-200 rounded-lg cursor-pointer transition-all min-w-11 min-h-11 text-sm font-medium hover:bg-slate-200 hover:text-slate-800 focus:outline-none focus:ring-2 focus:ring-blue-500/10",
-      onClick: toggleMenu
-    },
-    /* @__PURE__ */ React5__default.default.createElement(lucideReact.User, { size: 24 }),
-    isAuthenticated && user && /* @__PURE__ */ React5__default.default.createElement("span", { className: "max-w-[120px] overflow-hidden text-ellipsis whitespace-nowrap" }, user.name || user.phone)
-  ), isOpen && /* @__PURE__ */ React5__default.default.createElement(
-    "div",
-    {
-      className: "absolute top-[calc(100%+0.5rem)] right-0 z-[1000] min-w-[200px] bg-white border border-slate-200 rounded-xl shadow-lg max-h-[90vh] overflow-y-auto p-2 animate-in slide-in-from-top-2 fade-in duration-200",
-      onClick: handleMenuClick
-    },
-    isAuthenticated && user ? (
-      // 已登录状态的菜单
-      /* @__PURE__ */ React5__default.default.createElement(React5__default.default.Fragment, null, /* @__PURE__ */ React5__default.default.createElement("div", { className: "p-3 mb-2 bg-slate-50 rounded-lg" }, /* @__PURE__ */ React5__default.default.createElement("div", { className: "text-sm font-semibold text-slate-800 mb-1 overflow-hidden text-ellipsis whitespace-nowrap" }, user.name || "\u672A\u8BBE\u7F6E\u540D\u79F0"), /* @__PURE__ */ React5__default.default.createElement("div", { className: "text-xs text-slate-500 mb-1 overflow-hidden text-ellipsis whitespace-nowrap" }, user.phone), /* @__PURE__ */ React5__default.default.createElement("div", { className: "text-xs text-blue-500 font-medium" }, user.role === "admin" ? "\u7BA1\u7406\u5458" : "\u666E\u901A\u7528\u6237")), visibleCustomMenuItems.length > 0 && /* @__PURE__ */ React5__default.default.createElement(React5__default.default.Fragment, null, /* @__PURE__ */ React5__default.default.createElement("div", { className: "h-px bg-slate-200 my-2" }), visibleCustomMenuItems.map((item) => {
-        const IconComponent = item.icon;
-        return /* @__PURE__ */ React5__default.default.createElement(
-          "button",
-          {
-            key: item.id,
-            className: "flex items-center gap-3 w-full p-3 bg-transparent border-none rounded-lg text-gray-700 text-sm font-medium cursor-pointer transition-all text-left min-h-11 hover:bg-slate-100 hover:text-slate-800 focus:outline-none focus:bg-slate-100 focus:ring-2 focus:ring-blue-500/10",
-            onClick: () => handleCustomMenuClick(item)
-          },
-          IconComponent && /* @__PURE__ */ React5__default.default.createElement(IconComponent, { size: 16 }),
-          /* @__PURE__ */ React5__default.default.createElement("span", null, item.label)
-        );
-      })), /* @__PURE__ */ React5__default.default.createElement("div", { className: "h-px bg-slate-200 my-2" }), /* @__PURE__ */ React5__default.default.createElement(
-        "button",
-        {
-          className: "flex items-center gap-3 w-full p-3 bg-transparent border-none rounded-lg text-gray-700 text-sm font-medium cursor-pointer transition-all text-left min-h-11 hover:bg-red-50 hover:text-red-600 focus:outline-none focus:bg-red-50 focus:text-red-600 focus:ring-2 focus:ring-red-500/10",
-          onClick: handleLogout
-        },
-        /* @__PURE__ */ React5__default.default.createElement(lucideReact.LogOut, { size: 16 }),
-        /* @__PURE__ */ React5__default.default.createElement("span", null, "\u9000\u51FA\u767B\u5F55")
-      ))
-    ) : (
-      // 未登录状态的菜单
-      /* @__PURE__ */ React5__default.default.createElement(React5__default.default.Fragment, null, /* @__PURE__ */ React5__default.default.createElement(
-        "button",
-        {
-          className: "flex items-center gap-3 w-full p-3 bg-transparent border-none rounded-lg text-gray-700 text-sm font-medium cursor-pointer transition-all text-left min-h-11 hover:bg-slate-100 hover:text-slate-800 focus:outline-none focus:bg-slate-100 focus:ring-2 focus:ring-blue-500/10",
-          onClick: handleLogin
-        },
-        /* @__PURE__ */ React5__default.default.createElement(lucideReact.LogIn, { size: 16 }),
-        /* @__PURE__ */ React5__default.default.createElement("span", null, "\u767B\u5F55")
-      ), /* @__PURE__ */ React5__default.default.createElement(
-        "button",
-        {
-          className: "flex items-center gap-3 w-full p-3 bg-transparent border-none rounded-lg text-gray-700 text-sm font-medium cursor-pointer transition-all text-left min-h-11 hover:bg-slate-100 hover:text-slate-800 focus:outline-none focus:bg-slate-100 focus:ring-2 focus:ring-blue-500/10",
-          onClick: handleRegister
-        },
-        /* @__PURE__ */ React5__default.default.createElement(lucideReact.User, { size: 16 }),
-        /* @__PURE__ */ React5__default.default.createElement("span", null, "\u6CE8\u518C")
-      ), visibleCustomMenuItems.length > 0 && /* @__PURE__ */ React5__default.default.createElement(React5__default.default.Fragment, null, /* @__PURE__ */ React5__default.default.createElement("div", { className: "h-px bg-slate-200 my-2" }), visibleCustomMenuItems.map((item) => {
-        const IconComponent = item.icon;
-        return /* @__PURE__ */ React5__default.default.createElement(
-          "button",
-          {
-            key: item.id,
-            className: "flex items-center gap-3 w-full p-3 bg-transparent border-none rounded-lg text-gray-700 text-sm font-medium cursor-pointer transition-all text-left min-h-11 hover:bg-slate-100 hover:text-slate-800 focus:outline-none focus:bg-slate-100 focus:ring-2 focus:ring-blue-500/10",
-            onClick: () => handleCustomMenuClick(item)
-          },
-          IconComponent && /* @__PURE__ */ React5__default.default.createElement(IconComponent, { size: 16 }),
-          /* @__PURE__ */ React5__default.default.createElement("span", null, item.label)
-        );
-      })))
-    )
-  ), /* @__PURE__ */ React5__default.default.createElement(
-    LoginModal,
-    {
-      isOpen: showLoginModal,
-      onClose: () => setShowLoginModal(false),
-      onSuccess: handleAuthSuccess,
-      onSwitchToRegister: handleSwitchToRegister
-    }
-  ), /* @__PURE__ */ React5__default.default.createElement(
-    RegisterModal,
-    {
-      isOpen: showRegisterModal,
-      onClose: () => setShowRegisterModal(false),
-      onSuccess: handleAuthSuccess,
-      onSwitchToLogin: handleSwitchToLogin
-    }
-  ));
-}
-
-// src/business/auth-legacy/types/index.ts
-var UserRole = /* @__PURE__ */ ((UserRole2) => {
-  UserRole2["USER"] = "user";
-  UserRole2["ADMIN"] = "admin";
-  return UserRole2;
-})(UserRole || {});
-
 // src/business/bubbleShooter/index.ts
 var bubbleShooter_exports = {};
 __export(bubbleShooter_exports, {
@@ -1405,39 +305,39 @@ var normalizeConfig = (input) => {
   };
 };
 var BubbleShooterBoard = ({ config: inputConfig, className }) => {
-  const config = React5.useMemo(() => normalizeConfig(inputConfig), [inputConfig]);
-  const boardWidth = React5.useMemo(() => getBoardWidth(config), [config]);
-  const boardHeight = React5.useMemo(() => getBoardHeight(config), [config]);
+  const config = React.useMemo(() => normalizeConfig(inputConfig), [inputConfig]);
+  const boardWidth = React.useMemo(() => getBoardWidth(config), [config]);
+  const boardHeight = React.useMemo(() => getBoardHeight(config), [config]);
   const shooterX = boardWidth / 2;
   const shooterY = boardHeight - config.bubbleRadius - 12;
-  const canvasRef = React5.useRef(null);
-  const rafRef = React5.useRef(null);
-  const lastTsRef = React5.useRef(0);
-  const [grid, setGrid] = React5.useState(() => createInitialGrid(config));
-  const [status, setStatus] = React5.useState("ready");
-  const [score, setScore] = React5.useState(0);
-  const [shots, setShots] = React5.useState(0);
-  const [aimAngle, setAimAngle] = React5.useState(-Math.PI / 2);
-  const [currentColor, setCurrentColor] = React5.useState(() => pickRandomColor(config.palette));
-  const [nextColor, setNextColor] = React5.useState(() => pickRandomColor(config.palette));
-  const [projectile, setProjectile] = React5.useState(null);
-  const gridRef = React5.useRef(grid);
-  const currentColorRef = React5.useRef(currentColor);
-  const nextColorRef = React5.useRef(nextColor);
-  const statusRef = React5.useRef(status);
-  React5.useEffect(() => {
+  const canvasRef = React.useRef(null);
+  const rafRef = React.useRef(null);
+  const lastTsRef = React.useRef(0);
+  const [grid, setGrid] = React.useState(() => createInitialGrid(config));
+  const [status, setStatus] = React.useState("ready");
+  const [score, setScore] = React.useState(0);
+  const [shots, setShots] = React.useState(0);
+  const [aimAngle, setAimAngle] = React.useState(-Math.PI / 2);
+  const [currentColor, setCurrentColor] = React.useState(() => pickRandomColor(config.palette));
+  const [nextColor, setNextColor] = React.useState(() => pickRandomColor(config.palette));
+  const [projectile, setProjectile] = React.useState(null);
+  const gridRef = React.useRef(grid);
+  const currentColorRef = React.useRef(currentColor);
+  const nextColorRef = React.useRef(nextColor);
+  const statusRef = React.useRef(status);
+  React.useEffect(() => {
     gridRef.current = grid;
   }, [grid]);
-  React5.useEffect(() => {
+  React.useEffect(() => {
     currentColorRef.current = currentColor;
   }, [currentColor]);
-  React5.useEffect(() => {
+  React.useEffect(() => {
     nextColorRef.current = nextColor;
   }, [nextColor]);
-  React5.useEffect(() => {
+  React.useEffect(() => {
     statusRef.current = status;
   }, [status]);
-  const restart = React5.useCallback(() => {
+  const restart = React.useCallback(() => {
     setGrid(createInitialGrid(config));
     setScore(0);
     setShots(0);
@@ -1448,10 +348,10 @@ var BubbleShooterBoard = ({ config: inputConfig, className }) => {
     setNextColor(pickRandomColor(config.palette));
     lastTsRef.current = 0;
   }, [config]);
-  React5.useEffect(() => {
+  React.useEffect(() => {
     restart();
   }, [restart]);
-  const settleProjectile = React5.useCallback(
+  const settleProjectile = React.useCallback(
     (x, y, preferredSlot) => {
       const working = gridRef.current.map((row) => [...row]);
       const attach = findAttachSlot(x, y, working, config, preferredSlot);
@@ -1489,7 +389,7 @@ var BubbleShooterBoard = ({ config: inputConfig, className }) => {
     },
     [config]
   );
-  React5.useEffect(() => {
+  React.useEffect(() => {
     if (status !== "shooting") {
       return;
     }
@@ -1551,7 +451,7 @@ var BubbleShooterBoard = ({ config: inputConfig, className }) => {
       lastTsRef.current = 0;
     };
   }, [boardWidth, config, settleProjectile, status]);
-  const shoot = React5.useCallback(() => {
+  const shoot = React.useCallback(() => {
     if (status !== "ready") {
       return;
     }
@@ -1566,7 +466,7 @@ var BubbleShooterBoard = ({ config: inputConfig, className }) => {
     });
     setStatus("shooting");
   }, [aimAngle, config.bubbleRadius, config.launchSpeed, currentColor, shooterX, shooterY, status]);
-  const updateAimFromPointer = React5.useCallback(
+  const updateAimFromPointer = React.useCallback(
     (event) => {
       const canvas = canvasRef.current;
       if (!canvas || status !== "ready") {
@@ -1589,7 +489,7 @@ var BubbleShooterBoard = ({ config: inputConfig, className }) => {
     shoot();
     event.currentTarget.releasePointerCapture(event.pointerId);
   };
-  React5.useEffect(() => {
+  React.useEffect(() => {
     const canvas = canvasRef.current;
     if (!canvas) {
       return;
@@ -1644,7 +544,7 @@ var BubbleShooterBoard = ({ config: inputConfig, className }) => {
       context.fillText(status === "won" ? "You Win!" : "Game Over", boardWidth / 2, boardHeight / 2);
     }
   }, [aimAngle, boardHeight, boardWidth, config, currentColor, grid, nextColor, projectile, shooterX, shooterY, status]);
-  return /* @__PURE__ */ React5__default.default.createElement("div", { className }, /* @__PURE__ */ React5__default.default.createElement("div", { style: { display: "flex", gap: 16, marginBottom: 10, flexWrap: "wrap", color: "#334155" } }, /* @__PURE__ */ React5__default.default.createElement("span", null, "\u72B6\u6001\uFF1A", status === "ready" ? "\u5F85\u53D1\u5C04" : status === "shooting" ? "\u53D1\u5C04\u4E2D" : status === "won" ? "\u80DC\u5229" : "\u5931\u8D25"), /* @__PURE__ */ React5__default.default.createElement("span", null, "\u5206\u6570\uFF1A", score), /* @__PURE__ */ React5__default.default.createElement("span", null, "\u53D1\u5C04\u6B21\u6570\uFF1A", shots)), /* @__PURE__ */ React5__default.default.createElement(
+  return /* @__PURE__ */ React__default.default.createElement("div", { className }, /* @__PURE__ */ React__default.default.createElement("div", { style: { display: "flex", gap: 16, marginBottom: 10, flexWrap: "wrap", color: "#334155" } }, /* @__PURE__ */ React__default.default.createElement("span", null, "\u72B6\u6001\uFF1A", status === "ready" ? "\u5F85\u53D1\u5C04" : status === "shooting" ? "\u53D1\u5C04\u4E2D" : status === "won" ? "\u80DC\u5229" : "\u5931\u8D25"), /* @__PURE__ */ React__default.default.createElement("span", null, "\u5206\u6570\uFF1A", score), /* @__PURE__ */ React__default.default.createElement("span", null, "\u53D1\u5C04\u6B21\u6570\uFF1A", shots)), /* @__PURE__ */ React__default.default.createElement(
     "canvas",
     {
       ref: canvasRef,
@@ -1664,7 +564,7 @@ var BubbleShooterBoard = ({ config: inputConfig, className }) => {
         display: "block"
       }
     }
-  ), /* @__PURE__ */ React5__default.default.createElement("div", { style: { marginTop: 10, display: "flex", gap: 10 } }, /* @__PURE__ */ React5__default.default.createElement("button", { type: "button", onClick: restart, style: { padding: "8px 12px" } }, "\u91CD\u65B0\u5F00\u59CB")));
+  ), /* @__PURE__ */ React__default.default.createElement("div", { style: { marginTop: 10, display: "flex", gap: 10 } }, /* @__PURE__ */ React__default.default.createElement("button", { type: "button", onClick: restart, style: { padding: "8px 12px" } }, "\u91CD\u65B0\u5F00\u59CB")));
 };
 var BubbleShooterBoard_default = BubbleShooterBoard;
 var BubbleShooterGamePage = ({
@@ -1672,11 +572,10 @@ var BubbleShooterGamePage = ({
   title = "\u6CE1\u6CE1\u9F99",
   description = "\u57FA\u7840\u7248\uFF1A\u7784\u51C6\u3001\u53D1\u5C04\u3001\u8FDE\u6D88\u3001\u60AC\u7A7A\u6389\u843D\u3002"
 }) => {
-  return /* @__PURE__ */ React5__default.default.createElement("section", null, /* @__PURE__ */ React5__default.default.createElement("h2", null, title), /* @__PURE__ */ React5__default.default.createElement("p", { style: { color: "#64748b" } }, description), /* @__PURE__ */ React5__default.default.createElement(BubbleShooterBoard_default, { config }));
+  return /* @__PURE__ */ React__default.default.createElement("section", null, /* @__PURE__ */ React__default.default.createElement("h2", null, title), /* @__PURE__ */ React__default.default.createElement("p", { style: { color: "#64748b" } }, description), /* @__PURE__ */ React__default.default.createElement(BubbleShooterBoard_default, { config }));
 };
 var BubbleShooterGamePage_default = BubbleShooterGamePage;
 
-exports.authLegacy = auth_legacy_exports;
 exports.bubbleShooter = bubbleShooter_exports;
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map