Opening a Job: The Task Sheet and Full-Page View

Clicking any job card from the list opens a slide-in task sheet on the right side of the screen without leaving the list. The sheet header shows the property address, the current status pill (which is clickable to change status inline), and action buttons including an expand icon to go full-screen and an open-in-new-page icon to navigate to the dedicated /jobs/[id] URL. For most editing workflows the sheet is sufficient, but the full page view is useful when you need more vertical space to review media or work through a long message thread.

The task sheet and full-page detail share the same component (JobTaskView). At the top is a two-tab toggle: Task and Media. The Task tab contains all job metadata — address, customer, scheduled time, assigned technician, assigned editor, assigned project manager, package, media types, requirements, and any additional shoot visits. The Media tab is where you upload, review, reorder, and manage the deliverable files. Switching between these two tabs is the primary navigation gesture inside a job.

Inside the Task tab, there is also a set of sub-tabs accessible via a horizontal navigation strip: Details (the default), Discussion, and Invoice. Details shows the editable fields described above. Discussion opens the messaging interface with separate Team and Client chat channels — as an editor you will typically work in the Team channel to coordinate with the provider, and you will not see the Client channel unless your role grants that access. The Invoice sub-tab is admin-only.

The job detail page (/jobs/[id]) also surfaces a Calendar Conflict Banner at the top if a scheduling conflict exists on this project — for example if the customer rescheduled and the new time overlaps another booking. This is informational for editors but useful context when the timeline is tight. If a Technician Request is pending (a customer has asked for a specific technician), that panel also appears above the main task view on the full-page route.

On iOS, tapping a job card from the Provider Today screen or the Company Jobs map navigates to OrderDetailView, which fetches the project detail from GET /projects/:id in parallel with the media list and a chat preview. The sticky header at the top always shows the status pill, scheduled date, address, and package — so you always know which project you are in even while scrolling deep into the appointment or order tabs.