Upload 6 files

web/static/app.css

@@ -1275,3 +1275,87 @@ strong,p,h1,h2,h3,h4,span,a,button,div,li{overflow-wrap:break-word;word-break:no
 .run-doc-btn .doc-icon{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:900}
 @media (max-width:720px){.recovery-ladder,.recovery-meta{grid-template-columns:1fr 1fr}}
 @media (max-width:480px){.recovery-ladder,.recovery-meta{grid-template-columns:1fr}}
+
+/* v124: stabilization override for timeline and compact Run Explorer.
+   Keep this block at the end so older pass-specific rules cannot reintroduce
+   wrapping timeline dots or overflowing run badges. */
+@media (min-width:721px){
+  .timeline{
+    display:grid!important;
+    grid-auto-flow:column!important;
+    grid-auto-rows:auto!important;
+    align-items:start!important;
+    gap:0!important;
+    overflow-x:auto!important;
+    overflow-y:hidden!important;
+    scroll-behavior:auto!important;
+    scrollbar-width:thin;
+    padding-bottom:6px!important;
+  }
+  .timeline .step{
+    min-width:96px!important;
+    max-width:none!important;
+  }
+}
+.timeline .step{min-width:0;contain:layout paint;}
+.timeline .step strong{
+  display:-webkit-box;
+  -webkit-line-clamp:2;
+  -webkit-box-orient:vertical;
+  overflow:hidden;
+  text-overflow:ellipsis;
+  min-height:2.3em;
+  word-break:normal;
+}
+.timeline .step small{
+  max-width:92px;
+  margin-left:auto;
+  margin-right:auto;
+  overflow:hidden;
+  text-overflow:ellipsis;
+  white-space:nowrap;
+}
+.step.status-running .step-dot{animation:none!important;}
+.step.status-changed .step-dot,.step-dot.dot-pop{animation:none!important;}
+
+.run-row.run-list-item{
+  grid-template-columns:10px minmax(0,1fr) minmax(72px,88px) 26px!important;
+  gap:10px!important;
+  padding:12px 12px!important;
+}
+.run-list-head{gap:6px!important;}
+.run-list-title{font-size:13px!important;font-weight:760!important;}
+.run-list-kind,
+.run-list-kind.validation,
+.run-list-kind.build{
+  border-color:#d0d5dd!important;
+  background:#f8fafc!important;
+  color:#475467!important;
+  font-size:9px!important;
+  letter-spacing:.055em!important;
+  padding:2px 6px!important;
+  max-width:56px!important;
+  overflow:hidden!important;
+  text-overflow:ellipsis!important;
+  white-space:nowrap!important;
+}
+.run-list-sub{font-size:11.5px!important;color:#475467!important;font-weight:560!important;}
+.run-list-id{font-size:10px!important;color:#98a2b3!important;}
+.run-list-status{min-width:0!important;width:100%;display:grid!important;justify-items:end!important;gap:4px!important;}
+.run-status-pill{
+  max-width:82px!important;
+  min-width:0!important;
+  padding:4px 8px!important;
+  font-size:10px!important;
+  line-height:1!important;
+  white-space:nowrap!important;
+  overflow:hidden!important;
+  text-overflow:ellipsis!important;
+}
+.run-list-status time{font-size:10.5px!important;}
+.run-row.run-list-item .run-delete-btn{width:26px!important;height:26px!important;font-size:14px!important;}
+@media (max-width:520px){
+  .run-row.run-list-item{grid-template-columns:10px minmax(0,1fr) 26px!important;}
+  .run-list-status{grid-column:2!important;grid-row:2!important;display:flex!important;justify-content:space-between!important;}
+}
+

web/static/app.js

@@ -178,12 +178,9 @@ function renderValidationEndpoints(detail={}){
   bindValidationEndpointPicker(root);
   const names=validationEndpointNames(detail);
   const selected=normalizeApiName(formValue('validateApi')||detail.generation_smoke?.api_name||detail.api_schema?.selected_api_name||names[0]||'');
-  const details=endpointDetails(detail,selected);
-  const signature=JSON.stringify({names:names.slice(0,12),selected,inputs:details.inputs,outputs:details.outputs,description:details.description||''});
-  if(root.dataset.signature===signature)return;
-  root.dataset.signature=signature;
   if(!names.length){root.innerHTML='<div class="empty compact-empty">No Gradio endpoints discovered yet. They will appear after the live API schema step.</div>';return}
   const chips=names.slice(0,12).map(name=>`<button class="endpoint-chip ${name===selected?'selected':''}" type="button" data-endpoint-name="${escapeHtml(name)}" title="Set ${escapeHtml(name)} as API name"><span>${escapeHtml(name)}</span><em>${name===selected?'selected':'set'}</em></button>`).join('');
+  const details=endpointDetails(detail,selected);
   const selectedLine=`<div class="endpoint-selected-row"><span>API name used for validation</span><strong>${escapeHtml(selected)}</strong><button class="secondary small" type="button" id="useSelectedEndpoint" data-endpoint-name="${escapeHtml(selected)}">Set API name</button></div>`;
   const inputLine=`<div class="endpoint-io"><strong>Inputs</strong><span>${renderEndpointParamChips(details.inputs)}</span></div>`;
   const outputLine=details.outputs.length?`<div class="endpoint-io"><strong>Outputs</strong><span>${renderEndpointParamChips(details.outputs)}</span></div>`:'';
@@ -452,7 +449,6 @@ async function refreshValidationProgress(){
   try{
     const p=await apiGet(`/api/runs/${encodeURIComponent(state.validationRunId)}/progress?bucket_name=${encodeURIComponent(state.bucketName)}&include_job_logs=1`);
     state.validationPollErrors=0;
-    if(typeof rememberRunDetail==='function')rememberRunDetail(state.validationRunId,{...p,run_id:p.run_id||state.validationRunId},false);
     renderValidationStatus(p);
     const status=String(p.view?.header?.status||p.status||p.state?.status||'').toLowerCase();
     if(TERMINAL_STATUSES.has(status)){stopValidationPolling();showMessage(`Validation finished: ${badgeLabel(status)}`,statusClass(status)==='success'?'success':statusClass(status)==='error'?'error':'warning');loadRuns(false)}
@@ -491,10 +487,9 @@ async function launchValidate(){const formError=validateValidationForm();if(form
 async function refreshRunReportPreview(runId){
   if(!runId)return;
   try{
-    const detail=await apiGet(`/api/runs/${encodeURIComponent(runId)}?bucket_name=${encodeURIComponent(state.bucketName)}&include_heavy=true`);
+    const detail=await apiGet(`/api/runs/${encodeURIComponent(runId)}?bucket_name=${encodeURIComponent(state.bucketName)}`);
     if(detail.bucket_source)state.bucketSource=detail.bucket_source;
     state.selectedRunDetail=detail;
-    if(typeof rememberRunDetail==='function')rememberRunDetail(runId,detail,true);
     if(typeof renderRunDetail==='function')renderRunDetail(detail);
     else {
       const reportText=(detail.report||'No report available.').slice(0,8000);
@@ -507,7 +502,7 @@ async function refreshRunReportPreview(runId){
     console.warn('report refresh failed',e);
   }
 }
-async function refreshProgress(){if(!state.runId||state.progressPollInFlight)return;state.progressPollInFlight=true;try{const now=Date.now();const includeLogs=!state.lastJobLogPoll||now-state.lastJobLogPoll>8000;if(includeLogs)state.lastJobLogPoll=now;const p=await apiGet(`/api/runs/${encodeURIComponent(state.runId)}/progress?bucket_name=${encodeURIComponent(state.bucketName)}${includeLogs?'&include_job_logs=1':''}`);state.activeRunProgress=p;if(typeof rememberRunDetail==='function')rememberRunDetail(state.runId,{...p,run_id:p.run_id||state.runId},false);state.pollErrors=0;if(p.bucket_source)state.bucketSource=p.bucket_source;renderProgress(p);renderEvents(p.events||[]);renderMetrics(p);if(p.view){setText('detailRunId',p.view.run_id||p.run_id);setText('selectedModelId',p.view.header?.model||p.summary?.model_id||'—')}else{setText('detailRunId',p.run_id||state.runId)}if(p.state){setText('detailSpace',p.state.target_space||p.summary?.target_space||'—');const mode=runImplementationMode(p.summary||{},p);setText('detailImplementationMode',mode?implementationModeLabel(mode):'—');const modeEl=$('detailImplementationMode');if(modeEl&&mode)modeEl.title=implementationModeDescription(mode);setText('detailHardware',p.state.selected_hardware||p.summary?.selected_hardware||'—')}setText('detailJobStatus',p.status||p.state?.status||p.view?.header?.raw_status||'running');setText('detailGateStatus',p.inference_gate?.status||p.summary?.gate_status||'—');setText('detailTraces',Array.isArray(p.events)?String(p.events.length)+' events':'—');setText('homeRunDetailStatus',badgeLabel(p.status||p.state?.status||p.view?.header?.status||'running'));setQuickLinks({...p.links,...p.view?.links,bucket_source:p.bucket_source,run_id:p.run_id},{...p,events:p.events||[]});saveActiveRun();const status=String(p.view?.header?.status||p.status||p.state?.status||'').toLowerCase();if(TERMINAL_STATUSES.has(status)&&state.poll){clearInterval(state.poll);state.poll=null;if(state.lastReportRefreshRunId!==state.runId){state.lastReportRefreshRunId=state.runId;refreshRunReportPreview(state.runId)}setOperation(`Run finished with status: ${badgeLabel(status)}`,status.includes('success')||status.includes('succeed')?'success':status.includes('failed')||status.includes('blocker')?'error':'warning')}if(now-(state.lastRunsRefreshFromPoll||0)>15000){state.lastRunsRefreshFromPoll=now;loadRuns(false)}}catch(e){state.pollErrors+=1;console.warn(e);setOperation(`Progress polling failed ${state.pollErrors} time${state.pollErrors===1?'':'s'}. Retrying automatically…`,'warning')}finally{state.progressPollInFlight=false}} function readRunLatencyPayload(p={}){
+async function refreshProgress(){if(!state.runId||state.progressPollInFlight)return;state.progressPollInFlight=true;try{const now=Date.now();const includeLogs=!state.lastJobLogPoll||now-state.lastJobLogPoll>8000;if(includeLogs)state.lastJobLogPoll=now;const p=await apiGet(`/api/runs/${encodeURIComponent(state.runId)}/progress?bucket_name=${encodeURIComponent(state.bucketName)}${includeLogs?'&include_job_logs=1':''}`);state.activeRunProgress=p;state.pollErrors=0;if(p.bucket_source)state.bucketSource=p.bucket_source;renderProgress(p);renderEvents(p.events||[]);renderMetrics(p);if(p.view){setText('detailRunId',p.view.run_id||p.run_id);setText('selectedModelId',p.view.header?.model||p.summary?.model_id||'—')}else{setText('detailRunId',p.run_id||state.runId)}if(p.state){setText('detailSpace',p.state.target_space||p.summary?.target_space||'—');const mode=runImplementationMode(p.summary||{},p);setText('detailImplementationMode',mode?implementationModeLabel(mode):'—');const modeEl=$('detailImplementationMode');if(modeEl&&mode)modeEl.title=implementationModeDescription(mode);setText('detailHardware',p.state.selected_hardware||p.summary?.selected_hardware||'—')}setText('detailJobStatus',p.status||p.state?.status||p.view?.header?.raw_status||'running');setText('detailGateStatus',p.inference_gate?.status||p.summary?.gate_status||'—');setText('detailTraces',Array.isArray(p.events)?String(p.events.length)+' events':'—');setText('homeRunDetailStatus',badgeLabel(p.status||p.state?.status||p.view?.header?.status||'running'));setQuickLinks({...p.links,...p.view?.links,bucket_source:p.bucket_source,run_id:p.run_id},{...p,events:p.events||[]});saveActiveRun();const status=String(p.view?.header?.status||p.status||p.state?.status||'').toLowerCase();if(TERMINAL_STATUSES.has(status)&&state.poll){clearInterval(state.poll);state.poll=null;if(state.lastReportRefreshRunId!==state.runId){state.lastReportRefreshRunId=state.runId;refreshRunReportPreview(state.runId)}setOperation(`Run finished with status: ${badgeLabel(status)}`,status.includes('success')||status.includes('succeed')?'success':status.includes('failed')||status.includes('blocker')?'error':'warning')}if(now-(state.lastRunsRefreshFromPoll||0)>15000){state.lastRunsRefreshFromPoll=now;loadRuns(false)}}catch(e){state.pollErrors+=1;console.warn(e);setOperation(`Progress polling failed ${state.pollErrors} time${state.pollErrors===1?'':'s'}. Retrying automatically…`,'warning')}finally{state.progressPollInFlight=false}} function readRunLatencyPayload(p={}){
   const smoke=p.generation_smoke||p.tests?.generation_smoke||p.summary?.generation_smoke||p.state?.generation_smoke||{};
   const gate=p.inference_gate||p.summary?.inference_gate||{};
   const summary=p.summary||{};

web/static/progress.js

@@ -302,7 +302,7 @@ function ensureTimelineStepVisible(stepKey,opts={}){
 
   nextLeft=Math.max(0,Math.min(maxScroll,Math.round(nextLeft)));
   if(Math.abs(nextLeft-root.scrollLeft)>2){
-    const behavior=opts.instant?'auto':'smooth';
+    const behavior='auto';
     try{root.scrollTo({left:nextLeft,behavior});}
     catch(_){root.scrollLeft=nextLeft;}
   }
@@ -413,6 +413,13 @@ function renderTimeline(items,overallStatus=''){
   if(!root.dataset.scrollBound){root.dataset.scrollBound='1';root.addEventListener('scroll',()=>{root.dataset.userScrolled='1'},{passive:true});}
   const fullList=items||[];
   const list=compactTimelineItems(fullList,overallStatus);
+  // Keep the compact timeline on a single row. The number of visible groups is
+  // dynamic (repair/failure groups appear only for recovery/failures), so a
+  // fixed CSS repeat count can wrap dots onto a second line. Set the exact
+  // column count at render time for desktop/tablet layouts and let mobile CSS
+  // switch back to the vertical stacked timeline.
+  const wideTimeline=typeof window==='undefined'||!window.matchMedia||window.matchMedia('(min-width: 721px)').matches;
+  root.style.gridTemplateColumns=wideTimeline&&list.length?`repeat(${list.length}, minmax(96px, 1fr))`:'';
   const trace=timelineTraceModel(list,overallStatus);
   renderTimelineTraceNote(trace);
   root.classList.toggle('trace-failed',trace.mode==='failed');

web/static/runs.js

@@ -20,7 +20,17 @@ function sortRunsNewestFirst(runs=[]){
 }
 function filteredRuns(){return (state.runsCache||[]).filter(r=>runMatchesStatus(r,state.runStatusFilter||'all')&&runMatchesQuery(r,state.runSearch||''))}
 function renderRunStats(){const counts={all:state.runsCache.length,running:0,full_inference_success:0,manual_hardware_required:0,failed:0,stale:0};for(const r of state.runsCache){if(runMatchesStatus(r,'running'))counts.running+=1;if(runMatchesStatus(r,'full_inference_success'))counts.full_inference_success+=1;if(runMatchesStatus(r,'manual_hardware_required'))counts.manual_hardware_required+=1;if(runMatchesStatus(r,'failed'))counts.failed+=1;if(runMatchesStatus(r,'stale'))counts.stale+=1}document.querySelectorAll('.filter[data-status]').forEach(btn=>{const status=btn.dataset.status||'all';const label={all:'All',running:'Running',full_inference_success:'Success',manual_hardware_required:'Manual',failed:'Failed',technical_blocker:'Blockers',stale:'Stale'}[status]||status;const count=counts[status];btn.innerHTML=typeof count==='number'?`${escapeHtml(label)} <span>${count}</span>`:escapeHtml(label);btn.classList.toggle('active',status===state.runStatusFilter)})}
-function runCardKind(run={}){return isValidationRunSummary(run)?'Space Test':'Build'}
+function runCardKind(run={}){return isValidationRunSummary(run)?'Test':'Build'}
+function runCompactStatusLabel(status){
+  const s=String(status||'unknown').toLowerCase();
+  if(s.includes('success')||s.includes('succeed')||s.includes('passed')||s==='done'||s==='completed'||s==='health_only')return 'Success';
+  if(s.includes('running')||s.includes('queued')||s.includes('pending')||s.includes('building')||s.includes('waiting'))return 'Running';
+  if(s.includes('manual')||s.includes('hardware'))return 'Manual';
+  if(s.includes('stale'))return 'Stale';
+  if(s.includes('cancelled')||s.includes('canceled')||s.includes('stopped'))return 'Stopped';
+  if(s.includes('failed')||s.includes('error')||s.includes('technical')||s.includes('blocker'))return 'Failed';
+  return badgeLabel(status);
+}
 function runImplementationMode(run={},detail={}){return firstNonEmpty(run.implementation_mode,run.summary?.implementation_mode,run.state?.implementation_mode,run.launch?.implementation_mode,detail.summary?.implementation_mode,detail.state?.implementation_mode,detail.launch?.implementation_mode)}
 function runRelativeTime(run={}){
   const raw=run.updated_at||run.created_at||run.started_at||run.cancelled_at||'';
@@ -72,7 +82,7 @@ function renderRunRows(runs,compact=false){
         <p class="run-list-id" title="${escapeHtml(r.run_id)}">${escapeHtml(r.run_id)}</p>
       </div>
       <div class="run-list-status">
-        <em class="run-status-pill ${tone}" title="${escapeHtml(badgeLabel(status))}">${escapeHtml(badgeLabel(status))}</em>
+        <em class="run-status-pill ${tone}" title="${escapeHtml(badgeLabel(status))}">${escapeHtml(runCompactStatusLabel(status))}</em>
         <time>${escapeHtml(time)}</time>
       </div>
       <button class="icon-btn danger run-delete-btn" type="button" data-run-delete="${escapeHtml(r.run_id)}" title="Delete this run" aria-label="Delete run ${escapeHtml(r.run_id)}">×</button>
@@ -264,103 +274,53 @@ function cachedRunDetail(runId,heavy=false){
   if(heavy&&!entry.heavy)return null;
   return entry.detail||null;
 }
-function mergeRunDetail(previous={},detail={}){
-  if(!previous||!Object.keys(previous).length)return detail;
-  const merged={...previous,...detail};
-  for(const key of ['summary','state','view','links','generation_smoke','inference_gate','repair_decision','blockage']){
-    if(previous[key]&&detail[key])merged[key]={...previous[key],...detail[key]};
-  }
-  for(const key of ['events','files','run_documents','timeline']){
-    if(Array.isArray(detail[key]))merged[key]=detail[key];
-    else if(Array.isArray(previous[key]))merged[key]=previous[key];
-  }
-  return merged;
-}
 function rememberRunDetail(runId,detail,heavy=false){
   if(!runId||!detail)return;
   state.runDetailCache=state.runDetailCache||{};
   const previous=state.runDetailCache[runId]||{};
-  const merged=mergeRunDetail(previous.detail||{},detail);
-  state.runDetailCache[runId]={detail:merged,heavy:Boolean(heavy||previous.heavy),ts:Date.now()};
-}
-function runDetailStatus(detail={}){
-  return String(detail.view?.header?.status||detail.status||detail.state?.status||detail.summary?.status||detail.generation_smoke?.status||'').toLowerCase();
-}
-function isTerminalRunDetail(detail={}){
-  const s=runDetailStatus(detail);
-  return Boolean(s)&&TERMINAL_STATUSES.has(s);
-}
-function stopActiveRunPolling(){
-  if(state.poll){clearInterval(state.poll);state.poll=null}
-}
-function renderCachedBuildRun(runId,detail={}){
-  switchCenterTab('active');
-  setBuildModeInspecting(runId);
-  state.runId=runId;
-  if(detail.bucket_source)state.bucketSource=detail.bucket_source;
-  renderRunDetail(detail);
-  if(detail.view||Array.isArray(detail.timeline)||Array.isArray(detail.events)||typeof detail.progress!=='undefined'){
-    renderProgress({...detail,run_id:detail.run_id||detail.summary?.run_id||runId});
-  }
-  saveActiveRun();
-}
-function hydrateRunDetailInBackground(runId,{heavy=true,validation=false}={}){
-  if(!runId)return;
-  const includeHeavy=heavy?'true':'false';
-  apiGet(`/api/runs/${encodeURIComponent(runId)}?bucket_name=${encodeURIComponent(state.bucketName)}&include_heavy=${includeHeavy}`).then(full=>{
-    rememberRunDetail(runId,full,heavy);
-    if(full.bucket_source)state.bucketSource=full.bucket_source;
-    if(validation){
-      if((state.validationRunId||'')===runId)showValidationRunDetail(full);
-    }else if(state.runId===runId){
-      renderCachedBuildRun(runId,cachedRunDetail(runId,heavy)||full);
-    }
-  }).catch(e=>console.warn(`${heavy?'heavy':'light'} run hydration failed`,e));
+  state.runDetailCache[runId]={detail,heavy:Boolean(heavy||previous.heavy),ts:Date.now()};
 }
 async function selectRun(runId){
   // Keep the user on the current tab while refreshing the selected run panel.
-  // Keep selection snappy: render cached/optimistic data immediately, then hydrate once.
-  // Hydration uses include_heavy=false first and include_heavy=true in hydrateRunDetailInBackground().
-  // Background heavy run hydration failed messages are logged by the shared hydrator.
   if(!runId)return;
   document.querySelectorAll('.run-row').forEach(row=>row.classList.toggle('selected',row.dataset.run===runId));
   const cachedHeavy=cachedRunDetail(runId,true);
   const cachedLight=cachedRunDetail(runId,false);
-  const cached=cachedHeavy||cachedLight;
-  if(cached){
+  if(cachedHeavy||cachedLight){
+    const cached=cachedHeavy||cachedLight;
     if(isValidationRunDetail(cached)){
       showValidationRunDetail(cached);
-      if(!cachedHeavy)hydrateRunDetailInBackground(runId,{heavy:true,validation:true});
-      return;
-    }
-    renderCachedBuildRun(runId,cached);
-    if(isTerminalRunDetail(cached)){
-      stopActiveRunPolling();
-      if(!cachedHeavy)hydrateRunDetailInBackground(runId,{heavy:true,validation:false});
     }else{
+      switchCenterTab('active');
+      setBuildModeInspecting(runId);
       startPolling(runId);
+      renderRunDetail(cached);
     }
-    return;
+  }else{
+    renderRunSelectionPreview(runId);
   }
-  renderRunSelectionPreview(runId);
   try{
-    const detail=await apiGet(`/api/runs/${encodeURIComponent(runId)}?bucket_name=${encodeURIComponent(state.bucketName)}&include_heavy=false`);
+    const detail=cachedLight||await apiGet(`/api/runs/${encodeURIComponent(runId)}?bucket_name=${encodeURIComponent(state.bucketName)}&include_heavy=false`);
     rememberRunDetail(runId,detail,false);
     if(detail.bucket_source)state.bucketSource=detail.bucket_source;
     if(isValidationRunDetail(detail)){
       showValidationRunDetail(detail);
-      hydrateRunDetailInBackground(runId,{heavy:true,validation:true});
-      return;
-    }
-    renderCachedBuildRun(runId,detail);
-    if(isTerminalRunDetail(detail)){
-      stopActiveRunPolling();
-      // One progress refresh updates timeline/events without starting a polling interval.
-      refreshProgress();
-    }else{
-      startPolling(runId);
+      if(!cachedHeavy){
+        apiGet(`/api/runs/${encodeURIComponent(runId)}?bucket_name=${encodeURIComponent(state.bucketName)}&include_heavy=true`).then(full=>{
+          rememberRunDetail(runId,full,true);
+          if((state.validationRunId||'')===runId){if(full.bucket_source)state.bucketSource=full.bucket_source;showValidationRunDetail(full)}
+        }).catch(e=>console.warn('heavy validation hydration failed',e));
+      }
+      return}
+    switchCenterTab('active');
+    setBuildModeInspecting(runId);
+    startPolling(runId);renderRunDetail(detail);
+    if(!cachedHeavy){
+      apiGet(`/api/runs/${encodeURIComponent(runId)}?bucket_name=${encodeURIComponent(state.bucketName)}&include_heavy=true`).then(full=>{
+        rememberRunDetail(runId,full,true);
+        if(state.runId===runId){if(full.bucket_source)state.bucketSource=full.bucket_source;renderRunDetail(full)}
+      }).catch(e=>console.warn('heavy run hydration failed',e));
     }
-    hydrateRunDetailInBackground(runId,{heavy:true,validation:false});
   }catch(e){
     showMessage(`Could not load run details: ${e.message}`,'error');
     const report=$('reportPreview');if(report)report.textContent='Could not load run details: '+e.message;
@@ -475,9 +435,6 @@ function renderRunDocuments(detail={}){
   const root=$('runDocumentsDock');
   if(!root)return;
   const docs=deriveRunDocuments(detail);
-  const signature=JSON.stringify(docs.map(d=>[d.id,d.present,d.url,d.label,d.subtitle,d.tone,d.sensitivity]));
-  if(root.dataset.signature===signature)return;
-  root.dataset.signature=signature;
   if(!docs.length){root.innerHTML='<div class="empty">Run documents will appear as files are written to the bucket.</div>';return;}
   root.innerHTML=docs.map(doc=>{
     const present=Boolean(doc.present&&doc.url);
@@ -485,7 +442,7 @@ function renderRunDocuments(detail={}){
     const attrs=present?`href="${escapeHtml(doc.url)}" target="_blank" rel="noreferrer"`:'';
     const title=present?`Open ${doc.label}`:`${doc.label} is not in the bucket yet`;
     const cls=['run-doc-btn',present?'ready':'pending',doc.sensitivity==='raw'?'raw':'',doc.sensitivity==='safe'?'safe':'',doc.tone==='warn'?'warn':''].filter(Boolean).join(' ');
-    return `<${tag} class="${cls}" ${attrs} title="${escapeHtml(title)}" aria-disabled="${present?'false':'true'}"><span class="doc-icon">${escapeHtml(doc.icon||'DOC')}</span><span><strong>${escapeHtml(doc.label)}</strong><em>${escapeHtml(present?doc.subtitle||'Open document':'Pending')}</em></span></${tag}>`;
+    return `<${tag} class="${cls}" ${attrs} title="${escapeHtml(title)}" aria-disabled="${present?'false':'true'}"><span class="doc-icon">${escapeHtml(doc.icon||'📄')}</span><span><strong>${escapeHtml(doc.label)}</strong><em>${escapeHtml(present?doc.subtitle||'Open document':'Pending')}</em></span></${tag}>`;
   }).join('');
 }
 
@@ -550,20 +507,16 @@ function renderAgentRecovery(detail={}){
   const diagnosisEvent=latestRecoveryEvent(detail,['failure_diagnosis','pi_diagnosis','repair_decision']);
   const rebuildEvent=latestRecoveryEvent(detail,['wait_for_logs','factory_rebuild']);
   const patchEvent=latestRecoveryEvent(detail,['repair_brief','repair_plan','repair_patch','repair_upload','repair_validation']);
-  const validationEvent=latestRecoveryEvent(detail,['repair_validation','failed_after_repair','technical_blocker','manual_hardware_required']);
   const reason=decision.reason||blockage.reason||blockage.message||diagnosisEvent?.message||'Pi diagnosis is coordinating the next recovery action from collected logs, status and validation evidence.';
   const evidence=Array.isArray(decision.evidence)?decision.evidence:[];
   const next=decision.next_step||blockage.suggested_next_step||blockage.next_step||'';
-  const signature=JSON.stringify({action,normalizedAction,tone,status,reason,evidence:evidence.slice(0,3),next,decision,blockage,diagnosis:diagnosisEvent?.ts,rebuild:rebuildEvent?.ts,patch:patchEvent?.ts,validation:validationEvent?.ts});
-  if(body.dataset.signature===signature)return;
-  body.dataset.signature=signature;
   const rows=[];
   rows.push(`<div class="recovery-summary"><strong>${escapeHtml(normalizedAction)}</strong><p>${escapeHtml(shortText(reason,220))}</p></div>`);
   rows.push(`<div class="recovery-ladder" aria-label="Agent recovery phases">
     <span class="${diagnosisEvent||decision.action?'done':'pending'}"><b>1</b><em>Diagnose</em></span>
     <span class="${decision.action?'done':'pending'}"><b>2</b><em>Decide</em></span>
     <span class="${rebuildEvent?'done':patchEvent?'done':decision.action?'running':'pending'}"><b>3</b><em>${escapeHtml(action&&String(action).includes('rebuild')?'Rebuild':action&&String(action).includes('patch')?'Patch':'Act')}</em></span>
-    <span class="${validationEvent?'done':(rebuildEvent||patchEvent)?'running':'pending'}"><b>4</b><em>Revalidate</em></span>
+    <span class="${latestRecoveryEvent(detail,['repair_validation','generation_smoke','inference_gate','failure'])?'done':'pending'}"><b>4</b><em>Revalidate</em></span>
   </div>`);
   const meta=[];
   if(decision.failure_category||blockage.failure_category)meta.push(['Failure',decision.failure_category||blockage.failure_category]);
@@ -630,4 +583,4 @@ function renderRunDetail(detail){
   switchCenterTab('active');
 }
 
-// Build run routing invariant: switchCenterTab('active');setBuildModeInspecting(runId);startPolling(runId);renderRunDetail(detail)
+// Build run routing invariant: switchCenterTab('active');setBuildModeInspecting(runId);startPolling(runId)