cooperation

How to design a dashboard where sidebar, header, and content panel manage state independently, sharing only user, view, and alerts via Context — and what's their cooperation contract?

~Design a React dashboard layout where the left sidebar, the top header, and the main content panel achieve their behaviour through cooperation rather than direct coupling. Each section should manage its own internal state, but share a lightweight global cooperation layer — a React Context — that carries only the minimum shared data: the active user, the selected view, and any global alerts. Describe the cooperation contract between the three sections and show the context structure.~