autogen ui

UI automática

Importante

Este repositório foi atualizado para usar a interface Autogen AgentChat com base na nova API Autogen 0.4x AgentChat. Além disso, a API pode mudar, portanto, espere algumas mudanças de ruptura no futuro.

O Hello World for Build uma interface da interface do usuário com a API do Autogen AGALCHAT.

Exemplo de interface do usuário para demonstrar como criar interfaces usando a API do Autogen AgentChat. A interface do usuário é criada usando o Next.js e as APIs da Web construídas usando o FASTAPI.

O que o aplicativo faz?

• autogenui.manager - fornece um método de execução simples que pega um prompt e retorna uma resposta de uma equipe de agente predefinida. Dê uma olhada no arquivo de configuração da equipe do agente JSON para ver como os agentes estão configurados. Ele fornece uma idéia geral sobre quais tipos de agentes são suportados etc. Confira o caderno do tutorial para um exemplo de como usar a classe fornecem para carregar uma especificação de equipe.

• autogenui.web.app.py - O back -end da FASTAPI que serve um terminal simples /generate que pega um prompt e retorna uma resposta de uma equipe de agente predefinida.

  • Cria um gerente para executar tarefas
  • Transmira resultados da tarefa executada para a interface do usuário do cliente

• frontend - Next.js Frontend que fornece uma interface de bate -papo simples para interagir com o back -end.

O que vem a seguir?

Este aplicativo é claramente apenas um ponto de partida. Aqui estão algumas idéias sobre como estendê -lo:

• Estender o gerente para apoiar várias configurações de equipe da interface do usuário
• Armazenando e carregando o histórico de interação em um banco de dados.
• Segurança - Adicione autenticação e autorização ao aplicativo

[! TIP] Nota O Autogen Studio está sendo reescrito na API do AgentChat para abordar a maioria dos pontos acima. Dê uma olhada na implementação para um exemplo mais completo.

Começando

Observe que você precisará configurar seu OpenAI_API_KEY para executar o aplicativo.

 export OPENAI_API_KEY= < your key >

Instalar dependências. Python 3.9+ é necessário. Você pode instalar a partir do Pypi usando o PIP.

pip install autogenui

ou instalar da fonte

git clone [email protected]:victordibia/autogen-ui.git
cd autogenui
pip install -e .

Execute o servidor da interface do usuário.

Definir Env vars OPENAI_API_KEY

 export OPENAI_API_KEY= < your_key > 

autogenui # or with --port 8081

Abra http: // localhost: 8081 no seu navegador.

Para modificar os arquivos de origem, faça alterações nos arquivos de origem do front -end e execute npm run build para reconstruir o front -end.

Desenvolvimento

Para executar o aplicativo no modo de desenvolvimento, você precisará executar o back -end e o front -end separadamente.

Back -end - com reload a quente

autogenui --reload

[! Tip] Dica a interface do usuário carregada por esta CLI em uma versão com pré-explicação, executando o comando do frontend Build Command Show Blow. Isso significa que, se você fizer alterações, o código do front -end ou altere o nome do host ou a porta que o back -end estiver em execução no código de front -end atualizado no front -end precisa ser reconstruído para que ele carregue esse comando.

Front-end

 cd frontend

Instalar dependências

yarn install

Executar no modo dev - com o hot reload

Defina NEXT_PUBLIC_API_SERVER na linha de comando.

 export NEXT_PUBLIC_API_SERVER=http:// < your_backend_hostname > /api

Ou crie um arquivo .env na pasta front -end com o seguinte conteúdo.

NEXT_PUBLIC_API_SERVER=http:// < your_backend_hostname > /api

Onde Your_backend_Hostname - é o nome do host que o AutoGenui está sendo executado no por exemplo, localhost:8081

yarn dev

(Reconstruir

Lembre -se de instalar dependências e definir NEXT_PUBLIC_API_SERVER antes de criar.

yarn build

Roteiro

Na verdade, não há um roteiro para este projeto. É como um exemplo simples para começar a API do Autogen AGALCHAT. Para um exemplo mais completo, dê uma olhada no projeto Autogen Studio.

Referências

• Autogen Studio.

 @inproceedings{dibia2024autogen,
  title={AutoGen Studio: A No-Code Developer Tool for Building and Debugging Multi-Agent Systems},
  author={Dibia, Victor and Chen, Jingya and Bansal, Gagan and Syed, Suff and Fourney, Adam and Zhu, Erkang and Wang, Chi and Amershi, Saleema},
  journal={EMNLP 2024},
  year={2024}
}

• Autogênico.

 @inproceedings{wu2023autogen,
      title={AutoGen: Enabling Next-Gen LLM Applications via Multi-Agent Conversation Framework},
      author={Qingyun Wu and Gagan Bansal and Jieyu Zhang and Yiran Wu and Shaokun Zhang and Erkang Zhu and Beibin Li and Li Jiang and Xiaoyun Zhang and Chi Wang},
      year={2023},
      eprint={2308.08155},
      archivePrefix={arXiv},
      primaryClass={cs.AI}
}