sa2kit 2.0.1 → 2.0.2

package/dist/business/index.mjs

@@ -0,0 +1,1675 @@
+import React5, { createContext, useState, useRef, useCallback, useEffect, useContext, useMemo } from 'react';
+import { createPortal } from 'react-dom';
+import { X, Phone, Lock, EyeOff, Eye, User, LogOut, LogIn } from 'lucide-react';
+
+var __defProp = Object.defineProperty;
+var __export = (target, all) => {
+  for (var name in 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 = 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] = useState(null);
+  const [loading, setLoading] = useState(true);
+  const [isAuthenticated, setIsAuthenticated] = useState(false);
+  const isMountedRef = useRef(true);
+  const safeSetState = useCallback((updater) => {
+    if (isMountedRef.current) {
+      updater();
+    }
+  }, []);
+  const validateSession = 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 = 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 = 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 = 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 = useCallback(() => {
+    console.log("\u{1F504} [AuthContext] \u5237\u65B0\u7528\u6237\u4FE1\u606F...");
+    setLoading(true);
+    validateSession();
+  }, [validateSession]);
+  useEffect(() => {
+    isMountedRef.current = true;
+    return () => {
+      isMountedRef.current = false;
+    };
+  }, []);
+  useEffect(() => {
+    console.log("\u{1F680} [AuthContext] \u521D\u59CB\u5316, \u5F00\u59CB\u9A8C\u8BC1\u4F1A\u8BDD");
+    validateSession();
+  }, [validateSession]);
+  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.createElement(AuthContext.Provider, { value }, children);
+}
+function useAuth() {
+  const context = 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] = useState({
+    phone: "",
+    newPassword: "",
+    confirmPassword: "",
+    verificationCode: ""
+  });
+  const [showPassword, setShowPassword] = useState(false);
+  const [showConfirmPassword, setShowConfirmPassword] = useState(false);
+  const [error, setError] = useState("");
+  const [loading, setLoading] = useState(false);
+  const [countdown, setCountdown] = useState(0);
+  const [mounted, setMounted] = useState(false);
+  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.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.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.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.createElement(X, { size: 20 })
+      ),
+      /* @__PURE__ */ React5.createElement("div", { className: "px-6 pt-6 pb-4 text-center border-b border-gray-100" }, /* @__PURE__ */ React5.createElement("h2", { className: "text-2xl font-semibold text-gray-800 mb-2" }, "\u91CD\u7F6E\u5BC6\u7801"), /* @__PURE__ */ React5.createElement("p", { className: "text-gray-500 text-sm" }, "\u8BF7\u8F93\u5165\u624B\u673A\u53F7\u548C\u9A8C\u8BC1\u7801\u91CD\u7F6E\u5BC6\u7801")),
+      /* @__PURE__ */ React5.createElement("form", { onSubmit: handleSubmit, className: "p-6" }, /* @__PURE__ */ React5.createElement("div", { className: "mb-5" }, /* @__PURE__ */ React5.createElement("label", { htmlFor: "phone", className: "block mb-1.5 text-sm font-medium text-gray-700" }, "\u624B\u673A\u53F7"), /* @__PURE__ */ React5.createElement("div", { className: "relative flex items-center" }, /* @__PURE__ */ React5.createElement(Phone, { size: 18, className: "absolute left-4 text-gray-400 z-[1] pointer-events-none" }), /* @__PURE__ */ React5.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.createElement("div", { className: "mb-5" }, /* @__PURE__ */ React5.createElement("label", { htmlFor: "verificationCode", className: "block mb-1.5 text-sm font-medium text-gray-700" }, "\u9A8C\u8BC1\u7801"), /* @__PURE__ */ React5.createElement("div", { className: "relative flex items-center" }, /* @__PURE__ */ React5.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.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.createElement("div", { className: "mb-5" }, /* @__PURE__ */ React5.createElement("label", { htmlFor: "newPassword", className: "block mb-1.5 text-sm font-medium text-gray-700" }, "\u65B0\u5BC6\u7801"), /* @__PURE__ */ React5.createElement("div", { className: "relative flex items-center" }, /* @__PURE__ */ React5.createElement(Lock, { size: 18, className: "absolute left-4 text-gray-400 z-[1] pointer-events-none" }), /* @__PURE__ */ React5.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.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.createElement(EyeOff, { size: 18 }) : /* @__PURE__ */ React5.createElement(Eye, { size: 18 })
+      ))), /* @__PURE__ */ React5.createElement("div", { className: "mb-5" }, /* @__PURE__ */ React5.createElement("label", { htmlFor: "confirmPassword", className: "block mb-1.5 text-sm font-medium text-gray-700" }, "\u786E\u8BA4\u5BC6\u7801"), /* @__PURE__ */ React5.createElement("div", { className: "relative flex items-center" }, /* @__PURE__ */ React5.createElement(Lock, { size: 18, className: "absolute left-4 text-gray-400 z-[1] pointer-events-none" }), /* @__PURE__ */ React5.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.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.createElement(EyeOff, { size: 18 }) : /* @__PURE__ */ React5.createElement(Eye, { size: 18 })
+      ))), error && /* @__PURE__ */ React5.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.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 createPortal(modalContent, document.body);
+}
+
+// src/business/auth-legacy/components/LoginModal.tsx
+function LoginModal({ isOpen, onClose, onSuccess, onSwitchToRegister }) {
+  const { login } = useAuth();
+  const [formData, setFormData] = useState({
+    phone: "",
+    password: ""
+  });
+  const [showPassword, setShowPassword] = useState(false);
+  const [error, setError] = useState("");
+  const [loading, setLoading] = useState(false);
+  const [showForgotPassword, setShowForgotPassword] = useState(false);
+  const [mounted, setMounted] = useState(false);
+  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.createElement(React5.Fragment, null, /* @__PURE__ */ React5.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.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.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.createElement(X, { size: 20 })
+      ),
+      /* @__PURE__ */ React5.createElement("div", { className: "px-6 pt-6 pb-4 text-center border-b border-gray-100" }, /* @__PURE__ */ React5.createElement("h2", { className: "text-2xl font-semibold text-gray-800 mb-2" }, "\u7528\u6237\u767B\u5F55"), /* @__PURE__ */ React5.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.createElement("div", { className: "px-6 py-4 bg-amber-50 border-b border-gray-100" }, /* @__PURE__ */ React5.createElement("p", { className: "text-xs text-amber-800 font-medium mb-2" }, "\u5F00\u53D1\u73AF\u5883\u5FEB\u6377\u767B\u5F55\uFF1A"), /* @__PURE__ */ React5.createElement("div", { className: "flex gap-2" }, /* @__PURE__ */ React5.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.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.createElement("form", { onSubmit: handleSubmit, className: "p-6" }, /* @__PURE__ */ React5.createElement("div", { className: "mb-5" }, /* @__PURE__ */ React5.createElement("label", { htmlFor: "phone", className: "block mb-1.5 text-sm font-medium text-gray-700" }, "\u624B\u673A\u53F7"), /* @__PURE__ */ React5.createElement("div", { className: "relative flex items-center" }, /* @__PURE__ */ React5.createElement(User, { size: 18, className: "absolute left-4 text-gray-400 z-[1] pointer-events-none" }), /* @__PURE__ */ React5.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.createElement("div", { className: "mb-5" }, /* @__PURE__ */ React5.createElement("label", { htmlFor: "password", className: "block mb-1.5 text-sm font-medium text-gray-700" }, "\u5BC6\u7801"), /* @__PURE__ */ React5.createElement("div", { className: "relative flex items-center" }, /* @__PURE__ */ React5.createElement(Lock, { size: 18, className: "absolute left-4 text-gray-400 z-[1] pointer-events-none" }), /* @__PURE__ */ React5.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.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.createElement(EyeOff, { size: 18 }) : /* @__PURE__ */ React5.createElement(Eye, { size: 18 })
+      ))), /* @__PURE__ */ React5.createElement("div", { className: "text-right -mt-2 mb-4" }, /* @__PURE__ */ React5.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.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.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.createElement("div", { className: "text-center mt-5 pt-4 border-t border-gray-100" }, /* @__PURE__ */ React5.createElement("span", { className: "text-gray-500 text-sm mr-1" }, "\u8FD8\u6CA1\u6709\u8D26\u53F7\uFF1F"), /* @__PURE__ */ React5.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.createElement(
+    ForgotPasswordModal,
+    {
+      isOpen: showForgotPassword,
+      onClose: () => setShowForgotPassword(false),
+      onSuccess: () => {
+        setShowForgotPassword(false);
+        onSuccess();
+      }
+    }
+  ));
+  return 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] = useState(false);
+  useEffect(() => {
+    if (!loading && requireAuth && !isAuthenticated) {
+      setShowLoginModal(true);
+    }
+  }, [loading, requireAuth, isAuthenticated]);
+  const handleLoginSuccess = () => {
+    refreshUser();
+    setShowLoginModal(false);
+  };
+  if (loading) {
+    return /* @__PURE__ */ React5.createElement("div", { style: {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      minHeight: "200px",
+      color: "#6b7280",
+      flexDirection: "column",
+      gap: "12px"
+    } }, /* @__PURE__ */ React5.createElement("div", { style: {
+      width: "32px",
+      height: "32px",
+      border: "3px solid #e5e7eb",
+      borderTop: "3px solid #3b82f6",
+      borderRadius: "50%",
+      animation: "spin 1s linear infinite"
+    } }), /* @__PURE__ */ React5.createElement("div", null, "\u9A8C\u8BC1\u767B\u5F55\u72B6\u6001..."));
+  }
+  if (requireAuth && !isAuthenticated) {
+    return /* @__PURE__ */ React5.createElement(React5.Fragment, null, fallback || /* @__PURE__ */ React5.createElement("div", { style: {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      minHeight: "200px",
+      color: "#6b7280",
+      flexDirection: "column",
+      gap: "16px",
+      padding: "24px",
+      textAlign: "center"
+    } }, /* @__PURE__ */ React5.createElement("div", { style: {
+      fontSize: "48px",
+      opacity: 0.5
+    } }, "\u{1F512}"), /* @__PURE__ */ React5.createElement("div", { style: {
+      fontSize: "18px",
+      fontWeight: "500"
+    } }, "\u8BF7\u5148\u767B\u5F55\u4EE5\u8BBF\u95EE\u6B64\u9875\u9762"), /* @__PURE__ */ React5.createElement("div", { style: {
+      fontSize: "14px",
+      opacity: 0.7
+    } }, "\u767B\u5F55\u540E\u5373\u53EF\u67E5\u770B\u76F8\u5173\u5185\u5BB9")), /* @__PURE__ */ React5.createElement(
+      LoginModal,
+      {
+        isOpen: showLoginModal,
+        onClose: () => setShowLoginModal(false),
+        onSuccess: handleLoginSuccess
+      }
+    ));
+  }
+  return /* @__PURE__ */ React5.createElement(React5.Fragment, null, children);
+}
+function RegisterModal({ isOpen, onClose, onSuccess, onSwitchToLogin }) {
+  const { register } = useAuth();
+  const [formData, setFormData] = useState({
+    phone: "",
+    password: "",
+    confirmPassword: "",
+    name: ""
+  });
+  const [showPassword, setShowPassword] = useState(false);
+  const [showConfirmPassword, setShowConfirmPassword] = useState(false);
+  const [error, setError] = useState("");
+  const [loading, setLoading] = useState(false);
+  const [mounted, setMounted] = useState(false);
+  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.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.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.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.createElement(X, { size: 20 })
+      ),
+      /* @__PURE__ */ React5.createElement("div", { className: "px-6 pt-6 pb-4 text-center border-b border-gray-100" }, /* @__PURE__ */ React5.createElement("h2", { className: "text-2xl font-semibold text-gray-800 mb-2" }, "\u7528\u6237\u6CE8\u518C"), /* @__PURE__ */ React5.createElement("p", { className: "text-gray-500 text-sm" }, "\u8BF7\u586B\u5199\u4EE5\u4E0B\u4FE1\u606F\u521B\u5EFA\u8D26\u6237")),
+      /* @__PURE__ */ React5.createElement("form", { onSubmit: handleSubmit, className: "p-6" }, /* @__PURE__ */ React5.createElement("div", { className: "mb-5" }, /* @__PURE__ */ React5.createElement("label", { htmlFor: "phone", className: "block mb-1.5 text-sm font-medium text-gray-700" }, "\u624B\u673A\u53F7 *"), /* @__PURE__ */ React5.createElement("div", { className: "relative flex items-center" }, /* @__PURE__ */ React5.createElement(Phone, { size: 18, className: "absolute left-4 text-gray-400 z-[1] pointer-events-none" }), /* @__PURE__ */ React5.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.createElement("div", { className: "mb-5" }, /* @__PURE__ */ React5.createElement("label", { htmlFor: "name", className: "block mb-1.5 text-sm font-medium text-gray-700" }, "\u59D3\u540D"), /* @__PURE__ */ React5.createElement("div", { className: "relative flex items-center" }, /* @__PURE__ */ React5.createElement(User, { size: 18, className: "absolute left-4 text-gray-400 z-[1] pointer-events-none" }), /* @__PURE__ */ React5.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.createElement("div", { className: "mb-5" }, /* @__PURE__ */ React5.createElement("label", { htmlFor: "password", className: "block mb-1.5 text-sm font-medium text-gray-700" }, "\u5BC6\u7801 *"), /* @__PURE__ */ React5.createElement("div", { className: "relative flex items-center" }, /* @__PURE__ */ React5.createElement(Lock, { size: 18, className: "absolute left-4 text-gray-400 z-[1] pointer-events-none" }), /* @__PURE__ */ React5.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.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.createElement(EyeOff, { size: 18 }) : /* @__PURE__ */ React5.createElement(Eye, { size: 18 })
+      ))), /* @__PURE__ */ React5.createElement("div", { className: "mb-5" }, /* @__PURE__ */ React5.createElement("label", { htmlFor: "confirmPassword", className: "block mb-1.5 text-sm font-medium text-gray-700" }, "\u786E\u8BA4\u5BC6\u7801 *"), /* @__PURE__ */ React5.createElement("div", { className: "relative flex items-center" }, /* @__PURE__ */ React5.createElement(Lock, { size: 18, className: "absolute left-4 text-gray-400 z-[1] pointer-events-none" }), /* @__PURE__ */ React5.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.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.createElement(EyeOff, { size: 18 }) : /* @__PURE__ */ React5.createElement(Eye, { size: 18 })
+      ))), error && /* @__PURE__ */ React5.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.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.createElement("div", { className: "text-center mt-5 pt-4 border-t border-gray-100" }, /* @__PURE__ */ React5.createElement("span", { className: "text-gray-500 text-sm mr-1" }, "\u5DF2\u6709\u8D26\u53F7\uFF1F"), /* @__PURE__ */ React5.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 createPortal(modalContent, document.body);
+}
+
+// src/business/auth-legacy/components/UserMenu.tsx
+function UserMenu({ customMenuItems = [], className }) {
+  const { user, isAuthenticated, logout } = useAuth();
+  const [isOpen, setIsOpen] = useState(false);
+  const [showLoginModal, setShowLoginModal] = useState(false);
+  const [showRegisterModal, setShowRegisterModal] = 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.useEffect(() => {
+    const handleGlobalClick = () => {
+      setIsOpen(false);
+    };
+    if (isOpen) {
+      document.addEventListener("click", handleGlobalClick);
+    }
+    return () => {
+      document.removeEventListener("click", handleGlobalClick);
+    };
+  }, [isOpen]);
+  const visibleCustomMenuItems = getVisibleCustomMenuItems();
+  return /* @__PURE__ */ React5.createElement("div", { className: `relative inline-block ${className || ""}` }, /* @__PURE__ */ React5.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.createElement(User, { size: 24 }),
+    isAuthenticated && user && /* @__PURE__ */ React5.createElement("span", { className: "max-w-[120px] overflow-hidden text-ellipsis whitespace-nowrap" }, user.name || user.phone)
+  ), isOpen && /* @__PURE__ */ React5.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.createElement(React5.Fragment, null, /* @__PURE__ */ React5.createElement("div", { className: "p-3 mb-2 bg-slate-50 rounded-lg" }, /* @__PURE__ */ React5.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.createElement("div", { className: "text-xs text-slate-500 mb-1 overflow-hidden text-ellipsis whitespace-nowrap" }, user.phone), /* @__PURE__ */ React5.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.createElement(React5.Fragment, null, /* @__PURE__ */ React5.createElement("div", { className: "h-px bg-slate-200 my-2" }), visibleCustomMenuItems.map((item) => {
+        const IconComponent = item.icon;
+        return /* @__PURE__ */ React5.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.createElement(IconComponent, { size: 16 }),
+          /* @__PURE__ */ React5.createElement("span", null, item.label)
+        );
+      })), /* @__PURE__ */ React5.createElement("div", { className: "h-px bg-slate-200 my-2" }), /* @__PURE__ */ React5.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.createElement(LogOut, { size: 16 }),
+        /* @__PURE__ */ React5.createElement("span", null, "\u9000\u51FA\u767B\u5F55")
+      ))
+    ) : (
+      // 未登录状态的菜单
+      /* @__PURE__ */ React5.createElement(React5.Fragment, null, /* @__PURE__ */ React5.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.createElement(LogIn, { size: 16 }),
+        /* @__PURE__ */ React5.createElement("span", null, "\u767B\u5F55")
+      ), /* @__PURE__ */ React5.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.createElement(User, { size: 16 }),
+        /* @__PURE__ */ React5.createElement("span", null, "\u6CE8\u518C")
+      ), visibleCustomMenuItems.length > 0 && /* @__PURE__ */ React5.createElement(React5.Fragment, null, /* @__PURE__ */ React5.createElement("div", { className: "h-px bg-slate-200 my-2" }), visibleCustomMenuItems.map((item) => {
+        const IconComponent = item.icon;
+        return /* @__PURE__ */ React5.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.createElement(IconComponent, { size: 16 }),
+          /* @__PURE__ */ React5.createElement("span", null, item.label)
+        );
+      })))
+    )
+  ), /* @__PURE__ */ React5.createElement(
+    LoginModal,
+    {
+      isOpen: showLoginModal,
+      onClose: () => setShowLoginModal(false),
+      onSuccess: handleAuthSuccess,
+      onSwitchToRegister: handleSwitchToRegister
+    }
+  ), /* @__PURE__ */ React5.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, {
+  DEFAULT_BUBBLE_SHOOTER_CONFIG: () => DEFAULT_BUBBLE_SHOOTER_CONFIG,
+  createEmptyGrid: () => createEmptyGrid,
+  createInitialGrid: () => createInitialGrid,
+  findAttachSlot: () => findAttachSlot,
+  findCollisionSlot: () => findCollisionSlot,
+  getBoardHeight: () => getBoardHeight,
+  getBoardWidth: () => getBoardWidth,
+  getBubbleDiameter: () => getBubbleDiameter,
+  getBubblePosition: () => getBubblePosition,
+  getNearestSlot: () => getNearestSlot,
+  getNeighbors: () => getNeighbors,
+  getRowStep: () => getRowStep,
+  hasAnyBubble: () => hasAnyBubble,
+  hasReachedDangerLine: () => hasReachedDangerLine,
+  isValidSlot: () => isValidSlot,
+  pickRandomColor: () => pickRandomColor,
+  resolveMatches: () => resolveMatches,
+  webUI: () => web_exports
+});
+
+// src/business/bubbleShooter/logic/game.ts
+var slotKey = (row, col) => `${row}:${col}`;
+var cloneGrid = (grid) => grid.map((row) => [...row]);
+var DEFAULT_BUBBLE_SHOOTER_CONFIG = {
+  rows: 12,
+  cols: 8,
+  initialRows: 5,
+  bubbleRadius: 16,
+  topOffset: 18,
+  palette: ["#fb7185", "#60a5fa", "#34d399", "#fbbf24", "#a78bfa"],
+  launchSpeed: 440,
+  minMatchCount: 3
+};
+var getBubbleDiameter = (config) => config.bubbleRadius * 2;
+var getRowStep = (config) => Math.round(config.bubbleRadius * 1.73);
+var getBoardWidth = (config) => {
+  return getBubbleDiameter(config) * config.cols + config.bubbleRadius;
+};
+var getBoardHeight = (config) => {
+  return config.topOffset + getRowStep(config) * (config.rows + 1) + config.bubbleRadius;
+};
+var createEmptyGrid = (config) => {
+  return Array.from({ length: config.rows }, () => Array.from({ length: config.cols }, () => null));
+};
+var createInitialGrid = (config) => {
+  const grid = createEmptyGrid(config);
+  for (let row = 0; row < config.initialRows; row += 1) {
+    for (let col = 0; col < config.cols; col += 1) {
+      const color = config.palette[Math.floor(Math.random() * config.palette.length)] || config.palette[0] || "#60a5fa";
+      const targetRow = grid[row];
+      if (targetRow) {
+        targetRow[col] = color;
+      }
+    }
+  }
+  return grid;
+};
+var pickRandomColor = (palette) => {
+  return palette[Math.floor(Math.random() * palette.length)] || "#60a5fa";
+};
+var getBubblePosition = (row, col, config) => {
+  const diameter = getBubbleDiameter(config);
+  const rowStep = getRowStep(config);
+  const x = config.bubbleRadius + col * diameter + (row % 2 === 1 ? config.bubbleRadius : 0);
+  const y = config.topOffset + config.bubbleRadius + row * rowStep;
+  return { x, y };
+};
+var isValidSlot = (slot, config) => {
+  return slot.row >= 0 && slot.row < config.rows && slot.col >= 0 && slot.col < config.cols;
+};
+var getNeighbors = (slot, config) => {
+  const evenDirections = [
+    { row: -1, col: -1 },
+    { row: -1, col: 0 },
+    { row: 0, col: -1 },
+    { row: 0, col: 1 },
+    { row: 1, col: -1 },
+    { row: 1, col: 0 }
+  ];
+  const oddDirections = [
+    { row: -1, col: 0 },
+    { row: -1, col: 1 },
+    { row: 0, col: -1 },
+    { row: 0, col: 1 },
+    { row: 1, col: 0 },
+    { row: 1, col: 1 }
+  ];
+  const directions = slot.row % 2 === 0 ? evenDirections : oddDirections;
+  return directions.map((direction) => ({ row: slot.row + direction.row, col: slot.col + direction.col })).filter((candidate) => isValidSlot(candidate, config));
+};
+var getNearestSlot = (x, y, config) => {
+  const rowStep = getRowStep(config);
+  const diameter = getBubbleDiameter(config);
+  const row = Math.max(0, Math.min(config.rows - 1, Math.round((y - config.topOffset - config.bubbleRadius) / rowStep)));
+  const rowOffset = row % 2 === 1 ? config.bubbleRadius : 0;
+  const col = Math.max(0, Math.min(config.cols - 1, Math.round((x - config.bubbleRadius - rowOffset) / diameter)));
+  return { row, col };
+};
+var hasAdjacentBubble = (row, col, grid, config) => {
+  if (row === 0) {
+    return true;
+  }
+  return getNeighbors({ row, col }, config).some((neighbor) => {
+    const targetRow = grid[neighbor.row];
+    return Boolean(targetRow?.[neighbor.col]);
+  });
+};
+var findAttachSlot = (x, y, grid, config, preferred) => {
+  const candidates = [];
+  if (preferred && isValidSlot(preferred, config)) {
+    candidates.push(preferred, ...getNeighbors(preferred, config));
+  }
+  const nearest = getNearestSlot(x, y, config);
+  candidates.push(nearest, ...getNeighbors(nearest, config));
+  const uniqueCandidates = Array.from(
+    new Map(candidates.map((slot) => [slotKey(slot.row, slot.col), slot])).values()
+  );
+  let best = null;
+  let bestDistance = Number.POSITIVE_INFINITY;
+  uniqueCandidates.forEach((slot) => {
+    const targetRow = grid[slot.row];
+    if (!targetRow || targetRow[slot.col] || !hasAdjacentBubble(slot.row, slot.col, grid, config)) {
+      return;
+    }
+    const position = getBubblePosition(slot.row, slot.col, config);
+    const dx = position.x - x;
+    const dy = position.y - y;
+    const distance = dx * dx + dy * dy;
+    if (distance < bestDistance) {
+      bestDistance = distance;
+      best = slot;
+    }
+  });
+  return best;
+};
+var findCollisionSlot = (x, y, grid, config) => {
+  const threshold = (config.bubbleRadius * 2 - 1) ** 2;
+  for (let row = 0; row < config.rows; row += 1) {
+    for (let col = 0; col < config.cols; col += 1) {
+      const targetRow = grid[row];
+      if (!targetRow?.[col]) {
+        continue;
+      }
+      const position = getBubblePosition(row, col, config);
+      const dx = position.x - x;
+      const dy = position.y - y;
+      if (dx * dx + dy * dy <= threshold) {
+        return { row, col };
+      }
+    }
+  }
+  return null;
+};
+var collectGroup = (start, grid, config, color) => {
+  const queue = [start];
+  const visited = /* @__PURE__ */ new Set();
+  const group = [];
+  while (queue.length > 0) {
+    const current = queue.shift();
+    if (!current) {
+      continue;
+    }
+    const key = slotKey(current.row, current.col);
+    if (visited.has(key)) {
+      continue;
+    }
+    visited.add(key);
+    const currentColor = grid[current.row]?.[current.col];
+    if (currentColor !== color) {
+      continue;
+    }
+    group.push(current);
+    getNeighbors(current, config).forEach((neighbor) => {
+      const neighborKey = slotKey(neighbor.row, neighbor.col);
+      if (!visited.has(neighborKey)) {
+        queue.push(neighbor);
+      }
+    });
+  }
+  return group;
+};
+var collectTopConnected = (grid, config) => {
+  const visited = /* @__PURE__ */ new Set();
+  const queue = [];
+  for (let col = 0; col < config.cols; col += 1) {
+    if (grid[0]?.[col]) {
+      queue.push({ row: 0, col });
+    }
+  }
+  while (queue.length > 0) {
+    const current = queue.shift();
+    if (!current) {
+      continue;
+    }
+    const key = slotKey(current.row, current.col);
+    if (visited.has(key)) {
+      continue;
+    }
+    if (!grid[current.row]?.[current.col]) {
+      continue;
+    }
+    visited.add(key);
+    getNeighbors(current, config).forEach((neighbor) => {
+      const neighborKey = slotKey(neighbor.row, neighbor.col);
+      if (!visited.has(neighborKey)) {
+        queue.push(neighbor);
+      }
+    });
+  }
+  return visited;
+};
+var resolveMatches = (grid, placed, config) => {
+  const nextGrid = cloneGrid(grid);
+  const placedColor = nextGrid[placed.row]?.[placed.col];
+  if (!placedColor) {
+    return { grid: nextGrid, removed: 0, matched: 0, dropped: 0 };
+  }
+  const group = collectGroup(placed, nextGrid, config, placedColor);
+  let matched = 0;
+  if (group.length >= config.minMatchCount) {
+    group.forEach((slot) => {
+      const targetRow = nextGrid[slot.row];
+      if (targetRow?.[slot.col]) {
+        targetRow[slot.col] = null;
+        matched += 1;
+      }
+    });
+  }
+  let dropped = 0;
+  if (matched > 0) {
+    const topConnected = collectTopConnected(nextGrid, config);
+    for (let row = 0; row < config.rows; row += 1) {
+      for (let col = 0; col < config.cols; col += 1) {
+        const targetRow = nextGrid[row];
+        if (targetRow?.[col] && !topConnected.has(slotKey(row, col))) {
+          targetRow[col] = null;
+          dropped += 1;
+        }
+      }
+    }
+  }
+  return {
+    grid: nextGrid,
+    matched,
+    dropped,
+    removed: matched + dropped
+  };
+};
+var hasAnyBubble = (grid) => {
+  return grid.some((row) => row.some(Boolean));
+};
+var hasReachedDangerLine = (grid, config, dangerRowOffset = 2) => {
+  const limitRow = Math.max(0, config.rows - dangerRowOffset);
+  for (let row = limitRow; row < config.rows; row += 1) {
+    const targetRow = grid[row];
+    if (targetRow?.some(Boolean)) {
+      return true;
+    }
+  }
+  return false;
+};
+
+// src/business/bubbleShooter/ui/web/index.ts
+var web_exports = {};
+__export(web_exports, {
+  BubbleShooterBoard: () => BubbleShooterBoard_default,
+  BubbleShooterGamePage: () => BubbleShooterGamePage_default
+});
+var clampAim = (angle) => {
+  const minAngle = -Math.PI + 0.15;
+  const maxAngle = -0.15;
+  return Math.max(minAngle, Math.min(maxAngle, angle));
+};
+var drawCircle = (context, x, y, radius, color) => {
+  context.beginPath();
+  context.arc(x, y, radius, 0, Math.PI * 2);
+  context.fillStyle = color;
+  context.fill();
+  context.strokeStyle = "rgba(15, 23, 42, 0.15)";
+  context.lineWidth = 1;
+  context.stroke();
+};
+var normalizeConfig = (input) => {
+  return {
+    ...DEFAULT_BUBBLE_SHOOTER_CONFIG,
+    ...input,
+    palette: input?.palette?.length ? input.palette : DEFAULT_BUBBLE_SHOOTER_CONFIG.palette
+  };
+};
+var BubbleShooterBoard = ({ config: inputConfig, className }) => {
+  const config = useMemo(() => normalizeConfig(inputConfig), [inputConfig]);
+  const boardWidth = useMemo(() => getBoardWidth(config), [config]);
+  const boardHeight = useMemo(() => getBoardHeight(config), [config]);
+  const shooterX = boardWidth / 2;
+  const shooterY = boardHeight - config.bubbleRadius - 12;
+  const canvasRef = useRef(null);
+  const rafRef = useRef(null);
+  const lastTsRef = useRef(0);
+  const [grid, setGrid] = useState(() => createInitialGrid(config));
+  const [status, setStatus] = useState("ready");
+  const [score, setScore] = useState(0);
+  const [shots, setShots] = useState(0);
+  const [aimAngle, setAimAngle] = useState(-Math.PI / 2);
+  const [currentColor, setCurrentColor] = useState(() => pickRandomColor(config.palette));
+  const [nextColor, setNextColor] = useState(() => pickRandomColor(config.palette));
+  const [projectile, setProjectile] = useState(null);
+  const gridRef = useRef(grid);
+  const currentColorRef = useRef(currentColor);
+  const nextColorRef = useRef(nextColor);
+  const statusRef = useRef(status);
+  useEffect(() => {
+    gridRef.current = grid;
+  }, [grid]);
+  useEffect(() => {
+    currentColorRef.current = currentColor;
+  }, [currentColor]);
+  useEffect(() => {
+    nextColorRef.current = nextColor;
+  }, [nextColor]);
+  useEffect(() => {
+    statusRef.current = status;
+  }, [status]);
+  const restart = useCallback(() => {
+    setGrid(createInitialGrid(config));
+    setScore(0);
+    setShots(0);
+    setStatus("ready");
+    setProjectile(null);
+    setAimAngle(-Math.PI / 2);
+    setCurrentColor(pickRandomColor(config.palette));
+    setNextColor(pickRandomColor(config.palette));
+    lastTsRef.current = 0;
+  }, [config]);
+  useEffect(() => {
+    restart();
+  }, [restart]);
+  const settleProjectile = useCallback(
+    (x, y, preferredSlot) => {
+      const working = gridRef.current.map((row) => [...row]);
+      const attach = findAttachSlot(x, y, working, config, preferredSlot);
+      if (!attach) {
+        setProjectile(null);
+        setStatus("lost");
+        return;
+      }
+      const rowData = working[attach.row];
+      if (!rowData || rowData[attach.col]) {
+        setProjectile(null);
+        setStatus("lost");
+        return;
+      }
+      rowData[attach.col] = currentColorRef.current;
+      const resolved = resolveMatches(working, attach, config);
+      setGrid(resolved.grid);
+      setProjectile(null);
+      setShots((prev) => prev + 1);
+      if (resolved.removed > 0) {
+        setScore((prev) => prev + resolved.matched * 10 + resolved.dropped * 15);
+      }
+      const hasBubbleLeft = hasAnyBubble(resolved.grid);
+      if (!hasBubbleLeft) {
+        setStatus("won");
+      } else if (hasReachedDangerLine(resolved.grid, config)) {
+        setStatus("lost");
+      } else {
+        setStatus("ready");
+      }
+      const nextCurrent = nextColorRef.current;
+      const nextQueued = pickRandomColor(config.palette);
+      setCurrentColor(nextCurrent);
+      setNextColor(nextQueued);
+    },
+    [config]
+  );
+  useEffect(() => {
+    if (status !== "shooting") {
+      return;
+    }
+    const step = (timestamp) => {
+      if (statusRef.current !== "shooting") {
+        lastTsRef.current = 0;
+        return;
+      }
+      const previousTs = lastTsRef.current || timestamp;
+      const deltaSec = Math.min((timestamp - previousTs) / 1e3, 0.05);
+      lastTsRef.current = timestamp;
+      let shouldContinue = true;
+      setProjectile((prev) => {
+        if (!prev || statusRef.current !== "shooting") {
+          shouldContinue = false;
+          return prev;
+        }
+        let nextX = prev.x + prev.vx * deltaSec;
+        const nextY = prev.y + prev.vy * deltaSec;
+        let nextVx = prev.vx;
+        if (nextX <= config.bubbleRadius) {
+          nextX = config.bubbleRadius;
+          nextVx = Math.abs(nextVx);
+        } else if (nextX >= boardWidth - config.bubbleRadius) {
+          nextX = boardWidth - config.bubbleRadius;
+          nextVx = -Math.abs(nextVx);
+        }
+        if (nextY <= config.topOffset + config.bubbleRadius) {
+          shouldContinue = false;
+          settleProjectile(nextX, config.topOffset + config.bubbleRadius, getNearestSlot(nextX, nextY, config));
+          return null;
+        }
+        const collision = findCollisionSlot(nextX, nextY, gridRef.current, config);
+        if (collision) {
+          shouldContinue = false;
+          settleProjectile(nextX, nextY, collision);
+          return null;
+        }
+        return {
+          ...prev,
+          x: nextX,
+          y: nextY,
+          vx: nextVx
+        };
+      });
+      if (shouldContinue) {
+        rafRef.current = window.requestAnimationFrame(step);
+      } else {
+        rafRef.current = null;
+        lastTsRef.current = 0;
+      }
+    };
+    rafRef.current = window.requestAnimationFrame(step);
+    return () => {
+      if (rafRef.current) {
+        window.cancelAnimationFrame(rafRef.current);
+        rafRef.current = null;
+      }
+      lastTsRef.current = 0;
+    };
+  }, [boardWidth, config, settleProjectile, status]);
+  const shoot = useCallback(() => {
+    if (status !== "ready") {
+      return;
+    }
+    const vx = Math.cos(aimAngle) * config.launchSpeed;
+    const vy = Math.sin(aimAngle) * config.launchSpeed;
+    setProjectile({
+      x: shooterX,
+      y: shooterY - config.bubbleRadius,
+      vx,
+      vy,
+      color: currentColor
+    });
+    setStatus("shooting");
+  }, [aimAngle, config.bubbleRadius, config.launchSpeed, currentColor, shooterX, shooterY, status]);
+  const updateAimFromPointer = useCallback(
+    (event) => {
+      const canvas = canvasRef.current;
+      if (!canvas || status !== "ready") {
+        return;
+      }
+      const rect = canvas.getBoundingClientRect();
+      const x = event.clientX - rect.left;
+      const y = event.clientY - rect.top;
+      const rawAngle = Math.atan2(y - shooterY, x - shooterX);
+      setAimAngle(clampAim(rawAngle));
+    },
+    [shooterX, shooterY, status]
+  );
+  const handlePointerDown = (event) => {
+    event.currentTarget.setPointerCapture(event.pointerId);
+    updateAimFromPointer(event);
+  };
+  const handlePointerUp = (event) => {
+    updateAimFromPointer(event);
+    shoot();
+    event.currentTarget.releasePointerCapture(event.pointerId);
+  };
+  useEffect(() => {
+    const canvas = canvasRef.current;
+    if (!canvas) {
+      return;
+    }
+    const context = canvas.getContext("2d");
+    if (!context) {
+      return;
+    }
+    const gradient = context.createLinearGradient(0, 0, 0, boardHeight);
+    gradient.addColorStop(0, "#f8fafc");
+    gradient.addColorStop(1, "#e2e8f0");
+    context.fillStyle = gradient;
+    context.fillRect(0, 0, boardWidth, boardHeight);
+    context.fillStyle = "rgba(148, 163, 184, 0.2)";
+    context.fillRect(0, shooterY - config.bubbleRadius * 1.3, boardWidth, 2);
+    for (let row = 0; row < config.rows; row += 1) {
+      for (let col = 0; col < config.cols; col += 1) {
+        const color = grid[row]?.[col];
+        if (!color) {
+          continue;
+        }
+        const position = getBubblePosition(row, col, config);
+        drawCircle(context, position.x, position.y, config.bubbleRadius - 0.5, color);
+      }
+    }
+    const aimLength = config.bubbleRadius * 9;
+    const aimX = shooterX + Math.cos(aimAngle) * aimLength;
+    const aimY = shooterY + Math.sin(aimAngle) * aimLength;
+    context.strokeStyle = "rgba(71, 85, 105, 0.75)";
+    context.lineWidth = 2;
+    context.setLineDash([4, 6]);
+    context.beginPath();
+    context.moveTo(shooterX, shooterY);
+    context.lineTo(aimX, aimY);
+    context.stroke();
+    context.setLineDash([]);
+    drawCircle(context, shooterX, shooterY, config.bubbleRadius - 0.5, currentColor);
+    if (projectile) {
+      drawCircle(context, projectile.x, projectile.y, config.bubbleRadius - 0.5, projectile.color);
+    }
+    drawCircle(context, boardWidth - config.bubbleRadius * 1.6, shooterY, config.bubbleRadius * 0.72, nextColor);
+    context.fillStyle = "#334155";
+    context.font = "12px sans-serif";
+    context.textAlign = "right";
+    context.fillText("Next", boardWidth - config.bubbleRadius * 0.5, shooterY - config.bubbleRadius * 1.05);
+    if (status === "won" || status === "lost") {
+      context.fillStyle = "rgba(15, 23, 42, 0.48)";
+      context.fillRect(0, 0, boardWidth, boardHeight);
+      context.fillStyle = "#ffffff";
+      context.font = "bold 26px sans-serif";
+      context.textAlign = "center";
+      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.createElement("div", { className }, /* @__PURE__ */ React5.createElement("div", { style: { display: "flex", gap: 16, marginBottom: 10, flexWrap: "wrap", color: "#334155" } }, /* @__PURE__ */ React5.createElement("span", null, "\u72B6\u6001\uFF1A", status === "ready" ? "\u5F85\u53D1\u5C04" : status === "shooting" ? "\u53D1\u5C04\u4E2D" : status === "won" ? "\u80DC\u5229" : "\u5931\u8D25"), /* @__PURE__ */ React5.createElement("span", null, "\u5206\u6570\uFF1A", score), /* @__PURE__ */ React5.createElement("span", null, "\u53D1\u5C04\u6B21\u6570\uFF1A", shots)), /* @__PURE__ */ React5.createElement(
+    "canvas",
+    {
+      ref: canvasRef,
+      width: boardWidth,
+      height: boardHeight,
+      onPointerMove: updateAimFromPointer,
+      onPointerDown: handlePointerDown,
+      onPointerUp: handlePointerUp,
+      style: {
+        width: "100%",
+        maxWidth: boardWidth,
+        borderRadius: 12,
+        border: "1px solid #cbd5e1",
+        boxShadow: "0 8px 28px rgba(15, 23, 42, 0.12)",
+        touchAction: "none",
+        cursor: status === "ready" ? "crosshair" : "default",
+        display: "block"
+      }
+    }
+  ), /* @__PURE__ */ React5.createElement("div", { style: { marginTop: 10, display: "flex", gap: 10 } }, /* @__PURE__ */ React5.createElement("button", { type: "button", onClick: restart, style: { padding: "8px 12px" } }, "\u91CD\u65B0\u5F00\u59CB")));
+};
+var BubbleShooterBoard_default = BubbleShooterBoard;
+var BubbleShooterGamePage = ({
+  config,
+  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.createElement("section", null, /* @__PURE__ */ React5.createElement("h2", null, title), /* @__PURE__ */ React5.createElement("p", { style: { color: "#64748b" } }, description), /* @__PURE__ */ React5.createElement(BubbleShooterBoard_default, { config }));
+};
+var BubbleShooterGamePage_default = BubbleShooterGamePage;
+
+export { auth_legacy_exports as authLegacy, bubbleShooter_exports as bubbleShooter };
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map