Code Canvas More workspace
Every Code Canvas project has a More workspace — a full-screen panel with analytics for your published site, security scanning, SEO & AI-search review, agent integrations, and quick jumps to your database and connectors. Open it with the Morebutton in the editor's view controls (or the ⋮ menu on mobile).
What's inside
Analytics
Visitors, page views, bounce rate, visit duration, top pages, traffic sources, devices, and countries for your published site.
Security
Deep and basic AI security scans plus a dependency vulnerability check — each finding ships with a one-click Fix for me.
SEO & AI search
An SEO score, on-page findings, keyword ideas, ranking opportunities, and AI-search readiness notes for your project.
Agent integrations
Connect Claude Code, Codex, or Cursor to this exact project through the OpenCharts MCP server with a copy-ready setup.
The panel also has shortcut rows: Cloud opens the full database workspace for this project, and Connectors jumps to your service connections. Payments is marked coming soon — in the meantime, Unlimited and Teams projects can add a managed commerce store from the Store tab.
Analytics
Once your project is published, OpenCharts records privacy-friendly, cookie-light traffic data at the edge — no third-party analytics script, nothing for your visitors to consent to beyond a short-lived session cookie. The Analytics view shows visitors, page views, views per visit, average visit duration, and bounce rate over the last 24 hours, 7 days, 30 days, or 3 months, plus a referrers breakdown (where your visitors came from) and breakdowns by page, device, and country.
- Unpublished projects see a publish prompt instead of charts.
- Data appears within a few minutes of your first visits after publishing.
- Known bots and crawlers are filtered out automatically.
Security scans
Deep scan runs a thorough AI review across your whole project — exposed secrets, XSS sinks, unsafe data handling, auth gaps — and reports issues by severity with a plain-English explanation. The lighter basic scan is the same check that runs before publishing. Every detected issue has a Fix for me button that hands the finding to Theo in the chat.
The dependency review lists the packages your project uses (from package.json and CDN imports) and checks each one against the public OSV vulnerability database, with links to the advisories it finds.
Scan results are saved per project, so the panel shows when each scan last ran and what it found — even after you close the editor.
SEO & AI search review
The SEO review scans your project's pages for the fundamentals — titles, meta descriptions, headings, image alt text, Open Graph tags, language and viewport setup — and combines them with your publish settings (like whether search indexing is enabled) into a single score. An AI pass then suggests the keywords your project could target, concrete ranking opportunities, and how ready your content is for AI-powered search and crawlers.
- On-page findings ship with Fix for me, just like security issues.
- Settings-level findings (indexing off, missing SEO title/description) point you to the publish dialog instead.
- Results are saved per project so you can track improvements between runs.
Agent integrations
The Agent integrations view walks you through connecting an outside coding agent to this exact project via the OpenCharts MCP server: generate an API key, copy the one-command install for your tool, then paste a ready-made first prompt that points the agent at this project. Connected agents can read the project's files and ship edits back — changes land in your live preview just like edits made in the editor.
The full MCP server configuration (all platforms, scopes, and the complete tool list) lives at Theo Agents → MCP Server.
Payments & shortcuts
Built-in payment acceptance for Code Canvas apps is on the way. Until then, projects on Unlimited or Teams can add a managed commerce store (products, carts, checkout) from the Store tab — see Code Canvas Store.
Cloud opens the full database workspace (tables, SQL runner, schema, history) for this project. Connectors takes you to your connected services so agent steps and tools can use them.
Related Articles
Code Canvas Database
Live Neon Postgres database with window.__db SDK, dev/prod environments, backups & restore, bulk import, background migrations, end-user auth, and schema history.
Code Canvas Store
Add a managed Medusa v2 commerce backend to a Code Canvas project. window.__store is injected into preview + publish with a publishable key — products, carts, and checkout, no servers to run.
Code Mode
Live-preview code artifacts with multi-file support, shareable links, and popular framework templates.