

As traduções são geradas por tradução automática. Em caso de conflito entre o conteúdo da tradução e da versão original em inglês, a versão em inglês prevalecerá.

# Use o assistente Connect no construtor de interface do usuário
<a name="connect-assistant-ui-builder"></a>

O assistente Connect é integrado ao criador de interface do usuário, permitindo que você crie e modifique recursos de visualização usando linguagem natural. Em vez de arrastar componentes manualmente, configurar propriedades e navegar pelas configurações complexas do painel, você pode descrever o que precisa em solicitações de conversação, e o assistente Connect gera os componentes de interface de usuário correspondentes na tela.

Por exemplo, você pode digitar “Criar um formulário de feedback do cliente com campos para avaliação, comentários e preferência de contato” e o assistente do Connect cria a visualização para você inspecionar e refinar antes de publicar.

O Connect Assistant oferece suporte aos seguintes recursos:
+ **Crie visualizações a partir de descrições** — Descreva uma visualização completa em linguagem natural e o assistente Connect gerará todos os componentes necessários.
+ **Modifique as visualizações existentes** — solicite alterações nas visualizações por meio de uma conversa, como “adicionar uma lista suspensa para o status do pedido” ou “tornar o campo de comentários obrigatório”.
+ **Configurar propriedades do componente** — Defina propriedades, validações, campos dinâmicos e estilo sem navegar no painel Personalizar.
+ **Aplicar lógica condicional** — Descreva as condições em linguagem natural, como “mostrar o campo de texto Outro somente se Outro estiver selecionado no menu suspenso”.
+ **Obtenha recomendações** — Peça sugestões ao assistente do Connect sobre os componentes disponíveis, as melhores práticas e como melhorar suas visualizações.

## Pré-requisitos
<a name="connect-assistant-ui-builder-prerequisites"></a>

Antes de usar o Connect Assistant no UI Builder, verifique o seguinte:
+ Você está usando o Connect Customer e tem acesso ao espaço de trabalho administrativo do Connect Customer.
+ Seu perfil de segurança inclui a permissão **Canais e fluxos - Visualizações**.
+ Seu perfil de segurança inclui o **designer do agente de IA — a permissão dos agentes de IA**.
+ Sua instância do Connect Customer tem o recurso Connect Assistant ativado no nível da instância.

## Acesse o assistente Connect
<a name="connect-assistant-ui-builder-access"></a>

1. Faça login no espaço de trabalho administrativo do Connect Customer em https://{{instance name}}.my.connect.aws/. Use uma conta de administrador ou uma conta que tenha a permissão **Canais e fluxos - Visualizações** e **designer de agentes de IA - agentes** de IA em seu perfil de segurança.

1. No painel de navegação, escolha **Visualizações** dentro do menu de navegação **Gerenciamento de interface do usuário**.

1. Crie uma nova visualização ou abra uma visualização existente no construtor de interface do usuário.

1. Se estiver abrindo uma exibição existente, localize o botão **Connect Assistant** na barra de ferramentas. Escolha-a para expandir o painel de bate-papo. O painel de bate-papo se abre na lateral da tela do UI Builder. Você pode recolher ou expandir o painel a qualquer momento.

1. Digite sua solicitação no campo de entrada do bate-papo e pressione Enter para enviar sua mensagem ao assistente Connect.

## Crie uma visualização usando o assistente Connect
<a name="connect-assistant-ui-builder-create-view"></a>

O procedimento a seguir descreve como criar uma nova exibição a partir de uma descrição em linguagem natural.

1. Abra o construtor de interface do usuário com uma tela vazia (ou uma visualização existente à qual você deseja adicionar componentes).

1. No painel de bate-papo, descreva a visualização que você deseja criar. Por exemplo: “Crie um formulário de devolução de pedido com nome do cliente, número do pedido, lista suspensa do motivo da devolução e uma seção de notas”.

1. O assistente Connect processa sua solicitação e prepara os componentes da visualização. Quando a visualização estiver pronta, o assistente Connect responde com uma descrição dos componentes criados e aplica os componentes gerados à tela do UI Builder.

1. Revise os componentes na tela. Você pode continuar a conversa para refinar a visualização ou ajustar manualmente os componentes usando as ferramentas padrão do construtor de interface do usuário.

### Especifique as preferências de layout
<a name="connect-assistant-ui-builder-layout"></a>

Você pode incluir requisitos de layout em sua solicitação. Por exemplo:
+ “Crie um formulário de duas colunas com as informações do cliente à esquerda e os detalhes do pedido à direita.”
+ “Adicione uma barra de atributos na parte superior com o nome do cliente e o número da conta e, em seguida, um formulário abaixo dela.”

### Solicitar tipos de componentes específicos
<a name="connect-assistant-ui-builder-components"></a>

Solicite componentes específicos da interface do usuário por nome ou função. Por exemplo:
+ “Adicione um seletor de data para a data do compromisso.”
+ “Inclua um botão para assinatura do boletim informativo.”
+ “Adicione um botão de envio na parte inferior do formulário.”

O assistente Connect usa componentes da biblioteca de componentes Connect Customer UI. Se um componente solicitado não estiver disponível, o assistente Connect explica a limitação e sugere alternativas.

## Modificar uma exibição existente
<a name="connect-assistant-ui-builder-modify"></a>

Você pode solicitar alterações nas visualizações que já estão na tela por meio da linguagem natural.

1. Com uma visualização aberta no criador de interface do usuário e o painel de bate-papo expandido, descreva a alteração que você deseja. Por exemplo: “Torne o campo de comentários obrigatório” ou “Altere a cor do botão de envio para verde com texto branco”.

1. O assistente Connect processa a solicitação e apresenta os componentes atualizados diretamente na tela.

