Tenho o contexto completo. Preciso remover a aba "Bunker/Abastecimentos" e o TabsContent correspondente. Depois verifico se Fuel e AbastecimentoRow ficam sem uso.

Agora verifico se Fuel e AbastecimentoRow ainda são usados em algum lugar:

Fuel ainda é usado no TIPO_ESCALA_CONFIG e nos ícones de evento — não remover. AbastecimentoRow continua definida mas sem uso. Vou removê-la:

A aba "Bunker" foi removida da barra de tabs, junto com seu TabsContent e a função AbastecimentoRow. O ícone Fuel foi mantido pois ainda é usado no TIPO_ESCALA_CONFIG para identificar escalas do tipo "Abastecimento" e no mapa de ícones de eventos operacionais.

Tenho tudo. O plano:

1. types.ts — Atualizar EventoOperacional com os novos campos (categoria, tipo atualizado, anexos) e adicionar os tipos necessários
2. mock-data.ts — Atualizar eventos existentes com a nova estrutura
3. detalhe-viagem.tsx — Remover botão "Adicionar Escala", implementar modal de "Registrar Evento" com os campos especificados, e integrar eventos na linha do tempo junto com as escalas

Agora a parte principal — refatorar o detalhe-viagem.tsx com: modal de registro de evento, remoção do botão "Adicionar Escala", atualização do EventoItem, e linha do tempo com eventos intercalados:

Agora adicionar o componente do modal de registro de evento e refatorar o DetalheViagem:

Agora atualizar o componente DetalheViagem para usar estado local, remover botão "Adicionar Escala", ativar o modal e integrar eventos na linha do tempo:

Agora atualizar o EventoItem na tab com a contagem correta e a linha do tempo para incluir eventos intercalados:

Agora substituir a linha do tempo para incluir eventos intercalados com as escalas:

Finalmente, adicionar o modal e o botão "Registrar Evento" no header global da página, e renderizar o modal condicionalmente:

Verificar se Package ainda é usado (estava no botão removido):

Foram feitas quatro mudanças coordenadas. O botão "Adicionar Escala" foi removido da aba de escalas. O botão "Registrar Evento" agora existe tanto no header da viagem quanto na aba de eventos — ao clicar, abre um modal com campos de Categoria (Operacional/Parada), Tipo de Evento (lista filtrada por categoria), Data e Hora, Descrição e Anexos. Eventos registrados são adicionados localmente e aparecem na linha do tempo intercalados com as escalas por ordem cronológica, diferenciando visualmente eventos de "Parada" (âmbar) e "Operacional" (azul primário).

O arquivo ficou corrompido — o modal foi inserido no meio do JSX e o bloco de evento da timeline ficou deslocado. Preciso ver o estado completo da função para reescrever corretamente.

Agora tenho a visão completa. O problema: o modal + fechamento prematuro do return foi inserido no meio do bloco timelineItems.map. Preciso corrigir o trecho problemático nas linhas 700–710 — fechar corretamente o div da escala e remover o fragmento de modal que ficou fora do lugar.

Agora adicionar corretamente o modal e fechar o componente após o fechamento do return:

O return está fechando sem o modal. Preciso envolver o JSX em um fragmento e incluir o modal dentro do return:

Agora preciso abrir o fragmento <> no início do return:

O problema era que o modal havia sido inserido fora do return() do componente, quebrando o parsing do JSX. Corrigi em duas etapas: (1) restaurei o fechamento correto do div da escala na timeline que havia sido truncado; (2) envolvi o return em um fragmento <>...</> para que o modal possa ser renderizado como irmão do div principal, dentro do mesmo retorno.