Upload 7 files

web/static/app.css

@@ -2094,30 +2094,170 @@ strong,p,h1,h2,h3,h4,span,a,button,div,li{overflow-wrap:break-word;word-break:no
 .eval-enable-button[hidden]{display:none!important;}
 .eval-enable-button{white-space:nowrap;}
 
-/* v182: Run Storage / Eval Archive split section */
+/* v183: Eval Archive moved to the observability column under Run Stats */
 .compact-storage{gap:12px!important;}
 .compact-storage .bucket-status-card{margin-bottom:0!important;}
-.eval-archive-card{
-  display:grid;
-  grid-template-columns:minmax(0,1fr) auto;
-  align-items:center;
-  gap:12px;
-  margin-top:4px;
-  padding:12px 12px;
-  border-radius:18px;
-  background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(248,250,252,.7));
-  border:1px solid rgba(226,232,240,.72);
-  box-shadow:0 1px 0 rgba(255,255,255,.9) inset;
-}
-.eval-archive-card[hidden]{display:none!important;}
-.eval-archive-card.on{background:linear-gradient(180deg,rgba(236,253,245,.66),rgba(255,255,255,.78));border-color:rgba(34,197,94,.18)}
-.eval-archive-card.off{background:linear-gradient(180deg,rgba(248,250,252,.78),rgba(255,255,255,.8));}
-.eval-archive-copy{min-width:0;display:grid;gap:3px;}
-.eval-archive-copy strong{font-size:.88rem;line-height:1.15;color:var(--ink);letter-spacing:-.01em;}
-.eval-archive-copy p{margin:0;color:var(--muted);font-size:.72rem;line-height:1.25;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
-.eval-archive-card.on .eval-archive-copy p{color:#047857;}
-.eval-archive-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap;}
-.eval-archive-actions button{min-height:34px;padding:8px 10px!important;border-radius:12px!important;white-space:nowrap;}
+.eval-archive-panel{
+  margin-top:14px;
+  padding:14px;
+  border-radius:20px;
+  background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(248,250,252,.76));
+  border:1px solid rgba(226,232,240,.78);
+  box-shadow:0 16px 36px rgba(15,23,42,.035),0 1px 0 rgba(255,255,255,.92) inset;
+}
+.eval-archive-panel[hidden]{display:none!important;}
+.eval-archive-panel.on{background:linear-gradient(180deg,rgba(240,253,244,.82),rgba(255,255,255,.86));border-color:rgba(34,197,94,.2)}
+.eval-archive-panel.off{background:linear-gradient(180deg,rgba(248,250,252,.88),rgba(255,255,255,.86));}
+.eval-archive-title-row{align-items:flex-start;margin-bottom:8px!important;}
+.eval-archive-title-row h4{margin:2px 0 0;font-size:.98rem;line-height:1.15;letter-spacing:-.02em;color:var(--ink);}
+.eval-archive-summary{margin:0 0 12px;color:var(--muted);font-size:.78rem;line-height:1.35;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
+.eval-archive-panel.on .eval-archive-summary{color:#047857;}
+.eval-archive-actions{display:flex;align-items:center;justify-content:flex-start;gap:8px;flex-wrap:wrap;}
+.eval-archive-actions button{min-height:34px;padding:8px 11px!important;border-radius:12px!important;white-space:nowrap;}
 .eval-archive-actions .danger{color:#be123c!important;background:rgba(255,241,242,.82)!important;border-color:rgba(244,63,94,.2)!important;}
-.eval-feedback{display:block!important;width:auto!important;max-width:100%;padding:0!important;border:0!important;background:transparent!important;border-radius:0!important;font-size:.72rem!important;font-weight:650!important;line-height:1.25!important;letter-spacing:0!important;}
-@media(max-width:760px){.eval-archive-card{grid-template-columns:1fr}.eval-archive-actions{justify-content:flex-start}}
+.eval-feedback{display:block!important;width:auto!important;max-width:100%;padding:0!important;border:0!important;background:transparent!important;border-radius:0!important;font-size:.78rem!important;font-weight:650!important;line-height:1.35!important;letter-spacing:0!important;}
+.eval-feedback.off{color:#64748b!important;background:transparent!important;border:0!important;opacity:1!important}
+@media(max-width:760px){.eval-archive-actions{justify-content:flex-start}}
+
+/* v184: compact premium Model pre-scan states */
+.model-prescan-card.required{
+  border-color:rgba(148,163,184,.28)!important;
+  background:radial-gradient(circle at 12% 0%,rgba(59,130,246,.075),transparent 36%),linear-gradient(180deg,rgba(255,255,255,.99),rgba(248,250,252,.94))!important;
+  box-shadow:0 14px 34px rgba(15,23,42,.055),0 1px 0 rgba(255,255,255,.9) inset!important;
+}
+.model-prescan-card.required .model-prescan-head strong{font-size:16px!important;letter-spacing:-.03em!important}
+.model-prescan-card.required>p{font-size:12.75px!important;line-height:1.42!important;max-width:50ch!important}
+.model-prescan-card.required #scanModel{
+  border-color:rgba(37,99,235,.22)!important;
+  background:linear-gradient(180deg,#fff,#f8fafc)!important;
+  box-shadow:0 8px 18px rgba(15,23,42,.06)!important;
+}
+.model-prescan-card.success{
+  border-color:rgba(34,197,94,.20)!important;
+  background:radial-gradient(circle at 98% 0%,rgba(34,197,94,.08),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.99),rgba(248,250,252,.93))!important;
+}
+.model-prescan-card.success .model-prescan-head strong{font-size:15px!important}
+.model-prescan-card.success>p{font-size:12.5px!important;line-height:1.36!important;margin-top:-2px!important}
+.model-prescan-card.success .model-prescan-signals{gap:8px!important}
+.prescan-compact-grid{
+  display:grid!important;
+  grid-template-columns:repeat(3,minmax(0,1fr))!important;
+  gap:7px!important;
+}
+.prescan-chip{
+  display:grid!important;
+  grid-template-columns:auto 1fr!important;
+  grid-template-areas:"icon label" "icon value"!important;
+  column-gap:7px!important;
+  align-items:center!important;
+  min-width:0!important;
+  padding:8px 9px!important;
+  border-radius:14px!important;
+  border:1px solid rgba(226,232,240,.82)!important;
+  background:rgba(255,255,255,.82)!important;
+}
+.prescan-chip i{
+  grid-area:icon!important;
+  width:23px!important;
+  height:23px!important;
+  display:inline-flex!important;
+  align-items:center!important;
+  justify-content:center!important;
+  border-radius:999px!important;
+  background:rgba(248,250,252,.96)!important;
+  color:#475569!important;
+  font-style:normal!important;
+  font-size:12px!important;
+  font-weight:900!important;
+}
+.prescan-chip em{
+  grid-area:label!important;
+  font-size:8.5px!important;
+  line-height:1!important;
+  letter-spacing:.13em!important;
+  text-transform:uppercase!important;
+  color:#64748b!important;
+  font-style:normal!important;
+  font-weight:850!important;
+}
+.prescan-chip strong{
+  grid-area:value!important;
+  min-width:0!important;
+  overflow:hidden!important;
+  text-overflow:ellipsis!important;
+  white-space:nowrap!important;
+  color:#0f172a!important;
+  font-size:11.5px!important;
+  line-height:1.15!important;
+}
+.prescan-chip.good{border-color:rgba(34,197,94,.18)!important;background:rgba(240,253,244,.56)!important}
+.prescan-chip.good i{background:rgba(220,252,231,.95)!important;color:#047857!important}
+.prescan-pill-row{display:flex!important;flex-wrap:wrap!important;gap:6px!important;min-width:0!important}
+.prescan-pill{
+  display:inline-flex!important;
+  align-items:center!important;
+  gap:5px!important;
+  max-width:100%!important;
+  padding:5px 8px!important;
+  border-radius:999px!important;
+  border:1px solid rgba(226,232,240,.86)!important;
+  background:rgba(255,255,255,.76)!important;
+  color:#334155!important;
+  font-size:10.75px!important;
+  line-height:1.2!important;
+  white-space:nowrap!important;
+  overflow:hidden!important;
+  text-overflow:ellipsis!important;
+}
+.prescan-pill.good{border-color:rgba(34,197,94,.18)!important;background:rgba(240,253,244,.68)!important}
+.prescan-pill.risk{border-color:rgba(245,158,11,.25)!important;background:rgba(255,251,235,.72)!important}
+.prescan-pill .prescan-icon{font-weight:900!important;opacity:.8!important}
+.prescan-recommendation-line{
+  display:flex!important;
+  align-items:center!important;
+  gap:7px!important;
+  padding:7px 9px!important;
+  border-radius:13px!important;
+  border:1px solid rgba(226,232,240,.82)!important;
+  background:rgba(255,255,255,.72)!important;
+  color:#475569!important;
+  font-size:11px!important;
+  line-height:1.25!important;
+}
+.prescan-recommendation-line b{color:#0f172a!important;font-size:10px!important;text-transform:uppercase!important;letter-spacing:.11em!important}
+.model-prescan-card.success #scanModel{padding:7px 10px!important;font-size:11.5px!important;border-radius:12px!important}
+@media(max-width:720px){.prescan-compact-grid{grid-template-columns:1fr!important}.prescan-pill{white-space:normal!important}}
+
+/* v185: consistent compact Model pre-scan rendering for all states */
+.model-prescan-card.required{padding:14px!important;gap:10px!important}
+.model-prescan-card.required .model-prescan-signals{display:block!important;margin-top:1px!important}
+.model-prescan-card.running{
+  border-color:rgba(37,99,235,.20)!important;
+  background:radial-gradient(circle at 96% 0%,rgba(59,130,246,.09),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.99),rgba(248,250,252,.94))!important;
+}
+.model-prescan-card.warn{
+  border-color:rgba(245,158,11,.22)!important;
+  background:radial-gradient(circle at 96% 0%,rgba(245,158,11,.10),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.99),rgba(255,251,235,.52))!important;
+}
+.model-prescan-card.error{
+  border-color:rgba(244,63,94,.20)!important;
+  background:radial-gradient(circle at 96% 0%,rgba(244,63,94,.09),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.99),rgba(255,241,242,.52))!important;
+}
+.model-prescan-card.running .model-prescan-head strong,
+.model-prescan-card.warn .model-prescan-head strong,
+.model-prescan-card.error .model-prescan-head strong{font-size:15px!important;letter-spacing:-.025em!important}
+.model-prescan-card.warn .prescan-chip,
+.model-prescan-card.error .prescan-chip,
+.model-prescan-card.running .prescan-chip{background:rgba(255,255,255,.78)!important}
+.prescan-pill.running{border-color:rgba(37,99,235,.18)!important;background:rgba(239,246,255,.72)!important;color:#1e3a8a!important}
+.prescan-recommendation-line.warn{border-color:rgba(245,158,11,.18)!important;background:rgba(255,251,235,.70)!important}
+.prescan-recommendation-line.error{border-color:rgba(244,63,94,.18)!important;background:rgba(255,241,242,.70)!important}
+.prescan-recommendation-line.running{border-color:rgba(37,99,235,.16)!important;background:rgba(239,246,255,.62)!important}
+.prescan-hints{margin-top:2px!important}
+.prescan-spinner{display:inline-flex!important;animation:prescan-spin 1.1s linear infinite!important}
+@keyframes prescan-spin{to{transform:rotate(360deg)}}
+.model-prescan-card.warn #scanModel,
+.model-prescan-card.error #scanModel,
+.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}}

web/static/app.js

@@ -229,6 +229,7 @@ function renderAnonymousEvalStatus(me){
   const enable=$('enableEvalArchive');
   const disable=$('disableEvalArchive');
   const verify=$('verifyEvalArchive');
+  const stateBadge=$('evalArchiveStateBadge');
   const cfg=me?.anonymous_eval||{};
   const enabled=Boolean(cfg.enabled);
   const canManage=Boolean(cfg.can_manage)&&cfg.env_override!==true;
@@ -238,16 +239,20 @@ function renderAnonymousEvalStatus(me){
   const mount=cfg.job_mount_path||cfg.default_mount_path||'/evals';
   if(card){
     card.hidden=false;
-    card.className='eval-archive-card '+(enabled?'on':'off')+(readonly?' readonly':'')+(canManage?' manageable':'');
+    card.className='eval-archive-panel '+(enabled?'on':'off')+(readonly?' readonly':'')+(canManage?' manageable':'');
   }
   if(title){
-    title.textContent=enabled?'Anonymous eval archive is on':'Anonymous eval archive is off';
+    title.textContent=enabled?'Anonymous eval archive':'Anonymous eval archive';
+  }
+  if(stateBadge){
+    stateBadge.textContent=enabled?'On':'Off';
+    stateBadge.className='badge '+(enabled?'success':'neutral');
   }
   if(text){
     text.className='eval-feedback '+(enabled?'on':'off');
     if(enabled){
       const manager=cfg.managed_by==='you'?'You manage this instance setting.':`Managed by ${cfg.managed_by||'instance owner'}.`;
-      text.textContent=`${bucket}${path} → ${mount}`;
+      text.textContent=`On · ${bucket}${path} → ${mount}`;
       text.title=`Anonymous project eval archive enabled from ${cfg.source||'config'}: ${bucket}${path} mounted at ${mount}. ${manager} ASF backend publishes anonymized eval records after user Jobs write local run evals.`;
     }else if(me?.username){
       text.textContent='Mount an operator eval bucket at /evals, then enable publishing.';
@@ -299,31 +304,45 @@ function renderModelPreScan(scan=null){
   const card=$('modelPreScanCard'),badge=$('modelPreScanBadge'),signals=$('modelPreScanSignals'),ackWrap=$('modelRiskAckWrap');
   if(!card)return;
   const current=normalizeModelInput(formValue('modelId'));
-  const matches=scan&&scan.ok&&normalizeModelInput(scan.model_id)===current;
+  const isTransient=scan&&scan.transient===true;
+  const matches=scan&&((scan.ok&&normalizeModelInput(scan.model_id)===current)||isTransient);
   if(!scan||!matches){
     card.className='model-prescan-card required';
     setText('modelPreScanTitle','Pre-scan required');
-    setText('modelPreScanSummary','Run a fast metadata scan before launching a paid Job. It checks the model card guidance, runnable examples, Diffusers signals, files, safetensors, gated access and custom-code risk without downloading weights.');
+    setText('modelPreScanSummary','Run a fast metadata scan before launching a paid Job. It checks model card guidance, runnable examples, Diffusers signals, files, safetensors, gated access and custom-code risk without downloading weights.');
     if(badge){badge.textContent='Required';badge.className='badge neutral'}
-    if(signals){signals.hidden=true;signals.innerHTML=''}
+    if(signals){signals.hidden=false;signals.innerHTML='<div class="prescan-pill-row prescan-hints"><span class="prescan-pill"><b class="prescan-icon">↗</b>Metadata only</span><span class="prescan-pill"><b class="prescan-icon">◇</b>No weight download</span><span class="prescan-pill"><b class="prescan-icon">✓</b>Required before Job</span></div>'}
     if(ackWrap)ackWrap.hidden=true;
     return;
   }
   const verdict=String(scan.verdict||'caution').toLowerCase();
   const cls=scanVerdictClass(verdict);
+  const labelMap={safe:'Safe',caution:'Needs review',risky:'Risky',unsupported:'Unsupported',scanning:'Scanning',error:'Scan failed'};
   card.className='model-prescan-card '+cls;
-  setText('modelPreScanTitle',`${verdict.charAt(0).toUpperCase()+verdict.slice(1)} · score ${scan.score ?? '—'}/100`);
+  const scoreText=(scan.score===undefined||scan.score===null||verdict==='scanning'||verdict==='error')?'':` · score ${scan.score}/100`;
+  setText('modelPreScanTitle',`${labelMap[verdict]||labelMap.caution}${scoreText}`);
   setText('modelPreScanSummary',scan.summary||'Model metadata scan completed.');
-  if(badge){badge.textContent=verdict;badge.className='badge '+cls}
-  const good=(scan.good_signals||[]).slice(0,3);
+  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 outputType=outputTypeFromModelScan(scan);
   const recs=[...(scan.recommendations||[]).slice(0,2)];
-  if(outputType)recs.unshift(`Expected output: ${outputType}`);
+  if(outputType&&!recs.some(x=>String(x).toLowerCase().includes('expected output')))recs.unshift(`Expected output: ${outputType}`);
   if(signals){
-    const modelMeta=[scan.pipeline_tag?['Pipeline',scan.pipeline_tag]:null,scan.library_name?['Library',scan.library_name]:null,outputType?['Output',outputType]:null].filter(Boolean);
+    const metaCards=[
+      outputType?['↳','Output',outputType,verdict==='safe']:null,
+      scan.pipeline_tag?['◈','Pipeline',scan.pipeline_tag,false]: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 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>':'';
     signals.hidden=false;
-    signals.innerHTML=`<div class="prescan-meta">${modelMeta.map(([k,v])=>`<span><em>${escapeHtml(k)}</em><strong>${escapeHtml(String(v))}</strong></span>`).join('')}</div>${good.length?`<div><strong>Good signals</strong>${good.map(x=>`<span class="good">${escapeHtml(x)}</span>`).join('')}</div>`:''}${risk.length?`<div><strong>Watch</strong>${risk.map(x=>`<span class="risk">${escapeHtml(x)}</span>`).join('')}</div>`:''}${recs.length?`<div><strong>Recommendation</strong>${recs.map(x=>`<span>${escapeHtml(x)}</span>`).join('')}</div>`:''}`;
+    signals.innerHTML=`${compactMeta}${runningPills}${goodPills}${riskPills}${errorPill}${recLine}${emptyHint}`;
   }
   if(ackWrap)ackWrap.hidden=!(verdict==='risky');
 }
@@ -333,9 +352,7 @@ async function scanModel(){
   const model=formValue('modelId');
   if(!model){showMessage('Enter a model card URL or model ID before scanning.',true);return}
   setButtonBusy('scanModel',true,'Scanning…');
-  const badge=$('modelPreScanBadge');if(badge){badge.textContent='Scanning';badge.className='badge running'}
-  setText('modelPreScanTitle','Scanning model metadata…');
-  setText('modelPreScanSummary','Reading the model card, Hub metadata and small config files. We do not download model weights.');
+  renderModelPreScan({ok:true,transient:true,model_id:model,verdict:'scanning',summary:'Reading the model card, Hub metadata and small config files. We do not download model weights.'});
   try{
     const result=await apiPost('/api/models/pre-scan',{model_id:model});
     state.modelScan=result;
@@ -344,7 +361,7 @@ async function scanModel(){
     renderModelPreScan(result);
     setBuildLaunchEnabled();
     showMessage(`Model pre-scan: ${result.verdict} (${result.score}/100)`,result.verdict==='safe'?'success':(result.verdict==='unsupported'||result.verdict==='risky'?true:'warning'));
-  }catch(e){state.modelScan=null;renderModelPreScan(null);showMessage(e.message,true)}
+  }catch(e){state.modelScan=null;renderModelPreScan({ok:true,transient:true,model_id:model,verdict:'error',summary:'The model pre-scan could not complete. Fix the issue or try again before launching a Job.',error:e.message});showMessage(e.message,true)}
   finally{setButtonBusy('scanModel',false);setBuildLaunchEnabled()}
 }