@@ -7,8 +7,6 @@ import { Callout } from 'fumadocs-ui/components/callout'
77import { Card , Cards } from ' fumadocs-ui/components/card'
88import { MessageCircle , Package , Zap , Infinity as InfinityIcon , Brain , BrainCircuit } from ' lucide-react'
99
10- ## What is Copilot
11-
1210Copilot is your in-editor assistant that helps you build, understand, and improve workflows. It can:
1311
1412- ** Explain** : Answer questions about Sim and your current workflow
@@ -18,80 +16,79 @@ Copilot is your in-editor assistant that helps you build, understand, and improv
1816<Callout type = " info" >
1917 Copilot is a Sim-managed service. For self-hosted deployments, generate a Copilot API key in the hosted app (sim.ai → Settings → Copilot)
2018 1 . Go to [ sim.ai] ( https://sim.ai ) → Settings → Copilot and generate a Copilot API key
21- 2 . Set ` COPILOT_API_KEY ` in your self-hosted environment to that value
22- 3 . Host Sim on a publicly available DNS and set ` NEXT_PUBLIC_APP_URL ` and ` BETTER_AUTH_URL ` to that value (e.g., using ngrok)
19+ 2 . Set ` COPILOT_API_KEY ` in your self-hosted environment to that value
2320</Callout >
2421
2522## Modes
2623
2724<Cards >
28- <Card title = " Ask " >
29- < div className = " flex items-start gap-3 " >
30- <span className = " mt-0.5 inline-flex h-8 w-8 items-center justify-center rounded-md border border-border/50 bg-muted/60 " >
25+ <Card
26+ title = {
27+ <span className = " inline-flex items-center gap-2 " >
3128 <MessageCircle className = " h-4 w-4 text-muted-foreground" />
29+ Ask
3230 </span >
33- <div >
34- <p className = " m-0 text-sm" >
35- Q&A mode for explanations, guidance, and suggestions without making changes to your workflow.
36- </p >
37- </div >
31+ }
32+ >
33+ <div className = " m-0 text-sm" >
34+ Q&A mode for explanations, guidance, and suggestions without making changes to your workflow.
3835 </div >
3936 </Card >
40- <Card title = " Agent " >
41- < div className = " flex items-start gap-3 " >
42- <span className = " mt-0.5 inline-flex h-8 w-8 items-center justify-center rounded-md border border-border/50 bg-muted/60 " >
37+ <Card
38+ title = {
39+ <span className = " inline-flex items-center gap-2 " >
4340 <Package className = " h-4 w-4 text-muted-foreground" />
41+ Agent
4442 </span >
45- <div >
46- <p className = " m-0 text-sm" >
47- Build-and-edit mode. Copilot proposes specific edits (add blocks, wire variables, tweak settings) and applies them when you approve.
48- </p >
49- </div >
43+ }
44+ >
45+ <div className = " m-0 text-sm" >
46+ Build-and-edit mode. Copilot proposes specific edits (add blocks, wire variables, tweak settings) and applies them when you approve.
5047 </div >
5148 </Card >
5249</Cards >
5350
5451## Depth Levels
5552
5653<Cards >
57- <Card title = " Fast " >
58- < div className = " flex items-start gap-3 " >
59- <span className = " mt-0.5 inline-flex h-8 w-8 items-center justify-center rounded-md border border-border/50 bg-muted/60 " >
54+ <Card
55+ title = {
56+ <span className = " inline-flex items-center gap-2 " >
6057 <Zap className = " h-4 w-4 text-muted-foreground" />
58+ Fast
6159 </span >
62- <div >
63- <p className = " m-0 text-sm" >Quickest and cheapest. Best for small edits, simple workflows, and minor tweaks.</p >
64- </div >
65- </div >
60+ }
61+ >
62+ <div className = " m-0 text-sm" >Quickest and cheapest. Best for small edits, simple workflows, and minor tweaks.</div >
6663 </Card >
67- <Card title = " Auto " >
68- < div className = " flex items-start gap-3 " >
69- <span className = " mt-0.5 inline-flex h-8 w-8 items-center justify-center rounded-md border border-border/50 bg-muted/60 " >
64+ <Card
65+ title = {
66+ <span className = " inline-flex items-center gap-2 " >
7067 <InfinityIcon className = " h-4 w-4 text-muted-foreground" />
68+ Auto
7169 </span >
72- <div >
73- <p className = " m-0 text-sm" >Balanced speed and reasoning. Recommended default for most tasks.</p >
74- </div >
75- </div >
70+ }
71+ >
72+ <div className = " m-0 text-sm" >Balanced speed and reasoning. Recommended default for most tasks.</div >
7673 </Card >
77- <Card title = " Pro " >
78- < div className = " flex items-start gap-3 " >
79- <span className = " mt-0.5 inline-flex h-8 w-8 items-center justify-center rounded-md border border-border/50 bg-muted/60 " >
74+ <Card
75+ title = {
76+ <span className = " inline-flex items-center gap-2 " >
8077 <Brain className = " h-4 w-4 text-muted-foreground" />
78+ Advanced
8179 </span >
82- <div >
83- <p className = " m-0 text-sm" >More reasoning for larger workflows and complex edits while staying performant.</p >
84- </div >
85- </div >
80+ }
81+ >
82+ <div className = " m-0 text-sm" >More reasoning for larger workflows and complex edits while staying performant.</div >
8683 </Card >
87- <Card title = " Max " >
88- < div className = " flex items-start gap-3 " >
89- <span className = " mt-0.5 inline-flex h-8 w-8 items-center justify-center rounded-md border border-border/50 bg-muted/60 " >
84+ <Card
85+ title = {
86+ <span className = " inline-flex items-center gap-2 " >
9087 <BrainCircuit className = " h-4 w-4 text-muted-foreground" />
88+ Behemoth
9189 </span >
92- <div >
93- <p className = " m-0 text-sm" >Maximum reasoning for deep planning, debugging, and complex architectural changes.</p >
94- </div >
95- </div >
90+ }
91+ >
92+ <div className = " m-0 text-sm" >Maximum reasoning for deep planning, debugging, and complex architectural changes.</div >
9693 </Card >
9794</Cards >
0 commit comments