0.12.0 Begin neu Architecture

frontend/src/pages/HistoryPage.jsx

@@ -10,6 +10,8 @@ import { Toast } from 'primereact/toast';
 import { Dialog } from 'primereact/dialog';
 import { api } from '../api/client';
 import JobDetailDialog from '../components/JobDetailDialog';
+import MetadataSelectionDialog from '../components/MetadataSelectionDialog';
+import CdMetadataDialog from '../components/CdMetadataDialog';
 import blurayIndicatorIcon from '../assets/media-bluray.svg';
 import discIndicatorIcon from '../assets/media-disc.svg';
 import otherIndicatorIcon from '../assets/media-other.svg';
@@ -371,6 +373,12 @@ export default function HistoryPage({ refreshToken = 0 }) {
   const [deleteEntryPreviewLoading, setDeleteEntryPreviewLoading] = useState(false);
   const [deleteEntryTargetBusy, setDeleteEntryTargetBusy] = useState(null);
   const [downloadBusyTarget, setDownloadBusyTarget] = useState(null);
+  const [metadataDialogVisible, setMetadataDialogVisible] = useState(false);
+  const [metadataDialogContext, setMetadataDialogContext] = useState(null);
+  const [omdbAssignBusy, setOmdbAssignBusy] = useState(false);
+  const [cdMetadataDialogVisible, setCdMetadataDialogVisible] = useState(false);
+  const [cdMetadataDialogContext, setCdMetadataDialogContext] = useState(null);
+  const [cdMetadataAssignBusy, setCdMetadataAssignBusy] = useState(false);
   const [loading, setLoading] = useState(false);
   const [queuedJobIds, setQueuedJobIds] = useState([]);
   const toastRef = useRef(null);
@@ -735,6 +743,104 @@ export default function HistoryPage({ refreshToken = 0 }) {
     }
   };
 
