// --- CELL 13B: INTERACTIVE CHAIN OF CUSTODY PLATFORM --- renderCustody = { if (!custodyNodes || !custodyNodes.length) { return html`

Awaiting dataset upload to resolve custody nodes...

`; } // Set explicit horizontal spacing so the elements are cleanly separated const plotData = custodyNodes.map((n, i) => ({ x: (i + 1) * 115, y: 75, // Placed centrally to give uniform breathing room above and below label: `${i + 1}. ${n.label}` })); const width = 900; const height = 150; const wrapper = html`

🔗 Chain of Custody

Internal Coordination → Side Huddle → Judge Warning → External Trigger → Legal-Agent Action → Public Post → FleX. Click directly on any red circle node below to extract its underlying forensic source record live.

        Select a system node above to review data custody metadata logs...
      

`; // Bind the interactive D3 click behavior smoothly onto the native nodes d3.select(wrapper).selectAll(".node-group") .on("click", function(event) { const idx = d3.select(this).attr("data-idx"); const node = custodyNodes[idx]; d3.select(wrapper).select(".custody-detail") .style("color", "#f1f5f9") .html( `📌 Node Identity: ${node.label}
` + `Timestamp: ${node.row.timeStr || 'Parsed Match'} | Actor: ${node.row.agent || node.row.role} | Channel: [${node.row.channel}]` + `

` + `"${node.row.message}"` ); // Clear previous selection indicators and update active target to bright neon blue d3.select(wrapper).selectAll(".core-dot").attr("fill", "#ef4444"); d3.select(this).select(".core-dot").attr("fill", "#38bdf8"); }); return wrapper; }