feat: add email binding and update local dev config

safe1ine · safe1ine · commit 6e5947bbeacd · 2026-03-24T18:07:36.000+08:00
diff --git a/desktop/electron/main.cjs b/desktop/electron/main.cjs
@@ -78,7 +78,7 @@ function createWindow() {
   })
 
   if (isDev) {
-    const devBase = process.env.VITE_DEV_SERVER_URL || "http://localhost:5173"
+    const devBase = process.env.VITE_DEV_SERVER_URL || "http://localhost:11180"
     win.loadURL(desktopEntryUrl(devBase))
     win.webContents.openDevTools({ mode: "detach" })
   } else if (process.env.MONKEYCODE_LOAD_LOCAL_DIST === "1") {
diff --git a/desktop/package.json b/desktop/package.json
@@ -10,7 +10,7 @@
     "postinstall": "node scripts/postinstall.cjs",
     "electron:build:dist": "cross-env ELECTRON=true pnpm --dir ../frontend run build",
     "electron:sync-web": "node scripts/sync-web-dist.mjs",
-    "electron:dev": "concurrently -k \"pnpm --dir ../frontend dev\" \"wait-on http://localhost:5173 && electron .\"",
+    "electron:dev": "concurrently -k \"pnpm --dir ../frontend dev\" \"wait-on http://localhost:11180 && electron .\"",
     "electron:pack": "electron-builder --mac --publish never",
     "electron:pack:dir": "electron-builder --mac dir --publish never",
     "electron:pack:with-dist": "pnpm electron:build:dist && pnpm electron:sync-web && electron-builder --mac -c electron-builder.full.json --publish never",
diff --git a/frontend/doc.md b/frontend/doc.md
@@ -40,7 +40,7 @@ MonkeyCode 是面向研发团队的企业级 AI 开发平台，覆盖 **需求 
   - **默认**：点击进入新任务页（`/console/tasks`）；旁的「+」为 **创建任务**（与进入同一页后创建任务等价）。展开后列出未归属项目的任务；每条任务悬停可出现 **更多** 菜单，支持 **删除任务**。
   - **具体项目**：点击进入该项目概览（`/console/project/:projectId`）；项目行右侧「+」为 **启动任务**（基于该项目仓库创建 AI 任务，未绑定仓库时该按钮不可用）。展开后列出该项目下任务，同样支持 **删除任务**。
 - **配置**：侧栏底部点击「配置」打开设置弹窗，可管理 Git 身份、AI 大模型、系统镜像、宿主机、开发环境、通知等。
-- **用户区**：侧栏最底部为当前账号信息。点击展开菜单可 **修改昵称**、**修改密码**、**登出**；点击头像区域可 **修改头像**（图片 ≤5MB）。
+- **用户区**：侧栏最底部为当前账号信息。点击展开菜单可 **修改昵称**、**绑定邮箱**（已绑定邮箱时按钮禁用）、**修改密码/设置密码**、**登出**；点击头像区域可 **修改头像**（图片 ≤5MB）。若账号已有密码，修改密码时需要输入原密码；若账号此前未设置密码，则可直接设置新密码。
 
 **顶栏（个人控制台）**
 
diff --git a/frontend/src/api/Api.ts b/frontend/src/api/Api.ts
@@ -335,6 +335,7 @@ export interface DomainCheckModelResp {
 export interface DomainCollaborator {
   avatar_url?: string;
   email?: string;
+  has_password?: boolean;
   id?: string;
   /** 用户绑定的身份列表，例如 github, gitlab */
   identities?: DomainUserIdentity[];
@@ -1044,6 +1045,11 @@ export interface DomainResource {
   memory?: number;
 }
 
+export interface DomainSendBindEmailVerificationReq {
+  /** 要绑定的邮箱地址 */
+  email: string;
+}
+
 export interface DomainShareGitBotReq {
   /** git bot ID */
   id?: string;
@@ -1161,10 +1167,6 @@ export interface DomainSpeechRecognitionEvent {
 export interface DomainStats {
   /** @example 5672 */
   repo_stars?: number;
-  /** @example 2847392 */
-  tasks_count?: number;
-  /** @example 18429 */
-  users_count?: number;
 }
 
 export interface DomainTask {
@@ -1477,6 +1479,7 @@ export interface DomainUpdateVMReq {
 export interface DomainUser {
   avatar_url?: string;
   email?: string;
+  has_password?: boolean;
   id?: string;
   /** 用户绑定的身份列表，例如 github, gitlab */
   identities?: DomainUserIdentity[];
@@ -3304,6 +3307,26 @@ export class Api<SecurityDataType extends unknown> extends HttpClient<SecurityDa
         ...params,
       }),
 
+    /**
+     * @description 用户已登录状态下请求绑定邮箱，系统发送验证邮件
+     *
+     * @tags 【用户】邮箱绑定
+     * @name V1UsersEmailBindRequestUpdate
+     * @summary 发送邮箱绑定验证邮件
+     * @request PUT:/api/v1/users/email/bind-request
+     * @secure
+     */
+    v1UsersEmailBindRequestUpdate: (req: DomainSendBindEmailVerificationReq, params: RequestParams = {}) =>
+      this.request<WebResp, WebResp>({
+        path: `/api/v1/users/email/bind-request`,
+        method: "PUT",
+        body: req,
+        secure: true,
+        type: ContentType.Json,
+        format: "json",
+        ...params,
+      }),
+
     /**
      * @description 删除文件/目录
      *
diff --git a/frontend/src/components/console/nav/nav-user.tsx b/frontend/src/components/console/nav/nav-user.tsx
@@ -46,8 +46,9 @@ import { Label } from "@/components/ui/label"
 import { Spinner } from "@/components/ui/spinner"
 import { Button } from "@/components/ui/button"
 import { toast } from "sonner"
-import { IconLockCode, IconLogout, IconUserHexagon, IconUpload } from "@tabler/icons-react"
+import { IconLockCode, IconLogout, IconMail, IconUserHexagon, IconUpload } from "@tabler/icons-react"
 import { useCommonData } from "@/components/console/data-provider"
+import { isValidEmail } from "@/utils/common"
 
 export default function NavUser() {
   const { isMobile } = useSidebar()
@@ -57,6 +58,9 @@ export default function NavUser() {
   const [newPassword, setNewPassword] = React.useState<string>('');
   const [confirmPassword, setConfirmPassword] = React.useState<string>('');
   const [changingPassword, setChangingPassword] = React.useState<boolean>(false);
+  const [showBindEmailDialog, setShowBindEmailDialog] = React.useState(false);
+  const [bindEmail, setBindEmail] = React.useState<string>('');
+  const [bindingEmail, setBindingEmail] = React.useState<boolean>(false);
   const [showChangeNameDialog, setShowChangeNameDialog] = React.useState(false);
   const [newName, setNewName] = React.useState<string>('');
   const [changingName, setChangingName] = React.useState<boolean>(false);
@@ -66,6 +70,8 @@ export default function NavUser() {
   const [changingAvatar, setChangingAvatar] = React.useState<boolean>(false);
   const navigate = useNavigate()
   const { user, reloadUser } = useCommonData()
+  const requiresCurrentPassword = !!user?.has_password
+  const passwordActionLabel = requiresCurrentPassword ? '修改密码' : '设置密码'
 
   const handleLogout = () => {
     apiRequest('v1UsersLogoutCreate', {}, [], (resp) => {
@@ -78,23 +84,27 @@ export default function NavUser() {
   };
 
   const handleChangePassword = async () => {
+    if (requiresCurrentPassword && !currentPassword) {
+      toast.error('请输入当前密码');
+      return;
+    }
+
     // 验证新密码和确认密码是否一致
     if (newPassword !== confirmPassword) {
       toast.error('新密码和确认密码不一致');
       return;
     }
 
     // 验证密码长度
-    if (newPassword.length < 6) {
-      toast.error('新密码长度至少为6位');
+    if (newPassword.length < 8) {
+      toast.error('新密码长度至少为8位');
       return;
     }
 
     setChangingPassword(true);
     await apiRequest('v1UsersPasswordsChangeUpdate', {
-      current_password: currentPassword,
+      current_password: requiresCurrentPassword ? currentPassword : undefined,
       new_password: newPassword,
-      confirm_password: confirmPassword,
     }, [], (resp) => {
       if (resp?.code === 0) {
         toast.success('密码修改成功');
@@ -109,6 +119,28 @@ export default function NavUser() {
     setChangingPassword(false);
   };
 
+  const handleBindEmail = async () => {
+    const email = bindEmail.trim();
+    if (!isValidEmail(email)) {
+      toast.error('请输入正确的邮箱地址');
+      return;
+    }
+
+    setBindingEmail(true);
+    await apiRequest('v1UsersEmailBindRequestUpdate', {
+      email,
+    }, [], (resp) => {
+      if (resp?.code === 0) {
+        toast.success('绑定邮件已发送，请前往邮箱完成验证');
+        setShowBindEmailDialog(false);
+        setBindEmail('');
+      } else {
+        toast.error(`绑定邮箱失败：${resp?.message || '未知错误'}`);
+      }
+    });
+    setBindingEmail(false);
+  };
+
   const handleChangeName = async () => {
     // 验证昵称不能为空
     if (!newName.trim()) {
@@ -233,9 +265,21 @@ export default function NavUser() {
                 <IconUserHexagon />
                 修改昵称
               </DropdownMenuItem>
+              <DropdownMenuItem
+                disabled={!!user?.email}
+                onClick={() => {
+                  if (!user?.email) {
+                    setBindEmail('');
+                    setShowBindEmailDialog(true);
+                  }
+                }}
+              >
+                <IconMail />
+                绑定邮箱
+              </DropdownMenuItem>
               <DropdownMenuItem onClick={() => setShowChangePasswordDialog(true)}>
                 <IconLockCode />
-                修改密码
+                {passwordActionLabel}
               </DropdownMenuItem>
               <DropdownMenuSeparator />
               <DropdownMenuItem onClick={() => setShowLogoutDialog(true)}>
@@ -303,20 +347,22 @@ export default function NavUser() {
       <Dialog open={showChangePasswordDialog} onOpenChange={setShowChangePasswordDialog}>
         <DialogContent>
           <DialogHeader>
-            <DialogTitle>修改密码</DialogTitle>
+            <DialogTitle>{passwordActionLabel}</DialogTitle>
           </DialogHeader>
           <div className="space-y-4">
-            <div className="space-y-2">
-              <Label htmlFor="current-password">当前密码</Label>
-              <Input
-                id="current-password"
-                type="password"
-                placeholder="请输入当前密码"
-                value={currentPassword}
-                onChange={(e) => setCurrentPassword(e.target.value)}
-                autoComplete="current-password"
-              />
-            </div>
+            {requiresCurrentPassword && (
+              <div className="space-y-2">
+                <Label htmlFor="current-password">当前密码</Label>
+                <Input
+                  id="current-password"
+                  type="password"
+                  placeholder="请输入当前密码"
+                  value={currentPassword}
+                  onChange={(e) => setCurrentPassword(e.target.value)}
+                  autoComplete="current-password"
+                />
+              </div>
+            )}
             <div className="space-y-2">
               <Label htmlFor="new-password">新密码</Label>
               <Input
@@ -354,14 +400,52 @@ export default function NavUser() {
             </Button>
             <Button
               onClick={handleChangePassword}
-              disabled={changingPassword || !currentPassword || !newPassword || !confirmPassword}
+              disabled={changingPassword || (requiresCurrentPassword && !currentPassword) || !newPassword || !confirmPassword}
             >
               {changingPassword && <Spinner className="size-4 mr-2" />}
               确认修改
             </Button>
           </DialogFooter>
         </DialogContent>
       </Dialog>
+      <Dialog open={showBindEmailDialog} onOpenChange={setShowBindEmailDialog}>
+        <DialogContent>
+          <DialogHeader>
+            <DialogTitle>绑定邮箱</DialogTitle>
+          </DialogHeader>
+          <div className="space-y-4">
+            <div className="space-y-2">
+              <Label htmlFor="bind-email">邮箱</Label>
+              <Input
+                id="bind-email"
+                type="email"
+                placeholder="请输入要绑定的邮箱"
+                value={bindEmail}
+                onChange={(e) => setBindEmail(e.target.value)}
+                autoComplete="email"
+              />
+            </div>
+          </div>
+          <DialogFooter>
+            <Button
+              variant="outline"
+              onClick={() => {
+                setShowBindEmailDialog(false);
+                setBindEmail('');
+              }}
+            >
+              取消
+            </Button>
+            <Button
+              onClick={handleBindEmail}
+              disabled={bindingEmail || !bindEmail.trim()}
+            >
+              {bindingEmail && <Spinner className="size-4 mr-2" />}
+              发送验证邮件
+            </Button>
+          </DialogFooter>
+        </DialogContent>
+      </Dialog>
       <Dialog open={showChangeAvatarDialog} onOpenChange={setShowChangeAvatarDialog}>
         <DialogContent className="sm:max-w-md">
           <DialogHeader>
diff --git a/frontend/vite.config.ts b/frontend/vite.config.ts
@@ -7,6 +7,14 @@ import { defineConfig, loadEnv } from "vite"
 export default defineConfig(({ mode }) => {
   const env = loadEnv(mode, process.cwd(), '')
   const electronBuild = process.env.ELECTRON === 'true'
+  const devPort = 11180
+  const proxyBasicAuthUsername = env.PROXY_BASIC_AUTH_USERNAME?.trim()
+  const proxyBasicAuthPassword = env.PROXY_BASIC_AUTH_PASSWORD?.trim()
+  const proxyHeaders: Record<string, string> = {}
+
+  if (proxyBasicAuthUsername && proxyBasicAuthPassword) {
+    proxyHeaders.Authorization = `Basic ${Buffer.from(`${proxyBasicAuthUsername}:${proxyBasicAuthPassword}`).toString('base64')}`
+  }
 
   return {
     base: electronBuild ? './' : '/',
@@ -28,12 +36,18 @@ export default defineConfig(({ mode }) => {
       },
     },
     server: {
+      port: devPort,
       allowedHosts: ['.monkeycode-ai.online'],
       proxy: {
         '/api': {
           target: env.TARGET,
           changeOrigin: true,
-          ws: true
+          ws: true,
+          ...(Object.keys(proxyHeaders).length > 0
+            ? {
+                headers: proxyHeaders,
+              }
+            : {}),
         }
       }
     }
