Update index.html

index.html

@@ -360,6 +360,10 @@ body::-webkit-scrollbar-thumb{background:linear-gradient(#6b4fd8,#f5c86a);border
   font-size:.74rem;letter-spacing:.06em;padding:8px 15px;cursor:pointer;backdrop-filter:blur(8px)}
 #sound-toggle:hover{border-color:var(--gold);color:var(--gold)}
 #sound-toggle[aria-pressed="true"]{border-color:var(--gold);color:var(--gold);box-shadow:0 0 14px rgba(245,200,106,.25)}
+#update-pill{position:fixed;top:12px;left:12px;z-index:80;display:none;max-width:min(78vw,430px);
+  background:rgba(11,16,38,.94);border:1px solid rgba(245,200,106,.55);color:var(--star);
+  font-family:inherit;font-size:.74rem;letter-spacing:.02em;border-radius:999px;padding:9px 16px;
+  cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.5);text-align:left}
 /* ---------- star-detail focus scene ---------- */
 .hero-title,.scroll-cue,#hero-legend{transition:opacity .5s ease}
 .in-detail .hero-title,.in-detail .scroll-cue,.in-detail #hero-legend{opacity:0 !important;pointer-events:none !important}
@@ -617,6 +621,7 @@ function ciBand(ci){if(typeof ci!=="number"||!isFinite(ci))return "unranked";
   if(ci<60)return "Reliable 1–2 hop reasoning";
   if(ci<80)return "Strong multi-hop reasoning & inhibition";
   return "Exceptional for sub-150M";}
+window.__slmciNote=function(msg){try{var p=document.getElementById("update-pill");if(!p){p=document.createElement("button");p.type="button";p.id="update-pill";document.body.appendChild(p);p.addEventListener("click",function(){try{window.location.reload();}catch(e){}});}p.textContent=msg+" — tap to reload";p.style.display="block";}catch(e){}};
 window.__slmciBuild="v2026.09.04-3d3";
 var state={results:null,descriptions:{},league:"sub150",benchmark:"SLM-CI v0.1",query:"",org:"all",sort:"ci_desc",cat:"all",showConstels:false};
 var reduced=window.matchMedia&&window.matchMedia("(prefers-reduced-motion: reduce)").matches;
@@ -737,20 +742,12 @@ function scheduleShoot(){
 }
 
 /* ---------- galaxy ---------- */
-function starPos(i,n){
-  if(n<=12){
-    var x0=92-84*i/Math.max(n-1,1);
-    var j0=(hash01(i*1.31+0.7)-0.5)*9;
-    return {x:x0,y:clamp(20+16*Math.sin(i*0.8)+j0,12,58)};
-  }
-  var rows=n<=30?3:(n<=80?5:7);
-  var perRow=Math.ceil(n/rows);
-  var r=Math.floor(i/perRow),c=i%perRow;
-  var lastCount=n-(Math.ceil(n/perRow)-1)*perRow;
-  var inRow=(r===rows-1&&n%perRow!==0)?lastCount:perRow;
-  var xx=92-84*c/Math.max(inRow-1,1);
-  var yy=13+(62-13)*r/Math.max(rows-1,1)+(hash01(i*1.31+0.7)-0.5)*5;
-  return {x:xx,y:clamp(yy,10,68)};
+/* cluster layout mirrors the 3D scene: brightest at center, golden-spiral
+   arms, no rank order — tn is CI normalized to the current view */
+function starPos(i,tn){
+  var r=(1-Math.pow(tn,0.6))*44+(tn>=0.999?0:2+hash01(i*3.3)*4);
+  var a=i*2.39996+(hash01(i*1.31+0.7)-0.5)*0.9;
+  return {x:clamp(50+Math.cos(a)*r,3,97),y:clamp(46+Math.sin(a)*r*0.72,13,80)};
 }
 function renderGalaxy(models){
   if (window.__slmci3d && window.__slmci3d.mode === "3d") { els.stars.innerHTML=""; els.constellation.innerHTML=""; hideTooltip(); return; }
@@ -758,9 +755,14 @@ function renderGalaxy(models){
   els.constellation.innerHTML="";
   hideTooltip();
   var n=models.length;
+  var ciMin=Infinity,ciMax=-Infinity,k;
+  for(k=0;k<n;k++){var cv=(typeof models[k].ci_index==="number"&&isFinite(models[k].ci_index))?models[k].ci_index:25;if(cv<ciMin)ciMin=cv;if(cv>ciMax)ciMax=cv;}
+  var ciSpan=ciMax-ciMin;
   var pts=[];
   models.forEach(function(m,i){
-    var p=starPos(i,n);pts.push(p);
+    var ci0=(typeof m.ci_index==="number"&&isFinite(m.ci_index))?m.ci_index:25;
+    var tn=ciSpan>1e-9?(ci0-ciMin)/ciSpan:(n===1?1:1-i/Math.max(n-1,1));
+    var p=starPos(i,tn);pts.push(p);
     var t=ciT(m.ci_index);
     var core=2+6*t,glow=12+48*t,op=(0.55+0.45*t).toFixed(2);
     var color=lerpColor(t);
@@ -1507,6 +1509,14 @@ Promise.all([
   applyShareParams();
   if(state._shareOrg){state.org=allOrgs().indexOf(state._shareOrg)>=0?state._shareOrg:"all";state._shareOrg=null;}
   route();
+  try{
+    if(window.fetch&&window.__slmciBuild){
+      fetch("index.html",{cache:"no-store"}).then(function(r){return r.ok?r.text():"";}).then(function(t){
+        if(!t)return;var m=t.match(/__slmciBuild="([^"]+)"/);
+        if(m&&m[1]&&m[1]!==window.__slmciBuild&&window.__slmciNote)window.__slmciNote("New version available ("+m[1]+")");
+      }).catch(function(){});
+    }
+  }catch(e){}
 }).catch(function(err){
   showError("results.json",(err&&err.message)||String(err));
 });
@@ -1991,7 +2001,7 @@ function tick(){
 window.addEventListener("slmci:models", function(e){ deselect(true); setModels((e && e.detail && e.detail.models) || []); });
 sizeToParent();
 tick();
-} catch (err) { try { window.__slmci3dFail = String((err && err.message) || err); if (window.console && console.warn) console.warn("[slmci] 3D galaxy off, 2D fallback active:", (err && err.message) || err); } catch (e) {} }
+} catch (err) { try { window.__slmci3dFail = String((err && err.message) || err); if(window.__slmciNote)window.__slmciNote("3D off ("+String((err&&err.message)||err).slice(0,48)+") — 2D sky"); if (window.console && console.warn) console.warn("[slmci] 3D galaxy off, 2D fallback active:", (err && err.message) || err); } catch (e) {} }
 </script>
 </body>
 </html>