+```
+
+---
+
+## API 端點
+
+所有 API 呼叫都通過 composable 處理，使用 proxy 到 `http://localhost:8888/api/v1/...`
+
+**實際端點**：
+1. `GET /api/v1/file/{uuid}/faces` - 獲取臉部元數據
+2. `POST /api/v1/file/{uuid}/faces/filter` - 套用後端過濾
+3. `GET /api/v1/file/{uuid}/face/{faceId}/filter-report` - 獲取單臉報告
+4. `GET /api/v1/file/{uuid}/filter-stats` - 獲取統計
+5. `GET/POST /api/v1/file/{uuid}/filter-rules` - 規則 CRUD
+
+---
+
+## 資料結構
+
+### FaceMetadata
+
+```typescript
+interface FaceMetadata {
+ face_id: string;
+ frame: number;
+ primary_source: 'apple_vision' | 'mediapipe';
+ primary_confidence: number;
+ detection_sources: Array<{
+ source_type: string;
+ confidence: number;
+ }>;
+ filter_features: {
+ face_id: string;
+ frame: number;
+ bbox_size: number; // min(width, height)
+ apple_vision_confidence: number;
+ mediapipe_confidence?: number;
+ eye_ratio?: number;
+ nose_ratio?: number;
+ pose_score?: number;
+ mediapipe_detected?: boolean;
+ mediapipe_iou?: number;
+ embedding_similarity?: number;
+ consecutive_frames?: number;
+ total_frames_detected?: number;
+ backend_filter_status?: 'accept' | 'reject' | 'review';
+ };
+}
+```
+
+---
+
+## 過濾模式
+
+### Instant Mode
+- **效能**: 5-10ms
+- **邏輯**: Client 端即時過濾
+- **適用**: 快速調整規則
+
+### Backend Mode
+- **效能**: 100-200ms（API 呼叫）
+- **邏輯**: 後端複雜過濾（landmark, embedding, temporal）
+- **適用**: 高品質過濾
+
+### Hybrid Mode
+- **效能**: 5-10ms（前端）+ 後端預先計算
+- **邏輯**: 後端標示 + 前端即時過濾（AND）
+- **適用**: 最佳使用者體驗
+
+---
+
+## 使用者偏好
+
+偏好儲存在 `localStorage`：
+
+**Key**: `momentry_face_filter_preferences`
+
+**結構**:
+```json
+{
+ "mode": "instant",
+ "rules": {
+ "min_confidence": 0.5,
+ "min_bbox_size": 80,
+ "source": "all",
+ "backend_status": "accept"
+ }
+}
+```
+
+---
+
+## 效能優化
+
+### 分頁
+- `page_size ≤ 50`（防 hang）
+- 虛擬滾動（可選）
+
+### 快取
+- 臉部元數據快取在 composable
+- 偏好儲存在 localStorage
+
+### 懶載入
+- JPG 縮圖懶載入（未來擴展）
+- 當前使用純文字卡片
+
+---
+
+## 錯誤處理
+
+Composable 提供 error 狀態：
+
+```typescript
+if (error.value) {
+ console.error('Face filter error:', error.value);
+ // 顯示錯誤訊息給使用者
+}
+```
+
+---
+
+## 測試
+
+### 單元測試
+```typescript
+import { useFaceFilter } from '../composables/useFaceFilter';
+
+describe('useFaceFilter', () => {
+ it('should filter faces by confidence', () => {
+ const { updateRules, filteredFaces } = useFaceFilter();
+
+ // Setup test data
+ // ...
+
+ updateRules({ min_confidence: 0.7 });
+ expect(filteredFaces.value.length).toBeLessThan(allFaces.value.length);
+ });
+});
+```
+
+### 整合測試
+1. 選擇檔案
+2. 驗證臉部載入
+3. 調整過濾規則
+4. 驗證過濾結果
+5. 切換模式
+6. 驗證模式切換
+
+---
+
+## 未來擴展
+
+### 1. 縮圖支援
+當 Core 實作 `/face/{id}/thumbnail` 端點後：
+
+```vue
+