@flowselections/dashboard-planner-installatie-techniek 1.0.3 → 1.0.37

package/dist-lib/lib/dashboard-werkbon-funnel.js

@@ -0,0 +1,100 @@
+export function valideerFunnelPeriode(value) {
+    if (value !== 'week' && value !== 'maand' && value !== 'jaar')
+        throw new Error('Ongeldige periode');
+    return value;
+}
+// Invoer van het vak kan helemaal ontbreken (bijvoorbeeld een aanroep zonder
+// gegevens). Een ontbrekende keuze valt terug op de standaardperiode; een
+// echt verkeerde waarde wordt nog steeds afgewezen.
+export function valideerFunnelInvoer(input) {
+    const waarde = (input && typeof input === 'object' ? input.periode : undefined) ?? 'jaar';
+    return valideerFunnelPeriode(waarde);
+}
+export function normaliseerFunnel(raw) {
+    if (!raw || typeof raw !== 'object')
+        throw new Error('Werkbonstatistieken ontbreken');
+    const r = raw;
+    const number = (key) => {
+        const value = r[key];
+        if (typeof value !== 'number' || !Number.isSafeInteger(value) || value < 0)
+            throw new Error('Ongeldige werkbonstatistieken');
+        return value;
+    };
+    if (typeof r.vanaf !== 'string' || typeof r.tot !== 'string' || !/^\d{4}-\d{2}-\d{2}$/.test(r.vanaf) || !/^\d{4}-\d{2}-\d{2}$/.test(r.tot))
+        throw new Error('Periode ontbreekt');
+    if (!Array.isArray(r.soorten))
+        throw new Error('Herkomst ontbreekt');
+    const result = {
+        periode: valideerFunnelPeriode(r.periode), vanaf: r.vanaf, tot: r.tot,
+        totaal: number('totaal'), afgerond: number('afgerond'), betaald: number('betaald'),
+        extraWerk: number('extraWerk'), extraWerkBetaald: number('extraWerkBetaald'), onbekend: number('onbekend'),
+        extraMeldingen: number('extraMeldingen'), extraAfgerond: number('extraAfgerond'), extraNietGeaccepteerd: number('extraNietGeaccepteerd'),
+        soorten: r.soorten.map((item) => {
+            if (!item || typeof item !== 'object')
+                throw new Error('Herkomst ongeldig');
+            const s = item;
+            if (typeof s.soort !== 'string' || typeof s.aantal !== 'number' || !Number.isSafeInteger(s.aantal) || s.aantal < 0)
+                throw new Error('Herkomst ongeldig');
+            return { soort: s.soort, aantal: s.aantal };
+        }),
+    };
+    if (result.betaald > result.afgerond || result.afgerond > result.totaal || result.extraWerk > result.afgerond || result.extraWerkBetaald > result.extraWerk || result.extraAfgerond + result.extraNietGeaccepteerd > result.extraMeldingen || result.soorten.reduce((sum, s) => sum + s.aantal, 0) !== result.totaal)
+        throw new Error('Werkbonstatistieken sluiten niet aan');
+    return result;
+}
+export const FUNNEL_PAARS = 'var(--funnel-extra)';
+export const FUNNEL_NAVY = 'var(--funnel-navy)';
+export const FUNNEL_HERKOMST = {
+    standby: { label: 'Standby (SB)', kleur: 'var(--chart-1)' },
+    mail: { label: 'Uit de mail', kleur: 'var(--chart-2)' },
+    extra_werk: { label: 'Extra werk', kleur: 'var(--chart-3)' },
+    handmatig: { label: 'Handmatig', kleur: 'var(--chart-4)' },
+};
+// Eindstaten die nog open zijn, komen altijd onderaan hun kolom te staan, ongeacht het aantal.
+export const FUNNEL_ONDERAAN = ['Nog niet afgerond', 'Nog niet betaald', 'Extra werk in behandeling', 'Extra werk niet geaccepteerd'];
+// Extra-werkmeldingen staan altijd onder Betaald en Nog niet betaald; het paarse blok wordt
+// in de grafiek visueel uitgerekt tot de gezamenlijke hoogte van die twee (zie sankey-chart).
+export const FUNNEL_EXTRA = 'Extra werk meldingen';
+export function rangFunnelNode(name) {
+    if (name === FUNNEL_EXTRA)
+        return 2;
+    if (name === 'Nog niet betaald')
+        return 1;
+    return FUNNEL_ONDERAAN.includes(name) ? 1 : 0;
+}
+export function maakFunnelStromen(data) {
+    const nodes = data.soorten.filter(s => s.aantal > 0).map(s => {
+        return { name: FUNNEL_HERKOMST[s.soort]?.label ?? s.soort, value: s.aantal, kleur: FUNNEL_HERKOMST[s.soort]?.kleur ?? 'var(--muted-foreground)' };
+    });
+    const totaal = nodes.length;
+    nodes.push({ name: 'Aangemaakt', value: data.totaal, kleur: FUNNEL_NAVY });
+    const links = nodes.slice(0, totaal).map((s, i) => ({ source: i, target: totaal, value: s.value }));
+    const voegToe = (source, name, value, paars = false) => {
+        if (value <= 0)
+            return -1;
+        const target = nodes.length;
+        nodes.push({ name, value, kleur: paars ? FUNNEL_PAARS : '', paars });
+        links.push({ source, target, value });
+        return target;
+    };
+    const afgerond = voegToe(totaal, 'Afgerond', data.afgerond);
+    voegToe(totaal, 'Nog niet afgerond', data.totaal - data.afgerond);
+    if (afgerond >= 0) {
+        voegToe(afgerond, 'Betaald', data.betaald);
+        voegToe(afgerond, 'Nog niet betaald', data.afgerond - data.betaald);
+        // Alle extra-werkmeldingen van monteurs, gesplitst naar afgerond / niet geaccepteerd.
+        const extra = voegToe(afgerond, FUNNEL_EXTRA, data.extraMeldingen, true);
+        if (extra >= 0) {
+            voegToe(extra, 'Extra werk afgerond', data.extraAfgerond, true);
+            voegToe(extra, 'Extra werk in behandeling', data.extraMeldingen - data.extraAfgerond - data.extraNietGeaccepteerd, true);
+            voegToe(extra, 'Extra werk niet geaccepteerd', data.extraNietGeaccepteerd, true);
+        }
+    }
+    return { nodes, links };
+}
+/** Tekst en knop per foutstatus; bij 'ok' is er niets te melden. */
+export function funnelFoutMelding(status) {
+    return status === 'sessie'
+        ? { tekst: 'Je sessie is verlopen. Log opnieuw in.', actie: 'inloggen' }
+        : { tekst: 'Werkbonstatistieken konden niet worden geladen.', actie: 'opnieuw' };
+}

