@lobehub/lobehub 2.0.0-next.173 → 2.0.0-next.175

package/.cursor/rules/recent-data-usage.mdc

@@ -0,0 +1,138 @@
+# Recent Data 使用指南
+
+## 概述
+
+Recent 数据（recentTopics, recentResources, recentPages）存储在 session store 中，可以在应用的任何地方访问。
+
+## 数据初始化
+
+在应用顶层（如 `RecentHydration.tsx`）中初始化所有 recent 数据：
+
+```tsx
+import { useInitRecentPage } from '@/hooks/useInitRecentPage';
+import { useInitRecentResource } from '@/hooks/useInitRecentResource';
+import { useInitRecentTopic } from '@/hooks/useInitRecentTopic';
+
+const App = () => {
+  // 初始化所有 recent 数据
+  useInitRecentTopic();
+  useInitRecentResource();
+  useInitRecentPage();
+
+  return <YourComponents />;
+};
+```
+
+## 使用方式
+
+### 方式一：直接从 Store 读取（推荐用于多处使用）
+
+在任何组件中直接访问 store 中的数据：
+
+```tsx
+import { useSessionStore } from '@/store/session';
+import { recentSelectors } from '@/store/session/selectors';
+
+const Component = () => {
+  // 读取数据
+  const recentTopics = useSessionStore(recentSelectors.recentTopics);
+  const isInit = useSessionStore(recentSelectors.isRecentTopicsInit);
+
+  if (!isInit) return <div>Loading...</div>;
+
+  return (
+    <div>
+      {recentTopics.map(topic => (
+        <div key={topic.id}>{topic.title}</div>
+      ))}
+    </div>
+  );
+};
+```
+
+### 方式二：使用 Hook 返回的数据（用于单一组件）
+
+```tsx
+import { useInitRecentTopic } from '@/hooks/useInitRecentTopic';
+
+const Component = () => {
+  const { data: recentTopics, isLoading } = useInitRecentTopic();
+
+  if (isLoading) return <div>Loading...</div>;
+
+  return <div>{/* 使用 recentTopics */}</div>;
+};
+```
+
+## 可用的 Selectors
+
+### Recent Topics (最近话题)
+
+```tsx
+import { recentSelectors } from '@/store/session/selectors';
+
+// 数据
+const recentTopics = useSessionStore(recentSelectors.recentTopics);
+// 类型: RecentTopic[]
+
+// 初始化状态
+const isInit = useSessionStore(recentSelectors.isRecentTopicsInit);
+// 类型: boolean
+```
+
+**RecentTopic 类型：**
+```typescript
+interface RecentTopic {
+  agent: {
+    avatar: string | null;
+    backgroundColor: string | null;
+    id: string;
+    title: string | null;
+  } | null;
+  id: string;
+  title: string | null;
+  updatedAt: Date;
+}
+```
+
+### Recent Resources (最近文件)
+
+```tsx
+import { recentSelectors } from '@/store/session/selectors';
+
+// 数据
+const recentResources = useSessionStore(recentSelectors.recentResources);
+// 类型: FileListItem[]
+
+// 初始化状态
+const isInit = useSessionStore(recentSelectors.isRecentResourcesInit);
+// 类型: boolean
+```
+
+### Recent Pages (最近页面)
+
+```tsx
+import { recentSelectors } from '@/store/session/selectors';
+
+// 数据
+const recentPages = useSessionStore(recentSelectors.recentPages);
+// 类型: any[]
+
+// 初始化状态
+const isInit = useSessionStore(recentSelectors.isRecentPagesInit);
+// 类型: boolean
+```
+
+## 特性
+
+1. **自动登录检测**：只有在用户登录时才会加载数据
+2. **数据缓存**：数据存储在 store 中，多处使用无需重复加载
+3. **自动刷新**：使用 SWR，在用户重新聚焦时自动刷新（5分钟间隔）
+4. **类型安全**：完整的 TypeScript 类型定义
+
+## 最佳实践
+
+1. **初始化位置**：在应用顶层统一初始化所有 recent 数据
+2. **数据访问**：使用 selectors 从 store 读取数据
+3. **多处使用**：同一数据在多个组件中使用时，推荐使用方式一（直接从 store 读取）
+4. **性能优化**：使用 selector 确保只有相关数据变化时才重新渲染

package/.cursor/rules/rules-index.mdc

@@ -14,7 +14,7 @@ All following rules are saved under `.cursor/rules/` directory:
 
 ## Frontend
 
-- `react-component.mdc` – React component style guide and conventions
+- `react.mdc` – React component style guide and conventions
 - `i18n.mdc` – Internationalization guide using react-i18next
 - `typescript.mdc` – TypeScript code style guide
 - `packages/react-layout-kit.mdc` – Usage guide for react-layout-kit

