fix: image

apps/desktop/src/App.tsx

@@ -16,7 +16,7 @@ import DebugPanelTool from './pages/tools/DebugPanelTool';
 import ChatTool from './pages/tools/ChatTool';
 import ChatTestPage from './pages/tools/ChatTestPage';
 import WatermarkTool from './pages/tools/WatermarkTool';
-import BatchThumbnailGenerator from './pages/tools/BatchThumbnailGenerator';
+// import BatchThumbnailGenerator from './pages/tools/BatchThumbnailGenerator';
 
 import Navigation from './components/Navigation';
 import { NotificationSystem, useNotifications } from './components/NotificationSystem';
@@ -102,7 +102,7 @@ function App() {
               <Route path="/tools/ai-chat" element={<ChatTool />} />
               <Route path="/tools/chat-test" element={<ChatTestPage />} />
               <Route path="/tools/watermark" element={<WatermarkTool />} />
-              <Route path="/tools/batch-thumbnail-generator" element={<BatchThumbnailGenerator />} />
+              {/* <Route path="/tools/batch-thumbnail-generator" element={<BatchThumbnailGenerator />} /> */}
             </Routes>
           </div>
         </main>

apps/desktop/src/components/WatermarkToolDialog.tsx

@@ -3,7 +3,7 @@ import { X, Droplets, Search, Plus, Upload, Trash2, Pause } from 'lucide-react';
 import { invoke } from '@tauri-apps/api/core';
 import { open } from '@tauri-apps/plugin-dialog';
 import { Material } from '../types/material';
-import { WatermarkTemplate, WatermarkConfig, WatermarkDetectionConfig, WatermarkRemovalConfig, BatchWatermarkTask, WatermarkDetectionResult, WatermarkProcessingResult } from '../types/watermark';
+import { WatermarkTemplate, WatermarkConfig, WatermarkDetectionConfig, WatermarkRemovalConfig, BatchWatermarkTask, WatermarkDetectionResult, WatermarkProcessingResult, DetectionMethod } from '../types/watermark';
 import { CustomSelect } from './CustomSelect';
 import { LoadingSpinner } from './LoadingSpinner';
 import { DeleteConfirmDialog } from './DeleteConfirmDialog';
@@ -427,12 +427,12 @@ export const WatermarkToolDialog: React.FC<WatermarkToolDialogProps> = ({
                     <label key={method} className="flex items-center space-x-2">
                       <input
                         type="checkbox"
-                        checked={detectionConfig.methods.includes(method)}
+                        checked={detectionConfig.methods.includes(method as DetectionMethod)}
                         onChange={(e) => {
                           if (e.target.checked) {
                             setDetectionConfig({
                               ...detectionConfig,
-                              methods: [...detectionConfig.methods, method]
+                              methods: [...detectionConfig.methods, method as DetectionMethod]
                             });
                           } else {
                             setDetectionConfig({
@@ -613,7 +613,7 @@ export const WatermarkToolDialog: React.FC<WatermarkToolDialogProps> = ({
                     位置
                   </label>
                   <CustomSelect
-                    value={additionConfig.position}
+                    value={typeof additionConfig.position === 'string' ? additionConfig.position : 'Custom'}
                     onChange={(value) => setAdditionConfig({
                       ...additionConfig,
                       position: value as any

apps/desktop/src/components/thumbnail/BatchProgress.tsx

@@ -15,7 +15,6 @@ import {
   TaskStatus,
   TASK_STATUS_LABELS,
   TASK_STATUS_COLORS,
-  formatDuration,
   formatFileSize,
   formatProcessingSpeed
 } from '../../types/thumbnail';

apps/desktop/src/components/thumbnail/TaskList.tsx

@@ -7,15 +7,13 @@ import {
   Clock,
   CheckCircle,
   AlertCircle,
-  FileVideo,
-  MoreHorizontal
+  FileVideo
 } from 'lucide-react';
 import {
   BatchThumbnailTask,
   TaskStatus,
   TASK_STATUS_LABELS,
-  TASK_STATUS_COLORS,
-  formatDuration
+  TASK_STATUS_COLORS
 } from '../../types/thumbnail';
 
 interface TaskListProps {

apps/desktop/src/components/thumbnail/TimelineConfigPanel.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Grid, Palette, Ruler } from 'lucide-react';
+import { Grid, Palette } from 'lucide-react';
 import { TimelineConfig, TimelineLayout } from '../../types/thumbnail';
 import { CustomSelect } from '../CustomSelect';
 

apps/desktop/src/data/tools.ts

@@ -6,7 +6,7 @@ import {
   Database,
   FileSearch,
   MessageCircle,
-  Droplets,
+  Droplets
   Image
 } from 'lucide-react';
 import { Tool, ToolCategory, ToolStatus } from '../types/tool';