Upload index.html

index.html

@@ -206,7 +206,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.0</strong> &nbsp; — uitsluitend fictieve testgegevens</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.1</strong> &nbsp; — uitsluitend fictieve testgegevens</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>
@@ -259,7 +259,7 @@ function stepDescriptions(agent, result, fake){
  if(agent==='insight')return fake?['Voorbeeldtrend gelezen','Locatieverschillen bekeken','Fictieve inzichten verzameld','Conceptduiding opgesteld','Overdracht aan verificatie']:[
    'Maandgegevens beschikbaar','Locaties in grafiek gezet','Signalen zonder causaliteit','AI-duiding niet aangesloten','Overdracht aan controle'];
  if(agent==='verify')return fake?['Demovergelijking geopend','5 indicatoren bekeken','1 fictieve afwijking','Rapport niet gevalideerd','Overdracht met waarschuwing']:[
-   'Interne telling beschikbaar',result?.passSheetFound?'Pasregistraties en datums gelezen':result?.passChecked?'Paskolom bekeken':'Pascontrole niet mogelijk','Businesscontroller: geen bestand','Externe controle overgeslagen','Status: niet gevalideerd'];
+   'Tweede telroute vanaf bronregels',`${result?.verification?.checks.length??0} onafhankelijke vergelijkingen`,`${result?.verification?.mismatches??0} interne telverschillen`,`${result?.verification?.sourceIssues.length??0} soorten bronproblemen`,'Extern niet gevalideerd'];
  return fake?['Concept gestart','Voorbeeldcijfers verwerkt','Illustratie bijgewerkt','Niet gevalideerd gemarkeerd','Concept gereed']:[
    'Concept gestart','KPI-preview bijgewerkt','Instroom op eerste scan berekend','Niet gevalideerd gemarkeerd','Concept gereed'];
 }
@@ -415,7 +415,7 @@ async function readExcelLocal(file){
   passConflicts:passConflicts.size,identityConflicts:identityConflicts.size,
   unmatchedPasses:unmatchedPasses.size,linkedByPass,rowsWithPass};
 }
-// v1.0 — rapportagekwartaal; voor historische definitie tellen alleen scans t/m peildatum.
+// v1.1 — rapportagekwartaal; voor historische definitie tellen alleen scans t/m peildatum.
 function quarterKey(date){return date.slice(0,4)+'-Q'+(Math.floor((Number(date.slice(5,7))-1)/3)+1);}
 function quarterDates(key){
  const m=String(key).match(/^(\d{4})-Q([1-4])$/);if(!m)throw Error('Kies een geldig rapportagekwartaal');
@@ -491,6 +491,52 @@ function calculateImported(site='*'){
   passConflicts:importedData.passConflicts,identityConflicts:importedData.identityConflicts,
   unmatchedPasses:importedData.unmatchedPasses,linkedByPass:importedData.linkedByPass,missingPass,passRows:importedData.passRows};
 }
