Enhance movie import process and metadata handling

Refactored the movie import functionality to ensure that the title from the source is used for the show name, while the file name is retained as the original title. Improved the handling of metadata during the import process, allowing for better integration of original titles from various sources. Updated related classes and methods to streamline the import workflow and enhance user experience. Added tests to verify the correct assignment of titles and original names during the import process. Updated documentation to reflect these changes.

frontend/src/features/admin/media/MediaPanel.tsx

@@ -1,7 +1,7 @@
 import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query'
 import { useEffect, useRef, useState } from 'react'
 import { useTranslation } from 'react-i18next'
-import { Clapperboard, FolderInput, ListPlus, Upload } from 'lucide-react'
+import { FolderInput, Upload } from 'lucide-react'
 import { qk } from '@/shared/api/query-keys'
 import type { MediaAssetDto, MediaAssetStatus } from '@/shared/api/types'
 import { useApiError } from '@/shared/lib/use-api-error'
@@ -14,9 +14,7 @@ import { useTableSort } from '@/shared/lib/table-sort'
 import { SortHeader } from '@/shared/ui/sortable'
 import { deleteMedia, getMediaStats, listMedia } from './api'
 import { formatDuration, splitEta } from './format'
-import { ManualInboxDialog } from './ManualInboxDialog'
-import { MovieImportDialog } from './MovieImportDialog'
-import { UploadToShowDialog } from './UploadToShowDialog'
+import { MediaImportDialog } from './MediaImportDialog'
 import { useUploadStore } from './upload-store'
 
 const PAGE_SIZE = 20
@@ -47,9 +45,9 @@ export function MediaPanel() {
   const [filter, setFilter] = useState<MediaFilter>('active')
   const [page, setPage] = useState(1)
   const { sort, toggle } = useTableSort('created', true)
+  // Файлы, выбранные для загрузки в шоу: с ними окно импорта открывается сразу на нужной вкладке.
   const [filesForShow, setFilesForShow] = useState<File[] | null>(null)
-  const [manualOpen, setManualOpen] = useState(false)
-  const [moviesOpen, setMoviesOpen] = useState(false)
+  const [importOpen, setImportOpen] = useState(false)
   const enqueue = useUploadStore((s) => s.enqueue)
 
   const sortColumn = (key: string) => {
@@ -180,21 +178,16 @@ export function MediaPanel() {
             className="hidden"
             onChange={(e) => {
               const files = e.target.files
-              if (files && files.length > 0) setFilesForShow(Array.from(files))
+              if (files && files.length > 0) {
+                setFilesForShow(Array.from(files))
+                setImportOpen(true)
+              }
               e.target.value = ''
             }}
           />
-          <Button size="sm" variant="outline" onClick={() => setMoviesOpen(true)}>
-            <Clapperboard className="h-4 w-4" />
-            {t('admin.media.moviesButton')}
-          </Button>
-          <Button size="sm" variant="outline" onClick={() => setManualOpen(true)}>
+          <Button size="sm" variant="outline" onClick={() => setImportOpen(true)}>
             <FolderInput className="h-4 w-4" />
-            {t('admin.media.manualButton')}
-          </Button>
-          <Button size="sm" variant="outline" onClick={() => fileInputShow.current?.click()}>
-            <ListPlus className="h-4 w-4" />
-            {t('admin.media.uploadToShow')}
+            {t('admin.media.importButton')}
           </Button>
           <Button size="sm" onClick={() => fileInput.current?.click()}>
             <Upload className="h-4 w-4" />
@@ -203,13 +196,16 @@ export function MediaPanel() {
         </div>
       </div>
 
-      {filesForShow && (
-        <UploadToShowDialog files={filesForShow} onClose={() => setFilesForShow(null)} />
+      {importOpen && (
+        <MediaImportDialog
+          files={filesForShow}
+          onClose={() => {
+            setImportOpen(false)
+            setFilesForShow(null)
+          }}
+        />
       )}
 
-      {manualOpen && <ManualInboxDialog onClose={() => setManualOpen(false)} />}
-      {moviesOpen && <MovieImportDialog onClose={() => setMoviesOpen(false)} />}
-
       <div className="crt-panel overflow-x-auto rounded-md">
         <table className="w-full text-sm">
           <thead className="border-b border-border text-left text-muted-foreground">