Upload index.html

index.html

@@ -357,6 +357,51 @@
 .orchestra .conductor::after{inset:-8px!important;left:-8px!important;right:-8px!important;top:-8px!important;bottom:-8px!important;width:auto!important;height:auto!important;background:none!important;transform:none!important;filter:none!important}
 @media(prefers-reduced-motion:reduce){.orchestra .conductor,.orchestra .conductor::before,.orchestra .conductor::after,.orchestra .conductor.transfering,.orchestra .agent .agent-symbol,.orchestra .agent .agent-step,.orchestra .agent.active::after,#networkEdges .network-active,.orchestra .agent.completed-pulse{animation:none!important}#networkSignals{display:none}}
 
+
+/* ORCHESTRA NEXT v5 - echte doorlopende looplichten naar voorbeeld van de originele Space.
+   Animatie van het SVG stroke-dashoffset werkt op ALLE routepaden, niet alleen de actieve kaart.
+   Berekeningen, controller-verificatie, Excel-lezer en rapportage blijven ongewijzigd. */
+#networkEdges path.network-active{
+  fill:none;
+  stroke:#69e5ff;
+  stroke-width:2.85;
+  stroke-linecap:round;
+  stroke-dasharray:9 18;
+  opacity:.33;
+  vector-effect:non-scaling-stroke;
+  animation:none;
+  filter:none;
+}
+.orchestra.running #networkEdges path.network-active{
+  stroke:#77e8ff;
+  stroke-width:3.1;
+  opacity:.73;
+  animation:orchestraV5Chase 1.25s linear infinite;
+  filter:none;
+}
+.orchestra.running #networkEdges path.network-current{
+  stroke:#d4ffff;
+  stroke-width:4.1;
+  stroke-dasharray:10 17;
+  opacity:1;
+  animation:orchestraV5Chase 1s linear infinite;
+  filter:drop-shadow(0 0 7px #62dfff) drop-shadow(0 0 11px rgba(98,223,255,.55));
+}
+@keyframes orchestraV5Chase{
+  from{stroke-dashoffset:0}
+  to{stroke-dashoffset:-54}
+}
+/* De oude Space animeerde zijn flowline tijdens Start ook als Windows 'minder beweging'
+   aan stond. Voor het door de gebruiker expliciet gestarte proces behouden we dat gedrag;
+   overige overgangen en decoratieve bewegingen respecteren de systeeminstelling. */
+@media (prefers-reduced-motion:reduce){
+  .orchestra.running #networkEdges path.network-active{
+    animation:orchestraV5Chase 1.25s linear infinite !important;
+  }
+  .orchestra.running #networkEdges path.network-current{
+    animation:orchestraV5Chase 1s linear infinite !important;
+  }
+}
 </style></head>
 <body>
 <div class="app">
@@ -1312,7 +1357,12 @@ function nextDrawRouteStates(){
  for(const [key,r] of nextRouteMap){
   const active=nextActiveKeys.includes(key),done=nextFinishedKeys.includes(key);
   r.base.setAttribute('class',done?'network-complete':'network-base');
-  r.glow.style.display=active?'':'none';r.flow.style.display=active?'':'none';
+  // Naar voorbeeld van de oorspronkelijke ORCHESTRA: een looplicht over ELKE verbinding.
+  // Tijdens de analyse lichten actieve overdrachten extra sterk op.
+  // Geen afhankelijkheid van de kleine bolletjes: de lijn zélf beweegt zichtbaar.
+  r.glow.style.display=active?'':'none';
+  r.flow.style.display='';
+  r.flow.setAttribute('class',active?'network-active network-current':'network-active network-ambient');
  }
  nextBuildOrbs();
 }