Doel
Visueel is een interactief diagram dat uw volledige call-flow toont als netwerk van knopen: telefoonnummers, IVR-menu's, queues en agents — én hoe ze met elkaar verbonden zijn. Gebouwd op React Flow (xyflow).
Gebruik dit scherm om:
- In één oogopslag te zien waar inkomende oproepen heen gaan
- Onbedoelde lussen (circular references) op te sporen
- Een nieuwe medewerker uit te leggen "hoe een sales-call hier loopt"
- Toezicht en compliance-audits te ondersteunen
Vereiste permissies: UWEBCHATVOICE.IVR.VIEW (voor IVR-modus) en/of UWEBCHATVOICE.QUEUES.VIEW (voor queue-modus).
5.5.1 Twee weergavemodi
Boven in het scherm vindt u een toolbar met een toggle:
| Modus | Wat het toont |
|---|---|
| IVR | Alle hoofd- en sub-IVR's, hun menu-opties en doorkoppelingen naar queues. Vertrekpunt: inkomende DID's. |
| Queue | Alle queues en de daaraan gekoppelde agents. Optioneel filteren op een specifiek telefoonnummer. |
Klik op de toggle-knop om te wisselen. Het diagram herrekent automatisch.
5.5.2 Diagram-knopen (nodes)
Het diagram bevat vier types knopen, elk met een eigen kleurcode:
| Node-type | Toont |
|---|---|
| IvrNode | Een IVR-menu met zijn toetsopties (1, 2, 3, …) |
| IvrRefNode | Een verwijzing naar een ander IVR (sub-menu) |
| QueueNode | Een queue met aantal leden, strategie, gekoppeld nummer |
| AgentNode | Een individuele agent (alleen in queue-modus) |
Knopen zijn van links naar rechts uitgelijnd: links staat het inkomende nummer of de root-IVR, rechts de eindbestemming (agent of vangnet-queue).
5.5.3 Navigatie en interactie
- Scroll of pinch → zoomen in/uit
- Klikken-en-slepen op de achtergrond → pannen
- Klikken op een knoop → highlights inkomende/uitgaande verbindingen
- Filter-veld in toolbar → zoek op telefoonnummer (queue-modus)
De canvas is read-only: u kunt knopen niet verplaatsen of verbinden. Wijzigingen aan IVR-opties, queue-koppelingen of agent-toewijzingen doet u in de respectievelijke beheerschermen (§5.4, §5.1, §4).
5.5.4 Snel naar Visueel vanuit een IVR
Vanuit de IVR-lijst (§5.4.1) kunt u via het oogicoon direct naar een gefocuste versie van het diagram springen die alleen die ene IVR en zijn directe omgeving toont.

Valkuilen
- Leeg diagram — geen IVR's of queues geconfigureerd. Maak eerst een queue (§5.1) of IVR (§5.4) aan.
- Diagram laadt langzaam — bij zeer veel knopen (1000+ entities) kan de eerste render een paar seconden duren.
- Knopen overlappen — bij ongebruikelijke flow-structuren kan de auto-layout suboptimaal zijn. Vernieuw de pagina of wissel even van weergavemodus om opnieuw te laten berekenen.