diff --git a/packages/app/src/page-refresh.ts b/packages/app/src/page-refresh.ts
new file mode 100644
index 0000000..7f0e7c0
--- /dev/null
+++ b/packages/app/src/page-refresh.ts
@@ -0,0 +1,37 @@
+/** Shared browser orchestration. Completion-based timers prevent overlapping polls. */
+export const pageRefreshBrowserSource = `
+function pageRefresh(load,{delay=()=>3000,onError=()=>{}}={}){
+  let timer,busy=false,stopped=false,failures=0;
+  const clear=()=>{clearTimeout(timer);timer=undefined};
+  const schedule=ms=>{clear();if(!stopped&&!document.hidden&&ms!==null)timer=setTimeout(refresh,ms)};
+  async function refresh(){
+    if(stopped||document.hidden||busy)return;
+    clear();busy=true;
+    let next;
+    try{await load();failures=0;next=delay()}
+    catch(error){failures++;next=Math.min(30000,5000*2**(failures-1));onError(error)}
+    finally{busy=false;schedule(next)}
+  }
+  const resume=()=>{clear();if(!document.hidden)refresh()};
+  const hide=()=>{stopped=true;clear()};
+  const show=()=>{stopped=false;resume()};
+  document.addEventListener('visibilitychange',resume);
+  window.addEventListener('focus',resume);
+  window.addEventListener('pagehide',hide);
+  window.addEventListener('pageshow',show);
+  refresh();
+  return {refresh};
+}
+// Avoid replacing unchanged content; retain disclosure and keyboard position on updates.
+function replacePageContent(root,html,afterReplace=()=>{}){
+  const open=[...root.querySelectorAll('details')].map(x=>x.open);
+  const focused=root.contains(document.activeElement)?document.activeElement:null;
+  const focusId=focused?.id,focusHref=focused?.getAttribute('href'),focusPage=focused?.dataset.runPage;
+  const summaryIndex=[...root.querySelectorAll('details>summary')].indexOf(focused);
+  root.innerHTML=html;
+  root.querySelectorAll('details').forEach((x,i)=>x.open=Boolean(open[i]));
+  afterReplace();
+  const target=focusPage?[...root.querySelectorAll('[data-run-page]')].find(x=>x.dataset.runPage===focusPage):summaryIndex>=0?root.querySelectorAll('details>summary')[summaryIndex]:focusId?document.getElementById(focusId):focusHref?[...root.querySelectorAll('a')].find(x=>x.getAttribute('href')===focusHref):null;
+  target?.focus({preventScroll:true});
+}
+`;
diff --git a/packages/app/src/ui.ts b/packages/app/src/ui.ts
index f8da0b7..938db28 100644
--- a/packages/app/src/ui.ts
+++ b/packages/app/src/ui.ts
@@ -1,6 +1,7 @@
 /** Framework-light pages; Tailwind is compiled locally into public/styles.css. */
 import { triggerContextCatalog } from "./trigger-context";
 import { ansiToHtmlBrowserSource } from "./ansi";
+import { pageRefreshBrowserSource } from "./page-refresh";
 import { tracePresentationBrowserSource } from "./trace-presentation";
 type Viewer = { email: string } | null;
 const escapeHtml = (value: string) => value.replace(/[&<>"']/g, (char) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" })[char]!);
@@ -74,6 +75,7 @@ const card = "rounded-2xl border border-stone-200 bg-white shadow-sm dark:border
 const uiHelpers = `
 const $=s=>document.querySelector(s),esc=v=>String(v??'').replace(/[&<>"']/g,c=>({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#39;'}[c]));
 ${ansiToHtmlBrowserSource}
+${pageRefreshBrowserSource}
 const request=async(url,options)=>{const requestUrl=String(url).startsWith('/api/v1/runs?jobId=')&&!String(url).includes('limit=')?String(url)+'&limit=20':url,r=await fetch(requestUrl,options),body=await r.json().catch(()=>({}));if(r.status===401){location.href='/auth/linear';throw new Error('Unauthorized')}if(!r.ok)throw new Error(body.error?.message||body.error||'Request failed');return body};
 const jobRunsPageSize=20,jobRunsState={page:1,cursors:[null],runs:null,loading:false};
 const jobRunsMarkup=r=>r.items?.length?'<ul data-job-runs-list class="min-w-0 divide-y divide-stone-200 dark:divide-slate-800">'+r.items.map(x=>'<li class="min-w-0"><a class="flex min-w-0 items-center justify-between gap-4 p-5 hover:bg-stone-50 dark:hover:bg-slate-800" href="/job-runs/'+encodeURIComponent(x.id)+'"><span class="min-w-0 truncate"><span class="block truncate font-medium">'+esc(x.name||x.run_name||x.issue_title||x.provider||x.agent_kind||'Factorize')+'</span><span class="mt-1 block truncate text-xs text-slate-500">'+new Date(x.created_at).toLocaleString()+(activeRunStates.includes(x.state)&&x.started_at?' · <span data-run-started="'+esc(x.started_at)+'">'+elapsedSince(x.started_at)+'</span>':'')+'</span></span><span class="shrink-0">'+stateBadge(x.state)+'</span></a></li>').join('')+'</ul>':'<p data-job-runs-list class="p-8 text-sm text-slate-500">No runs yet.</p>';
@@ -90,7 +92,8 @@ const jobStatus=j=>j.runningCount>0?{label:'Running',classes:'bg-blue-500 ring-b
 export const jobsPage = (viewer: { email: string }) => shell("Jobs — Factorize", viewer, `<main class="mx-auto w-full max-w-6xl min-w-0 px-4 py-8 sm:px-5 sm:py-12 lg:px-8">
 ${dashboardHead("Jobs", "", '<a href="/jobs/new" class="inline-flex w-full justify-center rounded-xl bg-slate-950 px-4 py-2.5 text-sm font-semibold text-white dark:bg-white dark:text-slate-950 sm:w-auto sm:px-5 sm:py-3">Create job</a>')}
 <section id="jobs" class="${card} mt-6 overflow-hidden sm:mt-8"><p class="p-6 text-sm text-slate-500 sm:p-8">Loading jobs…</p></section></main>`, `${uiHelpers}
