Upload app.py

app.py

@@ -51,6 +51,10 @@ try:
 except Exception:
     PIANO_LO, PIANO_HI, PIANO_FPS = 56, 86, 8
 
+# the performance is restyled live into A minor with the bass lifted away (see
+# piano/poly_mind.py stylize_midi), so the on-screen keyboard starts at middle C
+PIANO_LO = max(PIANO_LO, 60)
+
 _get_piano()   # warm the piano Modular Mind at app startup (so the first play is instant)
 
 
@@ -183,13 +187,15 @@ FORCE_DARK_JS = """
 # ---- self-playing piano (a Modular Mind trained on the song) -----------------
 PIANO_CSS = """
 #mm-piano-wrap{max-width:920px;margin:6px auto 2px;font-family:system-ui,sans-serif}
-#mm-piano{display:flex;align-items:flex-end;justify-content:center;gap:2px;height:120px;
-  background:#13131a;border:1px solid #2a2a35;border-radius:8px;padding:10px 8px;overflow-x:auto}
-.pk{box-sizing:border-box;border:1px solid #05050a;border-radius:0 0 3px 3px;flex:0 0 auto}
-.pk.white{width:20px;height:100px;background:#e9e9ee}
-.pk.black{width:14px;height:62px;background:#2b2b33}
-.pk.on.white{background:#7ad1ff;box-shadow:0 0 14px #7ad1ff}
-.pk.on.black{background:#3ba0d8;box-shadow:0 0 14px #3ba0d8}
+#mm-piano-stage{position:relative;background:radial-gradient(ellipse at 50% 110%,#1b1430 0%,#0c0c14 62%,#08080e 100%);
+  border:1px solid #2a2a35;border-radius:10px;padding:0 8px 12px;overflow-x:auto;overflow-y:hidden}
+#mm-piano-roll{display:block;width:100%;height:150px}
+#mm-piano{display:flex;align-items:flex-end;justify-content:center;gap:2px;height:112px}
+.pk{box-sizing:border-box;border:1px solid #05050a;border-radius:0 0 4px 4px;flex:0 0 auto;
+  transition:background .07s ease,box-shadow .07s ease}
+.pk.white{width:20px;height:100px;background:linear-gradient(180deg,#f4f4f8 0%,#d6d6e0 88%,#b9b9c6 100%)}
+.pk.black{width:14px;height:62px;background:linear-gradient(180deg,#3a3a46 0%,#1b1b23 100%)}
+.pk.on{transform:translateY(1px)}
 #mm-piano-ctrl{display:flex;gap:14px;align-items:center;justify-content:center;margin:8px auto 4px}
 #mm-piano-btn{cursor:pointer;background:#2a9d6a;color:#fff;border:none;border-radius:6px;
   padding:9px 18px;font-weight:700;font-size:14px}
@@ -225,6 +231,53 @@ PIANO_JS = r"""
     var specBox=document.getElementById('mm-piano-specs'), latBox=document.getElementById('mm-piano-latent');
     var NN=['C','C#','D','D#','E','F','F#','G','G#','A','A#','B'];
     function name(m){return NN[m%12]+(Math.floor(m/12)-1);}
+    // ---- light show: glowing note trails rise off the keys while they sound ----
+    var roll=document.getElementById('mm-piano-roll');
+    var rctx=roll?roll.getContext('2d'):null, trails=[], sparks=[], keyTrail={}, rafOn=false;
+    function hue(m){return ((m%12)*30+200)%360;}      // pitch class -> color wheel
+    function ensureRaf(){ if(rctx && !rafOn){ rafOn=true; requestAnimationFrame(draw); } }
+    function draw(){
+      var w=roll.clientWidth, hgt=roll.clientHeight, now=performance.now(), v=0.05;
+      if(roll.width!==w) roll.width=w; if(roll.height!==hgt) roll.height=hgt;
+      rctx.clearRect(0,0,w,hgt);
+      for(var i=trails.length-1;i>=0;i--){ var tr=trails[i];
+        var top=hgt-(now-tr.t0)*v, bot=hgt-(tr.t1?(now-tr.t1)*v:0);
+        if(bot<-30){ trails.splice(i,1); continue; }
+        top=Math.max(top,-30);
+        var g=rctx.createLinearGradient(0,top,0,bot);
+        g.addColorStop(0,'hsla('+tr.h+',85%,62%,0)');
+        g.addColorStop(1,'hsla('+tr.h+',85%,62%,0.9)');
+        rctx.shadowColor='hsl('+tr.h+',85%,60%)'; rctx.shadowBlur=10;
+        rctx.fillStyle=g; rctx.fillRect(tr.x,top,tr.w,Math.max(2,bot-top));
+      }
+      rctx.shadowBlur=0;
+      for(var j=sparks.length-1;j>=0;j--){ var s=sparks[j], a=1-(now-s.t0)/650;
+        if(a<=0){ sparks.splice(j,1); continue; }
+        s.x+=s.vx; s.y+=s.vy;
+        rctx.fillStyle='hsla('+s.h+',95%,72%,'+a.toFixed(2)+')';
+        rctx.fillRect(s.x,s.y,2.2,2.2);
+      }
+      if(!playing && !trails.length && !sparks.length){ rafOn=false; rctx.clearRect(0,0,w,hgt); return; }
+      requestAnimationFrame(draw);
+    }
+    function strikeFx(m,el){
+      if(!rctx||!el) return;
+      var x=el.offsetLeft-roll.offsetLeft, wd=el.offsetWidth, hh=hue(m), now=performance.now();
+      var tr={x:x,w:wd,h:hh,t0:now,t1:null};
+      trails.push(tr); keyTrail[m]=tr;
+      for(var i=0;i<6;i++) sparks.push({x:x+wd/2,y:roll.clientHeight-3,
+        vx:(Math.random()-0.5)*1.6, vy:-(0.6+Math.random()*1.4), h:hh, t0:now});
+      ensureRaf();
+    }
+    function endTrail(m){ if(keyTrail[m]){ keyTrail[m].t1=performance.now(); delete keyTrail[m]; } }
+    function lightKey(m,on){
+      var el=document.getElementById('pk-'+m); if(!el) return el;
+      if(on){ el.classList.add('on'); var hh=hue(m);
+        el.style.background='hsl('+hh+',82%,'+(BLACK[m%12]?'46%':'68%')+')';
+        el.style.boxShadow='0 0 18px hsl('+hh+',85%,60%)';
+      } else { el.classList.remove('on'); el.style.background=''; el.style.boxShadow=''; }
+      return el;
+    }
     function buildSpecs(telem){
       if(built || !specBox || !telem) return; built=true;
       telem.spec.forEach(function(s){
@@ -311,16 +364,16 @@ PIANO_JS = r"""
       }catch(e){}
     }
     function releaseAll(){
-      for(var mk in voices){ releaseNode(voices[mk]); var pe=document.getElementById('pk-'+mk); if(pe)pe.classList.remove('on'); }
+      for(var mk in voices){ releaseNode(voices[mk]); lightKey(+mk,false); endTrail(+mk); }
       voices={};
     }
     function playFrame(midis){     // polyphony: strike new notes, hold sustained ones, release dropped ones
       var nw={}; (midis||[]).forEach(function(m){ if(m>0) nw[m]=1; });
       for(var mk in voices){ if(!nw[mk]){ releaseNode(voices[mk]);
-        var pe=document.getElementById('pk-'+mk); if(pe)pe.classList.remove('on'); delete voices[mk]; } }
+        lightKey(+mk,false); endTrail(+mk); delete voices[mk]; } }
       var on=Object.keys(nw), vol=on.length>2?0.5:0.65;
       on.forEach(function(ms){ var m=+ms; if(!voices[m]){ var v=voice(m,vol); if(v) voices[m]=v;
-        var el=document.getElementById('pk-'+m); if(el)el.classList.add('on'); } });
+        strikeFx(m, lightKey(m,true)); } });
       if(noteEl){ noteEl.textContent= on.length ? ('♪ '+on.map(function(ms){return name(+ms);}).join(' ')) : '♪ (rest)'; }
     }
     function tick(){ if(!playing) return; if(queue.length<10 && !fetching) fetchPhrase();
@@ -329,7 +382,7 @@ PIANO_JS = r"""
       if(!audio) audio=new (window.AudioContext||window.webkitAudioContext)();
       if(audio.state==='suspended'){ try{audio.resume();}catch(e){} }
       loadSamples();                          // real piano loads in background; oscillator plays until then
-      playing=true; btn.textContent='⏸ Pause';
+      playing=true; btn.textContent='⏸ Pause'; ensureRaf();
       if(queue.length===0) fetchPhrase();
       if(!timer) timer=setInterval(tick, PLAY_MS);
     }
@@ -342,12 +395,15 @@ PIANO_JS = r"""
 """
 PIANO_HTML = """
 <div id="mm-piano-wrap">
-  <div id="mm-piano"></div>
+  <div id="mm-piano-stage">
+    <canvas id="mm-piano-roll"></canvas>
+    <div id="mm-piano"></div>
+  </div>
   <div id="mm-piano-ctrl">
     <button id="mm-piano-btn">▶ Let the Modular Mind play</button>
     <span id="mm-piano-note">♪</span>
   </div>
-  <div id="mm-piano-lbl">specialists firing for each chord — Bass / Tenor / Soprano own a register; Sustain / Onset / Phrase are modulators that only write to the shared latent</div>
+  <div id="mm-piano-lbl">restyled live into <b>A minor</b> — every note is lifted out of the bass and snapped to the minor scale · Bass / Tenor / Soprano own a register; Sustain / Onset / Phrase are modulators that only write to the shared latent</div>
   <div id="mm-piano-specs"></div>
   <div id="mm-piano-latent" title="RecursiveLink shared latent"></div>
 </div>
@@ -369,7 +425,7 @@ HEAD = (
 )
 
 INTRO = """
-# 🍄 ModuleMind - Quazim0t0's Thousand Token Wood Entry
+# 🍄 Quazim0t0's Thousand Token Wood Entry
 A mini **Dark-Souls-style** duel where the boss is controlled by a **Modular Mind** — six tiny
 specialist networks that communicate through a **shared latent** (RecursiveLink) and a coordinator
 that picks each move. The brain was **trained by self-play reinforcement learning**, not scripted.
@@ -378,9 +434,15 @@ steer the fight through the latent. **Click *Enter the Fog* and click the game o
 """
 
 # ---- placeholder repo link (replace REPO_URL with your real GitHub URL) ------
-REPO_URL = ""  # TODO: replace with the real repo
+REPO_URL = "https://github.com/your-username/ModularMind"  # TODO: replace with the real repo
 REPO_MD = f"""
+### 📦 Get the full Modular Mind project
+This Space runs a **tiny, specialist-scale** version of the architecture. The full,
+production-scale **Modular Mind** — transformer specialists (MLA / MoE / Hyper-Connections),
+the `RecursiveLink` latent bridge, context-doubling and the residual latent highway — lives on GitHub:
 
+### 👉 [**Download / view the Modular Mind repo on GitHub**]({REPO_URL})
+*(placeholder link — swap `{REPO_URL}` for your actual repository)*
 """
 
 TECH_MD = r"""
@@ -482,12 +544,14 @@ Under the boss fight, the *same architecture* (tiny specialists → `RecursiveLi
 applied to **playing piano in chords**. It was trained by **multi-note next-frame prediction** on a
 *polyphonic* transcription of a song: six specialists (Bass / Tenor / Soprano registers + Sustain /
 Onset / Phrase modulators) emit latents, the bridge merges them, and the coordinator picks the **set
-of notes** to play next. It plays itself with **real recorded acoustic-piano samples**. Press **play**
-and watch the keys + specialists light up.
+of notes** to play next. It plays itself with **real recorded acoustic-piano samples**, and the
+performance is **restyled live into A minor** — every note is lifted out of the bass register and
+snapped to the minor scale before it reaches the keys. Press **play** and watch each note send a
+glowing trail of light off the keyboard.
 <sub>Rough by design — one song, a tiny model, crude polyphonic transcription — the *method carrying over* is the point.</sub>
 """
 
-with gr.Blocks(theme=gr.themes.Base(), title="Quazim0t0's 🍄 Thousand Token Wood Entry", head=HEAD) as demo:
+with gr.Blocks(title="Quazim0t0's 🍄 Thousand Token Wood Entry") as demo:
     gr.Markdown(INTRO)
     gr.HTML(INDEX_HTML)
 
@@ -526,4 +590,7 @@ if __name__ == "__main__":
         server_name="0.0.0.0",
         server_port=int(os.environ.get("PORT", "7860")),
         allowed_paths=[AUDIO_DIR, PIANO_SAMPLES_DIR],
+        # Gradio 6 moved these from the Blocks constructor to launch()
+        theme=gr.themes.Base(),
+        head=HEAD,
     )