package/.cursor/rules/testing-guide/agent-runtime-e2e.mdc

@@ -0,0 +1,285 @@
+# Agent Runtime E2E 测试指南
+
+本文档描述 Agent Runtime 端到端测试的核心原则和实施方法。
+
+## 核心原则
+
+### 1. 最小化 Mock 原则
+
+E2E 测试的目标是尽可能接近真实运行环境。因此，我们只 Mock **三个外部依赖**：
+
+| 依赖 | Mock 方式 | 说明 |
+| --- | --- | --- |
+| **Database** | PGLite | 使用 `@lobechat/database/test-utils` 提供的内存数据库 |
+| **Redis** | InMemoryAgentStateManager | Mock `AgentStateManager` 使用内存实现 |
+| **Redis** | InMemoryStreamEventManager | Mock `StreamEventManager` 使用内存实现 |
+
+**不 Mock 的部分：**
+
+- `model-bank` - 使用真实的模型配置数据
+- `Mecha` (AgentToolsEngine, ContextEngineering) - 使用真实逻辑
+- `AgentRuntimeService` - 使用真实逻辑
+- `AgentRuntimeCoordinator` - 使用真实逻辑
+
+### 2. 使用 vi.spyOn 而非 vi.mock
+
+不同测试场景需要不同的 LLM 响应。使用 `vi.spyOn` 可以：
+
+- 在每个测试中灵活控制返回值
+- 便于测试不同场景（纯文本、tool calls、错误等）
+- 避免全局 mock 导致的测试隔离问题
+
+### 3. 默认模型使用 gpt-5
+
+- `model-bank` 中肯定有该模型的数据
+- 避免短期内因模型更新需要修改测试
+
+## 技术实现
+
+### 数据库设置
+
+```typescript
+import { LobeChatDatabase } from '@lobechat/database';
+import { getTestDB } from '@lobechat/database/test-utils';
+
+let testDB: LobeChatDatabase;
+
+beforeEach(async () => {
+  testDB = await getTestDB();
+});
+```
+
+### OpenAI Response Mock Helper
+
+创建一个 helper 函数来生成 OpenAI 格式的流式响应：
+
+```typescript
+/**
+ * 创建 OpenAI 格式的流式响应
+ */
+export const createOpenAIStreamResponse = (options: {
+  content?: string;
+  toolCalls?: Array<{
+    id: string;
+    name: string;
+    arguments: string;
+  }>;
+  finishReason?: 'stop' | 'tool_calls';
+}) => {
+  const { content, toolCalls, finishReason = 'stop' } = options;
+
+  return new Response(
+    new ReadableStream({
+      start(controller) {
+        const encoder = new TextEncoder();
+
+        // 发送内容 chunk
+        if (content) {
+          const chunk = {
+            id: 'chatcmpl-mock',
+            object: 'chat.completion.chunk',
+            model: 'gpt-5',
+            choices: [
+              {
+                index: 0,
+                delta: { content },
+                finish_reason: null,
+              },
+            ],
+          };
+          controller.enqueue(encoder.encode(`data: ${JSON.stringify(chunk)}\n\n`));
+        }
+
+        // 发送 tool_calls chunk
+        if (toolCalls) {
+          for (const tool of toolCalls) {
+            const chunk = {
+              id: 'chatcmpl-mock',
+              object: 'chat.completion.chunk',
+              model: 'gpt-5',
+              choices: [
+                {
+                  index: 0,
+                  delta: {
+                    tool_calls: [
+                      {
+                        index: 0,
+                        id: tool.id,
+                        type: 'function',
+                        function: {
+                          name: tool.name,
+                          arguments: tool.arguments,
+                        },
+                      },
+                    ],
+                  },
+                  finish_reason: null,
+                },
+              ],
+            };
+            controller.enqueue(encoder.encode(`data: ${JSON.stringify(chunk)}\n\n`));
+          }
+        }
+
+        // 发送完成 chunk
+        const finishChunk = {
+          id: 'chatcmpl-mock',
+          object: 'chat.completion.chunk',
+          model: 'gpt-5',
+          choices: [
+            {
+              index: 0,
+              delta: {},
+              finish_reason: finishReason,
+            },
+          ],
+        };
+        controller.enqueue(encoder.encode(`data: ${JSON.stringify(finishChunk)}\n\n`));
+        controller.enqueue(encoder.encode('data: [DONE]\n\n'));
+        controller.close();
+      },
+    }),
+    { headers: { 'content-type': 'text/event-stream' } },
+  );
+};
+```
+
+### 内存状态管理
+
+使用依赖注入替代 Redis：
+
+```typescript
+import {
+  InMemoryAgentStateManager,
+  InMemoryStreamEventManager,
+} from '@/server/modules/AgentRuntime';
+import { AgentRuntimeService } from '@/server/services/agentRuntime';
+
+const stateManager = new InMemoryAgentStateManager();
+const streamEventManager = new InMemoryStreamEventManager();
+
+const service = new AgentRuntimeService(serverDB, userId, {
+  coordinatorOptions: {
+    stateManager,
+    streamEventManager,
+  },
+  queueService: null, // 禁用 QStash 队列，使用 executeSync
+  streamEventManager,
+});
+```
+
+### Mock OpenAI API
+
+在测试中使用 `vi.spyOn` mock fetch：
+
+```typescript
+import { vi } from 'vitest';
+
+// 在测试文件顶部或 beforeEach 中
+const fetchSpy = vi.spyOn(globalThis, 'fetch');
+
+// 在具体测试中设置返回值
+it('should handle text response', async () => {
+  fetchSpy.mockResolvedValueOnce(createOpenAIStreamResponse({ content: '杭州今天天气晴朗' }));
+
+  // ... 执行测试
+});
+
+it('should handle tool calls', async () => {
+  fetchSpy.mockResolvedValueOnce(
+    createOpenAIStreamResponse({
+      toolCalls: [
+        {
+          id: 'call_123',
+          name: 'lobe-web-browsing____search____builtin',
+          arguments: JSON.stringify({ query: '杭州天气' }),
+        },
+      ],
+      finishReason: 'tool_calls',
+    }),
+  );
+
+  // ... 执行测试
+});
+```
+
+## 测试场景
+
+### 1. 基本对话测试
+
+```typescript
+describe('Basic Chat', () => {
+  it('should complete a simple conversation', async () => {
+    fetchSpy.mockResolvedValueOnce(
+      createOpenAIStreamResponse({ content: 'Hello! How can I help you?' }),
+    );
+
+    const result = await service.createOperation({
+      agentConfig: { model: 'gpt-5', provider: 'openai' },
+      initialMessages: [{ role: 'user', content: 'Hi' }],
+      // ...
+    });
+
+    const finalState = await service.executeSync(result.operationId);
+    expect(finalState.status).toBe('done');
+  });
+});
+```
+
+### 2. Tool 调用测试
+
+```typescript
+describe('Tool Calls', () => {
+  it('should execute web-browsing tool', async () => {
+    // 第一次调用：LLM 返回 tool_calls
+    fetchSpy.mockResolvedValueOnce(
+      createOpenAIStreamResponse({
+        toolCalls: [
+          {
+            id: 'call_123',
+            name: 'lobe-web-browsing____search____builtin',
+            arguments: JSON.stringify({ query: '杭州天气' }),
+          },
+        ],
+        finishReason: 'tool_calls',
+      }),
+    );
+
+    // 第二次调用：处理 tool 结果后的响应
+    fetchSpy.mockResolvedValueOnce(
+      createOpenAIStreamResponse({ content: '根据搜索结果，杭州今天...' }),
+    );
+
+    // ... 执行测试
+  });
+});
+```
+
+### 3. 错误处理测试
+
+```typescript
+describe('Error Handling', () => {
+  it('should handle API errors gracefully', async () => {
+    fetchSpy.mockRejectedValueOnce(new Error('API rate limit exceeded'));
+
+    // ... 执行测试并验证错误处理
+  });
+});
+```
+
+## 文件组织
+
+```
+src/server/routers/lambda/__tests__/integration/
+├── setup.ts                    # 测试设置工具
+├── aiAgent.integration.test.ts # 现有集成测试
+├── aiAgent.e2e.test.ts         # E2E 测试
+└── helpers/
+    └── openaiMock.ts           # OpenAI mock helper
+```
+
+## 注意事项
+
+1. **测试隔离**：每个测试后清理 `InMemoryAgentStateManager` 和 `InMemoryStreamEventManager`
+2. **超时设置**：E2E 测试可能需要更长的超时时间
+3. **调试**：使用 `DEBUG=lobe-server:*` 环境变量查看详细日志

