上传完整的WebUI前端仓库

dashboard/src/hooks/use-auth.ts

@@ -0,0 +1,68 @@
+import { useEffect, useState } from 'react'
+import { useNavigate } from '@tanstack/react-router'
+import { checkAuthStatus } from '@/lib/fetch-with-auth'
+
+export function useAuthGuard() {
+  const navigate = useNavigate()
+  const [checking, setChecking] = useState(true)
+
+  useEffect(() => {
+    let cancelled = false
+    
+    const verifyAuth = async () => {
+      try {
+        const isAuth = await checkAuthStatus()
+        if (!cancelled && !isAuth) {
+          navigate({ to: '/auth' })
+        }
+      } catch {
+        // 发生错误时也跳转到登录页
+        if (!cancelled) {
+          navigate({ to: '/auth' })
+        }
+      } finally {
+        if (!cancelled) {
+          setChecking(false)
+        }
+      }
+    }
+    
+    verifyAuth()
+    
+    return () => {
+      cancelled = true
+    }
+  }, [navigate])
+  
+  return { checking }
+}
+
+/**
+ * 检查是否已认证（异步）
+ */
+export async function checkAuth(): Promise<boolean> {
+  return await checkAuthStatus()
+}
+
+/**
+ * 检查是否需要首次配置
+ */
+export async function checkFirstSetup(): Promise<boolean> {
+  try {
+    const response = await fetch('/api/webui/setup/status', {
+      method: 'GET',
+      credentials: 'include',
+    })
+
+    const data = await response.json()
+
+    if (response.ok) {
+      return data.is_first_setup
+    }
+
+    return false
+  } catch (error) {
+    console.error('检查首次配置状态失败:', error)
+    return false
+  }
+}