fix: hide stale eta on cancelled jobs

Author: ChuxiJ

src/components/generation/GenerationPanel.tsx

@@ -32,9 +32,9 @@ export function GenerationPanel() {
           <>
             <div className="flex-1 flex items-center gap-2 overflow-x-auto text-xs">
               {visibleJobs.map((job) => {
-                const eta = formatEtaDisplay(job.etaSeconds ?? null);
-                const progressPercent = Math.round(job.progressPercent ?? 0);
                 const isActive = job.status === 'queued' || job.status === 'generating' || job.status === 'processing';
+                const eta = isActive ? formatEtaDisplay(job.etaSeconds ?? null) : '';
+                const progressPercent = Math.round(job.progressPercent ?? 0);
                 const isRetryable = (job.status === 'error' || job.status === 'cancelled') && !!job.retryParams;
 
                 // Queue position from stable precomputed map

src/components/generation/__tests__/GenerationPanel.test.tsx

@@ -121,6 +121,20 @@ describe('GenerationPanel', () => {
     expect(screen.getByText('Cancelled')).toBeDefined();
   });
 
+  it('does not show stale ETA for cancelled jobs', () => {
+    const job = createJob({
+      id: 'gen-cancelled',
+      trackName: 'Pad',
+      status: 'cancelled' as GenerationJob['status'],
+      etaSeconds: 30,
+    });
+    useGenerationStore.getState().addJob(job);
+
+    render(<GenerationPanel />);
+
+    expect(screen.queryByText(/ETA/)).toBeNull();
+  });
+
   it('shows Cancel All button when 2+ active jobs', () => {
     useGenerationStore.getState().addJob(createJob({ id: 'j1', status: 'generating' }));
     useGenerationStore.getState().addJob(createJob({ id: 'j2', status: 'queued' }));