update to visualization

Author: DerekGooding

Mythril.Blazor/wwwroot/data/content_graph.json

@@ -2601,7 +2601,14 @@
     "data": {
       "description": "A speed-based specialist focused on exploring deep waters."
     },
-    "in_edges": {},
+    "in_edges": {
+      "requires_stat": [
+        {
+          "targetId": "stat_speed",
+          "quantity": 60
+        }
+      ]
+    },
     "out_edges": {
       "provides_ability": [
         {
@@ -2653,7 +2660,18 @@
     "data": {
       "description": "An elite combatant unlocked through mastery of both strength and speed."
     },
-    "in_edges": {},
+    "in_edges": {
+      "requires_stat": [
+        {
+          "targetId": "stat_strength",
+          "quantity": 100
+        },
+        {
+          "targetId": "stat_speed",
+          "quantity": 100
+        }
+      ]
+    },
     "out_edges": {
       "provides_ability": [
         {

docs/Playtest_Feedback.md

@@ -1,10 +1,10 @@
-- Need multiple sources of junction strength. Possibly new cadences. Or consider renaming existing ones so it's more flavor acceptable
+## Issues
 
+- Need multiple sources of junction strength. Possibly new cadences. Or consider renaming existing ones so it's more flavor acceptable
 
 - The "new content" indicator is still a bit unreliable. Consider a full refactor and possible service manager to single-source the interactions and fully unit test. 
 - Add identifiers to the workshop refinement tasks UI so it's easy to know who has access to a given refinement. 
 
-
 - Some of the basic refinement abilities need multiple sources: Refine Scrap, Alchemy I.
 - Rework lightning. Currently it's only unlockable very late in the game and the magic itself is vastly outclassed by other options by that point, making it a chain of orphaned content. => Fire and Ice shards both being part of this chain and also pointless. 
 - Review and rework the entire stats system related to task performance. Right now, it's relatively random what requires vitality or speed, etc. I need to map things out and make larger design choices with intention. Just map for now. 
@@ -44,7 +44,24 @@
 
 - Consider a stats page that includes predicted production rates
 
-**In processes**
+## Concepts
+- I want to locate characters. And include travel time between locations. Allow for cadence unlocks that reduce travel time, like flight or teleportation. Speed stat does not affect travel time in any way. 
+
+- I'd like to create a visual representation of the world map. With locations and character travel visuals. 
+
+- Some cadence abilities should affect the entire location. Allowing multiple characters to come together and benefit. Essence Harvest is a good first candidate. 
+
+- I'd like to have quests that require multiple characters to be assigned together. "Party Quests" that require everyone regardless of Logistics. And gate content as major milestones. The Treant and current end boss are good candidates for early testing. 
+
+- I'd like to have some cadence abilities that are actively used but aren't a refinement ability. Eg. Mass Recall the party. 
+
+- I'd like to introduce a new type of quest. Currently there are one-shot and recurring. I'd like quests with a cooldown or can move from location to location. Eg. Hunting slimes has a 3/3 count. Once one is consumed, a cooldown timer begins that fully replenishes the count. At 0/3, it's temporarily unavabile. 
+
+- I'd like some quests to be affected by multiple stats, requiring a fundamental restructuring of the stat modification formula. 
+
+- Instead of copying the quest percentage speed increase progression, refinement and unlock tasks will have stat break points. For example: When strength is 30+, strength related refinement tasks get a flat 25% time reduction. More of a bracket system. 
+
+## In processes
 
 - Refine Wood and Mixology are on the same Cadence, making it difficult to mass produce potions automatically. Consider giving Mixology to another cadence also. 
 

docs/pacing_baseline.json

@@ -1,6 +1,6 @@
 {
   "routed_completion_time_minutes": 87,
-  "reachable_quests": 34,
-  "total_quests": 34,
+  "reachable_quests": 33,
+  "total_quests": 33,
   "sustainability_percent": 100.0
 }

modules/visualization/constants.py

@@ -6,7 +6,7 @@
 OUTPUT_FILE = "visual_dashboard.html"
 
 # Simulation Constants
-MAX_SIM_FRAMES = 300
+MAX_SIM_FRAMES = 0 # Disabled for static layout
 TIER_WIDTH = 800
 NODE_RADIUS = 15
-MIN_NODE_SEPARATION = 60 # Vertical
+MIN_NODE_SEPARATION = 80 # Vertical spacing

modules/visualization/data_processor.py

@@ -81,20 +81,24 @@ def enrich_data(nodes):
     adj = {n["id"]: [] for n in nodes}
     edge_counts = {n["id"]: 0 for n in nodes}
     for n in nodes:
+        # Forward edges
         if "out_edges" in n:
             for rel_type, targets in n["out_edges"].items():
                 for target in targets:
                     target_id = target if isinstance(target, str) else target.get("targetId")
                     if target_id in node_map:
                         edge_counts[n["id"]] += 1
                         edge_counts[target_id] += 1
-                        if rel_type in ["consumes", "requires_quest", "requires_ability"]:
+                        
+                        if rel_type in ["consumes", "requires_quest", "requires_ability", "requires_stat"]:
                             adj[target_id].append(n["id"])
                         else:
                             adj[n["id"]].append(target_id)
+        
         if "in_edges" in n:
             for rel_type, sources in n["in_edges"].items():
-                for source_id in sources:
+                for source in sources:
+                    source_id = source if isinstance(source, str) else source.get("targetId")
                     if source_id in node_map:
                         edge_counts[n["id"]] += 1
                         edge_counts[source_id] += 1
@@ -163,19 +167,38 @@ def enrich_data(nodes):
     clusters, cluster_names = _identify_clusters(nodes)
     nodes.sort(key=lambda x: (x.get("tier", 0), x["type"], x["name"]))
 
+    # Constants for static layout
+    TIER_WIDTH = 800
+    VERTICAL_SPACING = 100
+    
     type_counts = {}
     HUB_THRESHOLD = 10
     hubs = {n["id"] for n in nodes if edge_counts.get(n.get("original_id", n["id"]), 0) > HUB_THRESHOLD}
 
+    # Track how many nodes are in each tier to center them
+    tier_counts = {}
+    for n in nodes:
+        t = n.get("tier", 0)
+        tier_counts[t] = tier_counts.get(t, 0) + 1
+
+    current_tier_indices = {}
+
     for n in nodes:
         t = n.get("tier", 0)
         n["cluster_id"] = clusters.get(n["id"], "cluster_none")
         n["is_hub"] = n["id"] in hubs or n.get("original_id") in hubs
 
-        tier_type = (t, n["type"])
-        type_counts[tier_type] = type_counts.get(tier_type, 0) + 1
-        n["tier_index"] = type_counts[tier_type]
-
+        # Deterministic Grid Position
+        idx = current_tier_indices.get(t, 0)
+        current_tier_indices[t] = idx + 1
+        
+        # Calculate Y to center the tier column
+        total_in_tier = tier_counts[t]
+        start_y = - (total_in_tier * VERTICAL_SPACING) / 2
+        
+        n["x"] = t * TIER_WIDTH
+        n["y"] = start_y + (idx * VERTICAL_SPACING)
+        
         n["simulation"] = {
             "sustainable": _matches_activity(n["name"], sust_names) or n.get("is_sustainable_instance"),
             "unsustainable": _matches_activity(n["name"], sim_data.get("unsustainable", set())),
@@ -197,13 +220,6 @@ def _identify_clusters(nodes):
                 for target in n["out_edges"]["contains"]:
                     clusters[target["targetId"]] = c_id
             clusters[n["id"]] = c_id
-        elif n["type"] == "Cadence":
-            c_id = f"cluster_cad_{n['id']}"
-            cluster_names[c_id] = n["name"]
-            if "out_edges" in n and "provides_ability" in n["out_edges"]:
-                for target in n["out_edges"]["provides_ability"]:
-                    clusters[target["targetId"]] = c_id
-            clusters[n["id"]] = c_id
         elif n["type"] == "Refinement":
             is_magic = n.get("data", {}).get("primary_stat") in ["Magic", "Speed"]
             c_id = "cluster_ref_magic" if is_magic else "cluster_ref_material"

modules/visualization/lattice_data.js

@@ -1,9 +1,6 @@
 function processData() {
     nodes = nodesData.map(d => ({
-        ...d,
-        x: d.tier * TIER_WIDTH + (Math.random() - 0.5) * 50,
-        y: (window.innerHeight / 2) + (Math.random() - 0.5) * 100,
-        vx: 0, vy: 0
+        ...d
     }));
 
     nodeMap = new Map(nodes.map(n => [n.id, n]));

modules/visualization/lattice_interactions.js

@@ -73,7 +73,17 @@ function setupInteractions() {
         document.getElementById('btn-hierarchy').classList.remove('active');
         document.getElementById('graph-svg').style.display = 'block';
         document.getElementById('hierarchy-view').style.display = 'none';
-        requestAnimationFrame(simulationStep);
+        updateLayout();
+    });
+
+    document.getElementById('btn-quest-flow').addEventListener('click', () => {
+        currentView = 'quest-flow';
+        document.getElementById('btn-lattice').classList.remove('active');
+        document.getElementById('btn-quest-flow').classList.add('active');
+        document.getElementById('btn-hierarchy').classList.remove('active');
+        document.getElementById('graph-svg').style.display = 'block';
+        document.getElementById('hierarchy-view').style.display = 'none';
+        renderQuestFlow();
     });
 
     document.getElementById('btn-hierarchy').addEventListener('click', () => {
@@ -86,11 +96,9 @@ function setupInteractions() {
     });
 
     document.getElementById('btn-reset').addEventListener('click', () => {
-        nodes.forEach(n => {
-            n.x = n.tier * TIER_WIDTH + (Math.random() - 0.5) * 100;
-            n.y = window.innerHeight / 2 + (Math.random() - 0.5) * 400;
-            n.vx = 0; n.vy = 0;
-        });
+        // Reload original coordinates from data
+        processData();
+        renderLattice();
         transform = { x: 50, y: 50, k: 0.6 }; updateTransform();
     });
 
@@ -107,6 +115,7 @@ function setupInteractions() {
             const r = svg.getBoundingClientRect();
             draggedNode.x = (e.clientX - r.left - transform.x) / transform.k;
             draggedNode.y = (e.clientY - r.top - transform.y) / transform.k;
+            updateLayout();
         } else if (isDragging) {
             transform.x = e.clientX - startPos.x; transform.y = e.clientY - startPos.y;
             updateTransform();