feat: 实现 API 接口对接功能 (删除作品、作品搜索、修改密码)

按照 TDD 规范完成三个核心功能的接口对接：

## 新增功能

### 1. 删除作品功能 (app/generationRecord.tsx)
- 新增 use-template-generation-actions.ts hook
- 支持单个删除和批量删除作品
- 删除确认对话框
- 删除成功后自动刷新列表
- 完整的错误处理和加载状态

### 2. 作品搜索功能 (app/searchWorksResults.tsx)
- 新增 use-works-search.ts hook
- 替换模拟数据为真实 SDK 接口
- 支持关键词搜索和分类筛选
- 支持分页加载
- 完整的加载、错误、空结果状态处理

### 3. 修改密码功能 (app/changePassword.tsx)
- 新增 use-change-password.ts hook
- 使用 Better Auth 的 changePassword API
- 客户端表单验证（密码长度、确认密码匹配等）
- 成功后自动返回并提示

## 技术实现
- 严格遵循 TDD 规范（先写测试，后写实现）
- 新增 3 个 hooks 和对应的单元测试
- 更新中英文翻译文件
- 更新 jest.setup.js 添加必要的 mock

## 文档
- 新增 api_integration_report.md - API 对接分析报告
- 新增 api_integration_development_plan.md - 开发计划和完成汇总

Co-Authored-By: Claude <noreply@anthropic.com>

task_plan.md

@@ -1,78 +1,87 @@
-# Task Plan: Backend Integration & UI Optimization
+# Task Plan: 生成记录页面删除作品功能
 
 ## Goal
-Integrate @repo/sdk backend APIs into the existing Expo frontend and add essential UI optimizations (loading states, refresh, pagination).
+实现 `app/generationRecord.tsx` 页面的删除作品功能，包括单个删除和批量删除，严格遵循 TDD 规范，测试覆盖率 > 80%
 
-## Context
-- Frontend pages are complete
-- Need to connect to @repo/sdk backend
-- Add loading/refresh/nextPage logic
-- Tech stack: Expo + React Native + Zustand + TailwindCSS
+## Current Phase
+Phase 5: 测试验证
 
 ## Phases
 
-### Phase 1: Discovery [completed]
-- [x] Locate @repo/sdk package and understand its API structure
-- [x] Identify all frontend pages/screens that need backend integration
-- [x] Map out current state management structure (Zustand stores)
-- [x] Document API endpoints and data models
+### Phase 1: 需求分析与代码调研
+- [x] 分析现有页面代码结构
+- [x] 了解现有 hooks 和控制器
+- [x] 确认 API 接口
+- [x] 了解测试框架配置
+- **Status:** complete
 
-**Key Findings:**
-- 23 controllers available in @repo/sdk
-- 19 screens total (15 need API, 4 static)
-- Only 1 Zustand store (categories)
-- 15 custom hooks already exist
-- Some screens have partial integration
+### Phase 2: 创建测试文件（TDD - 先写测试）
+- [x] 创建 `tests/hooks/use-template-generation-actions.test.ts`
+- [x] 编写单个删除成功场景测试
+- [x] 编写单个删除失败场景测试
+- [x] 编写批量删除成功场景测试（可选）
+- [x] Mock SDK 控制器
+- **Status:** complete
 
-### Phase 2: Enhance Existing Hooks [completed]
-- [x] Review existing hooks (use-templates, use-template-detail, etc.)
-- [x] Add missing loading states where needed
-- [x] Add refresh functionality to hooks
-- [x] Ensure pagination is properly implemented
-- [x] Add error retry mechanisms
+### Phase 3: 实现 Hook（TDD - 后写实现）
+- [x] 创建 `hooks/use-template-generation-actions.ts`
+- [x] 实现 `useDeleteGeneration` hook
+- [x] 实现 `useBatchDeleteGenerations` hook（可选）
+- [x] 导出 hooks
+- **Status:** complete
 
