Timeline & focus mode

Movie editor

How to use the timeline & focus mode

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

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.

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.