Project Detail 2 block design & features
ProjectDetail2 is a delivery project page built with Shadcn UI Badge and Sheet. Breadcrumbs run from Projects through Program and Build track to Internal PM System. The title row carries track, contributor, and system badges, then a code, priority, location, and last update. A metric strip sits above a dotted canvas of program cards linked by dashed curves. Tabs switch among overview, tasks, issues, the dependency map, timeline, activity, and comments.
Program cards use a status dot for on track, at risk, blocked, and external. The map is a draggable canvas: cards can be moved, the view can be panned and zoomed, and a new dashed dependency can be drawn from a card handle. A legend under the canvas names each status and the dashed dependency line. The details rail lists backlog, contributors, dates, and a note, and opens as a sheet from the header.
This is an elaborate planning screen. The map is the distinctive piece: each program shows who owns it, and the lines show what feeds the rollout. Content-driven: it needs program names, statuses, and a short set of tasks, issues, and comments.
On smaller screens the metric strip wraps, the map scrolls horizontally, and project details open in a sheet.