@lobehub/lobehub 2.0.0-next.353 → 2.0.0-next.355

package/.cursor/rules/react.mdc

@@ -1,169 +0,0 @@
----
-description:
-globs: *.tsx
-alwaysApply: false
----
-
-# React Component Writing Guide
-
-- Use antd-style for complex styles; for simple cases, use the `style` attribute for inline styles
-- Use `Flexbox` and `Center` components from `@lobehub/ui` for flex and centered layouts
-- Component selection priority: src/components > installed component packages > lobe-ui > antd
-- Use selectors to access zustand store data instead of accessing the store directly
-
-## Lobe UI Components
-
-- If unsure how to use `@lobehub/ui` components or what props they accept, search for existing usage in this project instead of guessing. Most components extend antd components with additional props
-- For specific usage, search online. For example, for ActionIcon visit <https://ui.lobehub.com/components/action-icon>
-- Read `node_modules/@lobehub/ui/es/index.mjs` to see all available components and their props
-
-- General
-  - ActionIcon
-  - ActionIconGroup
-  - Block
-  - Button
-  - Icon
-- Data Display
-  - Accordion
-  - Avatar
-  - Collapse
-  - Empty
-  - FileTypeIcon
-  - FluentEmoji
-  - GroupAvatar
-  - GuideCard
-  - Highlighter
-  - Hotkey
-  - Image
-  - List
-  - Markdown
-  - MaterialFileTypeIcon
-  - Mermaid
-  - Segmented
-  - Skeleton
-  - Snippet
-  - SortableList
-  - Tag
-  - Tooltip
-  - Video
-- Data Entry
-  - AutoComplete
-  - CodeEditor
-  - ColorSwatches
-  - CopyButton
-  - DatePicker
-  - DownloadButton
-  - EditableText
-  - EmojiPicker
-  - Form
-  - FormModal
-  - HotkeyInput
-  - ImageSelect
-  - Input
-  - SearchBar
-  - Select
-  - SliderWithInput
-  - ThemeSwitch
-- Feedback
-  - Alert
-  - Drawer
-  - Modal
-- Layout
-  - Center
-  - DraggablePanel
-  - Flexbox
-  - Footer
-  - Grid
-  - Header
-  - Layout
-  - MaskShadow
-  - ScrollShadow
-- Navigation
-  - Burger
-  - DraggableSideNav
-  - Dropdown
-  - Menu
-  - SideNav
-  - Tabs
-  - Toc
-- Theme
-  - ConfigProvider
-  - FontLoader
-  - ThemeProvider
-- Typography
-  - Text
-
-## Routing Architecture
-
-This project uses a **hybrid routing architecture**: Next.js App Router for static pages + React Router DOM for the main SPA.
-
-### Route Types
-
-```plaintext
-+------------------+--------------------------------+--------------------------------+
-|   Route Type     |          Use Case              |        Implementation          |
-+------------------+--------------------------------+--------------------------------+
-| Next.js App      | Auth pages (login, signup,     | page.tsx file convention       |
-| Router           | oauth, reset-password, etc.)   | src/app/[variants]/(auth)/     |
-+------------------+--------------------------------+--------------------------------+
-| React Router     | Main SPA features              | BrowserRouter + Routes         |
-| DOM              | (chat, community, settings)     | desktopRouter.config.tsx       |
-|                  |                                | mobileRouter.config.tsx        |
-+------------------+--------------------------------+--------------------------------+
-```
-
-### Key Files
-
-- Entry point: `src/app/[variants]/page.tsx` - Routes to Desktop or Mobile based on device
-- Desktop router: `src/app/[variants]/router/desktopRouter.config.tsx`
-- Mobile router: `src/app/[variants]/(mobile)/router/mobileRouter.config.tsx`
-- Router utilities: `src/utils/router.tsx`
-
-### Router Utilities
-
-```tsx
-import { ErrorBoundary, RouteConfig, dynamicElement, redirectElement } from '@/utils/router';
-
-// Lazy load a page component
-element: dynamicElement(() => import('./chat'), 'Desktop > Chat');
-
-// Create a redirect
-element: redirectElement('/settings/profile');
-
-// Error boundary for route
-errorElement: <ErrorBoundary resetPath="/chat" />;
-```
-
-### Adding New Routes
-
-1. Add route config to `desktopRouter.config.tsx` or `mobileRouter.config.tsx`
-2. Create page component in the corresponding directory under `(main)/`
-3. Use `dynamicElement()` for lazy loading
-
-### Navigation
-
-**Important**: For SPA pages (React Router DOM routes), use `Link` from `react-router-dom`, NOT from `next/link`.
-
-```tsx
-// ❌ Wrong - next/link in SPA pages
-import Link from 'next/link';
-<Link href="/">Home</Link>
-
-// ✅ Correct - react-router-dom Link in SPA pages
-import { Link } from 'react-router-dom';
-<Link to="/">Home</Link>
-```
-
-```tsx
-// In components - use react-router-dom hooks
-import { useNavigate, useParams } from 'react-router-dom';
-
-const navigate = useNavigate();
-navigate('/chat');
-
-// From stores - use global navigate
-import { useGlobalStore } from '@/store/global';
-
-const navigate = useGlobalStore.getState().navigate;
-navigate?.('/settings');
-```

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

@@ -1,139 +0,0 @@
-# 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

@@ -1,44 +0,0 @@
----
-description:
-globs:
-alwaysApply: true
----
-
-# Available project rules index
-
-All following rules are saved under `.cursor/rules/` directory:
-
-## Backend
-
-- `drizzle-schema-style-guide.mdc` – Style guide for defining Drizzle ORM schemas
-
-## Frontend
-
-- `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
-- `modal-imperative.mdc` – Modal imperative API usage guide (createRawModal/createModal)
-
-## State Management
-
-- `zustand-action-patterns.mdc` – Recommended patterns for organizing Zustand actions
-- `zustand-slice-organization.mdc` – Best practices for structuring Zustand slices
-
-## Desktop (Electron)
-
-- `desktop-feature-implementation.mdc` – Implementing new Electron desktop features
-- `desktop-controller-tests.mdc` – Desktop controller unit testing guide
-- `desktop-local-tools-implement.mdc` – Workflow to add new desktop local tools
-- `desktop-menu-configuration.mdc` – Desktop menu configuration guide
-- `desktop-window-management.mdc` – Desktop window management guide
-
-## Debugging
-
-- `debug-usage.mdc` – Using the debug package and namespace conventions
-
-## Testing
-
-- `testing-guide/testing-guide.mdc` – Comprehensive testing guide for Vitest
-- `testing-guide/electron-ipc-test.mdc` – Electron IPC interface testing strategy
-- `testing-guide/db-model-test.mdc` – Database Model testing guide

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

@@ -1,285 +0,0 @@
-# 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:*` 环境变量查看详细日志