The BreadcrumbHeader component splits the pathname and formats each segment, but product IDs (e.g., 'clxyz123...') appear verbatim as breadcrumb labels like '> Clxyz123...'. A user navigating /dashboard/products/cm1abc456/features sees 'Dashboard > Products > Cm1abc456 > Features' which is meaningless. The product name is available in ProductContext.
Category: navigation File: src/components/breadcrumb-header.tsx Recommendation: Read from ProductContext (already available via useProduct()) to replace the [id] segment with the actual product name. For non-product routes, the current segment formatting works fine. This requires making BreadcrumbHeader context-aware with a fallback for account-level routes.