diff --git a/package.json b/package.json
index 36919ea..4ddd682 100644
--- a/package.json
+++ b/package.json
@@ -10,6 +10,7 @@
     "preview": "rsbuild preview"
   },
   "dependencies": {
+    "@cap.js/widget": "^0.1.41",
     "@hookform/resolvers": "^5.2.2",
     "@tabler/icons-react": "^3.36.1",
     "@tanstack/react-query": "^5.90.17",
diff --git a/src/api/auth/index.ts b/src/api/auth/index.ts
index 425cd7d..eaecc5d 100644
--- a/src/api/auth/index.ts
+++ b/src/api/auth/index.ts
@@ -8,11 +8,21 @@ export const UpdatePasswordApiBody = z.object({
   newPassword: z.string().min(8, "密码长度至少为8位"),
 });
 export class AuthAPI {
-  static async login(data: { email: string; password: string }) {
+  static async login(data: { email: string; password: string; captchaToken: string }) {
     const res = await Axios.post<{ token: string; user: User }>("/auth/login", data);
     return res.data;
   }
 
+  static async register(data: {
+    name: string;
+    password: string;
+    email: string;
+    captchaToken: string;
+  }) {
+    const res = await Axios.post<{ token: string; user: User }>("/auth/register", data);
+    return res.data;
+  }
+
   static async getCurrentUser() {
     const res = await Axios.get<User>("/auth/me");
     return res.data;
diff --git a/src/api/developer/application.ts b/src/api/developer/application.ts
index 26acb1d..d92f5dc 100644
--- a/src/api/developer/application.ts
+++ b/src/api/developer/application.ts
@@ -1,8 +1,39 @@
 import Axios from "@/api";
-import { Application } from "@/types/application";
+import { InferZodType } from "@/types/common";
 import { List } from "@/types/Request";
+import { Application } from "@/types/application";
+import { z } from "zod";
+
+export const EditApplicationApiBody = z.object({
+  name: z.string().min(1),
+  description: z.string().nullish(),
+});
+
+export class ApplicationApi {
+  static async getApplicationList(params?: { pageSize?: number; current?: number; search?: string; orgSearch?: string }) {
+    const res = await Axios.get<List<Application>>("/developer/application", {
+      params,
+    });
+    return res.data;
+  }
+
+  static async getApplicationDetail(id: string) {
+    const res = await Axios.get<Application>(`/developer/application/${id}`);
+    return res.data;
+  }
+
+  static async createApplication(application: InferZodType<typeof EditApplicationApiBody>) {
+    const res = await Axios.post<Application>("/developer/application", application);
+    return res.data;
+  }
+
+  static async updateApplication(id: string, application: InferZodType<typeof EditApplicationApiBody>) {
+    const res = await Axios.post<Application>(`/developer/application/${id}`, application);
+    return res.data;
+  }
 
-export async function getApplicationList() {
-  const res = await Axios.get<List<Application>>("/developer/application");
-  return res.data;
+  static async deleteApplication(id: string) {
+    const res = await Axios.delete<{ success: boolean }>(`/developer/application/${id}`);
+    return res.data;
+  }
 }
diff --git a/src/components/Application/ApplicationEditor.tsx b/src/components/Application/ApplicationEditor.tsx
new file mode 100644
index 0000000..56f2cee
--- /dev/null
+++ b/src/components/Application/ApplicationEditor.tsx
@@ -0,0 +1,95 @@
+import { ApplicationApi, EditApplicationApiBody } from "@/api/developer/application";
+import { InferZodType } from "@/types/common";
+import { Application } from "@/types/application";
+import { useZodValidateData } from "@/utils/form";
+import { pickBy } from "es-toolkit";
+import { App, Button, Flex, Form, Input, Modal } from "antd";
+
+const { TextArea } = Input;
+
+export default function ApplicationEditor({
+  opened,
+  onClose,
+  editingApplication,
+}: {
+  opened: boolean;
+  onClose: () => void;
+  editingApplication: Application | null;
+}) {
+  return (
+    <Modal
+      open={opened}
+      onCancel={onClose}
+      title={editingApplication?.id ? "编辑应用" : "添加应用"}
+      centered
+      destroyOnHidden
+      footer={null}
+    >
+      <EditorContent editingApplication={editingApplication} onClose={onClose} />
+    </Modal>
+  );
+}
+
+function EditorContent({
+  editingApplication,
+  onClose,
+}: {
+  editingApplication: Application | null;
+  onClose: () => void;
+}) {
+  const { message, modal } = App.useApp();
+  const cleanedApplication = editingApplication ? pickBy(editingApplication, (v) => v !== "" && v != null) : {};
+  const [form] = Form.useForm();
+
+  const initialValues = {
+    name: cleanedApplication.name,
+    description: cleanedApplication.description,
+  };
+
+  const onSubmit = async (value: InferZodType<typeof EditApplicationApiBody>) => {
+    try {
+      if (editingApplication?.id) {
+        await ApplicationApi.updateApplication(editingApplication.id, value);
+        message.success("更新应用成功");
+        return onClose();
+      }
+      await ApplicationApi.createApplication(value);
+      message.success("创建应用成功");
+      return onClose();
+    } catch (error) {
+      message.error(`有错误发生: ${JSON.stringify(error)}`);
+    }
+  };
+
+  const handleFinish = (value: typeof initialValues) => {
+    const processedValues = useZodValidateData(value, EditApplicationApiBody);
+    if (processedValues.errors.length > 0) {
+      return modal.warning({
+        title: "接口数据校验失败☹️",
+        content: processedValues.prettyErrors,
+      });
+    }
+    if (processedValues.values) {
+      return onSubmit(processedValues.values);
+    }
+    return;
+  };
+
+  return (
+    <Form form={form} onFinish={handleFinish} layout="vertical" initialValues={initialValues}>
+      <Form.Item label="应用名称" required name="name" rules={[{ required: true, message: "请输入应用名称" }]}>
+        <Input placeholder="请输入应用名称" />
+      </Form.Item>
+
+      <Form.Item label="应用描述" name="description">
+        <TextArea placeholder="请输入应用描述" autoSize={{ minRows: 4 }} />
+      </Form.Item>
+
+      <Flex justify="flex-end" style={{ marginTop: 16 }}>
+        <Button type="primary" htmlType="submit">
+          提交
+        </Button>
+      </Flex>
+    </Form>
+  );
+}
diff --git a/src/components/CapWidget/index.tsx b/src/components/CapWidget/index.tsx
new file mode 100644
index 0000000..8b780fd
--- /dev/null
+++ b/src/components/CapWidget/index.tsx
@@ -0,0 +1,68 @@
+import "@cap.js/widget";
+import type { CapWidget as CapWidgetType } from "@cap.js/widget";
+import { forwardRef, useImperativeHandle, useRef } from "react";
+
+export interface CapWidgetProps {
+  apiEndpoint: string;
+  onSolve?: (token: string) => void;
+  onProgress?: (progress: number) => void;
+  onCapError?: (message: string) => void;
+  className?: string;
+  style?: React.CSSProperties;
+}
+
+export interface CapWidgetRef {
+  reset: () => void;
+}
+
+declare module "react" {
+  namespace JSX {
+    interface IntrinsicElements {
+      "cap-widget": React.DetailedHTMLProps<
+        React.HTMLAttributes<CapWidgetType> & {
+          "data-cap-api-endpoint"?: string;
+          onsolve?: (e: CustomEvent<{ token: string }>) => void;
+          onprogress?: (e: CustomEvent<{ progress: number }>) => void;
+          onerror?: (e: CustomEvent<{ message: string }>) => void;
+        },
+        CapWidgetType
+      >;
+    }
+  }
+}
+
+export const CapWidget = forwardRef<CapWidgetRef, CapWidgetProps>(
+  ({ apiEndpoint, onSolve, onProgress, onCapError, className, style }, ref) => {
+    const widgetRef = useRef<CapWidgetType>(null);
+
+    useImperativeHandle(ref, () => ({
+      reset: () => {
+        widgetRef.current?.reset();
+      },
+    }));
+
+    return (
+      <cap-widget
+        ref={widgetRef}
+        className={className}
+        style={style}
+        data-cap-api-endpoint={apiEndpoint}
+        onsolve={(e) => onSolve?.(e.detail.token)}
+        onprogress={(e) => onProgress?.(e.detail.progress)}
+        onerror={(e) => onCapError?.(e.detail.message)}
+        data-cap-i18n-initial-state="验证您是人类"
+        data-cap-i18n-verifying-label="验证中..."
+        data-cap-i18n-solved-label="验证成功"
+        data-cap-i18n-error-label="验证失败"
+        data-cap-i18n-troubleshooting-label="故障排除"
+        data-cap-i18n-wasm-disabled="启用 WASM 以显著加快验证速度"
+        data-cap-i18n-verify-aria-label="点击验证您是人类"
+        data-cap-i18n-verifying-aria-label="验证中，请稍候"
+        data-cap-i18n-verified-aria-label="验证成功"
+        data-cap-i18n-error-aria-label="验证失败，请重试"
+      />
+    );
+  }
+);
+
+CapWidget.displayName = "CapWidget";
diff --git a/src/components/EventFeature/FeatureEditor.tsx b/src/components/EventFeature/FeatureEditor.tsx
index 9fd27b5..b03d5b9 100644
--- a/src/components/EventFeature/FeatureEditor.tsx
+++ b/src/components/EventFeature/FeatureEditor.tsx
@@ -15,10 +15,23 @@ export default function FeatureEditor({
   opened: boolean;
   onClose: () => void;
   editingFeature: Feature | null;
+}) {
+  return (
+    <Modal open={opened} onCancel={onClose} title="标签编辑" centered destroyOnHidden footer={null}>
+      <EditorContent editingFeature={editingFeature} onClose={onClose} />
+    </Modal>
+  );
+}
+
+function EditorContent({
+  editingFeature,
+  onClose,
+}: {
+  editingFeature: Feature | null;
+  onClose: () => void;
 }) {
   const { message, modal } = App.useApp();
   const cleanedFeature = editingFeature ? pickBy(editingFeature, (v) => v !== "" && v != null) : {};
-
   const [form] = Form.useForm();
 
   const initialValues = {
@@ -55,33 +68,32 @@ export default function FeatureEditor({
     }
     return;
   };
+
   return (
-    <Modal open={opened} onCancel={onClose} title="标签编辑" centered destroyOnHidden footer={null}>
-      <Form form={form} onFinish={handleFinish} layout="vertical" initialValues={initialValues}>
-        <Form.Item label="标签名称" required name="name" rules={[{ required: true, message: "请输入标签名称" }]}>
-          <Input placeholder="请输入标签名称" />
-        </Form.Item>
+    <Form form={form} onFinish={handleFinish} layout="vertical" initialValues={initialValues}>
+      <Form.Item label="标签名称" required name="name" rules={[{ required: true, message: "请输入标签名称" }]}>
+        <Input placeholder="请输入标签名称" />
+      </Form.Item>
 
-        <Form.Item label="标签分类" required name="category" rules={[{ required: true, message: "请选择标签分类" }]}>
-          <Select
-            placeholder="请选择标签分类"
-            options={Object.values(FeatureCategory).map((item) => ({
-              label: FeatureCategoryLabel[item],
-              value: item,
-            }))}
-          />
-        </Form.Item>
+      <Form.Item label="标签分类" required name="category" rules={[{ required: true, message: "请选择标签分类" }]}>
+        <Select
+          placeholder="请选择标签分类"
+          options={Object.values(FeatureCategory).map((item) => ({
+            label: FeatureCategoryLabel[item],
+            value: item,
+          }))}
+        />
+      </Form.Item>
 
-        <Form.Item label="标签简述" name="description" extra="标签简述可能会在未来展示于筛选设置中。">
-          <TextArea placeholder="请输入标签简述" />
-        </Form.Item>
+      <Form.Item label="标签简述" name="description" extra="标签简述可能会在未来展示于筛选设置中。">
+        <TextArea placeholder="请输入标签简述" />
+      </Form.Item>
 
-        <Flex justify="flex-end" style={{ marginTop: 16 }}>
-          <Button type="primary" htmlType="submit">
-            提交
-          </Button>
-        </Flex>
-      </Form>
-    </Modal>
+      <Flex justify="flex-end" style={{ marginTop: 16 }}>
+        <Button type="primary" htmlType="submit">
+          提交
+        </Button>
+      </Flex>
+    </Form>
   );
 }
diff --git a/src/pages/auth/index.tsx b/src/pages/auth/index.tsx
index ab20058..81da81d 100644
--- a/src/pages/auth/index.tsx
+++ b/src/pages/auth/index.tsx
@@ -2,9 +2,11 @@ import useAuthStore from "@/stores/auth";
 import { useMutation } from "@tanstack/react-query";
 import { AuthAPI } from "@/api/auth";
 import { Button, Card, Flex, App, Typography, Form, Input, Segmented } from "antd";
-import { useState } from "react";
+import { useRef, useState } from "react";
 import { useNavigate } from "react-router-dom";
 import { IconFileDescription } from "@tabler/icons-react";
+import { CapWidget, CapWidgetRef } from "@/components/CapWidget";
+import { AxiosError } from "axios";
 
 const { Link } = Typography;
 
@@ -13,10 +15,11 @@ export default function Auth() {
   const navigate = useNavigate();
   const { message } = App.useApp();
   const [form] = Form.useForm();
+  const capWidgetRef = useRef<CapWidgetRef>(null);
 
   const [currentSegment, setCurrentSegment] = useState<"login" | "register" | "reset">("login");
 
-  const { mutate, isPending } = useMutation({
+  const loginMutation = useMutation({
     mutationFn: AuthAPI.login,
     onSuccess: (data) => {
       login(data.user);
@@ -25,12 +28,54 @@ export default function Auth() {
       message.success("登录成功");
     },
     onError: (error) => {
-      message.error(`登录失败: ${error instanceof Error ? error.message : "未知错误"}`);
+      capWidgetRef.current?.reset();
+      form.setFieldValue("captchaToken", undefined);
+      if (error instanceof AxiosError) {
+        if (error.response?.status === 404) {
+          message.error("邮箱或密码错误");
+          return;
+        }
+        message.error(error.response?.data?.message || "登录失败");
+      } else {
+        message.error("登录失败: 未知错误");
+      }
     },
   });
 
-  const handleFinish = (values: { email: string; password: string }) => {
-    mutate(values);
+  const registerMutation = useMutation({
+    mutationFn: AuthAPI.register,
+    onSuccess: (data) => {
+      login(data.user);
+      refreshToken(data.token);
+      navigate("/dashboard");
+      message.success("注册成功");
+    },
+    onError: (error) => {
+      capWidgetRef.current?.reset();
+      form.setFieldValue("captchaToken", undefined);
+      if (error instanceof AxiosError) {
+        if (error.response?.status === 409) {
+          message.error("该邮箱已被注册");
+          return;
+        }
+        message.error(error.response?.data?.message || "注册失败");
+      } else {
+        message.error("注册失败: 未知错误");
+      }
+    },
+  });
+
+  const handleFinish = (values: { name: string; email: string; password: string; captchaToken: string }) => {
+    if (currentSegment === "login") {
+      loginMutation.mutate(values);
+    } else if (currentSegment === "register") {
+      registerMutation.mutate({
+        name: values.name,
+        email: values.email,
+        password: values.password,
+        captchaToken: values.captchaToken,
+      });
+    }
   };
 
   return (
@@ -54,7 +99,10 @@ export default function Auth() {
                 block
                 size="middle"
                 style={{ marginBottom: 8 }}
-                onChange={setCurrentSegment}
+                onChange={(value) => {
+                  setCurrentSegment(value as "login" | "register" | "reset");
+                  form.resetFields();
+                }}
                 options={[
                   { label: "登录", value: "login" },
                   { label: "注册", value: "register" },
@@ -62,6 +110,20 @@ export default function Auth() {
               />
 
               <Form form={form} onFinish={handleFinish} layout="vertical">
+                {currentSegment === "register" && (
+                  <Form.Item
+                    label="用户名"
+                    name="name"
+                    rules={[
+                      { required: true, message: "请输入您的昵称" },
+                      { min: 2, message: "昵称至少2个字符" },
+                      { max: 20, message: "昵称最多20个字符" },
+                    ]}
+                    style={{ marginBottom: 16 }}
+                  >
+                    <Input autoComplete="username" placeholder="请输入您的昵称" />
+                  </Form.Item>
+                )}
                 <Form.Item
                   label="邮箱"
                   name="email"
@@ -71,7 +133,7 @@ export default function Auth() {
                   ]}
                   style={{ marginBottom: 16 }}
                 >
-                  <Input type="email" autoComplete="email" placeholder="请输入您的注册邮箱" />
+                  <Input type="email" autoComplete="email" placeholder="请输入您的邮箱" />
                 </Form.Item>
                 <Form.Item
                   label="密码"
@@ -82,13 +144,49 @@ export default function Auth() {
                   ]}
                   style={{ marginBottom: 16 }}
                 >
-                  <Input.Password placeholder="请输入您的密码" />
+                  <Input.Password
+                    placeholder="请输入您的密码"
+                    autoComplete={currentSegment === "register" ? "new-password" : "current-password"}
+                  />
                 </Form.Item>
-                <Flex justify="space-between" style={{ marginTop: 8 }}>
-                  <Link style={{ fontSize: 14 }}>忘记密码了吗？</Link>
-                </Flex>
-                <Button type="primary" htmlType="submit" block loading={isPending} style={{ marginTop: 24 }}>
-                  登录
+                {currentSegment === "login" && (
+                  <Flex justify="space-between" style={{ marginTop: 8 }}>
+                    <Link style={{ fontSize: 14 }}>忘记密码了吗？</Link>
+                  </Flex>
+                )}
+                <Form.Item
+                  name="captchaToken"
+                  hidden
+                  rules={[
+                    {
+                      validator: (_, value) => {
+                        if (!value) {
+                          message.error("请先完成人机验证");
+                          return Promise.reject();
+                        }
+                        return Promise.resolve();
+                      },
+                    },
+                  ]}
+                />
+                <CapWidget
+                  ref={capWidgetRef}
+                  apiEndpoint="https://cap.furrycons.cn/98300af613/"
+                  onSolve={(token) => {
+                    console.log("token:", token);
+                    form.setFieldValue("captchaToken", token);
+                  }}
+                  onProgress={(progress) => console.log(progress)}
+                  onCapError={(message) => console.error(message)}
+                />
+                <Button
+                  type="primary"
+                  htmlType="submit"
+                  block
+                  loading={loginMutation.isPending || registerMutation.isPending}
+                  style={{ marginTop: 24 }}
+                >
+                  {currentSegment === "login" ? "登录" : "注册"}
                 </Button>
               </Form>
             </div>
diff --git a/src/pages/dashboard/developer/application/list.tsx b/src/pages/dashboard/developer/application/list.tsx
index 38e216e..8fbedd4 100644
--- a/src/pages/dashboard/developer/application/list.tsx
+++ b/src/pages/dashboard/developer/application/list.tsx
@@ -1,18 +1,21 @@
-import { getApplicationList } from "@/api/developer/application";
+import { ApplicationApi } from "@/api/developer/application";
+import ApplicationEditor from "@/components/Application/ApplicationEditor";
 import DefaultContainer from "@/components/Layout/Container";
-import { Button, Dropdown, Flex, MenuProps, Popover, Space, Table, Tag, Typography } from "antd";
+import { App, Button, Dropdown, Flex, MenuProps, Popover, Space, Table, Tag, Typography } from "antd";
 import { IconCirclePlus, IconEdit, IconEye, IconMenu, IconTrash } from "@tabler/icons-react";
 import { useQuery } from "@tanstack/react-query";
 import { parseAsInteger, useQueryState } from "nuqs";
-import { useNavigate } from "react-router-dom";
 import { ColumnsType } from "antd/es/table";
 import { Application } from "@/types/application";
 import dayjs from "dayjs";
+import { useRef, useState } from "react";
 
 const { Title, Text } = Typography;
 
 export default function ApplicationPage() {
-  const navigate = useNavigate();
+  const editingApplication = useRef<Application>(null);
+  const [opened, setOpened] = useState(false);
+  const { message, modal } = App.useApp();
 
   const [search, setSearch] = useQueryState("search");
   const [orgSearch, setOrgSearch] = useQueryState("orgSearch");
@@ -34,11 +37,32 @@ export default function ApplicationPage() {
     pageSize: setPageSize,
   };
 
-  const { isPending, isError, data, error, refetch } = useQuery({
+  const { isPending, data, refetch } = useQuery({
     queryKey: ["application-list", pagination],
-    queryFn: () => getApplicationList(),
+    queryFn: () =>
+      ApplicationApi.getApplicationList({
+        pageSize: pagination.pageSize,
+        current: pagination.current,
+        search: pagination.search || undefined,
+        orgSearch: pagination.orgSearch || undefined,
+      }),
   });
 
+  const onDelete = (id: string) => {
+    modal.confirm({
+      title: "确认删除这个应用吗？",
+      content: "删除后不可恢复，请谨慎操作。",
+      okText: "确认删除",
+      okButtonProps: { danger: true },
+      cancelText: "取消",
+      onOk: async () => {
+        await ApplicationApi.deleteApplication(id);
+        message.success("删除应用成功");
+        refetch();
+      },
+    });
+  };
+
   const columns: ColumnsType<Application> = [
     {
       title: "应用名称",
@@ -50,6 +74,15 @@ export default function ApplicationPage() {
       dataIndex: "description",
       key: "description",
     },
+    {
+      title: "访问令牌",
+      dataIndex: "accessToken",
+      key: "accessToken",
+      width: 200,
+      render: (_, record) => {
+        return <Text copyable ellipsis>{record.accessToken}</Text>;
+      },
+    },
     {
       title: "权限",
       dataIndex: "permission",
@@ -98,7 +131,7 @@ export default function ApplicationPage() {
             danger: true,
             disabled: true,
             onClick: () => {
-              // onDelete(record.id);
+              onDelete(record.id);
             },
           },
         ];
@@ -108,9 +141,9 @@ export default function ApplicationPage() {
             <Button
               type="primary"
               ghost
-              disabled
               onClick={() => {
-                navigate(`/developer/application/${record.id}/edit`);
+                editingApplication.current = record;
+                setOpened(true);
               }}
               icon={<IconEdit size={14} />}
             >
@@ -135,11 +168,11 @@ export default function ApplicationPage() {
           </Title>
 
           <Button
-            disabled
             type="primary"
             icon={<IconCirclePlus size={16} stroke={1.5} />}
             onClick={() => {
-              navigate("/developer/application/create");
+              editingApplication.current = null;
+              setOpened(true);
             }}
           >
             添加应用
@@ -169,6 +202,15 @@ export default function ApplicationPage() {
           }}
         />
       </div>
+
+      <ApplicationEditor
+        opened={opened}
+        onClose={() => {
+          setOpened(false);
+          refetch();
+        }}
+        editingApplication={editingApplication.current}
+      />
     </>
   );
 }
diff --git a/src/pages/dashboard/index.tsx b/src/pages/dashboard/index.tsx
index 6fa9533..71b22a5 100644
--- a/src/pages/dashboard/index.tsx
+++ b/src/pages/dashboard/index.tsx
@@ -1,4 +1,4 @@
-import { getApplicationList } from "@/api/developer/application";
+import { ApplicationApi } from "@/api/developer/application";
 import useAuthStore from "@/stores/auth";
 import { UserRole, UserRoleText } from "@/types/User";
 import { Card, Typography, Row, Col, Flex } from "antd";
@@ -11,7 +11,7 @@ export default function Dashboard() {
   const { user } = useAuthStore();
   const { data: applicationList } = useQuery({
     queryKey: ["application-list"],
-    queryFn: () => getApplicationList(),
+    queryFn: () => ApplicationApi.getApplicationList(),
   });
 
   return (
diff --git a/src/pages/dashboard/layout.tsx b/src/pages/dashboard/layout.tsx
index 74f8675..c17a333 100644
--- a/src/pages/dashboard/layout.tsx
+++ b/src/pages/dashboard/layout.tsx
@@ -1,4 +1,5 @@
 import useAuthStore from "@/stores/auth";
+import { UserRole } from "@/types/User";
 import { Layout, Menu, Button, Flex } from "antd";
 import type { MenuProps } from "antd";
 import {
@@ -14,55 +15,65 @@ import {
   IconUserCode,
 } from "@tabler/icons-react";
 import { Outlet, useLocation, useNavigate } from "react-router-dom";
-import { useState } from "react";
+import { useMemo, useState } from "react";
 import clsx from "clsx";
 
 const { Sider, Content, Header } = Layout;
 
 type MenuItem = Required<MenuProps>["items"][number];
 
-const menuItems: MenuItem[] = [
-  {
-    key: "/dashboard",
-    icon: <IconHome size="1.1rem" stroke={1.5} />,
-    label: "首页",
-  },
-  {
-    key: "/dashboard/event",
-    icon: <IconTicket size="1.1rem" stroke={1.5} />,
-    label: "展会",
-  },
-  {
-    key: "/dashboard/organization",
-    icon: <IconTrademark size="1.1rem" stroke={1.5} />,
-    label: "展商",
-  },
-  {
-    key: "/dashboard/feature",
-    icon: <IconTag size="1.1rem" stroke={1.5} />,
-    label: "展会标签",
-  },
-  {
-    key: "/dashboard/region",
-    icon: <IconMapPin size="1.1rem" stroke={1.5} />,
-    label: "地区管理",
-  },
-  {
-    type: "divider",
-  },
-  {
-    key: "/developer",
-    icon: <IconUserCode size="1.1rem" stroke={1.5} />,
-    label: "开发者",
-    children: [
-      {
-        key: "/developer/application",
-        icon: <IconApps size="1.1rem" stroke={1.5} />,
-        label: "应用管理",
-      },
-    ],
-  },
-];
+const getMenuItems = (role?: string): MenuItem[] => {
+  const developerMenu: MenuItem[] = [
+    {
+      key: "/developer",
+      icon: <IconUserCode size="1.1rem" stroke={1.5} />,
+      label: "开发者",
+      children: [
+        {
+          key: "/developer/application",
+          icon: <IconApps size="1.1rem" stroke={1.5} />,
+          label: "应用管理",
+        },
+      ],
+    },
+  ];
+
+  if (role === UserRole.Developer) {
+    return developerMenu;
+  }
+
+  return [
+    {
+      key: "/dashboard",
+      icon: <IconHome size="1.1rem" stroke={1.5} />,
+      label: "首页",
+    },
+    {
+      key: "/dashboard/event",
+      icon: <IconTicket size="1.1rem" stroke={1.5} />,
+      label: "展会",
+    },
+    {
+      key: "/dashboard/organization",
+      icon: <IconTrademark size="1.1rem" stroke={1.5} />,
+      label: "展商",
+    },
+    {
+      key: "/dashboard/feature",
+      icon: <IconTag size="1.1rem" stroke={1.5} />,
+      label: "展会标签",
+    },
+    {
+      key: "/dashboard/region",
+      icon: <IconMapPin size="1.1rem" stroke={1.5} />,
+      label: "地区管理",
+    },
+    {
+      type: "divider",
+    },
+    ...developerMenu,
+  ];
+};
 
 const bottomMenuItems: MenuItem[] = [
   {
@@ -93,7 +104,9 @@ export default function DashboardLayout() {
 
   const [collapsed, setCollapsed] = useState(false);
 
-  const { logout } = useAuthStore();
+  const { logout, user } = useAuthStore();
+
+  const menuItems = useMemo(() => getMenuItems(user?.role), [user?.role]);
 
   const getSelectedKeys = () => {
     const currentPath = location.pathname;
diff --git a/src/types/application.ts b/src/types/application.ts
index 41242a8..646186f 100644
--- a/src/types/application.ts
+++ b/src/types/application.ts
@@ -8,6 +8,7 @@ export const ApplicationSchema = z.object({
     read: z.boolean(),
     write: z.boolean(),
   }),
+  accessToken: z.string(),
   createdAt: z.string(),
   updatedAt: z.string().nullable(),
   disabledAt: z.string().nullable(),
diff --git a/yarn.lock b/yarn.lock
index 1fad872..f8707eb 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -304,6 +304,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@cap.js/widget@npm:^0.1.41":
+  version: 0.1.41
+  resolution: "@cap.js/widget@npm:0.1.41"
+  checksum: 10c0/bfaa90339c31199b3aafc46280b7879996d7c649f210ae30aa36b04d5330cd071e20e7cc7220278431fd5d839d01a7aae43ddec121d67f8c8106a532e95885a2
+  languageName: node
+  linkType: hard
+
 "@emnapi/core@npm:^1.5.0, @emnapi/core@npm:^1.7.1":
   version: 1.8.1
   resolution: "@emnapi/core@npm:1.8.1"
@@ -2261,6 +2268,7 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "fcc-dashboard@workspace:."
   dependencies:
+    "@cap.js/widget": "npm:^0.1.41"
     "@hookform/resolvers": "npm:^5.2.2"
     "@rsbuild/core": "npm:1.7.2"
     "@rsbuild/plugin-react": "npm:1.4.3"