GitLab

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

修复的问题：

1. **搜索和筛选防抖不同步**（AccountsView.vue）
   - 问题：筛选器使用 reload（立即），搜索使用 debouncedReload（300ms延迟）
   - 修复：统一使用 debouncedReload，避免多余的API调用

2. **useTableLoader 竞态条件**（useTableLoader.ts）
   - 问题：finally 块检查 signal.aborted 而不是 controller 实例
   - 修复：检查 abortController === currentController

3. **改进错误处理**（UsersView.vue）
   - 添加详细错误消息：error.response?.data?.detail || error.message
   - 用户可以看到具体的错误原因而不是通用消息

4. **分页边界检查**（useTableLoader.ts, UsersView.vue）
   - 添加页码有效性检查：Math.max(1, Math.min(page, pagination.pages || 1))
   - 防止分页越界导致显示空表

影响范围：
- frontend/src/composables/useTableLoader.ts
- frontend/src/views/admin/AccountsView.vue
- frontend/src/views/admin/UsersView.vue

测试：✓ 前端构建测试通过

- Standardized table loading logic with enhanced useTableLoader.
- Unified form submission patterns via new useForm composable.
- Extracted common UI components: SearchInput and StatusBadge.
- Centralized common interface definitions in types/index.ts.
- Achieved TypeScript zero-error status across refactored files.
- Greatly improved code reusability and maintainability.

- Split UsersView.vue into UserCreateModal, UserEditModal, UserApiKeysModal, etc.
- Split UsageView.vue into UsageStatsCards, UsageFilters, UsageTable, etc.
- Split DashboardView.vue into UserDashboardStats, UserDashboardCharts, etc.
- Split AccountsView.vue into AccountTableActions, AccountTableFilters, etc.
- Standardized TypeScript types across new components to resolve implicit 'any' and 'never[]' errors.
- Improved overall frontend maintainability and code clarity.