some pload

frontend/src/pages/DashboardPage.jsx

@@ -179,12 +179,27 @@ function getAnalyzeContext(job) {
 }
 
 function resolveMediaType(job) {
-  const raw = String(job?.mediaType || job?.media_type || '').trim().toLowerCase();
-  if (raw === 'bluray') {
-    return 'bluray';
-  }
-  if (raw === 'dvd' || raw === 'disc') {
-    return 'dvd';
+  const candidates = [
+    job?.mediaType,
+    job?.media_type,
+    job?.mediaProfile,
+    job?.media_profile,
+    job?.encodePlan?.mediaProfile,
+    job?.makemkvInfo?.analyzeContext?.mediaProfile,
+    job?.makemkvInfo?.mediaProfile,
+    job?.mediainfoInfo?.mediaProfile
+  ];
+  for (const candidate of candidates) {
+    const raw = String(candidate || '').trim().toLowerCase();
+    if (!raw) {
+      continue;
+    }
+    if (['bluray', 'blu-ray', 'blu_ray', 'bd', 'bdmv', 'bdrom', 'bd-rom', 'bd-r', 'bd-re'].includes(raw)) {
+      return 'bluray';
+    }
+    if (['dvd', 'disc', 'dvdvideo', 'dvd-video', 'dvdrom', 'dvd-rom', 'video_ts', 'iso9660'].includes(raw)) {
+      return 'dvd';
+    }
   }
   return 'other';
 }

frontend/src/pages/DatabasePage.jsx

@@ -21,12 +21,27 @@ import {
 } from '../utils/statusPresentation';
 
 function resolveMediaType(row) {
-  const raw = String(row?.mediaType || row?.media_type || '').trim().toLowerCase();
-  if (raw === 'bluray') {
-    return 'bluray';
-  }
-  if (raw === 'dvd' || raw === 'disc') {
-    return 'dvd';
+  const candidates = [
+    row?.mediaType,
+    row?.media_type,
+    row?.mediaProfile,
+    row?.media_profile,
+    row?.encodePlan?.mediaProfile,
+    row?.makemkvInfo?.analyzeContext?.mediaProfile,
+    row?.makemkvInfo?.mediaProfile,
+    row?.mediainfoInfo?.mediaProfile
+  ];
+  for (const candidate of candidates) {
+    const raw = String(candidate || '').trim().toLowerCase();
+    if (!raw) {
+      continue;
+    }
+    if (['bluray', 'blu-ray', 'blu_ray', 'bd', 'bdmv', 'bdrom', 'bd-rom', 'bd-r', 'bd-re'].includes(raw)) {
+      return 'bluray';
+    }
+    if (['dvd', 'disc', 'dvdvideo', 'dvd-video', 'dvdrom', 'dvd-rom', 'video_ts', 'iso9660'].includes(raw)) {
+      return 'dvd';
+    }
   }
   return 'other';
 }
@@ -666,7 +681,10 @@ export default function DatabasePage() {
         </div>
       </Card>
 
-      <Card title="RAW ohne Historie" subTitle="Ordner in raw_dir ohne zugehörigen Job können hier importiert werden">
+      <Card
+        title="RAW ohne Historie"
+        subTitle="Ordner in den konfigurierten RAW-Pfaden (raw_dir sowie raw_dir_{bluray,dvd,other}) ohne zugehörigen Job können hier importiert werden"
+      >
         <div className="table-filters">
           <Button
             label="RAW prüfen"

frontend/src/pages/HistoryPage.jsx

@@ -25,36 +25,39 @@ const MEDIA_FILTER_OPTIONS = [
   { label: 'Sonstiges', value: 'other' }
 ];
 
-const BASE_SORT_FIELD_OPTIONS = [
-  { label: 'Startzeit', value: 'start_time' },
-  { label: 'Endzeit', value: 'end_time' },
-  { label: 'Titel', value: 'title' },
-  { label: 'Medium', value: 'mediaType' }
+const SORT_OPTIONS = [
+  { label: 'Startzeit: Neu -> Alt', value: '!start_time' },
+  { label: 'Startzeit: Alt -> Neu', value: 'start_time' },
+  { label: 'Endzeit: Neu -> Alt', value: '!end_time' },
+  { label: 'Endzeit: Alt -> Neu', value: 'end_time' },
+  { label: 'Titel: A -> Z', value: 'sortTitle' },
+  { label: 'Titel: Z -> A', value: '!sortTitle' },
+  { label: 'Medium: A -> Z', value: 'sortMediaType' },
+  { label: 'Medium: Z -> A', value: '!sortMediaType' }
 ];
 
-const OPTIONAL_SORT_FIELD_OPTIONS = [
-  { label: 'Keine', value: '' },
-  ...BASE_SORT_FIELD_OPTIONS
-];
-
-const SORT_DIRECTION_OPTIONS = [
-  { label: 'Aufsteigend', value: 1 },
-  { label: 'Absteigend', value: -1 }
-];
-
-const MEDIA_SORT_RANK = {
-  bluray: 0,
-  dvd: 1,
-  other: 2
-};
-
 function resolveMediaType(row) {
-  const raw = String(row?.mediaType || row?.media_type || '').trim().toLowerCase();
-  if (raw === 'bluray') {
-    return 'bluray';
-  }
-  if (raw === 'dvd' || raw === 'disc') {
-    return 'dvd';
+  const candidates = [
+    row?.mediaType,
+    row?.media_type,
+    row?.mediaProfile,
+    row?.media_profile,
+    row?.encodePlan?.mediaProfile,
+    row?.makemkvInfo?.analyzeContext?.mediaProfile,
+    row?.makemkvInfo?.mediaProfile,
+    row?.mediainfoInfo?.mediaProfile
+  ];
+  for (const candidate of candidates) {
+    const raw = String(candidate || '').trim().toLowerCase();
+    if (!raw) {
+      continue;
+    }
+    if (['bluray', 'blu-ray', 'blu_ray', 'bd', 'bdmv', 'bdrom', 'bd-rom', 'bd-r', 'bd-re'].includes(raw)) {
+      return 'bluray';
+    }
+    if (['dvd', 'disc', 'dvdvideo', 'dvd-video', 'dvdrom', 'dvd-rom', 'video_ts', 'iso9660'].includes(raw)) {
+      return 'dvd';
+    }
   }
   return 'other';
 }
@@ -101,57 +104,6 @@ function normalizeSortText(value) {
   return String(value || '').trim().toLocaleLowerCase('de-DE');
 }
 
-function normalizeSortDate(value) {
-  if (!value) {
-    return null;
-  }
-  const ts = new Date(value).getTime();
-  return Number.isFinite(ts) ? ts : null;
-}
-
-function compareSortValues(a, b) {
-  const aMissing = a === null || a === undefined || a === '';
-  const bMissing = b === null || b === undefined || b === '';
-  if (aMissing && bMissing) {
-    return 0;
-  }
-  if (aMissing) {
-    return 1;
-  }
-  if (bMissing) {
-    return -1;
-  }
-
-  if (typeof a === 'number' && typeof b === 'number') {
-    if (a === b) {
-      return 0;
-    }
-    return a > b ? 1 : -1;
-  }
-
-  return String(a).localeCompare(String(b), 'de', {
-    sensitivity: 'base',
-    numeric: true
-  });
-}
-
-function resolveSortValue(row, field) {
-  switch (field) {
-    case 'start_time':
-      return normalizeSortDate(row?.start_time);
-    case 'end_time':
-      return normalizeSortDate(row?.end_time);
-    case 'title':
-      return normalizeSortText(row?.title || row?.detected_title || '');
-    case 'mediaType': {
-      const mediaType = resolveMediaType(row);
-      return MEDIA_SORT_RANK[mediaType] ?? MEDIA_SORT_RANK.other;
-    }
-    default:
-      return null;
-  }
-}
-
 function sanitizeRating(value) {
   const raw = String(value || '').trim();
   if (!raw || raw.toUpperCase() === 'N/A') {
@@ -211,18 +163,16 @@ export default function HistoryPage() {
   const [status, setStatus] = useState('');
   const [mediumFilter, setMediumFilter] = useState('');
   const [layout, setLayout] = useState('list');
-  const [sortPrimaryField, setSortPrimaryField] = useState('start_time');
-  const [sortPrimaryOrder, setSortPrimaryOrder] = useState(-1);
-  const [sortSecondaryField, setSortSecondaryField] = useState('title');
-  const [sortSecondaryOrder, setSortSecondaryOrder] = useState(1);
-  const [sortTertiaryField, setSortTertiaryField] = useState('mediaType');
-  const [sortTertiaryOrder, setSortTertiaryOrder] = useState(1);
+  const [sortKey, setSortKey] = useState('!start_time');
+  const [sortField, setSortField] = useState('start_time');
+  const [sortOrder, setSortOrder] = useState(-1);
   const [selectedJob, setSelectedJob] = useState(null);
   const [detailVisible, setDetailVisible] = useState(false);
   const [detailLoading, setDetailLoading] = useState(false);
   const [logLoadingMode, setLogLoadingMode] = useState(null);
   const [actionBusy, setActionBusy] = useState(false);
   const [reencodeBusyJobId, setReencodeBusyJobId] = useState(null);
+  const [deleteEntryBusy, setDeleteEntryBusy] = useState(false);
   const [loading, setLoading] = useState(false);
   const [queuedJobIds, setQueuedJobIds] = useState([]);
   const toastRef = useRef(null);
@@ -238,51 +188,21 @@ export default function HistoryPage() {
     return next;
   }, [queuedJobIds]);
 
-  const sortDescriptors = useMemo(() => {
-    const seen = new Set();
-    const rawDescriptors = [
-      { field: String(sortPrimaryField || '').trim(), order: Number(sortPrimaryOrder || -1) >= 0 ? 1 : -1 },
-      { field: String(sortSecondaryField || '').trim(), order: Number(sortSecondaryOrder || -1) >= 0 ? 1 : -1 },
-      { field: String(sortTertiaryField || '').trim(), order: Number(sortTertiaryOrder || -1) >= 0 ? 1 : -1 }
-    ];
+  const preparedJobs = useMemo(
+    () => jobs.map((job) => ({
+      ...job,
+      sortTitle: normalizeSortText(job?.title || job?.detected_title || ''),
+      sortMediaType: resolveMediaType(job)
+    })),
+    [jobs]
+  );
 
-    const descriptors = [];
-    for (const descriptor of rawDescriptors) {
-      if (!descriptor.field || seen.has(descriptor.field)) {
-        continue;
-      }
-      seen.add(descriptor.field);
-      descriptors.push(descriptor);
-    }
-    return descriptors;
-  }, [sortPrimaryField, sortPrimaryOrder, sortSecondaryField, sortSecondaryOrder, sortTertiaryField, sortTertiaryOrder]);
-
-  const visibleJobs = useMemo(() => {
-    const filtered = mediumFilter
-      ? jobs.filter((job) => resolveMediaType(job) === mediumFilter)
-      : [...jobs];
-
-    if (sortDescriptors.length === 0) {
-      return filtered;
-    }
-
-    filtered.sort((a, b) => {
-      for (const descriptor of sortDescriptors) {
-        const valueA = resolveSortValue(a, descriptor.field);
-        const valueB = resolveSortValue(b, descriptor.field);
-        const compared = compareSortValues(valueA, valueB);
-        if (compared !== 0) {
-          return compared * descriptor.order;
-        }
-      }
-
-      const idA = Number(a?.id || 0);
-      const idB = Number(b?.id || 0);
-      return idB - idA;
-    });
-
-    return filtered;
-  }, [jobs, mediumFilter, sortDescriptors]);
+  const visibleJobs = useMemo(
+    () => (mediumFilter
+      ? preparedJobs.filter((job) => job.sortMediaType === mediumFilter)
+      : preparedJobs),
+    [preparedJobs, mediumFilter]
+  );
 
   const load = async () => {
     setLoading(true);
@@ -297,7 +217,9 @@ export default function HistoryPage() {
         setJobs([]);
       }
       if (queueResponse.status === 'fulfilled') {
-        const queuedRows = Array.isArray(queueResponse.value?.queue?.queuedJobs) ? queueResponse.value.queue.queuedJobs : [];
+        const queuedRows = Array.isArray(queueResponse.value?.queue?.queuedJobs)
+          ? queueResponse.value.queue.queuedJobs
+          : [];
         const queuedIds = queuedRows
           .map((item) => normalizeJobId(item?.jobId))
           .filter(Boolean);
@@ -320,6 +242,25 @@ export default function HistoryPage() {
     return () => clearTimeout(timer);
   }, [search, status]);
 
+  const onSortChange = (event) => {
+    const value = String(event.value || '').trim();
+    if (!value) {
+      setSortKey('!start_time');
+      setSortField('start_time');
+      setSortOrder(-1);
+      return;
+    }
+
+    if (value.startsWith('!')) {
+      setSortOrder(-1);
+      setSortField(value.substring(1));
+    } else {
+      setSortOrder(1);
+      setSortField(value);
+    }
+    setSortKey(value);
+  };
+
   const openDetail = async (row) => {
     const jobId = Number(row?.id || 0);
     if (!jobId) {
@@ -474,6 +415,57 @@ export default function HistoryPage() {
     }
   };
 
+  const handleRestartReview = async (row) => {
+    const title = row?.title || row?.detected_title || `Job #${row?.id}`;
+    const confirmed = window.confirm(`Review für "${title}" neu starten?\nDer Job wird erneut analysiert. Spur- und Skriptauswahl kann danach im Dashboard neu getroffen werden.`);
+    if (!confirmed) {
+      return;
+    }
+
+    setActionBusy(true);
+    try {
+      await api.restartReviewFromRaw(row.id);
+      toastRef.current?.show({
+        severity: 'success',
+        summary: 'Review-Neustart',
+        detail: 'Analyse gestartet. Job ist jetzt im Dashboard verfügbar.',
+        life: 3500
+      });
+      await load();
+      await refreshDetailIfOpen(row.id);
+    } catch (error) {
+      toastRef.current?.show({ severity: 'error', summary: 'Review-Neustart fehlgeschlagen', detail: error.message, life: 4500 });
+    } finally {
+      setActionBusy(false);
+    }
+  };
+
+  const handleDeleteEntry = async (row) => {
+    const title = row?.title || row?.detected_title || `Job #${row?.id}`;
+    const confirmed = window.confirm(`Historieneintrag für "${title}" wirklich löschen?\nDateien werden NICHT gelöscht.`);
+    if (!confirmed) {
+      return;
+    }
+
+    setDeleteEntryBusy(true);
+    try {
+      await api.deleteJobEntry(row.id, 'none');
+      toastRef.current?.show({
+        severity: 'success',
+        summary: 'Eintrag gelöscht',
+        detail: `"${title}" wurde aus der Historie entfernt.`,
+        life: 3500
+      });
+      setDetailVisible(false);
+      setSelectedJob(null);
+      await load();
+    } catch (error) {
+      toastRef.current?.show({ severity: 'error', summary: 'Löschen fehlgeschlagen', detail: error.message, life: 4500 });
+    } finally {
+      setDeleteEntryBusy(false);
+    }
+  };
+
   const handleRemoveFromQueue = async (row) => {
     const jobId = normalizeJobId(row?.id || row);
     if (!jobId) {
@@ -535,6 +527,7 @@ export default function HistoryPage() {
     if (ratings.length === 0) {
       return <span className="history-dv-subtle">Keine Ratings</span>;
     }
+
     return ratings.map((rating) => (
       <span key={`${row?.id}-${rating.key}`} className="history-dv-rating-chip">
         <strong>{rating.label}</strong>
@@ -550,77 +543,74 @@ export default function HistoryPage() {
     }
   };
 
-  const renderListItem = (row) => {
+  const listItem = (row) => {
     const mediaMeta = resolveMediaTypeMeta(row);
-    const title = row?.title || row?.detected_title || '-';
-    const imdb = row?.imdb_id || '-';
 
     return (
-      <div
-        className="history-dv-item history-dv-item-list"
-        role="button"
-        tabIndex={0}
-        onKeyDown={(event) => onItemKeyDown(event, row)}
-        onClick={() => {
-          void openDetail(row);
-        }}
-      >
-        <div className="history-dv-poster-wrap">
-          {renderPoster(row)}
-        </div>
+      <div className="col-12" key={row.id}>
+        <div
+          className="history-dv-item history-dv-item-list"
+          role="button"
+          tabIndex={0}
+          onKeyDown={(event) => onItemKeyDown(event, row)}
+          onClick={() => {
+            void openDetail(row);
+          }}
+        >
+          <div className="history-dv-poster-wrap">
+            {renderPoster(row)}
+          </div>
 
-        <div className="history-dv-main">
-          <div className="history-dv-head">
-            <div className="history-dv-title-block">
-              <strong className="history-dv-title">{title}</strong>
-              <small className="history-dv-subtle">
-                #{row?.id || '-'} | {row?.year || '-'} | {imdb}
-              </small>
+          <div className="history-dv-main">
+            <div className="history-dv-head">
+              <div className="history-dv-title-block">
+                <strong className="history-dv-title">{row?.title || row?.detected_title || '-'}</strong>
+                <small className="history-dv-subtle">
+                  #{row?.id || '-'} | {row?.year || '-'} | {row?.imdb_id || '-'}
+                </small>
+              </div>
+              {renderStatusTag(row)}
             </div>
-            {renderStatusTag(row)}
+
+            <div className="history-dv-meta-row">
+              <span className="job-step-cell">
+                <img src={mediaMeta.icon} alt={mediaMeta.alt} title={mediaMeta.label} className="media-indicator-icon" />
+                <span>{mediaMeta.label}</span>
+              </span>
+              <span className="history-dv-subtle">Start: {formatDateTime(row?.start_time)}</span>
+              <span className="history-dv-subtle">Ende: {formatDateTime(row?.end_time)}</span>
+            </div>
+
+            <div className="history-dv-flags-row">
+              {renderPresenceChip('RAW', Boolean(row?.rawStatus?.exists))}
+              {renderPresenceChip('Movie', Boolean(row?.outputStatus?.exists))}
+              {renderPresenceChip('Encode', Boolean(row?.encodeSuccess))}
+            </div>
+
+            <div className="history-dv-ratings-row">{renderRatings(row)}</div>
           </div>
 
-          <div className="history-dv-meta-row">
-            <span className="job-step-cell">
-              <img src={mediaMeta.icon} alt={mediaMeta.alt} title={mediaMeta.label} className="media-indicator-icon" />
-              <span>{mediaMeta.label}</span>
-            </span>
-            <span className="history-dv-subtle">Start: {formatDateTime(row?.start_time)}</span>
-            <span className="history-dv-subtle">Ende: {formatDateTime(row?.end_time)}</span>
+          <div className="history-dv-actions">
+            <Button
+              label="Details"
+              icon="pi pi-search"
+              size="small"
+              onClick={(event) => {
+                event.stopPropagation();
+                void openDetail(row);
+              }}
+            />
           </div>
-
-          <div className="history-dv-flags-row">
-            {renderPresenceChip('RAW', Boolean(row?.rawStatus?.exists))}
-            {renderPresenceChip('Movie', Boolean(row?.outputStatus?.exists))}
-            {renderPresenceChip('Encode', Boolean(row?.encodeSuccess))}
-          </div>
-
-          <div className="history-dv-ratings-row">
-            {renderRatings(row)}
-          </div>
-        </div>
-
-        <div className="history-dv-actions">
-          <Button
-            label="Details"
-            icon="pi pi-search"
-            size="small"
-            onClick={(event) => {
-              event.stopPropagation();
-              void openDetail(row);
-            }}
-          />
         </div>
       </div>
     );
   };
 
-  const renderGridItem = (row) => {
+  const gridItem = (row) => {
     const mediaMeta = resolveMediaTypeMeta(row);
-    const title = row?.title || row?.detected_title || '-';
 
     return (
-      <div className="history-dv-grid-cell">
+      <div className="col-12 md-col-6 xl-col-4" key={row.id}>
         <div
           className="history-dv-item history-dv-item-grid"
           role="button"
@@ -630,37 +620,36 @@ export default function HistoryPage() {
             void openDetail(row);
           }}
         >
-          <div className="history-dv-grid-head">
-            {renderPoster(row, 'history-dv-poster-lg')}
-            <div className="history-dv-grid-title-wrap">
-              <strong className="history-dv-title">{title}</strong>
-              <small className="history-dv-subtle">
-                #{row?.id || '-'} | {row?.year || '-'} | {row?.imdb_id || '-'}
-              </small>
+          <div className="history-dv-grid-poster-wrap">
+            {renderPoster(row, 'history-dv-poster-grid')}
+          </div>
+
+          <div className="history-dv-grid-main">
+            <div className="history-dv-head">
+              <strong className="history-dv-title">{row?.title || row?.detected_title || '-'}</strong>
+              {renderStatusTag(row)}
+            </div>
+
+            <small className="history-dv-subtle">
+              #{row?.id || '-'} | {row?.year || '-'} | {row?.imdb_id || '-'}
+            </small>
+
+            <div className="history-dv-meta-row">
               <span className="job-step-cell">
                 <img src={mediaMeta.icon} alt={mediaMeta.alt} title={mediaMeta.label} className="media-indicator-icon" />
                 <span>{mediaMeta.label}</span>
               </span>
+              <span className="history-dv-subtle">Start: {formatDateTime(row?.start_time)}</span>
+              <span className="history-dv-subtle">Ende: {formatDateTime(row?.end_time)}</span>
             </div>
-          </div>
 
-          <div className="history-dv-grid-status-row">
-            {renderStatusTag(row)}
-          </div>
+            <div className="history-dv-flags-row">
+              {renderPresenceChip('RAW', Boolean(row?.rawStatus?.exists))}
+              {renderPresenceChip('Movie', Boolean(row?.outputStatus?.exists))}
+              {renderPresenceChip('Encode', Boolean(row?.encodeSuccess))}
+            </div>
 
-          <div className="history-dv-grid-time-row">
-            <span className="history-dv-subtle">Start: {formatDateTime(row?.start_time)}</span>
-            <span className="history-dv-subtle">Ende: {formatDateTime(row?.end_time)}</span>
-          </div>
-
-          <div className="history-dv-flags-row">
-            {renderPresenceChip('RAW', Boolean(row?.rawStatus?.exists))}
-            {renderPresenceChip('Movie', Boolean(row?.outputStatus?.exists))}
-            {renderPresenceChip('Encode', Boolean(row?.encodeSuccess))}
-          </div>
-
-          <div className="history-dv-ratings-row">
-            {renderRatings(row)}
+            <div className="history-dv-ratings-row">{renderRatings(row)}</div>
           </div>
 
           <div className="history-dv-actions history-dv-actions-grid">
@@ -683,107 +672,48 @@ export default function HistoryPage() {
     if (!row) {
       return null;
     }
-    if (currentLayout === 'grid') {
-      return renderGridItem(row);
-    }
-    return renderListItem(row);
+    return currentLayout === 'list' ? listItem(row) : gridItem(row);
   };
 
-  const dataViewHeader = (
-    <div>
-      <div className="history-dv-toolbar">
-        <InputText
-          value={search}
-          onChange={(event) => setSearch(event.target.value)}
-          placeholder="Suche nach Titel oder IMDb"
-        />
-        <Dropdown
-          value={status}
-          options={STATUS_FILTER_OPTIONS}
-          optionLabel="label"
-          optionValue="value"
-          onChange={(event) => setStatus(event.value)}
-          placeholder="Status"
-        />
-        <Dropdown
-          value={mediumFilter}
-          options={MEDIA_FILTER_OPTIONS}
-          optionLabel="label"
-          optionValue="value"
-          onChange={(event) => setMediumFilter(event.value || '')}
-          placeholder="Medium"
-        />
-        <Button label="Neu laden" icon="pi pi-refresh" onClick={load} loading={loading} />
-        <div className="history-dv-layout-toggle">
-          <DataViewLayoutOptions
-            layout={layout}
-            onChange={(event) => setLayout(event.value)}
-          />
-        </div>
-      </div>
+  const header = (
+    <div className="history-dv-toolbar">
+      <InputText
+        value={search}
+        onChange={(event) => setSearch(event.target.value)}
+        placeholder="Suche nach Titel oder IMDb"
+      />
 
-      <div className="history-dv-sortbar">
-        <div className="history-dv-sort-rule">
-          <strong>1.</strong>
-          <Dropdown
-            value={sortPrimaryField}
-            options={BASE_SORT_FIELD_OPTIONS}
-            optionLabel="label"
-            optionValue="value"
-            onChange={(event) => setSortPrimaryField(event.value || 'start_time')}
-            placeholder="Primär"
-          />
-          <Dropdown
-            value={sortPrimaryOrder}
-            options={SORT_DIRECTION_OPTIONS}
-            optionLabel="label"
-            optionValue="value"
-            onChange={(event) => setSortPrimaryOrder(Number(event.value || -1) >= 0 ? 1 : -1)}
-            placeholder="Richtung"
-          />
-        </div>
+      <Dropdown
+        value={status}
+        options={STATUS_FILTER_OPTIONS}
+        optionLabel="label"
+        optionValue="value"
+        onChange={(event) => setStatus(event.value)}
+        placeholder="Status"
+      />
 
-        <div className="history-dv-sort-rule">
-          <strong>2.</strong>
-          <Dropdown
-            value={sortSecondaryField}
-            options={OPTIONAL_SORT_FIELD_OPTIONS}
-            optionLabel="label"
-            optionValue="value"
-            onChange={(event) => setSortSecondaryField(event.value || '')}
-            placeholder="Sekundär"
-          />
-          <Dropdown
-            value={sortSecondaryOrder}
-            options={SORT_DIRECTION_OPTIONS}
-            optionLabel="label"
-            optionValue="value"
-            onChange={(event) => setSortSecondaryOrder(Number(event.value || -1) >= 0 ? 1 : -1)}
-            placeholder="Richtung"
-            disabled={!sortSecondaryField}
-          />
-        </div>
+      <Dropdown
+        value={mediumFilter}
+        options={MEDIA_FILTER_OPTIONS}
+        optionLabel="label"
+        optionValue="value"
+        onChange={(event) => setMediumFilter(event.value || '')}
+        placeholder="Medium"
+      />
 
-        <div className="history-dv-sort-rule">
-          <strong>3.</strong>
-          <Dropdown
-            value={sortTertiaryField}
-            options={OPTIONAL_SORT_FIELD_OPTIONS}
-            optionLabel="label"
-            optionValue="value"
-            onChange={(event) => setSortTertiaryField(event.value || '')}
-            placeholder="Tertiär"
-          />
-          <Dropdown
-            value={sortTertiaryOrder}
-            options={SORT_DIRECTION_OPTIONS}
-            optionLabel="label"
-            optionValue="value"
-            onChange={(event) => setSortTertiaryOrder(Number(event.value || -1) >= 0 ? 1 : -1)}
-            placeholder="Richtung"
-            disabled={!sortTertiaryField}
-          />
-        </div>
+      <Dropdown
+        value={sortKey}
+        options={SORT_OPTIONS}
+        optionLabel="label"
+        optionValue="value"
+        onChange={onSortChange}
+        placeholder="Sortieren"
+      />
+
+      <Button label="Neu laden" icon="pi pi-refresh" onClick={load} loading={loading} />
+
+      <div className="history-dv-layout-toggle">
+        <DataViewLayoutOptions layout={layout} onChange={(event) => setLayout(event.value)} />
       </div>
     </div>
   );
@@ -792,15 +722,17 @@ export default function HistoryPage() {
     <div className="page-grid">
       <Toast ref={toastRef} />
 
-      <Card title="Historie" subTitle="DataView mit Poster, Status, Dateiverfügbarkeit, Encode-Status und Ratings">
+      <Card title="Historie" subTitle="PrimeReact DataView">
         <DataView
           value={visibleJobs}
           layout={layout}
+          header={header}
           itemTemplate={itemTemplate}
           paginator
           rows={12}
           rowsPerPageOptions={[12, 24, 48]}
-          header={dataViewHeader}
+          sortField={sortField}
+          sortOrder={sortOrder}
           loading={loading}
           emptyMessage="Keine Einträge"
           className="history-dataview"
@@ -814,12 +746,15 @@ export default function HistoryPage() {
         onLoadLog={handleLoadLog}
         logLoadingMode={logLoadingMode}
         onRestartEncode={handleRestartEncode}
+        onRestartReview={handleRestartReview}
         onReencode={handleReencode}
         onDeleteFiles={handleDeleteFiles}
+        onDeleteEntry={handleDeleteEntry}
         onRemoveFromQueue={handleRemoveFromQueue}
         isQueued={Boolean(selectedJob?.id && queuedJobIdSet.has(normalizeJobId(selectedJob.id)))}
         actionBusy={actionBusy}
         reencodeBusy={reencodeBusyJobId === selectedJob?.id}
+        deleteEntryBusy={deleteEntryBusy}
         onHide={() => {
           setDetailVisible(false);
           setDetailLoading(false);

frontend/src/pages/SettingsPage.jsx

@@ -8,6 +8,7 @@ import { InputText } from 'primereact/inputtext';
 import { InputTextarea } from 'primereact/inputtextarea';
 import { api } from '../api/client';
 import DynamicSettingsForm from '../components/DynamicSettingsForm';
+import CronJobsTab from '../components/CronJobsTab';
 
 function buildValuesMap(categories) {
   const next = {};
@@ -26,6 +27,30 @@ function isSameValue(a, b) {
   return a === b;
 }
 
+function reorderListById(items, sourceId, targetIndex) {
+  const list = Array.isArray(items) ? items : [];
+  const normalizedSourceId = Number(sourceId);
+  const normalizedTargetIndex = Number(targetIndex);
+  if (!Number.isFinite(normalizedSourceId) || normalizedSourceId <= 0 || !Number.isFinite(normalizedTargetIndex)) {
+    return { changed: false, next: list };
+  }
+  const fromIndex = list.findIndex((item) => Number(item?.id) === normalizedSourceId);
+  if (fromIndex < 0) {
+    return { changed: false, next: list };
+  }
+
+  const boundedTarget = Math.max(0, Math.min(Math.trunc(normalizedTargetIndex), list.length));
+  const insertAt = fromIndex < boundedTarget ? boundedTarget - 1 : boundedTarget;
+  if (insertAt === fromIndex) {
+    return { changed: false, next: list };
+  }
+
+  const next = [...list];
+  const [moved] = next.splice(fromIndex, 1);
+  next.splice(insertAt, 0, moved);
+  return { changed: true, next };
+}
+
 function injectHandBrakePresetOptions(categories, presetPayload) {
   const list = Array.isArray(categories) ? categories : [];
   const sourceOptions = Array.isArray(presetPayload?.options) ? presetPayload.options : [];
@@ -103,6 +128,8 @@ export default function SettingsPage() {
   const [scripts, setScripts] = useState([]);
   const [scriptsLoading, setScriptsLoading] = useState(false);
   const [scriptSaving, setScriptSaving] = useState(false);
+  const [scriptReordering, setScriptReordering] = useState(false);
+  const [scriptListDragSourceId, setScriptListDragSourceId] = useState(null);
   const [scriptActionBusyId, setScriptActionBusyId] = useState(null);
   const [scriptEditor, setScriptEditor] = useState({
     mode: 'none',
@@ -117,6 +144,10 @@ export default function SettingsPage() {
   const [chains, setChains] = useState([]);
   const [chainsLoading, setChainsLoading] = useState(false);
   const [chainSaving, setChainSaving] = useState(false);
+  const [chainReordering, setChainReordering] = useState(false);
+  const [chainListDragSourceId, setChainListDragSourceId] = useState(null);
+  const [chainActionBusyId, setChainActionBusyId] = useState(null);
+  const [lastChainTestResult, setLastChainTestResult] = useState(null);
   const [chainEditor, setChainEditor] = useState({ open: false, id: null, name: '', steps: [] });
   const [chainEditorErrors, setChainEditorErrors] = useState({});
   const [chainDragSource, setChainDragSource] = useState(null);
@@ -470,6 +501,88 @@ export default function SettingsPage() {
     }
   };
 
+  const handleScriptListDragStart = (event, scriptId) => {
+    if (scriptSaving || scriptsLoading || scriptReordering || scriptEditor?.mode === 'create' || Boolean(scriptActionBusyId)) {
+      event.preventDefault();
+      return;
+    }
+    setScriptListDragSourceId(Number(scriptId));
+    event.dataTransfer.effectAllowed = 'move';
+    event.dataTransfer.setData('text/plain', String(scriptId));
+  };
+
+  const handleScriptListDragOver = (event) => {
+    const sourceId = Number(scriptListDragSourceId);
+    if (!Number.isFinite(sourceId) || sourceId <= 0) {
+      return;
+    }
+    event.preventDefault();
+    event.dataTransfer.dropEffect = 'move';
+  };
+
+  const handleScriptListDrop = async (event, targetIndex) => {
+    event.preventDefault();
+    if (scriptReordering) {
+      setScriptListDragSourceId(null);
+      return;
+    }
+    const sourceId = Number(scriptListDragSourceId);
+    setScriptListDragSourceId(null);
+    const { changed, next } = reorderListById(scripts, sourceId, targetIndex);
+    if (!changed) {
+      return;
+    }
+
+    const orderedScriptIds = next
+      .map((script) => Number(script?.id))
+      .filter((id) => Number.isFinite(id) && id > 0);
+    setScripts(next);
+    setScriptReordering(true);
+    try {
+      await api.reorderScripts(orderedScriptIds);
+    } catch (error) {
+      toastRef.current?.show({
+        severity: 'error',
+        summary: 'Script-Reihenfolge',
+        detail: error.message
+      });
+      await loadScripts({ silent: true });
+    } finally {
+      setScriptReordering(false);
+    }
+  };
+
+  const handleTestChain = async (chain) => {
+    const chainId = Number(chain?.id);
+    if (!Number.isFinite(chainId) || chainId <= 0) {
+      return;
+    }
+    setChainActionBusyId(chainId);
+    setLastChainTestResult(null);
+    try {
+      const response = await api.testScriptChain(chainId);
+      const result = response?.result || null;
+      setLastChainTestResult(result);
+      if (!result?.aborted) {
+        toastRef.current?.show({
+          severity: 'success',
+          summary: 'Ketten-Test',
+          detail: `"${chain?.name || chainId}" erfolgreich ausgeführt (${result?.succeeded ?? 0}/${result?.steps ?? 0} Schritte).`
+        });
+      } else {
+        toastRef.current?.show({
+          severity: 'warn',
+          summary: 'Ketten-Test',
+          detail: `"${chain?.name || chainId}" abgebrochen (${result?.succeeded ?? 0}/${result?.steps ?? 0} Schritte OK).`
+        });
+      }
+    } catch (error) {
+      toastRef.current?.show({ severity: 'error', summary: 'Ketten-Test fehlgeschlagen', detail: error.message });
+    } finally {
+      setChainActionBusyId(null);
+    }
+  };
+
   // Chain editor handlers
   const openChainEditor = (chain = null) => {
     if (chain) {
@@ -583,6 +696,57 @@ export default function SettingsPage() {
     }
   };
 
+  const handleChainListDragStart = (event, chainId) => {
+    if (chainSaving || chainsLoading || chainReordering || Boolean(chainActionBusyId)) {
+      event.preventDefault();
+      return;
+    }
+    setChainListDragSourceId(Number(chainId));
+    event.dataTransfer.effectAllowed = 'move';
+    event.dataTransfer.setData('text/plain', String(chainId));
+  };
+
+  const handleChainListDragOver = (event) => {
+    const sourceId = Number(chainListDragSourceId);
+    if (!Number.isFinite(sourceId) || sourceId <= 0) {
+      return;
+    }
+    event.preventDefault();
+    event.dataTransfer.dropEffect = 'move';
+  };
+
+  const handleChainListDrop = async (event, targetIndex) => {
+    event.preventDefault();
+    if (chainReordering) {
+      setChainListDragSourceId(null);
+      return;
+    }
+    const sourceId = Number(chainListDragSourceId);
+    setChainListDragSourceId(null);
+    const { changed, next } = reorderListById(chains, sourceId, targetIndex);
+    if (!changed) {
+      return;
+    }
+
+    const orderedChainIds = next
+      .map((chain) => Number(chain?.id))
+      .filter((id) => Number.isFinite(id) && id > 0);
+    setChains(next);
+    setChainReordering(true);
+    try {
+      await api.reorderScriptChains(orderedChainIds);
+    } catch (error) {
+      toastRef.current?.show({
+        severity: 'error',
+        summary: 'Ketten-Reihenfolge',
+        detail: error.message
+      });
+      await loadChains({ silent: true });
+    } finally {
+      setChainReordering(false);
+    }
+  };
+
   // Chain DnD handlers
   const handleChainPaletteDragStart = (event, data) => {
     setChainDragSource({ origin: 'palette', ...data });
@@ -626,6 +790,16 @@ export default function SettingsPage() {
     event.dataTransfer.dropEffect = chainDragSource?.origin === 'palette' ? 'copy' : 'move';
   };
 
+  const scriptListDnDDisabled = scriptSaving
+    || scriptsLoading
+    || scriptReordering
+    || scriptEditor?.mode === 'create'
+    || Boolean(scriptActionBusyId);
+  const chainListDnDDisabled = chainSaving
+    || chainsLoading
+    || chainReordering
+    || Boolean(chainActionBusyId);
+
   return (
     <div className="page-grid">
       <Toast ref={toastRef} />
@@ -692,7 +866,7 @@ export default function SettingsPage() {
                   onClick={startCreateScript}
                   severity="success"
                   outlined
-                  disabled={scriptSaving || scriptEditor?.mode === 'create'}
+                  disabled={scriptSaving || scriptReordering || scriptEditor?.mode === 'create'}
                 />
                 <Button
                   label="Scripts neu laden"
@@ -700,20 +874,24 @@ export default function SettingsPage() {
                   severity="secondary"
                   onClick={() => loadScripts()}
                   loading={scriptsLoading}
-                  disabled={scriptSaving}
+                  disabled={scriptSaving || scriptReordering}
                 />
               </div>
 
               <small>
                 Die ausgewählten Scripts werden später pro Job nach erfolgreichem Encode in Reihenfolge ausgeführt.
               </small>
+              <small className="muted-inline">
+                Reihenfolge per Drag & Drop ändern.
+                {scriptReordering ? ' Speichere Reihenfolge ...' : ''}
+              </small>
 
               <div className="script-list-box">
                 <h4>Verfügbare Scripts</h4>
                 {scriptsLoading ? (
                   <p>Lade Scripts ...</p>
                 ) : (
-                  <div className="script-list">
+                  <div className="script-list script-list--reorderable">
                     {scriptEditor?.mode === 'create' ? (
                       <div className="script-list-item script-list-item-editing">
                         <div className="script-list-main">
@@ -761,45 +939,73 @@ export default function SettingsPage() {
                       </div>
                     ) : null}
 
-                    {scripts.length === 0 ? <p>Keine Scripts vorhanden.</p> : null}
+                    {scripts.length === 0 ? (
+                      <p>Keine Scripts vorhanden.</p>
+                    ) : (
+                      <div className="script-order-list">
+                        {scripts.map((script, index) => {
+                          const isDragging = Number(scriptListDragSourceId) === Number(script.id);
+                          return (
+                            <div key={script.id} className="script-order-wrapper">
+                              <div
+                                className="script-order-drop-zone"
+                                onDragOver={handleScriptListDragOver}
+                                onDrop={(event) => handleScriptListDrop(event, index)}
+                              />
+                              <div
+                                className={`script-list-item${isDragging ? ' script-list-item--dragging' : ''}`}
+                                draggable={!scriptListDnDDisabled}
+                                onDragStart={(event) => handleScriptListDragStart(event, script.id)}
+                                onDragEnd={() => setScriptListDragSourceId(null)}
+                              >
+                                <div
+                                  className={`script-list-drag-handle${scriptListDnDDisabled ? ' disabled' : ''}`}
+                                  title={scriptListDnDDisabled ? 'Sortierung aktuell nicht verfügbar' : 'Ziehen zum Sortieren'}
+                                >
+                                  <i className="pi pi-bars" />
+                                </div>
+                                <div className="script-list-main">
+                                  <strong className="script-id-title">{`ID #${script.id} - ${script.name}`}</strong>
+                                </div>
 
-                    {scripts.map((script) => {
-                      return (
-                        <div key={script.id} className="script-list-item">
-                          <div className="script-list-main">
-                            <strong className="script-id-title">{`ID #${script.id} - ${script.name}`}</strong>
-                          </div>
-
-                          <div className="script-list-actions">
-                            <Button
-                              icon="pi pi-pencil"
-                              label="Bearbeiten"
-                              severity="secondary"
-                              outlined
-                              onClick={() => startEditScript(script)}
-                              disabled={Boolean(scriptActionBusyId) || scriptSaving || scriptEditor?.mode === 'create'}
-                            />
-                            <Button
-                              icon="pi pi-play"
-                              label="Test"
-                              severity="info"
-                              onClick={() => handleTestScript(script)}
-                              loading={scriptActionBusyId === script.id}
-                              disabled={Boolean(scriptActionBusyId) && scriptActionBusyId !== script.id}
-                            />
-                            <Button
-                              icon="pi pi-trash"
-                              label="Löschen"
-                              severity="danger"
-                              outlined
-                              onClick={() => handleDeleteScript(script)}
-                              loading={scriptActionBusyId === script.id}
-                              disabled={Boolean(scriptActionBusyId) && scriptActionBusyId !== script.id}
-                            />
-                          </div>
-                        </div>
-                      );
-                    })}
+                                <div className="script-list-actions">
+                                  <Button
+                                    icon="pi pi-pencil"
+                                    label="Bearbeiten"
+                                    severity="secondary"
+                                    outlined
+                                    onClick={() => startEditScript(script)}
+                                    disabled={Boolean(scriptActionBusyId) || scriptSaving || scriptReordering || scriptEditor?.mode === 'create'}
+                                  />
+                                  <Button
+                                    icon="pi pi-play"
+                                    label="Test"
+                                    severity="info"
+                                    onClick={() => handleTestScript(script)}
+                                    loading={scriptActionBusyId === script.id}
+                                    disabled={scriptReordering || (Boolean(scriptActionBusyId) && scriptActionBusyId !== script.id)}
+                                  />
+                                  <Button
+                                    icon="pi pi-trash"
+                                    label="Löschen"
+                                    severity="danger"
+                                    outlined
+                                    onClick={() => handleDeleteScript(script)}
+                                    loading={scriptActionBusyId === script.id}
+                                    disabled={scriptReordering || (Boolean(scriptActionBusyId) && scriptActionBusyId !== script.id)}
+                                  />
+                                </div>
+                              </div>
+                            </div>
+                          );
+                        })}
+                        <div
+                          className="script-order-drop-zone script-order-drop-zone--end"
+                          onDragOver={handleScriptListDragOver}
+                          onDrop={(event) => handleScriptListDrop(event, scripts.length)}
+                        />
+                      </div>
+                    )}
                   </div>
                 )}
               </div>
@@ -875,6 +1081,7 @@ export default function SettingsPage() {
                   severity="success"
                   outlined
                   onClick={() => openChainEditor()}
+                  disabled={chainReordering}
                 />
                 <Button
                   label="Ketten neu laden"
@@ -882,6 +1089,7 @@ export default function SettingsPage() {
                   severity="secondary"
                   onClick={() => loadChains()}
                   loading={chainsLoading}
+                  disabled={chainReordering}
                 />
               </div>
 
@@ -889,6 +1097,10 @@ export default function SettingsPage() {
                 Skriptketten kombinieren einzelne Scripte und Systemblöcke (z.B. Warten) zu einer ausführbaren Sequenz.
                 Ketten können an Jobs als Pre- oder Post-Encode-Aktion hinterlegt werden.
               </small>
+              <small className="muted-inline">
+                Reihenfolge per Drag & Drop ändern.
+                {chainReordering ? ' Speichere Reihenfolge ...' : ''}
+              </small>
 
               <div className="script-list-box">
                 <h4>Verfügbare Skriptketten</h4>
@@ -897,45 +1109,108 @@ export default function SettingsPage() {
                 ) : chains.length === 0 ? (
                   <p>Keine Skriptketten vorhanden.</p>
                 ) : (
-                  <div className="script-list">
-                    {chains.map((chain) => (
-                      <div key={chain.id} className="script-list-item">
-                        <div className="script-list-main">
-                          <strong className="script-id-title">{`ID #${chain.id} - ${chain.name}`}</strong>
-                          <small>
-                            {chain.steps?.length ?? 0} Schritt(e):
-                            {' '}
-                            {(chain.steps || []).map((s, i) => (
-                              <span key={i}>
-                                {i > 0 ? ' → ' : ''}
-                                {s.stepType === 'wait'
-                                  ? `⏱ ${s.waitSeconds}s`
-                                  : (s.scriptName || `Script #${s.scriptId}`)}
-                              </span>
-                            ))}
-                          </small>
-                        </div>
-                        <div className="script-list-actions">
-                          <Button
-                            icon="pi pi-pencil"
-                            label="Bearbeiten"
-                            severity="secondary"
-                            outlined
-                            onClick={() => openChainEditor(chain)}
-                          />
-                          <Button
-                            icon="pi pi-trash"
-                            label="Löschen"
-                            severity="danger"
-                            outlined
-                            onClick={() => handleDeleteChain(chain)}
-                          />
-                        </div>
-                      </div>
-                    ))}
+                  <div className="script-list script-list--reorderable">
+                    <div className="script-order-list">
+                      {chains.map((chain, index) => {
+                        const isDragging = Number(chainListDragSourceId) === Number(chain.id);
+                        return (
+                          <div key={chain.id} className="script-order-wrapper">
+                            <div
+                              className="script-order-drop-zone"
+                              onDragOver={handleChainListDragOver}
+                              onDrop={(event) => handleChainListDrop(event, index)}
+                            />
+                            <div
+                              className={`script-list-item${isDragging ? ' script-list-item--dragging' : ''}`}
+                              draggable={!chainListDnDDisabled}
+                              onDragStart={(event) => handleChainListDragStart(event, chain.id)}
+                              onDragEnd={() => setChainListDragSourceId(null)}
+                            >
+                              <div
+                                className={`script-list-drag-handle${chainListDnDDisabled ? ' disabled' : ''}`}
+                                title={chainListDnDDisabled ? 'Sortierung aktuell nicht verfügbar' : 'Ziehen zum Sortieren'}
+                              >
+                                <i className="pi pi-bars" />
+                              </div>
+                              <div className="script-list-main">
+                                <strong className="script-id-title">{`ID #${chain.id} - ${chain.name}`}</strong>
+                                <small>
+                                  {chain.steps?.length ?? 0} Schritt(e):
+                                  {' '}
+                                  {(chain.steps || []).map((s, i) => (
+                                    <span key={i}>
+                                      {i > 0 ? ' → ' : ''}
+                                      {s.stepType === 'wait'
+                                        ? `⏱ ${s.waitSeconds}s`
+                                        : (s.scriptName || `Script #${s.scriptId}`)}
+                                    </span>
+                                  ))}
+                                </small>
+                              </div>
+                              <div className="script-list-actions">
+                                <Button
+                                  icon="pi pi-pencil"
+                                  label="Bearbeiten"
+                                  severity="secondary"
+                                  outlined
+                                  onClick={() => openChainEditor(chain)}
+                                  disabled={chainReordering || Boolean(chainActionBusyId)}
+                                />
+                                <Button
+                                  icon="pi pi-play"
+                                  label="Test"
+                                  severity="info"
+                                  onClick={() => handleTestChain(chain)}
+                                  loading={chainActionBusyId === chain.id}
+                                  disabled={chainReordering || (Boolean(chainActionBusyId) && chainActionBusyId !== chain.id)}
+                                />
+                                <Button
+                                  icon="pi pi-trash"
+                                  label="Löschen"
+                                  severity="danger"
+                                  outlined
+                                  onClick={() => handleDeleteChain(chain)}
+                                  disabled={chainReordering || Boolean(chainActionBusyId)}
+                                />
+                              </div>
+                            </div>
+                          </div>
+                        );
+                      })}
+                      <div
+                        className="script-order-drop-zone script-order-drop-zone--end"
+                        onDragOver={handleChainListDragOver}
+                        onDrop={(event) => handleChainListDrop(event, chains.length)}
+                      />
+                    </div>
                   </div>
                 )}
               </div>
+            {lastChainTestResult ? (
+              <div className="script-test-result">
+                <h4>Letzter Ketten-Test: {lastChainTestResult.chainName}</h4>
+                <small>
+                  Status: {lastChainTestResult.aborted ? 'Abgebrochen' : 'Erfolgreich'}
+                  {' | '}Schritte: {lastChainTestResult.succeeded ?? 0}/{lastChainTestResult.steps ?? 0}
+                  {lastChainTestResult.failed > 0 ? ` | Fehler: ${lastChainTestResult.failed}` : ''}
+                </small>
+                {(lastChainTestResult.results || []).map((step, i) => (
+                  <div key={i} className="script-test-step">
+                    <strong>
+                      {`Schritt ${i + 1}: `}
+                      {step.stepType === 'wait'
+                        ? `⏱ Warten (${step.waitSeconds}s)`
+                        : (step.scriptName || `Script #${step.scriptId}`)}
+                      {' — '}
+                      {step.skipped ? 'Übersprungen' : (step.success ? '✓ OK' : `✗ Fehler (exit=${step.exitCode ?? 'n/a'})`)}
+                    </strong>
+                    {(step.stdout || step.stderr) ? (
+                      <pre>{`${step.stdout || ''}${step.stderr ? `\n${step.stderr}` : ''}`.trim()}</pre>
+                    ) : null}
+                  </div>
+                ))}
+              </div>
+            ) : null}
             </div>
 
             {/* Chain editor dialog */}
@@ -1099,6 +1374,10 @@ export default function SettingsPage() {
               </div>
             </Dialog>
           </TabPanel>
+
+          <TabPanel header="Cronjobs">
+            <CronJobsTab />
+          </TabPanel>
         </TabView>
       </Card>
     </div>