-### Phase 3: Create Missing Hooks [pending]
-- [x] ~~Video list hook~~ - 不需要，video.tsx已使用useTemplates
-- [ ] ⚠️ Messages/chat hook - SDK无消息列表接口，需要与后端确认或定制开发
-- [ ] ⚠️ User profile hook - 需要确认SDK中是否有用户信息接口
-- [ ] Works list hook enhancements (for worksList.tsx)
-- [ ] 审查其他页面是否需要新的hooks
+### Phase 4: 更新页面组件
+- [x] 更新 `hooks/index.ts` 导出新 hooks
+- [x] 修改 `app/generationRecord.tsx` 集成删除功能
+- [x] 添加删除确认对话框
+- [x] 添加删除成功后刷新列表
+- [x] 添加删除失败错误提示
+- [x] 添加删除中加载状态
+- **Status:** complete
 
-### Phase 4: UI Integration - Tab Screens [completed]
-- [x] Home tab: Add refresh, loading states
-- [x] Video tab: Add pagination, loading, refresh
-- [ ] ⚠️ Message tab: SDK无消息列表接口，需要后端支持
-- [ ] ⚠️ My Profile tab: 需要确认SDK中是否有用户信息接口
+### Phase 5: 测试验证
+- [ ] 运行单元测试 `npm test -- use-template-generation-actions`
+- [ ] 检查测试覆盖率 > 80%
+- [ ] 运行 ESLint 检查
+- [ ] 手动测试删除功能
+- **Status:** in_progress
 
-### Phase 5: UI Integration - Main Screens [completed]
-- [x] Generation Record: Add pagination, refresh
-- [x] Works List: Add pagination, refresh (带TODO标注)
-- [x] Search screens: Add debounce, pagination, loading
-- [ ] Template Detail: Add loading states (已有基本loading，可选增强)
-- [ ] Generate Video: Add progress tracking (可选增强)
+### Phase 6: 交付
+- [ ] 确认所有功能正常工作
+- [ ] 生成最终报告
+- **Status:** pending
 
-### Phase 6: Global UI Components [completed]
-- [x] Create reusable RefreshControl component
-- [x] Create reusable LoadingState component
-- [x] Create reusable ErrorState component with retry
-- [x] Create reusable PaginationLoader component
+## Key Questions
+1. 如何使用 `@tanstack/react-query` 的 `useMutation`? - 已确认项目未使用，将使用自定义实现
+2. SDK 控制器的 delete 和 batchDelete 接口是什么？ - 已确认：需要 `{ id: string }` 和 `{ ids: string[] }`
+3. 如何正确处理错误和加载状态？ - 使用现有的 `handleError` 模式
+4. 测试框架是什么？ - Jest + @testing-library/react-native
 
-### Phase 7: Testing & Validation [pending]
-- [ ] Test all API integrations
-- [ ] Verify loading states
-- [ ] Test refresh functionality
-- [ ] Validate pagination behavior
-- [ ] Test error handling and retry
-
-## Decisions Log
-| Decision | Rationale | Date |
-|----------|-----------|------|
-| - | - | - |
+## Decisions Made
+| Decision | Rationale |
+|----------|-----------|
+| 不使用 @tanstack/react-query | 项目未安装此依赖，使用现有自定义 hooks 模式 |
+| 遵循现有代码风格 | 保持与 `use-template-actions.ts` 一致的实现方式 |
+| 先实现单个删除 | 主要需求，批量删除可选 |
+| 使用现有的 DeleteConfirmDialog | 页面已集成，无需额外组件 |
 
 ## Errors Encountered
 | Error | Attempt | Resolution |
 |-------|---------|------------|
-| - | - | - |
+| | 1 | |
 
-## Files Modified
-- (To be populated as work progresses)
+## Notes
+- 严格遵循 TDD：先写测试，后写实现
+- 使用 test-driven-development skill
+- 每个子任务使用 subagent 完成
+- 根据 subagent 汇报更新 plan 文件
+
+## 文件结构
+```
+hooks/
+  use-template-generation-actions.ts  (新建)
+  index.ts  (修改)
+tests/hooks/
+  use-template-generation-actions.test.ts  (新建)
+app/generationRecord.tsx  (修改)
+```