diff --git a/src/components/AppBar.vue b/src/components/AppBar.vue
index 4d806d2..dd46187 100644
--- a/src/components/AppBar.vue
+++ b/src/components/AppBar.vue
@@ -19,21 +19,21 @@
       <v-list-item prepend-icon="mdi-home" rounded="lg" title="首页" to="/" />
 
       <v-list-item
-        prepend-icon="mdi-home"
+        prepend-icon="mdi-assistant"
         rounded="lg"
         title="助理"
         to="/assistants"
       />
 
       <v-list-item
-        prepend-icon="mdi-home"
+        prepend-icon="mdi-tools"
         rounded="lg"
         title="工具"
         to="/tools"
       />
 
       <v-list-item
-        prepend-icon="mdi-home"
+        prepend-icon="mdi-web"
         rounded="lg"
         title="连通测试"
         to="/ping"
@@ -46,6 +46,15 @@
         title="登录"
         to="/auth/login"
       />
+
+      <template v-for="chat in chatStore.chats.data" :key="chat.id">
+        <v-list-item
+          prepend-icon="mdi-chat"
+          rounded="lg"
+          :title="chat?.name"
+          :to="'/chats/' + chat.id"
+        />
+      </template>
     </v-list>
   </v-navigation-drawer>
 
@@ -62,9 +71,12 @@
 import { useConfigStore } from "@/stores/config";
 import { useUserStore } from "@/stores/user";
 import { useAppStore } from "@/stores/app";
+import { useChatStore } from "@/stores/chat";
 
+const chatStore = useChatStore();
 const configStore = useConfigStore();
 const userStore = useUserStore();
-
 const appStore = useAppStore();
+
+chatStore.getChats();
 </script>
diff --git a/src/pages/chats/[id]/index.vue b/src/pages/chats/[id]/index.vue
new file mode 100644
index 0000000..11609bd
--- /dev/null
+++ b/src/pages/chats/[id]/index.vue
@@ -0,0 +1,3 @@
+<template>
+  <div>chats</div>
+</template>
diff --git a/src/pages/chats/index.vue b/src/pages/chats/index.vue
new file mode 100644
index 0000000..e69de29
diff --git a/src/stores/chat.ts b/src/stores/chat.ts
new file mode 100644
index 0000000..c0c036f
--- /dev/null
+++ b/src/stores/chat.ts
@@ -0,0 +1,16 @@
+import { ApiV1ChatsGet200Response } from "@/api";
+import { defineStore } from "pinia";
+import { api } from "@/plugins/api";
+
+export const useChatStore = defineStore("chats", {
+  state: () => ({
+    chats: [] as ApiV1ChatsGet200Response,
+  }),
+  actions: {
+    getChats() {
+      api.Chat.apiV1ChatsGet().then((response) => {
+        this.chats = response.data;
+      });
+    },
+  },
+});
diff --git a/src/typed-router.d.ts b/src/typed-router.d.ts
index fc6064e..3d30964 100644
--- a/src/typed-router.d.ts
+++ b/src/typed-router.d.ts
@@ -25,6 +25,8 @@ declare module 'vue-router/auto-routes' {
     '/assistants/create': RouteRecordInfo<'/assistants/create', '/assistants/create', Record<never, never>, Record<never, never>>,
     '/auth/callback': RouteRecordInfo<'/auth/callback', '/auth/callback', Record<never, never>, Record<never, never>>,
     '/auth/login': RouteRecordInfo<'/auth/login', '/auth/login', Record<never, never>, Record<never, never>>,
+    '/chats/': RouteRecordInfo<'/chats/', '/chats', Record<never, never>, Record<never, never>>,
+    '/chats/[id]/': RouteRecordInfo<'/chats/[id]/', '/chats/:id', { id: ParamValue<true> }, { id: ParamValue<false> }>,
     '/ping/': RouteRecordInfo<'/ping/', '/ping', Record<never, never>, Record<never, never>>,
     '/tools/': RouteRecordInfo<'/tools/', '/tools', Record<never, never>, Record<never, never>>,
     '/tools/create': RouteRecordInfo<'/tools/create', '/tools/create', Record<never, never>, Record<never, never>>,