The sidebar and where everything lives — Help

The 1pm planner has grown. Leads, events, onboarding portals, contacts, spaces, invoices, tasks, automations, reports, and more, plus an Account area, help, and the live link page itself. To keep all of that reachable without crowding the top of every page, the navigation lives in a left sidebar (a drawer) rather than spread across the navbar.

This article covers what's in the sidebar, how to hide the rows you don't use, what's in the navbar, how the collapse-and-pin behaviour works on desktop versus mobile, and the small touches like cross-fade page transitions and prefetched destinations that make navigation feel quick.

The sidebar (drawer)

On the left of every authenticated planner page is a vertical sidebar headed "Manage". The top-level entries, in order, are:

Leads. Enquiry submissions and two-way reply threads, worked as a pipeline. This is also where you land when you sign in. It carries a badge counting everything actionable (untriaged new submissions plus client replies awaiting a response). When the Leads section is open it expands to show Quotes, Reply templates, Proposal templates and Lead Types beneath it.
Events. Your events list. When the Events section is open it expands to show Templates (reusable event templates) beneath it. This label follows your per-account Events wording, so it may read as something else if you've renamed it.
Calendar. The visual scheduler (month, week, day, list, and per-Space resource views).
Contacts. Your contact library (suppliers, contractors, crew, and other people on your events). When the Contacts section is open it expands to show Dietary options, Crew statuses and Import CSV beneath it.
Onboarding. Onboarding portals: the dateless records for gathering documents and details from a group, with no run of show, dates or pax. A peer of Events rather than a view inside it, because a portal is not an event. The page it opens is headed "Onboarding Portals".
Tasks. The to-do list that sits alongside your events, with steps and reusable workflows.
Automations. Trigger-and-action rules, plus the editable system emails 1pm sends on your behalf.
Programs. Multi-day or grouped occasions, where several events are confirmed and billed as one.
Fields. The custom contact fields that appear on contact records and forms.
Spaces. Your saved venues and other reusable locations. This label also follows your per-account wording, so it may read as something else (for example Photographers or Trucks) if you've renamed it.
Files. Your file library.
Invoices. The invoice list and per-invoice detail.
Items. The reusable priced-item catalog that feeds event pricing.
Requests. The library of requests you can attach to crew or to whole events.
Reports. The reporting suite.
Branding. Logo, theme, and accent colors that get applied to your live links and printed run of show pages.
Emails. Your email sending allowance and batched invites.
Terms. Your terms and conditions library, versioned, used by confirmations and by terms requests.

Below those, under their own Hospitality heading and divider, are the catering rows: Menus (expanding to show Print Menus when open), Ingredients and Recipes. They only appear on the Hospitality plan, so a Professional account sees the list end at Terms.

The order is the shape of a working day rather than an alphabet. The first four rows, Leads through Contacts, are the ones most people open every morning, so they sit together at the top. Onboarding follows Contacts because it is about the people rather than a second kind of booking, and Programs sits at the end of that run as occasional setup rather than daily work. Everything from Fields down is reference: the libraries and settings you configure once and visit when something needs changing.

Anything else you reach (the planner page for a specific event, the printable run of show, the Stripe billing portal) opens from inside one of those pages, not from the sidebar. The nested sub-links only appear while their parent section is the current one, so the list stays compact when you're working elsewhere.

The active section is marked with a thin orange bar on the left edge of the row and a subtly tinted background so you can tell at a glance which area you're in. The non-active rows respond to hover with a tiny one-pixel right-slide, visual feedback that the row is clickable without being a heavy hover state.

Hiding the rows you don't use

Not every account uses every section. Beside the "Manage" heading is a ⋯ button that opens Customise menu: a list of every top-level row with a toggle each. Switch off the ones you never open and they disappear from your sidebar. Show all puts them back.

Two things worth knowing. The choice applies to your login only, so a colleague sharing the account keeps their own sidebar. And hiding a row does not disable the feature: anything you reach by link, by search, or from inside another page still works exactly as before.

There is no Home dashboard

1pm used to open on a KPI dashboard. It doesn't any more: signing in lands you on Leads, and the Home row is gone from the sidebar. Where you land when you sign in explains why and where the numbers went.

Sidebar at desktop width

