← All glossary terms
Glossary

Code Mode

GlossaryBy OpenCharts TeamPublished

Code Mode generates live, multi-file code artifacts with an in-browser preview — share, fork, and iterate on React, Vue, vanilla JS, Python, or full-stack apps without leaving chat.

In depth

Code Mode pairs Theo with the Code Canvas — a Sandpack-powered runtime that renders projects instantly, plus a per-project Neon Postgres database with end-user auth.

Generated artifacts are persistent, share-able via public links, and can be opened in the full Code Canvas workspace for terminal access, file tree editing, and multi-tab coding.

Examples

  • “Build me a todo app with login”
  • “Add a leaderboard chart to this dashboard”

Also known as

code modecode artifacts

Want to put this concept to work in OpenCharts?

Use Code Mode

Related terms

Code Canvas

Code Canvas is OpenCharts’ in-browser coding workspace — a Sandpack-powered live preview, multi-file editor, terminal, file tree, AI iterations, and a per-project Postgres database.

Code Canvas Database

The Code Canvas Database is a managed per-project Postgres instance — accessible from generated apps via window.__db, with end-user auth, seeds, CSV import, schema history, and one-click revert.

Code Share Artifact

A code share artifact is a public link to a Theo AI code project — recipients see a live preview, an HTML render, and the source files, no signup required.