DataMindDataMindDesign SystemUI/UX & Design System Documentation
PAGE PATTERN / CHATBOT HOME

A quieter start for better questions

Navigation, conversation context and composing are separate responsibilities. The header identifies the conversation; it does not compete with it.

8pxInline gap
12pxControl padding
16pxComponent gap
24pxContent padding
64pxHeader height
256pxSidebar width
New conversationNo data source

What would you like to know?

Ask a question, explore your schema, or turn an insight into a dashboard.

Read-only SQL
DataMind can make mistakes. Validate important results.
01

Independent sidebar

A stable 256px navigation region, with history scroll and account actions pinned to the bottom.

02

One-line header

Conversation title and source state are enough. Secondary controls belong in the composer or contextual menus.

03

Reusable composer

The same component carries prompt, source, safety state and send action across empty and active chats.