At lg breakpoint and above (roughly 1024px and wider, which covers iPad landscape, laptops, and desktops), the sidebar is pinned open by default. It sits flush against the left edge below the navbar, takes up about 192 pixels of horizontal space, and stays put as you scroll the main content (the sidebar itself sticks to the top of the viewport, so the navigation rows are always one click away regardless of how deep you've scrolled into a long event).

You can collapse the sidebar by clicking the left-chevron icon at the top-left of the navbar. The sidebar slides closed and the main content reclaims the full viewport width, useful when you're working in a wide planner timeline and want every pixel you can get. The icon flips to a hamburger menu while the sidebar is collapsed; click the hamburger to bring the sidebar back.

The collapse state is remembered. Once you collapse it, the sidebar stays collapsed across page navigations and across browser sessions, persisted in your browser's local storage. If you want the sidebar back, click the hamburger; the state will then re-stick to open. Each device + browser remembers its own preference, so you can have the sidebar pinned on your big desktop monitor and collapsed on your laptop without one fighting the other.

Sidebar on mobile and tablet portrait

Below the lg breakpoint, the sidebar isn't pinned. It hides behind a hamburger icon at the top-left of the navbar and slides in as an overlay over the main content when you tap.

Tap the hamburger to slide it in. Tap any link to navigate. Tap the dimmed area outside the sidebar (or the X) to dismiss it without navigating.

This is the standard mobile drawer pattern. It keeps the navbar uncluttered on small screens (your phone doesn't need the full navigation list visible at once) and lets the full viewport width belong to the actual content.

The navbar

The navbar (the strip across the top of every page) is no longer a navigation surface. With navigation in the sidebar, the navbar is now reserved for account and utility:

Sidebar toggle on the far left (the hamburger or left-chevron, depending on viewport width).
Logo just right of the toggle, which takes you back to the page you land on at sign-in.
Admin area label: a small uppercase tag to make it obvious which side of 1pm you're looking at (the planner side, as opposed to a crew share link).
On the right side, your account-related items: a notification bell, Account (billing + plan), a Team link (account access / sharing), the trial countdown chip and Add payment method button if you're in trial, Help (opens the marketing-site help home in a new tab), your email address (visible at very wide widths), and Sign out.

Below the xl breakpoint, the right-hand items collapse into an ellipsis menu (a three-dot icon that opens a dropdown with the same items stacked vertically). The ellipsis, rather than a second hamburger, deliberately distinguishes the account menu from the sidebar toggle on the left.

There is no New event button in the navbar. Events live in the sidebar, and the Events list has its own prominent New event button at the top of the page when you get there.

Why this layout

The drawer-and-navbar shape is the conventional desktop-app pattern that Linear, Notion, and Slack's web client all follow, and it scales cleanly from desktop to mobile. The split makes the chrome's purpose obvious: anything to do with where you're going lives on the left; anything to do with your account, your trial, signing out, or getting help lives on the top right. The center is reserved for the page content itself, which on a planner timeline is where every pixel matters.

The trade-off is one extra column of horizontal space on desktop. The collapse-and-pin toggle exists for exactly that reason: a planner working on a wide timeline can hide the sidebar with one click and the timeline expands to the full viewport. A planner who navigates between events frequently pins it open. Either choice is valid; 1pm just remembers which you've made.

Page transitions

When you click between sidebar destinations, modern browsers (Chrome, Edge, Safari 18+) render a soft cross-fade between pages instead of the standard white-flash full reload. This is the View Transitions API in action: your previous page fades out as the next page fades in, with no jarring blank frame in between. Firefox falls back to the standard navigation behaviour gracefully.

You don't have to do anything to opt in. It's on for every authenticated planner page.

Prefetching

A second small detail: when your cursor hovers near one of the most-used sidebar links on desktop (or you focus one with the keyboard), 1pm quietly tells the browser to start fetching that destination in the background. By the time you actually click, the page has often already loaded and the cross-fade lands instantly.

This is the Speculation Rules API. Browsers that support it (Chrome, Edge) honour the hint; browsers that don't (Firefox, Safari) just navigate normally. There's no observable difference in behaviour other than "the sidebar feels fast", and importantly, prefetched pages aren't actually rendered until you click, so there's no privacy concern about your cursor hover sending requests you didn't intend.

The prefetch budget is modest. Only a handful of the most-used destinations are hinted, and only on near-hover (not on every page load), so this doesn't generate wasteful traffic on a slow connection.

What hides the sidebar entirely

A few pages opt out of the navbar and sidebar altogether so they can present a clean canvas:

The live run of show at /v/{token}. Crew see only their own run of show, not the venue's navigation; the navbar and sidebar would be irrelevant chrome on a phone the crew is using to work.
The crew portal at /c/{token}. Same reasoning: the portal is the crew member's home, not the venue's.
The public shareable run of show at /r/{token}. Anonymous, no account context, no navigation needed.
The printable run of show pages. Clean print canvas with no app chrome.

If you're on one of those pages and you want to get back to your planner, the page either has an explicit "Open in planner" shortcut (visible to you as the event's owner) or you can click the 1pm logo at the top to get back into the planner.

When the sidebar shows the wrong active section

The active-section highlight (orange bar on the left, faint background) is driven by the URL path. Each section is matched on its URL prefix (for example /Events, /Contacts, /Spaces, /Requests, /Branding), and nested sub-links like Templates, Lead Types or Crew statuses get their own highlight when you're on them. Onboarding is the one row that shares a route with Events (the same list in portals mode), so the highlight there follows which view you are actually on. If you're on a sub-page that doesn't match (for example, an inline modal route that doesn't change the path), the highlight stays on whichever section the underlying page belongs to.

Account doesn't appear in the sidebar (it's a navbar item), but it carries its own active-state styling when you're on a billing or account page, so the highlight there comes from the navbar, not the sidebar.

Mobile considerations

A few things worth knowing if you're working from a phone:

The sidebar slides over the content, not alongside it. You won't see the page underneath shift; the sidebar appears on top with a dim overlay over the rest.
The ellipsis menu on the right of the navbar is your route to Account, Sign out, Help, and the trial CTA. Don't look for those in the sidebar, they're not there.
The hamburger and the ellipsis are intentionally different icons. Three horizontal lines opens the sidebar (navigation); three dots opens the account menu. Once you've used both once or twice the muscle memory is automatic.
If a tap on the hamburger does nothing, you're likely on a page that's opted out of the navbar (a crew or public page). Tap the 1pm logo to get back to the venue side and the sidebar will reappear.