package/dist-lib/lib/dashboard-werkbon-funnel.server.d.ts

@@ -0,0 +1,13 @@
+import { type FunnelPeriode, type FunnelStatus } from './dashboard-werkbon-funnel';
+/** Haalt de bearer-token uit een verzoekheader; alles anders dan "Bearer ..." is leeg. */
+export declare function leesBearerToken(headers: Headers | undefined): string;
+export interface FunnelOpvraag {
+    periode: FunnelPeriode;
+    token: string;
+    /** Alleen voor controles; in de module komen url en key uit de omgeving. */
+    url?: string;
+    key?: string;
+}
+/** Werkbonstatistieken van de eigenaar van het token, of de reden dat het niet lukte. */
+export declare function haalWerkbonFunnel({ periode, token, url, key }: FunnelOpvraag): Promise<FunnelStatus>;
+//# sourceMappingURL=dashboard-werkbon-funnel.server.d.ts.map

package/dist-lib/lib/dashboard-werkbon-funnel.server.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard-werkbon-funnel.server.d.ts","sourceRoot":"","sources":["../../src/lib/dashboard-werkbon-funnel.server.ts"],"names":[],"mappings":"AAeA,OAAO,EAAqB,KAAK,aAAa,EAAE,KAAK,YAAY,EAA0B,MAAM,4BAA4B,CAAC;AAE9H,0FAA0F;AAC1F,wBAAgB,eAAe,CAAC,OAAO,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,CAGpE;AAED,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,aAAa,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,4EAA4E;IAC5E,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,yFAAyF;AACzF,wBAAsB,iBAAiB,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE,aAAa,GAAG,OAAO,CAAC,YAAY,CAAC,CA+B1G"}

package/dist-lib/lib/dashboard-werkbon-funnel.server.js

