# SDK 3.0: Modern Agent Surface with Visual Components

> You're reading the Mindset v3 documentation. v3 is no longer sold; this is reference for existing customers. Mindset 4 docs are at /docs.

Redesigned interface, HTML component rendering, and branding customization for modern conversational AI experiences

## What is SDK 3.0?

SDK 3.0 is a complete re-architecture of Mindset AI's chat SDK, delivering a redesigned interface, HTML component rendering, branding customization, and organizational structure built for modern conversational AI experiences.

SDK 3.0 transforms your agent surface from text-only responses to structured visual presentations with brand differentiation—enabling you to ship modern agent experiences that feel focused, organized, and uniquely yours.

## Key Features

#### Organized Interface

SDK 3.0 rebuilds the chat experience with a focused conversation flow:

- **Consolidated context** - Follow-up questions, segments, files, and people appear in compact tabs
- **Natural reading flow** - Sources positioned beneath responses where users expect them
- **Streamlined layout** - Clean structure that doesn't waste space
- **Focused experience** - Users stay engaged with the conversation, not distracted by clutter

#### Branding

Make your chat interface feel like yours, not another generic chatbot clone:

- **Customizable gradients** - Apply brand colors to chat surfaces
- **Layout control** - Design flexibility to express your brand identity
- **Visual customization** - Move beyond one-size-fits-all appearance
- **Stand out** - Create interfaces that reflect your product's personality

#### HTML Components

Agents structure responses using visual components instead of plain text. SDK 3.0 includes eight component types:

- **Cards** - Group related information visually
- **Callouts** - Highlight important information or warnings
- **Feature Cards** - Compare options side-by-side
- **Steps** - Display sequential processes clearly
- **Tabs** - Organize content into scannable sections
- **Accordions** - Show collapsible sections users can expand
- **Code Blocks** - Format code with syntax highlighting
- **Diagrams** - Visualize relationships and flows

> **Info:** Agents analyze content and select the optimal visual format automatically. You control which components each agent can use through simple admin settings.

#### Widget Studio

Widget Studio lets you create custom interactive tool interfaces by chatting with an AI agent—no coding required. Build visual experiences like quizzes, course catalogs, booking calendars, and forms that display automatically when your agent calls specific tools.

> **Warning:** Widget Studio is currently in beta with active development ongoing.

---

## Modern Interface Patterns

SDK 3.0 includes production-ready interface improvements:

- **Redesigned Input**: Prompt button, voice input, and send buttons clearly organized
- **Faster Performance**: Improved load times and smoother response streaming
- **Reduced Package Weight**: Better performance without sacrificing features

## Use Cases for Your End Users

#### Structured Information Delivery

Let agents present complex information using cards, tabs, and accordions instead of long text blocks users must parse themselves.

#### Branded Experiences

Create chat interfaces that feel like natural extensions of your product, not generic chatbot embeds.

#### Visual Process Guidance

Use Steps components to walk users through multi-step workflows clearly.

#### Organized Content

Keep users focused on conversations with consolidated context and natural reading flow.

## Getting Started

SDK 3.0 is available now for all customers. Migration from SDK 2.0 is required to access HTML components, branding customization, and other functionalities.

- [Migration Guide](https://docs4.mindset.ai/v3/deploy/sdk3/sdk3-migration): Learn how to upgrade from SDK 2.0 to SDK 3.0

## Technical Resources

- [Migration Guide](https://docs4.mindset.ai/v3/deploy/sdk3/sdk3-migration): Step-by-step upgrade instructions
- [HTML Components Reference](https://docs4.mindset.ai/v3/deploy/sdk3/dynamic-components): Complete component documentation
- [Embedding an Agent](https://docs4.mindset.ai/v3/deploy/sdk3/sdk3-embedding-an-agent): New admin settings and controls