Files
claudemesh/.context/turbostarter-framework-context/sections/extension/structure/pages.md
Alejandro Gutiérrez d3163a5bff feat(db): mesh data model — meshes, members, invites, audit log
- pgSchema "mesh" with 4 tables isolating the peer mesh domain
- Enums: visibility, transport, tier, role
- audit_log is metadata-only (E2E encryption enforced at broker/client)
- Cascade on mesh delete, soft-delete via archivedAt/revokedAt

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-04-04 21:19:32 +01:00

3.1 KiB

title, description, url
title description url
Pages Get started with your extension's pages. /docs/extension/structure/pages

Pages

Extension pages are built-in pages recognized by the browser. They include the extension's popup, options, sidepanel and newtab pages.

As WXT is based on Vite, it has very powerful [HMR support](https://vite.dev/guide/features#hot-module-replacement). This means that you don't need to refresh the extension manually when you make changes to the code.

Popup

The popup page is a small dialog window that opens when a user clicks on the extension's icon in the browser toolbar. It is the most common type of extension page.

Popup window

Options

The options page is meant to be a dedicated place for the extension's settings and configuration.

Options page

Devtools

The devtools page is a custom page (including panels) that opens when a user opens the extension's devtools panel.

Devtools page

New tab

The new tab page is a custom page that opens when a user opens a new tab in the browser.

New tab page

Side panel

The side panel is a custom page that opens when a user clicks on the extension's icon in the browser toolbar.

Side panel

Tabs

Unlike traditional extension pages, tab (unlisted) pages are just regular web pages shipped with your extension bundle. Extensions generally redirect to or open these pages programmatically, but you can link to them as well.

They could be useful for following cases:

  • when you want to show a some page when user first installs your extension
  • when you want to have dedicated pages for authentication
  • when you need more advanced routing setup

Tab page

Your tab page will be available under the /tabs path in the extension bundle. It will be accessible from the browser under the URL:

chrome-extension://<your-extension-id>/tabs/your-tab-page.html