Skip to main content

Chat customization

DIAL Chat is the default web UI for interacting with models and applications on the DIAL platform. This section covers the developer-facing extension points and customization options that let you control what Chat renders, how it looks, and how it integrates with your applications.

What's in this section​

  • Custom content in Chat — Reference for the custom_content API: attachments, stages, Markdown, visualizers, and Plotly.
  • Data visualization — How to render charts and visual content in DIAL Chat using Plotly and Markdown.
  • Create a custom visualizer — Step-by-step tutorial for building a custom visualizer with the ChatVisualizerConnector library.
  • Chat localization — How to customize and translate DIAL Chat UI text using the i18n framework.
  • Theming and design — How to customize the Chat layout, color scheme, and branding.
  • Catalog — What the DIAL Catalog is and how it serves as a hub for applications, models, and collaboration.
  • Create a custom theme — Step-by-step tutorial for setting up the themes server with a custom color scheme and logo.
  • DIAL Overlay — How DIAL Overlay embeds Chat in external web applications via iframe, with architecture, configuration, and API reference.
  • Embed Chat with DIAL Overlay — Step-by-step tutorial for integrating DIAL Chat into a host page using the Overlay library.