Upload 8 files

web/static/runs.js

@@ -226,7 +226,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(isLoading?'Loading details…':badgeLabel(status))}">${escapeHtml(runCompactStatusLabel(status))}</em>
+        <em class="run-status-pill ${isLoading?'loading':tone}" title="${escapeHtml(isLoading?'Loading details…':badgeLabel(status))}">${escapeHtml(isLoading?'Loading…':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="${canDelete?'Delete this finished run':'Delete becomes available after this run finishes'}" aria-label="Delete run ${escapeHtml(r.run_id)}" ${canDelete?'':'disabled aria-disabled="true"'}>×</button>
@@ -464,6 +464,10 @@ function forgetRunEverywhere(runId){
   if(state.runDetailRequests){
     delete state.runDetailRequests[`${runId}:light`];
     delete state.runDetailRequests[`${runId}:heavy`];
+    delete state.runDetailRequests[`${runId}:snapshot:fast`];
+    delete state.runDetailRequests[`${runId}:snapshot:logs`];
+    if(state.runExplorerHydratedAt)delete state.runExplorerHydratedAt[runId];
+    if(state.runExplorerHydrationInFlight)delete state.runExplorerHydrationInFlight[runId];
   }
   if(state.documentCache)delete state.documentCache[runId];
   if(state.latencyCache)delete state.latencyCache[runId];
@@ -475,6 +479,44 @@ function activeRunIds(){
   return new Set(validRunsList(state.runsCache||[]).map(r=>r.run_id||r.summary?.run_id).filter(Boolean));
 }
 
+function runExplorerNeedsBackgroundHydration(run={}){
+  run=safeRunObject(run);
+  if(isValidationRunSummary(run))return false;
+  const runId=run.run_id||run.summary?.run_id;
+  if(!runId||isRunLocallyDeleted(runId))return false;
+  const canonical=buildEffectiveStatus(run);
+  if(['full_inference_success','failed','manual_hardware_required','technical_blocker','technical_blocker_boot_only','auth_refresh_required','stale','stopped','running'].includes(canonical))return false;
+  return ['partial_validation','health_only','partial','completed_with_warnings','unknown',''].includes(String(canonical||'').toLowerCase());
+}
+function scheduleRunExplorerBackgroundHydration(runs=[]){
+  if(typeof fetchRunViewSnapshotOnce!=='function'||typeof upsertRunExplorerFromProgress!=='function')return;
+  state.runExplorerHydrationInFlight=state.runExplorerHydrationInFlight||{};
+  state.runExplorerHydratedAt=state.runExplorerHydratedAt||{};
+  const now=Date.now();
+  const candidates=validRunsList(runs).filter(run=>{
+    if(!runExplorerNeedsBackgroundHydration(run))return false;
+    const runId=run.run_id||run.summary?.run_id;
+    const last=state.runExplorerHydratedAt[runId]||0;
+    return now-last>120000;
+  }).slice(0,6);
+  if(!candidates.length)return;
+  window.setTimeout(()=>{
+    candidates.forEach((run,index)=>{
+      const runId=run.run_id||run.summary?.run_id;
+      if(!runId||state.runExplorerHydrationInFlight[runId])return;
+      state.runExplorerHydrationInFlight[runId]=Date.now();
+      state.runExplorerHydratedAt[runId]=Date.now();
+      window.setTimeout(async()=>{
+        try{
+          const snapshot=await fetchRunViewSnapshotOnce(runId,{includeJobLogs:false});
+          if(snapshot&&validRunObject({run_id:snapshot.run_id||snapshot.summary?.run_id||runId}))upsertRunExplorerFromProgress(snapshot);
+        }catch(err){console.warn('background Run Explorer hydration failed',runId,err)}
+        finally{delete state.runExplorerHydrationInFlight[runId];}
+      },index*160);
+    });
+  },140);
+}
+
 function associatedSpaceFromDetail(detail={},summaryOverride={}){
   const summary={...(detail.summary||{}),...(summaryOverride||{})};
   const candidates=[summary.target_space,summary.target_space_id,detail.target_space,detail.target_space_id,detail.state?.target_space,detail.launch?.target_space,detail.links?.target_space];
@@ -536,6 +578,7 @@ function renderRunsFromCache(){
   }
   renderRunStats();renderRunPagination(runs.length);renderRunAggregateStats();
   document.querySelectorAll('.run-row').forEach(row=>row.classList.toggle('selected',Boolean(selectedId)&&row.dataset.run===selectedId));
+  scheduleRunExplorerBackgroundHydration(visible);
 }
 
 
@@ -696,6 +739,7 @@ function restoreRunRowStatusLabel(row){
     pill.title=badgeLabel(status||cached.status||'unknown');
     const tone=statusClass(status||cached.status||'unknown');
     pill.className=`run-status-pill ${tone}`;
+    pill.removeAttribute('aria-busy');
   }
   const dot=row.querySelector('.run-list-dot');
   if(dot)dot.className=`run-list-dot ${statusClass(status||cached.status||'unknown')}`;
@@ -714,7 +758,11 @@ function setRunSelectionLoading(runId,loading=true){
   document.querySelectorAll('.run-row[data-run]').forEach(row=>{
     const active=Boolean(next)&&row.dataset.run===next;
     row.classList.toggle('is-loading',active);
-    if(active)row.setAttribute('aria-busy','true');
+    if(active){
+      row.setAttribute('aria-busy','true');
+      const pill=row.querySelector('.run-status-pill');
+      if(pill){pill.textContent='Loading…';pill.title='Loading details…';pill.className='run-status-pill loading';pill.setAttribute('aria-busy','true');}
+    }
     else{row.removeAttribute('aria-busy');restoreRunRowStatusLabel(row);}
   });
 }