← Gallery index

Canonical pattern — the detail page

Oracle: Gaps 1-3 canvas 1A/1D (LOCKED; 1B stacked cards + 1C persistent rail rejected); Shell canvas S1-D job detail (G1-4 locked)

Unified panel + definition rows (1A) — live tabs

Header, tab strip, and content share ONE Panel surface (G1-1). Definition rows: label left / value right in a max-width column (G1-2). Kebab = Copy link / Delete… (G1-3). Sites tab = the embedded list (G1-5).

OrganizationsBayside Schools
CR
Bayside SchoolsActiveSchool district
ORG-0198
Address
4180 Bayside Pkwy, Norfolk, VA 23518
Phone
(757) 555-0144
Primary contact
Dana Whitfield · Facilities director
Type
School district
Customer since
2014
Requirements
Badging required
All techs check in at the district office before site access.
Roof access — 2-week notice
Submit the district facilities form at least 10 business days ahead.
Organizations
Jobs
Work orders
Parts list
Employees
Documents
Admin

Job detail with the optional rail (G1-4, LOCKED) — generalization proof

A module may declare a right rail on its detail pages; first instance is the job Team panel (ships S5). Team scopes who sees the job.

JobsJOB-2417
CR
Bayside Schools BAS retrofitIn progressRetrofit
JOB-2417
Organization
Bayside Schools
Site
Bayside High School
Project manager
Maria Delgado
Job number
2417
Start date
Mar 3, 2026
Target completion
Aug 14, 2026
Scope
Replace pneumatic controls with DDC across 3 buildings; new JACE supervisors; graphics for 84 zones.
Team
MD
Maria Delgado
Project manager
SO
Sam Ortiz
Controls tech
LF
Lena Fischer
Applications engineer
Team scopes who sees this job
Organizations
Jobs
Work orders
Parts list
Employees
Documents
Admin