feat(browser): добавлена кнопка "Очистить всё" для медиафайлов

Изменения:
- Добавлена кнопка "Clear All" на вкладке Media
- Диалог подтверждения с количеством файлов
- Обработчик handleClearAllMedia для удаления всех медиафайлов
- Переводы в en.json и ru.json для clearAll и clearAllConfirm
- Обновлены типы media-management для removeMultipleMedia

Дополнительные изменения:
- Исправлены тесты AI Director (PascalCase mode values)
- Улучшен mock AIDirectorService с полным AIDirectorConfig
- Добавлены stream URL функции в video preview компонентах

🤖 Generated with [Claude Code](https://claude.com/claude-code)

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

Author: chatman-media

src/adapters/tauri/ai.ts

@@ -556,9 +556,11 @@ export class TauriAIService implements IAIService {
     return invoke("ai_director_get_capabilities")
   }
 
-  async aiDirectorGetDefaultConfig(mode: "fast" | "balanced" | "quality" | "custom"): Promise<AIDirectorConfig> {
+  async aiDirectorGetDefaultConfig(mode: "Fast" | "Balanced" | "Quality" | "Custom"): Promise<AIDirectorConfig> {
     logger.debugSync("Getting default config", { mode })
-    return invoke("ai_director_get_default_config", { mode })
+    // Конвертируем в lowercase для Rust команды (если нужно)
+    const rustMode = mode.toLowerCase() as "fast" | "balanced" | "quality" | "custom"
+    return invoke("ai_director_get_default_config", { mode: rustMode })
   }
 
   async aiDirectorValidateConfig(config: AIDirectorConfig): Promise<ConfigValidationResult> {
@@ -581,7 +583,7 @@ export class TauriAIService implements IAIService {
       enable_ffmpeg_analysis?: boolean
       enable_montage_analysis?: boolean
       enable_transcription?: boolean
-      performance_mode?: "fast" | "balanced" | "quality"
+      performance_mode?: "Fast" | "Balanced" | "Quality"
     },
   ): Promise<unknown> {
     logger.infoSync("Running unified audio comprehensive analysis", { videoPath })
@@ -591,7 +593,7 @@ export class TauriAIService implements IAIService {
         enable_ffmpeg_analysis: config?.enable_ffmpeg_analysis ?? true,
         enable_montage_analysis: config?.enable_montage_analysis ?? true,
         enable_transcription: config?.enable_transcription ?? false,
-        performance_mode: config?.performance_mode ?? "balanced",
+        performance_mode: config?.performance_mode ?? "Balanced",
       },
     })
   }
