MCP para quem decide · Capítulo 12 de 21 · 18 min
Controlar a tela de terceiro dentro da conversa
Interface de fornecedor dentro do assistente só entra na empresa por catálogo aprovado, com o botão de aprovar preso à mesma trilha de auditoria.
Este capítulo faz parte do curso gratuito MCP para quem decide.
Um botão de aprovar pedido pode aparecer dentro da conversa com o assistente, desenhado por um fornecedor e rodando no computador da sua equipe. Essa tela promete encurtar processos que hoje passam por três sistemas. Ela também põe código de terceiro dentro do cliente corporativo, e a pergunta de quem responde pela aprovação feita ali ainda não tem dono na maioria das empresas.
Desde 26/01/2026 existe extensão oficial, a MCP Apps, que permite ao servidor devolver interface interativa dentro da conversa; ela substitui tela de sistema em casos estreitos, mantém toda ação no mesmo trilho de consentimento e auditoria e abre uma superfície nova que precisa entrar na revisão de segurança.
Por que isso chega à sua mesa como promessa comercial
A demonstração é boa. O fornecedor abre o assistente, digita uma frase e, no lugar da resposta em texto, aparece um painel com gráfico, filtros e botão de aprovar. O gerente comercial imagina o fim de três telas do sistema atual, e o time de produto imagina economia de desenvolvimento. Ninguém na sala pergunta onde aquele painel está rodando.
Separe as duas coisas que a demonstração mistura. A capacidade existe, está especificada e funciona em mais de um assistente, o que é raro. A decisão sobre onde usá-la continua sua, e tem três eixos que a demonstração não toca: se substitui de fato uma tela mantida pela empresa, o que acontece com a aprovação quando o botão está na conversa e o que a revisão de segurança passa a olhar.
O assunto não muda a arquitetura da casa nem a conta de infraestrutura. Ele muda o escopo de uma revisão, a lista de perguntas de uma homologação e o catálogo de quem pode instalar o quê.
O estande dentro da sua loja
Um fornecedor pede para montar um estande dentro da sua loja. O estande é vistoso, atende bem e reduz fila no caixa. O cliente que compra ali entende que comprou de você. O acordo funciona quando três coisas estão escritas: o que o estande pode vender, o que ele não pode alcançar do resto da loja e quem responde se der problema. A interface entregue pelo servidor é o estande, e o assistente corporativo é a loja.
O modelo de segurança da extensão já escreve a segunda dessas três coisas. A primeira e a terceira continuam sendo trabalho seu.
O que a extensão é, com nome e data
A MCP Apps foi lançada em 26/01/2026 como a primeira extensão oficial do protocolo, com suporte anunciado ao mesmo tempo pela Anthropic e pela OpenAI. No lançamento, o blog do projeto citou Claude na web e no desktop, Goose, Visual Studio Code e ChatGPT. O identificador técnico é io.modelcontextprotocol/ui, e a revisão 2026-07-28 a listou entre as extensões formais do protocolo.
A interface roda num quadro isolado (uma janela embutida sem chave para o resto da casa) a partir de um recurso de endereço ui://, que o servidor declara com antecedência para o host revisar. O quadro não acessa a página que o hospeda, não lê cookie nem armazenamento local e não executa código fora de si. Toda comunicação passa por um canal de mensagens registrável, e ação disparada ali exige consentimento do usuário.
Em 25/09/2026 a Anthropic abriu o portal de publicação de conectores e plugins do Claude, com varredura de segurança e revisão, e anunciou suporte a MCP Apps. Para a empresa, isso significa que interfaces de fornecedor vão chegar por um diretório público, com um clique de instalação, e o catálogo interno passa a ser a única barreira.
Se a figura ultrapassar a área visível, deslize para os lados. Pelo teclado, foque a figura e use as setas.
As três decisões que a extensão impõe, com dono e critério
| Decisão | A pergunta que ela responde | Quem responde na casa | Critério objetivo de conclusão |
|---|---|---|---|
| Substituição de tela | Esta interface elimina uma tela que hoje mantemos, ou só acrescenta um caminho novo para a mesma coisa? | Dono do processo, com o gerente da área que usa | Existe uma tela nomeada que será desligada, com data. Sem tela a desligar, o ganho é de conveniência e o custo de manutenção é somado |
| Fluxo de aprovação | O botão de aprovar dentro da conversa passa pelo mesmo controle e gera o mesmo registro que a tela atual? | Dono do controle interno, com auditoria | Toda ação da interface aparece no registro do host como chamada de ferramenta, com autor, parâmetro e resultado, e as operações da lista restrita exigem confirmação humana no ato |
| Superfície de risco | Que código de terceiro passa a rodar dentro do nosso cliente, e quem revisa? | Segurança da informação, com jurídico no anexo contratual | A revisão inclui o recurso de interface e a política de conteúdo, a versão da extensão está fixada em contrato e há reavaliação a cada versão nova |
A segunda linha costuma ser dada como resolvida. Herdar o trilho de consentimento do host garante o mecanismo, e a matriz de alçadas da empresa continua precisando ser conferida à parte.
- Etapa 1 de 6: Clique na interface do fornecedor
Dentro do quadro isolado, sem acesso ao resto do cliente
- Etapa 2 de 6: Mensagem pelo canal do host
Única via aberta entre a interface e o cliente
- Etapa 3 de 6: Pedido de chamada de ferramenta
O host decide o que a interface pode acionar
- Etapa 4 de 6: Trilho de consentimento do host
O mesmo de qualquer chamada de ferramenta comum
- Etapa 5 de 6: Registro de auditoria
Quem pediu, qual ferramenta, com que parâmetro, com que resultado
- Etapa 6 de 6: Execução no sistema de destino
Sob a credencial e o escopo já governados
Como ler a matriz oficial de clientes
O projeto mantém uma tabela de extensões por cliente. Consultada em 26/09/2026, ela marca onze clientes com MCP Apps: Claude na web, Claude Desktop, Visual Studio Code com Copilot, Microsoft 365 Copilot, Goose, Postman, MCPJam, ChatGPT, Cursor, Archestra.AI e PostHog Code. Grok e Gemini não aparecem, e nenhuma fonte primária encontrada nesta revisão afirma que eles exibem essas interfaces.
A tabela tem um uso legítimo e um indevido. O legítimo é confirmatório: se o cliente da casa está marcado, a promessa do fornecedor tem lastro público e você pode exigir demonstração. O indevido é eliminatório, porque a página avisa que a manutenção é comunitária e ausência indica falta de registro. Recusar fornecedor só pela ausência é decidir com base numa lacuna de documentação.
O argumento estratégico vale mais que a lista. Assistentes que competem entre si, como Claude e ChatGPT, exibem a mesma extensão. Uma interface construída hoje alcança mais de um assistente sem reescrita, e o gasto vira artefato reaproveitável em vez de aposta num fornecedor. É o raciocínio de portabilidade de "Escolher entre comprar, conectar ou construir".
O que a matriz de clientes prova e o que ela deixa em aberto
Leituras que produzem decisão errada
Leitura que falha
- Tratar ausência na tabela como prova de que o cliente não exibe a extensão
- Tratar presença na tabela como atestado de qualidade ou de segurança do fornecedor
- Aceitar a tabela como evidência de homologação, sem demonstração ao vivo
- Supor que falar o protocolo implica exibir interfaces desta extensão
- Assumir que a marcação de hoje continua válida na renovação do contrato
Leituras que sustentam decisão
Leitura que sustenta decisão
- Usar a tabela para confirmar promessa e então exigir demonstração no cliente que a casa usa
- Pedir por escrito o identificador da extensão e a versão implementada
- Registrar a data da consulta, porque a tabela é mantida pela comunidade
- Exigir a declaração de compatibilidade no contrato, além do registro público
- Reconsultar a tabela e a versão declarada em cada renovação
Escreva o identificador da extensão no contrato, e não o nome comercial da vitrine. Os fornecedores rebatizam essas superfícies com frequência: na OpenAI, o pacote distribuído hoje chama-se plugin e reúne skills, manifesto e servidor opcional; no Claude, o portal de 25/09/2026 publica conectores e plugins. Contrato e política que citam o nome de vitrine envelhecem em meses, enquanto io.modelcontextprotocol/ui permanece.
Glossário rápido
Quadro isolado
Área embutida numa página com restrições declaradas por quem a hospeda. Exibe interface de terceiro sem lhe dar acesso ao resto do cliente.
Canal de mensagens
A única via entre a interface embutida e o cliente. Cada pedido trafega estruturado, o que o torna inspecionável e registrável.
Política de segurança de conteúdo
Regras que dizem de onde a interface pode carregar código, imagem e dado. Aqui é aplicada pelo host, e não pelo fornecedor.
Recurso de interface
O item de endereço ui:// que o servidor devolve para ser exibido. É o artefato que a revisão de segurança passa a inspecionar, ao lado das ferramentas.
Catálogo aprovado
Lista interna de servidores e interfaces liberados, com versão e dono. É a porta de entrada que substitui o clique livre no diretório público.
Liberar MCP Apps só pelo catálogo aprovado
Roteiro para segurança da informação e o dono do processo aplicarem em 30 dias, antes que interfaces de fornecedor cheguem pelo diretório público dos assistentes.
Passo 1: Semana 1: bloquear a instalação livre
Nos assistentes corporativos, restrinja a instalação de conectores e plugins aos administradores e às listas de servidores permitidos, onde o cliente oferecer esse controle.
Deu certo quando: Uma pessoa sem papel de administrador tenta instalar um plugin do diretório e é barrada.
Erro comum: Bloquear só no Claude e esquecer o ChatGPT com modo desenvolvedor.
Passo 2: Semana 1: abrir o formulário de pedido
Quem quer uma interface de fornecedor pede pelo formulário, dizendo que tela ela substitui e que operações ela dispara.
Deu certo quando: Todo pedido tem uma tela nomeada a desligar ou é marcado como conveniência.
Erro comum: Aceitar "melhora a experiência" como justificativa.
Passo 3: Semana 2: revisar o recurso de interface
Segurança lista os recursos ui:// do servidor com a ferramenta oficial de inspeção, confere as origens que a interface precisa alcançar e guarda a listagem com data.
Deu certo quando: A listagem datada está anexada ao pedido, com as origens aprovadas.
Erro comum: Aprovar pela demonstração do fornecedor, sem listar os recursos.
Passo 4: Semana 3: testar a trilha de aprovação
Na demonstração com o cliente da casa, dispare uma ação e confira se ela aparece no registro do host como chamada de ferramenta, com autor, parâmetro e resultado.
Deu certo quando: O registro mostra a ação, e as operações da lista restrita pedem confirmação humana.
Erro comum: Supor que o botão dentro da conversa respeita a alçada da tela antiga.
Passo 5: Semana 4: publicar no catálogo com contrato
Entra no catálogo com versão fixada, dono nomeado e cláusula de aviso prévio para recurso de interface novo ou alterado.
Deu certo quando: O item aparece no catálogo e o contrato cita io.modelcontextprotocol/ui e a versão.
Erro comum: Publicar sem data de reavaliação.
No fim você tem: Nenhuma interface de fornecedor roda na empresa sem pedido, revisão, teste de trilha e contrato, e o catálogo mostra quem responde por cada uma.
Material para o time técnico: recurso, tipo de conteúdo, política e canal
Como o recurso de interface é declarado e por que isso é verificável
O recurso usa o endereço ui:// e o tipo de conteúdo text/html;profile=mcp-app. Dá para listar os recursos de interface de um servidor como se listam as ferramentas, com a ferramenta oficial de inspeção, e guardar a listagem como evidência datada. Recurso novo numa versão posterior é mudança de escopo e dispara reavaliação.
O que exatamente o isolamento bloqueia
A interface não acessa a página que a hospeda, não lê cookie nem armazenamento local do host, não navega a página pai e não executa código fora do quadro. O host controla quais ferramentas ela pode acionar. Conteúdo enganoso exibido dentro do próprio quadro continua passando inteiro, e esse risco fica com a revisão humana.
Como a comunicação acontece
Toda troca entre a interface e o host passa por mensagens JSON-RPC sobre postMessage. Cada pedido tem método e parâmetros, e o host valida, registra e pode recusar antes de converter em chamada de ferramenta. A instrumentação existente de chamada de ferramenta cobre também as ações nascidas na interface.
Quem define as restrições de carregamento de conteúdo
O host aplica a política de segurança de conteúdo a partir dos metadados do recurso. Em homologação, peça a lista de origens que a interface precisa alcançar e confronte com a política do cliente da casa: divergência aqui produz interface quebrada em produção depois de aprovada em demonstração.
O que fixar em contrato, em uma linha cada
Identificador da extensão, io.modelcontextprotocol/ui. Versão implementada. Lista de recursos de interface expostos, com data. Aviso prévio antes de publicar recurso novo ou alterar os existentes, o mesmo controle de mudança pós-aprovação de "Testar e contratar antes de aprovar".
// Recurso de interface anunciado por um servidor, do ponto de vista de quem
// homologa. Extensão io.modelcontextprotocol/ui.
// O que guardar como evidência: uri, mimeType e a lista de origens exigidas.
{
"uri": "ui://fornecedor-crm/aprovacao-de-pedido",
"name": "Painel de aprovação de pedido",
"mimeType": "text/html;profile=mcp-app",
"_meta": {
"io.modelcontextprotocol/ui": {
"csp": {
"connect-src": ["https://api.fornecedor.com.br"],
"img-src": ["https://cdn.fornecedor.com.br"]
},
"tools": ["crm.pedido.aprovar", "crm.pedido.consultar"]
}
}
}Gerente comercial de uma rede de distribuição de material de construção
Distribuição, operação em quatro estados, ERP legado e comércio eletrônico próprio
Dor
A liberação de pedido acima do limite de crédito passa por três telas de sistemas diferentes e por uma planilha de histórico. O processo leva de quarenta minutos a duas horas por pedido e trava vendas na sexta à tarde, quando ninguém do crédito está disponível.
Solução
O fornecedor do sistema de relacionamento propõe uma interface embutida no assistente, com histórico, limite, pedidos em aberto e botão de liberar. O pedido entra pelo catálogo aprovado, passa pela revisão do recurso de interface e pelo teste de trilha.
Resultado
O escopo aprovado ficou em consulta e liberação abaixo do limite, com confirmação humana para tudo acima. A tela do crédito não foi desligada, porque a interface não cobre a análise de reincidência. O tempo de consulta caiu para dez minutos, e a liberação seguiu onde estava.
Custo apurado: Uma revisão de segurança sobre o recurso de interface e a política de conteúdo, mais cláusula de aviso prévio para recurso novo. Nenhuma tela desligada, portanto nenhuma redução de custo de manutenção.
Cenário construído para fins didáticos. Números não correspondem a cliente específico.
Verificação rápida
O fornecedor mostra que o cliente que a sua empresa usa aparece marcado na matriz oficial de MCP Apps. O que essa marcação prova?
Antes de publicar interface de fornecedor no catálogo
Substituição de tela
0/2Fluxo de aprovação
0/3Superfície de risco
0/3Contrato
0/2O que fazer nesta semana
Bloqueie a instalação livre de plugins e conectores nos assistentes corporativos e confira o bloqueio com uma conta sem papel de administrador. Em 30 dias, o catálogo deve listar cada interface de fornecedor liberada com dono, versão e data de revisão; qualquer interface em uso fora dele é suspensa até passar pelo pedido.
Com os três capítulos desta parte você sabe o que roda na casa, com a credencial de quem e por que porta entra a tela de terceiro. Antes de escolher em qual assistente padronizar, abra "Comparar Claude e OpenAI em conectores e agentes", que inicia a Parte 5 e mostra onde mora a aprovação humana em cada fornecedor.
Seu caderno neste capítulo
Abrir o caderno completoSelecione um trecho do capítulo para destacar ou anotar. Nos vídeos e áudios, use Anotar este momento. No teclado, selecione com Shift e as setas e use Alt+Shift+D para destacar ou Alt+Shift+N para anotar.
Salvo neste navegador. Entre na sua conta para levar o caderno a outros aparelhos.
Entre na sua conta para compartilhar o que aprendeu e convidar alguém para estudar com você.
Conexões deste capítulo
Veja o que estudar antes e para onde seguir depois, explore os conceitos e compare abordagens em outros cursos. Sugestões marcadas como “sugerido pelo grafo” vêm dos assuntos em comum, não do índice do curso.
Depois, siga para
- CursoMCP com Chrome: Automação com IAsugerido pelo grafo7 capítulos de “MCP com Chrome: Automação com IA” usam conceitos apresentados em “MCP para quem decide”.
- CursoClaude Code CLI: Programação com IAsugerido pelo grafo7 capítulos de “Claude Code CLI: Programação com IA” usam conceitos apresentados em “MCP para quem decide”.
- CursoDo Agile ao Agentic Operating Modelsugerido pelo grafo4 capítulos de “Do Agile ao Agentic Operating Model” usam conceitos apresentados em “MCP para quem decide”.
- CursoSegundo cérebro com IAsugerido pelo grafo3 capítulos de “Segundo cérebro com IA” usam conceitos apresentados em “MCP para quem decide”.
Conceitos deste capítulo
O mesmo assunto em outros cursos
- MCP com Chrome: Automação com IAEscolher a ferramenta de navegador pelo login que ela enxergaExaminar conexões de Escolher a ferramenta de navegador pelo login que ela enxerga
- Software e IA para executivosConferir quem publicou cada plugue que liga o agente aos sistemasExaminar conexões de Conferir quem publicou cada plugue que liga o agente aos sistemas
- Segundo cérebro com IAComo ligar o assistente à agenda de reservas sem perder o controleExaminar conexões de Como ligar o assistente à agenda de reservas sem perder o controle
- Vídeo com IA: Claude Code, Codex e ElevenLabsConectar fal, Replicate e ElevenLabs por MCP com permissões mínimasExaminar conexões de Conectar fal, Replicate e ElevenLabs por MCP com permissões mínimas
Voltar ao capítulo anterior: Amarrar o acesso do agente ao crachá da pessoa
Leve uma ideia para a prática
Escolha uma atividade no painel e volte a este curso quando quiser.
Atividades e evolução ficam reunidas no painel da sua conta.
Capítulos vizinhos em MCP para quem decide
- 10Inventariar o que já roda nas máquinas do time
- 11Amarrar o acesso do agente ao crachá da pessoa
- 12Controlar a tela de terceiro dentro da conversa
- 13Comparar Claude e OpenAI em conectores e agentes
- 14Comparar Claude e Grok antes de liberar conectores