Skip to main content
Ready-made UI templates for quick integration with AI Voice Agents.

​
KuralitPopupChat

A ready-to-use chat dialog template.

​
Class

​
class
KuralitPopupChat
Popup chat dialog template.

​
Static Methods

​
show()

​
show
void
Show the popup chat dialog.Parameters:
  • context (BuildContext): Build context
  • sessionId (String): Session ID for conversation
  • config (KuralitPopupChatConfig?, optional): Configuration
Example:
KuralitPopupChat.show(
  context,
  sessionId: sessionId,
);

​
Constructor

​
constructor
KuralitPopupChat()
Create a popup chat widget.Parameters:
  • sessionId (String, required): Session ID
  • config (KuralitPopupChatConfig?, optional): Configuration
  • key (Key?, optional): Widget key

​
KuralitPopupChatConfig

Configuration for KuralitPopupChat.

​
Class

​
class
KuralitPopupChatConfig
Configuration class for popup chat template.

​
Parameters

​
primaryColor
Color?
Primary theme color.
​
backgroundColor
Color?
Background color.
​
enableAudioMode
bool
default:"true"
Enable voice input mode.
​
enableToolCalls
bool
default:"true"
Show tool calls in UI.
​
onClose
VoidCallback?
Callback when chat is closed.
​
width
double?
Dialog width.
​
height
double?
Dialog height.

​
Custom Builders

​
messageBuilder
Widget Function(ChatMessage)?
Custom message widget builder.
​
textInputBuilder
Widget Function(...)?
Custom text input widget builder.
​
audioInputBuilder
Widget Function(...)?
Custom audio input widget builder.

​
KuralitAgentOverlay

A full-screen animated overlay for voice-first interaction.

​
Class

​
class
KuralitAgentOverlay
Agent overlay template.

​
Static Methods

​
show()

​
show
void
Show the agent overlay.Parameters:
  • context (BuildContext): Build context
  • sessionId (String): Session ID for conversation
Example:
KuralitAgentOverlay.show(
  context,
  sessionId: sessionId,
);

​
Constructor

​
constructor
KuralitAgentOverlay()
Create an agent overlay widget.Parameters:
  • sessionId (String, required): Session ID
  • key (Key?, optional): Widget key

​
Usage Examples

// Basic usage
KuralitPopupChat.show(
  context,
  sessionId: sessionId,
);

// With configuration
KuralitPopupChat.show(
  context,
  sessionId: sessionId,
  config: KuralitPopupChatConfig(
    primaryColor: Colors.blue,
    enableAudioMode: true,
    enableToolCalls: true,
    onClose: () => print('Chat closed'),
  ),
);

​
Agent Overlay

// Basic usage
KuralitAgentOverlay.show(
  context,
  sessionId: sessionId,
);