These components form the basis of the new "Command Center" Client Engagement Portal. They are optimized for a light-first theme, emphasizing a professional, time-anchored vertical ledger with rich execution blocks.
The core of the portal is the Ledger Grid. Below are the distinct item categories that can appear on the timeline. Each state uses semantic background and border colors for quick scanning.
This is an Action item. It uses the warning/orange semantic color to draw immediate attention. It supports stacking compositional blocks like the Prompt and Actions.
This is a Resource item. It uses the accent/blue semantic color. It acts as an audit trail for file deliveries and documentation, utilizing the Attachments block.
This is an Event item. It uses the primary/green semantic color. We use the Actions block to provide quick links like joining a meeting.
This demonstrates the 'Gate' play. It uses the Action wrapper combined with Attachments and primary/secondary Actions to force a formal decision before momentum can continue.
This demonstrates the 'Phase Transition' play. It uses the Log wrapper but leverages emojis and celebratory text to visually break up the timeline and mark a major project shift.
These components provide high-level context without cluttering the main timeline. They sit in the right-hand sidebar.