Upload index.html

index.html

@@ -208,6 +208,13 @@
  #reportSheet .report-analysis{font-size:9px!important;line-height:1.38!important;}
  #reportSheet .report-analysis p{margin:0 0 7px!important;}
 }
+
+/* v1.6.5: één extra bewegende lichtstip op de bestaande verbindingen.
+   De oorspronkelijke agentanimaties en lichtsignalen blijven onaangetast. */
+.connections .ambient-orb-layer{pointer-events:none}
+.connections .ambient-orb-halo{fill:#8cc5ff;opacity:.28;filter:drop-shadow(0 0 11px #77adff)}
+.connections .ambient-orb-core{fill:#d8edff;opacity:.98;filter:drop-shadow(0 0 6px #9ecfff) drop-shadow(0 0 3px #c7e4ff)}
+@media(prefers-reduced-motion:reduce){.connections .ambient-orb-layer{display:none}}
 </style></head>
 <body>
 <div class="app">
@@ -225,7 +232,7 @@
    </section>
   <section class="orchestra panel">
    <div class="mesh"></div><div class="conductor-wrap"><div class="conductor" id="conductor"><div class="conductor-glow"></div><div class="conductor-icon" aria-hidden="true"><svg class="brain-symbol" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" stroke-linejoin="round"><path d="M12 5c-2.7-3.2-7.4-.9-7.1 2.4C2 9 2 13.6 5 15.2c-.7 4.4 4.9 6.8 7 2.6M12 5c2.7-3.2 7.4-.9 7.1 2.4 2.9 1.6 2.9 6.2-.1 7.8.7 4.4-4.9 6.8-7 2.6M12 5v13"/><path d="M6.6 10.1 9 12v3M17.4 10.1 15 12v3"/><circle cx="9" cy="15.5" r=".9" fill="currentColor" stroke="none"/><circle cx="15" cy="15.5" r=".9" fill="currentColor" stroke="none"/></svg></div><div><small>MASTER ORCHESTRATOR</small><strong>THE CONDUCTOR</strong><span id="conductorStatus">Gereed voor analyse</span></div><div class="conductor-indicator"></div></div></div>
-   <svg class="connections" viewBox="0 0 1000 128" preserveAspectRatio="none" aria-hidden="true"><path class="stem" d="M500 0 V30 H100 V90 M500 30 H300 V90 M500 30 V90 M500 30 H700 V90 M500 30 H900 V90"/><path class="flowline" d="M500 0 V30 H100 V90 M500 30 H300 V90 M500 30 V90 M500 30 H700 V90 M500 30 H900 V90"/><g class="signal-layer" aria-hidden="true"></g></svg>
+   <svg class="connections" viewBox="0 0 1000 128" preserveAspectRatio="none" aria-hidden="true"><path class="stem" d="M500 0 V30 H100 V90 M500 30 H300 V90 M500 30 V90 M500 30 H700 V90 M500 30 H900 V90"/><path class="flowline" d="M500 0 V30 H100 V90 M500 30 H300 V90 M500 30 V90 M500 30 H700 V90 M500 30 H900 V90"/><g class="ambient-orb-layer" aria-hidden="true"><circle class="ambient-orb-halo" r="10"><animateMotion path="M500 0 V30 H100 V90 V30 H500 H300 V90 V30 H500 V90 V30 H700 V90 V30 H500 H900 V90 V30 H500 V0" dur="22s" repeatCount="indefinite"/></circle><circle class="ambient-orb-core" r="4.7"><animateMotion path="M500 0 V30 H100 V90 V30 H500 H300 V90 V30 H500 V90 V30 H700 V90 V30 H500 H900 V90 V30 H500 V0" dur="22s" repeatCount="indefinite"/></circle></g><g class="signal-layer" aria-hidden="true"></g></svg>
    <div class="agents">
     <article class="agent" id="agent-data" style="--accent:#34e6b3"><div class="agent-top"><span>01 / DATA</span><span class="status">STANDBY</span></div><div class="agent-symbol">▤</div><h3>Data Agent</h3><p>Structuur & kwaliteit</p><div class="agent-steps" aria-live="polite" aria-label="Werkstappen"></div><div class="mini-visual bars"><b></b><b></b><b></b><b></b><b></b><b></b><b></b></div><div class="agent-bottom"><div class="track"><i></i></div><span class="percent">0%</span></div></article>
     <article class="agent" id="agent-analysis" style="--accent:#ffcb62"><div class="agent-top"><span>02 / ANALYSE</span><span class="status">STANDBY</span></div><div class="agent-symbol">⌁</div><h3>Analysis Agent</h3><p>Trends & vergelijkingen</p><div class="agent-steps" aria-live="polite" aria-label="Werkstappen"></div><div class="mini-visual spark">▁ ▃ ▂ ▅ ▄ ▆ ▇</div><div class="agent-bottom"><div class="track"><i></i></div><span class="percent">0%</span></div></article>
@@ -273,7 +280,7 @@
  </main>
 </div>
 <div id="reportOverlay" role="dialog" aria-modal="true" aria-label="Reakt Monitor rapport" aria-hidden="true">
-  <div class="report-actions"><span><strong>REAKT · Rapportvoorvertoning v1.6.4</strong> &nbsp; — voorlopige managementrapportage, controle vereist</span><div><button id="reportClose" type="button">✕ Sluiten</button> <button id="reportPng" class="report-png" type="button">⬇ Download PNG</button> <button id="reportJpg" class="report-jpg" type="button">⬇ Download JPG</button> <button id="reportPrint" class="report-print" type="button">↓ Opslaan als PDF / Afdrukken</button></div></div>
+  <div class="report-actions"><span><strong>REAKT · Rapportvoorvertoning v1.6.5</strong> &nbsp; — voorlopige managementrapportage, controle vereist</span><div><button id="reportClose" type="button">✕ Sluiten</button> <button id="reportPng" class="report-png" type="button">⬇ Download PNG</button> <button id="reportJpg" class="report-jpg" type="button">⬇ Download JPG</button> <button id="reportPrint" class="report-print" type="button">↓ Opslaan als PDF / Afdrukken</button></div></div>
   <section id="reportSheet" aria-label="Witte Inloop Monitor"></section>
 </div>
 <script src="https://cdn.jsdelivr.net/npm/html2canvas@1.4.1/dist/html2canvas.min.js"></script>
@@ -594,7 +601,7 @@ function reportPeriodDates(key){
  const begin=`${year}-${String(first).padStart(2,'0')}-01`;
  const end=new Date(Date.UTC(year,first+count-1,0)).toISOString().slice(0,10);
  const months=Array.from({length:count},(_,i)=>`${year}-${String(first+i).padStart(2,'0')}`);
- const label=part.startsWith('Q')?`Q${part[1]} ${year}`:part.startsWith('H')?`H${part[1]} ${year}`:`Januari t/m september ${year}`;
+ const label=part==='Q1'?`Januari t/m maart ${year}`:part==='H1'?`Januari t/m juni ${year}`:part==='M9'?`Januari t/m september ${year}`:part.startsWith('Q')?`Q${part[1]} ${year}`:`H${part[1]} ${year}`;
  return {key,begin,end,months,label,type:part.startsWith('Q')?'quarter':part.startsWith('H')?'half':'nine'};
 }
 function availablePeriods(type){
@@ -602,7 +609,7 @@ function availablePeriods(type){
  const years=[REPORT_YEAR];
  const keys=[];
  for(const year of years){
-  const suffixes=type==='quarter'?['Q4','Q3','Q2','Q1']:type==='half'?['H2','H1']:['M9'];
+  const suffixes=type==='quarter'?['Q1']:type==='half'?['H1']:['M9'];
   for(const suffix of suffixes){
    const key=year+'-'+suffix,p=reportPeriodDates(key);
    if(dataMonths.some(month=>month>=p.months[0]&&month<=p.months.at(-1)))keys.push(key);