+  const handleAssignOmdb = (row) => {
+    const jobId = Number(row?.id || 0);
+    if (!jobId) return;
+    const context = {
+      jobId,
+      detectedTitle: row?.detected_title || row?.title || '',
+      selectedMetadata: {
+        title: row?.title || row?.detected_title || '',
+        year: row?.year || null,
+        imdbId: row?.imdb_id || null,
+        poster: row?.poster_url || null
+      },
+      omdbCandidates: []
+    };
+    setMetadataDialogContext(context);
+    setMetadataDialogVisible(true);
+  };
+
+  const handleOmdbSearch = async (query) => {
+    try {
+      const response = await api.searchOmdb(query);
+      return response.results || [];
+    } catch (error) {
+      toastRef.current?.show({ severity: 'error', summary: 'OMDB-Suche fehlgeschlagen', detail: error.message });
+      return [];
+    }
+  };
+
+  const handleOmdbSubmit = async (payload) => {
+    setOmdbAssignBusy(true);
+    try {
+      await api.assignJobOmdb(payload.jobId, payload);
+      toastRef.current?.show({ severity: 'success', summary: 'Metadaten zugewiesen', detail: 'OMDB-Metadaten wurden aktualisiert.', life: 3000 });
+      setMetadataDialogVisible(false);
+      setMetadataDialogContext(null);
+      await load();
+      await refreshDetailIfOpen(payload.jobId);
+    } catch (error) {
+      toastRef.current?.show({ severity: 'error', summary: 'OMDB-Zuweisung fehlgeschlagen', detail: error.message });
+    } finally {
+      setOmdbAssignBusy(false);
+    }
+  };
+
+  const handleAssignCdMetadata = (row) => {
+    const jobId = Number(row?.id || 0);
+    if (!jobId) return;
+    const makemkvInfo = row?.makemkvInfo && typeof row.makemkvInfo === 'object' ? row.makemkvInfo : {};
+    const encodePlan = row?.encodePlan && typeof row.encodePlan === 'object' ? row.encodePlan : {};
+    const tracks = Array.isArray(makemkvInfo?.tracks) && makemkvInfo.tracks.length > 0
+      ? makemkvInfo.tracks
+      : (Array.isArray(encodePlan?.tracks) ? encodePlan.tracks : []);
+    const context = {
+      jobId,
+      detectedTitle: row?.detected_title || row?.title || '',
+      tracks,
+      selectedMetadata: makemkvInfo?.selectedMetadata || {}
+    };
+    setCdMetadataDialogContext(context);
+    setCdMetadataDialogVisible(true);
+  };
+
+  const handleMusicBrainzSearch = async (query) => {
+    try {
+      const response = await api.searchMusicBrainz(query);
+      return response.results || [];
+    } catch (error) {
+      toastRef.current?.show({ severity: 'error', summary: 'MusicBrainz-Suche fehlgeschlagen', detail: error.message });
+      return [];
+    }
+  };
+
+  const handleMusicBrainzReleaseFetch = async (mbId) => {
+    try {
+      const response = await api.getMusicBrainzRelease(mbId);
+      return response?.release || null;
+    } catch (error) {
+      toastRef.current?.show({ severity: 'error', summary: 'MusicBrainz-Abruf fehlgeschlagen', detail: error.message });
+      return null;
+    }
+  };
+
+  const handleCdMetadataSubmit = async (payload) => {
+    setCdMetadataAssignBusy(true);
+    try {
+      await api.assignJobCdMetadata(payload.jobId, payload);
+      toastRef.current?.show({ severity: 'success', summary: 'Metadaten zugewiesen', detail: 'MusicBrainz-Metadaten wurden aktualisiert.', life: 3000 });
+      setCdMetadataDialogVisible(false);
+      setCdMetadataDialogContext(null);
+      await load();
+      await refreshDetailIfOpen(payload.jobId);
+    } catch (error) {
+      toastRef.current?.show({ severity: 'error', summary: 'Metadaten-Zuweisung fehlgeschlagen', detail: error.message });
+    } finally {
+      setCdMetadataAssignBusy(false);
+    }
+  };
+
   const closeDeleteEntryDialog = () => {
     if (deleteEntryTargetBusy) {
       return;
@@ -1177,12 +1283,16 @@ export default function HistoryPage({ refreshToken = 0 }) {
         onRestartReview={handleRestartReview}
         onReencode={handleReencode}
         onRetry={handleRetry}
+        onAssignOmdb={handleAssignOmdb}
+        onAssignCdMetadata={handleAssignCdMetadata}
         onDeleteFiles={handleDeleteFiles}
         onDeleteEntry={handleDeleteEntry}
         onDownloadArchive={handleDownloadArchive}
         onRemoveFromQueue={handleRemoveFromQueue}
         isQueued={Boolean(selectedJob?.id && queuedJobIdSet.has(normalizeJobId(selectedJob.id)))}
         actionBusy={actionBusy}
+        omdbAssignBusy={omdbAssignBusy}
+        cdMetadataAssignBusy={cdMetadataAssignBusy}
         reencodeBusy={reencodeBusyJobId === selectedJob?.id}
         deleteEntryBusy={deleteEntryBusy}
         downloadBusyTarget={downloadBusyTarget}
@@ -1324,6 +1434,31 @@ export default function HistoryPage({ refreshToken = 0 }) {
           />
         </div>
       </Dialog>
+
+      <MetadataSelectionDialog
+        visible={metadataDialogVisible}
+        context={metadataDialogContext || {}}
+        onHide={() => {
+          setMetadataDialogVisible(false);
+          setMetadataDialogContext(null);
+        }}
+        onSubmit={handleOmdbSubmit}
+        onSearch={handleOmdbSearch}
+        busy={omdbAssignBusy}
+      />
+
+      <CdMetadataDialog
+        visible={cdMetadataDialogVisible}
+        context={cdMetadataDialogContext || {}}
+        onHide={() => {
+          setCdMetadataDialogVisible(false);
+          setCdMetadataDialogContext(null);
+        }}
+        onSubmit={handleCdMetadataSubmit}
+        onSearch={handleMusicBrainzSearch}
+        onFetchRelease={handleMusicBrainzReleaseFetch}
+        busy={cdMetadataAssignBusy}
+      />
     </div>
   );
 }