AIChat
The component requires the IAIChatService to be registered in your application, please use our demos source for reference. This service supports any OpenAI-compatible endpoint, including OpenAI, Azure OpenAI, Cloudflare AI, and other compatible providers. For WebAssembly applications, you'll need to use a server-side proxy endpoint since browsers cannot make direct requests to external APIs due to CORS restrictions, refer to AIChatController.
These demos showcase an AI-powered chat interface with custom styling options, compact layouts, event handling for messages, conversation memory with session management, and runtime configuration for model selection, temperature, max tokens, system prompts, and API endpoints.
Console log
Custom styling link
Customize the appearance of the AIChat component using Style, ShowClearButton, Disabled, and ReadOnly properties.
Compact aichat link
Create a more compact chat interface suitable for smaller spaces or sidebar implementations.
Events and interactions link
Handle chat events like MessageAdded, MessageSent, ResponseReceived, and ChatCleared to integrate with your application logic.
Console log
AI Chat with Memory link
The AIChat component supports conversation memory that remembers previous questions and maintains context across multiple interactions.
Use SessionId to maintain conversation state and SessionIdChanged to track session changes.
Memory Statistics
0
Active Sessions0
Total MessagesSession Management
Session History
Memory Features
Conversation Memory
- The AI remembers all previous messages in the conversation
- Context is maintained across multiple questions
- You can ask follow-up questions naturally
- The AI can reference previous parts of the conversation
Session Management
- Create new sessions for different conversations
- Switch between different conversation contexts
- Clear sessions to start fresh
- Session data persists during the application session
Runtime AI Configuration link
Customize AI behavior at runtime by configuring the Model, Temperature, MaxTokens, SystemPrompt, Endpoint, Proxy, ApiKey, and ApiKeyHeader parameters.
These parameters can be set on the component or passed to the SendMessage method to override settings per message, enabling dynamic switching between different AI providers and models.
AI Configuration
Current Configuration
Model: @cf/meta/llama-4-scout-17b-16e-instruct
Total Messages: 0
Available Models
@cf/meta/llama-4-scout-17b-16e-instruct
Active@cf/qwen/qwen1.5-14b-chat-awq
@cf/mistral/mistral-7b-instruct-v0.1
Radzen Blazor Components, © 2018-2025 Radzen.
Source Code licensed under
MIT