-async function load(){const jobs=await request('/api/v1/jobs');const root=$('#jobs');if(!jobs.length){root.innerHTML='<div class="p-8 text-center sm:p-10"><h2 class="font-semibold">No jobs yet</h2><p class="mt-2 text-sm text-slate-500">Create a manual-only or automatically triggered job.</p></div>';return}root.innerHTML='<ul class="divide-y divide-stone-200 dark:divide-slate-800">'+jobs.map(j=>{const status=jobStatus(j);return '<li class="flex min-w-0 items-center gap-3 px-4 py-4 sm:gap-4 sm:p-6"><span class="h-3 w-3 shrink-0 rounded-full ring-2 '+status.classes+'" role="img" aria-label="'+status.label+'" title="'+status.label+'"></span><div class="min-w-0"><div class="flex min-w-0 flex-wrap items-center gap-x-2 gap-y-1"><a class="break-words font-semibold hover:text-factorize-700" href="/jobs/'+encodeURIComponent(j.id)+'">'+esc(j.name)+'</a>'+(j.enabled?'':'<span class="text-xs font-semibold text-slate-500">Disabled</span>')+'</div><p class="mt-1 text-xs text-slate-500 sm:mt-2 sm:text-sm"><span class="font-medium text-slate-700 dark:text-slate-300">'+esc(j.runningCount)+'/'+esc(j.concurrencyLimit)+' Running</span></p></div></li>'}).join('')+'</ul>'}load().catch(e=>$('#jobs').innerHTML='<p class="p-6 text-red-700">'+esc(e.message)+'</p>');`);
+let jobsSnapshot,activeJobs=false;
+async function load(){const jobs=await request('/api/v1/jobs');activeJobs=jobs.some(j=>j.runningCount>0);const snapshot=JSON.stringify(jobs);if(snapshot===jobsSnapshot)return;jobsSnapshot=snapshot;const root=$('#jobs');if(!jobs.length){root.innerHTML='<div class="p-8 text-center sm:p-10"><h2 class="font-semibold">No jobs yet</h2><p class="mt-2 text-sm text-slate-500">Create a manual-only or automatically triggered job.</p></div>';return}replacePageContent(root,'<ul class="divide-y divide-stone-200 dark:divide-slate-800">'+jobs.map(j=>{const status=jobStatus(j);return '<li class="flex min-w-0 items-center gap-3 px-4 py-4 sm:gap-4 sm:p-6"><span class="h-3 w-3 shrink-0 rounded-full ring-2 '+status.classes+'" role="img" aria-label="'+status.label+'" title="'+status.label+'"></span><div class="min-w-0"><div class="flex min-w-0 flex-wrap items-center gap-x-2 gap-y-1"><a class="break-words font-semibold hover:text-factorize-700" href="/jobs/'+encodeURIComponent(j.id)+'">'+esc(j.name)+'</a>'+(j.enabled?'':'<span class="text-xs font-semibold text-slate-500">Disabled</span>')+'</div><p class="mt-1 text-xs text-slate-500 sm:mt-2 sm:text-sm"><span class="font-medium text-slate-700 dark:text-slate-300">'+esc(j.runningCount)+'/'+esc(j.concurrencyLimit)+' Running</span></p></div></li>'}).join('')+'</ul>')}pageRefresh(load,{delay:()=>activeJobs?3000:10000,onError:e=>{if(!jobsSnapshot)$('#jobs').innerHTML='<p class="p-6 text-red-700">'+esc(e.message)+'</p>'}});`);
 
 export const jobPage = (viewer: { email: string }, jobId?: string) => shell(`${jobId ? "Edit" : "Create"} job — Factorize`, viewer, `<main class="mx-auto w-full max-w-5xl min-w-0 px-4 py-8 sm:px-5 sm:py-12 lg:px-8"><a href="${jobId ? `/jobs/${escapeHtml(jobId)}` : "/jobs"}" class="text-sm font-medium text-slate-500">← Jobs</a><div class="mt-4 min-w-0 sm:mt-5">${dashboardHead(jobId ? "Edit job" : "Create a job", "Every prompt input comes from an explicit trigger row with a stable context slug.")}</div>
 <form id="job" class="mt-8 min-w-0 space-y-6"><section class="${card} min-w-0 p-6" aria-labelledby="job-basics-title"><div class="min-w-0 border-b border-stone-200 pb-5 dark:border-slate-800"><p class="text-xs font-semibold uppercase tracking-[.18em] text-factorize-700 dark:text-factorize-100">Step 1</p><h2 id="job-basics-title" class="mt-2 text-xl font-semibold">Job details</h2><p class="mt-1 text-sm text-slate-500 dark:text-slate-400">Name this job and set how many runs it can process at once.</p></div><div class="mt-5 grid min-w-0 gap-5 sm:grid-cols-2"><label class="label min-w-0">Name<input class="field" name="name" required maxlength="120"></label><label class="label min-w-0">Slug<input class="field font-mono" name="slug" required maxlength="30" pattern="[a-z][a-z0-9_\\-]{0,29}"><span class="mt-2 block font-normal text-slate-500">Used in run identifiers. You can customize it.</span></label><label class="label min-w-0">Max concurrency<input class="field" type="number" name="concurrencyLimit" min="1" max="50" value="1" required></label></div></section>
@@ -179,10 +182,12 @@ manualRunForm.onsubmit=async e=>{e.preventDefault();const button=$('#submit-manu
 const activeRunStates=['queued','starting','running','blocked','stopping'];let elapsedTimer;
 function elapsedSince(value){const seconds=Math.max(0,Math.floor((Date.now()-new Date(value).getTime())/1000)),hours=Math.floor(seconds/3600),minutes=Math.floor(seconds%3600/60),remainder=seconds%60;return(hours?hours+'h ':'')+(minutes||hours?minutes+'m ':'')+remainder+'s elapsed'}
 function refreshRunElapsed(){document.querySelectorAll('[data-run-started]').forEach(label=>label.textContent=elapsedSince(label.dataset.runStarted))}
-async function load(){clearInterval(elapsedTimer);const [j,runs]=await Promise.all([request('/api/v1/jobs/'+encodeURIComponent(id)),request('/api/v1/runs?jobId='+encodeURIComponent(id))]),triggers=j.triggers||[],status=jobStatus(j),hasActiveRuns=runs.items.some(r=>activeRunStates.includes(r.state));jobRunsState.page=1;jobRunsState.cursors=[null];jobRunsState.runs=runs;root.innerHTML='<nav aria-label="Breadcrumb"><ol class="flex flex-wrap items-center gap-2 text-sm text-slate-500"><li><a href="/jobs" class="font-medium hover:text-slate-950 dark:hover:text-white">Jobs</a></li><li aria-hidden="true">/</li><li aria-current="page" class="truncate font-medium text-slate-950 dark:text-white">'+esc(j.name)+'</li></ol></nav><div class="mt-6 grid min-w-0 items-start gap-5 sm:grid-cols-[minmax(0,1fr)_auto]"><div class="min-w-0"><h1 class="w-full break-words text-3xl font-bold tracking-tight">'+esc(j.name)+'</h1><div class="mt-3 flex items-center gap-3"><span class="h-3.5 w-3.5 shrink-0 rounded-full ring-4 '+status.classes+'" role="img" aria-label="'+status.label+'" title="'+status.label+'"></span><span class="text-sm font-medium text-slate-700 dark:text-slate-300">'+esc(j.runningCount)+'/'+esc(j.concurrencyLimit)+' Running</span>'+(j.enabled?'':'<span class="text-sm text-slate-500">Disabled</span>')+'</div><details class="mt-3"><summary class="w-fit cursor-pointer text-sm font-semibold text-factorize-700 dark:text-factorize-100">Details</summary><div class="mt-3 space-y-4 text-sm text-slate-600 dark:text-slate-300"><dl class="grid gap-2 sm:grid-cols-[8rem_minmax(0,1fr)]"><dt class="font-semibold text-slate-950 dark:text-white">Triggers</dt><dd>'+(triggers.length?triggers.map(t=>triggerBadge(t.kind)).join(' '):'None')+'</dd><dt class="font-semibold text-slate-950 dark:text-white">Model</dt><dd>'+esc(j.model||'Harness default')+'</dd></dl><div><h2 class="font-semibold text-slate-950 dark:text-white">Prompt template</h2><pre class="mt-2 overflow-x-auto whitespace-pre-wrap rounded-xl bg-slate-950 p-4 text-sm text-slate-100">'+esc(j.promptTemplate)+'</pre></div></div></details></div><div class="flex flex-wrap items-start gap-2 sm:justify-end"><button id="run" class="rounded-xl bg-factorize-500 px-4 py-2.5 text-sm font-semibold text-slate-950">Run now</button><button id="toggle" class="rounded-xl border border-stone-300 px-4 py-2.5 text-sm font-semibold">'+(j.enabled?'Disable':'Enable')+'</button><a href="/jobs/'+encodeURIComponent(id)+'/edit" class="rounded-xl border border-stone-300 px-4 py-2.5 text-sm font-semibold">Edit</a><button id="delete" class="rounded-xl border border-red-200 px-4 py-2.5 text-sm font-semibold text-red-700">Delete</button></div></div><section data-job-runs-section class="${card} mt-8 min-w-0 overflow-hidden"><div class="border-b border-stone-200 p-6 dark:border-slate-800"><h2 class="font-semibold">Runs</h2></div>'+(runs.items.length?jobRunsMarkup(runs):'<p data-job-runs-list class="p-8 text-sm text-slate-500">No runs yet.</p>')+'</section>';refreshJobRunsPagination();if(hasActiveRuns)elapsedTimer=setInterval(refreshRunElapsed,1000);$('#run').onclick=openManualRun;$('#toggle').onclick=async()=>{await request('/api/v1/jobs/'+encodeURIComponent(id)+'/'+(j.enabled?'disable':'enable'),{method:'POST'});load()};$('#delete').onclick=async()=>{if(confirm('Delete this job and its queued history?')){await request('/api/v1/jobs/'+encodeURIComponent(id),{method:'DELETE'});location.href='/jobs'}}}load().catch(e=>root.innerHTML='<p class="text-red-700">'+esc(e.message)+'</p>');`);
+let jobSnapshot,jobActive=false;
+async function load(){if(jobRunsState.loading)return;jobRunsState.loading=true;try{const cursor=jobRunsState.cursors[jobRunsState.page];const [j,runs]=await Promise.all([request('/api/v1/jobs/'+encodeURIComponent(id)),request('/api/v1/runs?jobId='+encodeURIComponent(id)+'&limit='+jobRunsPageSize+(cursor?'&cursor='+encodeURIComponent(cursor):''))]),triggers=j.triggers||[],status=jobStatus(j),hasActiveRuns=runs.items.some(r=>activeRunStates.includes(r.state));jobActive=j.runningCount>0||hasActiveRuns;const snapshot=JSON.stringify([j,runs,jobRunsState.page]);if(snapshot===jobSnapshot)return;jobSnapshot=snapshot;clearInterval(elapsedTimer);jobRunsState.runs=runs;replacePageContent(root,'<nav aria-label="Breadcrumb"><ol class="flex flex-wrap items-center gap-2 text-sm text-slate-500"><li><a href="/jobs" class="font-medium hover:text-slate-950 dark:hover:text-white">Jobs</a></li><li aria-hidden="true">/</li><li aria-current="page" class="truncate font-medium text-slate-950 dark:text-white">'+esc(j.name)+'</li></ol></nav><div class="mt-6 grid min-w-0 items-start gap-5 sm:grid-cols-[minmax(0,1fr)_auto]"><div class="min-w-0"><h1 class="w-full break-words text-3xl font-bold tracking-tight">'+esc(j.name)+'</h1><div class="mt-3 flex items-center gap-3"><span class="h-3.5 w-3.5 shrink-0 rounded-full ring-4 '+status.classes+'" role="img" aria-label="'+status.label+'" title="'+status.label+'"></span><span class="text-sm font-medium text-slate-700 dark:text-slate-300">'+esc(j.runningCount)+'/'+esc(j.concurrencyLimit)+' Running</span>'+(j.enabled?'':'<span class="text-sm text-slate-500">Disabled</span>')+'</div><details class="mt-3"><summary class="w-fit cursor-pointer text-sm font-semibold text-factorize-700 dark:text-factorize-100">Details</summary><div class="mt-3 space-y-4 text-sm text-slate-600 dark:text-slate-300"><dl class="grid gap-2 sm:grid-cols-[8rem_minmax(0,1fr)]"><dt class="font-semibold text-slate-950 dark:text-white">Triggers</dt><dd>'+(triggers.length?triggers.map(t=>triggerBadge(t.kind)).join(' '):'None')+'</dd><dt class="font-semibold text-slate-950 dark:text-white">Model</dt><dd>'+esc(j.model||'Harness default')+'</dd></dl><div><h2 class="font-semibold text-slate-950 dark:text-white">Prompt template</h2><pre class="mt-2 overflow-x-auto whitespace-pre-wrap rounded-xl bg-slate-950 p-4 text-sm text-slate-100">'+esc(j.promptTemplate)+'</pre></div></div></details></div><div class="flex flex-wrap items-start gap-2 sm:justify-end"><button id="run" class="rounded-xl bg-factorize-500 px-4 py-2.5 text-sm font-semibold text-slate-950">Run now</button><button id="toggle" class="rounded-xl border border-stone-300 px-4 py-2.5 text-sm font-semibold">'+(j.enabled?'Disable':'Enable')+'</button><a href="/jobs/'+encodeURIComponent(id)+'/edit" class="rounded-xl border border-stone-300 px-4 py-2.5 text-sm font-semibold">Edit</a><button id="delete" class="rounded-xl border border-red-200 px-4 py-2.5 text-sm font-semibold text-red-700">Delete</button></div></div><section data-job-runs-section class="${card} mt-8 min-w-0 overflow-hidden"><div class="border-b border-stone-200 p-6 dark:border-slate-800"><h2 class="font-semibold">Runs</h2></div>'+(runs.items.length?jobRunsMarkup(runs):'<p data-job-runs-list class="p-8 text-sm text-slate-500">No runs yet.</p>')+'</section>',refreshJobRunsPagination);if(hasActiveRuns)elapsedTimer=setInterval(refreshRunElapsed,1000);$('#run').onclick=openManualRun;$('#toggle').onclick=async()=>{await request('/api/v1/jobs/'+encodeURIComponent(id)+'/'+(j.enabled?'disable':'enable'),{method:'POST'});jobRefresh.refresh()};$('#delete').onclick=async()=>{if(confirm('Delete this job and its queued history?')){await request('/api/v1/jobs/'+encodeURIComponent(id),{method:'DELETE'});location.href='/jobs'}}}finally{jobRunsState.loading=false}}
+const jobRefresh=pageRefresh(load,{delay:()=>jobActive?3000:10000,onError:e=>{if(!jobSnapshot)root.innerHTML='<p class="text-red-700">'+esc(e.message)+'</p>'}});`);
 
 export const jobRunPage = (viewer: { email: string }, runId: string) => shell("Run — Factorize", viewer, `<main class="mx-auto w-full max-w-6xl min-w-0 px-4 py-8 sm:px-5 sm:py-12 lg:px-8"><div id="run-detail" class="min-w-0" data-id="${escapeHtml(runId)}"><p class="text-sm text-slate-500">Loading run…</p></div></main>`, `${uiHelpers}
