oa-login-password-recovery-ux 改进登录找回密码体验

client/src/pages/LoginPage.tsx

@@ -1,6 +1,6 @@
 import { useMemo, useState } from "react";
 import { useQuery } from "@tanstack/react-query";
-import { useNavigate, useSearchParams } from "react-router-dom";
+import { Link, useNavigate, useSearchParams } from "react-router-dom";
 import { fetchSsoProviders, fetchWecomConfig } from "../api/auth";
 import { mapApiErrorMessage } from "../api/errorMessages";
 import { isApiError } from "../api/types";
@@ -9,6 +9,7 @@ import { getDeviceFingerprint } from "../auth/deviceFingerprint";
 import { Button } from "../components/ui/button";
 import { Input } from "../components/ui/input";
 import { Label } from "../components/ui/label";
+import { PasswordInput } from "../components/ui/password-input";
 import { isWecomWebView, resolveDefaultWorkspacePath } from "../lib/runtimeContext";
 import {
   buildWecomLoginUrl,
@@ -122,14 +123,18 @@ export function LoginPage() {
           </div>
 
           <div className="space-y-2">
-            <Label htmlFor="login-password">密码</Label>
-            <Input
+            <div className="flex items-center justify-between gap-3">
+              <Label htmlFor="login-password">密码</Label>
+              <Link className="text-sm font-medium text-primary hover:underline" to="/forgot-password">
+                忘记密码？
+              </Link>
+            </div>
+            <PasswordInput
               autoComplete="current-password"
               data-testid="login-password"
               id="login-password"
               onChange={(event) => setPassword(event.target.value)}
               placeholder="请输入密码"
-              type="password"
               value={password}
             />
           </div>