Dados & visualização
cosmemilton-ui/server

CmTimeline

Use para feeds de atividade e históricos com trilho vertical. É server-safe (RSC), então renderiza direto em Server Components.

Import

tsx
import { CmTimeline } from "cosmemilton-ui/server";

Feed de atividade (connected)

Trilho conectado com horários, tons por item e badges.

  1. 19:39
    Roteando protocolos
    roteamento
  2. 19:38
    MCP conectado
    Contexto carregado
    mcp
  3. 19:37
    Plano test-first gerado
    test-first
  4. 19:36
    Compilação Python: OK
    build

API rápida

Props principais de cada peça exportada.

CmTimeline

itemsvarianttonelabelWidth

CmTimelineItem

labelmarkertonetitledescriptioncontenttrailing

Notas

Cada item renderiza um marcador num trilho conectado + conteúdo; label é a coluna oposta (ex.: horário) e trailing um slot à direita (ex.: badge).

variant: default (trilho discreto, marcadores maiores) ou connected (trilho contínuo tingido, dots compactos — feed clássico).

tone define o padrão dos marcadores; cada item pode sobrescrever com seu próprio tone. labelWidth mantém os horários alinhados.