Screens
Replicas of the Figma screens, built only from the components in this repo.
HomeStat strip, tile stats, task breakdown, segment donut and upcoming meetings.DesktopPurchase requestsApproval tracker with a four-step chain, insight cards, and a rejection that demands a reason. Not yet ported from the Figma Purchase requests flow.DesktopSpend insightsExposure strip, three criticals needing action, and a selectable insight table with severity tabs.DesktopSettingsWorkspace profile, notifications and a danger zone that outlines itself in error.DesktopExchange overviewPrice chart, swap panel and a transaction ledger. Green and red mean gain and loss only.DesktopSwap statesThe amount field and swap card across empty, focused, filled, over-balance and quoting.StatesAI assistantChat where only the person gets a bubble, with a project sidebar and model picker.DesktopMessages & FilesThree columns: thread list, transcript with bubbles and attachments, contact panel.DesktopDealsData grid with multi-select, column dividers and stage pills on one shared column track.DesktopTasksWide sidebar replacing the rail, floating status filter, priority and status glyphs.DesktopCommand palette⌘K over the real Tasks screen, blurred. Grouped results, keyboard hints.OverlayGuidesPlayer with chapters and resources, a curriculum panel, and a labelled panel rail.DesktopScheduleDay timeline where block height maps to duration, month calendar, grouped backlog.DesktopAgent enrichment reviewBefore/after field diff on a strict grid, with a visible per-field decision column.ModalMobileTasks and Day. Inset grouped cards, floating tab bar, recessed segmented control.393 × 852