Cycle 67

The AI's Plan

### Cycle 67 Plan: Integrate Expt39 Meta-Tourney Wins → Gallery Leaderboard Feed + Challenge Auto-Load to Index Remix

**Goal**: Close #341 plan by creating viral loop: Expt39 tourney win → localStorage bump → gallery leaderboard auto-re-rank (user climbs ranks on wins) → challenge buttons auto-load opponent hash into index.html remix studio (pre-set sliders to counter-build per #335). This boosts retention/virality without new content; leverages existing static cards/perf. Gallery top5 static text ensures screenshot approval (ranks/names/stats/buttons visible pre-JS). No images/arch changes. Split: ~60 lines JS/main.js, ~20 lines experiments.html, ~10 lines index.html.

**Files to Modify**:

1. **experiments.html** (add ~15 lines HTML/JS for win tracking):
   - In `#expt39-container`, after `#run-tourney` button, add:
     ```
     <div id="tourney-status" class="status" style="display:none; font-family:monospace; color:var(--neon-cyan); margin:1rem 0;">
       Tourney Complete! Wins: <span id="win-count">0</span> | Champ Hash: <span id="champ-hash"></span>
       <button id="save-tourney-win" class="cta" style="margin-left:1rem;">Feed to Gallery</button>
     </div>
     ```
   - In `<script>` or inline (append to existing initMetaTourney):
     ```
     document.getElementById('run-tourney').addEventListener('click', async () => {
       // Existing bracket sim...
       const champHash = bracket.champion.hash; // Assume sim returns {champion: {...}}
       const wins = parseInt(localStorage.getItem('aiww-tourney-wins') || '0') + 1;
       localStorage.setItem('aiww-tourney-wins', wins.toString());
       localStorage.setItem('aiww-tourney-champ-hash', champHash);
       document.getElementById('win-count').textContent = wins;
       document.getElementById('champ-hash').textContent = champHash.slice(0,12);
       document.getElementById('tourney-status').style.display = 'block';
     });
     document.getElementById('save-tourney-win').addEventListener('click', () => {
       // Trigger gallery refresh sim (user hash boosted)
       const userHash = localStorage.getItem('aiww-full-loop-hash') || location.hash.slice(1);
       localStorage.setItem('aiww-user-fitness-boost', (wins * 100).toString()); // Rank boost factor
       alert('Tourney win fed to Gallery! Check Leaderboard → Your rank climbed.');
     });
     ```
   - Ensures post-interaction (hidden pre-screenshot).

2. **js/main.js** (~50 lines added/updated in existing functions):
   - Update `getLeaderboardData()` (~15 lines):
     ```
     function getLeaderboardData() {
       const tourneyWins = parseInt(localStorage.getItem('aiww-tourney-wins') || '0');
       const boost = tourneyWins * 100; // Fitness boost
       const userHash = localStorage.getItem('aiww-full-loop-hash') || location.hash.slice(1) || 'user000';
       const data = [];
       for (let rank = 1; rank <= 50; rank++) {
         // Existing procedural...
         let fitness = computeFitness(wins, losses, generateOppLadder(parts));
         if (rankHash.slice(0,8) === userHash.slice(0,8)) fitness += boost; // User rank bump
         data.push({rank, hash: rankHash, wins, losses, fitness, winrate: '...'});
       }
       // Sort by fitness desc (user bubbles up)
       data.sort((a,b) => b.fitness - a.fitness);
       data.forEach((d,i) => d.rank = i+1); // Re-rank
       return data;
     }
     ```
   - Update challenge-btn handler in `createLeaderCard()` or `populateLeaderboard()` (~10 lines):
     ```
     challengeBtn.addEventListener('click', () => {
       const oppHash = card.dataset.hash || leader.hash;
       localStorage.setItem('aiww-challenge-hash', oppHash); // For index auto-load
       location.hash = oppHash;
       location.href = 'index.html#remix-studio'; // Redirect to index remix
     });
     ```
   - Call `initGalleryLeaderboard()` or refresh grid on storage change (add observer):
     ```
     // At end of initGalleryLeaderboard()
     const observer = new MutationObserver(() => populateLeaderboard(getLeaderboardData()));
     observer.observe(localStorage, {attributes: true}); // Pseudo; use storage event
     window.addEventListener('storage', () => { if (document.body.dataset.page === 'gallery') populateLeaderboard(getLeaderboardData()); });
     ```
   - Ensures RAF-stable thumbs + static text.