@@ -0,0 +1,53 @@
+// ============================================================================
+// src/lib/dashboard-werkbon-funnel.server.ts
+// ============================================================================
+// Ophaal-laag voor de werkbonstatistieken, buiten de server-function zodat de
+// mislukroutes los te controleren zijn.
+//
+// VASTE REGEL: geen enkele mislukte stap gooit. Een ontbrekende configuratie,
+// een lege, vervalste of verlopen sessie en een mislukte opvraging leveren allen
+// een status terug. Een gooiende server-function blankeerde het volledige
+// dashboard. 'sessie' betekent dat de inlog niet meer gold en vraagt de gebruiker
+// om opnieuw in te loggen; 'data' betekent dat de cijfers niet opgevraagd of niet
+// volledig waren en biedt de opvraging opnieuw aan.
+// De sessie van de aanroeper wordt nooit geraden of vervangen: zonder geldig
+// token wordt er niets opgevraagd (fail closed).
+// ============================================================================
+import { normaliseerFunnel } from './dashboard-werkbon-funnel';
+/** Haalt de bearer-token uit een verzoekheader; alles anders dan "Bearer ..." is leeg. */
+export function leesBearerToken(headers) {
+    const auth = headers?.get('authorization') ?? '';
+    return auth.startsWith('Bearer ') ? auth.slice(7) : '';
+}
+/** Werkbonstatistieken van de eigenaar van het token, of de reden dat het niet lukte. */
+export async function haalWerkbonFunnel({ periode, token, url, key }) {
+    const basis = url === undefined ? process.env.SUPABASE_URL : url;
+    const sleutel = key === undefined ? process.env.SUPABASE_PUBLISHABLE_KEY : key;
+    if (!basis || !sleutel) {
+        console.error('[funnel] SUPABASE_URL / SUPABASE_PUBLISHABLE_KEY ontbreken');
+        return { status: 'data' };
+    }
+    if (!token)
+        return { status: 'sessie' };
+    const { createClient } = await import('@supabase/supabase-js');
+    const client = createClient(basis, sleutel, {
+        global: { headers: { Authorization: `Bearer ${token}` } },
+        auth: { storage: undefined, persistSession: false, autoRefreshToken: false },
+    });
+    const user = await client.auth.getUser(token);
+    if (user.error || !user.data.user)
+        return { status: 'sessie' };
+    const resultaat = await client.rpc('dashboard_werkbon_funnel', { _periode: periode });
+    if (resultaat.error) {
+        console.error('[funnel] opvragen mislukt:', resultaat.error.message);
+        return { status: 'data' };
+    }
+    try {
+        const funnel = normaliseerFunnel(resultaat.data);
+        return { status: 'ok', funnel };
+    }
+    catch (fout) {
+        console.error('[funnel] onvolledige statistieken:', fout.message);
+        return { status: 'data' };
+    }
+}

package/dist-lib/lib/funnel-indeling.d.ts

@@ -0,0 +1,13 @@
+export declare const FUNNEL_BALKEN: readonly ["Standby (SB)", "Uit de mail", "Extra werk", "Handmatig", "Aangemaakt", "Afgerond", "Nog niet afgerond", "Betaald", "Nog niet betaald", "Extra werk meldingen", "Extra werk afgerond", "Extra werk in behandeling", "Extra werk niet geaccepteerd"];
+export type FunnelIndeling = Partial<Record<typeof FUNNEL_BALKEN[number], number>>;
+export declare const STANDAARD_INDELING: FunnelIndeling;
+export interface IndelingBalk {
+    naam: string;
+    x: number;
+    y0: number;
+    y1: number;
+    paars?: boolean;
+}
+export declare function valideerIndeling(raw: unknown): FunnelIndeling;
+export declare function plaatsIndeling(balken: IndelingBalk[], voorkeur: FunnelIndeling, hoogte: number): IndelingBalk[];
+//# sourceMappingURL=funnel-indeling.d.ts.map

package/dist-lib/lib/funnel-indeling.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"funnel-indeling.d.ts","sourceRoot":"","sources":["../../src/lib/funnel-indeling.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,+PAAgQ,CAAC;AAC3R,MAAM,MAAM,cAAc,GAAG,OAAO,CAAC,MAAM,CAAC,OAAO,aAAa,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC;AAKnF,eAAO,MAAM,kBAAkB,EAAE,cAchC,CAAC;AACF,MAAM,WAAW,YAAY;IAAG,IAAI,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,OAAO,CAAA;CAAE;AAClG,wBAAgB,gBAAgB,CAAC,GAAG,EAAE,OAAO,GAAG,cAAc,CAS7D;AACD,wBAAgB,cAAc,CAAC,MAAM,EAAE,YAAY,EAAE,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,GAAG,YAAY,EAAE,CA4B/G"}

