Timeline & focus mode

Movie editor

How to use the timeline & focus mode

A quick, visual-first guide to the script column: timeline, focus mode, and reader view.

Timeline on / off

  • Off: edit the script in the textarea. You cannot place stickies.
  • On: a frosted layer sits over the script; click to place stickies (cuts).
  • Scroll position is preserved when you toggle. If you scroll in timeline view then turn it off, the script returns near that same position.

Focus mode: off vs on

Use the switch next to the title. No AI credits are used—layout only.

Focus mode OFF

All usual controls stay visible (language, project, V1–V3, save, etc.). On phones the page is taller; with the timeline on, the script area still scrolls inside its panel.

Focus mode ON (narrow screen)

A compact header card frees space for the script. Bottom nav switches Script / Director / Output. With the timeline on and a sticky selected, a Cut jump (🎞️) appears between Script and Director and scrolls to that sticky.

Focus mode ON (wide screen / desktop)

You keep the three-column layout, but the left column uses a compact header and AI toolbar—nav rows and the large console card hide. There is no bottom column nav on wide screens. With the timeline on and a sticky selected, a cut jump (🎞️) appears directly under the timeline area, styled like the mobile control.

Reader view (view only)

  • Use the Reader toggle at the bottom-left of the script footer (left of the character counter) to open a fullscreen modal with larger type and wider line spacing. View only—you cannot edit. No AI credits are used.
  • Close via the toggle, the × button, or Esc. Works independently of the timeline on/off switch.
  • The modal header offers the same kind of jump controls: sections (delimiter lines), 🚩 scenes, and cuts (🎞️ first · prev · next · 🎬 last), plus the current section badge (section X/Y, etc.).
  • If stickies exist, turn on Cuts in the header to overlay cut positions and labels (e.g. S1-C2-V4) on the script—static markers only, no drag or selection.
  • The backdrop uses a frosted-glass blur and dark tint so white text stays easy to read.

Focus mode (movie editor)

The **Focus mode** switch at the top of the movie editor toggles a layout that behaves as **mobile focus mode** or **desktop focus mode** depending on screen width.

Narrow screens — available now

When Focus mode is on, **mobile focus mode** brings the left column — script, AI toolbar, and timeline — to the front. The director (middle) and output (right) columns are reached via the bottom nav. The header is grouped in a frosted panel with project title and AI credits.

  • With a sticky selected on the timeline, a **cut jump** (🎞️) may appear between Script and Director in the nav — tap to scroll to that sticky.
  • On mobile focus, the 🤖❓ slot becomes a save action and other controls are streamlined.

Wide screens — available now

On wide screens, turning Focus mode on enables **desktop focus mode**. The **three columns stay**, but the **left column** uses a compact header (title, focus switch, project, AI credits, timeline toggle, AI toolbar) and hides the nav row and console card. With the timeline on and a sticky selected, a **cut jump** (🎞️) appears **right below the timeline**, matching the mobile style.