ANVIL IDE by Bani2791 · Pull Request #407 · connexcs/docs

Bani2791 · 2026-07-28T16:14:42Z

https://6ad8bcf2.docs-eri.pages.dev/anvil-ide/introduction/

cloudflare-workers-and-pages · 2026-07-28T16:17:40Z

Deploying docs with Cloudflare Pages

Latest commit:	`530dd50`
Status:	✅ Deploy successful!
Preview URL:	https://ba864bb7.docs-eri.pages.dev
Branch Preview URL:	https://bani-anvilide.docs-eri.pages.dev

View logs

… bani-anvilide

Copilot

Pull request overview

Adds comprehensive Anvil IDE documentation covering setup, interface, components, file management, previews, and project creation.

Changes:

Adds modular Anvil IDE guides and an interactive setup flow.
Expands component documentation for domains and external-edit review.
Updates navigation and removes the legacy Anvil guide.

Reviewed changes

Copilot reviewed 11 out of 59 changed files in this pull request and generated 8 comments.

Show a summary per file

File	Description
`mkdocs.yml`	Adds Anvil IDE navigation and removes existing entries.
`docs/anvil.md`	Deletes the legacy Anvil guide.
`docs/anvilide.md`	Adds a consolidated IDE guide.
`docs/anvil-ide/introduction.md`	Introduces the Anvil IDE.
`docs/anvil-ide/getting-started.md`	Documents authentication and project selection.
`docs/anvil-ide/interface.md`	Describes IDE interface elements.
`docs/anvil-ide/components.md`	Adds domains and external-edit documentation.
`docs/anvil-ide/working-with-files.md`	Covers file-management workflows.
`docs/anvil-ide/anvil-app-preview.md`	Documents application previews.
`docs/anvil-ide/creating-your-first-anvil-project.md`	Provides a first-project tutorial.
`docs/anvil-ide/assets/anvil-ide-getting-started-flow.html`	Adds an interactive setup reference.

Suppressed comments (4)

docs/anvil.md:1

Deleting this page leaves both mkdocs.yml:267 and docs/workflows-guide.md:560 pointing to anvil.md, so the existing Anvil navigation entry and cross-reference will lead to a missing page. Restore this guide or repoint all existing references to its intended replacement.
docs/anvilide.md:103
This relative URL resolves under the current documentation path (for example, /anvilide/code.connexcs.com) instead of opening the hosted IDE. Use the absolute HTTPS URL as done in the split Getting Started guide.

3. A new tab will open and redirect you to [`code.connexcs.com`](code.connexcs.com).

docs/anvil-ide/assets/anvil-ide-getting-started-flow.html:90

The two sign-in choices use click-only div elements, so keyboard users cannot select either authentication method. Render these options as radio inputs or semantic buttons with keyboard focus and a programmatically exposed selected state.

 .branch .opt{
border:1px dashed var(--line);border-radius:8px;padding:10px 12px;font-size:12px;color:var(--muted);
cursor:pointer;transition:border-color .2s, color .2s, background .2s;
}
.branch .opt:hover{border-color:var(--accent-warn);color:var(--text);}
.branch .opt.picked{border-color:var(--accent-warn);border-style:solid;background:var(--accent-warn-dim);color:var(--text);}

docs/anvil-ide/assets/anvil-ide-getting-started-flow.html:213

JavaScript updates the authentication and project status dynamically, but this region is not exposed as a live status, so screen readers will not announce those changes. Mark the status bar as a polite live status region.

 <div class="statusbar">

💡 Add a code-review agent skill or configure MCP servers for context-aware, tailored reviews. Learn more in the docs.

Bani2791 · 2026-08-25T14:04:03Z

@@ -0,0 +1,514 @@
+# ConnexCS Anvil IDE — User Guide


Bani2791 · 2026-08-24T14:43:48Z

+ - IDE Components: anvil-ide/components.md
+ - Working with Files: anvil-ide/working-with-files.md
+ - Anvil App Preview: anvil-ide/anvil-app-preview.md
+ - Creating your First Anvil App: anvil-ide/creating-your-first-anvil-project.md


Bani2791 · 2026-08-24T14:45:57Z

