From f029d64e78f51fb70fbdc5f6cac9df3b3b6424f8 Mon Sep 17 00:00:00 2001
From: mboehmlaender <mboehmlaender@gmx.net>
Date: Tue, 17 Mar 2026 14:53:13 +0000
Subject: [PATCH] 0.10.2-23 Fix

---
 frontend/src/components/JobDetailDialog.jsx | 57 ++++++++-------------
 1 file changed, 20 insertions(+), 37 deletions(-)

diff --git a/frontend/src/components/JobDetailDialog.jsx b/frontend/src/components/JobDetailDialog.jsx
index e9b2380..804d5ce 100644
--- a/frontend/src/components/JobDetailDialog.jsx
+++ b/frontend/src/components/JobDetailDialog.jsx
@@ -487,7 +487,7 @@ export default function JobDetailDialog({
       const allSettings = (res?.categories || []).flatMap((c) => c.settings || []);
       const val = allSettings.find((s) => s.key === 'ui_expert_mode')?.value;
       setExpertMode(val === 'true' || val === true);
-    }).catch(() => {});
+    }).catch(() => { });
   }, []);
 
   const mkDone = Boolean(job?.ripSuccessful) || !job?.makemkvInfo || job?.makemkvInfo?.status === 'SUCCESS';
@@ -852,23 +852,24 @@ export default function JobDetailDialog({
                 </div>
               ) : null}
               {/* Titel-Liste */}
-              {Array.isArray(job.encodePlan?.titles) && job.encodePlan.titles.length > 0 ? (
-                <div className="job-titles-list">
-                  {job.encodePlan.titles.map((t) => {
-                    const isSelected = t.id === job.encodePlan.encodeInputTitleId || t.selectedForEncode;
-                    const sizeMb = t.sizeBytes > 0 ? `${(t.sizeBytes / 1024 / 1024).toFixed(0)} MB` : null;
-                    return (
-                      <div key={t.id} className={`job-title-row${isSelected ? ' job-title-row-selected' : ''}`}>
-                        <span className="job-title-id">#{t.id}</span>
-                        <span className="job-title-name">{t.fileName || '-'}</span>
-                        <span className="job-title-duration">{t.durationMinutes != null ? `${t.durationMinutes} Min.` : '-'}</span>
-                        {sizeMb ? <span className="job-title-size">{sizeMb}</span> : null}
-                        {t.playlistFile ? <span className="job-title-playlist">{t.playlistFile}</span> : null}
-                        {isSelected ? <span className="job-title-selected-badge">gewählt</span> : null}
-                      </div>
-                    );
-                  })}
-                </div>
+              {!isCd && !isAudiobook && job.encodePlan ? (
+                <section className="job-meta-block job-meta-block-full">
+                  <h4>Spurauswahl</h4>
+                  <MediaInfoReviewPanel
+                    review={job.encodePlan}
+                    commandOutputPath={job.output_path || null}
+                    selectedEncodeTitleId={reviewSelectedEncodeTitleId}
+                    trackSelectionByTitle={reviewTrackSelectionByTitle}
+                    availableScripts={configuredSelection.scriptCatalog}
+                    availableChains={configuredSelection.chainCatalog}
+                    preEncodeItems={reviewPreEncodeItems}
+                    postEncodeItems={reviewPostEncodeItems}
+                    userPresets={reviewUserPresets}
+                    selectedUserPresetId={Number.isFinite(encodePlanUserPresetId) && encodePlanUserPresetId > 0
+                      ? Math.trunc(encodePlanUserPresetId)
+                      : null}
+                  />
+                </section>
               ) : null}
             </section>
           ) : null}
@@ -884,25 +885,7 @@ export default function JobDetailDialog({
             </div>
           </section>
 
-          {!isCd && !isAudiobook && job.encodePlan ? (
-            <section className="job-meta-block job-meta-block-full">
-              <h4>Spurauswahl</h4>
-              <MediaInfoReviewPanel
-                review={job.encodePlan}
-                commandOutputPath={job.output_path || null}
-                selectedEncodeTitleId={reviewSelectedEncodeTitleId}
-                trackSelectionByTitle={reviewTrackSelectionByTitle}
-                availableScripts={configuredSelection.scriptCatalog}
-                availableChains={configuredSelection.chainCatalog}
-                preEncodeItems={reviewPreEncodeItems}
-                postEncodeItems={reviewPostEncodeItems}
-                userPresets={reviewUserPresets}
-                selectedUserPresetId={Number.isFinite(encodePlanUserPresetId) && encodePlanUserPresetId > 0
-                  ? Math.trunc(encodePlanUserPresetId)
-                  : null}
-              />
-            </section>
-          ) : null}
+
 
           <h4>Log</h4>
           {showFinalLog ? (