Upload index.html

index.html

@@ -829,7 +829,7 @@ function drawImportedChart(result){
   loc.visits.forEach((v,j)=>{const x=72+(loc.visits.length===1?0:j*(w-105)/(loc.visits.length-1)),y=205-(v/max)*180;j===0?ctx.moveTo(x,y):ctx.lineTo(x,y)});ctx.stroke();
   loc.visits.forEach((v,j)=>{const x=72+(loc.visits.length===1?0:j*(w-105)/(loc.visits.length-1)),y=205-(v/max)*180;ctx.fillStyle=colors[li];ctx.beginPath();ctx.arc(x,y,4,0,Math.PI*2);ctx.fill()});
  });ctx.fillStyle='#a6b9d0';ctx.textAlign='center';
- result.months.forEach((m,i)=>ctx.fillText(m,72+(3===1?0:i*(w-105)/2),239));
+ result.months.forEach((m,i)=>ctx.fillText(m,72+(result.months.length===1?0:i*(w-105)/(result.months.length-1)),239));
  const legend=document.querySelector('.legend');
  legend.innerHTML=series.map((loc,i)=>`<span><i style="background:${colors[i]}"></i> ${escapeHTML(loc.name)}</span>`).join('');
  document.querySelector('.chart-panel .subtle').textContent=result.months.join(' · ')+(result.locations.length>4?' · 4 van '+result.locations.length+' locaties':'');
