[7schmiede]

The second of three pull requests for review card C (ADR-0082; the card and its approval of 2026-10-30 are in #396). This one builds point 2.

• Ports card on the stack page:
  • one band per lane, main first: the ports leading to the lane (the main slot's fixed ports sit with the lane serving them), the lane, and its services and containers with their ports
  • a lane on a node with the ports forwarded from that node
  • a port another stack uses too is red, and a list under the graph names that stack
  • instance ports hide behind a toggle; lanes without ports fold into one line; not listening is dashed; hover or focus highlights a port's path; a lane opens on click
  • below 560 px card width it becomes a grouped list (a container query)
• Data: the daemon's /v1/ports and the hub's /hub/ports, loaded on open, when the lanes or the main slot change, and every 10 s while the page is shown. A stopped stack shows its declared ports.
• Mock: stable instance ports; review-cart runs on build-server.
• Docs: ADR-0082's Built section, the changelog.

Decided by the agent alone:

• Fixed ports sit in the band of the lane they lead to, so the connectors never cross.
• Node forwards sit on the left, captioned with the node.
• A red list repeats the overlaps, so they show without hovering.
• The instance toggle is not persisted.
• A failed read keeps the last data.

Tests: typecheck, npm test (126; new: the graph model and the overlap rendering), npm run build. The owner looked at the page in the mock (screenshot in the conversation); the connectors are not drawn in happy-dom.

🤖 Generated with Claude Code