package/dist-lib/lib/funnel-indeling.js

@@ -0,0 +1,74 @@
+export const FUNNEL_BALKEN = ['Standby (SB)', 'Uit de mail', 'Extra werk', 'Handmatig', 'Aangemaakt', 'Afgerond', 'Nog niet afgerond', 'Betaald', 'Nog niet betaald', 'Extra werk meldingen', 'Extra werk afgerond', 'Extra werk in behandeling', 'Extra werk niet geaccepteerd'];
+// De vaste standaardindeling van de funnel: de balkposities die zijn gekozen en
+// daarmee het uiterlijk van de module bepalen. Persoonlijke indelingen worden niet
+// meer gelezen of geschreven; deze waarden gelden voor elke gebruiker bij elke klant.
+export const STANDAARD_INDELING = {
+    'Standby (SB)': 0.5977696337950241,
+    'Uit de mail': 0.4492378737706331,
+    'Extra werk': 0,
+    'Handmatig': 0.23219074328449324,
+    'Aangemaakt': 0.3173956136726815,
+    'Afgerond': 0.1681476323291577,
+    'Nog niet afgerond': 0.5066738243153883,
+    'Betaald': 0.03344231329512559,
+    'Nog niet betaald': 0.20742258065625346,
+    'Extra werk meldingen': 0.3628957403273809,
+    'Extra werk afgerond': 0.3289375620039681,
+    'Extra werk in behandeling': 0.3830808221726188,
+    'Extra werk niet geaccepteerd': 0.46444103422619026,
+};
+export function valideerIndeling(raw) {
+    if (!raw || typeof raw !== 'object' || Array.isArray(raw))
+        throw new Error('Ongeldige indeling');
+    const result = {};
+    for (const [key, value] of Object.entries(raw)) {
+        const naam = FUNNEL_BALKEN.find(n => n === key);
+        if (!naam || typeof value !== 'number' || !Number.isFinite(value) || value < 0 || value > 1)
+            throw new Error('Ongeldige balkpositie');
+        result[naam] = value;
+    }
+    return result;
+}
+export function plaatsIndeling(balken, voorkeur, hoogte) {
+    const result = balken.map(b => ({ ...b }));
+    const groepen = new Map();
+    for (const b of result) {
+        const groep = groepen.get(b.x) ?? [];
+        groep.push(b);
+        groepen.set(b.x, groep);
+    }
+    for (const groep of groepen.values()) {
+        groep.sort((a, b) => a.y0 - b.y0);
+        const totaal = groep.reduce((som, b) => som + b.y1 - b.y0, 0);
+        const gap = Math.min(6, Math.max(0, (hoogte - 8 - totaal) / Math.max(1, groep.length - 1)));
+        let onder = 4;
+        for (const b of groep) {
+            const h = b.y1 - b.y0;
+            const key = FUNNEL_BALKEN.find(n => n === b.naam);
+            const gewenst = key && voorkeur[key] !== undefined ? (voorkeur[key] ?? 0) * hoogte - h / 2 : b.y0;
+            b.y0 = Math.max(onder, gewenst);
+            b.y1 = b.y0 + h;
+            onder = b.y1 + gap;
+        }
+        const extraHoogte = result.find(b => b.naam === 'Extra werk meldingen');
+        const extraRuimte = extraHoogte ? extraHoogte.y1 - extraHoogte.y0 + 6 : 0;
+        const betaalIndex = groep.reduce((laatste, b, i) => b.naam === 'Betaald' || b.naam === 'Nog niet betaald' ? i : laatste, -1);
+        let boven = hoogte - 4;
+        for (const b of [...groep].reverse()) {
+            if (groep.indexOf(b) === betaalIndex)
+                boven = Math.min(boven, hoogte - 4 - extraRuimte);
+            const h = b.y1 - b.y0;
+            b.y1 = Math.min(b.y1, boven);
+            b.y0 = b.y1 - h;
+            boven = b.y0 - gap;
+        }
+    }
+    const betaaldBodem = Math.max(4, ...result.filter(b => b.naam === 'Betaald' || b.naam === 'Nog niet betaald').map(b => b.y1));
+    const extra = result.find(b => b.naam === 'Extra werk meldingen');
+    if (extra) {
+        const h = extra.y1 - extra.y0;
+        extra.y0 = Math.min(hoogte - 4 - h, Math.max(extra.y0, betaaldBodem + 6));
+        extra.y1 = extra.y0 + h;
+    }
+    return result;
+}

