0.12.0-14 Log Fix

frontend/src/components/PipelineStatusCard.jsx

@@ -315,8 +315,7 @@ export default function PipelineStatusCard({
   onRetry,
   onDeleteJob,
   isQueued = false,
-  busy,
-  liveJobLog = ''
+  busy
 }) {
   const state = pipeline?.state || 'IDLE';
   const stateLabel = getStatusLabel(state);
@@ -331,6 +330,7 @@ export default function PipelineStatusCard({
   const reviewMode = String(mediaInfoReview?.mode || '').trim().toLowerCase();
   const isPreRipReview = reviewMode === 'pre_rip' || Boolean(mediaInfoReview?.preRip);
   const jobMediaProfile = resolvePipelineMediaProfile(pipeline, mediaInfoReview);
+  const [liveJobLog, setLiveJobLog] = useState('');
   const [selectedEncodeTitleId, setSelectedEncodeTitleId] = useState(null);
   const [selectedPlaylistId, setSelectedPlaylistId] = useState(null);
   const [selectedHandBrakeTitleIdState, setSelectedHandBrakeTitleIdState] = useState(null);
@@ -592,6 +592,30 @@ export default function PipelineStatusCard({
     pipeline?.context?.selectedPlaylist
   ]);
 
+  useEffect(() => {
+    if (!running || !retryJobId) {
+      setLiveJobLog('');
+      return undefined;
+    }
+    let cancelled = false;
+    const refresh = async () => {
+      try {
+        const response = await api.getJob(retryJobId, { includeLiveLog: true, lite: true });
+        if (!cancelled) {
+          setLiveJobLog(response?.job?.log || '');
+        }
+      } catch (_err) {
+        // ignore transient polling errors
+      }
+    };
+    void refresh();
+    const interval = setInterval(refresh, 2500);
+    return () => {
+      cancelled = true;
+      clearInterval(interval);
+    };
+  }, [running, retryJobId]);
+
   const playlistDecisionRequiredBeforeStart = state === 'WAITING_FOR_USER_DECISION' && !handBrakeTitleDecisionRequired;
   const commandOutputPath = useMemo(
     () => buildOutputPathPreview(settingsMap, jobMediaProfile, selectedMetadata, retryJobId),