Chat Interface
Master the CodeAI chat interface with streaming responses, code blocks, and powerful interaction features.
Real-time Streaming
Watch AI responses stream in real-time as they are generated, providing instant feedback.
Code Block Support
Code blocks are automatically detected and highlighted with syntax highlighting for over 100 languages.
Copy & Insert
Easily copy code to clipboard or insert directly into your VS Code editor with one click.
Download Code
Download code blocks as files with proper file extensions based on the language.
Message Actions
Provide feedback, regenerate responses, edit your messages, or delete conversations.
Model Switching
Switch between different AI models on the fly without losing your conversation context.
Streaming Responses
CodeAI uses WebSocket connections to stream responses in real-time. This means you see the AI's response as it's being generated, providing a more interactive experience.
- •Responses stream character by character for instant feedback
- •Code blocks are detected and highlighted as they stream in
- •You can stop streaming at any time if needed
Code Block Features
Code blocks in AI responses come with powerful features to enhance your workflow:
Copy to Clipboard
Click the copy button to copy the entire code block to your clipboard.
Insert into VS Code
When using the VS Code extension, you can insert code directly at your cursor position.
Download as File
Download code blocks as files with appropriate extensions (.js, .py, .ts, etc.).
Line Numbers & Word Wrap
Toggle line numbers and word wrap for better code readability.
Expand/Collapse
Long code blocks can be expanded or collapsed to save space.
Message Actions
Each message in the chat interface supports various actions:
- •Feedback: Like or dislike responses to help improve the AI
- •Regenerate: Request a new response from the AI
- •Edit: Modify your messages and resend
- •Delete: Remove messages from the conversation
- •Copy Message: Copy the entire message text
Prompt Cards
When you first open the chat interface, you'll see helpful prompt cards that provide quick-start suggestions. Click on any card to automatically send that prompt to the AI.
Request Limits & Upgrades
Your plan determines how many requests you can make per month. Free plans have limited requests, while paid plans offer more generous limits.
- •Free plans have limited model access
- •Upgrade prompts appear when you try to use premium features
- •Request count is displayed in the header