> ## Documentation Index
> Fetch the complete documentation index at: https://docs.mindset.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# SDK 3.0: Modern Agent Surface with Visual Components

> 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

<Tabs>
  <Tab title="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
  </Tab>

  <Tab title="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
  </Tab>

  <Tab title="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.
    </Info>
  </Tab>

  <Tab title="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.
    </Warning>
  </Tab>
</Tabs>

***

## Modern Interface Patterns

SDK 3.0 includes production-ready interface improvements:

<CardGroup cols={3}>
  <Card title="Redesigned Input" icon="keyboard">
    Prompt button, voice input, and send buttons clearly organized
  </Card>

  <Card title="Faster Performance" icon="gauge-high">
    Improved load times and smoother response streaming
  </Card>

  <Card title="Reduced Package Weight" icon="feather">
    Better performance without sacrificing features
  </Card>
</CardGroup>

## Use Cases for Your End Users

<AccordionGroup>
  <Accordion title="Structured Information Delivery">
    Let agents present complex information using cards, tabs, and accordions instead of long text blocks users must parse themselves.
  </Accordion>

  <Accordion title="Branded Experiences">
    Create chat interfaces that feel like natural extensions of your product, not generic chatbot embeds.
  </Accordion>

  <Accordion title="Visual Process Guidance">
    Use Steps components to walk users through multi-step workflows clearly.
  </Accordion>

  <Accordion title="Organized Content">
    Keep users focused on conversations with consolidated context and natural reading flow.
  </Accordion>
</AccordionGroup>

## 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.

<Card title="Migration Guide" icon="arrow-right-arrow-left" href="sdk3-migration">
  Learn how to upgrade from SDK 2.0 to SDK 3.0
</Card>

## Technical Resources

<CardGroup cols={3}>
  <Card title="Migration Guide" icon="arrow-right-arrow-left" href="sdk3-migration">
    Step-by-step upgrade instructions
  </Card>

  <Card title="HTML Components Reference" icon="code" href="dynamic-components">
    Complete component documentation
  </Card>

  <Card title="Embedding an Agent" icon="gear" href="sdk3-embedding-an-agent">
    New admin settings and controls
  </Card>
</CardGroup>