Six diagrams, in order: system context, containers, components (API and POS app), and the production / local-development deployments. Every diagram exists in English and Arabic — use the عربي link in the corner to switch; your current diagram is preserved.

The following features are provided by this interactive diagram viewer:

• Double-click to "zoom-in" (look for the magnifying glass icon inside elements).
• Navigate diagrams (Left, Right, Up, and Down arrows).
• Zooming and scrolling (+, -, and the mouse scroll wheel).
• Zoom to width (w), height (h), and content (c).
• Diagram key (i).
• Tooltips (t).
• Animation (, and .).
• Toggle element descriptions (d).
• Toggle element metadata (m).
• Quick navigation (Space).
• Full screen (f).