> ## Documentation Index
> Fetch the complete documentation index at: https://docs.chatmode.com.br/llms.txt
> Use this file to discover all available pages before exploring further.

# Visão Geral da Plataforma

> Entenda os componentes principais da plataforma Chatmode.

export const ThemedDisplayImage = ({lightSrc, darkSrc, className}) => {
  const sharedClassName = "border-gray-200/70 dark:border-white/[0.07] border rounded-md overflow-hidden";
  return <>
            <img src={lightSrc} className={"dark:hidden " + sharedClassName + " " + className} />
            <img src={darkSrc} className={"hidden dark:block " + sharedClassName + " " + className} />
        </>;
};

O Chatmode é construído em torno de vários componentes principais que trabalham juntos para fornecer poderosas capacidades de chat com IA.

## Componentes Principais

O Chatmode fornece uma plataforma abrangente para criar, gerenciar e implantar agentes de IA. Esta visão geral ajudará você a entender os principais componentes da plataforma e como eles trabalham juntos.

## Painel (Dashboard)

O painel é seu hub central para acessar todas as funcionalidades do Chatmode. Aqui você pode obter uma visão rápida, ver conversas recentes e acessar facilmente seus agentes e ambientes.

<ThemedDisplayImage lightSrc="/images/pt-br/light/dashboard.webp" darkSrc="/images/pt-br/dark/dashboard.webp" />

## Componentes Principais

### Agentes

[Agentes](/pt-br/features/agents) são os assistentes de IA que você cria e configura. Cada agente é alimentado por um modelo de IA específico (como o GPT-4 da OpenAI) e personalizado com prompts, ferramentas e dados de treinamento para realizar tarefas específicas. Agentes são o núcleo da sua experiência Chatmode.

### Ambientes

[Ambientes](/pt-br/features/environments) conectam seus agentes aos usuários. Um ambiente determina onde e como seu agente interage. O tipo principal é:

* **`EMBED`**: Permite incorporar a interface de chat do agente em um site usando um `<iframe>`.
* **`ZAPI`**: Usado para integrações específicas (ex: potencialmente WhatsApp).

### Treinamentos

[Treinamentos](/pt-br/features/trainings) aprimoram seus agentes com conhecimento específico do domínio. Ao carregar documentos, sites ou dados de texto, você pode ensinar seus agentes sobre seus produtos, serviços, políticas e outras informações importantes.

### Conversas

A seção [Conversas](/pt-br/features/conversations) permite visualizar e gerenciar interações entre seus agentes e usuários. Você pode:

* Revisar o histórico de conversas
* Alterar o status da conversa (Ativa, Resolvida, Arquivada)
* Atribuir conversas a membros da equipe
* Definir a prioridade da conversa

### Chaves de API

[Chaves de API](/pt-br/features/api-keys) são usadas para armazenar com segurança suas credenciais para provedores de IA externos (como OpenAI). Essas chaves armazenadas são necessárias para que seus agentes funcionem.

### Organizações

[Organizações](/pt-br/features/organizations) ajudam você a gerenciar o acesso e as permissões da equipe. Você pode convidar membros da equipe, atribuir funções e controlar quem tem acesso a diferentes aspectos da sua conta Chatmode.

## Navegação da Interface do Usuário

A interface do Chatmode é projetada para navegação intuitiva:

1. **Navegação na Barra Lateral**: Acesse todas as funcionalidades principais pela barra lateral esquerda
2. **Barra Superior**: Veja informações da sua conta, acesse configurações e alterne entre organizações
3. **Área de Conteúdo**: O espaço de trabalho principal onde você interage com a funcionalidade selecionada
4. **Botões de Ação**: Ações específicas da funcionalidade aparecem no canto superior direito de cada seção

## Arquitetura da Plataforma

Chatmode usa uma arquitetura moderna e escalável:

* **Frontend**: Construído com React e Next.js para uma experiência de usuário responsiva.
* **Backend**: Usa Node.js e tRPC para comunicação interna de API type-safe.
* **Banco de Dados**: Armazenamento de dados estruturados para agentes, conversas e configurações (usando PostgreSQL).
* **Integração de IA**: Conexões diretas com os principais provedores de IA usando as Chaves de API que você fornece.
* **Armazenamento Vetorial**: Usa um banco de dados vetorial para recuperação eficiente de informações de seus Treinamentos.
* **Armazenamento**: Armazenamento seguro para ativos relacionados.

## Próximos Passos

Agora que você entende a estrutura da plataforma, está pronto para:

* [Criar seu primeiro agente](/pt-br/getting-started/quickstart)
* [Explorar a documentação detalhada das funcionalidades](/pt-br/features/agents)
* [Aprender sobre como incorporar widgets](/pt-br/embeds/overview) em seu site