@@ -603,12 +605,12 @@ export class TauriAIService implements IAIService {
 
   async unifiedAudioAnalyzeBatch(
     filePaths: string[],
-    config?: { performance_mode?: "fast" | "balanced" | "quality" },
+    config?: { performance_mode?: "Fast" | "Balanced" | "Quality" },
   ): Promise<unknown[]> {
     logger.infoSync("Running unified audio batch analysis", { fileCount: filePaths.length })
     return invoke("unified_audio_analyze_batch", {
       filePaths,
-      config: { performance_mode: config?.performance_mode ?? "fast" },
+      config: { performance_mode: config?.performance_mode ?? "Fast" },
     })
   }
 

src/domains/ai-director/tauri/__tests__/ai-director-commands.test.ts

@@ -334,7 +334,7 @@ describe("AI Director Tauri Commands", () => {
         enable_object_detection: true,
         enable_face_recognition: true,
         enable_transcription: true,
-        max_memory_mb: 100, // Very low
+        max_parallel_files: 100, // Very low
       }
 
       const mockValidation: ConfigValidationResult = {

src/domains/ai-services/__mocks__/ai-director-service.ts

@@ -88,15 +88,40 @@ export const mockSystemStatus: SystemStatus = {
 }
 
 export const mockAIDirectorConfig: AIDirectorConfig = {
-  performance_mode: "Balanced", // PascalCase
+  performance_mode: "Balanced",
   enable_audio_analysis: true,
   enable_scene_detection: true,
   enable_video_analysis: true,
+  enable_vision_analysis: true,
+  enable_face_detection: false,
+  enable_face_analysis: false,
   enable_object_detection: false,
-  enable_face_recognition: false,
-  enable_transcription: true,
-  timeout_seconds: 60,
-  max_memory_mb: 1024,
+  enable_object_analysis: false,
+  enable_emotion_analysis: false,
+  enable_moment_detection: true,
+  enable_content_classification: true,
+  enable_composition_analysis: false,
+  enable_mood_analysis: false,
+  enable_quality_analysis: true,
+  max_processing_time: 60,
+  quality_threshold: 50,
+  max_key_moments: 50,
+  enable_caching: true,
+  generate_editing_recommendations: false,
+  enable_mcp_agents: false,
+  ai_provider: null,
+  ai_model: null,
+  ai_api_key: null,
+  enable_ai_enhanced_analysis: false,
+  enable_ai_descriptions: false,
+  enable_ai_mood_analysis: false,
+  enable_vision_language_model: false,
+  vlm_model: null,
+  vlm_num_frames: 5,
+  vlm_temperature: 0.7,
+  vlm_max_tokens: 500,
+  enable_parallel_processing: false,
+  max_parallel_files: null,
 }
 
 export const aiDirectorService = {

src/domains/ai-services/machines/__tests__/ai-intelligence-machine.test.ts

@@ -110,7 +110,7 @@ describe("AI Intelligence Machine", () => {
       const config: Partial<AIDirectorConfig> = {
         enable_audio_analysis: true,
         enable_scene_detection: true,
-        timeout_seconds: 120,
+        max_processing_time: 120,
       }
 
       actor.send({

src/domains/ai-services/services/__tests__/unified-orchestrator.test.ts

@@ -314,7 +314,7 @@ describe("UnifiedOrchestrator", () => {
         enable_audio_analysis: true,
         enable_scene_detection: false,
         enable_video_analysis: true,
-        timeout_seconds: 30,
+        max_processing_time: 30,
       }
 
       await orchestrator.analyzeComprehensive("/test/video.mp4", {

src/domains/media-management/index.ts

@@ -118,9 +118,9 @@ export type {
   BrowserVideoMetadata,
   FileOperationsContext,
   FileOperationsEvent,
+  FileStatus,
   // Core media types
   FileGroup,
-  FfprobeChapter,
   FfprobeData,
   FfprobeFormat,
   FfprobeStream,
@@ -139,15 +139,13 @@ export type {
   MediaManagementService,
   MediaMetadata,
   MediaPool,
-  MediaPoolFilter,
   MediaPoolItem,
-  MediaPoolSort,
-  MediaPoolView,
   MediaPreviewData,
-  PreviewGenerationOptions,
+  MediaTrack,
+  MusicMetadata,
   QualityMetrics,
+  RecognitionResults,
   SavedMediaFile,
-  SavedMediaMetadata,
   SavedMusicFile,
   SceneDetectionResult,
   ThumbnailData,

src/domains/media-management/types/index.ts

@@ -12,6 +12,7 @@
 export type {
   FileGroup,
   MediaFile,
+  MediaTrack,
   VideoSegment,
 } from "./media"
 export { MediaType } from "./media"

src/features/browser/components/browser-content.tsx

@@ -1,10 +1,24 @@
 import { memo, useCallback, useEffect, useState } from "react"
+import { useTranslation } from "react-i18next"
 
 import { useBrowserState } from "@/domains/browser"
 import { useMediaManagement } from "@/domains/media-management"
 import { useMusicImport } from "@/features/browser/hooks/use-music-import"
 import { DeveloperToolsButton, DeveloperToolsModal } from "@/features/developer-tools"
 import { useMediaImport } from "@/domains/media-management"
+import { Trash2 } from "lucide-react"
+import {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+  AlertDialogTrigger,
+} from "@/components/ui/alert-dialog"
+import { Button } from "@/components/ui/button"
 
 import { BrowserLoadingIndicator } from "./browser-loading-indicator"
 import { BrowserToolbarWrapper } from "./browser-toolbar-wrapper"
@@ -28,6 +42,8 @@ TabContentContainer.displayName = "TabContentContainer"
  * Поддерживает все типы контента через единую архитектуру
  */
 export const BrowserContent = memo(() => {
+  const { t } = useTranslation()
+
   // Developer Tools модалка
   const [showDeveloperTools, setShowDeveloperTools] = useState(false)
 
@@ -76,6 +92,15 @@ export const BrowserContent = memo(() => {
     isImporting: isImportingMusic,
   } = useMusicImport()
 
+  // Обработчик очистки всех медиафайлов
+  const handleClearAllMedia = useCallback(async () => {
+    if (mediaPool.size === 0) return
+
+    const allMediaIds = Array.from(mediaPool.keys())
+    await removeMultipleMedia(allMediaIds)
+    await deselectAllFiles()
+  }, [mediaPool, removeMultipleMedia, deselectAllFiles])
+
   // Keyboard shortcuts для Browser
   useEffect(() => {
     const handleKeyDown = (event: KeyboardEvent) => {
@@ -140,9 +165,32 @@ export const BrowserContent = memo(() => {
     setPreviewSize(previewSizeIndex - 1)
   }, [previewSizeIndex, setPreviewSize])
 
-  // Дополнительные кнопки для вкладки Effects
+  // Дополнительные кнопки для разных вкладок
   const extraButtons =
-    activeTab === "effects" ? <DeveloperToolsButton onClick={() => setShowDeveloperTools(true)} /> : undefined
+    activeTab === "effects" ? (
+      <DeveloperToolsButton onClick={() => setShowDeveloperTools(true)} />
+    ) : activeTab === "media" && mediaPool.size > 0 ? (
+      <AlertDialog>
+        <AlertDialogTrigger asChild>
+          <Button variant="ghost" size="sm" className="h-8 gap-2">
+            <Trash2 className="h-4 w-4" />
+            {t("browser.clearAll")}
+          </Button>
+        </AlertDialogTrigger>
+        <AlertDialogContent>
+          <AlertDialogHeader>
+            <AlertDialogTitle>{t("browser.clearAllConfirm.title")}</AlertDialogTitle>
+            <AlertDialogDescription>
+              {t("browser.clearAllConfirm.description")} ({mediaPool.size} {t("common.files", { count: mediaPool.size })})
+            </AlertDialogDescription>
+          </AlertDialogHeader>
+          <AlertDialogFooter>
+            <AlertDialogCancel>{t("browser.clearAllConfirm.cancel")}</AlertDialogCancel>
+            <AlertDialogAction onClick={handleClearAllMedia}>{t("browser.clearAllConfirm.confirm")}</AlertDialogAction>
+          </AlertDialogFooter>
+        </AlertDialogContent>
+      </AlertDialog>
+    ) : undefined
 
   return (
     <>

src/features/browser/components/preview/media-preview.tsx

@@ -50,18 +50,21 @@ export function MediaPreview({
     return (
       <div
         className={cn(
-          "flex items-center justify-center bg-gray-100 dark:bg-gray-800",
+          "relative flex items-center justify-center bg-gradient-to-br from-gray-900 to-black",
           ignoreRatio ? "w-full h-full" : "aspect-video",
         )}
         style={{
           width: ignoreRatio ? "100%" : `${((size * dimensions[0]) / dimensions[1]).toFixed(0)}px`,
           height: ignoreRatio ? "100%" : `${size}px`,
         }}
       >
-        <div className="flex flex-col items-center justify-center gap-2">
-          <Loader2 className="h-8 w-8 animate-spin text-gray-400" />
-          <div className="text-xs text-gray-500 dark:text-gray-400">
-            {showFileName ? file.name : "Загрузка метаданных..."}
+        <div className="flex flex-col items-center justify-center gap-3 px-4 text-center">
+          <Loader2 className="h-10 w-10 animate-spin text-blue-400" />
+          <div className="flex flex-col gap-1">
+            <div className="truncate text-sm font-medium text-white/90" style={{ maxWidth: "200px" }}>
+              {file.name}
+            </div>
+            <div className="text-xs text-white/60 animate-pulse">Загрузка метаданных...</div>
           </div>
         </div>
       </div>

src/features/browser/components/preview/video-placeholder.tsx

@@ -189,17 +189,19 @@ export const VideoPlaceholder = memo(
             onKeyDown={handleKeyDown}
           />
 
-          {/* Показываем имя файла если видео ещё не загружено и нет превью */}
-          {!isLoaded && !previewData && !file.thumbnailPath && (
-            <div className="absolute inset-0 flex flex-col items-center justify-center bg-linear-to-b from-black/40 to-black/60 text-center">
-              <div className="truncate px-2 text-xs text-white/80" style={{ maxWidth: "90%" }}>
+          {/* Показываем имя файла и статус загрузки - всегда когда не полностью загружено */}
+          {(!isLoaded || !previewData || file.isLoadingMetadata) && (
+            <div className="absolute inset-0 flex flex-col items-center justify-center bg-gradient-to-b from-black/50 to-black/70 text-center">
+              <div className="truncate px-2 text-sm text-white/90 font-medium" style={{ maxWidth: "90%" }}>
                 {file.name}
               </div>
               {hasError ? (
-                <div className="mt-1 text-[10px] text-yellow-400/80">Ожидаем превью...</div>
-              ) : (
-                <div className="mt-1 text-[10px] text-white/50">Загрузка...</div>
-              )}
+                <div className="mt-2 text-xs text-yellow-400/90">Ожидаем превью...</div>
+              ) : file.isLoadingMetadata || (!previewData && !file.thumbnailPath) ? (
+                <div className="mt-2 text-xs text-white/70 animate-pulse">Загрузка метаданных...</div>
+              ) : !isLoaded ? (
+                <div className="mt-2 text-xs text-white/70 animate-pulse">Загрузка видео...</div>
+              ) : null}
             </div>
           )}