Canvas

Canvas lets you create and edit documents directly in chat. The AI creates text documents, code files, and spreadsheets in a side panel where you can view, edit, and refine them.

​

Canvas types

You can create three types of canvas:

​

Creating a canvas

When you ask the AI to create something substantial, it automatically creates a canvas with the appropriate type. You can also request specific types:

• Text documents: “Write a professional email about…” or “Draft an essay on…”
• Code: “Create a Python script that…” or “Write a React component for…”
• Spreadsheets: “Create a spreadsheet with…” or “Build a data table for…”

The AI uses dedicated tools to create documents:

• createTextDocument for markdown text content
• createCodeDocument for code files (filename determines syntax highlighting)
• createSheetDocument for CSV-format spreadsheets

​

Editing documents

​

Direct editing

Click into any canvas to edit directly. Changes auto-save after you stop typing.

​

AI-assisted editing

Ask the AI to make changes and it will update the document:

• “Make this code more concise”
• “Fix the typos in this email”
• “Add a column for timestamps”

The AI reads the current document content before making edits to preserve context.

​

Version history

Every change creates a new version. Navigate between versions using the controls in the canvas header:

• Undo (left arrow): View the previous version
• Redo (right arrow): View the next version

When viewing an older version, a footer appears letting you return to the latest version.

​

Diff view (text only)

Text documents support a diff view that highlights additions and deletions between consecutive versions. Toggle diff view using the history icon in the canvas header.

​

Canvas toolbar

A floating toolbar appears at the bottom-right of the canvas. Each canvas type has different quick actions:

​

Text toolbar

• Add final polish: Checks grammar, adds section titles, improves readability

​

Code toolbar

• Add comments: Adds explanatory comments to the code
• Add logs: Adds debug logging statements

​

Sheet toolbar

• Format and clean data: Cleans and formats the spreadsheet data
• Analyze and visualize: Creates a Python code canvas with data analysis and visualization

​

Code execution

Python code can run directly in the browser using Pyodide. Click the Run button to execute. Execution features:

• Console output displays below the code editor
• Matplotlib plots render as images in the console
• Package imports are loaded automatically
• Standard library only (no external dependencies)

Code execution is only available for Python files. The run button is disabled for other languages.

​

Canvas actions

Each canvas type has action buttons in the header:

​

All types

• Undo/Redo: Navigate version history
• Copy: Copy content to clipboard

​

Text only

• View changes: Toggle diff view comparing current and previous version

​

Sheet only

• Copy as CSV: Exports clean CSV (removes empty rows)

​

Configuration

Canvas is built into the chat interface. No additional configuration is required.