package/dist-lib/lib/sankey-doek.d.ts

@@ -0,0 +1,25 @@
+export interface DoekGeometrie {
+    x0: number;
+    y0: number;
+    x1: number;
+    y1: number;
+    breedte: number;
+}
+export interface DoekVeer {
+    positie: number;
+    snelheid: number;
+}
+export declare function doekProfiel(g: DoekGeometrie): {
+    radius: number;
+};
+export declare function doekPunt(g: DoekGeometrie, u: number): {
+    x: number;
+    y: number;
+};
+export declare function stapDoekVeer(veer: DoekVeer, doel: number, dt: number, stijfheid?: number, demping?: number): DoekVeer;
+export declare function doekNabijheid(g: DoekGeometrie, x: number, y: number): {
+    t: number;
+    kracht: number;
+    afstand: number;
+};
+//# sourceMappingURL=sankey-doek.d.ts.map

package/dist-lib/lib/sankey-doek.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sankey-doek.d.ts","sourceRoot":"","sources":["../../src/lib/sankey-doek.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,aAAa;IAAG,EAAE,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE;AAClG,MAAM,WAAW,QAAQ;IAAG,OAAO,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE;AAI/D,wBAAgB,WAAW,CAAC,CAAC,EAAE,aAAa;;EAG3C;AAED,wBAAgB,QAAQ,CAAC,CAAC,EAAE,aAAa,EAAE,CAAC,EAAE,MAAM;;;EAMnD;AAGD,wBAAgB,YAAY,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,SAAS,SAAM,EAAE,OAAO,SAAK,GAAG,QAAQ,CAS9G;AAED,wBAAgB,aAAa,CAAC,CAAC,EAAE,aAAa,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM;;;;EAUnE"}

package/dist-lib/lib/sankey-doek.js

@@ -0,0 +1,38 @@
+// Afmeting van de zachte masker-ellipse rond de donkere markering: de straal
+// groeit met de lijndikte en wordt begrensd door de lijnlengte.
+export function doekProfiel(g) {
+    const lengte = Math.max(0, g.x1 - g.x0);
+    return { radius: Math.min(lengte * 0.44, Math.max(32, 32 + Math.max(0, g.breedte) * 1.1)) };
+}
+export function doekPunt(g, u) {
+    const v = 1 - u, mx = (g.x0 + g.x1) / 2;
+    return {
+        x: v ** 3 * g.x0 + 3 * v * v * u * mx + 3 * v * u * u * mx + u ** 3 * g.x1,
+        y: v ** 3 * g.y0 + 3 * v * v * u * g.y0 + 3 * v * u * u * g.y1 + u ** 3 * g.y1,
+    };
+}
+// Semi-implicit spring integration, independent of display refresh rate.
+export function stapDoekVeer(veer, doel, dt, stijfheid = 150, demping = 21) {
+    let { positie, snelheid } = veer;
+    const stappen = Math.max(1, Math.ceil(Math.min(dt, 0.05) / (1 / 120)));
+    const h = Math.min(dt, 0.05) / stappen;
+    for (let i = 0; i < stappen; i++) {
+        snelheid += ((doel - positie) * stijfheid - snelheid * demping) * h;
+        positie += snelheid * h;
+    }
+    return { positie, snelheid };
+}
+export function doekNabijheid(g, x, y) {
+    let afstand = Infinity, t = 0;
+    for (let i = 0; i <= 100; i++) {
+        const u = i / 100, p = doekPunt(g, u), d = Math.hypot(x - p.x, y - p.y);
+        if (d < afstand) {
+            afstand = d;
+            t = u;
+        }
+    }
+    // Distance to the ribbon edge, not its centre: thick ribbons remain interactive.
+    const buiten = Math.max(0, afstand - g.breedte / 2);
+    const nabij = Math.max(0, 1 - buiten / 28);
+    return { t, kracht: nabij * nabij * (3 - 2 * nabij), afstand: buiten };
+}

package/package.json

