Toolbar reference

What every control in the top session bar and bottom action bar does, and when you'd use it.

Tessera uses two floating pills: a top bar for URL, baselines, share, and account; and a bottom bar for Settings, zoom/Fit, canvas tools, and capture. Labels collapse to icons on narrower widths.

URL bar (top)

Address field: Shared URL for the canvas (or the active section). Enter applies to tiles that inherit it.

Settings (bottom)

Proxy, Sync scroll, Follow, Bezels, Live engine, and Replay tour. Full guide: Settings, Sync, and Live.

Zoom and Fit (bottom)

Zoom / Fit: Percent control, Fit (key 1), reset. See canvas basics for gestures.

Arrange (bottom)

Packs tiles into a mosaic. Key 2. Canvas basics.

Captures (bottom) · Pin / Compare (top)

Capture / Profiles: DPR-accurate screenshots and named presets live on the bottom bar. Pro. Captures, Pin, and profiles.
Pin: Save the current mosaic as a visual baseline (top bar). Pro. Compare overlays the next capture against that pin.
Compare: Diff against the pinned baseline (top bar). Pro.

Section and Device (bottom)

Section: Draw a named region. Sections.
Device: Add a preset or custom size. Devices and layouts. Free maxes at two tiles.

Theme and account (top)

Theme: Light / dark chrome for Tessera UI only.
Plan / account: Shows Free or Pro and opens upgrade / account. Pricing: /pricing; details Free vs Pro.