import { PhokusMark } from "../PhokusMark"; // Closing step. Introduces the app mark (the aperture in the title bar) and, // since that same mark doubles as the update indicator, explains how updates // work in one place. The mini app-window mockup shows the lit mark exactly // where it appears, so there's nothing abstract to decode. export function StepUpdates() { return (

Phokus keeps itself up to date — it quietly checks for new versions on startup, so you don't have to go looking for one.

When an update is ready

The mark in the title bar lights up

That aperture in the top-left corner is Phokus. When a new version is waiting, its focal point glows amber — click it to update and relaunch. Nothing installs on its own; you're always in control.

{/* Mini app-window mockup: the lit mark shown in a real title bar. */}
Phokus
{/* Ghosted window body, just enough to read as the app. */}
{Array.from({ length: 5 }).map((_, i) => (
))}

Prefer to manage it yourself?

Check any time from Settings

Settings → General shows your current version with a manual{" "} Check for updates button, so you can update on your own schedule.

That's the tour. Add folders from the sidebar, and revisit any of this from Settings — including re-running this tour.

); }