diff --git a/packages/core/src/bot.ts b/packages/core/src/bot.ts
index 8df44de..2a15f80 100644
--- a/packages/core/src/bot.ts
+++ b/packages/core/src/bot.ts
@@ -52,12 +52,7 @@ export interface FailedResponse {
 type Response = SuccessResponse | SkipResponse | FailedResponse;
 
 export class Bot {
-  private memorySize: number;
-
-  private summarySize: number;         // 上下文达到多少时进行总结
   private contextSize: number = 20;    // 以对话形式给出的上下文长度
-  private retainedContextSize: number; // 进行总结时保留的上下文长度，用于保持记忆连贯性
-  private maxSelfMemoryCharacters: 5000; //
 
   private minTriggerCount: number;
   private maxTriggerCount: number;
@@ -69,10 +64,8 @@ export class Bot {
   private template: Template;
   private extensions: { [key: string]: Extension & Function } = {};
   private toolsSchema: ToolSchema[] = [];
-  private lastModified: Date = new Date();
 
   private emojiManager: EmojiManager;
-  private embedder: EmbeddingBase;
   readonly verifier: ResponseVerifier;
   readonly imageViewer: ImageViewer;
 
@@ -89,7 +82,6 @@ export class Bot {
     );
     if (config.Embedding.Enabled) {
       this.emojiManager = new EmojiManager(config.Embedding);
-      this.embedder = getEmbedding(config.Embedding);
     };
     if (config.Verifier.Enabled) this.verifier = new ResponseVerifier(config);
 
@@ -103,11 +95,6 @@ export class Bot {
     }
   }
 
-  updateConfig(config: Config) {
-    this.config = config;
-    this.adapterSwitcher.updateConfig(config.API.APIList, config.Parameters);
-  }
-
   setSystemPrompt(content: string) {
     this.prompt = content;
   }
diff --git a/packages/core/src/extensions/ext_memory.ts b/packages/core/src/extensions/ext_memory.ts
index d815aa9..f892231 100644
--- a/packages/core/src/extensions/ext_memory.ts
+++ b/packages/core/src/extensions/ext_memory.ts
@@ -5,9 +5,11 @@ import { Description, Extension, Name, Param } from "./base";
 @Name("addCoreMemory")
 @Description("Append to the contents of core memory.")
 @Param("content", SchemaNode.String("Content to write to the memory. All unicode (including emojis) are supported."))
+@Param("topic", SchemaNode.String("The topic of the memory.", ""))
+@Param("keywords", SchemaNode.Array("The keywords of the memory.", ""))
 export class AddCoreMemory extends Extension {
-  async apply(content: string) {
-    return await this.ctx.memory.addCoreMemory(content);
+  async apply(content: string, topic?: string, keywords?: string[]) {
+    return await this.ctx.memory.addCoreMemory(content, topic, keywords);
   }
 }
 
diff --git a/packages/memory/src/config.ts b/packages/memory/src/config.ts
index 3d61a32..57b9dc5 100644
--- a/packages/memory/src/config.ts
+++ b/packages/memory/src/config.ts
@@ -28,8 +28,7 @@ export const EmbeddingConfig: Schema<EmbeddingConfig> = Schema.intersect([
       .default(300)
       .experimental()
       .description("文本分词长度"),
-
-  }),
+  }).description("Embedding API 配置"),
   Schema.union([
     Schema.object({
       APIType: Schema.const("OpenAI"),
@@ -58,12 +57,3 @@ export const EmbeddingConfig: Schema<EmbeddingConfig> = Schema.intersect([
     }),
   ])
 ])
-
-
-export interface Config {
-  embedding: EmbeddingConfig;
-}
-
-export const Config: Schema<Config> = Schema.object({
-  embedding: EmbeddingConfig,
-});
diff --git a/packages/memory/src/index.ts b/packages/memory/src/index.ts
index 99f1c57..8a48b08 100644
--- a/packages/memory/src/index.ts
+++ b/packages/memory/src/index.ts
@@ -1,11 +1,9 @@
 import { Context, Schema, Service } from "koishi";
-import { ChatMessage } from "koishi-plugin-yesimbot";
-import { EmbeddingBase, calculateCosineSimilarity } from "koishi-plugin-yesimbot/embeddings";
-import { getEmbedding } from "koishi-plugin-yesimbot/utils";
+import { ChatMessage, EmbeddingBase, calculateCosineSimilarity, getEmbedding } from "koishi-plugin-yesimbot";
 import { EmbeddingConfig } from "./config";
 import { MemoryItem, MemoryType } from "./model";
-import { MemoryMetadata, MemoryVectorStore } from "./vectorStore";
 import { MEMORY_PROMPT } from "./prompt";
+import { MemoryMetadata, MemoryVectorStore } from "./vectorStore";
 
 declare module "koishi" {
   interface Context {
@@ -17,8 +15,6 @@ export const inject = {
   required: ["yesimbot", "database"],
 };
 
-export { Config } from "./config";
-
 class Memory extends Service {
   private vectorStore: MemoryVectorStore;
   private embedder: EmbeddingBase;
@@ -51,13 +47,29 @@ class Memory extends Service {
     this.vectorStore.clear();
   }
 
-  async addCoreMemory(content: string) {
+  async modifyMemoryById(memoryId: string, content: string, type?: MemoryType, topic?: string, keywords?: string[]) {
+    const memory = this.vectorStore.get(memoryId);
+    if (memory) {
+      const embedding = (content == memory.content) ? memory.embedding : await this.embedder.embed(content);
+      const metadata: MemoryMetadata = {
+        content,
+        type: type || memory.type,
+        topic: topic || memory.topic,
+        keywords: keywords || memory.keywords,
+        createdAt: memory.createdAt,
+        updatedAt: new Date(),
+      };
+      this.vectorStore.update(memoryId, embedding, metadata);
+    }
+  }
+
+  async addCoreMemory(content: string, topic?: string, keywords?: string[]) {
     const embedding = await this.embedder.embed(content);
     const metadata: MemoryMetadata = {
       content,
-      topic: "核心记忆",
-      keywords: [],
       type: MemoryType.Core,
+      topic,
+      keywords,
       createdAt: new Date(),
       updatedAt: new Date(),
     };
@@ -124,14 +136,14 @@ class Memory extends Service {
     })
   }
 
-  async searchArchivalMemory(query: string, options: { type?: MemoryType, topic?: string, keywords?: string[]; limit?: number }): Promise<string[]> {
+  async searchArchivalMemory(query: string, type?: MemoryType, topic?: string, keywords?: string[], limit?: number): Promise<string[]> {
     const contextEmbedding = await this.embedder.embed(query);
 
     // 1. 主题与关键词过滤
     let filteredMemory = this.vectorStore.filter(item => {
-      const topicMatch = options.topic ? item.topic === options.topic : true;
-      const keywordMatch = options.keywords
-        ? options.keywords.some(keyword => item.keywords.includes(keyword))
+      const topicMatch = topic ? item.topic === topic : true;
+      const keywordMatch = keywords
+        ? keywords.some(keyword => item.keywords.includes(keyword))
         : true;
       return topicMatch && keywordMatch;
     });
@@ -145,29 +157,28 @@ class Memory extends Service {
     // 3. 排序并限制结果数
     const sortedMemory = scoredMemory
       .sort((a, b) => b.similarity - a.similarity) // 按相似度降序排序
-      .slice(0, options.limit || 5); // 限制返回结果数
+      .slice(0, limit || 5); // 限制返回结果数
 
     return sortedMemory.map(item => item.content);
   }
 
-
   /**
-   * Searches for conversation messages from a specific user that are semantically similar to a given query.
+   * 搜索与给定查询语义相似且来自特定用户的对话消息。
    *
-   * This method performs the following steps:
-   * 1. Embeds the query into a vector representation using the configured embedder.
-   * 2. Retrieves the most recent chat messages sent by the specified user from the database.
-   * 3. Computes the cosine similarity between the query embedding and the embedding of each chat message.
-   * 4. Sorts the messages by similarity in descending order and limits the results to the specified count.
-   * 5. Re-sorts the limited results by the original send time in ascending order to maintain chronological order.
-   * 6. Returns the content of the most relevant messages.
+   * 该方法执行以下步骤：
+   * 1. 使用配置的嵌入器将查询嵌入为向量表示。
+   * 2. 从数据库中检索指定用户发送的最新聊天消息。
+   * 3. 计算查询嵌入与每条聊天消息嵌入之间的余弦相似度。
+   * 4. 按相似度降序排序消息，并将结果限制为指定的数量。
+   * 5. 将限制后的结果按原始发送时间升序重新排序，以保持时间顺序。
+   * 6. 返回最相关消息的内容。
    *
-   * @param query - The search query string to find similar messages.
-   * @param userId - The ID of the user whose messages are to be searched.
-   * @param count - The maximum number of messages to return. Defaults to 10.
-   * @returns A promise that resolves to an array of message contents sorted by relevance and chronological order.
+   * @param query - 用于查找相似消息的搜索查询字符串。
+   * @param userId - 要搜索消息的用户ID。
+   * @param count - 要返回的最大消息数量。默认为10。
+   * @returns 一个Promise，解析为按相关性和时间顺序排序的消息内容数组。
    */
-  async searchConversation(query: string, userId: string, count: number = 10): Promise<string[]>{
+  async searchConversation(query: string, userId: string, count: number = 10): Promise<string[]> {
     let embedding = await this.embedder.embed(query);
 
     let chatMessages = await this.ctx.database
@@ -199,9 +210,17 @@ class Memory extends Service {
 
 namespace Memory {
   export interface Config {
+    memorySize: number;              // 记忆容量
+    summarySize: number;             // 上下文达到多少时进行总结
+    retainedContextSize: number;     // 进行总结时保留的上下文长度，用于保持记忆连贯性
+    maxCoreMemoryCharacters: number; // 最大记忆字符数
     embedding: EmbeddingConfig;
   }
   export const Config: Schema<Config> = Schema.object({
+    memorySize: Schema.number().default(1000),
+    summarySize: Schema.number().default(100),
+    retainedContextSize: Schema.number().default(10),
+    maxCoreMemoryCharacters: Schema.number().default(5000),
     embedding: EmbeddingConfig,
   });
 }
diff --git a/packages/memory/src/vectorStore.ts b/packages/memory/src/vectorStore.ts
index 8563adf..0c3575c 100644
--- a/packages/memory/src/vectorStore.ts
+++ b/packages/memory/src/vectorStore.ts
@@ -4,7 +4,7 @@ import { Context } from "koishi";
 import { defineAccessor } from "@satorijs/core";
 
 import { CacheManager } from "koishi-plugin-yesimbot";
-import { calculateCosineSimilarity } from "koishi-plugin-yesimbot/embeddings";
+import { calculateCosineSimilarity } from "koishi-plugin-yesimbot";
 import { MemoryItem, MemoryType } from "./model";
 
 export interface MemoryMetadata {
@@ -17,13 +17,6 @@ export interface MemoryMetadata {
   updatedAt: Date;
 }
 
-
-export interface  MemoryVectorStore {
-  get(id: string): MemoryItem;
-  delete(id: string): boolean;
-  clear(): void;
-}
-
 export class MemoryVectorStore {
   readonly store: CacheManager<MemoryItem>;
 
@@ -32,6 +25,14 @@ export class MemoryVectorStore {
     this.store = new CacheManager(vectorsFilePath, true);
   }
 
+  delete(id: string): boolean {
+    return this.store.delete(id);
+  }
+
+  clear(): void {
+    this.store.clear();
+  }
+
   get(id: string): MemoryItem | undefined {
     return this.store.get(id);
   }
@@ -136,10 +137,6 @@ export class MemoryVectorStore {
   }
 }
 
-defineAccessor(MemoryVectorStore.prototype, "get", ["store", "get"]);
-defineAccessor(MemoryVectorStore.prototype, "clear", ["store", "clear"]);
-defineAccessor(MemoryVectorStore.prototype, "delete", ["store", "delete"]);
-
 /**
  * 获取向量的模
  * @param vector
diff --git a/packages/webui/client/components/MemoryChart.vue b/packages/webui/client/components/MemoryChart.vue
deleted file mode 100644
index 3fb6e4e..0000000
--- a/packages/webui/client/components/MemoryChart.vue
+++ /dev/null
@@ -1,50 +0,0 @@
-<template>
-  <div>
-    <canvas ref="chart"></canvas>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import { ref, onMounted, watch } from 'vue';
-import Chart from 'chart.js/auto';
-
-const props = defineProps<{
-  data: Array<{ tag: string; count: number }>;
-}>();
-
-const chart = ref<HTMLCanvasElement>();
-
-onMounted(() => {
-  renderChart();
-});
-
-watch(props.data, () => {
-  renderChart();
-});
-
-const renderChart = () => {
-  if (!chart.value) return;
-
-  const ctx = chart.value.getContext('2d');
-  if (!ctx) return;
-
-  new Chart(ctx, {
-    type: 'pie',
-    data: {
-      labels: props.data.map((item) => item.tag),
-      datasets: [
-        {
-          data: props.data.map((item) => item.count),
-          backgroundColor: [
-            '#FF6384',
-            '#36A2EB',
-            '#FFCE56',
-            '#4BC0C0',
-            '#9966FF',
-          ],
-        },
-      ],
-    },
-  });
-};
-</script>
diff --git a/packages/webui/client/components/MemoryDialog.vue b/packages/webui/client/components/MemoryDialog.vue
new file mode 100644
index 0000000..3ffe100
--- /dev/null
+++ b/packages/webui/client/components/MemoryDialog.vue
@@ -0,0 +1,255 @@
+<template>
+  <div class="dialog-overlay">
+    <div class="dialog">
+      <h3>{{ memory ? '编辑记忆' : '添加记忆' }}</h3>
+      <div class="dialog-content">
+        <textarea v-model="content" placeholder="输入记忆内容..." class="memory-input" :disabled="isLoading"></textarea>
+        <input v-model="topic" placeholder="输入主题..." class="topic-input" :disabled="isLoading" />
+        <select v-model="selectedType" class="type-select" :disabled="isLoading">
+          <option value="">选择类型</option>
+          <option value="核心记忆">核心记忆</option>
+          <option value="用户记忆">用户记忆</option>
+          <option value="群成员记忆">群成员记忆</option>
+          <option value="通用知识">通用知识</option>
+        </select>
+
+        <input v-model="keywordsInput" placeholder="输入关键词（逗号分隔）..." class="keywords-input" :disabled="isLoading" />
+      </div>
+      <div class="dialog-actions">
+        <button @click="handleSave" class="save-button" :disabled="isLoading">
+          <span v-if="isLoading">保存中...</span>
+          <span v-else>保存</span>
+        </button>
+        <button @click="emit('close')" class="cancel-button" :disabled="isLoading">
+          取消
+        </button>
+      </div>
+      <div v-if="errorMessage" class="error-message">
+        {{ errorMessage }}
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { MemoryItem } from 'koishi-plugin-yesimbot-memory'
+import { ref, watch } from 'vue'
+
+const props = defineProps({
+  memory: { type: Object as () => MemoryItem | null, default: null }
+})
+
+const emit = defineEmits(['save', 'close'])
+
+const content = ref(props.memory?.content || '')
+const topic = ref(props.memory?.topic || '')
+const selectedType = ref(props.memory?.type || '')
+const keywordsInput = ref(props.memory?.keywords.join(', ') || '')
+const isLoading = ref(false)
+const errorMessage = ref('')
+
+watch(() => props.memory, (newMemory) => {
+  content.value = newMemory?.content || ''
+  selectedType.value = newMemory?.type || ''
+  topic.value = newMemory?.topic || ''
+  keywordsInput.value = newMemory?.keywords.join(', ') || ''
+})
+
+async function handleSave() {
+  if (isLoading.value) return
+
+  isLoading.value = true
+  errorMessage.value = ''
+
+  try {
+    const keywords = keywordsInput.value.split(',').map(k => k.trim()).filter(k => k.length > 0)
+    emit('save', { content: content.value, type: selectedType.value, topic: topic.value, keywords })
+  } catch (err) {
+    errorMessage.value = '保存失败，请重试'
+    console.error('保存记忆失败:', err)
+  } finally {
+    isLoading.value = false
+  }
+}
+</script>
+
+<style scoped>
+.type-select {
+  width: 100%;
+  padding: 0.75rem;
+  margin: 0 0 1.25rem 0;
+  border: 1px solid var(--border);
+  border-radius: 8px;
+  font-size: 1rem;
+  color: var(--text);
+  background: var(--card-bg);
+  transition: border-color 0.3s ease, box-shadow 0.3s ease;
+}
+
+/* 下拉选项的样式 */
+.type-select option {
+  background: var(--card-bg);
+  color: var(--text);
+}
+
+/* 下拉箭头颜色 */
+.type-select {
+  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3e%3cpath d='M7 10l5 5 5-5z'/%3e%3c/svg%3e");
+  color: var(--text-primary);
+}
+
+.type-select:hover {
+  border-color: var(--primary);
+  box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
+}
+
+.type-select option:hover {
+  background-color: var(--primary);
+  color: white;
+}
+
+.dialog-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: rgba(0, 0, 0, 0.5);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 1000;
+}
+
+.dialog {
+  background: var(--card-bg);
+  border-radius: 12px;
+  padding: 2rem;
+  width: 90%;
+  max-width: 500px;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+}
+
+.dialog h3 {
+  margin: 0 0 1.5rem 0;
+  font-size: 1.5rem;
+  color: var(--text-primary);
+  text-align: center;
+}
+
+.dialog-content {
+  padding: 0;
+  margin: 0;
+}
+
+.memory-input,
+.topic-input,
+.keywords-input,
+.type-select {
+  width: 100%;
+  padding: 0.75rem;
+  margin: 0 0 1.25rem 0;
+  border: 1px solid var(--border);
+  border-radius: 8px;
+  font-size: 1rem;
+  color: var(--text-primary);
+  background: var(--card-bg);
+  transition: border-color 0.3s ease, box-shadow 0.3s ease;
+  box-sizing: border-box;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+  outline: none;
+}
+
+/* Specific styles for textarea */
+.memory-input {
+  min-height: 120px;
+  resize: vertical;
+  border-width: 1px;
+  border-style: solid;
+}
+
+/* Specific styles for input */
+.topic-input,
+.keywords-input {
+  border-width: 1px;
+  border-style: solid;
+}
+
+.memory-input {
+  min-height: 120px;
+  resize: vertical;
+}
+
+.memory-input:focus,
+.topic-input:focus,
+.keywords-input:focus,
+.type-select:focus {
+  border-color: var(--primary);
+  box-shadow: 0 0 0 3px rgba(var(--primary-rgb), 0.1);
+  outline: none;
+}
+
+.type-select {
+  appearance: none;
+  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007BFF%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");
+  background-repeat: no-repeat;
+  background-position: right 0.75rem center;
+  background-size: 12px;
+}
+
+.dialog-actions {
+  display: flex;
+  justify-content: flex-end;
+  gap: 0.75rem;
+}
+
+.save-button,
+.cancel-button {
+  padding: 0.75rem 1.5rem;
+  border: none;
+  border-radius: 8px;
+  cursor: pointer;
+  font-size: 1rem;
+  font-weight: 500;
+  transition: background-color 0.3s ease, transform 0.2s ease;
+}
+
+.save-button {
+  background: var(--primary);
+  color: white;
+}
+
+.save-button:hover:not(:disabled) {
+  background: var(--primary-hover);
+  transform: translateY(-1px);
+}
+
+.save-button:disabled {
+  background: var(--primary-disabled);
+  cursor: not-allowed;
+}
+
+.cancel-button {
+  background: var(--secondary);
+  color: white;
+}
+
+.cancel-button:hover:not(:disabled) {
+  background: var(--secondary-hover);
+  transform: translateY(-1px);
+}
+
+.cancel-button:disabled {
+  background: var(--secondary-disabled);
+  cursor: not-allowed;
+}
+
+.error-message {
+  color: var(--danger);
+  margin-top: 1.25rem;
+  text-align: center;
+  font-size: 0.9rem;
+}
+</style>
diff --git a/packages/webui/client/components/MemoryForm.vue b/packages/webui/client/components/MemoryForm.vue
deleted file mode 100644
index 160c419..0000000
--- a/packages/webui/client/components/MemoryForm.vue
+++ /dev/null
@@ -1,23 +0,0 @@
-<template>
-  <form @submit.prevent="submit">
-    <k-input v-model="content" placeholder="输入记忆内容" />
-    <k-input v-model="tags" placeholder="输入标签（逗号分隔）" />
-    <k-button type="submit">添加记忆</k-button>
-  </form>
-</template>
-
-<script lang="ts" setup>
-import { ref } from 'vue';
-
-const content = ref('');
-const tags = ref('');
-
-const emit = defineEmits(['submit']);
-
-const submit = () => {
-  const tagList = tags.value.split(',').map((tag) => tag.trim());
-  emit('submit', content.value, tagList);
-  content.value = '';
-  tags.value = '';
-};
-</script>
diff --git a/packages/webui/client/components/MemoryList.vue b/packages/webui/client/components/MemoryList.vue
index 9148fe8..6394141 100644
--- a/packages/webui/client/components/MemoryList.vue
+++ b/packages/webui/client/components/MemoryList.vue
@@ -1,42 +1,103 @@
 <template>
-  <div>
-    <ul>
-      <li v-for="mem in memories" :key="mem.id">
-        {{ mem.content }} <span @click="deleteMemory(mem.id)">删除</span>
-      </li>
-    </ul>
-    <input v-model="searchQuery" placeholder="搜索记忆" />
-    <button @click="searchMemories">查询</button>
-  </div>
+  <k-card class="memory-list">
+    <table>
+      <thead>
+        <tr>
+          <th>ID</th>
+          <th>内容</th>
+          <th>类型</th>
+          <th>主题</th>
+          <th>关键词</th>
+          <th>创建时间</th>
+          <th>更新时间</th>
+          <th>操作</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr v-for="memory in memories" :key="memory.id">
+          <td>{{ memory.id.slice(0, 8) }}</td>
+          <td>{{ memory.content }}</td>
+          <td>{{ memory.type }}</td>
+          <td>{{ memory.topic }}</td>
+          <td>{{ formatKeywords(memory.keywords) }}</td>
+          <td>{{ formatDate(memory.createdAt) }}</td>
+          <td>{{ formatDate(memory.updatedAt) }}</td>
+          <td>
+            <button @click="emit('edit', memory)" class="edit-button">编辑</button>
+            <button @click="emit('delete', memory.id)" class="delete-button">删除</button>
+          </td>
+        </tr>
+      </tbody>
+    </table>
+  </k-card>
 </template>
 
-<script lang="ts">
-import { defineComponent, ref } from 'vue';
-import { Vector } from '../types/memory';
-import { fetchMemories, deleteMemory, searchMemories as apiSearchMemories } from '../helpers/api';
+<script setup lang="ts">
+import { MemoryItem } from 'koishi-plugin-yesimbot-memory'
+import { defineProps } from 'vue'
 
-export default defineComponent({
-  name: 'MemoryList',
-  setup() {
-    const memories = ref<Vector[]>([]);
-    const searchQuery = ref('');
+const props = defineProps({
+  memories: { type: Array as () => MemoryItem[], required: true }
+})
 
-    const loadMemories = async () => {
-      memories.value = await fetchMemories();
-    };
+const emit = defineEmits(['edit', 'delete'])
 
-    const deleteMemoryHandler = async (id: string) => {
-      await deleteMemory(id);
-      loadMemories();
-    };
+function formatKeywords(keywords: string[]) {
+  return keywords?.join(' | ') || ''
+}
 
-    const searchMemories = async () => {
-      memories.value = await apiSearchMemories({ content: searchQuery.value });
-    };
+function formatDate(date: Date) {
+  return date.toLocaleString()
+}
+</script>
 
-    loadMemories();
+<style scoped>
+.memory-list {
+  overflow: auto;
+  max-height: 60vh;
+  margin: 1rem;
+}
 
-    return { memories, deleteMemoryHandler, searchMemories, searchQuery };
-  }
-});
-</script>
+table {
+  width: 100%;
+  border-collapse: collapse;
+}
+
+th,
+td {
+  padding: 0.75rem;
+  text-align: left;
+  border-bottom: 1px solid var(--border);
+}
+
+th:nth-child(6),
+td:nth-child(6),
+th:nth-child(7),
+td:nth-child(7) {
+  width: 160px;
+}
+
+th {
+  background: var(--card-bg);
+  font-weight: bold;
+}
+
+.edit-button,
+.delete-button {
+  padding: 0.25rem 0.5rem;
+  border: none;
+  border-radius: 4px;
+  cursor: pointer;
+  margin-right: 0.5rem;
+}
+
+.edit-button {
+  background: var(--primary);
+  color: white;
+}
+
+.delete-button {
+  background: var(--danger);
+  color: white;
+}
+</style>
diff --git a/packages/webui/client/components/MemorySearch.vue b/packages/webui/client/components/MemorySearch.vue
new file mode 100644
index 0000000..4b3cabb
--- /dev/null
+++ b/packages/webui/client/components/MemorySearch.vue
@@ -0,0 +1,204 @@
+<template>
+  <k-card class="memory-search">
+    <div class="search-container">
+      <div class="input-wrapper">
+        <input v-model="query" placeholder="搜索记忆..." class="search-input" @keyup.enter="handleSearch">
+        <button v-if="query" @click="clearQuery" class="clear-button">
+          &times;
+        </button>
+      </div>
+      <div class="select-wrapper">
+        <select v-model="type" class="search-type" :disabled="isSearching">
+          <option value="id">ID</option>
+          <option value="content">内容</option>
+          <option value="topic">主题</option>
+          <option value="keywords">关键词</option>
+        </select>
+        <div class="select-arrow"></div>
+      </div>
+      <button @click="handleSearch" class="search-button" :disabled="isSearching || !query">
+        <span v-if="isSearching">搜索中...</span>
+        <span v-else>搜索</span>
+      </button>
+      <button @click="emit('add')" class="add-button" :disabled="isSearching">
+        添加记忆
+      </button>
+    </div>
+  </k-card>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue'
+
+const emit = defineEmits(['search', 'add'])
+
+const query = ref('')
+const type = ref('content')
+const isSearching = ref(false)
+
+function handleSearch() {
+  if (!query.value || isSearching.value) return
+  isSearching.value = true
+  emit('search', query.value, type.value)
+  setTimeout(() => {
+    isSearching.value = false
+  }, 1000) // 模拟搜索延迟
+}
+
+function clearQuery() {
+  query.value = ''
+}
+</script>
+
+<style scoped>
+.memory-search {
+  margin: 1rem;
+  background: var(--card-bg);
+  border-radius: 8px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+}
+
+.search-container {
+  display: flex;
+  gap: 0.75rem;
+  align-items: stretch;
+  flex-wrap: wrap;
+}
+
+.input-wrapper {
+  position: relative;
+  flex: 1;
+}
+
+.search-input {
+  flex: 1;
+  padding: 0.5rem;
+  border: 1px solid var(--border);
+  border-radius: 6px;
+  transition: all 0.2s ease;
+  font-size: 0.9rem;
+}
+
+.search-input:focus {
+  outline: none;
+  border-color: var(--primary);
+  box-shadow: 0 0 0 3px rgba(var(--primary-rgb), 0.1);
+}
+
+.clear-button {
+  position: absolute;
+  right: 0.5rem;
+  padding: 0.5rem;
+  border: 1px solid var(--border);
+  border-left: none;
+  border-radius: 0 6px 6px 0;
+  background: var(--bg);
+  cursor: pointer;
+  font-size: 1.25rem;
+  color: var(--text-light);
+  line-height: 1;
+  transition: color 0.2s ease, background 0.2s ease;
+  height: calc(100% - 1px); /* 保持与输入框一致 */
+}
+
+.clear-button:hover {
+  color: var(--text);
+  background: var(--hover-bg);
+}
+
+.search-type {
+  padding: 0.75rem;
+  border: 1px solid var(--border);
+  border-radius: 6px;
+  background: var(--card-bg);
+  color: var(--text);
+  cursor: pointer;
+  transition: all 0.2s ease;
+}
+
+.search-type:hover {
+  border-color: var(--primary);
+}
+
+.search-button,
+.add-button {
+  padding: 0.75rem 1.25rem;
+  border: none;
+  border-radius: 6px;
+  cursor: pointer;
+  font-weight: 500;
+  transition: all 0.2s ease;
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+}
+
+.search-button {
+  background: var(--primary);
+  color: white;
+}
+
+.search-button:hover {
+  background: var(--primary-dark);
+  transform: translateY(-1px);
+}
+
+.add-button {
+  background: var(--success);
+  color: white;
+}
+
+.add-button:hover {
+  background: var(--success-dark);
+  transform: translateY(-1px);
+}
+
+.select-wrapper {
+  position: relative;
+}
+
+.select-arrow {
+  position: absolute;
+  right: 0.75rem;
+  top: 50%;
+  transform: translateY(-50%);
+  pointer-events: none;
+  width: 0;
+  height: 0;
+  border-left: 4px solid transparent;
+  border-right: 4px solid transparent;
+  border-top: 6px solid var(--text-light);
+}
+
+@media (max-width: 480px) {
+  .search-container {
+    flex-direction: row;
+    flex-wrap: wrap;
+    gap: 0.5rem;
+  }
+
+  .input-wrapper {
+    width: 100%;
+  }
+
+  .search-type {
+    flex: 1;
+    min-width: 120px;
+  }
+
+  .search-button,
+  .add-button {
+    flex: 1;
+    padding: 0.5rem;
+    font-size: 0.9rem;
+  }
+
+  .search-button {
+    order: 1;
+  }
+
+  .add-button {
+    order: 2;
+  }
+}
+</style>
diff --git a/packages/webui/client/components/MemoryStats.vue b/packages/webui/client/components/MemoryStats.vue
new file mode 100644
index 0000000..e47c3f3
--- /dev/null
+++ b/packages/webui/client/components/MemoryStats.vue
@@ -0,0 +1,105 @@
+<template>
+  <k-card class="memory-stats">
+    <div class="chart-container">
+      <canvas ref="chartRef"></canvas>
+    </div>
+    <div class="stats-info">
+      <div class="stat-item">
+        <div class="stat-value">{{ totalMemories }}</div>
+        <div class="stat-label">总记忆数</div>
+      </div>
+      <div class="stat-item">
+        <div class="stat-value">{{ userMemories }}</div>
+        <div class="stat-label">用户记忆</div>
+      </div>
+      <div class="stat-item">
+        <div class="stat-value">{{ coreMemories }}</div>
+        <div class="stat-label">核心记忆</div>
+      </div>
+      <div class="stat-item">
+        <div class="stat-value">{{ knowledgeMemories }}</div>
+        <div class="stat-label">通用知识</div>
+      </div>
+    </div>
+  </k-card>
+</template>
+
+<script setup lang="ts">
+import { ref, onMounted, watch } from 'vue'
+import Chart from 'chart.js/auto'
+
+const props = defineProps({
+  totalMemories: { type: Number, required: true },
+  userMemories: { type: Number, required: true },
+  coreMemories: { type: Number, required: true },
+  knowledgeMemories: { type: Number, required: true }
+})
+
+const chartRef = ref(null)
+let chartInstance = ref<Chart | null>(null)
+
+function updateChart() {
+  if (!chartRef.value) return
+
+  // 销毁现有的 Chart 实例
+  if (chartInstance.value) {
+    chartInstance.value.destroy()
+  }
+
+  const ctx = chartRef.value.getContext('2d')
+  chartInstance.value = new Chart(ctx, {
+    type: 'pie',
+    data: {
+      labels: ['用户记忆', '核心记忆', '通用知识'],
+      datasets: [{
+        data: [props.userMemories, props.coreMemories, props.knowledgeMemories],
+        backgroundColor: ['#FF6384', '#36A2EB', '#FFCE56']
+      }]
+    },
+    options: {
+      responsive: true,
+      maintainAspectRatio: false
+    }
+  })
+}
+
+onMounted(() => {
+  updateChart()
+})
+
+watch([() => props.userMemories, () => props.coreMemories, () => props.knowledgeMemories], () => {
+  updateChart()
+})
+</script>
+
+<style scoped>
+.memory-stats {
+  margin: 1rem;
+  padding: 1rem;
+}
+
+.chart-container {
+  height: 300px;
+  margin-bottom: 1rem;
+}
+
+.stats-info {
+  display: flex;
+  justify-content: space-around;
+  margin-top: 1rem;
+}
+
+.stat-item {
+  text-align: center;
+}
+
+.stat-value {
+  font-size: 1.5rem;
+  font-weight: bold;
+  color: var(--primary);
+}
+
+.stat-label {
+  color: var(--secondary);
+}
+</style>
diff --git a/packages/webui/client/components/MemoryTable.vue b/packages/webui/client/components/MemoryTable.vue
deleted file mode 100644
index 6c41dbc..0000000
--- a/packages/webui/client/components/MemoryTable.vue
+++ /dev/null
@@ -1,41 +0,0 @@
-<template>
-  <table>
-    <thead>
-      <tr>
-        <th>ID</th>
-        <th>内容</th>
-        <th>标签</th>
-        <th>操作</th>
-      </tr>
-    </thead>
-    <tbody>
-      <tr v-for="memory in memories" :key="memory.id">
-        <td>{{ memory.id }}</td>
-        <td>{{ memory.content }}</td>
-        <td>{{ memory.tags?.join(', ') }}</td>
-        <td>
-          <k-button @click="edit(memory)">编辑</k-button>
-          <k-button @click="remove(memory.id)">删除</k-button>
-        </td>
-      </tr>
-    </tbody>
-  </table>
-</template>
-
-<script lang="ts" setup>
-import { defineProps } from 'vue';
-
-const props = defineProps<{
-  memories: Array<{
-    id: string;
-    content: string;
-    tags?: string[];
-  }>;
-}>();
-
-const emit = defineEmits(['delete', 'edit']);
-
-const remove = (id: string) => emit('delete', id);
-const edit = (memory: { id: string; content: string; tags?: string[] }) =>
-  emit('edit', memory.id, memory.content, memory.tags);
-</script>
diff --git a/packages/webui/client/index.ts b/packages/webui/client/index.ts
index bca7580..0a6c536 100644
--- a/packages/webui/client/index.ts
+++ b/packages/webui/client/index.ts
@@ -1,12 +1,10 @@
 import { Context } from "@koishijs/client";
-import Page from "./page.vue";
-import StatisticsPage from "./pages/StatisticsPage.vue";
-import EditPage from "./pages/EditPage.vue";
+import View from "./views/MemoryView.vue";
 
 export default (ctx: Context) => {
   ctx.page({
     name: "记忆管理",
     path: "/memory",
-    component: Page,
+    component: View,
   });
 };
diff --git a/packages/webui/client/model.ts b/packages/webui/client/model.ts
new file mode 100644
index 0000000..a287842
--- /dev/null
+++ b/packages/webui/client/model.ts
@@ -0,0 +1,6 @@
+export enum MemoryType {
+  Core = "核心记忆",
+  User = "用户记忆",
+  Group = "群成员记忆",
+  Knowledge = "通用知识",
+}
diff --git a/packages/webui/client/page.vue b/packages/webui/client/page.vue
deleted file mode 100644
index ddeb505..0000000
--- a/packages/webui/client/page.vue
+++ /dev/null
@@ -1,402 +0,0 @@
-<template>
-  <k-layout menu="memory">
-
-    <template #left>
-      <el-scrollbar>
-        
-      </el-scrollbar>
-    </template>
-
-    <!-- Memory Statistics -->
-    <k-card class="memory-stats">
-      <div class="chart-container">
-        <canvas ref="chartRef"></canvas>
-      </div>
-      <div class="stats-info">
-        <div class="stat-item">
-          <div class="stat-value">{{ totalMemories }}</div>
-          <div class="stat-label">总记忆数</div>
-        </div>
-        <div class="stat-item">
-          <div class="stat-value">{{ userMemories }}</div>
-          <div class="stat-label">用户记忆</div>
-        </div>
-        <div class="stat-item">
-          <div class="stat-value">{{ selfMemories }}</div>
-          <div class="stat-label">自身记忆</div>
-        </div>
-        <div class="stat-item">
-          <div class="stat-value">{{ generalMemories }}</div>
-          <div class="stat-label">通用记忆</div>
-        </div>
-      </div>
-    </k-card>
-
-    <!-- Search and Filter -->
-    <k-card class="memory-search">
-      <div class="search-container">
-        <input v-model="searchQuery" placeholder="搜索记忆..." class="search-input" @keyup.enter="searchMemories">
-        <select v-model="searchType" class="search-type">
-          <option value="id">ID</option>
-          <option value="content">内容</option>
-          <option value="tag">标签</option>
-        </select>
-        <button @click="searchMemories" class="search-button">搜索</button>
-        <button @click="showAddDialog = true" class="add-button">添加记忆</button>
-      </div>
-    </k-card>
-
-    <!-- Memory List -->
-    <k-card class="memory-list">
-      <table>
-        <thead>
-          <tr>
-            <th>ID</th>
-            <th>内容</th>
-            <th>标签</th>
-            <th>创建时间</th>
-            <th>操作</th>
-          </tr>
-        </thead>
-        <tbody>
-          <tr v-for="memory in displayedMemories" :key="memory.id">
-            <td>{{ memory.id }}</td>
-            <td>{{ memory.content }}</td>
-            <td>{{ formatTags(memory.tags) }}</td>
-            <td>{{ formatDate(memory.createdAt) }}</td>
-            <td>
-              <button @click="editMemory(memory)" class="edit-button">编辑</button>
-              <button @click="deleteMemory(memory.id)" class="delete-button">删除</button>
-            </td>
-          </tr>
-        </tbody>
-      </table>
-    </k-card>
-
-    <!-- Add/Edit Dialog -->
-    <div v-if="showAddDialog || editingMemory" class="dialog-overlay">
-      <div class="dialog">
-        <h3>{{ editingMemory ? '编辑记忆' : '添加记忆' }}</h3>
-        <div class="dialog-content">
-          <textarea v-model="memoryContent" placeholder="输入记忆内容..." class="memory-input"></textarea>
-          <div class="tag-selector">
-            <label>
-              <input type="checkbox" v-model="selectedTags" value="User">
-              用户记忆
-            </label>
-            <label>
-              <input type="checkbox" v-model="selectedTags" value="Self">
-              自身记忆
-            </label>
-            <label>
-              <input type="checkbox" v-model="selectedTags" value="General">
-              通用记忆
-            </label>
-          </div>
-        </div>
-        <div class="dialog-actions">
-          <button @click="saveMemory" class="save-button">保存</button>
-          <button @click="closeDialog" class="cancel-button">取消</button>
-        </div>
-      </div>
-    </div>
-  </k-layout>
-</template>
-
-<script setup lang="ts">
-import { ref, onMounted, computed } from 'vue'
-import { send } from '@koishijs/client'
-import Chart from 'chart.js/auto'
-
-// State
-const chartRef = ref(null)
-const searchQuery = ref('')
-const searchType = ref('content')
-const showAddDialog = ref(false)
-const editingMemory = ref(null)
-const memoryContent = ref('')
-const selectedTags = ref([])
-const memories = ref([])
-
-// Computed
-const totalMemories = computed(() => memories.value.length)
-const userMemories = computed(() => memories.value.filter(m => m.tags?.includes('User')).length)
-const selfMemories = computed(() => memories.value.filter(m => m.tags?.includes('Self')).length)
-const generalMemories = computed(() => memories.value.filter(m => m.tags?.includes('General')).length)
-
-const displayedMemories = computed(() => {
-  if (!searchQuery.value) return memories.value
-
-  const query = searchQuery.value.toLowerCase()
-  return memories.value.filter(memory => {
-    switch (searchType.value) {
-      case 'id':
-        return memory.id.toLowerCase().includes(query)
-      case 'content':
-        return memory.content.toLowerCase().includes(query)
-      case 'tag':
-        return memory.tags?.some(tag => tag.toLowerCase().includes(query))
-      default:
-        return true
-    }
-  })
-})
-
-// Methods
-const loadMemories = async () => {
-  const response = await send('memory/getAll')
-  memories.value = response
-  updateChart()
-}
-
-const searchMemories = () => {
-  // The filtering is handled by the computed property displayedMemories
-}
-
-const editMemory = (memory) => {
-  editingMemory.value = memory
-  memoryContent.value = memory.content
-  selectedTags.value = memory.tags || []
-  showAddDialog.value = true
-}
-
-const deleteMemory = async (id) => {
-  if (confirm('确定要删除这条记忆吗？')) {
-    await send('memory/delete', id)
-    await loadMemories()
-  }
-}
-
-const saveMemory = async () => {
-  const memoryData = {
-    content: memoryContent.value,
-    tags: selectedTags.value,
-  }
-
-  if (editingMemory.value) {
-    await send('memory/update', editingMemory.value.id, memoryData)
-  } else {
-    await send('memory/addText', memoryData.content, memoryData.tags)
-  }
-
-  closeDialog()
-  await loadMemories()
-}
-
-const closeDialog = () => {
-  showAddDialog.value = false
-  editingMemory.value = null
-  memoryContent.value = ''
-  selectedTags.value = []
-}
-
-const formatTags = (tags) => {
-  return tags ? tags.join(', ') : ''
-}
-
-const formatDate = (timestamp) => {
-  return new Date(timestamp).toLocaleString()
-}
-
-const updateChart = () => {
-  if (!chartRef.value) return
-
-  const ctx = chartRef.value.getContext('2d')
-  new Chart(ctx, {
-    type: 'pie',
-    data: {
-      labels: ['用户记忆', '自身记忆', '通用记忆'],
-      datasets: [{
-        data: [userMemories.value, selfMemories.value, generalMemories.value],
-        backgroundColor: ['#FF6384', '#36A2EB', '#FFCE56']
-      }]
-    },
-    options: {
-      responsive: true,
-      maintainAspectRatio: false
-    }
-  })
-}
-
-// Lifecycle
-onMounted(() => {
-  loadMemories()
-})
-</script>
-
-<style>
-.memory-stats {
-  margin-bottom: 1rem;
-  padding: 1rem;
-}
-
-.chart-container {
-  height: 300px;
-  margin-bottom: 1rem;
-}
-
-.stats-info {
-  display: flex;
-  justify-content: space-around;
-  margin-top: 1rem;
-}
-
-.stat-item {
-  text-align: center;
-}
-
-.stat-value {
-  font-size: 1.5rem;
-  font-weight: bold;
-  color: var(--primary);
-}
-
-.stat-label {
-  color: var(--secondary);
-}
-
-.memory-search {
-  margin-bottom: 1rem;
-}
-
-.search-container {
-  display: flex;
-  gap: 0.5rem;
-}
-
-.search-input {
-  flex: 1;
-  padding: 0.5rem;
-  border: 1px solid var(--border);
-  border-radius: 4px;
-}
-
-.search-type {
-  padding: 0.5rem;
-  border: 1px solid var(--border);
-  border-radius: 4px;
-}
-
-.search-button,
-.add-button {
-  padding: 0.5rem 1rem;
-  border: none;
-  border-radius: 4px;
-  cursor: pointer;
-}
-
-.search-button {
-  background: var(--primary);
-  color: white;
-}
-
-.add-button {
-  background: var(--success);
-  color: white;
-}
-
-.memory-list {
-  overflow-x: auto;
-}
-
-table {
-  width: 100%;
-  border-collapse: collapse;
-}
-
-th,
-td {
-  padding: 0.75rem;
-  text-align: left;
-  border-bottom: 1px solid var(--border);
-}
-
-th {
-  background: var(--card-bg);
-  font-weight: bold;
-}
-
-.edit-button,
-.delete-button {
-  padding: 0.25rem 0.5rem;
-  border: none;
-  border-radius: 4px;
-  cursor: pointer;
-  margin-right: 0.5rem;
-}
-
-.edit-button {
-  background: var(--primary);
-  color: white;
-}
-
-.delete-button {
-  background: var(--danger);
-  color: white;
-}
-
-.dialog-overlay {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background: rgba(0, 0, 0, 0.5);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  z-index: 1000;
-}
-
-.dialog {
-  background: var(--card-bg);
-  border-radius: 8px;
-  padding: 1.5rem;
-  width: 90%;
-  max-width: 500px;
-}
-
-.dialog h3 {
-  margin: 0 0 1rem 0;
-}
-
-.memory-input {
-  width: 100%;
-  min-height: 100px;
-  padding: 0.5rem;
-  margin-bottom: 1rem;
-  border: 1px solid var(--border);
-  border-radius: 4px;
-  resize: vertical;
-}
-
-.tag-selector {
-  display: flex;
-  gap: 1rem;
-  margin-bottom: 1rem;
-}
-
-.dialog-actions {
-  display: flex;
-  justify-content: flex-end;
-  gap: 0.5rem;
-}
-
-.save-button,
-.cancel-button {
-  padding: 0.5rem 1rem;
-  border: none;
-  border-radius: 4px;
-  cursor: pointer;
-}
-
-.save-button {
-  background: var(--primary);
-  color: white;
-}
-
-.cancel-button {
-  background: var(--secondary);
-  color: white;
-}
-</style>
diff --git a/packages/webui/client/pages/EditPage.vue b/packages/webui/client/pages/EditPage.vue
deleted file mode 100644
index 9fbdfd5..0000000
--- a/packages/webui/client/pages/EditPage.vue
+++ /dev/null
@@ -1,72 +0,0 @@
-<template>
-  <k-layout>
-    <template #header>
-      <h1>记忆编辑</h1>
-    </template>
-    <template #default>
-      <k-card>
-        <h2>记忆列表</h2>
-        <MemoryTable
-          :memories="filteredMemories"
-          @delete="handleDelete"
-          @edit="handleEdit"
-        />
-        <MemoryForm @submit="handleSubmit" />
-      </k-card>
-    </template>
-  </k-layout>
-</template>
-
-<script lang="ts" setup>
-import { ref, computed, onMounted } from 'vue';
-import { send } from '@koishijs/client';
-import MemoryForm from '../components/MemoryForm.vue';
-import MemoryTable from '../components/MemoryTable.vue';
-
-interface Memory {
-  id: string;
-  content: string;
-  userId?: string;
-  tags?: string[];
-  createdAt: number;
-  updatedAt?: number;
-}
-
-const memories = ref<Memory[]>([]);
-const searchQuery = ref('');
-const selectedTag = ref('');
-
-// 获取所有记忆
-const fetchMemories = async () => {
-  memories.value = await send('memory/getAll');
-};
-
-// 过滤记忆
-const filteredMemories = computed(() => {
-  return memories.value.filter((memory) => {
-    const matchesQuery = memory.content.includes(searchQuery.value);
-    const matchesTag = selectedTag.value ? memory.tags?.includes(selectedTag.value) : true;
-    return matchesQuery && matchesTag;
-  });
-});
-
-// 处理新增记忆
-const handleSubmit = async (content: string, tags: string[]) => {
-  await send('memory/addText', content, tags);
-  await fetchMemories();
-};
-
-// 处理删除记忆
-const handleDelete = async (id: string) => {
-  await send('memory/delete', id);
-  await fetchMemories();
-};
-
-// 处理编辑记忆
-const handleEdit = async (id: string, content: string, tags: string[]) => {
-  await send('memory/update', id, { content, tags });
-  await fetchMemories();
-};
-
-onMounted(fetchMemories);
-</script>
diff --git a/packages/webui/client/pages/StatisticsPage.vue b/packages/webui/client/pages/StatisticsPage.vue
deleted file mode 100644
index b93ec91..0000000
--- a/packages/webui/client/pages/StatisticsPage.vue
+++ /dev/null
@@ -1,48 +0,0 @@
-<template>
-  <k-layout>
-    <template #header>
-      <h1>记忆统计</h1>
-    </template>
-    <template #default>
-      <k-card>
-        <h2>记忆标签分布</h2>
-        <MemoryChart :data="memoryStats" />
-      </k-card>
-    </template>
-  </k-layout>
-</template>
-
-<script lang="ts" setup>
-import { ref, computed, onMounted } from 'vue';
-import { send } from '@koishijs/client';
-import MemoryChart from '../components/MemoryChart.vue';
-
-interface Memory {
-  id: string;
-  content: string;
-  userId?: string;
-  tags?: string[];
-  createdAt: number;
-  updatedAt?: number;
-}
-
-const memories = ref<Memory[]>([]);
-
-// 获取所有记忆
-const fetchMemories = async () => {
-  memories.value = await send('memory/getAll');
-};
-
-// 统计记忆标签
-const memoryStats = computed(() => {
-  const stats: Record<string, number> = {};
-  memories.value.forEach((memory) => {
-    memory.tags?.forEach((tag) => {
-      stats[tag] = (stats[tag] || 0) + 1;
-    });
-  });
-  return Object.entries(stats).map(([tag, count]) => ({ tag, count }));
-});
-
-onMounted(fetchMemories);
-</script>
diff --git a/packages/webui/client/views/MemoryView.vue b/packages/webui/client/views/MemoryView.vue
new file mode 100644
index 0000000..b402e1b
--- /dev/null
+++ b/packages/webui/client/views/MemoryView.vue
@@ -0,0 +1,185 @@
+<template>
+  <k-layout menu="memory">
+    <template #left>
+      <el-scrollbar></el-scrollbar>
+    </template>
+
+    <MemoryStats :totalMemories="totalMemories" :userMemories="userMemories" :coreMemories="coreMemories"
+      :knowledgeMemories="knowledgeMemories" />
+    <MemorySearch @search="handleSearch" @add="showAddDialog = true" />
+    <MemoryList :memories="displayedMemories" @edit="editMemory" @delete="deleteMemory" />
+
+    <MemoryDialog v-if="showAddDialog || editingMemory" :memory="editingMemory" @save="saveMemory"
+      @close="closeDialog" />
+
+    <!-- 全局反馈 -->
+    <el-alert v-if="feedbackMessage" :type="feedbackType" :closable="true" @close="feedbackMessage = ''">
+      {{ feedbackMessage }}
+    </el-alert>
+  </k-layout>
+</template>
+
+<script setup lang="ts">
+import { ref, onMounted, computed, onBeforeUnmount } from 'vue'
+import { send } from '@koishijs/client'
+import MemoryStats from '../components/MemoryStats.vue'
+import MemorySearch from '../components/MemorySearch.vue'
+import MemoryList from '../components/MemoryList.vue'
+import MemoryDialog from '../components/MemoryDialog.vue'
+import { MemoryItem } from 'koishi-plugin-yesimbot-memory'
+import { MemoryType } from '../model'
+
+// State
+const searchQuery = ref('')
+const searchType = ref('content')
+const showAddDialog = ref(false)
+const editingMemory = ref<MemoryItem | null>(null)
+const memories = ref<MemoryItem[]>([])
+const feedbackMessage = ref('')
+const feedbackType = ref<'success' | 'error'>('success')
+const feedbackTimer = ref<NodeJS.Timeout | null>(null)
+
+function showFeedback(message: string, type: 'success' | 'error' = 'success', duration = 2000) {
+  feedbackMessage.value = message
+  feedbackType.value = type
+
+  if (feedbackTimer.value) {
+    clearTimeout(feedbackTimer.value)
+  }
+
+  feedbackTimer.value = setTimeout(() => {
+    feedbackMessage.value = ''
+  }, duration)
+}
+
+onBeforeUnmount(() => {
+  if (feedbackTimer.value) {
+    clearTimeout(feedbackTimer.value)
+  }
+})
+
+// Computed
+const totalMemories = computed(() => memories.value.length)
+const coreMemories = computed(() => memories.value.filter(m => m.type === MemoryType.Core).length)
+const userMemories = computed(() => memories.value.filter(m => m.type === MemoryType.User).length)
+const knowledgeMemories = computed(() => memories.value.filter(m => m.type === MemoryType.Knowledge).length)
+
+const displayedMemories = computed(() => {
+  if (!searchQuery.value) return memories.value
+
+  const query = searchQuery.value.toLowerCase()
+  return memories.value.filter(memory => {
+    switch (searchType.value) {
+      case 'id':
+        return memory.id.toLowerCase().includes(query)
+      case 'content':
+        return memory.content.toLowerCase().includes(query)
+      case 'topic':
+        return memory.topic.toLowerCase().includes(query)
+      case 'keywords':
+        return memory.keywords.some(keyword => keyword.toLowerCase().includes(query))
+      default:
+        return true
+    }
+  })
+})
+
+async function loadMemories() {
+  const response = await send('memory/getAll')
+  memories.value = response
+}
+
+function handleSearch(query: string, type: string) {
+  searchQuery.value = query
+  searchType.value = type
+}
+
+function editMemory(memory: MemoryItem) {
+  editingMemory.value = memory
+  showAddDialog.value = true
+}
+
+async function deleteMemory(id: string) {
+  if (confirm('确定要删除这条记忆吗？')) {
+    try {
+      await send('memory/delete', id)
+      showFeedback('记忆删除成功', "success")
+      await loadMemories() // 重新加载记忆列表
+    } catch (err) {
+      showFeedback('记忆删除失败', "error")
+      console.error('删除记忆失败:', err)
+    }
+  }
+}
+
+async function saveMemory(memory: Partial<MemoryItem>) {
+  try {
+    if (editingMemory.value) {
+      await send('memory/modifyMemoryById', editingMemory.value.id, memory.content, memory.type, memory.topic, memory.keywords)
+      showFeedback('记忆修改成功', "success")
+    } else {
+      await send('memory/addCoreMemory', memory.content, memory.topic, memory.keywords)
+      showFeedback('记忆添加成功', "success")
+    }
+    await loadMemories()
+    closeDialog()
+  } catch (err) {
+    showFeedback('记忆保存失败', "error")
+    console.error('保存记忆失败:', err)
+  }
+}
+
+function closeDialog() {
+  showAddDialog.value = false
+  editingMemory.value = null
+}
+
+// Lifecycle
+onMounted(() => {
+  loadMemories()
+})
+</script>
+
+<style scoped>
+.el-alert {
+  position: fixed;
+  bottom: 2rem;
+  right: 1rem;
+  z-index: 1000;
+  max-width: 400px;
+  width: 90%;
+  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+  transition: all 0.3s ease;
+  animation: slideIn 0.3s ease;
+}
+
+.el-alert--success {
+  background-color: #f0f9eb;
+  border-color: #e1f3d8;
+}
+
+.el-alert--error {
+  background-color: #fef0f0;
+  border-color: #fde2e2;
+}
+
+@keyframes slideIn {
+  from {
+    transform: translateX(100%);
+    opacity: 0;
+  }
+
+  to {
+    transform: translateX(0);
+    opacity: 1;
+  }
+}
+
+@media (max-width: 768px) {
+  .el-alert {
+    right: 0.5rem;
+    left: 0.5rem;
+    width: auto;
+  }
+}
+</style>
diff --git a/packages/webui/src/index.ts b/packages/webui/src/index.ts
index bea0dae..7a19e3a 100644
--- a/packages/webui/src/index.ts
+++ b/packages/webui/src/index.ts
@@ -1,8 +1,8 @@
-// @ts-nocheck
-import { resolve } from "path";
+import { } from "@koishijs/plugin-console";
 import { Context } from "koishi";
-import {} from "@koishijs/plugin-console";
-import { Metadata } from "koishi-plugin-yesimbot-memory";
+import { MemoryItem, MemoryType } from "koishi-plugin-yesimbot-memory";
+import { resolve } from "path";
+
 import { Config } from "./config";
 
 export const name = "yesimbot-webui";
@@ -15,10 +15,18 @@ export { Config } from "./config";
 
 declare module "@koishijs/plugin-console" {
   interface Events {
-    "memory/getAll": () => Metadata[];
-    "memory/addText": (content: string, tags: string[]) => Promise<string>;
-    "memory/delete": (id: string) => void;
-    "memory/update": (id: string, data: any) => void;
+    "memory/get": (memoryId: string) => MemoryItem;
+    "memory/getAll": () => MemoryItem[];
+    "memory/delete": (memoryId: string) => boolean;
+    "memory/clear": () => void;
+    "memory/modifyMemoryById": (memoryId: string, content: string, type?: MemoryType, topic?: string, keywords?: string[]) => Promise<void>;
+    "memory/addCoreMemory": (content: string, topic?: string, keywords?: string[]) => Promise<string>;
+    "memory/modifyCoreMemory": (oldContent: string, newContent: string) => Promise<void>;
+    "memory/addUserMemory": (userId: string, content: string) => Promise<void>;
+    "memory/modifyUserMemory": (userId: string, oldContent: string, newContent: string) => Promise<void>;
+    "memory/addArchivalMemory": (content: string, type: MemoryType, topic: string, kerwords: string[]) => Promise<void>;
+    "memory/searchArchivalMemory": (query: string, type: MemoryType, topic: string, kerwords: string[], count?: number) => Promise<string[]>;
+    "memory/searchConversation": (query: string, userId: string, count?: number) => Promise<string[]>;
   }
 }
 
@@ -30,25 +38,58 @@ export function apply(ctx: Context, config: Config) {
     });
   });
 
-  // 提供后端 API
-  ctx.console.addListener("memory/getAll", () => {
-    ctx.logger.info("memory/getAll");
-    return ctx.memory.getAll();
+  ctx.console.addListener("memory/get", (memoryId) => {
+    ctx.logger.info("memory/get", memoryId);
+    return ctx.memory.get(memoryId);
   });
 
-  ctx.console.addListener("memory/addText", (content: string, tags: string[]) => {
-      ctx.logger.info("memory/addText");
-      return ctx.memory.addText(content);
-    }
-  );
+  ctx.console.addListener('memory/getAll', () => {
+    ctx.logger.info("memory/getAll");
+    return ctx.memory.getAll()
+  })
 
-  ctx.console.addListener("memory/delete", (id: string) => {
-    ctx.logger.info("memory/delete");
-    return ctx.memory.delete(id);
+  ctx.console.addListener("memory/delete", (memoryId) => {
+    ctx.logger.info("memory/delete", memoryId);
+    return ctx.memory.delete(memoryId);
   });
 
-  ctx.console.addListener("memory/update", (id: string, data: any) => {
-    ctx.logger.info("memory/update");
-    return ctx.memory.update(id, data);
+  ctx.console.addListener("memory/clear", () => {
+    ctx.logger.info("memory/clear");
+    return ctx.memory.clear();
   });
+
+  ctx.console.addListener("memory/modifyMemoryById", async (memoryId, content, type, topic, keywords)=>{
+    ctx.logger.info("memory/modifyMemoryById", memoryId, content, type, topic, keywords)
+    return await ctx.memory.modifyMemoryById(memoryId, content, type, topic, keywords)
+  })
+
+  ctx.console.addListener('memory/addCoreMemory', async (content, topic, kerwords) => {
+    ctx.logger.info("memory/addCoreMemory", content, topic, kerwords)
+    return await ctx.memory.addCoreMemory(content, topic, kerwords)
+  })
+
+  ctx.console.addListener('memory/modifyCoreMemory', async (oldContent, newContent) => {
+    ctx.logger.info("memory/modifyCoreMemory", oldContent, newContent)
+    return await ctx.memory.modifyCoreMemory(oldContent, newContent)
+  })
+
+  ctx.console.addListener("memory/addUserMemory", async (userId, content) => {
+    ctx.logger.info("memory/addUserMemory", userId, content)
+    return await ctx.memory.addUserMemory(userId, content)
+  })
+
+  ctx.console.addListener("memory/modifyUserMemory", async (userId, oldContent, newContent) => {
+    ctx.logger.info("memory/modifyUserMemory", userId, oldContent, newContent)
+    return await ctx.memory.modifyUserMemory(userId, oldContent, newContent)
+  })
+
+  ctx.console.addListener("memory/addArchivalMemory", async (content, type, topic, kerwords) => {
+    ctx.logger.info("memory/addArchivalMemory", content)
+    return await ctx.memory.addArchivalMemory(content, type, topic, kerwords)
+  })
+
+  ctx.console.addListener("memory/searchArchivalMemory", async (query, type, topic, kerwords, count) => {
+    ctx.logger.info("memory/searchArchivalMemory", query, type, topic, kerwords, count)
+    return await ctx.memory.searchArchivalMemory(query, type, topic, kerwords, count)
+  })
 }