Vou criar as 3 opções de visualização da tela de Regras de Conversão TISS. Primeiro, vou montar os componentes com os dados mockados e um seletor para alternar entre as opções.

Agora vou atualizar o tema e criar os componentes. Vou construir as 3 opções de layout distintas:

1. Cards em Grid - Dados organizados em cards lado a lado com visual mais moderno
2. Timeline/Stepper - Visualização em etapas verticais com linha conectora
3. Painel lateral com lista - Lista resumida à esquerda e detalhes à direita

Now let me update the layout metadata and create all the components:

Now let me create the shared data file and the 3 visualization components:

Now let me create the main page with tabs to switch between the 3 options:

Pronto! Criei 3 opções de visualização diferentes para a tela de Regras de Conversão TISS, alternáveis pelo seletor no topo:

1. Cards em Grid - Os dados do prestador, solicitante e executante ficam organizados em 3 cards lado a lado com ícones coloridos e efeito hover, seguidos da tabela de procedimentos abaixo.
2. Timeline - Uma visualização vertical com linha conectora e marcadores circulares coloridos para cada etapa (prestador, solicitante, executante), com um indicador de progresso no topo mostrando todas as etapas completas.
3. Painel Dividido - Layout master-detail com uma navegação lateral à esquerda listando as seções e um painel de detalhes à direita que exibe os dados da seção selecionada com campos destacados em cards de fundo secundário.