1. Se o assistente Connect precisar de esclarecimentos sobre qual componente você está se referindo ou qual propriedade alterar, ele fará uma pergunta complementar antes de fazer a modificação.

### Desfazer alterações e reverter
<a name="connect-assistant-ui-builder-undo"></a>

Para desfazer as alterações recentes feitas pelo assistente Connect, digite uma solicitação como:
+ “Desfazer a última alteração.”
+ “Remova a lista suspensa que você acabou de adicionar.”

Para reverter para uma visualização anterior gerada pelo assistente Connect, encontre a mensagem de confirmação na sessão e clique no botão reverter. Todas as alterações serão sobrescritas até aquele momento.

## Configurar campos dinâmicos
<a name="connect-assistant-ui-builder-dynamic-fields"></a>

Você pode usar o assistente Connect para configurar campos que são preenchidos em tempo de execução com dados de atributos de contato ou outras fontes.

1. No painel de bate-papo, descreva o comportamento dinâmico. Por exemplo: “Adicione um campo somente para leitura que mostre o nome do cliente a partir dos atributos de contato”.

1. O assistente Connect configura o componente definindo a propriedade do componente como dinâmica, adicionando uma referência de amostra (por exemplo, $. CustomerName\_Sample) e criando dados de amostra para a entrada relevante.

1. Examine a configuração no painel **Personalizar** para verificar se as referências de campo dinâmico estão corretas para seu fluxo.

1. Para passar dados para a visualização e usar os dados de saída, configure o ShowView bloco em seu fluxo separadamente.

## Crie interfaces de usuário condicionais usando o assistente Connect
<a name="connect-assistant-ui-builder-conditional"></a>

Em vez de configurar manualmente as condições na guia de condições da interface do usuário, você pode descrever a lógica condicional em linguagem natural.

1. No painel de bate-papo, descreva a condição. Por exemplo: “Mostrar o campo de texto Outro somente se Outro estiver selecionado no menu suspenso de motivos”.

1. O assistente Connect cria a condição de interface de usuário apropriada no componente de destino, incluindo o componente acionador, os critérios de avaliação e a visibilidade ou alteração de propriedade resultante.

1. Os componentes com condições aplicadas são delineados em linhas tracejadas na tela, consistentes com as condições criadas manualmente.

Para obter mais informações sobre as condições da interface do usuário, consulte[Crie interfaces de usuário condicionais com visualizações](ui-conditions-on-views.md).

## Obtenha recomendações e explicações
<a name="connect-assistant-ui-builder-recommendations"></a>

O assistente Connect pode fornecer orientação enquanto você cria visualizações:
+ Pergunte sobre os componentes disponíveis: “Quais tipos de campos de entrada estão disponíveis?”
+ Recomendações de solicitação: “Quais campos adicionais você recomendaria para um formulário de reclamação de clientes?”
+ Obtenha ajuda de configuração: “Como faço para que esse campo seja preenchido dinamicamente?”
+ Valide sua visualização: “Verifique se este formulário tem todos os campos obrigatórios configurados corretamente”.

O assistente Connect responde com explicações, opções de componentes e melhores práticas com base na biblioteca de componentes Connect Customer UI.

## Gerenciamento de conversas
<a name="connect-assistant-ui-builder-conversation"></a>

O assistente Connect preserva seu histórico de conversas em uma sessão para que você possa consultar solicitações e alterações anteriores.
+ **Continuidade da sessão** — Seu histórico de conversas é mantido enquanto você trabalha em uma visualização. Você pode referenciar solicitações anteriores em mensagens de acompanhamento.
+ **Retomar conversas** — Ao retornar a uma visualização, você pode continuar uma conversa anterior sobre modificações.
+ **Contexto da conversa** — O assistente Connect mantém o contexto em todas as mensagens, para que você possa criar de forma incremental. Por exemplo, você pode criar um formulário em uma mensagem e adicionar regras de validação na próxima.

## Práticas recomendadas
<a name="connect-assistant-ui-builder-best-practices"></a>
+ Seja específico em suas descrições. Inclua nomes de componentes, rótulos de campo e preferências de layout para obter resultados mais precisos.
+ Faça iterações em pequenos passos. Comece com um layout básico e refine com mensagens de acompanhamento em vez de descrever toda uma visão complexa em um único prompt.
+ Revise antes de publicar. Sempre revise os componentes gerados na tela e teste a visualização antes de publicá-la para uso do agente ou do cliente.
+ Use o botão reverter se quiser voltar para uma compilação anterior gerada pelo Connect Assistant.
+ Use o assistente Connect para obter explicações. Se você não tiver certeza sobre um componente ou configuração, pergunte ao assistente Connect antes de fazer alterações manualmente.
+ Combine fluxos de trabalho manuais e do Connect Assistant. Você pode usar o assistente Connect para gerar o layout básico e, em seguida, fazer o ajuste fino usando o recurso de arrastar e soltar do construtor de interface de usuário padrão e os painéis de propriedades.

## Limitações
<a name="connect-assistant-ui-builder-limitations"></a>
+ O assistente Connect gera componentes disponíveis na biblioteca de componentes da interface do usuário do Connect Customer. Ele não pode criar componentes personalizados fora dessa biblioteca.
+ Multi-step fluxos de trabalho guiados (visualizações que abrangem várias etapas) exigem a criação de cada visualização separadamente. Você pode manter o contexto em todas as visualizações fazendo referência a conversas anteriores usando a mesma sessão.
+ O assistente Connect ainda não tem acesso às suas configurações de fluxo existentes. As referências de campo dinâmico podem precisar de verificação manual para corresponder à sua configuração de fluxo específica.