Complete design specification for all asset detail screens. Each page contains: component tree, design tokens, data fields, permissions, interactive web + mobile mockups with variant switchers.
Updated: 2026-04-19 · Branch: feature/detail-page-overhaul · BRDs: alfatraka-wiki/brds/
FieldSection groups (Identification, Product, Orders, Metadata), image panel, edit/delete/RFQ actions
Assembly · Component · Kit
Master-detail calendar (Day/Week/Month/List), detail panel with notes/docs, kit table variant
Assembly · Component · Kit (table)
Chat-style notes, modal add, attachment chips, preview panel, swipe-to-delete (mobile)
All asset types (shared)
ComponentGrid tiles/list, wizard detection, Add Component modal with portfolio API
Assembly · Kit
SpecField/SpecSection grouped rows, Auto badges, crimping section, assembly diagram
Assembly · Component
Sidebar + Google Map, Current/Previous badges, cascade unassign, scoped loading
All asset types (shared)
Current state + proposed design: centered QR, generate/print/download, camera scan (mobile)
All asset types
Current state + proposed: template list, preview, print. Bartender integration.
All asset types
For AI Agents
Point agents to the specific page for the tab they need to implement. Each page is self-contained with component paths, design tokens, permissions, and acceptance criteria.
BRDs: alfatraka-wiki/brds/detail-{tab}.qmd