Component Inventory

Define a grade fixa com sidebar e conteúdo principal.

Usado por /, /inventory e /[courseId].

Enquadra navegação lateral e ação de retorno.

Usado nas sidebars do catálogo, curso aberto e inventário.

Agrupa itens laterais com rótulo e landmark opcional.

Usado em CourseSidebar, CourseDetailSidebar e /inventory.

Link lateral com índice, estado ativo e destino.

Usado nas navegações laterais renderizadas no app.

Cabeçalho editorial compacto para páginas de curso.

Usado na home, curso aberto e inventário.

Contêiner de conteúdo com largura e respiro padrão.

Usado nas rotas principais de cursos.

Seção com cabeçalho, descrição e ações opcionais.

Usado como bloco base da home, curso aberto e inventário.

Grade de cards para catálogo e aulas relacionadas.

Usado por CourseCatalog e CourseRelatedLessons.

Footer explícito de aula; não é mais injetado pelo CourseShell.

Chamado diretamente em /[courseId]/[lessonId] e rotas spike.

Orquestra filtros, sidebar e cards da rota /.

Renderizado diretamente por src/app/page.tsx.

Mostra cursos visíveis conforme filtros ativos.

Recebe selectedLevel e selectedStatus do catálogo.

Card navegável do curso com marca, status, nível e métricas.

Renderizado para cada item de src/data/course-catalog.ts.

Resolve asset AIOX e ícones oficiais do brandbook.

Consumido por CourseCard.

Filtra por nível e status sem mock data.

Usado na home e reaproveitado como padrão de filtro.

Select tipado com BbLabel e BbSelect.

Base de CourseCatalogFilters e filtros do inventário.

Estado vazio quando filtros não encontram cursos.

Renderizado por CourseCatalog.

Alias de compatibilidade para CourseLevelMeter.

Mantido para chamadas antigas sem entrar como padrão novo.

Orquestra hero, módulos, trilha de estudo e sidebar do curso.

Renderizado por src/app/[courseId]/page.tsx.

Navegação do curso com destaque de aula atual.

Usado por curso aberto e página de aula.

Renderiza módulos e aulas a partir de dados canônicos.

Consumido por CourseDetailPage.

Agrupa aulas de um módulo com título e descrição.

Usado por CourseModuleList.

Linha de aula com href opcional, status e tipo.

Usado em módulos de curso aberto.

Lista aulas relacionadas no final da aula.

Usado por src/app/[courseId]/[lessonId]/page.tsx.

Trilha compacta para aula individual.

Usado no shell da página de aula.

Mapeia seções e blocos do schema para UI de aula.

Usado por src/app/[courseId]/[lessonId]/page.tsx.

Sidebar de aula com grupos, progresso, tema e colapso.

Usado nas rotas de aula baseadas em content.yaml.

Barra de progresso da aula.

Consumido pelo shell de aula.

Peças base para card, grid, lista, chip e janela de código.

LessonCodeWindow é usado por blocos code_block.

Estrutura títulos, narrativa, stats, exercícios e checkpoints.

Consumido por LessonRenderer.

Renderiza blocos do schema: flows, cards, do/dont, métricas e matrizes.

Selecionado por renderBlock em LessonRenderer.

Renderiza console, legenda, cases, layers e benches quando presentes no YAML.

Coberto pelo schema de blocos extras.

Contêiner da página de aula.

Usado por src/app/[courseId]/[lessonId]/page.tsx.

Encapsula ScoreCell de decision-analytics.

Mantém imports externos fora das páginas.

Encapsula SourceRow e ArtifactRow.

Usado quando aula precisa listar fonte ou artefato.

Encapsula HealthCell para tabelas de métrica.

Adapter pronto para blocos metric_table.

Encapsula DecisionTree para decision_graph.

Adapter pronto para rotas com decisão estruturada.

Usa BbStatCellRow e BbStatCell para métricas curtas.

Disponível no barrel course-ui.

Wrapper de BbSectionMarker para labels pequenos.

Disponível no barrel course-ui.