+| | Blue "1" badge | Live count of snapshots taken for the project|
+| | + (plus, far right) | Manually creates a new snapshot. |
+| | "Publish ce1c39958c64" is the Snapshot entry |
+| | "· 1d ago"- Relative timestamp showing when the snapshot was taken | |


Bani2791 · 2026-08-24T14:53:22Z

+
+1. Open the **File History** panel from the Activity Bar.
+2. Expand a file to see all saved versions with timestamps.
+3. Click a version and choose **Restore** to roll the file back to that point. The External Edit Review highlights described earlier in this guide will appear automatically. <br><img src= "/apps/img/caa7.png" width= "400" style="border: 2px solid #4472C4; border-radius: 8px;"></br>


Bani2791 · 2026-08-26T10:18:46Z

@@ -0,0 +1,256 @@
+<!DOCTYPE html>


deleted as not required

Bani2791 · 2026-08-25T07:19:44Z

+ .card{
+ background:var(--panel);border:1px solid var(--panel-border);border-radius:10px;
+ padding:14px 16px;cursor:pointer;transition:border-color .2s ease, transform .15s ease, background .2s ease;
+ }


deleted as not required

Bani2791 · 2026-08-25T08:40:10Z

 - Agent Dialer Guide: customer-portal/cp-cc-agent-dialer-guide.md
 - WebPhone App: webphoneapp.md

+ - Anvil IDE:


not required

ravikumar1002 · 2026-08-24T09:46:51Z

@@ -265,7 +265,6 @@ nav:
 - Global AI Agent: globalaiagent.md
 - MCP Server: mcpserver.md
 - Anvil: anvil.md


This needs to be removed because the anvil.md file no longer exists

ravikumar1002 · 2026-08-24T10:43:39Z

+
+<img src= "/apps/img/aide8.png" width= "400" style="border: 2px solid #4472C4; border-radius: 8px;">
+
+## ConnexCS Sidebar


According to the topic, it refers to connexcs-sidebar, but below this Section column lists Explorer and File History . Both are actually part of the File Explorer, which also contains the history functionality. In this section, we have a Version Control method below. We need to add a larger image that clearly shows where the Version Control section is located. The current image is cropped, so users may have to check multiple sections to find the Version Control option
Also connexcs sidebar image is old.

ravikumar1002 · 2026-08-24T11:09:35Z

Please confirm this section. I don’t think we have this kind of feature, but I’m not sure

ravikumar1002 · 2026-08-24T11:11:48Z

Is this the same preview that we use to show the app’s live preview?

ravikumar1002 · 2026-08-24T11:12:17Z

same for this, please verify

ravikumar1002 · 2026-08-24T11:20:22Z

+
+### Where to Find It
+
+The Domains panel is located in the Explorer sidebar, below Outline and Timeline:


We don’t need to mention “below Outline and Timeline” because the sidebar can be rearranged. We can also add an image for better reference

ravikumar1002 · 2026-08-24T11:34:45Z


 ---

 ## KV Store


Instead of the KV store, you need to add a method for cxRegistry, because in the new Anvil app, cxRegistry is the new app-level way to store temporary and low-level values.

ravikumar1002 · 2026-08-24T11:37:24Z

+
+<img src= "/apps/img/aide5.png" width= "400" style="border: 2px solid #4472C4; border-radius: 8px;">
+
+## Source Control


We don’t need to mention anything that isn’t relevant to our IDE. Source Control section is specific to VS Code and doesn’t apply to our IDE. The same applies to the Run and Debug section and time line section (vs code timeline, not ours), so those sections should be removed

ravikumar1002 · 2026-08-24T11:44:42Z

Can we also add an icon for this? $(sparkle) with icon

ravikumar1002 · 2026-08-24T11:53:28Z

+3. External Edit Review highlights appear automatically — the diff shown is between the version that was open at the time of the restore and the version restored to.
+4. Use **Keep**, **Undo**, **Keep All**, or **Undo All** as with any other external change.
+
+<img src= "/apps/img/externaleditor1.png" style="border: 2px solid #4472C4; border-radius: 8px;">


Image is not correct here

…com/connexcs/docs into bani-anvilide

… bani-anvilide

