Disconnected user <img width="280" height="139" alt="Image" src="https://github.com/user-attachments/assets/3d32a920-85b5-4b4f-8f59-77db654c19fe" /> Connected user <img width="252" height="134" alt="Image" src="https://github.com/user-attachments/assets/8b3d0336-e70e-449d-87e3-396af95f4d4c" /> Disconnected patron <img width="281" height="148" alt="Image" src="https://github.com/user-attachments/assets/52aedc57-97b8-4f31-8b53-d62dea2235e0" /> Connected patron <img width="263" height="145" alt="Image" src="https://github.com/user-attachments/assets/b06bea2a-0f90-431d-aa28-9a22837ad2df" />