+
+// v1.1: onafhankelijke controletelling. Geen hergebruik van de KPI-sets uit calculateImported.
+function independentlyVerify(result){
+ const {begin,peildatum,activeFrom,months}=result.period;
+ const rows=importedData.all.filter(r=>(result.site==='*'||r.site===result.site)&&r.date<=peildatum);
+ const people=new Map(),visits=new Map(),monthFirst=new Map(months.map(m=>[m,0]));
+ for(const r of rows){
+  const key=JSON.stringify([r.site,r.id]);
+  let p=people.get(key);
+  if(!p){p={first:r.date,recent:false,inQuarter:false};people.set(key,p);}
+  if(r.date<p.first)p.first=r.date;
+  if(r.date>=activeFrom&&r.date<=peildatum)p.recent=true;
+  if(r.date>=begin&&r.date<=peildatum){
+   p.inQuarter=true;
+   const vkey=JSON.stringify([r.site,r.id,r.date]);
+   visits.set(vkey,(visits.get(vkey)||0)+1);
+  }
+ }
+ let intake=0,active=0,quarterClients=0;
+ for(const p of people.values()){
+  if(p.recent)active++;
+  if(p.inQuarter)quarterClients++;
+  if(p.first>=begin&&p.first<=peildatum){intake++;const m=p.first.slice(0,7);monthFirst.set(m,monthFirst.get(m)+1);}
+ }
+ const inQuarterRows=[...visits.values()].reduce((s,n)=>s+n,0);
+ const shadow={unique:people.size,newIntake:intake,active,visits:visits.size,quarterClients,
+  duplicates:inQuarterRows-visits.size,monthNew:[...monthFirst.values()].reduce((a,b)=>a+b,0)};
+ const checks=[
+  {label:'Unieke cliënten · tweede telling',ours:result.unique,shadow:shadow.unique},
+  {label:'Nieuwe instroom · eerste scan',ours:result.newIntake,shadow:shadow.newIntake},
+  {label:'Actieve cliënten · laatste 3 maanden',ours:result.active,shadow:shadow.active},
+  {label:'Unieke bezoekdagen · cliënt/locatie/dag',ours:result.visits,shadow:shadow.visits},
+  {label:'Bezoekers rapportagekwartaal',ours:result.quarterClients,shadow:shadow.quarterClients},
+  {label:'Herhaalde scans in kwartaal',ours:result.duplicates,shadow:shadow.duplicates},
+  {label:'Maandinstroom versus kwartaalinstroom',ours:result.newIntake,shadow:shadow.monthNew}
+ ];
+ const mismatches=checks.filter(c=>c.ours!==c.shadow).length;
+ const sourceIssues=[
+  ['Tegenstrijdige pasregistraties',result.passConflicts],
+  ['Cliëntnummer wijkt af van pasregistratie',result.identityConflicts],
+  ['Ongekoppelde scanpassen',result.unmatchedPasses],
+  ['Ongeldige pasdatums',result.pasDates?.invalidDates||0]
+ ].filter(([,n])=>n>0);
+ return {checks,mismatches,sourceIssues,passed:mismatches===0&&sourceIssues.length===0};
+}
+
 function drawImportedChart(result){
  const cvs=$('chart'),ctx=cvs.getContext('2d'),w=cvs.width,h=cvs.height;
  ctx.clearRect(0,0,w,h);ctx.font='13px Segoe UI';
@@ -515,6 +561,7 @@ function renderImported(result){
   {label:'Nieuwe instroom',value:num(result.newIntake),change:'Eerste scan in '+result.period.label},
   {label:'Actieve cliënten',value:num(result.active),change:'Laatste 3 maanden t/m peildatum'}];
  renderKPIs({kpis});drawImportedChart(result);
+ const quality=result.verification||independentlyVerify(result);
  const lines=[
   ['Geselecteerde periode',result.period.label+' ('+readableDate(result.period.begin)+' t/m '+readableDate(result.period.peildatum)+')'],
   ['Actieve cliënten: meetperiode',readableDate(result.period.activeFrom)+' t/m '+readableDate(result.peildatum)],
@@ -533,10 +580,12 @@ function renderImported(result){
   ['Tegenstrijdige pasregistraties',num(result.passConflicts)],
   ['Verschil scan/registratie',num(result.identityConflicts)],
   ['Businesscontroller','NIET AANGELEVERD']];
- $('checks').innerHTML=lines.map(([name,val])=>'<div class="check-row"><span>'+escapeHTML(name)+'</span><span>'+escapeHTML(val)+'</span></div>').join('');
- const issue=result.passConflicts||result.identityConflicts||result.unmatchedPasses||result.pasDates?.invalidDates;
- document.querySelector('.verification .warning').textContent=issue?'⚠ Ontbrekende of tegenstrijdige pas-koppelingen: controleer de brongegevens. Nieuwe instroom is alleen betrouwbaar bij complete scanhistorie. NIET GEVALIDEERD.':
- '⚠ Nieuwe instroom = eerste scan binnen de AANGELEVERDE historie; eerdere scans buiten het bestand kunnen ontbreken. Geen externe schaduwberekening. NIET GEVALIDEERD.';
+ const verifyLines=quality.checks.map(c=>'<div class="check-row"><span>'+escapeHTML(c.label)+'</span><span>'+num(c.ours)+' / '+num(c.shadow)+' &nbsp;<strong class="'+(c.ours===c.shadow?'':'bad')+'">'+(c.ours===c.shadow?'✓ gelijk':'⚠ verschil')+'</strong></span></div>').join('');
+ $('checks').innerHTML='<div style="font-size:10px;color:#a8c9ee;margin:5px 0 11px">TWEEDE CONTROLETELLING · DASHBOARD / CONTROLE</div>'+verifyLines+'<div style="font-size:10px;color:#a8c9ee;margin:12px 0 9px">BRON- EN PERIODECONTROLES</div>'+lines.map(([name,val])=>'<div class="check-row"><span>'+escapeHTML(name)+'</span><span>'+escapeHTML(val)+'</span></div>').join('');
+ const issue=quality.mismatches||quality.sourceIssues.length;
+ document.querySelector('.verification .warning').textContent=quality.mismatches?`⚠ ${quality.mismatches} interne telverschillen gevonden. Cijfers nader onderzoeken. NIET GEVALIDEERD.`:
+  quality.sourceIssues.length?`⚠ Tweede telling sluit aan, maar ${quality.sourceIssues.length} soorten bronproblemen gevonden. NIET GEVALIDEERD.`:
+  '✓ 7 interne telcontroles sluiten aan. Let op: volledigheid van historische scans onbekend; externe businesscontrollercontrole ontbreekt. NIET EXTERN GEVALIDEERD.';
  document.querySelector('.paper-watermark').textContent='FICTIEVE TESTGEGEVENS · NIET GEVALIDEERD';
  document.querySelector('.paper p').textContent=result.period.label+' · lokale Excel-proef · niet voor publicatie';
  const pk=document.querySelectorAll('.paper-kpis strong');[num(result.visits),num(result.unique),num(result.newIntake)].forEach((x,i)=>{if(pk[i])pk[i].textContent=x});
@@ -549,18 +598,18 @@ async function startImported(){
  $('conductor').classList.add('running');document.querySelector('.orchestra').classList.add('running');
  $('conductorStatus').textContent='Excel-berekeningen worden gepresenteerd';$('logStatus').textContent='Actief';
  for(const id of ids){let el=$('agent-'+id);el.classList.remove('active','done');el.querySelector('.status').textContent='STANDBY';el.querySelector('.track i').style.width='0%';el.querySelector('.percent').textContent='0%'}
- const result=calculateImported($('siteSelect').value);importedData.last=result;
+ const result=calculateImported($('siteSelect').value);result.verification=independentlyVerify(result);importedData.last=result;
  const steps=[
   {agent:'data',text:`${result.rows.toLocaleString('nl-NL')} scanregels gecontroleerd; ${result.duplicates} herhaalde scans; Scanpassen: ${result.passSheetFound?result.passRows+' registraties':'geen apart werkblad'}`},
   {agent:'analysis',text:`${result.unique} unieke cliënten ooit; ${result.newIntake} nieuwe instromers in ${result.period.label}; ${result.active} actieve cliënten`},
   {agent:'insight',text:'Maandtrends berekend; AI-duiding nog niet verbonden'},
-  {agent:'verify',text:'Interne telling gecontroleerd; geen externe schaduwberekening beschikbaar'},
+  {agent:'verify',text:`${result.verification.checks.length} onafhankelijke interne telcontroles; ${result.verification.mismatches} afwijkingen; ${result.verification.sourceIssues.length} soorten bronproblemen. Extern niet gevalideerd`},
   {agent:'report',text:'Conceptpreview bijgewerkt · NIET GEVALIDEERD'}];
  try{
   renderImported(result);
   for(const step of steps){const el=$('agent-'+step.agent);signalFor(step.agent);el.classList.add('active');el.querySelector('.status').textContent='ACTIEF';$('flowState').textContent=step.text;log('Start: '+el.querySelector('h3').textContent);
    const stageLabels=stepDescriptions(step.agent,{...result,sites:importedData.sites.length},false);showStages(step.agent,stageLabels);await animateStages(step.agent,stageLabels);
-   clearSignal();el.classList.remove('active');el.classList.add('done');el.querySelector('.status').textContent=step.agent==='verify'?'NIET EXTERN':'GEREED';completed++;$('completed').textContent=String(completed);log(step.text);await sleep(200)
+   clearSignal();el.classList.remove('active');el.classList.add('done');el.querySelector('.status').textContent=step.agent==='verify'?(result.verification.passed?'INTERN OK':'LET OP'):'GEREED';completed++;$('completed').textContent=String(completed);log(step.text);await sleep(200)
   }
   $('conductor').classList.add('attention');$('flowState').textContent='Concept · NIET GEVALIDEERD';$('conductorStatus').textContent='Proefberekening voltooid';$('logStatus').textContent='Afgerond';
  }catch(err){log('FOUT: '+err.message);$('flowState').textContent='Proefberekening mislukt';}finally{clearSignal();running=false;$('startBtn').disabled=false;$('resetBtn').disabled=false;$('conductor').classList.remove('running');document.querySelector('.orchestra').classList.remove('running')}