Upload 6 files

web/static/app.js

@@ -20,7 +20,7 @@ function setBuildModeNew(){const panel=$('buildModePanel');if(panel){panel.class
 function setBuildModeInspecting(runId){const panel=$('buildModePanel');if(panel){panel.classList.add('inspecting');panel.innerHTML=`<strong>Inspecting selected run</strong><p>You are viewing run <code>${escapeHtml(runId||'')}</code>. The build form is unchanged and the active run panel is now tracking it.</p>`}}
 function resetRunDetails(){
   const cancel=$('cancelRun');if(cancel)cancel.disabled=true;
-  if(typeof elapsedClock!=='undefined')elapsedClock.isRunning=false;
+  if(typeof elapsedClock!=='undefined')elapsedClock.isRunning=false;if(typeof resetProgressStability==='function')resetProgressStability(null);
   if(typeof activityFeedState!=='undefined'){activityFeedState.showAll=false;activityFeedState.lastItems=[]}
   for(const [id,value] of [
     ['detailRunId','—'],['detailJobStatus','—'],['detailGateStatus','—'],['detailSpace','—'],['detailHardware','—'],['detailTraces','—'],
@@ -45,7 +45,7 @@ function resetRunDetails(){
   renderTimeline(DEFAULT_TIMELINE,'idle');
 } function prepareNewBuild(){if(state.poll){clearInterval(state.poll);state.poll=null}state.runId=null;state.selectedRunDetail=null;state.activeLinks={};state.pollErrors=0;clearSavedRun();document.querySelectorAll('.run-row').forEach(r=>r.classList.remove('selected'));setBuildModeNew();resetRunDetails();renderTimeline(DEFAULT_TIMELINE);setText('progressPercent','0%');const fill=$('progressFill');if(fill)fill.style.width='0%';setText('currentStep','Ready');setText('lastEvent','Choose a model card and launch a build.');setText('elapsed','—');if(typeof elapsedClock!=='undefined')elapsedClock.isRunning=false;setText('lastPolled','—');setText('hardwarePlan',hardwarePlanLabel());renderMetrics({});showMessage('New build mode ready.','info')}
 function renderLaunchResult(result={}){const panel=$('launchResultPanel');if(panel)panel.hidden=false;setText('launchRunId',result.run_id||'—');setText('launchStatus',result.status||'running');setText('launchSpace',result.target_space||'—');setText('launchHardware',result.selected_hardware||result.preferred_space_hardware||'—');const links=normalizeLinks({...result.links,bucket_source:result.bucket_source,run_id:result.run_id,job_id:result.job_id,job_owner:state.user?.username,target_space_url:result.target_space_url});setLink('launchOpenJob',links.job_url);setLink('launchOpenSpace',links.target_space_url);setLink('launchOpenSettings',links.target_space_settings_url||links.target_space_url&&links.target_space_url+'/settings');setLink('launchOpenArtifacts',links.artifacts_url)}function setActiveRun(result){state.runId=result.run_id;if(result.bucket_source)state.bucketSource=result.bucket_source;setText('detailRunId',result.run_id);setText('detailJobStatus',result.status||'RUNNING');setText('detailGateStatus',result.kind||'running');setText('detailSpace',result.target_space||'—');setText('detailHardware',result.selected_hardware||result.preferred_space_hardware||'—');setText('homeRunDetailStatus',result.status||'Running');setBuildModeInspecting(result.run_id);setQuickLinks({...result.links,bucket_source:result.bucket_source,run_id:result.run_id,job_id:result.job_id,job_owner:state.user?.username,target_space_url:result.target_space_url});renderLaunchResult(result);saveActiveRun();startPolling(result.run_id)}
-function startPolling(runId){state.runId=runId;state.pollErrors=0;state.lastJobLogPoll=0;const warn=$('pollWarning');if(warn)warn.hidden=true;if(state.poll)clearInterval(state.poll);saveActiveRun();refreshProgress();state.poll=setInterval(refreshProgress,2500)}
+function startPolling(runId){state.runId=runId;state.pollErrors=0;state.lastJobLogPoll=0;if(typeof resetProgressStability==='function')resetProgressStability(runId);const warn=$('pollWarning');if(warn)warn.hidden=true;if(state.poll)clearInterval(state.poll);saveActiveRun();refreshProgress();state.poll=setInterval(refreshProgress,2500)}
 async function bootstrapRunRecovery(){return restoreActiveRun()}
 async function restoreActiveRun(){try{const resumable=await apiGet(`/api/runs/resumable?bucket_name=${encodeURIComponent(state.bucketName)}`);if(resumable?.run?.run_id){state.runId=resumable.run.run_id;if(resumable.bucket_source)state.bucketSource=resumable.bucket_source;setBuildModeInspecting(state.runId);if(resumable.view)renderRunViewModel(resumable.view,{progress:0,events:[]});setQuickLinks(resumable.view?.links||{});startPolling(state.runId);return true}}catch(e){console.warn('resumable lookup failed',e)}try{const raw=localStorage.getItem('asf.activeRun');if(!raw)return false;const saved=JSON.parse(raw);if(saved?.bucketName)state.bucketName=saved.bucketName;if(saved?.runId){state.runId=saved.runId;setText('detailRunId',saved.runId);setQuickLinks(saved.links||{});setBuildModeInspecting(saved.runId);startPolling(saved.runId);return true}}catch(_){}return false}
 async function loadAppInfo(){setOperation('Checking sign-in and run storage…','loading');try{const me=await apiGet('/api/me');state.user=me;setText('userChip','@'+me.username);const userChip=$('userChip');if(userChip)userChip.href=`https://huggingface.co/${me.username}`;const logout=$('logoutLink');if(logout){logout.hidden=false;logout.href=me.logout_url||'/logout'}state.bucketSource=me.username+'/'+state.bucketName;setText('bucketInlineLabel',state.bucketSource);renderAuthWarnings(me);await checkBucket(false);await loadRuns(true);clearSavedRun();if(!state.bucketReady)setOperation('Create your private run bucket before launching builds.','warning');else setOperation('')}catch(e){state.user=null;setText('userChip','Sign in');const userChip=$('userChip');if(userChip)userChip.href='/oauth/huggingface/login';const logout=$('logoutLink');if(logout)logout.hidden=true;renderSignedOut();setBucketReady(false,'Sign in with Hugging Face first.');showMessage('Please sign in with Hugging Face, then refresh this page.',true)}}

web/static/progress.js

@@ -2,6 +2,7 @@ const timelineRenderState={};
 const activityFeedState={showAll:false,lastItems:[]};
 const PROGRESS_TERMINAL_STATUSES=new Set(['done','success','failed','full_inference_success','full_inference_candidate_health_passed','manual_hardware_required','generated_needs_manual_hardware','technical_blocker','health_only','repair_success','repair_failed','succeeded','waiting_manual_action','blocked','stale','cancelled','canceled']);
 const progressMotionState={lastProgress:null,lastStatus:null,lastStep:null};
+const progressStability={runId:null,progress:0,timeline:null,furthestIndex:-1,status:''};
 const elapsedClock={baseSeconds:0,baseAt:0,isRunning:false};
 
 function normalizeTimelineOverallStatus(status){
@@ -156,10 +157,81 @@ window.setInterval(()=>{
   setText('elapsed',fmtSeconds(live));
 },1000);
 
+function progressIsSuccessStatus(status){
+  const s=String(status||'').toLowerCase();
+  return ['success','succeeded','done','full_inference_success','full_inference_candidate_health_passed'].includes(s);
+}
+function progressIsTerminalStatus(status){
+  const s=String(status||'').toLowerCase();
+  return PROGRESS_TERMINAL_STATUSES.has(s);
+}
+function timelineFurthestIndex(items){
+  const list=items||[];
+  let max=-1;
+  list.forEach((item,i)=>{
+    const st=String(item.status||'pending').toLowerCase();
+    if(!['pending','status-pending','muted','status-muted'].includes(st))max=i;
+  });
+  return max;
+}
+function cloneTimeline(items){
+  return (items||[]).map(x=>({...x}));
+}
+function resetProgressStability(runId=null){
+  progressStability.runId=runId;
+  progressStability.progress=0;
+  progressStability.timeline=null;
+  progressStability.furthestIndex=-1;
+  progressStability.status='';
+  progressMotionState.lastProgress=null;
+  progressMotionState.lastStatus=null;
+  progressMotionState.lastStep=null;
+  const timeline=$('timeline');
+  if(timeline)timeline.dataset.signature='';
+}
+function stabilizeProgressPayload(p={},view=null){
+  const runId=String(p.run_id||view?.run_id||state.runId||'');
+  if(progressStability.runId!==runId)resetProgressStability(runId);
+  const status=String(view?.header?.status||p.status||p.state?.status||'').toLowerCase();
+  const terminal=progressIsTerminalStatus(status);
+  const success=progressIsSuccessStatus(status);
+  let rawProgress=Number(p.progress||0);
+  let rawTimeline=cloneTimeline(p.timeline||view?.pipeline||[]);
+  const rawIndex=timelineFurthestIndex(rawTimeline);
+
+  if(success){
+    progressStability.progress=100;
+    progressStability.timeline=rawTimeline;
+    progressStability.furthestIndex=Math.max(progressStability.furthestIndex,rawIndex);
+  }else if(terminal){
+    progressStability.progress=Math.max(progressStability.progress,rawProgress);
+    if(rawIndex>=progressStability.furthestIndex||!progressStability.timeline){
+      progressStability.timeline=rawTimeline;
+      progressStability.furthestIndex=rawIndex;
+    }else{
+      rawTimeline=cloneTimeline(progressStability.timeline);
+    }
+  }else{
+    if(rawProgress>=progressStability.progress){
+      progressStability.progress=rawProgress;
+    }else{
+      rawProgress=progressStability.progress;
+    }
+    if(rawIndex>=progressStability.furthestIndex||!progressStability.timeline){
+      progressStability.timeline=rawTimeline;
+      progressStability.furthestIndex=rawIndex;
+    }else{
+      rawTimeline=cloneTimeline(progressStability.timeline);
+    }
+  }
+  progressStability.status=status;
+  return {progress:success?100:Math.max(rawProgress,progressStability.progress),timeline:rawTimeline,status};
+}
 function renderRunViewModel(view,p={}){
   const header=view.header||{};
   const sm=view.status_model||{};
-  const progress=Number(p.progress??(header.status==='succeeded'?100:0));
+  const stable=stabilizeProgressPayload(p,view);
+  const progress=Number(stable.progress??(header.status==='succeeded'?100:0));
   animateProgressBar(progress,header.status||p.status,header.current_phase);
   setText('progressPercent',`${Math.round(progress)}%`);
   setText('progressTitle',header.title||view.run_id||'Live job progress');
@@ -182,7 +254,7 @@ function renderRunViewModel(view,p={}){
     const s=String(header.status||p.status||'').toLowerCase();
     cancel.disabled=!(state.runId&&view.links?.job_url&&!TERMINAL_STATUSES.has(s));
   }
-  renderTimeline(p.timeline||view.pipeline||[],header.status||p.status);
+  renderTimeline(stable.timeline,header.status||p.status);
   renderActivityFeed(view.activity||[]);
   renderDiagnostics(view.diagnostics||{},header);
   renderSpaceTestPreview(view.space_test||{});
@@ -193,7 +265,8 @@ function renderProgress(p){
     renderRunViewModel(p.view,p);
     return;
   }
-  const progress=Number(p.progress||0);
+  const stable=stabilizeProgressPayload(p,null);
+  const progress=Number(stable.progress||0);
   animateProgressBar(progress,p.status,p.current_step);
   setText('progressPercent',`${Math.round(progress)}%`);
   setText('currentStep',p.current_step_label||'—');
@@ -207,5 +280,5 @@ function renderProgress(p){
     animateStatusBadge(p.status);
   }
   setText('lastPolled',new Date().toLocaleTimeString());
-  renderTimeline(p.timeline||[],p.status);
+  renderTimeline(stable.timeline,p.status);
 }