Persist offer assistant jobs and recover results across closed views

src/components/AiJobHistory.jsx

@@ -0,0 +1,30 @@
+import React,{useEffect,useState,useRef} from 'react';
+import {listAiJobs,getAiJob,cancelAiJob,retryAiJob} from '../services/aiJobs';
+const labels={queued:'Sırada',running:'İşleniyor',completed:'Tamamlandı',failed:'Hata',interrupted:'Kesildi',cancelled:'İptal edildi'};
+const operations={'belge-sor':'Belge sorusu','teklif-denetim':'Taslak denetimi','teklif-taslak':'Taslak üretimi'};
+export function AiJobHistory({ikn,onOpen,revision,locked=false}) {
+ const [jobs,setJobs]=useState([]),[error,setError]=useState(null),[busy,setBusy]=useState(false);
+ const alive=useRef(true);
+ useEffect(()=>{alive.current=true;return()=>{alive.current=false;};},[]);
+ const act=async fn=>{
+  if(busy)return;setBusy(true);setError(null);
+  try {await fn();}catch(e){if(alive.current)setError(e.message);}finally {if(alive.current)setBusy(false);}
+ };
+ const refresh=async()=>{const data=await listAiJobs(ikn);if(!Array.isArray(data.jobs))throw new Error('İş listesi alınamadı.');if(alive.current)setJobs(data.jobs);};
+ useEffect(()=>{void act(refresh);},[ikn,revision]);
+ return <details className="border rounded-xl p-3 text-xs">
+  <summary className="font-bold cursor-pointer">Kayıtlı AI işleri</summary>
+  <p className="mt-2">Ekran kapansa da sunucudaki işler devam eder. Son 50 iş gösterilir. Kesilen işi yeniden başlatmak sağlayıcıya yeni istek gönderir. Eski sonucu açmak asistanın mevcut metinlerini değiştirir.</p>
+  <button onClick={()=>act(refresh)} disabled={busy} className="border rounded px-3 py-2 mt-2">İş listesini yenile</button>
+  {busy&&<p role="status">İş bilgileri alınıyor…</p>}
+  {error&&<p role="alert">{error}</p>}
+  {!jobs.length&&!busy&&!error&&<p>Bu ihale için kayıtlı AI işi yok.</p>}
+  <ul className="space-y-2 mt-2">{jobs.map(job=><li key={job.id} className="border rounded p-2">
+   <p>{operations[job.operation]} · {labels[job.state]} · {new Date(job.createdAt).toLocaleString('tr-TR')}</p>
+   {job.error&&<p>{job.error}</p>}
+   {job.state==='completed'&&<button disabled={busy || locked} className="underline py-2 mr-3" onClick={()=>act(async()=>{const data=await getAiJob(job.id);if(alive.current)onOpen(data.job);})}>Kaynak ve sonucu aç</button>}
+   {['failed','interrupted'].includes(job.state)&&<button disabled={busy} className="underline py-2 mr-3" onClick={()=>act(async()=>{await retryAiJob(job.id);await refresh();})}>İşi yeniden başlat</button>}
+   {['queued','running'].includes(job.state)&&<button disabled={busy} className="underline py-2" onClick={()=>act(async()=>{await cancelAiJob(job.id);await refresh();})}>İşi iptal et</button>}
+  </li>)}</ul>
+ </details>;
+}