@@ -1,15 +1,74 @@
 {
   "name": "@flowselections/dashboard-planner-installatie-techniek",
-  "version": "1.0.3",
+  "version": "1.0.37",
   "flowselections": {
-    "moduleId": "dashboard-installatietechniek",
+    "moduleId": "dashboard-planner-installatie-techniek",
     "pages": [
       {
-        "export": "DashboardInstallatieTechniekPage",
-        "route": "dashboard-installatietechniek",
+        "export": "DashboardPlannerInstallatieTechniekPage",
+        "route": "dashboard-planner-installatie-techniek",
         "title": "Installatietechniek"
+      },
+      {
+        "export": "ModulePlaceholderPage",
+        "route": "dashboard-planner-installatie-techniek/module",
+        "title": "Module"
       }
-    ]
+    ],
+    "handover": {
+      "titel": "Dashboard Planner Installatietechniek",
+      "samenvatting": "Dashboard met moduleaantallen en statistieken; werkbonsoorten via blijvende dagtellers en geschreven uren over de dagelijks opschuivende afgelopen twaalf maanden. Betaalpercentage op aantallen invoices met sent_at in de afgelopen 28 Nederlandse kalenderdagen en status betaald, via exacte tellingen. Facturentegel telt werkbonnen zonder factuur (invoices.source_ref) plus facturen in status concept; de urengrafiek toont gewerkte uren van deze week (ma–zo) uit de werkbon-klok werkbon_time_logs (activity werken), overuren uit time_logs. Werkbonnenfunnel volgt aanmaakcohorten voor week, maand of opschuivend jaar naar afgerond en volledig betaald, met afzonderlijke extra-werktak en blijvende minimale historie. Snelkoppelingen mogen interne paden of externe http(s)-links zijn.",
+      "eigenTabellen": [
+        "dashboard_werkbon_tellers",
+        "dashboard_werkbon_dagtellers",
+        "dashboard_werkbon_historie",
+        "dashboard_werkbon_factuurhistorie",
+        "dashboard_werkbon_mailhistorie",
+        "dashboard_snelkoppelingen"
+      ],
+      "leestTabellen": [
+        "werkbonnen",
+        "itk_offertes",
+        "invoices",
+        "werkbon_mail_user_settings",
+        "email_auth_connections",
+        "email_auth_events",
+        "werkbon_email_state",
+        "werkbon_proposals",
+        "planning_items",
+        "leave_requests",
+        "uren_overuren_verklaringen",
+        "uren_standaardweek_wijzigingen",
+        "time_logs",
+        "werkbon_time_logs",
+        "dashboard_werkbon_tellers",
+        "dashboard_werkbon_dagtellers",
+        "dashboard_werkbon_historie",
+        "dashboard_werkbon_factuurhistorie",
+        "dashboard_werkbon_mailhistorie"
+      ],
+      "schrijftTabellen": [
+        "dashboard_werkbon_tellers",
+        "dashboard_werkbon_dagtellers",
+        "dashboard_werkbon_historie",
+        "dashboard_werkbon_factuurhistorie",
+        "dashboard_werkbon_mailhistorie",
+        "dashboard_snelkoppelingen"
+      ],
+      "biedtFuncties": [
+        "dashboard_werkbon_jaarstats",
+        "dashboard_werkbon_funnel",
+        "dashboard_funnel_betaald"
+      ],
+      "gebruiktFuncties": [
+        "dashboard_werkbon_jaarstats",
+        "dashboard_werkbon_funnel",
+        "dashboard_funnel_betaald",
+        "my_module_permissions",
+        "uren_heeft_pagina_toegang"
+      ],
+      "herzieningstermijnDagen": 90
+    }
   },
   "private": false,
   "sideEffects": false,
@@ -50,13 +109,17 @@
     "sonner": "^2.0.0"
   },
   "dependencies": {
-    "@supabase/supabase-js": "^2.112.3"
+    "@supabase/supabase-js": "^2.112.3",
+    "@visx/event": "^4.0.0",
+    "@visx/responsive": "^4.0.0",
+    "@visx/sankey": "^4.0.0",
+    "motion": "^14.1.1"
   },
   "devDependencies": {
     "@cloudflare/vite-plugin": "^1.25.5",
     "@eslint/js": "^9.32.0",
-    "@flowselections/core": "1.0.18",
-    "@lovable.dev/vite-tanstack-config": "2.13.1",
+    "@flowselections/core": "1.0.29",
+    "@lovable.dev/vite-tanstack-config": "2.25.3",
     "@rsbuild/core": "^1.0.0",
     "@tailwindcss/vite": "^4.2.1",
     "@tanstack/react-query": "^5.83.0",