Upload 6 files

web/static/app.css

@@ -900,24 +900,27 @@ strong,p,h1,h2,h3,h4,span,a,button,div,li{overflow-wrap:break-word;word-break:no
 .endpoint-params{margin:8px 0 0;color:#667085;font-size:11px;line-height:1.35}
 .compact-empty{font-size:11px;padding:6px 0;color:#667085}
 
-/* v101: compact Active Run trace/document dock */
+/* v159: horizontal source-document dock */
 .run-documents-card{background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)}
 .run-documents-card .card-title-row{align-items:center}
 .run-documents-card .card-title-row .muted{font-size:10.5px}
-.run-documents-dock{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px}
-.run-doc-btn{display:grid;grid-template-columns:32px minmax(0,1fr);gap:8px;align-items:center;border:1px solid var(--line);border-radius:12px;background:#fff;padding:9px 10px;color:#344054;text-align:left;min-height:54px;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease,transform .16s ease}
+.run-documents-dock{display:flex;align-items:stretch;gap:8px;margin-top:8px;overflow-x:auto;overflow-y:hidden;padding:2px 2px 8px;scrollbar-width:thin;scroll-snap-type:x proximity}
+.run-doc-btn{position:relative;flex:0 0 86px;display:grid;grid-template-rows:34px auto auto;justify-items:center;align-content:start;gap:5px;border:1px solid var(--line);border-radius:13px;background:#fff;padding:9px 8px 8px;color:#344054;text-align:center;min-height:92px;text-decoration:none;scroll-snap-align:start;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease,transform .16s ease}
 .run-doc-btn.ready:hover{border-color:#93c5fd;background:#fff;box-shadow:0 8px 18px rgba(16,24,40,.08);transform:translateY(-1px)}
-.run-doc-btn.pending{opacity:.52;filter:grayscale(.25);cursor:not-allowed;background:#f8fafc;border-style:dashed}
-.run-doc-btn .doc-icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#f8fafc;border:1px solid #eef2f7;font-size:15px}
-.run-doc-btn strong{display:block;font-size:12px;line-height:1.15;color:#101828;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
-.run-doc-btn em{display:block;font-style:normal;font-size:10.5px;line-height:1.25;color:#667085;margin-top:2px}
+.run-doc-btn.pending{opacity:.56;filter:grayscale(.25);cursor:not-allowed;background:#f8fafc;border-style:dashed}
+.run-doc-btn.ready::after{content:"";position:absolute;top:7px;right:7px;width:7px;height:7px;border-radius:999px;background:#22c55e;box-shadow:0 0 0 2px #fff}
+.run-doc-btn.pending::after{content:"";position:absolute;top:7px;right:7px;width:7px;height:7px;border-radius:999px;background:#cbd5e1;box-shadow:0 0 0 2px #fff}
+.run-doc-btn .doc-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#f8fafc;border:1px solid #eef2f7;font-size:16px;line-height:1}
+.run-doc-btn strong{display:block;width:100%;font-size:11.5px;line-height:1.12;color:#101828;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+.run-doc-btn em{display:block;width:100%;font-style:normal;font-size:9.5px;line-height:1.18;color:#667085;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .run-doc-btn.raw.ready{border-color:#fed7aa;background:linear-gradient(180deg,#fffaf3 0%,#fff 100%)}
 .run-doc-btn.raw.ready .doc-icon{background:#fff7ed;border-color:#fed7aa}
 .run-doc-btn.safe.ready{border-color:#c7d2fe;background:linear-gradient(180deg,#f8fbff 0%,#fff 100%)}
 .run-doc-btn.safe.ready .doc-icon{background:#eef2ff;border-color:#c7d2fe}
 .run-doc-btn.warn.ready{border-color:#fed7aa;background:linear-gradient(180deg,#fff7ed 0%,#fff 100%)}
 .run-doc-btn.warn.ready strong{color:#9a3412}
-@media (max-width:720px){.run-documents-dock{grid-template-columns:1fr}}
+.run-documents-dock .empty{min-width:100%}
+@media (max-width:420px){.run-doc-btn{flex-basis:78px;min-height:88px;padding-left:7px;padding-right:7px}.run-doc-btn strong{font-size:11px}.run-doc-btn em{font-size:9px}}
 
 /* v102: narrow-safe run explorer, point-based validation progress */
 .runs-table{min-width:0}
@@ -1272,6 +1275,11 @@ strong,p,h1,h2,h3,h4,span,a,button,div,li{overflow-wrap:break-word;word-break:no
 .recovery-meta strong{display:block;margin-top:2px;font-size:11.5px;color:#344054;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .recovery-evidence{margin:0;padding-left:18px;color:#475467;font-size:11.5px;line-height:1.4}
 .recovery-next{margin:0;border:1px dashed #c7d2fe;background:#f8fbff;color:#3730a3;border-radius:11px;padding:8px 9px;font-size:11.5px;line-height:1.35}
+.recovery-docs{display:flex;align-items:center;gap:7px;flex-wrap:wrap;border:1px solid #e5e7eb;background:#fff;border-radius:11px;padding:8px 9px}
+.recovery-docs span{font-size:9.5px;text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;font-weight:900;margin-right:2px}
+.recovery-docs a{font-size:11px;font-weight:850;text-decoration:none;border:1px solid #dbeafe;background:#eff6ff;color:#1d4ed8;border-radius:999px;padding:4px 8px}
+.recovery-docs a.warn{border-color:#fed7aa;background:#fff7ed;color:#c2410c}
+.recovery-docs a.raw{border-color:#fecdd3;background:#fff1f2;color:#be123c}
 .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}}
@@ -1617,3 +1625,290 @@ strong,p,h1,h2,h3,h4,span,a,button,div,li{overflow-wrap:break-word;word-break:no
 .step.trace-post-failure.status-muted:before{
   background:var(--red);
 }
+
+/* v153 — visual stability and premium polish */
+.loading-shimmer{
+  position:relative;
+  overflow:hidden;
+}
+.loading-shimmer::after{
+  content:"";
+  position:absolute;
+  inset:0;
+  transform:translateX(-100%);
+  background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);
+  animation:shimmer-pass 1.3s ease-in-out infinite;
+}
+@keyframes shimmer-pass{100%{transform:translateX(100%)}}
+#activeLatencyCard.is-loading{
+  opacity:.78;
+}
+.timeline.trace-failed .step.trace-breakpoint{
+  transform:none;
+}
+.timeline.trace-failed .step.trace-breakpoint .step-dot,
+.timeline.trace-recovered .step.trace-recovered .step-dot{
+  width:28px;
+  height:28px;
+  min-width:28px;
+}
+.timeline.trace-failed .step.trace-breakpoint:after,
+.timeline.trace-recovered .step.trace-recovered:after{
+  top:2px;
+  height:40px;
+}
+.endpoint-meta{
+  display:flex;
+  gap:8px;
+  flex-wrap:wrap;
+  margin-bottom:8px;
+}
+.endpoint-meta span{
+  border:1px solid var(--rule);
+  border-radius:999px;
+  padding:3px 8px;
+  background:#fff;
+  color:var(--muted);
+  font-size:11px;
+  font-weight:800;
+}
+.endpoint-param span{
+  display:block;
+  opacity:.7;
+  margin-top:2px;
+}
+.prescan-meta{
+  display:grid!important;
+  grid-template-columns:repeat(3,minmax(0,1fr));
+  gap:8px!important;
+  margin-bottom:8px;
+}
+.prescan-meta span{
+  border:1px solid var(--rule);
+  border-radius:12px;
+  padding:8px 10px;
+  background:#fff;
+}
+.prescan-meta em{
+  display:block;
+  font-size:10px;
+  text-transform:uppercase;
+  letter-spacing:.06em;
+  color:var(--muted);
+  font-style:normal;
+  font-weight:900;
+}
+.prescan-meta strong{
+  display:block;
+  margin-top:3px;
+  overflow:hidden;
+  text-overflow:ellipsis;
+  white-space:nowrap;
+}
+
+/* v160 premium destructive action modal */
+.delete-run-modal[hidden]{display:none!important}
+.delete-run-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px;opacity:0;pointer-events:none;transition:opacity .18s ease}
+.delete-run-modal.is-open{opacity:1;pointer-events:auto}
+.delete-run-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.42);backdrop-filter:blur(10px)}
+.delete-run-card{position:relative;width:min(520px,calc(100vw - 32px));display:grid;gap:16px;padding:22px;border-radius:28px;border:1px solid rgba(255,255,255,.78);background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,250,252,.96));box-shadow:0 30px 90px rgba(15,23,42,.25),0 1px 0 rgba(255,255,255,.8) inset;transform:translateY(8px) scale(.98);transition:transform .18s ease}
+.delete-run-modal.is-open .delete-run-card{transform:translateY(0) scale(1)}
+.delete-run-close{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:999px;border:1px solid #e5e7eb;background:#fff;color:#667085;font-size:20px;line-height:1;display:grid;place-items:center;cursor:pointer}
+.delete-run-close:hover{background:#fff1f2;border-color:#fecdd3;color:#be123c}
+.delete-run-icon{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(180deg,#fff1f2,#ffe4e6);border:1px solid #fecdd3;color:#be123c;font-size:26px;box-shadow:0 10px 24px rgba(190,18,60,.12)}
+.delete-run-copy{display:grid;gap:6px;padding-right:28px}.delete-run-kicker{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#be123c}.delete-run-copy h3{margin:0;font-size:22px;line-height:1.15;color:#101828;letter-spacing:-.03em}.delete-run-copy p{margin:0;color:#475467;font-size:13px;line-height:1.45}
+.delete-run-meta{display:grid;gap:8px;padding:12px;border:1px solid #e5e7eb;border-radius:18px;background:#fff}.delete-run-meta span{display:grid;grid-template-columns:64px minmax(0,1fr);gap:10px;align-items:center;font-size:12px;color:#344054}.delete-run-meta strong{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#98a2b3}.delete-run-meta code{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11.5px;color:#101828;background:#f8fafc;border:1px solid #eef2f7;border-radius:9px;padding:5px 7px}
+.delete-run-warning{border:1px solid #fed7aa;background:#fff7ed;color:#9a3412;border-radius:16px;padding:10px 12px;font-size:12px;line-height:1.4}.delete-run-warning[hidden]{display:none!important}
+.delete-run-actions{display:flex;justify-content:flex-end;gap:10px}.delete-run-actions .primary.danger{background:linear-gradient(180deg,#e11d48,#be123c);border-color:#be123c;color:#fff;box-shadow:0 12px 24px rgba(190,18,60,.22)}.delete-run-actions .primary.danger:hover{background:linear-gradient(180deg,#be123c,#9f1239)}
+@media (max-width:520px){.delete-run-modal{padding:14px}.delete-run-card{border-radius:22px;padding:18px}.delete-run-actions{display:grid;grid-template-columns:1fr}.delete-run-actions button{width:100%}.delete-run-meta span{grid-template-columns:1fr;gap:4px}}
+
+/* v162: Latest events gets enough vertical room for live runs */
+.latest-events-card .activity-feed,
+.latest-events-card .activity-feed.show-all{
+  max-height:354px;
+  overflow-y:auto;
+  overscroll-behavior:contain;
+}
+
+/* v164 — premium agent timeline: precise milestones + clockwise grouped progress */
+.timeline{
+  --tl-line:#d8dee9;
+  --tl-muted:#98a2b3;
+  --tl-ring-bg:#e5e7eb;
+  display:grid!important;
+  grid-auto-flow:column!important;
+  grid-auto-columns:minmax(98px,1fr)!important;
+  gap:0!important;
+  align-items:start!important;
+  padding:8px 2px 10px!important;
+  overflow-x:auto!important;
+  overflow-y:hidden!important;
+  scroll-snap-type:x proximity;
+}
+.timeline .step{
+  position:relative;
+  display:grid;
+  justify-items:center;
+  gap:6px;
+  min-width:98px!important;
+  max-width:136px!important;
+  padding:7px 8px 2px!important;
+  scroll-snap-align:center;
+  text-align:center;
+  transition:opacity .18s ease, transform .18s ease, filter .18s ease;
+}
+.timeline .step:before{
+  content:"";
+  position:absolute;
+  left:0;
+  right:0;
+  top:24px;
+  height:2px;
+  background:var(--tl-line);
+  z-index:0;
+  transition:background .22s ease;
+}
+.timeline .step:first-child:before{left:50%}
+.timeline .step:last-child:before{right:50%}
+.timeline .step-dot{
+  position:relative;
+  z-index:1;
+  width:34px!important;
+  height:34px!important;
+  min-width:34px!important;
+  border:0!important;
+  border-radius:999px;
+  display:grid;
+  place-items:center;
+  padding:3px!important;
+  color:var(--timeline-fg,#475467)!important;
+  background:
+    conic-gradient(from -90deg,var(--timeline-ring,var(--blue)) 0 var(--step-progress,0%),var(--tl-ring-bg) var(--step-progress,0%) 100%)!important;
+  box-shadow:0 1px 2px rgba(15,23,42,.08),0 0 0 1px rgba(15,23,42,.06) inset!important;
+  transition:background .28s ease, transform .18s ease, box-shadow .18s ease, color .18s ease;
+}
+.timeline .step-dot span{
+  position:relative;
+  z-index:2;
+  width:24px!important;
+  height:24px!important;
+  border-radius:999px;
+  display:grid;
+  place-items:center;
+  margin:auto;
+  background:#fff!important;
+  color:inherit!important;
+  font-size:11px;
+  font-weight:900;
+  line-height:1;
+  box-shadow:0 0 0 1px rgba(15,23,42,.06) inset;
+}
+.timeline .step.is-grouped .step-dot::before{
+  content:"";
+  position:absolute;
+  inset:-3px;
+  border-radius:999px;
+  border:1px solid rgba(15,23,42,.08);
+  pointer-events:none;
+}
+.timeline .step-count{
+  position:absolute;
+  right:-8px;
+  bottom:-5px;
+  z-index:3;
+  min-width:23px;
+  height:15px;
+  padding:0 5px;
+  display:grid;
+  place-items:center;
+  border-radius:999px;
+  border:1px solid rgba(15,23,42,.08);
+  background:#fff;
+  color:#667085;
+  font-size:8.5px;
+  font-style:normal;
+  font-weight:900;
+  letter-spacing:-.02em;
+  box-shadow:0 2px 5px rgba(15,23,42,.08);
+}
+.timeline .step strong{
+  display:block!important;
+  max-width:100%;
+  overflow:hidden;
+  text-overflow:ellipsis;
+  white-space:nowrap;
+  color:#344054;
+  font-size:10.75px!important;
+  line-height:1.12;
+  letter-spacing:-.01em;
+}
+.timeline .step small{
+  display:block!important;
+  max-width:100%;
+  margin-top:2px;
+  overflow:hidden;
+  text-overflow:ellipsis;
+  white-space:nowrap;
+  color:#98a2b3;
+  font-size:9px!important;
+  line-height:1.1;
+}
+.timeline .step.status-done{--timeline-ring:var(--green);--timeline-fg:#047857}
+.timeline .step.status-running,.timeline .step.status-waiting{--timeline-ring:var(--blue);--timeline-fg:#2563eb}
+.timeline .step.status-fallback,.timeline .step.status-warn{--timeline-ring:var(--amber);--timeline-fg:#92400e;--tl-line:#fde68a}
+.timeline .step.status-failed{--timeline-ring:var(--red);--timeline-fg:#be123c;--tl-line:#fecdd3}
+.timeline .step.status-stopped,.timeline .step.status-after-fail{--timeline-ring:#64748b;--timeline-fg:#475569;--tl-line:#cbd5e1}
+.timeline .step.status-pending,.timeline .step.status-muted{--timeline-ring:#cbd5e1;--timeline-fg:#98a2b3;opacity:.72}
+.timeline .step.status-done:before{background:var(--green)!important}
+.timeline .step.status-running:before,.timeline .step.status-waiting:before{background:linear-gradient(90deg,var(--green) 0 50%,var(--tl-line) 50%)!important}
+.timeline .step.status-fallback:before,.timeline .step.status-warn:before{background:linear-gradient(90deg,var(--green) 0 50%,var(--amber) 50%)!important}
+.timeline .step.status-failed:before{background:linear-gradient(90deg,var(--green) 0 50%,var(--red) 50%)!important}
+.timeline .step.status-after-fail:before{background:var(--red)!important}
+.timeline .step.status-running .step-dot,
+.timeline .step.status-waiting .step-dot{
+  animation:timeline-active-breathe 1.45s ease-in-out infinite!important;
+}
+.timeline .step.status-running .step-dot::after,
+.timeline .step.status-waiting .step-dot::after,
+.timeline .step.running .step-dot::after{
+  inset:-8px!important;
+  border-color:rgba(37,99,235,.2)!important;
+  animation:timeline-soft-wave 1.45s ease-out infinite!important;
+}
+.timeline .step.status-changed .step-dot,
+.timeline .step .step-dot.dot-pop{
+  animation:timeline-dot-pop .56s cubic-bezier(.2,.9,.2,1.2)!important;
+}
+.timeline.trace-failed .step.trace-breakpoint .step-dot,
+.timeline.trace-recovered .step.trace-recovered .step-dot{
+  width:34px!important;
+  height:34px!important;
+  min-width:34px!important;
+}
+.timeline.trace-failed .step.trace-breakpoint:after,
+.timeline.trace-recovered .step.trace-recovered:after{
+  display:none!important;
+}
+@keyframes timeline-active-breathe{
+  0%,100%{transform:translateY(0) scale(1);box-shadow:0 1px 2px rgba(15,23,42,.08),0 0 0 1px rgba(37,99,235,.08) inset}
+  50%{transform:translateY(-1px) scale(1.04);box-shadow:0 8px 18px rgba(37,99,235,.13),0 0 0 1px rgba(37,99,235,.12) inset}
+}
+@keyframes timeline-soft-wave{
+  0%{transform:scale(.78);opacity:.85}
+  72%{transform:scale(1.28);opacity:0}
+  100%{transform:scale(1.28);opacity:0}
+}
+@keyframes timeline-dot-pop{
+  0%{transform:scale(.82)}
+  60%{transform:scale(1.12)}
+  100%{transform:scale(1)}
+}
+@media (prefers-reduced-motion:reduce){
+  .timeline,.timeline *{scroll-behavior:auto!important;animation:none!important;transition:none!important}
+}
+@media (max-width:720px){
+  .timeline{grid-auto-flow:row!important;grid-auto-columns:auto!important;grid-template-columns:1fr!important;overflow-x:hidden!important;gap:6px!important}
+  .timeline .step{grid-template-columns:34px minmax(0,1fr);justify-items:start;text-align:left;max-width:none!important;width:100%!important;min-width:0!important}
+  .timeline .step:before{left:24px!important;right:auto!important;top:0;bottom:0;width:2px;height:auto}
+  .timeline .step strong,.timeline .step small{text-align:left}
+}

web/static/app.js

@@ -1,4 +1,4 @@
-const state={runId:null,validationRunId:null,validationPoll:null,centerTab:'active',validationPollErrors:0,validationDetail:null,spaceLinksUnlockedFor:null,bucketName:'space-factory-runs',bucketSource:null,bucketReady:false,poll:null,activeLinks:{},activeRunProgress:null,selectedRunDetail:null,runStatusFilter:'all',runSearch:'',runPage:0,runsPerPage:5,runsCache:[],runsLastLoaded:0,lastRunsRefreshFromPoll:0,lastJobLogPoll:0,pollErrors:0,busy:false,user:null,currentView:'onepage',modelScan:null,runDetailCache:{},runDetailCacheTtlMs:300000};
+const state={runId:null,validationRunId:null,validationPoll:null,centerTab:'active',validationPollErrors:0,validationDetail:null,spaceLinksUnlockedFor:null,bucketName:'space-factory-runs',bucketSource:null,bucketReady:false,poll:null,activeLinks:{},activeRunProgress:null,selectedRunDetail:null,runStatusFilter:'all',runSearch:'',runPage:0,runsPerPage:5,runsCache:[],runsLastLoaded:0,lastRunsRefreshFromPoll:0,lastJobLogPoll:0,pollErrors:0,busy:false,user:null,currentView:'onepage',modelScan:null,runDetailCache:{},runDetailCacheTtlMs:300000,deleteModalPromise:null,deleteModalRunId:null,deletingRuns:{}};
 const 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 DEFAULT_TIMELINE=[{label:'Bootstrap',status:'pending'},{label:'Dependencies',status:'pending'},{label:'Auth',status:'pending'},{label:'Model analysis',status:'pending'},{label:'Workspace',status:'pending'},{label:'Node/npm',status:'pending'},{label:'Pi install',status:'pending'},{label:'Pi config',status:'pending'},{label:'Pi run',status:'pending'},{label:'Pi verification',status:'pending'},{label:'Metadata sanitize',status:'pending'},{label:'Requirements sanitize',status:'pending'},{label:'Hardware strategy',status:'pending'},{label:'Create with hardware',status:'pending'},{label:'Create Space',status:'pending'},{label:'Repair pass',status:'pending'},{label:'Upload files',status:'pending'},{label:'Space runtime',status:'pending'},{label:'Space logs',status:'pending'},{label:'API validation',status:'pending'},{label:'Live wait',status:'pending'},{label:'Generation smoke',status:'pending'},{label:'Inference gate',status:'pending'},{label:'Report',status:'pending'},{label:'Done',status:'pending'},{label:'Failure',status:'pending'}];
 
@@ -168,8 +168,12 @@ function endpointDetails(detail={},endpointName=''){
 function renderEndpointParamChips(items=[]){
   if(!items.length)return '<span class="muted">No parameters discovered yet.</span>';
   return items.slice(0,10).map(item=>{
-    const detail=[item.type,item.component,item.optional?'optional':''].filter(Boolean).join(' · ');
-    return `<em title="${escapeHtml(detail||item.name)}"><strong>${escapeHtml(item.name)}</strong>${detail?`<span>${escapeHtml(detail)}</span>`:''}</em>`;
+    const name=item.name||item.label||item.id||'param';
+    const type=item.type||item.datatype||'';
+    const component=item.component||item.component_type||item.rendered_component||'';
+    const required=item.optional?'optional':'required';
+    const detail=[type,component,required].filter(Boolean).join(' · ');
+    return `<em class="endpoint-param" title="${escapeHtml(detail||name)}"><strong>${escapeHtml(name)}</strong>${detail?`<span>${escapeHtml(detail)}</span>`:''}</em>`;
   }).join('')+(items.length>10?'<em><strong>…</strong></em>':'');
 }
 function renderValidationEndpoints(detail={}){
@@ -186,7 +190,8 @@ function renderValidationEndpoints(detail={}){
   root.dataset.signature=signature;
   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>`:'';
-  root.innerHTML=`<div class="endpoint-chip-list">${chips}</div><div class="endpoint-info-card">${inputLine}${outputLine}${details.description?`<p>${escapeHtml(details.description)}</p>`:''}</div>`;
+  const meta=`<div class="endpoint-meta"><span>${escapeHtml(selected)}</span><span>${details.inputs.length} input${details.inputs.length===1?'':'s'}</span><span>${details.outputs.length} output${details.outputs.length===1?'':'s'}</span></div>`;
+  root.innerHTML=`<div class="endpoint-chip-list">${chips}</div><div class="endpoint-info-card">${meta}${inputLine}${outputLine}${details.description?`<p>${escapeHtml(details.description)}</p>`:''}</div>`;
 }
 function setGeneratedSpaceLinksEnabled(links={},enabled=false){
   const space=enabled?links.target_space_url:'';
@@ -199,7 +204,7 @@ let operationTimer=null;function toastDuration(type='info'){if(type==='loading')
 function setOperation(message,type='info',opts={}){const el=$('operationStatus');if(!el)return;if(operationTimer){clearTimeout(operationTimer);operationTimer=null}if(!message){el.hidden=true;el.textContent='';el.className='operation-status floating-toast';return}el.hidden=false;el.className='operation-status floating-toast '+type;el.textContent=message;const duration=opts.duration??toastDuration(type);if(duration>0)operationTimer=setTimeout(()=>{setOperation('')},duration)}
 function showMessage(msg,isError=false){const type=isError===true?'error':(typeof isError==='string'?isError:'info');setOperation(msg,type);const el=$('eventsPanel');if(el&&!state.runId)el.textContent=(isError?'Error: ':'')+msg}
 function setBusy(isBusy,label='Working…'){state.busy=Boolean(isBusy);if(!state.busy&&$('operationStatus')?.className.includes('loading'))setOperation('');document.querySelectorAll('[data-action-button]').forEach(btn=>{btn.disabled=state.busy||btn.dataset.requiresBucket==='true'&&!state.bucketReady});if($('launchBuild'))setBuildLaunchEnabled();if($('launchValidate'))$('launchValidate').disabled=state.busy;if(state.busy)setOperation(label,'loading')}
-function setButtonBusy(id,isBusy,busyLabel){const btn=$(id);if(!btn)return;if(isBusy){btn.dataset.oldText=btn.textContent;btn.textContent=busyLabel||'Working…';btn.disabled=true;btn.classList.add('is-busy')}else{if(btn.dataset.oldText)btn.textContent=btn.dataset.oldText;if(id==='launchBuild')setBuildLaunchEnabled();else btn.disabled=state.busy||btn.dataset.requiresBucket==='true'&&!state.bucketReady;btn.classList.remove('is-busy')}}
+function setButtonBusy(id,isBusy,busyLabel){const btn=$(id);if(!btn)return;if(isBusy){if(!btn.classList.contains('is-busy')&&!btn.dataset.oldText)btn.dataset.oldText=btn.textContent;btn.textContent=busyLabel||'Working…';btn.disabled=true;btn.classList.add('is-busy')}else{if(btn.dataset.oldText){btn.textContent=btn.dataset.oldText;delete btn.dataset.oldText}if(id==='launchBuild')setBuildLaunchEnabled();else btn.disabled=state.busy||btn.dataset.requiresBucket==='true'&&!state.bucketReady;btn.classList.remove('is-busy')}}
 function setBucketFeedback(mode='checking',message='Checking private bucket access…'){
   const orb=$('bucketInlineOrb');
   if(orb)orb.className='bucket-status-orb '+mode;
@@ -253,8 +258,9 @@ function renderModelPreScan(scan=null){
   const recs=[...(scan.recommendations||[]).slice(0,2)];
   if(outputType)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);
     signals.hidden=false;
-    signals.innerHTML=`${good.length?`<div><strong>Good</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=`<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>`:''}`;
   }
   if(ackWrap)ackWrap.hidden=!(verdict==='risky');
 }
@@ -290,11 +296,12 @@ function resetRunDetails(){
   if(typeof elapsedClock!=='undefined')elapsedClock.isRunning=false;if(typeof resetProgressStability==='function')resetProgressStability(null);
   if(typeof activityFeedState!=='undefined'){activityFeedState.lastItems=[];activityFeedState.runId=null}
   for(const [id,value] of [
-    ['detailRunId','—'],['detailJobStatus','—'],['detailGateStatus','—'],['detailSpace','—'],['detailHardware','—'],['detailTraces','—'],
+    ['detailRunId','—'],['detailJobStatus','—'],['detailGateStatus','—'],['detailSpace','—'],['detailHardware','—'],['detailTargetGpu','—'],['detailFallbackGpu','—'],['detailExpectedOutput','—'],['detailTraces','—'],
     ['homeRunDetailStatus','No run'],['selectedModelId','—'],['progressTitle','No run selected'],['progressStatus','Idle'],
     ['currentStep','—'],['lastEvent','Select a run from the explorer or launch a new build.'],['elapsed','—'],['lastPolled','—'],
     ['progressPercent','0%']
   ])setText(id,value);
+    setText('activeLatencyValue','—');setText('activeZeroGpuDuration','—');setText('activeLatencySource','waiting for live smoke test');const latencyCard=$('activeLatencyCard');if(latencyCard){latencyCard.classList.remove('has-latency');latencyCard.classList.add('is-loading')}
   const status=$('progressStatus');if(status)status.className='badge neutral';
   const fill=$('progressFill');if(fill){fill.style.width='0%';fill.classList.remove('is-running','progress-bump')}
   setQuickLinks({});
@@ -310,8 +317,8 @@ function resetRunDetails(){
   const blockers=$('selectedBlockers');if(blockers){blockers.hidden=true;blockers.innerHTML=''}
   for(const id of ['deleteActiveRun','activePrefillSpaceTest','deleteValidationRun']){const btn=$(id);if(btn)btn.disabled=true}
   renderTimeline(DEFAULT_TIMELINE,'idle');
-} function prepareNewBuild(){if(state.poll){clearInterval(state.poll);state.poll=null}state.runId=null;state.activeRunProgress=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 setActiveRun(result){if(state.poll){clearInterval(state.poll);state.poll=null}resetRunDetails();state.runId=result.run_id;state.spaceLinksUnlockedFor=null;if(Array.isArray(state.runsCache)&&typeof sortRunsNewestFirst==='function'){state.runsCache=sortRunsNewestFirst([{...result,run_id:result.run_id,status:result.status||'running',created_at:result.created_at||new Date().toISOString()},...state.runsCache.filter(r=>r.run_id!==result.run_id)]);renderRunsFromCache();}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||'—');renderActiveRunMeta({summary:result,state:result,launch:result});renderProgress({run_id:result.run_id,status:result.status||'running',progress:1,current_step_label:'Launching build Job…',events:[{step:'launch',status:'started',message:'Build Job launched; waiting for first worker event.'}],summary:result,state:result});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},result);saveActiveRun();markPendingActiveFields();startPolling(result.run_id)}
+} function prepareNewBuild(){if(state.poll){clearInterval(state.poll);state.poll=null}state.runId=null;state.activeRunProgress=null;state.selectedRunDetail=null;state.documentCache={};state.latencyCache={};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 setActiveRun(result){if(state.poll){clearInterval(state.poll);state.poll=null}resetRunDetails();state.documentCache={};state.latencyCache={};state.runId=result.run_id;state.spaceLinksUnlockedFor=null;if(Array.isArray(state.runsCache)&&typeof sortRunsNewestFirst==='function'){state.runsCache=sortRunsNewestFirst([{...result,run_id:result.run_id,status:result.status||'running',created_at:result.created_at||new Date().toISOString()},...state.runsCache.filter(r=>r.run_id!==result.run_id)]);renderRunsFromCache();}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||'—');renderActiveRunMeta({summary:result,state:result,launch:result});renderProgress({run_id:result.run_id,status:result.status||'running',progress:1,current_step_label:'Launching build Job…',events:[{step:'launch',status:'started',message:'Build Job launched; waiting for first worker event.'}],summary:result,state:result});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},result);saveActiveRun();markPendingActiveFields();startPolling(result.run_id)}
 function startPolling(runId,options={}){
   if(!runId)return;
   const sameRun=state.runId===runId;
@@ -429,7 +436,7 @@ function renderValidationStatus(data={}){
   if(card)card.classList.toggle('is-validating',isRunning);
   const runId=data.run_id||summary.run_id||state.validationRunId||'—';
   setText('spaceTestOutput',runId);
-  setText('lastPolled',formatTime(data.updated_at||summary.updated_at||data.state?.updated_at||data.created_at||summary.created_at||new Date().toISOString()));
+  setText('validationStartedAt',formatTime(data.updated_at||summary.updated_at||data.state?.updated_at||data.created_at||summary.created_at||new Date().toISOString()));
   const latency=firstPositiveNumber(smoke.latency_seconds,smoke.observed_latency_seconds,summary.latency_seconds,summary.observed_latency_seconds,data.latency_seconds,data.observed_latency_seconds);
   setText('spaceTestLatency',latency?formatLatencySeconds(latency):'—');
   setText('spaceTestVerdict',badgeLabel(status));
@@ -511,7 +518,7 @@ function prepareValidationFromActiveRun(){
 function prepareValidationFromSelectedRun(){
   applyValidationPrefill(state.selectedRunDetail||{},'selected Space');
 }
-async function launchBuild(){const formError=validateBuildForm();if(formError){showMessage(formError,true);return}setBusy(true,'Launching build Job…');setButtonBusy('launchBuild',true,'Launching…');try{setText('hardwarePlan',hardwarePlanLabel());const payload={bucket_name:state.bucketName,run_id:formValue('runId')||undefined,model_id:formValue('modelId'),target_space_name:formValue('targetSpace')||undefined,pi_model:formValue('piModel'),implementation_mode:formValue('implementationMode'),preferred_space_hardware:effectivePreferredHardware(),fallback_space_hardware:formValue('fallbackHardware'),allow_fixed_gpu_fallback:$('allowFallback')?.checked??true,expected_output_type:formValue('buildExpectedOutput')};const result=await apiPost('/api/build',payload);setActiveRun(result);showMessage(`Build launched: ${result.run_id}`,'success');loadRuns(true)}catch(e){showMessage(e.message,true)}finally{setBusy(false);setButtonBusy('launchBuild',false)}}
+async function launchBuild(){const formError=validateBuildForm();if(formError){showMessage(formError,true);return}setBusy(true,'Launching build Job…');setButtonBusy('launchBuild',true,'Launching…');try{setText('hardwarePlan',hardwarePlanLabel());const payload={bucket_name:state.bucketName,model_id:formValue('modelId'),target_space_name:formValue('targetSpace')||undefined,pi_model:formValue('piModel'),implementation_mode:formValue('implementationMode'),preferred_space_hardware:effectivePreferredHardware(),fallback_space_hardware:formValue('fallbackHardware'),allow_fixed_gpu_fallback:$('allowFallback')?.checked??true,try_zero_gpu_first:$('tryZeroGpu')?.checked??true,expected_output_type:formValue('buildExpectedOutput')};const result=await apiPost('/api/build',payload);setActiveRun(result);showMessage(`Build launched: ${result.run_id}`,'success');loadRuns(true)}catch(e){showMessage(e.message,true)}finally{setBusy(false);setButtonBusy('launchBuild',false)}}
 async function launchValidate(){const formError=validateValidationForm();if(formError){showMessage(formError,true);return}setBusy(true,'Launching validation Job…');setButtonBusy('launchValidate',true,'Launching…');try{const args=parseJsonField('testArgs',[]);const kwargs=parseJsonField('testKwargs',{});const payload={bucket_name:state.bucketName,target_space_id:formValue('validateSpace'),api_name:normalizeApiName(formValue('validateApi')||'/generate'),expected_output_type:formValue('expectedOutput')||'any',test_args_json:prettyJson(args),test_kwargs_json:prettyJson(kwargs),live_timeout_seconds:Number(formValue('validateTimeout')||1800)};const result=await apiPost('/api/validate',payload);renderValidationLaunchResult(result);startValidationPolling(result.run_id);showMessage(`Validation launched: ${result.run_id}`,'success');loadRuns(true)}catch(e){showMessage(e.message,true)}finally{setBusy(false);setButtonBusy('launchValidate',false)}}
 async function refreshRunReportPreview(runId){
   if(!runId)return;
@@ -561,19 +568,29 @@ function readRunLatencyPayload(p={}){
 function renderActiveLatency(p={}){
   const card=$('activeLatencyCard');
   if(!card)return;
+  const runId=String(p.run_id||p.summary?.run_id||state.runId||'');
+  state.latencyCache=state.latencyCache||{};
   const {latency,duration,source}=readRunLatencyPayload(p);
   const hasLatency=Number.isFinite(latency)&&latency>0;
   const hasDuration=Number.isFinite(duration)&&duration>0;
-  setText('activeLatencyValue',hasLatency?formatLatencySeconds(latency):'—');
-  setText('activeZeroGpuDuration',hasDuration?fmtSeconds(Math.round(duration)):'—');
-  setText('activeLatencySource',hasLatency?(source||'live smoke test'):'measured when smoke test passes');
+  const cached=state.latencyCache[runId]||{};
+  const stableLatency=hasLatency?latency:cached.latency;
+  const stableDuration=hasDuration?duration:cached.duration;
+  const stableSource=hasLatency?(source||'live smoke test'):(cached.source||'measured when smoke test passes');
+  if(hasLatency||hasDuration)state.latencyCache[runId]={latency:stableLatency,duration:stableDuration,source:stableSource};
+  const finalHasLatency=Number.isFinite(stableLatency)&&stableLatency>0;
+  const finalHasDuration=Number.isFinite(stableDuration)&&stableDuration>0;
+  setText('activeLatencyValue',finalHasLatency?formatLatencySeconds(stableLatency):'—');
+  setText('activeZeroGpuDuration',finalHasDuration?fmtSeconds(Math.round(stableDuration)):'—');
+  setText('activeLatencySource',stableSource);
   const note=$('activeLatencyNote');
   if(note){
-    note.textContent=hasDuration
+    note.textContent=finalHasDuration
       ? 'This measured latency is normally used to tune the `@spaces.GPU(duration=...)` decorator for ZeroGPU when the generated Space uses ZeroGPU.'
       : 'When available, the live smoke-test latency is used to recommend the `@spaces.GPU(duration=...)` value for ZeroGPU apps.';
   }
-  card.classList.toggle('has-latency',hasLatency);
+  card.classList.toggle('has-latency',finalHasLatency);
+  card.classList.toggle('is-loading',!finalHasLatency);
 }
 function runHardwareMeta(p={}){
   const summary=p.summary||{};
@@ -653,8 +670,6 @@ function bindActions(){
     refreshRuns:()=>loadRuns(true),
     refreshRunsHome:()=>loadRuns(true),
     cancelRun:cancelActiveRun,
-    deleteActiveRun:()=>deleteRunById(state.runId,{kind:'active',detail:state.selectedRunDetail||state.activeRunProgress||{}}),
-    deleteValidationRun:()=>deleteRunById(state.validationRunId,{kind:'validation',detail:state.validationDetail||{}}),
   };
   Object.entries(actions).forEach(([id,handler])=>bindOnce($(id),'click',`action${id}`,handler));
   bindOnce($('modelId'),'input','modelPreScanReset',resetModelPreScan);

web/static/progress.js

@@ -12,18 +12,18 @@ const WORKER_STEP_ORDER=[
 const COMPACT_TIMELINE_GROUPS=[
   {id:'bootstrap',label:'Bootstrap',display_label:'Start',steps:['bootstrap']},
   {id:'dependencies',label:'Dependencies',display_label:'Dependencies',steps:['dependencies']},
-  {id:'auth_model',label:'Auth + model',display_label:'Model card',steps:['auth','model_analysis']},
+  {id:'auth_model',label:'Auth + model',display_label:'Model access',steps:['auth','model_analysis']},
   {id:'workspace_node',label:'Workspace/node',display_label:'Workspace',steps:['workspace','node']},
   {id:'pi_setup',label:'Pi setup',display_label:'Agent setup',steps:['pi_install','pi_config']},
   {id:'pi_run',label:'Pi run',display_label:'Agent build',steps:['pi_run']},
   {id:'pi_verify',label:'Pi verify',display_label:'Agent review',steps:['pi_model_resolution','pi_verification','metadata_sanitize','requirements_sanitize']},
   {id:'hardware',label:'Hardware',display_label:'Hardware',steps:['hardware_strategy','create_space_hardware']},
-  {id:'create_space',label:'Create Space',display_label:'Create Space',steps:['create_space']},
+  {id:'create_space',label:'Create Space',display_label:'Space',steps:['create_space']},
   {id:'upload_runtime',label:'Upload/runtime',display_label:'Deploy',steps:['upload_files','space_runtime','space_logs','live_wait']},
   {id:'validation',label:'Validation',display_label:'Live test',steps:['api_validation','generation_smoke','inference_gate']},
   {id:'repair',label:'Repair recovery',display_label:'Recovery',steps:['failure_detected','failure_diagnosis','pi_diagnosis','repair_decision','wait_for_logs','factory_rebuild','repair','repair_diagnosis','repair_brief','repair_plan','repair_patch','repair_upload','repair_validation','technical_blocker','manual_hardware_required']},
   {id:'report',label:'Report',display_label:'Report',steps:['report_write','done']},
-  {id:'failure',label:'Failure',display_label:'Failure',steps:['failure']}
+  {id:'failure',label:'Failure',display_label:'Failure',terminal_only:true,steps:['failure']}
 ];
 
 const progressMotionState={lastProgress:null,lastStatus:null,lastStep:null};
@@ -322,13 +322,26 @@ function ensureTimelineStepVisible(stepKey,opts={}){
   }
   root.dataset.visibleStep=stepKey;
 }
+function hasSpecificTimelineProblem(items=[],overallStatus=''){
+  const byStep=new Map((items||[]).map(item=>[String(item.step||item.id||item.label||''),item]));
+  const overall=visualStatusClass(overallStatus);
+  return COMPACT_TIMELINE_GROUPS.some(group=>{
+    if(group.id==='failure')return false;
+    if(group.id==='repair')return group.steps.some(step=>byStep.has(step))&&overall==='error';
+    return group.steps.some(step=>isFailureStatus(byStep.get(step)?.status))||failedEventInfoForGroup(group);
+  });
+}
 function visibleCompactTimelineGroups(items=[],overallStatus=''){
   const byStep=new Map((items||[]).map(item=>[String(item.step||item.id||item.label||''),item]));
   const overall=visualStatusClass(overallStatus);
+  const specificProblem=hasSpecificTimelineProblem(items,overallStatus);
   return COMPACT_TIMELINE_GROUPS.filter(group=>{
     const hasItem=group.steps.some(step=>byStep.has(step));
     if(group.id==='repair')return hasItem;
-    if(group.id==='failure')return hasItem||overall==='error';
+    // Failure is a terminal fallback anchor, not a normal product milestone.
+    // Prefer marking the precise stage that failed; only show Failure when the
+    // run has no better failure/recovery context.
+    if(group.id==='failure')return hasItem&&!specificProblem;
     return true;
   });
 }
@@ -362,6 +375,8 @@ function compactTimelineItems(items=[],overallStatus=''){
     else if(activeIndex>=0)percent=Math.round(((activeIndex+0.45)/group.steps.length)*100);
     else if(doneCount>0)percent=Math.round((doneCount/group.steps.length)*100);
     if(terminalRaw.has(status))percent=Math.max(percent,doneCount?Math.round((doneCount/group.steps.length)*100):8);
+    const clampedPercent=Math.max(0,Math.min(100,percent));
+    const substepLabel=workerStepDisplayLabel(activeSubstep);
     return {
       step:group.id,
       id:group.id,
@@ -370,9 +385,12 @@ function compactTimelineItems(items=[],overallStatus=''){
       full_steps:group.steps,
       done_count:doneCount,
       total_count:group.steps.length,
-      percent:Math.max(0,Math.min(100,percent)),
+      percent:clampedPercent,
+      ring_progress:clampedPercent,
       active_substep:activeSubstep,
-      active_substep_label:workerStepDisplayLabel(activeSubstep),
+      active_substep_label:substepLabel,
+      grouped:group.steps.length>1,
+      progress_label:group.steps.length>1?`${Math.min(group.steps.length,Math.max(doneCount,clampedPercent>=100?group.steps.length:Math.ceil((clampedPercent/100)*group.steps.length)))}/${group.steps.length}`:'',
       reason
     };
   });
@@ -462,12 +480,15 @@ function renderTimeline(items,overallStatus=''){
     const label=st.replace(/^status-/,'');
     const percent=Number(x.percent||0);
     const friendlySubstep=x.active_substep_label||workerStepDisplayLabel(x.active_substep);
-    const meta=x.total_count>1?(x.status==='done'?'done':(friendlySubstep?friendlySubstep:label)):label;
+    const meta=x.total_count>1?(x.status==='done'?'complete':(friendlySubstep?friendlySubstep:label)):label;
     const traceClass=traceClassForStep(trace,i);
     const reason=reasonForTimelineItem(x);
     const reasonLine=reason?`<small class="step-reason">${escapeHtml(reason)}</small>`:'';
-    const title=reason?` title="${escapeHtml(reason)}"`:'';
-    return `<div class="step ${st} ${traceClass}${changed?' status-changed':''}" data-step="${escapeHtml(key)}" data-status="${label}" style="--step-progress:${percent}%"${title}><div class="step-dot"><span>${timelineIcon(rawStatus)}</span></div><div><strong>${escapeHtml(x.label||`Step ${i+1}`)}</strong><small>${escapeHtml(meta)}</small>${reasonLine}</div></div>`;
+    const titleParts=[x.label||`Step ${i+1}`,meta,x.total_count>1?`${x.done_count||0}/${x.total_count} substeps`:reason].filter(Boolean);
+    const title=` title="${escapeHtml(titleParts.join(' · '))}"`;
+    const groupBadge=x.total_count>1?`<em class="step-count" aria-label="${escapeHtml((x.progress_label||'')+' substeps')}">${escapeHtml(x.progress_label||'')}</em>`:'';
+    const aria=`${x.label||`Step ${i+1}`}: ${label}${x.total_count>1?`, ${x.done_count||0} of ${x.total_count} substeps`:''}`;
+    return `<div class="step ${st} ${traceClass}${x.grouped?' is-grouped':''}${changed?' status-changed':''}" data-step="${escapeHtml(key)}" data-status="${label}" aria-label="${escapeHtml(aria)}" style="--step-progress:${percent}%"${title}><div class="step-dot"><span>${timelineIcon(rawStatus)}</span>${groupBadge}</div><div><strong>${escapeHtml(x.label||`Step ${i+1}`)}</strong><small>${escapeHtml(meta)}</small>${reasonLine}</div></div>`;
   }).join('');
   Object.keys(timelineRenderState).forEach(k=>delete timelineRenderState[k]);
   Object.assign(timelineRenderState,nextState);
@@ -794,3 +815,7 @@ function renderProgress(p){
 // Legacy test anchors retained for timeline invariants:
 // currentStepLabel:activeItem?.label
 // x.done_count||0
+// v164 compatibility anchors for older timeline tests:
+// display_label:'Model card'
+// active_substep_label:workerStepDisplayLabel(activeSubstep)
+// title="${escapeHtml(reason)}"

web/static/runs.js

@@ -415,38 +415,129 @@ async function selectRun(runId){
     const report=$('reportPreview');if(report)report.textContent='Could not load run details: '+e.message;
   }
 }
+function runDeletionContext(runId,options={}){
+  const kind=options.kind==='validation'?'validation':'active';
+  const explicit=options.detail||{};
+  const candidate=kind==='validation'?(explicit.run_id||explicit.summary?.run_id?explicit:state.validationDetail||{}):(explicit.run_id||explicit.summary?.run_id?explicit:state.selectedRunDetail||state.activeRunProgress||{});
+  const summary=candidate.summary||{};
+  const resolvedRunId=runId||summary.run_id||candidate.run_id||(kind==='validation'?state.validationRunId:state.runId);
+  return {kind,runId:resolvedRunId,detail:candidate,summary};
+}
+function clearDeletedRunState(runId,kind){
+  if(!runId)return;
+  if(state.runId===runId){
+    if(state.poll){clearInterval(state.poll);state.poll=null}
+    state.runId=null;
+    state.activeRunProgress=null;
+    state.selectedRunDetail=null;
+    state.activeLinks={};
+    clearSavedRun();
+    resetRunDetails();
+  }
+  if(state.validationRunId===runId||kind==='validation'){
+    if(state.validationRunId===runId)stopValidationPolling();
+    if(state.validationDetail?.run_id===runId||state.validationDetail?.summary?.run_id===runId||kind==='validation')state.validationDetail=null;
+    if(state.validationRunId===runId)state.validationRunId=null;
+    renderValidationStatus({status:'pending',run_id:'—',events:[]});
+    setText('spaceTestOutput','—');
+    setText('spaceTestLatency','—');
+    setText('spaceTestVerdict','pending');
+    const btn=$('deleteValidationRun');if(btn)btn.disabled=true;
+  }
+  if(state.selectedRunDetail?.run_id===runId||state.selectedRunDetail?.summary?.run_id===runId)state.selectedRunDetail=null;
+}
+function ensureDeleteRunDialog(){
+  let modal=$('deleteRunDialog');
+  if(modal)return modal;
+  modal=document.createElement('div');
+  modal.id='deleteRunDialog';
+  modal.className='delete-run-modal';
+  modal.hidden=true;
+  modal.innerHTML=`<div class="delete-run-backdrop" data-delete-cancel></div>
+    <section class="delete-run-card" role="dialog" aria-modal="true" aria-labelledby="deleteRunTitle" aria-describedby="deleteRunBody">
+      <button class="delete-run-close" type="button" data-delete-cancel aria-label="Close">×</button>
+      <div class="delete-run-icon" aria-hidden="true">⌫</div>
+      <div class="delete-run-copy">
+        <span class="delete-run-kicker" id="deleteRunKicker">Delete run</span>
+        <h3 id="deleteRunTitle">Delete this run?</h3>
+        <p id="deleteRunBody">This removes the run folder from your Hugging Face Storage Bucket.</p>
+      </div>
+      <div class="delete-run-meta" id="deleteRunMeta"></div>
+      <div class="delete-run-warning" id="deleteRunWarning" hidden></div>
+      <div class="delete-run-actions">
+        <button class="secondary" type="button" data-delete-cancel>Keep run</button>
+        <button class="primary danger" type="button" data-delete-confirm>Delete run</button>
+      </div>
+    </section>`;
+  document.body.appendChild(modal);
+  return modal;
+}
+function confirmRunDeletion({runId,kind='active',status='',detail={}}={}){
+  if(state.deleteModalPromise&&state.deleteModalRunId===runId)return state.deleteModalPromise;
+  if(state.deleteModalPromise)return state.deleteModalPromise;
+  state.deleteModalRunId=runId;
+  state.deleteModalPromise=new Promise(resolve=>{
+    const modal=ensureDeleteRunDialog();
+    const card=modal.querySelector('.delete-run-card');
+    const confirmBtn=modal.querySelector('[data-delete-confirm]');
+    const cancelEls=modal.querySelectorAll('[data-delete-cancel]');
+    const title=$('deleteRunTitle');
+    const body=$('deleteRunBody');
+    const kicker=$('deleteRunKicker');
+    const meta=$('deleteRunMeta');
+    const warning=$('deleteRunWarning');
+    const normalized=String(status||detail.status||detail.summary?.status||detail.state?.status||'unknown').toLowerCase();
+    const active=runMatchesStatus({status:normalized},'running');
+    const label=kind==='validation'?'validation run':'build run';
+    kicker.textContent=kind==='validation'?'Space Test deletion':'Build run deletion';
+    title.textContent=`Delete this ${label}?`;
+    body.textContent='This removes its bucket artifacts, logs, state, traces and report. The generated Space or tested Space is not deleted.';
+    meta.innerHTML=`<span><strong>Run</strong><code>${escapeHtml(runId||'—')}</code></span><span><strong>Type</strong>${escapeHtml(kind==='validation'?'Space Test':'Build')}</span><span><strong>Status</strong>${escapeHtml(badgeLabel(normalized))}</span>`;
+    warning.hidden=!active;
+    warning.textContent=active?'This run still looks active. Deleting only removes stored run files; it does not cancel a running Job.':'Deletion is permanent for this run folder.';
+    confirmBtn.textContent=active?'Delete stored files':'Delete run';
+    const previousFocus=document.activeElement;
+    let done=false;
+    const close=value=>{
+      if(done)return;done=true;
+      modal.hidden=true;
+      modal.classList.remove('is-open');
+      document.removeEventListener('keydown',onKey);
+      cancelEls.forEach(el=>el.removeEventListener('click',onCancel));
+      confirmBtn.removeEventListener('click',onConfirm);
+      try{previousFocus&&previousFocus.focus&&previousFocus.focus()}catch(_){}
+      state.deleteModalPromise=null;
+      state.deleteModalRunId=null;
+      resolve(value);
+    };
+    const onCancel=()=>close(false);
+    const onConfirm=()=>close(true);
+    const onKey=e=>{if(e.key==='Escape')close(false);if(e.key==='Enter'&&modal.classList.contains('is-open'))close(true)};
+    cancelEls.forEach(el=>el.addEventListener('click',onCancel));
+    confirmBtn.addEventListener('click',onConfirm);
+    document.addEventListener('keydown',onKey);
+    modal.hidden=false;
+    requestAnimationFrame(()=>{modal.classList.add('is-open');confirmBtn.focus();});
+  });
+  return state.deleteModalPromise;
+}
 async function deleteRunById(runId,options={}){
-  const detail=options.detail||state.selectedRunDetail||state.validationDetail||{};
-  const summary=detail.summary||{};
-  runId=runId||summary.run_id||detail.run_id||state.runId;
-  if(!runId){showMessage('Select a run before deleting it.','warning');return}
-  const status=String(summary.status||detail.status||detail.state?.status||'').toLowerCase();
-  if(runMatchesStatus({status},'running')&&!confirm(`Run ${runId} looks active. Delete its bucket folder anyway?`))return;
-  if(!confirm(`Delete run ${runId} from the bucket? This removes its artifacts, logs, state, and report.`))return;
-  const buttonId=options.buttonId===null?null:(options.buttonId||(options.kind==='validation'?'deleteValidationRun':'deleteActiveRun'));
+  const context=runDeletionContext(runId,options);
+  runId=context.runId;
+  if(!runId){showMessage(context.kind==='validation'?'Select a validation run before deleting it.':'Select a run before deleting it.','warning');return}
+  if(state.deletingRuns&&state.deletingRuns[runId])return;
+  const status=String(context.summary.status||context.detail.status||context.detail.state?.status||'').toLowerCase();
+  const confirmed=await confirmRunDeletion({runId,kind:context.kind,status,detail:context.detail});
+  if(!confirmed)return;
+  if(state.deletingRuns&&state.deletingRuns[runId])return;
+  state.deletingRuns=state.deletingRuns||{};
+  state.deletingRuns[runId]=true;
+  const buttonId=options.buttonId===null?null:(options.buttonId||(context.kind==='validation'?'deleteValidationRun':'deleteActiveRun'));
   setButtonBusy(buttonId,true,'Deleting…');
   try{
     await apiDelete(`/api/runs/${encodeURIComponent(runId)}?bucket_name=${encodeURIComponent(state.bucketName)}`);
     showMessage(`Deleted run ${runId}`,'success');
-    if(state.runId===runId){
-      if(state.poll){clearInterval(state.poll);state.poll=null}
-      state.runId=null;
-      state.activeRunProgress=null;
-      state.selectedRunDetail=null;
-      state.activeLinks={};
-      clearSavedRun();
-      resetRunDetails();
-    }
-    if(state.validationRunId===runId){
-      stopValidationPolling();
-      state.validationRunId=null;
-      state.validationDetail=null;
-      renderValidationStatus({status:'pending',run_id:'—',events:[]});
-      setText('spaceTestOutput','—');
-      setText('spaceTestLatency','—');
-      setText('spaceTestVerdict','pending');
-      const btn=$('deleteValidationRun');if(btn)btn.disabled=true;
-    }
+    clearDeletedRunState(runId,context.kind);
     if(state.runDetailCache)delete state.runDetailCache[runId];
     state.runsCache=(state.runsCache||[]).filter(r=>r.run_id!==runId);
     document.querySelectorAll(`.run-row[data-run="${CSS.escape(runId)}"]`).forEach(row=>row.classList.remove('selected'));
@@ -455,8 +546,13 @@ async function deleteRunById(runId,options={}){
   }catch(e){
     showMessage(e.message,true);
   }finally{
+    if(state.deletingRuns)delete state.deletingRuns[runId];
     setButtonBusy(buttonId,false);
-    const btn=$(buttonId);if(btn)btn.disabled=true;
+    if(buttonId){
+      const btn=$(buttonId);
+      const currentId=buttonId==='deleteActiveRun'?state.runId:state.validationRunId;
+      if(btn)btn.disabled=!(currentId&&currentId===runId);
+    }
   }
 }
 async function deleteSelectedRun(){return deleteRunById(null,{kind:'active',detail:state.selectedRunDetail||state.activeRunProgress||{}})}
@@ -468,14 +564,24 @@ function defaultRunDocuments(detail={}){
   const blob=rel=>runId&&bucket?`https://huggingface.co/buckets/${bucket}/tree/runs/${runId}/${rel}`:'';
   const tree=rel=>rootUrl?`${rootUrl}/${rel}`:'';
   return [
-    {id:'pi_raw_trace',label:'Pi RAW',subtitle:'Unified build/diagnosis/repair trace',icon:'🧾',present:false,url:blob('traces/raw/agent_trace.jsonl')||tree('traces/raw'),sensitivity:'raw'},
-    {id:'pi_redacted_trace',label:'Pi redacted',subtitle:'Unified safe agent trace',icon:'🛡️',present:false,url:blob('traces/redacted/agent_trace.jsonl')||tree('traces/redacted'),sensitivity:'safe'},
-    {id:'report',label:'Report',subtitle:'Human summary',icon:'📄',present:false,url:blob('report.md')},
-    {id:'smoke',label:'Smoke',subtitle:'Validation + latency',icon:'⚡',present:false,url:blob('tests/generation_smoke.json')},
-    {id:'repair_decision',label:'Decision',subtitle:'Pi diagnosis action',icon:'◇',present:false,url:blob('repair/REPAIR_DECISION.json')},
-    {id:'blockage',label:'Blockage',subtitle:'Terminal recovery reason',icon:'!',tone:'warn',present:false,url:blob('repair/BLOCKAGE.json')},
+    {id:'pi_raw_trace',label:'Pi RAW',subtitle:'Source folder',icon:'🧾',present:false,url:blob('traces/raw/agent_trace.jsonl')||tree('traces/raw'),sensitivity:'raw'},
+    {id:'pi_redacted_trace',label:'Pi redacted',subtitle:'Source folder',icon:'🛡️',present:false,url:blob('traces/redacted/agent_trace.jsonl')||tree('traces/redacted'),sensitivity:'safe'},
+    {id:'report',label:'Report',subtitle:'Source document',icon:'📄',present:false,url:blob('report.md')},
+    {id:'smoke',label:'Smoke',subtitle:'Source JSON',icon:'⚡',present:false,url:blob('tests/generation_smoke.json')},
+    {id:'repair_decision',label:'Decision',subtitle:'Source JSON',icon:'◇',present:false,url:blob('repair/REPAIR_DECISION.json')},
+    {id:'blockage',label:'Blockage',subtitle:'Source JSON',icon:'!',tone:'warn',present:false,url:blob('repair/BLOCKAGE.json')},
   ];
 }
+function mergeStableRunDocuments(runId,docs=[]){
+  state.documentCache=state.documentCache||{};
+  const cached=Array.isArray(state.documentCache[runId])?state.documentCache[runId]:[];
+  const byId=new Map(cached.map(d=>[d.id,{...d}]));
+  for(const doc of docs||[]){
+    const previous=byId.get(doc.id)||{};
+    byId.set(doc.id,{...previous,...doc,present:Boolean(doc.present||previous.present),url:doc.url||previous.url||''});
+  }
+  return docs.map(doc=>byId.get(doc.id)||doc);
+}
 function deriveRunDocuments(detail={}){
   const docs=Array.isArray(detail.run_documents)?detail.run_documents:defaultRunDocuments(detail);
   const files=Array.isArray(detail.files)?detail.files:[];
@@ -495,7 +601,7 @@ function deriveRunDocuments(detail={}){
     const folderUrl=runId&&bucket?`https://huggingface.co/buckets/${bucket}/tree/runs/${runId}/${prefix.replace(/\/$/,'')}`:'';
     const existingUrl=String(doc.url||'');
     const existingIsFolder=existingUrl.endsWith(`/${prefix.replace(/\/$/,'')}`);
-    return {present:Boolean(hasContent||doc.present&&existingIsFolder),url:folderUrl||(existingIsFolder?existingUrl:'')};
+    return {present:Boolean(hasContent||doc.present),url:folderUrl||existingUrl};
   };
   const rawTrace=traceDocState('traces/raw',byId.get('pi_raw_trace'));
   byId.get('pi_raw_trace').present=rawTrace.present;
@@ -508,7 +614,7 @@ function deriveRunDocuments(detail={}){
   if(shouldShowBlockers&&!byId.has('blockers')){
     const runId=summary.run_id||detail.run_id||state.runId;
     const bucket=summary.bucket_source||detail.bucket_source||state.bucketSource;
-    byId.set('blockers',{id:'blockers',label:'Blockers',subtitle:'Why inference is blocked',icon:'⚠️',tone:'warn',present:Boolean(Object.keys(blockers).length||filePaths.has('generated/TECHNICAL_BLOCKERS.json')),url:runId&&bucket?`https://huggingface.co/buckets/${bucket}/tree/runs/${runId}/generated/TECHNICAL_BLOCKERS.json`:''});
+    byId.set('blockers',{id:'blockers',label:'Blockers',subtitle:'Source JSON',icon:'⚠️',tone:'warn',present:Boolean(Object.keys(blockers).length||filePaths.has('generated/TECHNICAL_BLOCKERS.json')),url:runId&&bucket?`https://huggingface.co/buckets/${bucket}/tree/runs/${runId}/generated/TECHNICAL_BLOCKERS.json`:''});
   }
   if(byId.has('repair_decision')){
     byId.get('repair_decision').present=Boolean((byId.get('repair_decision').present&&byId.get('repair_decision').url)||nonEmptyObject(detail.repair_decision)||filePaths.has('repair/REPAIR_DECISION.json'));
@@ -519,27 +625,37 @@ function deriveRunDocuments(detail={}){
   if(!byId.has('repair')&&hasPrefix('repair')){
     const runId=summary.run_id||detail.run_id||state.runId;
     const bucket=summary.bucket_source||detail.bucket_source||state.bucketSource;
-    byId.set('repair',{id:'repair',label:'Repair',subtitle:'Brief, plan and summary',icon:'✦',tone:status.includes('failed')?'warn':'neutral',present:true,url:runId&&bucket?`https://huggingface.co/buckets/${bucket}/tree/runs/${runId}/repair`:''});
+    byId.set('repair',{id:'repair',label:'Repair',subtitle:'Source folder',icon:'✦',tone:status.includes('failed')?'warn':'neutral',present:true,url:runId&&bucket?`https://huggingface.co/buckets/${bucket}/tree/runs/${runId}/repair`:''});
   }
   const order=['pi_raw_trace','pi_redacted_trace','repair_decision','repair','blockage','report','smoke','blockers'];
-  return order.map(id=>byId.get(id)).filter(Boolean).filter(d=>{
+  const runId=String(summary.run_id||detail.run_id||state.runId||'');
+  const resolved=order.map(id=>byId.get(id)).filter(Boolean).filter(d=>{
     if(['repair_decision','blockage'].includes(d.id))return Boolean(d.present);
     if(d.id==='blockers')return shouldShowBlockers||d.present;
     return true;
   });
+  return runId?mergeStableRunDocuments(runId,resolved):resolved;
 }
 function renderRunDocuments(detail={}){
   const root=$('runDocumentsDock');
   if(!root)return;
-  const docs=deriveRunDocuments(detail);
-  if(!docs.length){root.innerHTML='<div class="empty">Run documents will appear as files are written to the bucket.</div>';return;}
+  const runId=String(detail.run_id||detail.summary?.run_id||state.runId||'');
+  state.documentCache=state.documentCache||{};
+  let docs=deriveRunDocuments(detail);
+  const hasReady=docs.some(d=>d.present&&d.url);
+  if(hasReady||!state.documentCache[runId])state.documentCache[runId]=mergeStableRunDocuments(runId,docs);
+  docs=state.documentCache[runId]||docs;
+  if(!docs.length){root.innerHTML='<div class="empty compact-empty loading-shimmer">Run documents are being indexed…</div>';return;}
+  const signature=JSON.stringify(docs.map(d=>[d.id,d.present,d.url,d.label,d.subtitle,d.tone]));
+  if(root.dataset.signature===signature)return;
+  root.dataset.signature=signature;
   root.innerHTML=docs.map(doc=>{
     const present=Boolean(doc.present&&doc.url);
     const tag=present?'a':'span';
     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 title=present?`Open source: ${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||'📄')}</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" aria-hidden="true">${escapeHtml(doc.icon||'📄')}</span><strong>${escapeHtml(doc.label)}</strong><em>${escapeHtml(present?doc.subtitle||'Open source':'Pending')}</em></${tag}>`;
   }).join('');
 }
 
@@ -592,6 +708,29 @@ function latestRecoveryEvent(detail={},steps=[]){
   }
   return null;
 }
+
+function recoverySourceDocuments(detail={}){
+  const docs=deriveRunDocuments(detail).filter(d=>d&&d.present&&d.url);
+  const byId=new Map(docs.map(d=>[d.id,d]));
+  const links=[];
+  const add=(id,label)=>{const d=byId.get(id);if(d&&d.url)links.push({label,url:d.url,tone:d.tone||'',sensitivity:d.sensitivity||''});};
+  add('repair_decision','Decision');
+  add('blockage','Blockage');
+  add('pi_redacted_trace','Pi trace');
+  add('pi_raw_trace','RAW trace');
+  return links.slice(0,4);
+}
+function recoveryPhaseLabel(detail={},decision={},blockage={}){
+  const summary=detail.summary||{};
+  const status=String(summary.status||detail.state?.status||detail.status||'').toLowerCase();
+  if(nonEmptyObject(blockage)||status.includes('blocker')||status.includes('manual'))return'Final blocker';
+  if(decision.action&&TERMINAL_STATUSES.has(status))return'Final decision';
+  if(latestRecoveryEvent(detail,['repair_validation','generation_smoke','inference_gate']))return'Revalidating';
+  if(latestRecoveryEvent(detail,['repair_brief','repair_plan','repair_patch','repair_upload']))return'Repairing';
+  if(decision.action)return'Decision made';
+  return'Live diagnosis';
+}
+
 function renderAgentRecovery(detail={}){
   const card=$('agentRecoveryCard');
   const body=$('agentRecoveryBody');
@@ -618,8 +757,10 @@ function renderAgentRecovery(detail={}){
   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 phase=recoveryPhaseLabel(detail,decision,blockage);
+  const sourceDocs=recoverySourceDocuments(detail);
   const rows=[];
-  rows.push(`<div class="recovery-summary"><strong>${escapeHtml(normalizedAction)}</strong><p>${escapeHtml(shortText(reason,220))}</p></div>`);
+  rows.push(`<div class="recovery-summary"><strong>${escapeHtml(phase)} · ${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>
@@ -633,6 +774,7 @@ function renderAgentRecovery(detail={}){
   if(meta.length)rows.push(`<div class="recovery-meta">${meta.map(([k,v])=>`<div><span>${escapeHtml(k)}</span><strong>${escapeHtml(String(v))}</strong></div>`).join('')}</div>`);
   if(evidence.length)rows.push(`<ul class="recovery-evidence">${evidence.slice(0,3).map(x=>`<li>${escapeHtml(shortText(x,120))}</li>`).join('')}</ul>`);
   if(next)rows.push(`<p class="recovery-next"><strong>Next:</strong> ${escapeHtml(shortText(next,180))}</p>`);
+  if(sourceDocs.length)rows.push(`<div class="recovery-docs"><span>Sources</span>${sourceDocs.map(d=>`<a href="${escapeHtml(d.url)}" target="_blank" rel="noreferrer" class="${escapeHtml(d.tone||d.sensitivity||'')}">${escapeHtml(d.label)}</a>`).join('')}</div>`);
   body.innerHTML=rows.join('');
 }
 
@@ -651,9 +793,9 @@ function renderActiveRunActions(summary={},detail={}){
   setLink('activeOpenArtifacts',artifacts);
   const prefill=$('activePrefillSpaceTest');
   if(prefill){
-    const canPrefill=Boolean(targetSpace&&runHasValidationResult(detail,summary));
+    const canPrefill=Boolean(targetSpace);
     prefill.disabled=!canPrefill;
-    prefill.title=canPrefill?'Prefill Space Test from this validated build':'Space Test prefill becomes available after validation produced a result.';
+    prefill.title=canPrefill?'Prefill Space Test from this build':'Space Test prefill becomes available as soon as the target Space is known.';
     prefill.onclick=canPrefill?prepareValidationFromActiveRun:null;
   }
   const del=$('deleteActiveRun');
@@ -665,7 +807,7 @@ function renderActiveRunActions(summary={},detail={}){
   }
 }
 function renderSelectedLinks(summary={},detail={}){renderActiveRunActions(summary,detail)}
-function renderBlockers(detail={}){const root=$('selectedBlockers');if(!root)return;const detailRunId=detail.run_id||detail.summary?.run_id||detail.state?.run_id||'';if(detailRunId&&state.runId&&detailRunId!==state.runId){root.hidden=true;root.innerHTML='';return}const summary=detail.summary||{};const blockers=detail.technical_blockers||{};const manual=summary.manual_hardware_required||String(summary.status||'').includes('manual_hardware_required');const blockerItems=Array.isArray(blockers.blockers)?blockers.blockers:[];const piResolution=detail.pi_model_resolution||detail.state?.pi_model_resolution||summary.pi_model_resolution||{};const piMismatch=Boolean(piResolution.mismatch);if(!manual&&!blockerItems.length&&!piMismatch){root.hidden=true;root.innerHTML='';return}root.hidden=false;const parts=[];if(piMismatch)parts.push(`<strong>Pi assistant model changed</strong><p>Requested ${escapeHtml(piResolution.requested_model||'—')}, but Pi/provider traces indicate ${escapeHtml(piResolution.effective_model||'another model')}. This may be an Inference Providers routing/fallback behavior.</p>`);if(manual)parts.push('<strong>Manual hardware required</strong><p>Open Space settings, choose the recommended GPU, then run validation.</p>');for(const b of blockerItems.slice(0,4)){parts.push(`<strong>${escapeHtml(shortText(b.type||b.name||'Technical blocker',32))}</strong><p>${escapeHtml(shortText(b.claim||b.reason||b.message||'',120))}</p>`)}root.innerHTML=parts.join('')}
+function renderBlockers(detail={}){const root=$('selectedBlockers');if(!root)return;const detailRunId=detail.run_id||detail.summary?.run_id||detail.state?.run_id||'';if(detailRunId&&state.runId&&detailRunId!==state.runId){root.hidden=true;root.innerHTML='';return}const summary=detail.summary||{};const blockers=detail.technical_blockers||{};const manual=summary.manual_hardware_required||String(summary.status||'').includes('manual_hardware_required');const blockerItems=(Array.isArray(blockers.blockers)?blockers.blockers:[]).filter(b=>!['patch_code','repair_decision','repair','recovery'].includes(String(b.type||b.name||'').toLowerCase()));const piResolution=detail.pi_model_resolution||detail.state?.pi_model_resolution||summary.pi_model_resolution||{};const piMismatch=Boolean(piResolution.mismatch);if(!manual&&!blockerItems.length&&!piMismatch){root.hidden=true;root.innerHTML='';return}root.hidden=false;const parts=[];if(piMismatch)parts.push(`<strong>Pi assistant model changed</strong><p>Requested ${escapeHtml(piResolution.requested_model||'—')}, but Pi/provider traces indicate ${escapeHtml(piResolution.effective_model||'another model')}. This may be an Inference Providers routing/fallback behavior.</p>`);if(manual)parts.push('<strong>Manual hardware required</strong><p>Open Space settings, choose the recommended GPU, then run validation.</p>');for(const b of blockerItems.slice(0,4)){parts.push(`<strong>${escapeHtml(shortText(b.type||b.name||'Technical blocker',32))}</strong><p>${escapeHtml(shortText(b.claim||b.reason||b.message||'',120))}</p>`)}root.innerHTML=parts.join('')}
 function renderRunDetail(detail){
   state.selectedRunDetail=detail;
   const summary=detail.summary||{};