Update threejs_component.py

threejs_component.py

@@ -142,36 +142,36 @@ for (let l=0; l<N_LAYERS; l++) {{
 // ── Edges — also added to pivot so they rotate with neurons ───────────────
 const bdhEdgeMats = [], tfEdgeMats = [];
  
-function addEdges(meshes, color, maxEdgesPerLayer, edgeMatsArr) {
+function addEdges(meshes, color, maxEdgesPerLayer, edgeMatsArr) {{
   const pts = []; 
-  for (let l=0; l<N_LAYERS-1; l++) {
+  for (let l=0; l<N_LAYERS-1; l++) {{
     const base = l*N_NEURONS;
     let count = 0;
     // Connect neurons between current layer (l) and next layer (l+1)
-    for (let ni=0; ni<N_NEURONS; ni++) {
+    for (let ni=0; ni<N_NEURONS; ni++) {{
       const src = meshes[base+ni];
       if (src.userData.silent) continue;
       
-      for (let nj=0; nj<N_NEURONS; nj+=2) { // nj+=2 spreads edges out visually
+      for (let nj=0; nj<N_NEURONS; nj+=2) {{ // nj+=2 spreads edges out visually
         const dst = meshes[base+N_NEURONS+nj];
         if (dst.userData.silent) continue;
         
-        if (count < maxEdgesPerLayer) {
+        if (count < maxEdgesPerLayer) {{
           pts.push(src.position.x, src.position.y, src.position.z,
                    dst.position.x, dst.position.y, dst.position.z);
           count++;
-        }
-      }
-    }
-  }
+        }}
+      }}
+    }}
+  }}
   const geo = new THREE.BufferGeometry();
   geo.setAttribute("position", new THREE.Float32BufferAttribute(pts, 3));
-  const mat = new THREE.LineBasicMaterial({color, transparent:true, opacity:0.18});
+  const mat = new THREE.LineBasicMaterial({{color, transparent:true, opacity:0.18}});
   const lines = new THREE.LineSegments(geo, mat);
   pivot.add(lines);
   edgeMatsArr.push(mat);
   return mat;
-}
+}}
 
 // Update the function calls right below it to pass edges PER LAYER:
 addEdges(bdhMeshes, 0xf97316, 40, bdhEdgeMats); // 40 lines max between each BDH layer