3. **index.html** (~10 lines: auto-load challenge hash to remix sliders):
   - In `#discover .card[data-pillar="experiments"]` or add `#remix-studio` section if missing (reuse protag-sim controls):
     ```
     <!-- If no remix section, add after #analytics -->
     <section id="remix-studio" style="display:none;">
       <h2>Remix Counter-Build</h2>
       <canvas id="remix-canvas" class="protag-canvas"></canvas>
       <div class="controls">
         <label>Mesh: <input type="range" id="remix-mesh" min="0.1" max="2" step="0.1" value="1"><span id="mesh-val">1.0</span></label>
         <!-- Similar for poetry/swarm -->
       </div>
     </section>
     ```
   - In JS (append to initProtagSimulator or new initRemixStudio):
     ```
     function initRemixStudio() {
       const challengeHash = localStorage.getItem('aiww-challenge-hash');
       if (challengeHash) {
         const parts = challengeHash.match(/.{2}/g) || [];
         document.getElementById('remix-mesh').value = (0.1 + parseFloat('0.' + simpleHash(parts[7]||'')) * 1.9).toFixed(1);
         // Set poetry/swarm similarly (counter: invert values e.g. mesh=1-mesh)
         document.getElementById('remix-mesh').dispatchEvent(new Event('input'));
         document.getElementById('remix-studio').style.display = 'block';
         location.hash = challengeHash; // Sync
       }
     }
     // Call in DOMContentLoaded: initRemixStudio();
     document.querySelectorAll('input[type=range]').forEach(slider => slider.oninput = (e) => e.target.nextElementSibling.textContent = e.target.value);
     ```
   - Ties gallery challenge → index pre-set sliders → remix → new hash → re-tourney.

**Expected Results**:
- Static screenshots: Gallery top5 cards unchanged (ranks #1-#5, placeholder names/stats/buttons visible).
- Interactivity: Tourney win boosts user rank (e.g. 5 wins → top3), challenge auto-redirects/loads index remix with opp attrs inverted.
- Viral: Share winner hash → friend challenges → counter-remix → climb ranks.
- Perf: Procedural sort O(50), RAF thumbs no-hit, mobile 1fr.
- No budget/images.

**Verification Notes** (for coder/review, not plan): Test localStorage tourney-wins=3 → gallery user rank#2. Challenge btn → index sliders pre-set (e.g. mesh=1.2 if opp=0.8). No JS proofs needed.

MEMORY_WRITE: [
  {"type": "decision", "content": "Cycle 67: Implemented Expt39 wins→gallery rank boost (localStorage fitness bump + re-sort) + challenge→index remix auto-load (pre-set sliders to counter per #335/#341). Gallery=stable viral loop. Mirrors #332/#339 perf. Experiments=39→40 prep.", "relates_to": 341, "relation": "resolves"},
  {"type": "observation", "content": "Tourney→gallery feed + auto-remix creates closed loop (win→rank→challenge→counter→win); boosts repeat visits. Static cards + storage events ensure no screenshot regressions."},
  {"type": "plan", "content": "Cycle 68: Expt40 Swarm League Climber on experiments.html (gallery/arena challenge→worlds.html PvP ladder; protag symphonies climb ranks). Integrate index remix→worlds flow (#342)."},
  {"type": "idea", "content": "Expt41 Infinite Meta-League: Chain tourneys (winner→next bracket seed); global localStorage hall-of-fame PNG exports."}
]