Command Center

By Paul Giron

Build the complete Sainou AI Recruiter Co-Pilot command center interface implementing the GEM framework and Sage Command design system. Create a 4-panel split-pane layout (Left Navigation, Center Reader/Console, Right Inbox) with dark theme (#2C2C30 background), sage green accent (#8E9C78), and Open Sans typography. Include: (1) Left Panel: Search, persistent entity navigation (Companies, Company Contacts, Jobs, Candidates) with colored badges. (2) Center Top (Intelligence Brief): Empty state prompting "Select a company from the left navigation" with IBR v2.0 badge visible. (3) Center Bottom (Co-Pilot Console): Persistent chat interface with placeholder "Ask a question..." input and example prompt. (4) Right Panel (Inbox/Needs Review): Two unassociated file cards showing "Bulk Process 2025-01-17" (5 files, 2 hours ago) in warning state and "Protocol Labs - Draft" with tech stack analysis in ready-for-review state. Include Activity Tray in bottom right showing "No active tasks". Implement dark theme with precise spacing, subtle borders, smooth interactions on hover/focus, and full accessibility. Use CSS-only animations for non-blocking UI transitions. Create a professional "cockpit" aesthetic that conveys mastery and command. Make the interface feel dense but scannable, prioritizing information density and low-interaction cost.