Bohdan Triapitsyn
967704a9b9
* docs: add OpenChamber feature docs and translations Add 30 new docs pages covering OpenChamber-specific workflows and setup: OpenCode server, providers/models/agents, MCP, skills, commands & snippets, usage, projects, context, notes/todos/plans, scheduled tasks, project actions, preview, worktrees, multi-run, git & GitHub, magic prompts, git identities, mobile/PWA, security, notifications, voice, project icons, remote instances, desktop browser, updates, and three troubleshooting pages. Rebuild sidebar into eight task-oriented sections and translate every new page into all six supported locales (uk, zh-cn, es, pt-br, ko, pl). * docs: surface new sections on homepage and cross-link tunnels Add an Explore block to the docs homepage (all seven locales) linking to the new section anchors, and cross-link the Tunnels page to Security and PWA & Mobile.
33 lines
1.3 KiB
Plaintext
33 lines
1.3 KiB
Plaintext
---
|
|
title: Preview & Dev Servers
|
|
description: Open a running dev server inside OpenChamber.
|
|
---
|
|
|
|
# Preview & Dev Servers
|
|
|
|
When you start a dev server, OpenChamber can open it right inside the app instead of a separate browser tab — so you can see your site next to the chat, capture its console, and point at elements to ask about them.
|
|
|
|
## Open a preview
|
|
|
|
OpenChamber watches terminal output for a local address (the `Local:` line that tools like Vite, Next.js, or Astro print). When it spots one:
|
|
|
|
- in the terminal, an **Open preview** button appears
|
|
- a [project action](/project-actions/) with auto-open turned on opens it for you
|
|
- a local link in a chat message can open it too
|
|
|
|
The site loads in the side panel. Only local addresses (on your own machine) can be previewed.
|
|
|
|
## Console and inspect
|
|
|
|
In the preview panel you can:
|
|
|
|
- watch the page's **console** — errors, warnings, and logs, filtered however you like
|
|
- turn on **inspect**, click any element, and send a note about it — selector, styles, position, and a screenshot — straight into chat
|
|
|
|
This is the fastest way to tell the agent "this button, here" without describing it.
|
|
|
|
## Related
|
|
|
|
- [Project Actions](/project-actions/) — auto-open a server when you start it
|
|
- [Desktop Browser](/desktop-browser/) — the same tools for any page, on desktop
|