@@ -1156,8 +1156,9 @@ controllerDefs.forEach(([,id])=>$(id).addEventListener('input',()=>{if(controlle
 
 // ORCHESTRA NEXT — echte statusovergangen gekoppeld aan bestaande berekeningen.
 // Geen nieuwe externe AI-call en geen wijziging aan XLSX-, KPI- of rapportagerekenregels.
-const nextRoutes=[['conductor','data'],['data','identity'],['data','history'],['identity','analysis'],['history','analysis'],['analysis','insight'],['analysis','verify'],['insight','report'],['verify','report'],['privacy','quality'],['report','quality'],['verify','analysis'],['identity','history'],['conductor','privacy']];
+const nextRoutes=[['data','identity'],['data','history'],['identity','analysis'],['history','analysis'],['analysis','insight'],['analysis','verify'],['insight','report'],['verify','report'],['privacy','quality'],['report','quality'],['verify','analysis'],['identity','history'],['conductor','privacy']];
 const nextAgents={data:'Bronregels beschikbaar',identity:'Pas- en cliëntkoppelingen',history:'Historische referentie',analysis:'KPI-berekeningen',insight:'Trendgegevens',verify:'Interne onafhankelijke telling',privacy:'Lokale browserroute',report:'Dashboard en rapportage',quality:'Status en kwaliteitsmelding'};
+function nextWorkflowDelay(){return $('paceSelect').value==='fast'?650:3300;}
 let nextActiveRoutes=[],nextGraphReady=false;
 function nextEl(id){return id==='conductor'?$('conductor'):$('agent-'+id)}
 function nextGraph(){
@@ -1195,30 +1196,39 @@ async function nextStartImported(){
  document.querySelector('.orchestra').classList.add('running');$('conductorStatus').textContent='Verwerkingsstappen en overdrachten';$('logStatus').textContent='Actief';
  for(const id of ids){nextAgentState(id,'standby');const e=$('agent-'+id);e.classList.remove('has-steps');e.querySelector('.agent-steps').replaceChildren()}
  $('completed').textContent='0';nextGraph();
+ const modeDelay=nextWorkflowDelay();
  const t0=performance.now();
+ let calculationMs=0; // Houd echte verwerkingstijd gescheiden van de gekozen presentatieduur.
  try{
-  nextLog('data',`${importedData.all.length.toLocaleString('nl-NL')} bruikbare scans eerder lokaal ingelezen`,'done',[['conductor','data']]);await sleep(180);
+  nextLog('data',`${importedData.all.length.toLocaleString('nl-NL')} bruikbare scans eerder lokaal ingelezen`,'done',[]);await sleep(modeDelay);
   // Privacy-agent beschrijft alleen de feitelijke implementatieroute; geen juridische certificering.
-  nextLog('privacy','Rekenwerk in deze browser; geen AI-API. Privacytoetsing blijft organisatieverantwoordelijkheid.','done',[['conductor','privacy']]);await sleep(180);
+  nextLog('privacy','Rekenwerk in deze browser; geen AI-API. Privacytoetsing blijft organisatieverantwoordelijkheid.','done',[['conductor','privacy']]);await sleep(modeDelay);
   nextAgentState('identity','active','Koppelingen worden in bestaande telroute toegepast');nextRoutesActive([['data','identity']]);
   // Zelfde oorspronkelijke rekenfunctie: 2025-historie, pasregels, datums en KPI-definities blijven ongewijzigd.
+  const calcStart=performance.now();
   const result=calculateImported($('siteSelect').value);
-  nextLog('identity',`${result.multiPassClients} cliënten met meerdere passen gesignaleerd`,'done',[['data','identity'],['identity','history']]);await sleep(180);
+  calculationMs+=performance.now()-calcStart;
+  nextLog('identity',`${result.multiPassClients} cliënten met meerdere passen gesignaleerd`,'done',[['data','identity'],['identity','history']]);await sleep(modeDelay);
   if(result.historyLoaded)nextLog('history',`${result.correctedExisting} eerdere cliënten vanuit 2025 herkend`,'done',[['data','history'],['history','analysis']]);
   else nextLog('history','Geen 2025-referentie: instroom voorlopig','warning',[['data','history']]);
-  nextLog('analysis',`${result.visits.toLocaleString('nl-NL')} unieke bezoekdagen en ${result.newIntake} nieuwe instromers berekend`,'done',[['identity','analysis'],['history','analysis']]);await sleep(180);
-  nextLog('insight',`${result.months.length} maandperioden beschikbaar; geen automatisch gegenereerde AI-duiding`,'done',[['analysis','insight']]);await sleep(180);
+  await sleep(modeDelay);
+  nextLog('analysis',`${result.visits.toLocaleString('nl-NL')} unieke bezoekdagen en ${result.newIntake} nieuwe instromers berekend`,'done',[['identity','analysis'],['history','analysis']]);await sleep(modeDelay);
+  nextLog('insight',`${result.months.length} maandperioden beschikbaar; geen automatisch gegenereerde AI-duiding`,'done',[['analysis','insight']]);await sleep(modeDelay);
   nextAgentState('verify','active','Onafhankelijke tweede telroute loopt');nextRoutesActive([['analysis','verify']]);
+  const verifyStart=performance.now();
   result.verification=independentlyVerify(result);importedData.last=result;
-  nextLog('verify',`${result.verification.checks.length} interne controles; ${result.verification.mismatches} telverschillen`,result.verification.mismatches?'warning':'done',[['analysis','verify'],['verify','analysis']]);await sleep(180);
+  calculationMs+=performance.now()-verifyStart;
+  nextLog('verify',`${result.verification.checks.length} interne controles; ${result.verification.mismatches} telverschillen`,result.verification.mismatches?'warning':'done',[['analysis','verify'],['verify','analysis']]);await sleep(modeDelay);
   resetControllerComparison(true);updateControllerContext();
+  const renderStart=performance.now();
   renderImported(result);
-  nextLog('report','Bestaand dashboard en rapportagepreview bijgewerkt','done',[['verify','report'],['insight','report']]);await sleep(180);
+  calculationMs+=performance.now()-renderStart;
+  nextLog('report','Bestaand dashboard en rapportagepreview bijgewerkt','done',[['verify','report'],['insight','report']]);await sleep(modeDelay);
   const concern=result.verification.mismatches>0||!result.historyLoaded;
-  nextLog('quality',concern?'Concept: controle of historische referentie vraagt aandacht':'Intern gecontroleerd; niet extern gevalideerd',concern?'warning':'done',[['report','quality'],['privacy','quality']]);await sleep(180);
+  nextLog('quality',concern?'Concept: controle of historische referentie vraagt aandacht':'Intern gecontroleerd; niet extern gevalideerd',concern?'warning':'done',[['report','quality'],['privacy','quality']]);await sleep(modeDelay);
   $('conductor').classList.add('attention');$('conductorStatus').textContent='Verwerking afgerond';
   $('flowState').textContent='Concept beschikbaar · NIET EXTERN GEVALIDEERD';$('logStatus').textContent='Afgerond';
-  log(`KPI-berekening, interne verificatie en dashboardrendering: ${((performance.now()-t0)/1000).toFixed(2)} sec (exclusief XLSX-import)`);
+  log(`Echte KPI-berekening, verificatie en dashboardopbouw: ${(calculationMs/1000).toFixed(2)} sec. Totale workflowweergave: ${((performance.now()-t0)/1000).toFixed(1)} sec (exclusief XLSX-import).`);
  }catch(err){log('FOUT: '+err.message);$('flowState').textContent='Verwerking mislukt';$('conductorStatus').textContent='Procesfout'}
  finally{nextRoutesActive([]);running=false;$('startBtn').disabled=false;$('resetBtn').disabled=false;$('conductor').classList.remove('running');document.querySelector('.orchestra').classList.remove('running')}
 }