anvil ide
43b8200

Bani2791and others added 21 commits July 28, 2026 21:49

ANVIL IDE images
6e8554c

moved anvil ide into docs
4e6ba07

Merge branch 'bani-anvilide' ofhttps://github.com/connexcs/docsinto…
83dc892
… bani-anvilide

image formatting fixed
a8fbefd

image dimensions fixed
82b503a

ANVIL IDE Outline and Timeline image
ba45af0

formatting fixed
235987b

Merge branch 'bani-anvilide' ofhttps://github.com/connexcs/docsinto…
560a61a
… bani-anvilide

syntax fixed
8c746f9

anvil ide images
a1d7435

added KV to the IDE
0ec5125

Merge branch 'bani-anvilide' ofhttps://github.com/connexcs/docsinto…
df8245e
… bani-anvilide

added overview
0b9be03

formatting fixed
714a0f1

format
f453b01

added domains, file history, version control, creating first anvil app
9af7724

Correct capitalization for Anvil sections in mkdocs.yml
85b1cb7

domain, external editor, project creation images
f29763e

removed create resource and added create new project
b46e72c

Merge branch 'bani-anvilide' ofhttps://github.com/connexcs/docsinto…
8357ded
… bani-anvilide

image width fixed
0c3208c

cacious7 suggested changes Aug 12, 2026
View reviewed changes

Bani2791and others added 4 commits August 12, 2026 16:48

Merge branch 'master' into bani-anvilide
6790c0b

Merge branch 'master' into bani-anvilide
3b55324

cacious corrections
c5dc90d

Merge branch 'bani-anvilide' ofhttps://github.com/connexcs/docsinto…
9467b71
… bani-anvilide

ravikumar1002 requested a balanced review from Copilot August 24, 2026 09:41

Copilotstarted reviewing on behalf of ravikumar1002 August 24, 2026 09:41 View session

CopilotAI reviewed Aug 24, 2026
View reviewed changes

ravikumar1002 reviewed Aug 24, 2026
View reviewed changes

bgandhi@connexcs.comand others added 10 commits August 24, 2026 20:37

ravi corrections
ccd361c

domain image updated
49726ff

ravi corrections
2d6cac8

Merge branches 'bani-anvilide' and 'bani-anvilide' ofhttps://github.…
a382e46
…com/connexcs/docs into bani-anvilide

ravi corrections
4845c2c

removed an image link
3479601

ravi corrections
c5e0763

ide images
b06b958

formatting
323e3bb

Merge branch 'bani-anvilide' ofhttps://github.com/connexcs/docsinto…
530dd50
… bani-anvilide


		<img src= "/apps/img/aide8.png" width= "400" style="border: 2px solid #4472C4; border-radius: 8px;">

		## ConnexCS Sidebar


		### Where to Find It

		The Domains panel is located in the Explorer sidebar, below Outline and Timeline:


		<img src= "/apps/img/aide5.png" width= "400" style="border: 2px solid #4472C4; border-radius: 8px;">

		## Source Control

Uh oh!

Conversation

Bani2791 commented Jul 28, 2026• edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

cloudflare-workers-and-pagesBot commented Jul 28, 2026• edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Deploying docs with Cloudflare Pages

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

CopilotAI left a comment

Choose a reason for hiding this comment

Pull request overview

Reviewed changes

Uh oh!

Bani2791Aug 25, 2026• edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Bani2791Aug 25, 2026• edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Bani2791Aug 25, 2026• edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Bani2791Aug 25, 2026• edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Bani2791Aug 25, 2026• edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Bani2791Aug 25, 2026• edited Loading Uh oh! There was an error while loading. Please reload this page.

Bani2791 commented Jul 28, 2026•
edited
Loading

cloudflare-workers-and-pagesBot commented Jul 28, 2026•
edited
Loading

Bani2791Aug 25, 2026•
edited
Loading

Bani2791Aug 25, 2026•
edited
Loading

Bani2791Aug 25, 2026•
edited
Loading

Bani2791Aug 25, 2026•
edited
Loading

Bani2791Aug 25, 2026•
edited
Loading

Bani2791Aug 25, 2026•
edited
Loading