Update app.py

app.py

@@ -397,6 +397,11 @@ def build_flows():
     transfers = []
     for (s,b), w in TRANSFER_COUNTS.items():
         transfers.append((s, b, w))
+    
+    fresh_buys = []
+    for amc, comps in FRESH_BUY.items():
+        for c in comps:
+            fresh_buys.append((amc, c, 2))  # weight 2 or 3 as you prefer
 
     loops = []
     for a,c,w1 in buys:
@@ -405,9 +410,9 @@ def build_flows():
                 loops.append((a, c, b))
 
     loops = list({(a,c,b) for (a,c,b) in loops})
-    return buys, sells, transfers, loops
+    return buys, sells, transfers, loops,fresh_buys
 
-BUYS, SELLS, TRANSFERS, LOOPS = build_flows()
+BUYS, SELLS, TRANSFERS, LOOPS,FRESH_BUYS_FLOW = build_flows()
 
 # ---------------------------
 # Inspector summaries
@@ -487,6 +492,7 @@ const BUYS = __BUYS__;
 const SELLS = __SELLS__;
 const TRANSFERS = __TRANSFERS__;
 const LOOPS = __LOOPS__;
+const FRESH = __FRESH__;
 
 function draw() {
     const container = document.getElementById("arc-container");
@@ -617,6 +623,23 @@ function draw() {
             .attr("data-tgt", tname);
     });
 
+    const freshGroup = svg.append("g").attr("class", "fresh");
+    
+    FRESH.forEach(f => {
+        const a = f[0], c = f[1], wt = f[2];
+        if (!(a in nameToIndex) || !(c in nameToIndex)) return;
+        const s = nodePos[nameToIndex[a]];
+        const t = nodePos[nameToIndex[c]];
+        freshGroup.append("path")
+            .attr("d", bezierPath(s.x, s.y, t.x, t.y, true))
+            .attr("fill", "none")
+            .attr("stroke", "#1abc9c")   // teal color
+            .attr("stroke-width", stroke(wt))
+            .attr("opacity", 0.95)
+            .attr("data-src", a)
+            .attr("data-tgt", c);
+    });
+
     const loopGroup = svg.append("g").attr("class", "loops");
     LOOPS.forEach(lp => {
         const a = lp[0], c = lp[1], b = lp[2];
@@ -721,6 +744,10 @@ function draw() {
         buyGroup.selectAll("path").style("opacity", function(){ return isConn(this)?0.98:0.06; });
         sellGroup.selectAll("path").style("opacity", function(){ return isConn(this)?0.98:0.06; });
         transferGroup.selectAll("path").style("opacity", function(){ return isConn(this)?0.98:0.06; });
+        freshGroup.selectAll("path").style("opacity", function(){
+    return isConn(this) ? 0.98 : 0.06;
+});
+
 
         loopGroup.selectAll("path").style("opacity", 0.9);
     }
@@ -757,6 +784,8 @@ function draw() {
             <b>Sells:</b> ${sells.length ? sells.join(", ") : "<span style='color:#777'>None</span>"}<br>
             <b>Transfers:</b> ${transfers.length ? transfers.join(", ") : "<span style='color:#777'>None</span>"}<br>
             <b>Loops:</b> ${loops.length ? loops.join(", ") : "<span style='color:#777'>None</span>"}
+            <span style="display:inline-block;width:12px;height:8px;background:#1abc9c;margin-right:6px;"></span> FRESH BUY (teal)
+
           </div>
         `;
     }
@@ -814,11 +843,13 @@ def make_arc_html(nodes, node_type, buys, sells, transfers, loops):
     transfers_json = json.dumps(transfers)
     loops_json = json.dumps(loops)
     html = JS_TEMPLATE.replace("__NODES__", nodes_json) \
-                      .replace("__NODE_TYPE__", node_type_json) \
-                      .replace("__BUYS__", buys_json) \
-                      .replace("__SELLS__", sells_json) \
-                      .replace("__TRANSFERS__", transfers_json) \
-                      .replace("__LOOPS__", loops_json)
+        .replace("__NODE_TYPE__", node_type_json) \
+        .replace("__BUYS__", buys_json) \
+        .replace("__SELLS__", sells_json) \
+        .replace("__TRANSFERS__", transfers_json) \
+        .replace("__LOOPS__", loops_json) \
+        .replace("__FRESH__", json.dumps(fresh_buys))
+
     return html
 
 initial_html = make_arc_html(NODES, NODE_TYPE, BUYS, SELLS, TRANSFERS, LOOPS)