Skip to content

Commit 1c334aa

Browse files
committed
mothership docs, tags, connectors, api, chat deploy, etc
1 parent 99a1ac0 commit 1c334aa

32 files changed

Lines changed: 922 additions & 496 deletions

apps/docs/app/[lang]/not-found.tsx

Lines changed: 17 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
1-
import { DocsBody, DocsPage } from 'fumadocs-ui/page'
1+
import { DocsPage } from 'fumadocs-ui/page'
2+
import Link from 'next/link'
23

34
export const metadata = {
45
title: 'Page Not Found',
@@ -7,17 +8,21 @@ export const metadata = {
78
export default function NotFound() {
89
return (
910
<DocsPage>
10-
<DocsBody>
11-
<div className='flex min-h-[60vh] flex-col items-center justify-center text-center'>
12-
<h1 className='mb-4 bg-gradient-to-b from-[#47d991] to-[#33c482] bg-clip-text font-bold text-8xl text-transparent'>
13-
404
14-
</h1>
15-
<h2 className='mb-2 font-semibold text-2xl text-foreground'>Page Not Found</h2>
16-
<p className='text-muted-foreground'>
17-
The page you're looking for doesn't exist or has been moved.
18-
</p>
19-
</div>
20-
</DocsBody>
11+
<div className='flex min-h-[70vh] flex-col items-center justify-center gap-4 text-center'>
12+
<h1 className='bg-gradient-to-b from-[#47d991] to-[#33c482] bg-clip-text font-bold text-8xl text-transparent'>
13+
404
14+
</h1>
15+
<h2 className='font-semibold text-2xl text-foreground'>Page Not Found</h2>
16+
<p className='text-muted-foreground'>
17+
The page you're looking for doesn't exist or has been moved.
18+
</p>
19+
<Link
20+
href='/'
21+
className='ml-1 flex items-center rounded-[8px] bg-[#33c482] px-2.5 py-1.5 text-[13px] text-white transition-colors duration-200 hover:bg-[#2DAC72]'
22+
>
23+
Go home
24+
</Link>
25+
</div>
2126
</DocsPage>
2227
)
2328
}
Lines changed: 33 additions & 203 deletions
Original file line numberDiff line numberDiff line change
@@ -1,225 +1,70 @@
11
---
22
title: Copilot
3+
description: Your per-workflow AI assistant for building and editing workflows.
34
---
45

56
import { Callout } from 'fumadocs-ui/components/callout'
6-
import { Card, Cards } from 'fumadocs-ui/components/card'
77
import { Image } from '@/components/ui/image'
8-
import { MessageCircle, Hammer, ListChecks, Zap, Globe, Paperclip, History, RotateCcw, Brain } from 'lucide-react'
8+
import { FAQ } from '@/components/ui/faq'
99

10-
Copilot is your in-editor assistant that helps you build and edit workflows. It can:
10+
Copilot is the AI assistant built into every workflow editor. It is scoped to the workflow you have open — it reads the current structure, makes changes directly, and saves checkpoints so you can revert if needed.
1111

12-
- **Explain**: Answer questions about Sim and your current workflow
13-
- **Guide**: Suggest edits and best practices
14-
- **Build**: Add blocks, wire connections, and configure settings
15-
- **Debug**: Analyze execution issues and optimize performance
12+
For workspace-wide tasks (managing multiple workflows, running research, working with tables, scheduling jobs), use [Mothership](/mothership).
1613

1714
<Callout type="info">
18-
Copilot is a Sim-managed service. For self-hosted deployments:
19-
1. Go to [sim.ai](https://sim.ai) → Settings → Copilot and generate a Copilot API key
20-
2. Set `COPILOT_API_KEY` in your self-hosted environment
15+
Copilot is a Sim-managed service. For self-hosted deployments, go to [sim.ai](https://sim.ai) → Settings → Copilot, generate a Copilot API key, then set `COPILOT_API_KEY` in your self-hosted environment.
2116
</Callout>
2217

23-
## Modes
24-
25-
Switch between modes using the mode selector at the bottom of the input area.
26-
27-
<Cards>
28-
<Card
29-
title={
30-
<span className="inline-flex items-center gap-2">
31-
<MessageCircle className="h-4 w-4 text-muted-foreground" />
32-
Ask
33-
</span>
34-
}
35-
>
36-
<div className="m-0 text-sm">
37-
Q&A mode for explanations, guidance, and suggestions without making changes to your workflow.
38-
</div>
39-
</Card>
40-
<Card
41-
title={
42-
<span className="inline-flex items-center gap-2">
43-
<Hammer className="h-4 w-4 text-muted-foreground" />
44-
Build
45-
</span>
46-
}
47-
>
48-
<div className="m-0 text-sm">
49-
Workflow building mode. Copilot can add blocks, wire connections, edit configurations, and debug issues.
50-
</div>
51-
</Card>
52-
<Card
53-
title={
54-
<span className="inline-flex items-center gap-2">
55-
<ListChecks className="h-4 w-4 text-muted-foreground" />
56-
Plan
57-
</span>
58-
}
59-
>
60-
<div className="m-0 text-sm">
61-
Creates a step-by-step implementation plan for your workflow without making any changes. Helps you think through the approach before building.
62-
</div>
63-
</Card>
64-
</Cards>
65-
66-
## Models
67-
68-
Select your preferred AI model using the model selector at the bottom right of the input area.
69-
70-
**Available Models:**
71-
- Claude 4.6 Opus (default), 4.5 Opus, Sonnet, Haiku
72-
- GPT 5.2 Codex, Pro
73-
- Gemini 3 Pro
74-
75-
Choose based on your needs: faster models for simple tasks, more capable models for complex workflows.
76-
77-
## Context Menu (@)
78-
79-
Use the `@` symbol to reference resources and give Copilot more context:
80-
81-
| Reference | Description |
82-
|-----------|-------------|
83-
| **Chats** | Previous copilot conversations |
84-
| **Workflows** | Any workflow in your workspace |
85-
| **Workflow Blocks** | Blocks in the current workflow |
86-
| **Blocks** | Block types and templates |
87-
| **Knowledge** | Uploaded documents and knowledge bases |
88-
| **Docs** | Sim documentation |
89-
| **Templates** | Workflow templates |
90-
| **Logs** | Execution logs and results |
91-
92-
Type `@` in the input field to open the context menu, then search or browse to find what you need.
93-
94-
## Slash Commands (/)
95-
96-
Use slash commands for quick actions:
97-
98-
| Command | Description |
99-
|---------|-------------|
100-
| `/fast` | Fast mode execution |
101-
| `/research` | Research and exploration mode |
102-
| `/actions` | Execute agent actions |
103-
104-
**Web Commands:**
105-
106-
| Command | Description |
107-
|---------|-------------|
108-
| `/search` | Search the web |
109-
| `/read` | Read a specific URL |
110-
| `/scrape` | Scrape web page content |
111-
| `/crawl` | Crawl multiple pages |
112-
113-
Type `/` in the input field to see available commands.
114-
115-
## Chat Management
116-
117-
### Starting a New Chat
118-
119-
Click the **+** button in the Copilot header to start a fresh conversation.
120-
121-
### Chat History
18+
{/* TODO: Screenshot of the workflow editor with the Copilot panel open on the right side — showing a conversation with a workflow change applied. Ideally shows a message from the user, a response from Copilot, and the checkpoint icon visible on the message. */}
12219

123-
Click **History** to view previous conversations grouped by date. You can:
124-
- Click a chat to resume it
125-
- Delete chats you no longer need
20+
## What Copilot Can Do
12621

127-
### Editing Messages
22+
Copilot can read and modify the workflow you are currently editing:
12823

129-
Hover over any of your messages and click **Edit** to modify and resend it. This is useful for refining your prompts.
24+
- Add, configure, and connect blocks
25+
- Edit existing block configurations
26+
- Delete blocks and connections
27+
- Debug failures by reading execution logs
28+
- Answer questions about the workflow or how Sim works
13029

131-
### Message Queue
30+
## Chat History
13231

133-
If you send a message while Copilot is still responding, it gets queued. You can:
134-
- View queued messages in the expandable queue panel
135-
- Send a queued message immediately (aborts current response)
136-
- Remove messages from the queue
32+
Click **History** (clock icon) in the Copilot header to see past conversations for this workflow. Click any chat to resume it, or click **+** to start a new one.
13733

13834
## File Attachments
13935

140-
Click the attachment icon to upload files with your message. Supported file types include:
141-
- Images (preview thumbnails shown)
142-
- PDFs
143-
- Text files, JSON, XML
144-
- Other document formats
36+
Click the attachment icon in the input to upload files alongside your message. Copilot can read images, PDFs, and text-based files as context.
14537

146-
Files are displayed as clickable thumbnails that open in a new tab.
38+
## Checkpoints
14739

148-
## Checkpoints & Changes
40+
When Copilot modifies a workflow, it saves a checkpoint of the previous state.
14941

150-
When Copilot makes changes to your workflow, it saves checkpoints so you can revert if needed.
42+
To revert: hover over a Copilot message and click the checkpoints icon, then click **Revert** on the state you want to restore. Reverting cannot be undone.
15143

152-
### Viewing Checkpoints
44+
## Thinking
15345

154-
Hover over a Copilot message and click the checkpoints icon to see saved workflow states for that message.
46+
For complex requests, Copilot may show its reasoning in an expandable thinking block before responding. The block shows how long the thinking took and collapses after the response is complete.
15547

156-
### Reverting Changes
48+
## Usage
15749

158-
Click **Revert** on any checkpoint to restore your workflow to that state. A confirmation dialog will warn that this action cannot be undone.
50+
Copilot usage is billed per token and counts toward your plan's credit usage. If you reach your limit, enable on-demand billing from Settings → Subscription.
15951

160-
### Accepting Changes
161-
162-
When Copilot proposes changes, you can:
163-
- **Accept**: Apply the proposed changes (`Mod+Shift+Enter`)
164-
- **Reject**: Dismiss the changes and keep your current workflow
165-
166-
## Thinking Blocks
167-
168-
For complex requests, Copilot may show its reasoning process in expandable thinking blocks:
169-
170-
- Blocks auto-expand while Copilot is thinking
171-
- Click to manually expand/collapse
172-
- Shows duration of the thinking process
173-
- Helps you understand how Copilot arrived at its solution
174-
175-
## Options Selection
176-
177-
When Copilot presents multiple options, you can select using:
178-
179-
| Control | Action |
180-
|---------|--------|
181-
| **1-9** | Select option by number |
182-
| **Arrow Up/Down** | Navigate between options |
183-
| **Enter** | Select highlighted option |
184-
185-
Selected options are highlighted; unselected options appear struck through.
186-
187-
## Keyboard Shortcuts
188-
189-
| Shortcut | Action |
190-
|----------|--------|
191-
| `@` | Open context menu |
192-
| `/` | Open slash commands |
193-
| `Arrow Up/Down` | Navigate menu items |
194-
| `Enter` | Select menu item |
195-
| `Esc` | Close menus |
196-
| `Mod+Shift+Enter` | Accept Copilot changes |
197-
198-
## Usage Limits
199-
200-
Copilot usage is billed per token from the underlying LLM and counts toward your plan's credit usage. If you reach your usage limit, enable on-demand billing from Settings → Subscription to continue using Copilot beyond your plan's included credits.
201-
202-
<Callout type="info">
203-
See the [Cost Calculation page](/execution/costs) for billing and plan details.
204-
</Callout>
20552
## Copilot MCP
20653

207-
You can use Copilot as an MCP server in your favorite editor or AI client. This lets you build, test, deploy, and manage Sim workflows directly from tools like Cursor, Claude Code, Claude Desktop, and VS Code.
54+
You can use Copilot as an MCP server to build, test, and manage Sim workflows from external editors — Cursor, Claude Code, Claude Desktop, and VS Code.
20855

20956
### Generating a Copilot API Key
21057

211-
To connect to the Copilot MCP server, you need a **Copilot API key**:
212-
21358
1. Go to [sim.ai](https://sim.ai) and sign in
21459
2. Navigate to **Settings****Copilot**
21560
3. Click **Generate API Key**
21661
4. Copy the key — it is only shown once
21762

218-
The key will look like `sk-sim-copilot-...`. You will use this in the configuration below.
63+
The key will look like `sk-sim-copilot-...`.
21964

22065
### Cursor
22166

222-
Add the following to your `.cursor/mcp.json` (project-level) or global Cursor MCP settings:
67+
Add to `.cursor/mcp.json`:
22368

22469
```json
22570
{
@@ -234,24 +79,18 @@ Add the following to your `.cursor/mcp.json` (project-level) or global Cursor MC
23479
}
23580
```
23681

237-
Replace `YOUR_COPILOT_API_KEY` with the key you generated above.
238-
23982
### Claude Code
24083

241-
Run the following command to add the Copilot MCP server:
242-
24384
```bash
24485
claude mcp add sim-copilot \
24586
--transport http \
24687
https://www.sim.ai/api/mcp/copilot \
24788
--header "X-API-Key: YOUR_COPILOT_API_KEY"
24889
```
24990

250-
Replace `YOUR_COPILOT_API_KEY` with your key.
251-
25291
### Claude Desktop
25392

254-
Claude Desktop requires [`mcp-remote`](https://www.npmjs.com/package/mcp-remote) to connect to HTTP-based MCP servers. Add the following to your Claude Desktop config file (`~/Library/Application Support/Claude/claude_desktop_config.json` on macOS):
93+
Claude Desktop requires [`mcp-remote`](https://www.npmjs.com/package/mcp-remote). Add to `~/Library/Application Support/Claude/claude_desktop_config.json`:
25594

25695
```json
25796
{
@@ -270,11 +109,9 @@ Claude Desktop requires [`mcp-remote`](https://www.npmjs.com/package/mcp-remote)
270109
}
271110
```
272111

273-
Replace `YOUR_COPILOT_API_KEY` with your key.
274-
275112
### VS Code
276113

277-
Add the following to your VS Code `settings.json` or workspace `.vscode/settings.json`:
114+
Add to `settings.json` or `.vscode/settings.json`:
278115

279116
```json
280117
{
@@ -292,21 +129,14 @@ Add the following to your VS Code `settings.json` or workspace `.vscode/settings
292129
}
293130
```
294131

295-
Replace `YOUR_COPILOT_API_KEY` with your key.
296-
297132
<Callout type="info">
298133
For self-hosted deployments, replace `https://www.sim.ai` with your self-hosted Sim URL.
299134
</Callout>
300135

301-
import { FAQ } from '@/components/ui/faq'
302-
303136
<FAQ items={[
304-
{ question: "What is the difference between Ask, Build, and Plan mode?", answer: "Copilot has three modes. Ask mode is a read-only Q&A mode for explanations, guidance, and suggestions without making any changes to your workflow. Build mode allows Copilot to actively modify your workflow by adding blocks, wiring connections, editing configurations, and debugging issues. Plan mode creates a step-by-step implementation plan for your request without making any changes, so you can review the approach before committing. Use Ask when you want to learn or explore ideas, Plan when you want to see a proposed approach first, and Build when you want Copilot to make changes directly." },
305-
{ question: "Does Copilot have access to my full workflow when answering questions?", answer: "Copilot has access to the workflow you are currently editing as context. You can also use the @ context menu to reference other workflows, previous chats, execution logs, knowledge bases, documentation, and templates to give Copilot additional context for your request." },
306-
{ question: "How do I use Copilot from an external editor like Cursor or VS Code?", answer: "You can use Copilot as an MCP server from external editors. First, generate a Copilot API key from Settings > Copilot on sim.ai. Then add the MCP server configuration to your editor using the endpoint https://www.sim.ai/api/mcp/copilot with your API key in the X-API-Key header. Configuration examples are available for Cursor, Claude Code, Claude Desktop, and VS Code." },
307-
{ question: "Can I revert changes that Copilot made to my workflow?", answer: "Yes. When Copilot makes changes in Build mode, it saves checkpoints of your workflow state. You can hover over a Copilot message and click the checkpoints icon to see saved states, then click Revert on any checkpoint to restore your workflow. Note that reverting cannot be undone, so review the checkpoint before confirming." },
308-
{ question: "How does Copilot billing work?", answer: "Copilot usage is billed per token from the underlying LLM and counts toward your plan's credit usage. More capable models like Claude Opus cost more per token than lighter models like Haiku. If you reach your usage limit, you can enable on-demand billing from Settings > Subscription to continue using Copilot." },
309-
{ question: "What do the slash commands like /research and /search do?", answer: "Slash commands trigger specialized behaviors. /fast enables fast mode execution, /research activates a research and exploration mode, and /actions executes agent actions. Web commands like /search, /read, /scrape, and /crawl let Copilot interact with the web to search for information, read URLs, scrape page content, or crawl multiple pages to gather context for your request." },
310-
{ question: "How do I set up Copilot for a self-hosted deployment?", answer: "For self-hosted deployments, go to sim.ai > Settings > Copilot and generate a Copilot API key. Then set the COPILOT_API_KEY environment variable in your self-hosted environment. Copilot is a Sim-managed service, so the self-hosted instance communicates with Sim's servers to process requests." },
137+
{ question: "How is Copilot different from Mothership?", answer: "Copilot is scoped to the workflow you have open — it reads and edits that workflow's blocks and connections. Mothership has access to your entire workspace and can build workflows, manage tables, run research, schedule jobs, and take actions across integrations." },
138+
{ question: "Can Copilot access other workflows or workspace data?", answer: "Copilot is scoped to the current workflow. For tasks that span multiple workflows or require workspace-level context, use Mothership." },
139+
{ question: "Can I revert changes Copilot made?", answer: "Yes. Copilot saves a checkpoint before each change. Hover over the message and click the checkpoints icon to see saved states, then click Revert to restore one. Reverting cannot be undone." },
140+
{ question: "How does Copilot billing work?", answer: "Copilot usage is billed per token and counts toward your plan's credit usage. If you reach your limit, enable on-demand billing from Settings → Subscription." },
141+
{ question: "How do I set up Copilot for a self-hosted deployment?", answer: "Go to sim.ai → Settings → Copilot and generate a Copilot API key. Set the COPILOT_API_KEY environment variable in your self-hosted environment. Copilot runs on Sim's infrastructure regardless of where you host the application." },
311142
]} />
312-

0 commit comments

Comments
 (0)