Update app.py

app.py

@@ -566,8 +566,10 @@ function draw() {
     const allW = [].concat(
         BUYS.map(x=>x[2]),
         SELLS.map(x=>x[2]),
-        TRANSFERS.map(x=>x[2])
+        TRANSFERS.map(x=>x[2]),
+        (FRESH ? FRESH.map(x=>x[2]) : [])
     );
+
     const stroke = d3.scaleLinear()
         .domain([Math.min(...allW), Math.max(...allW)])
         .range([1,6]);
@@ -715,9 +717,14 @@ function draw() {
         let sells = SELLS.filter(x=>x[0]===nodeName || x[1]===nodeName).map(x=>x[0]===nodeName?x[1]:x[0]);
         let transfers = TRANSFERS.filter(x=>x[0]===nodeName || x[1]===nodeName).map(x=>x[0]===nodeName?x[1]:x[0]);
         let loops = LOOPS.filter(x=>x[0]===nodeName || x[2]===nodeName).map(x=>x[0]===nodeName?x[2]:x[0]);
-        return new Set([].concat(buys, sells, transfers, loops));
+    
+        // <-- NEW: include FRESH edges so teal arcs behave like real connections
+        let fresh = FRESH.filter(x=>x[0]===nodeName || x[1]===nodeName).map(x=>x[0]===nodeName?x[1]:x[0]);
+    
+        return new Set([].concat(buys, sells, transfers, loops, fresh));
     }
 
+
     function updateLabels(selected, connected){
         labelGroup.text(d => {
             if (selected && (d.name===selected || connected.has(d.name)))
@@ -768,13 +775,20 @@ function draw() {
     function showInfo(nodeName){
         const buys = BUYS.filter(x => x[0] === nodeName || x[1] === nodeName)
                          .map(x => x[0] === nodeName ? x[1] : x[0]);
+    
         const sells = SELLS.filter(x => x[0] === nodeName || x[1]===nodeName)
                            .map(x => x[0] === nodeName ? x[1] : x[0]);
+    
         const transfers = TRANSFERS.filter(x => x[0]===nodeName || x[1]===nodeName)
                                    .map(x => x[0]===nodeName ? x[1] : x[0]);
+    
         const loops = LOOPS.filter(x => x[0]===nodeName || x[2]===nodeName)
                            .map(x => x[0]===nodeName ? x[2] : x[0]);
-
+    
+        // NEW — detect Fresh Buys
+        const fresh = FRESH.filter(x => x[0] === nodeName || x[1] === nodeName)
+                           .map(x => x[0] === nodeName ? x[1] : x[0]);
+    
         const box = document.getElementById("info-box");
         box.innerHTML = `
           <div style="font-size:14px;"><b>${nodeName}</b></div>
@@ -782,13 +796,13 @@ function draw() {
             <b>Buys:</b> ${buys.length ? buys.join(", ") : "<span style='color:#777'>None</span>"}<br>
             <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)
-
+            <b>Loops:</b> ${loops.length ? loops.join(", ") : "<span style='color:#777'>None</span>"}<br>
+            <b>Fresh Buys:</b> ${fresh.length ? fresh.join(", ") : "<span style='color:#777'>None</span>"}
           </div>
         `;
     }
 
+
     function selectNode(d){
         const name = d.name;
         setOpacityFor(name);