package/.cursor/rules/testing-guide/zustand-store-action-test.mdc

@@ -1,6 +1,6 @@
 ---
 description: Best practices for testing Zustand store actions
-globs: "src/store/**/*.test.ts"
+globs: 'src/store/**/*.test.ts'
 alwaysApply: false
 ---
 
@@ -15,6 +15,7 @@ import { act, renderHook } from '@testing-library/react';
 import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
 
 import { messageService } from '@/services/message';
+
 import { useChatStore } from '../../store';
 
 // Keep zustand mock as it's needed globally
@@ -229,8 +230,7 @@ it('should handle topic creation flow', async () => {
   const { result } = renderHook(() => useChatStore());
 
   // Spy on action dependencies
-  const createTopicSpy = vi.spyOn(result.current, 'createTopic')
-    .mockResolvedValue('new-topic-id');
+  const createTopicSpy = vi.spyOn(result.current, 'createTopic').mockResolvedValue('new-topic-id');
   const toggleLoadingSpy = vi.spyOn(result.current, 'internal_toggleMessageLoading');
 
   // Execute
@@ -251,9 +251,7 @@ When testing streaming responses, simulate the flow properly:
 ```typescript
 it('should handle streaming chunks', async () => {
   const { result } = renderHook(() => useChatStore());
-  const messages = [
-    { id: 'msg-1', role: 'user', content: 'Hello', sessionId: 'test-session' },
-  ];
+  const messages = [{ id: 'msg-1', role: 'user', content: 'Hello', sessionId: 'test-session' }];
 
   const streamSpy = vi
     .spyOn(chatService, 'createAssistantMessageStream')
@@ -287,9 +285,7 @@ Always test error scenarios:
 it('should handle errors gracefully', async () => {
   const { result } = renderHook(() => useChatStore());
 
-  vi.spyOn(messageService, 'createMessage').mockRejectedValue(
-    new Error('create message error'),
-  );
+  vi.spyOn(messageService, 'createMessage').mockRejectedValue(new Error('create message error'));
 
   await act(async () => {
     try {
@@ -330,8 +326,7 @@ it('should test something', async () => {
 it('should call internal methods', async () => {
   const { result } = renderHook(() => useChatStore());
 
-  const internalMethodSpy = vi.spyOn(result.current, 'internal_method')
-    .mockResolvedValue();
+  const internalMethodSpy = vi.spyOn(result.current, 'internal_method').mockResolvedValue();
 
   await act(async () => {
     await result.current.publicMethod();
@@ -456,6 +451,7 @@ import { beforeEach, describe, expect, it, vi } from 'vitest';
 
 import { discoverService } from '@/services/discover';
 import { globalHelpers } from '@/store/global/helpers';
+
 import { useDiscoverStore as useStore } from '../../store';
 
 vi.mock('zustand/traditional');
@@ -486,6 +482,7 @@ describe('SWR Hook Actions', () => {
 ```
 
 **Key points**:
+
 - **DO NOT mock useSWR** - let it use the real implementation
 - Only mock the **service methods** (fetchers)
 - Use `waitFor` from `@testing-library/react` to wait for async operations
@@ -559,21 +556,19 @@ it('should not fetch when required parameter is missing', () => {
 7. **Type assertions**: Use `as any` for test mock data where type definitions are strict
 
 **Why this matters**:
+
 - The fetcher (service method) is what we're testing - it must be called
 - Hardcoding the return value bypasses the actual fetcher logic
 - SWR returns Promises in real usage, tests should mirror this behavior
 
 ## Benefits of This Approach
 
-✅ **Clear test layers** - Each test only spies on direct dependencies
-✅ **Correct mocks** - Mocks match actual implementation
-✅ **Better maintainability** - Changes to implementation require fewer test updates
-✅ **Improved coverage** - Structured approach ensures all branches are tested
-✅ **Reduced coupling** - Tests are independent and can run in any order
+✅ **Clear test layers** - Each test only spies on direct dependencies ✅ **Correct mocks** - Mocks match actual implementation ✅ **Better maintainability** - Changes to implementation require fewer test updates ✅ **Improved coverage** - Structured approach ensures all branches are tested ✅ **Reduced coupling** - Tests are independent and can run in any order
 
 ## Reference
 
 See example implementation in:
+
 - `src/store/chat/slices/aiChat/actions/__tests__/generateAIChat.test.ts` (Regular actions)
 - `src/store/discover/slices/plugin/action.test.ts` (SWR hooks)
 - `src/store/discover/slices/mcp/action.test.ts` (SWR hooks)

package/.cursor/rules/typescript.mdc

@@ -16,10 +16,6 @@ alwaysApply: false
 - prefer `@ts-expect-error` over `@ts-ignore` over `as any`
 - Avoid meaningless null/undefined parameters; design strict function contracts.
 
-## Imports and Modules
-
-- When importing a directory module, prefer the explicit index path like `@/db/index` instead of `@/db`.
-
 ## Asynchronous Patterns and Concurrency
 
 - Prefer `async`/`await` over callbacks or chained `.then` promises.