Navigating the Order Detail

Clicking or tapping any order card opens the order detail. On the web the detail either slides in as a right-side sheet (when you click from the list) or fills the full page if you navigate to /orders/[id] directly or use the 'Open in new page' control in the sheet header. On iOS, tapping a row in the My Listings list pushes OrderDetailView onto the navigation stack. Both surfaces load the canonical project data from GET /projects/:id, so you always see the most current information.

The iOS detail is organised around three segmented tabs: Appointment, Order, and Deliverables. Appointment is the default and shows the schedule, live tracking panel (when the technician is en route or on-site), your technician team card, the chat section, and an Activity timeline that lists every meaningful event — order placed, shoot scheduled, media uploaded, editing started, invoice sent, delivered. Order shows the package, provider organisation, crew, customer list, and invoice summary. Deliverables shows your property website link, virtual tour, and the media gallery.

On the web, the detail is a single scrolling panel with pill navigation tabs at the bottom of the header: Details, Discussion, and (when applicable) Media and Invoice. Details shows the address, shoot dates, media types, notes, and package. Discussion is the customer chat channel. The Media tab displays uploaded deliverables with a lightbox viewer. The Invoice tab surfaces the payment summary. There is also an overflow menu (three-dot button) in the top-right of the detail that lets you open the order in a new tab, expand to full-screen dialog, or access cancel and archive actions.

The sticky header on iOS always shows the status pill and scheduled date regardless of which tab you are on, so you never lose context. On the web, the status badge and property address appear at the top of the sheet or page header. If your order has a cover image (from an uploaded photo), it renders as a visual backdrop on the iOS row and in certain web card configurations.

Both platforms support deep-linking from notifications into the correct tab. A 'New message' push notification opens the order detail directly to the chat surface. A 'Media delivered' notification routes straight to the Deliverables tab on iOS. On the web, notification links carry ?tab=discussion or ?chat=client query params that pre-select the right tab on load.