progressive visualization start

Author: DerekGooding

modules/visualization/lattice_interactions.js

@@ -91,6 +91,15 @@ function setupInteractions() {
         currentView = 'advanced';
         document.getElementById('btn-advanced').classList.add('active');
         document.getElementById('btn-standard').classList.remove('active');
+        document.getElementById('btn-progressive').classList.remove('active');
+        renderQuestFlow();
+    });
+
+    document.getElementById('btn-progressive').addEventListener('click', () => {
+        currentView = 'progressive';
+        document.getElementById('btn-progressive').classList.add('active');
+        document.getElementById('btn-standard').classList.remove('active');
+        document.getElementById('btn-advanced').classList.remove('active');
         renderQuestFlow();
     });
 

modules/visualization/lattice_rendering.js

@@ -25,12 +25,12 @@ function renderQuestFlow() {
         }
     });
 
-    // 2. Filter to Quests and (in Advanced) quest-unlocked Cadences + their Abilities
+    // 2. Filter to Quests and (in Advanced/Progressive) quest-unlocked Cadences + their Abilities
     const quests = nodesData.filter(n => n.type === 'Quest');
 
     let cadences = [];
     let abilities = [];
-    if (currentView === 'advanced') {
+    if (currentView === 'advanced' || currentView === 'progressive') {
         const questUnlockedCadenceIds = new Set();
         quests.forEach(q => {
             if (q.out_edges && q.out_edges.unlocks_cadence) {
@@ -115,7 +115,7 @@ function renderQuestFlow() {
     const productionNodes = [];
     const productionEdges = [];
 
-    if (currentView === 'advanced') {
+    if (currentView === 'advanced' || currentView === 'progressive') {
         quests.forEach(q => {
             if (q.data.quest_type === 'Recurring' && q.out_edges && q.out_edges.rewards) {
                 const questTier = entityTiers.get(q.id) || 0;

modules/visualization/template_engine.py

@@ -108,6 +108,7 @@ def get_html_skeleton(nodes_json, clusters_json, css_content, js_content):
                 <div class="controls">
                     <button id="btn-standard" class="active">Standard</button>
                     <button id="btn-advanced">Advanced</button>
+                    <button id="btn-progressive">Progressive</button>
                 </div>
             </div>
             <div id="stats" style="font-size: 12px; color: #8b949e; font-family: monospace;"></div>