# Make It Yours

The default experience is great. But you might want it perfect.
Customize every pixel.

## Cinema Mode

Why view the future through a tiny keyhole?
Voyager lets you expand the chat width.

- **Chat width**: In the popup, turn on **Page layout** → **Chat Width** first. It's off by default, and the slider shows under the row once it's on. The slider then goes from 30% to 100% of the window (70% by default). Go wide for code and complex tables, narrow for reading.
- **Edit input width**: Turn on **Page layout** → **Edit input width** first, then widen the box you get when editing a sent message.

## Control

Click the extension icon to access the control center.

- **Scroll mode**: In **Timeline** → **Show Timeline**, `Flow` scrolls smoothly to the message; `Jump` goes there instantly.
- **Timeline position**: In **Timeline** → **Show Timeline**, turn on **Draggable Timeline** and move it where it feels right. **Reset Timeline Position** puts it back.
- **Visual Effects**: On Gemini and AI Studio, switch on **Page layout** → **Visual effects**, then pick `Snow`, `Sakura`, or `Rain` under the row; switch it off to turn the effect off. On other sites (Claude, ChatGPT, DeepSeek, Kimi, and custom sites) the same row sits in that site's **Plugins** card, once Voyager runs there (Prompt Manager or a plugin turned on for the site).

## Custom Order

Too many sections in the popup, and the ones you use most are buried at the bottom?

Hover over any settings card and ▲/▼ arrows appear in the top-right corner. Click to move a card up or down. Your layout is saved automatically and persists across sessions.

Features are grouped into topic cards (Page layout, Sidebar, Timeline, Answer content, and so on), and a feature's options show right under its switch once it is on. The search box and the row of card names under it stay at the top while you scroll; click a name to jump to that card. Flipped a switch by mistake? Press **Undo** in the message at the bottom.

## Voyager Panel

Tired of opening the popup? Hover the floating button and click **Voyager panel**, or press ⌥V / Alt+V, to turn the current site's features on and off right on the page, with live slider previews. See [Voyager Panel](/en/guide/panel).

## Site Access

<GuideOp>

The popup's **Site access** card lists every site Voyager can run on and what is turned on there.

- **Status**: Gemini and AI Studio show **Built in** and **All features**; every other site shows **Allowed** or **Not allowed**, with the features turned on there underneath.
- **Remove access**: click **Remove access** to take back Voyager's access to a site; press **Undo** in the message at the bottom to restore it.
- **Other websites**: elsewhere, Voyager offers only Prompt Manager; see [Prompts](/en/guide/prompts) for how to add a website.

</GuideOp>

## Online Updates

<GuideOp>

When a site redesign breaks a feature, the fix can arrive through online updates instead of waiting for store review. On Gemini and AI Studio, the **Online updates** switch is a card below **General Options**; on other sites it sits at the bottom of that site's **Plugins** card.

- **What it checks**: voyager.nagi.fun, for plugin updates and page detection fixes for supported sites. Only the site name is sent, never cookies or page content.
- **Check for updates now**: the refresh button beside the switch checks once right away, even with the switch off.
- **Off**: automatic checks stop; from the next page load, page detection uses the rules built into the extension, and plugins already downloaded stay usable.

</GuideOp>

## Safari App Language

On a Mac, the Voyager app's window, menus and notifications use the **Language** you chose in the Voyager popup, and Arabic mirrors the layout.

## Atmosphere

Voyager is not limited to utility tweaks. You can also change the mood of the page.

- **Snow**: Soft drifting flakes for a calm winter feel.
- **Sakura**: Floating cherry blossom petals for a lighter spring vibe.
- **Rain**: A cinematic rain overlay with angled streaks and subtle splash ripples.
- **Smooth switching**: Turning an effect off or switching to another one lets existing particles fade out naturally.

<div style="display: flex; gap: 20px; margin-top: 20px;">
  <div style="flex: 1; text-align: center;">
    <p><b>Open Settings</b></p>
    <img src="/assets/gemini-open-settings-guide.png" alt="Open settings guide" style="border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.1);"/>
  </div>
  <div style="flex: 1; text-align: center;">
    <p><b>Adjust Width</b></p>
    <img src="/assets/gemini-chatwidth.png" alt="Chat width adjustment" style="border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.1);"/>
  </div>
</div>