Agentic BP DScode-first design system

Patterns

Blueprints that compose kit pieces into screen-level layouts. Not new primitives.

AccountFlow
The account provisioning flow: the accounts list, one account with its tabs, a new account, a new product on an account, and configuring that product alone or many products at once, one page at a time.
AppShell
The frame every product screen sits in: the bar across the top, the rail under it down the side, the page in the middle, and the assistant beside it.
ChatWindow
The assistant window: its header over the turns, the composer at the foot, and the saved chats coming in beside or over them.
Dashboard
The home screen of a job: the numbers that matter, grouped, with the charts and lists that explain them.
FormPage
One record being filled in: its name and the save at the top, anything that has to be read first under that, and the fields in folding groups underneath.
GuidedProcessPage
A process walked one page per step: a dark column per step before it starts, then each step's fields with every step on a dark panel at the start or end edge of the page.
ListDetail
A list with the picked record beside it: a ListView on one side and the record in a pane on the other, or one at a time on a phone.
ListPage
A list of records: the bar to find and filter them, the rows themselves, and the pages under them.
RecordPage
One record: its name and actions at the top, the tabs of what belongs to it, the numbers that matter, and its details in sections underneath.
SettingsPage
The settings home: a grid of the places people can go from here, each with its own icon and color.