Upload 7 files

web/static/app.css

@@ -2261,3 +2261,98 @@ strong,p,h1,h2,h3,h4,span,a,button,div,li{overflow-wrap:break-word;word-break:no
 .model-prescan-card.running #scanModel{padding:7px 10px!important;font-size:11.5px!important;border-radius:12px!important}
 .model-prescan-card.error #scanModel{border-color:rgba(244,63,94,.18)!important;background:linear-gradient(180deg,#fff,#fff7f7)!important}
 @media(prefers-reduced-motion:reduce){.prescan-spinner{animation:none!important}}
+
+/* v186: Eval Archive breathing room + less redundant Model pre-scan summary */
+.eval-archive-panel{
+  padding:16px!important;
+  display:grid!important;
+  gap:10px!important;
+}
+.eval-archive-title-row{
+  margin-bottom:2px!important;
+  align-items:flex-start!important;
+}
+.eval-archive-title-row .badge{
+  align-self:start!important;
+  margin-top:0!important;
+}
+.eval-archive-summary{
+  margin:0!important;
+  max-width:100%!important;
+  line-height:1.35!important;
+}
+.eval-archive-actions{
+  margin-top:8px!important;
+  padding-top:12px!important;
+  border-top:1px solid rgba(226,232,240,.72)!important;
+  gap:10px!important;
+}
+.eval-archive-panel.on .eval-archive-actions{border-top-color:rgba(34,197,94,.14)!important}
+.eval-archive-actions button{
+  min-height:36px!important;
+  padding:8px 12px!important;
+}
+
+.model-prescan-card{
+  gap:9px!important;
+}
+.model-prescan-card.success{
+  padding:13px!important;
+}
+.model-prescan-card.success>p{
+  max-width:52ch!important;
+}
+.prescan-compact-grid{
+  grid-template-columns:repeat(3,minmax(0,1fr))!important;
+  gap:6px!important;
+}
+.prescan-chip{
+  padding:7px 8px!important;
+  border-radius:13px!important;
+}
+.prescan-chip i{
+  width:21px!important;
+  height:21px!important;
+  font-size:11px!important;
+}
+.prescan-chip em{font-size:8px!important}
+.prescan-chip strong{font-size:11px!important}
+.prescan-decision-line{
+  display:flex!important;
+  align-items:flex-start!important;
+  gap:8px!important;
+  padding:8px 10px!important;
+  border-radius:14px!important;
+  border:1px solid rgba(226,232,240,.84)!important;
+  background:rgba(255,255,255,.78)!important;
+  color:#475569!important;
+  font-size:11.25px!important;
+  line-height:1.25!important;
+  min-width:0!important;
+}
+.prescan-decision-line b{
+  flex:0 0 auto!important;
+  color:#0f172a!important;
+  font-size:10px!important;
+  text-transform:uppercase!important;
+  letter-spacing:.12em!important;
+}
+.prescan-decision-line span{
+  min-width:0!important;
+  overflow:hidden!important;
+  text-overflow:ellipsis!important;
+  display:-webkit-box!important;
+  -webkit-line-clamp:2!important;
+  -webkit-box-orient:vertical!important;
+}
+.prescan-decision-line.success{border-color:rgba(34,197,94,.18)!important;background:rgba(240,253,244,.55)!important}
+.prescan-decision-line.warn{border-color:rgba(245,158,11,.20)!important;background:rgba(255,251,235,.62)!important}
+.prescan-decision-line.error{border-color:rgba(244,63,94,.18)!important;background:rgba(255,241,242,.62)!important}
+.prescan-decision-line.running{border-color:rgba(37,99,235,.16)!important;background:rgba(239,246,255,.58)!important}
+.model-prescan-card.success .prescan-pill-row .prescan-pill.good{display:none!important}
+.model-prescan-card.success .model-prescan-signals{gap:7px!important}
+.model-prescan-card.success #scanModel{margin-top:1px!important}
+@media(max-width:720px){
+  .eval-archive-actions{padding-top:10px!important}
+  .prescan-decision-line{display:grid!important;gap:4px!important}
+}

web/static/app.js

@@ -323,11 +323,13 @@ function renderModelPreScan(scan=null){
   setText('modelPreScanTitle',`${labelMap[verdict]||labelMap.caution}${scoreText}`);
   setText('modelPreScanSummary',scan.summary||'Model metadata scan completed.');
   if(badge){badge.textContent=labelMap[verdict]||verdict;badge.className='badge '+cls}
-  const good=(scan.good_signals||[]).slice(0,4);
-  const risk=(scan.risk_signals||[]).slice(0,4);
+  const allGood=(scan.good_signals||[]).filter(Boolean);
+  const good=allGood.slice(0,2);
+  const allRisk=(scan.risk_signals||[]).filter(Boolean);
+  const risk=allRisk.slice(0,3);
   const outputType=outputTypeFromModelScan(scan);
-  const recs=[...(scan.recommendations||[]).slice(0,2)];
-  if(outputType&&!recs.some(x=>String(x).toLowerCase().includes('expected output')))recs.unshift(`Expected output: ${outputType}`);
+  const recommendations=(scan.recommendations||[]).filter(Boolean);
+  const primaryRecommendation=recommendations.find(x=>!String(x).toLowerCase().startsWith('expected output'))||recommendations[0]||'';
   if(signals){
     const metaCards=[
       outputType?['↳','Output',outputType,verdict==='safe']:null,
@@ -335,14 +337,20 @@ function renderModelPreScan(scan=null){
       scan.library_name?['◎','Library',scan.library_name,false]:null,
     ].filter(Boolean).slice(0,3);
     const compactMeta=metaCards.length?`<div class="prescan-meta prescan-compact-grid">${metaCards.map(([icon,k,v,isGood])=>`<span class="prescan-chip ${isGood?'good':''}"><i>${escapeHtml(icon)}</i><em>${escapeHtml(k)}</em><strong>${escapeHtml(String(v))}</strong></span>`).join('')}</div>`:'';
-    const goodPills=good.length?`<div class="prescan-pill-row">${good.map(x=>`<span class="prescan-pill good"><b class="prescan-icon">✓</b>${escapeHtml(x)}</span>`).join('')}</div>`:'';
+    const signalSummaryParts=[];
+    if(allGood.length)signalSummaryParts.push(`${allGood.length} check${allGood.length>1?'s':''} passed`);
+    if(allRisk.length)signalSummaryParts.push(`${allRisk.length} risk signal${allRisk.length>1?'s':''}`);
+    else if(verdict!=='scanning'&&verdict!=='error')signalSummaryParts.push('No risk signals');
+    if(primaryRecommendation)signalSummaryParts.push(primaryRecommendation);
+    const summaryTitle=[...allGood,...allRisk,...recommendations].filter(Boolean).join('\n');
+    const signalSummary=signalSummaryParts.length?`<div class="prescan-decision-line ${cls}" title="${escapeHtml(summaryTitle)}"><b>${verdict==='safe'?'Ready':verdict==='caution'?'Review':verdict==='risky'?'Risk':verdict==='unsupported'?'Unsupported':verdict==='scanning'?'Scanning':'Issue'}</b><span>${escapeHtml(signalSummaryParts.join(' · '))}</span></div>`:'';
+    const goodPreview=(verdict!=='safe'&&good.length)?`<div class="prescan-pill-row">${good.map(x=>`<span class="prescan-pill good"><b class="prescan-icon">✓</b>${escapeHtml(x)}</span>`).join('')}</div>`:'';
     const riskPills=risk.length?`<div class="prescan-pill-row">${risk.map(x=>`<span class="prescan-pill risk"><b class="prescan-icon">!</b>${escapeHtml(x)}</span>`).join('')}</div>`:'';
     const runningPills=verdict==='scanning'?'<div class="prescan-pill-row"><span class="prescan-pill running"><b class="prescan-icon prescan-spinner">◌</b>Reading model card</span><span class="prescan-pill running"><b class="prescan-icon">◇</b>Checking metadata</span></div>':'';
     const errorPill=verdict==='error'?`<div class="prescan-pill-row"><span class="prescan-pill risk"><b class="prescan-icon">!</b>${escapeHtml(scan.error||'The scan could not complete. Try again.')}</span></div>`:'';
-    const recLine=recs.length?`<div class="prescan-recommendation-line ${cls}"><b>Recommendation</b><span>${escapeHtml(recs[0])}${recs.length>1?` · ${escapeHtml(recs.slice(1).join(' · '))}`:''}</span></div>`:'';
-    const emptyHint=(!compactMeta&&!goodPills&&!riskPills&&!runningPills&&!errorPill&&!recLine)?'<div class="prescan-pill-row"><span class="prescan-pill"><b class="prescan-icon">◇</b>No extra metadata found.</span></div>':'';
+    const emptyHint=(!compactMeta&&!signalSummary&&!goodPreview&&!riskPills&&!runningPills&&!errorPill)?'<div class="prescan-pill-row"><span class="prescan-pill"><b class="prescan-icon">◇</b>No extra metadata found.</span></div>':'';
     signals.hidden=false;
-    signals.innerHTML=`${compactMeta}${runningPills}${goodPills}${riskPills}${errorPill}${recLine}${emptyHint}`;
+    signals.innerHTML=`${compactMeta}${runningPills}${signalSummary}${goodPreview}${riskPills}${errorPill}${emptyHint}`;
   }
   if(ackWrap)ackWrap.hidden=!(verdict==='risky');
 }
@@ -419,7 +427,17 @@ function startPolling(runId,options={}){
 }
 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||{},resumable.view||{});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');setBucketFeedback('checking','Checking private bucket access…');try{const me=await apiGet('/api/me');state.user=me;renderAnonymousEvalStatus(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);renderBillingPanel(me);loadBillingStatus().catch(()=>{});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;renderAnonymousEvalStatus(null);setText('userChip','Sign in');const userChip=$('userChip');if(userChip)userChip.href='/oauth/huggingface/login';const logout=$('logoutLink');if(logout)logout.hidden=true;renderSignedOut();renderBillingPanel(null);setBucketReady(false,'Sign in with Hugging Face first.');showMessage('Please sign in with Hugging Face, then refresh this page.',true)}}
+async function refreshAnonymousEvalStatus(){
+  try{
+    const anonymous_eval=await apiGet('/api/eval-archive/status');
+    renderAnonymousEvalStatus({anonymous_eval});
+    return anonymous_eval;
+  }catch(e){
+    renderAnonymousEvalStatus({anonymous_eval:{enabled:false,reason:'status_unavailable',managed_by:'instance owner'}});
+    return null;
+  }
+}
+async function loadAppInfo(){setOperation('Checking sign-in and run storage…','loading');setBucketFeedback('checking','Checking private bucket access…');try{const me=await apiGet('/api/me');state.user=me;renderAnonymousEvalStatus(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);renderBillingPanel(me);loadBillingStatus().catch(()=>{});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;await refreshAnonymousEvalStatus();setText('userChip','Sign in');const userChip=$('userChip');if(userChip)userChip.href='/oauth/huggingface/login';const logout=$('logoutLink');if(logout)logout.hidden=true;renderSignedOut();renderBillingPanel(null);setBucketReady(false,'Sign in with Hugging Face first.');showMessage('Please sign in with Hugging Face, then refresh this page.',true)}}
 function renderSignedOut(){const auth=$('authPanel');if(!auth)return;auth.hidden=false;auth.className='auth-panel warning';auth.innerHTML='<strong>Sign in required</strong><p>Use Hugging Face OAuth before launching Jobs or reading your Bucket.</p><a class="link-btn" href="/oauth/huggingface/login">Sign in with Hugging Face ↗</a>'}
 function renderAuthWarnings(me){const auth=$('authPanel');if(!auth)return;const missing=me.missing_scopes||[];const warnings=me.warnings||[];if(!missing.length&&!warnings.length){auth.hidden=true;auth.innerHTML='';return}auth.hidden=false;auth.className='auth-panel warning';auth.innerHTML=`<strong>OAuth session warning</strong><p>${escapeHtml([...warnings,missing.length?'Missing scopes: '+missing.join(', '):''].filter(Boolean).join(' • '))}</p><a class="link-btn" href="/oauth/huggingface/login">Refresh sign-in ↗</a>`}
 function renderBillingPanel(info){