-const root=$('#run-detail'),id=root.dataset.id,activeStates=['queued','starting','running','blocked','stopping'];let refreshTimer,elapsedTimer,traceCursor=0,traceDone=false;
+const root=$('#run-detail'),id=root.dataset.id,activeStates=['queued','starting','running','blocked','stopping'];let elapsedTimer,traceCursor=0,traceDone=false,traceLoading=null,currentRun=null;
 function triggerProvenance(r){
   const invocation=r.invocation;
   if(!invocation)return '<section data-run-trigger class="${card} mt-6 min-w-0 p-6"><h2 class="font-semibold">Trigger</h2><p class="mt-2 text-sm text-slate-500">Trigger information is not available for this run.</p></section>';
@@ -191,13 +196,23 @@ function triggerProvenance(r){
   return '<section data-run-trigger class="${card} mt-6 min-w-0 overflow-hidden p-6"><h2 class="font-semibold">Trigger</h2><dl class="mt-3 grid gap-3 text-sm sm:grid-cols-2">'+row('Type',source)+row('Trigger',slugs.join(', '))+row('Trigger ID',invocation.trigger_id)+row('Invoked at',invocation.created_at)+'</dl><details class="mt-4"><summary class="cursor-pointer text-sm font-semibold">Trigger details</summary><pre class="mt-3 max-h-96 overflow-auto whitespace-pre-wrap break-words font-mono text-xs leading-5">'+esc(JSON.stringify({context,...(invocation.occurrence?{occurrence:invocation.occurrence}:{})},null,2))+'</pre></details></section>';
 }
 ${tracePresentationBrowserSource}
-async function loadTrace(reset=false){if(reset){traceCursor=0;traceDone=false;const list=$('[data-run-trace]');if(list)list.innerHTML=''}if(traceDone)return;const page=await request('/api/v1/runs/'+encodeURIComponent(id)+'/trace?after='+traceCursor+'&limit=100'),list=$('[data-run-trace]');if(!list)return;list.insertAdjacentHTML('beforeend',page.items.map(traceCard).join(''));list.classList.toggle('trace-at-end',!page.nextCursor);if(page.items.length)traceCursor=page.items.at(-1).sequence;traceDone=!page.nextCursor;const more=$('[data-trace-more]');if(more)more.classList.toggle('hidden',traceDone);const empty=$('[data-trace-empty]');if(empty)empty.classList.toggle('hidden',Boolean(list.children.length))}
+function loadTrace(reset=false){if(traceLoading)return traceLoading;traceLoading=fetchTrace(reset).finally(()=>{traceLoading=null});return traceLoading}
+async function fetchTrace(reset=false){if(reset){traceCursor=0;traceDone=false;const list=$('[data-run-trace]');if(list)list.innerHTML=''}if(traceDone)return;const page=await request('/api/v1/runs/'+encodeURIComponent(id)+'/trace?after='+traceCursor+'&limit=100'),list=$('[data-run-trace]');if(!list)return;list.insertAdjacentHTML('beforeend',page.items.map(traceCard).join(''));list.classList.toggle('trace-at-end',!page.nextCursor);if(page.items.length)traceCursor=page.items.at(-1).sequence;traceDone=!page.nextCursor;const more=$('[data-trace-more]');if(more)more.classList.toggle('hidden',traceDone);const empty=$('[data-trace-empty]');if(empty)empty.classList.toggle('hidden',Boolean(list.children.length))}
 function elapsed(r){if(!r.started_at)return ['queued','starting'].includes(r.state)?'Waiting to start':'Start time unavailable';const start=new Date(r.started_at).getTime(),end=activeStates.includes(r.state)?Date.now():new Date(r.updated_at||r.created_at).getTime(),seconds=Math.max(0,Math.floor((end-start)/1000)),hours=Math.floor(seconds/3600),minutes=Math.floor(seconds%3600/60),remainder=seconds%60;return(hours?hours+'h ':'')+(minutes||hours?minutes+'m ':'')+remainder+'s elapsed'}
 function queueTime(r){if(!r.started_at&&!['queued','starting'].includes(r.state))return '';const seconds=Math.max(0,Math.floor((new Date(r.started_at||Date.now()).getTime()-new Date(r.created_at).getTime())/1000));return seconds+'s '+(r.started_at?'queue time':'waiting to start')}
 function updateElapsed(r){const queue=$('[data-run-queue]');if(queue)queue.textContent=queueTime(r);const label=$('[data-run-elapsed]');if(label)label.textContent=elapsed(r);clearInterval(elapsedTimer);if(activeStates.includes(r.state))elapsedTimer=setInterval(()=>{const current=$('[data-run-elapsed]');if(current)current.textContent=elapsed(r);const queue=$('[data-run-queue]');if(queue)queue.textContent=queueTime(r)},1000)}
-function scheduleRefresh(r){root.classList.toggle('trace-running',r.state==='running');clearTimeout(refreshTimer);if(activeStates.includes(r.state))refreshTimer=setTimeout(refreshOutput,3000)}
-async function refreshOutput(){try{const r=await request('/api/v1/runs/'+encodeURIComponent(id)),state=$('[data-run-state]');if(state)state.innerHTML=stateBadge(r.state);traceDone=false;await loadTrace();updateElapsed(r);scheduleRefresh(r)}catch{refreshTimer=setTimeout(refreshOutput,5000)}}
-request('/api/v1/runs/'+encodeURIComponent(id)).then(async r=>({r,j:await request('/api/v1/jobs/'+encodeURIComponent(r.job_id))})).then(async({r,j})=>{const canKill=!['done','failed','stopped','succeeded'].includes(r.state),runLabel=r.name||r.run_name||r.issue_title||'Run '+r.id.slice(0,8);document.title=runLabel+' — Factorize';root.innerHTML='<nav aria-label="Breadcrumb"><ol class="flex min-w-0 flex-wrap items-center gap-2 text-sm text-slate-500"><li><a href="/jobs" class="font-medium hover:text-slate-950 dark:hover:text-white">Jobs</a></li><li aria-hidden="true">/</li><li class="min-w-0 max-w-full"><a href="/jobs/'+encodeURIComponent(r.job_id)+'" class="block truncate font-medium hover:text-slate-950 dark:hover:text-white">'+esc(j.name)+'</a></li><li aria-hidden="true">/</li><li aria-current="page" class="min-w-0 max-w-full truncate font-medium text-slate-950 dark:text-white">'+esc(runLabel)+'</li></ol></nav><div class="mt-6 flex min-w-0 flex-wrap items-start justify-between gap-4"><div class="min-w-0"><h1 class="break-words text-3xl font-bold">'+esc(runLabel)+'</h1><p data-run-elapsed class="mt-2 text-slate-500">'+elapsed(r)+'</p><p data-run-queue class="mt-1 text-sm text-slate-500">'+queueTime(r)+'</p></div><div class="flex min-w-0 flex-wrap items-center gap-3"><span data-run-state>'+stateBadge(r.state)+'</span>'+(canKill?'<button id="kill-run" class="rounded-xl border border-red-200 px-4 py-2 text-sm font-semibold text-red-700">Kill run</button>':'')+'</div></div>'+triggerProvenance(r)+'<details data-run-prompt-details class="${card} mt-8 min-w-0 overflow-hidden p-6"><summary class="cursor-pointer font-semibold">Prompt</summary><pre data-run-prompt class="mt-4 min-w-0 max-w-full overflow-x-auto whitespace-pre-wrap break-words rounded-xl bg-slate-950 p-4 font-mono text-xs leading-5 text-slate-100">'+esc(r.prompt||'Prompt is not available for this run.')+'</pre></details><section class="${card} mt-6 min-w-0 overflow-hidden p-6"><div class="flex flex-wrap items-center justify-between gap-3"><div><h2 class="font-semibold">Trace</h2><p class="mt-1 text-xs text-slate-500">Native '+esc(r.agent_kind||'agent')+' session · '+esc(r.artifact_state||'pending')+'</p></div>'+(activeStates.includes(r.state)?'<span class="text-xs text-slate-500" aria-live="polite">Live · refreshes automatically</span>':'')+'</div><p data-trace-empty class="mt-6 text-sm text-slate-500">Trace events are not available yet.</p><div data-run-trace class="trace-list mt-5"></div><button data-trace-more class="mt-5 hidden rounded-xl border border-stone-300 px-4 py-2 text-sm font-semibold">Load more</button></section>';if(canKill)$('#kill-run').onclick=async()=>{if(!confirm('Kill this run and release its concurrency slot?'))return;await request('/api/v1/runs/'+encodeURIComponent(id)+'/kill',{method:'POST'});location.reload()};$('[data-trace-more]').onclick=()=>{traceDone=false;loadTrace()};await loadTrace();updateElapsed(r);scheduleRefresh(r)}).catch(e=>root.innerHTML='<p class="text-red-700">'+esc(e.message)+'</p>');`);
+function updateRun(r){
+  currentRun=r;
+  root.classList.toggle('trace-running',r.state==='running');
+  const state=$('[data-run-state]');if(state)state.innerHTML=stateBadge(r.state);
+  if(!activeStates.includes(r.state))$('#kill-run')?.remove();
+  const live=$('[data-run-live]');if(live)live.hidden=!activeStates.includes(r.state);
+  const artifact=$('[data-run-artifact]');if(artifact)artifact.textContent='Native '+(r.agent_kind||'agent')+' session · '+(r.artifact_state||'pending');
+  updateElapsed(r);
+}
+async function refreshOutput(){const r=await request('/api/v1/runs/'+encodeURIComponent(id));updateRun(r);if(traceLoading)await traceLoading;traceDone=false;await loadTrace()}
+async function loadRun(){return request('/api/v1/runs/'+encodeURIComponent(id)).then(async r=>({r,j:await request('/api/v1/jobs/'+encodeURIComponent(r.job_id))})).then(async({r,j})=>{const canKill=activeStates.includes(r.state),runLabel=r.name||r.run_name||r.issue_title||'Run '+r.id.slice(0,8);document.title=runLabel+' — Factorize';root.innerHTML='<nav aria-label="Breadcrumb"><ol class="flex min-w-0 flex-wrap items-center gap-2 text-sm text-slate-500"><li><a href="/jobs" class="font-medium hover:text-slate-950 dark:hover:text-white">Jobs</a></li><li aria-hidden="true">/</li><li class="min-w-0 max-w-full"><a href="/jobs/'+encodeURIComponent(r.job_id)+'" class="block truncate font-medium hover:text-slate-950 dark:hover:text-white">'+esc(j.name)+'</a></li><li aria-hidden="true">/</li><li aria-current="page" class="min-w-0 max-w-full truncate font-medium text-slate-950 dark:text-white">'+esc(runLabel)+'</li></ol></nav><div class="mt-6 flex min-w-0 flex-wrap items-start justify-between gap-4"><div class="min-w-0"><h1 class="break-words text-3xl font-bold">'+esc(runLabel)+'</h1><p data-run-elapsed class="mt-2 text-slate-500">'+elapsed(r)+'</p><p data-run-queue class="mt-1 text-sm text-slate-500">'+queueTime(r)+'</p></div><div class="flex min-w-0 flex-wrap items-center gap-3"><span data-run-state>'+stateBadge(r.state)+'</span>'+(canKill?'<button id="kill-run" class="rounded-xl border border-red-200 px-4 py-2 text-sm font-semibold text-red-700">Kill run</button>':'')+'</div></div>'+triggerProvenance(r)+'<details data-run-prompt-details class="${card} mt-8 min-w-0 overflow-hidden p-6"><summary class="cursor-pointer font-semibold">Prompt</summary><pre data-run-prompt class="mt-4 min-w-0 max-w-full overflow-x-auto whitespace-pre-wrap break-words rounded-xl bg-slate-950 p-4 font-mono text-xs leading-5 text-slate-100">'+esc(r.prompt||'Prompt is not available for this run.')+'</pre></details><section class="${card} mt-6 min-w-0 overflow-hidden p-6"><div class="flex flex-wrap items-center justify-between gap-3"><div><h2 class="font-semibold">Trace</h2><p data-run-artifact class="mt-1 text-xs text-slate-500">Native '+esc(r.agent_kind||'agent')+' session · '+esc(r.artifact_state||'pending')+'</p></div>'+(activeStates.includes(r.state)?'<span data-run-live class="text-xs text-slate-500" aria-live="polite">Live · refreshes automatically</span>':'')+'</div><p data-trace-empty class="mt-6 text-sm text-slate-500">Trace events are not available yet.</p><div data-run-trace class="trace-list mt-5"></div><button data-trace-more class="mt-5 hidden rounded-xl border border-stone-300 px-4 py-2 text-sm font-semibold">Load more</button></section>';if(canKill)$('#kill-run').onclick=async()=>{if(!confirm('Kill this run and release its concurrency slot?'))return;await request('/api/v1/runs/'+encodeURIComponent(id)+'/kill',{method:'POST'});await runRefresh.refresh()};$('[data-trace-more]').onclick=()=>{traceDone=false;loadTrace().catch(()=>{})};updateRun(r);await loadTrace()})}
+const runRefresh=pageRefresh(async()=>{if(!currentRun)await loadRun();else await refreshOutput()},{delay:()=>activeStates.includes(currentRun.state)?3000:['pending','collecting'].includes(currentRun.artifact_state)?10000:null,onError:e=>{if(!currentRun)root.innerHTML='<p class="text-red-700">'+esc(e.message)+'</p>'}});`);
 
 const settingsLayout = (active: "integrations" | "api-keys", content: string) => `<main class="mx-auto w-full max-w-6xl min-w-0 px-4 py-8 sm:px-5 sm:py-12 lg:px-8"><div class="grid min-w-0 gap-8 md:grid-cols-[13rem_minmax(0,1fr)] md:gap-10"><nav aria-label="Settings" class="flex gap-2 overflow-x-auto border-b border-stone-200 pb-3 md:block md:border-b-0 md:pb-0 dark:border-slate-800">
 ${[["integrations", "Integrations"], ["api-keys", "API Keys"]].map(([id, label]) => `<a href="/settings/${id}"${active === id ? ` aria-current="page"` : ""} class="flex min-h-11 shrink-0 items-center rounded-lg px-3 py-2 text-sm text-slate-600 hover:bg-stone-100 hover:text-slate-950 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-factorize-600 aria-[current=page]:bg-stone-100 aria-[current=page]:font-semibold aria-[current=page]:text-slate-950 md:mb-1 dark:text-slate-300 dark:hover:bg-slate-800 dark:hover:text-white dark:aria-[current=page]:bg-slate-800 dark:aria-[current=page]:text-white">${label}</a>`).join("")}
diff --git a/packages/app/test/page-refresh.browser.test.ts b/packages/app/test/page-refresh.browser.test.ts
new file mode 100644
index 0000000..232d150
--- /dev/null
+++ b/packages/app/test/page-refresh.browser.test.ts
@@ -0,0 +1,203 @@
+// @vitest-environment happy-dom
+import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
+import { jobsPage, jobDetailPage, jobRunPage } from "../src/ui";
+
+declare const document: any;
+declare const window: any;
+const viewer = { email: "owner@example.com" };
+const json = (value: unknown, status = 200) => new Response(JSON.stringify(value), { status });
+const job = { id: "job-1", name: "Build", runningCount: 0, concurrencyLimit: 2, enabled: true, triggers: [] };
+const run = { id: "run-1", job_id: "job-1", state: "queued", artifact_state: "pending", created_at: "2026-09-18T00:00:00Z" };
+const event = (sequence: number) => ({ sequence, type: "assistant_message", title: "Assistant", preview: "Event " + sequence });
+const flush = async () => { for (let i = 0; i < 50; i++) await Promise.resolve(); };
+const listeners: [any, string, any][] = [];
+
+function render(html: string, fetcher: any) {
+  vi.stubGlobal("fetch", fetcher);
+  document.body.innerHTML = html.match(/<body[^>]*>([\s\S]*?)<\/body>/)?.[1] ?? "";
+  const script = [...html.matchAll(/<script>([\s\S]*?)<\/script>/g)].at(-1)![1];
+  new Function(script)();
+}
+
+beforeEach(() => {
+  vi.useFakeTimers();
+  Object.defineProperty(document, "hidden", { configurable: true, value: false });
+  for (const target of [window, document]) {
+    const add = target.addEventListener.bind(target);
+    vi.spyOn(target, "addEventListener").mockImplementation((type: any, listener: any, options: any) => {
+      listeners.push([target, type, listener]); add(type, listener, options);
+    });
+  }
+});
+afterEach(() => {
+  for (const [target, type, listener] of listeners.splice(0)) target.removeEventListener(type, listener);
+  vi.clearAllTimers(); vi.useRealTimers(); vi.restoreAllMocks(); vi.unstubAllGlobals();
+  document.body.innerHTML = "";
+});
+
+describe("lifecycle page refresh", () => {
+  it("discovers jobs while idle, updates running counts, and preserves unchanged DOM", async () => {
+    let jobs: any[] = [];
+    const fetcher = vi.fn(async () => json(jobs));
+    render(jobsPage(viewer), fetcher); await flush();
+    expect(document.querySelector('#jobs').textContent).toContain('No jobs yet');
+    jobs = [{ ...job, runningCount: 1 }];
+    await vi.advanceTimersByTimeAsync(10000);
+    expect(document.querySelector('#jobs').textContent).toContain('1/2 Running');
+    const link = document.querySelector('#jobs a'); link.focus();
+    await vi.advanceTimersByTimeAsync(3000);
+    expect(document.querySelector('#jobs a')).toBe(link);
+    jobs = [job]; await vi.advanceTimersByTimeAsync(3000);
+    expect(document.querySelector('#jobs').textContent).toContain('0/2 Running');
+    expect(document.activeElement.getAttribute('href')).toBe('/jobs/job-1');
+  });
+
+  it("pauses when hidden, refreshes on return, and serializes slow requests", async () => {
+    let resolve!: (value: Response) => void;
+    const fetcher = vi.fn(() => new Promise<Response>(r => { resolve = r; }));
+    render(jobsPage(viewer), fetcher);
+    window.dispatchEvent(new Event('focus'));
+    await vi.advanceTimersByTimeAsync(30000);
+    expect(fetcher).toHaveBeenCalledTimes(1);
+    resolve(json([job])); await flush();
+    Object.defineProperty(document, 'hidden', { configurable: true, value: true });
+    document.dispatchEvent(new Event('visibilitychange'));
+    await vi.advanceTimersByTimeAsync(30000);
+    expect(fetcher).toHaveBeenCalledTimes(1);
+    Object.defineProperty(document, 'hidden', { configurable: true, value: false });
+    document.dispatchEvent(new Event('visibilitychange'));
+    expect(fetcher).toHaveBeenCalledTimes(2);
+    window.dispatchEvent(new Event('pagehide'));
+    resolve(json([job])); await flush(); await vi.advanceTimersByTimeAsync(30000);
+    expect(fetcher).toHaveBeenCalledTimes(2);
+    window.dispatchEvent(new Event('pageshow'));
+    expect(fetcher).toHaveBeenCalledTimes(3);
+    resolve(json([job])); await flush();
+  });
+
+  it("backs off failures and keeps the last good page until recovery", async () => {
+    let failed = false;
+    const fetcher = vi.fn(async () => failed ? json({ error: 'Unavailable' }, 503) : json([job]));
+    render(jobsPage(viewer), fetcher); await flush(); failed = true;
+    await vi.advanceTimersByTimeAsync(10000);
+    expect(document.querySelector('#jobs').textContent).toContain('Build');
+    await vi.advanceTimersByTimeAsync(5000);
+    expect(fetcher).toHaveBeenCalledTimes(3);
+    await vi.advanceTimersByTimeAsync(9999);
+    expect(fetcher).toHaveBeenCalledTimes(3);
+    failed = false; await vi.advanceTimersByTimeAsync(1);
+    expect(fetcher).toHaveBeenCalledTimes(4);
+  });
+
+  it("refreshes the selected runs page without resetting disclosures or a manual prompt", async () => {
+    let state = 'running';
+    const fetcher = vi.fn(async (input: string) => {
+      if (input.startsWith('/api/v1/jobs/')) return json({ ...job, runningCount: state === 'running' ? 1 : 0 });
+      return json({ items: [{ ...run, id: input.includes('cursor=older') ? 'old-run' : 'new-run', state }], nextCursor: input.includes('cursor=older') ? null : 'older' });
+    });
+    render(jobDetailPage(viewer, job.id), fetcher); await flush();
+    document.querySelector('#manual-run-prompt').value = 'Keep this draft';
+    document.querySelector('[data-run-page="next"]').click(); await flush();
+    expect(document.querySelector('[data-job-runs-list] a').getAttribute('href')).toContain('old-run');
+    document.querySelector('#job-detail details').open = true;
+    state = 'succeeded'; await vi.advanceTimersByTimeAsync(3000);
+    expect(document.querySelector('[data-job-runs-pagination]').textContent).toContain('Page 2');
+    expect(document.querySelector('[data-job-runs-list]').textContent).toContain('succeeded');
+    expect(document.querySelector('#job-detail details').open).toBe(true);
+    expect(document.querySelector('#manual-run-prompt').value).toBe('Keep this draft');
+    expect(document.querySelector('#job-detail').textContent).toContain('0/2 Running');
+    expect(fetcher.mock.calls.at(-1)![0]).toContain('cursor=older');
+  });
+
+  it("discovers a newly queued run on an empty job", async () => {
+    let items: any[] = [];
+    const fetcher = vi.fn(async (input: string) => json(input.startsWith('/api/v1/jobs/') ? job : { items, nextCursor: null }));
+    render(jobDetailPage(viewer, job.id), fetcher); await flush();
+    expect(document.querySelector('[data-job-runs-list]').textContent).toContain('No runs yet');
+    items = [run]; await vi.advanceTimersByTimeAsync(10000);
+    expect(document.querySelector('[data-job-runs-list]').textContent).toContain('queued');
+    items = [{ ...run, state: 'running' }]; await vi.advanceTimersByTimeAsync(3000);
+    expect(document.querySelector('[data-job-runs-list]').textContent).toContain('running');
+  });
+
+  it.each(['failed', 'stopped', 'canceled', 'cancelled'])("recovers initial run errors and treats %s as terminal", async state => {
+    let failed = true;
+    const fetcher = vi.fn(async (input: string) => {
+      if (failed) return json({ error: 'Unavailable' }, 503);
+      if (input.includes('/trace?')) return json({ items: [], nextCursor: null });
+      return json(input.startsWith('/api/v1/jobs/') ? job : { ...run, state, artifact_state: 'failed' });
+    });
+    render(jobRunPage(viewer, run.id), fetcher); await flush();
+    expect(document.querySelector('#run-detail').textContent).toContain('Unavailable');
+    failed = false; await vi.advanceTimersByTimeAsync(5000);
+    expect(document.querySelector('[data-run-state]').textContent).toBe(state);
+    expect(document.querySelector('#kill-run')).toBeNull();
+    const calls = fetcher.mock.calls.length;
+    await vi.advanceTimersByTimeAsync(30000);
+    expect(fetcher).toHaveBeenCalledTimes(calls);
+  });
+
+  it("updates run lifecycle UI, appends bounded trace pages, and stops after finalization", async () => {
+    let current = { ...run, name: "Release <widgets>", run_name: "Legacy name", issue_title: "Issue title" };
+    let sequence = 0;
+    const fetcher = vi.fn(async (input: string) => {
+      if (input.includes('/trace?')) return json({ items: [event(++sequence)], nextCursor: null });
+      if (input.startsWith('/api/v1/jobs/')) return json(job);
+      return json(current);
+    });
+    render(jobRunPage(viewer, run.id), fetcher); await flush();
+    expect(document.querySelector('#run-detail h1').textContent).toBe(current.name);
+    expect(document.querySelector('[aria-current="page"]').textContent).toBe(current.name);
+    expect(document.title).toBe(current.name + ' — Factorize');
+    const trace = document.querySelector('[data-run-trace]');
+    expect(trace.classList.contains('trace-list')).toBe(true);
+    expect(trace.classList.contains('trace-at-end')).toBe(true);
+    const first = trace.firstElementChild;
+    document.querySelector('[data-run-prompt-details]').open = true;
+    for (const state of ['starting', 'running', 'blocked', 'stopping', 'succeeded']) {
+      current = { ...current, state, artifact_state: state === 'succeeded' ? 'stored' : 'collecting' };
+      await vi.advanceTimersByTimeAsync(3000);
+      expect(document.querySelector('[data-run-state]').textContent).toBe(state);
+      expect(document.querySelector('#run-detail').classList.contains('trace-running')).toBe(state === 'running');
+      expect(document.querySelector('#run-detail h1').textContent).toBe(current.name);
+      expect(document.title).toBe(current.name + ' — Factorize');
+    }
+    expect(trace.firstElementChild).toBe(first);
+    expect(trace.children).toHaveLength(6);
+    expect(document.querySelector('[data-run-prompt-details]').open).toBe(true);
+    expect(document.querySelector('#kill-run')).toBeNull();
+    expect(document.querySelector('[data-run-live]').hidden).toBe(true);
+    expect(document.querySelector('[data-run-artifact]').textContent).toContain('stored');
+    const calls = fetcher.mock.calls.length;
+    await vi.advanceTimersByTimeAsync(30000);
+    expect(fetcher).toHaveBeenCalledTimes(calls);
+    const traceUrls = fetcher.mock.calls.map(([url]) => url).filter(url => url.includes('/trace?'));
+    expect(traceUrls).toEqual([0, 1, 2, 3, 4, 5].map(after => '/api/v1/runs/run-1/trace?after=' + after + '&limit=100'));
+  });
+
+  it("waits for terminal artifacts and serializes Load more with automatic trace refresh", async () => {
+    let current = { ...run, state: 'succeeded', artifact_state: 'collecting' };
+    let finishTrace!: (response: Response) => void;
+    let traces = 0;
+    const fetcher = vi.fn(async (input: string) => {
+      if (input.includes('/trace?')) {
+        if (++traces === 1) return json({ items: [event(1)], nextCursor: 1 });
+        return new Promise<Response>(resolve => { finishTrace = resolve; });
+      }
+      return json(input.startsWith('/api/v1/jobs/') ? job : current);
+    });
+    render(jobRunPage(viewer, run.id), fetcher); await flush();
+    document.querySelector('[data-trace-more]').click(); await flush();
+    current = { ...current, artifact_state: 'stored' };
+    await vi.advanceTimersByTimeAsync(10000);
+    expect(traces).toBe(2);
+    finishTrace(json({ items: [event(2)], nextCursor: 2 })); await flush();
+    expect(traces).toBe(3);
+    finishTrace(json({ items: [event(3)], nextCursor: 3 })); await flush();
+    expect(document.querySelector('[data-run-trace]').children).toHaveLength(3);
+    expect(document.querySelector('[data-trace-more]').classList.contains('hidden')).toBe(false);
+    expect(document.querySelector('[data-run-trace]').classList.contains('trace-at-end')).toBe(false);
+    await vi.advanceTimersByTimeAsync(30000);
+    expect(traces).toBe(3);
+  });
+});
diff --git a/packages/app/test/ui.test.ts b/packages/app/test/ui.test.ts
index 278d5df..344d782 100644
--- a/packages/app/test/ui.test.ts
+++ b/packages/app/test/ui.test.ts
@@ -36,8 +36,8 @@ describe("pages", () => {
     expect(html).toContain("&limit='+jobRunsPageSize");
     expect(html).toContain("jobRunsState.cursors[targetPage]=cursor");
     expect(html).toContain("const cursor=targetPage===currentPage+1?r.nextCursor:jobRunsState.cursors[targetPage]");
-    expect(html).toContain("jobRunsState.page=1;jobRunsState.cursors=[null];jobRunsState.runs=runs");
-    expect(html).toContain("refreshJobRunsPagination();if(hasActiveRuns");
+    expect(html).toContain("const cursor=jobRunsState.cursors[jobRunsState.page]");
+    expect(html).toContain("refreshJobRunsPagination);if(hasActiveRuns");
     expect(html).not.toContain("__factorizeLastRuns");
     expect(html).not.toContain("new MutationObserver");
     expect(html).not.toContain("jobRunsState.cursors[jobRunsState.page]=r.nextCursor");
@@ -418,7 +418,7 @@ describe("pages", () => {
     expect(run).toContain('font-mono text-xs leading-5');
     expect(run).toContain("Native '+esc(r.agent_kind||'agent')+' session");
     expect(run).toContain("esc(r.artifact_state||'pending')");
-    expect(run).toContain('setTimeout(refreshOutput,3000)');
+    expect(run).toContain('pageRefresh(async()=>');
     expect(run).toContain("Live · refreshes automatically");
     expect(run).toContain('data-run-elapsed');
     expect(run).toContain("+'s elapsed'");