wavelet init

Wavelet/frontend/app/(main)/settings/access-token/page.tsx

@@ -0,0 +1,7 @@
+"use client"
+
+import {AccessTokenMain} from "@/components/common/settings/access-token"
+
+export default function AccessTokenPage() {
+  return <AccessTokenMain />
+}

Wavelet/frontend/app/(main)/settings/appearance/page.tsx

@@ -0,0 +1,5 @@
+import {AppearanceMain} from "@/components/common/settings/appearance"
+
+export default function AppearancePage() {
+  return <AppearanceMain />
+}

Wavelet/frontend/app/(main)/settings/layout.tsx

@@ -0,0 +1,11 @@
+"use client"
+
+import {RequireAuth} from "@/components/auth/require-auth"
+
+export default function SettingsLayout({
+  children,
+}: {
+  children: React.ReactNode
+}) {
+  return <RequireAuth>{children}</RequireAuth>
+}

Wavelet/frontend/app/(main)/settings/notifications/page.tsx

@@ -0,0 +1,5 @@
+import {NotificationsMain} from "@/components/common/settings/notifications"
+
+export default function NotificationsPage() {
+  return <NotificationsMain />
+}

Wavelet/frontend/app/(main)/settings/page.tsx

@@ -0,0 +1,78 @@
+"use client"
+
+import Link from "next/link"
+import {Card, CardContent, CardDescription, CardTitle} from "@/components/ui/card"
+import {Bell, Key, Palette, UserRound} from "lucide-react"
+
+/* 设置项 */
+const settingsItems = [
+  {
+    title: "个人资料",
+    description: "查看您的账户信息",
+    icon: UserRound,
+    href: "/settings/profile",
+    category: "个人设置",
+  },
+  {
+    title: "访问令牌 (AccessToken)",
+    description: "管理用于 API 访问的个人 Token",
+    icon: Key,
+    href: "/settings/access-token",
+    category: "个人设置",
+  },
+  {
+    title: "通知设置",
+    description: "设置您的通知偏好",
+    icon: Bell,
+    href: "/settings/notifications",
+    category: "账户设置",
+  },
+  {
+    title: "外观设置",
+    description: "自定义界面主题 and 显示",
+    icon: Palette,
+    href: "/settings/appearance",
+    category: "个人设置",
+  },
+]
+
+export default function SettingsPage() {
+  const groupedSettings = settingsItems.reduce((acc, item) => {
+    if (!acc[item.category]) {
+      acc[item.category] = []
+    }
+    acc[item.category].push(item)
+    return acc
+  }, {} as Record<string, typeof settingsItems>)
+
+  return (
+    <div className="space-y-6 py-6">
+      <div className="font-semibold text-lg">设置</div>
+
+      {Object.entries(groupedSettings).map(([category, items]) => (
+        <div key={category} className="space-y-4">
+          <div className="font-medium text-sm text-muted-foreground">{category}</div>
+          <div className="grid grid-cols-2 gap-4">
+            {items.map((item) => (
+              <Link key={item.href} href={item.href}>
+                <Card className="py-2 border border-dashed shadow-none hover:bg-muted/50 transition-colors cursor-pointer h-full">
+                  <CardContent>
+                    <div className="flex items-center gap-4">
+                      <item.icon className="size-5 text-primary" />
+                      <div>
+                        <CardTitle className="mb-1 text-sm">{item.title}</CardTitle>
+                        <CardDescription className="text-xs">
+                          {item.description}
+                        </CardDescription>
+                      </div>
+                    </div>
+                  </CardContent>
+                </Card>
+              </Link>
+            ))}
+          </div>
+        </div>
+      ))}
+    </div>
+  )
+}

Wavelet/frontend/app/(main)/settings/profile/page.tsx

@@ -0,0 +1,5 @@
+import {ProfileMain} from "@/components/common/settings/profile"
+
+export default function ProfilePage() {
+  return <ProfileMain />
+}

Wavelet/frontend/app/(main)/settings/security/page.tsx

@@ -0,0 +1,5 @@
+import {redirect} from "next/navigation"
+
+export default function SecurityPage() {
+  redirect("/admin/settings")
+}