TreeGPT: Interface de bate-papo com IA para visualizar conversas baseadas em árvores

Introdução geral

O TreeGPT é um aplicativo de bate-papo de código aberto baseado no Next.js, que se concentra na visualização de conversas com modelos de linguagem grandes (LLMs, como o GPT) por meio de estruturas de gráficos em árvore (gráficos acíclicos direcionados, DAGs), substituindo a abordagem tradicional de bate-papo linear para aumentar a velocidade e a facilidade de uso. O projeto está hospedado em https://github.com/jamesmoore24/treegptO aplicativo pode ser executado localmente clonando o código-fonte e configurando uma chave de API da OpenAI (http://localhost:3000) ou visite treegpt.app O TreeGPT resolve os problemas de conversas ramificadas, pesquisas inconvenientes e uso de tokens opacos em interfaces de bate-papo tradicionais, tornando-o adequado para desenvolvedores, pesquisadores ou usuários que precisam interagir de forma eficiente.

Lista de funções

• Visualização do diálogo em árvoreApresentação de bate-papos em uma exibição de árvore interativa com suporte para navegação ramificada.
• pesquisa em linguagem naturalOtimização de resultados usando metadados incorporados, descrevendo transcrições de diálogos de pesquisa.
• Gerenciamento de tokens em tempo realControle o uso de tokens, forneça estimativas de custo e controle de saída.
• Suporte a vários modelosConexão com provedores de LLM, como OpenAI, Anthropic, etc., para seleção inteligente de modelos.
• operação de atalhoBotões semelhantes aos do Vim para alternar rapidamente os modos e editar os nós.

Usando a Ajuda

O TreeGPT é um aplicativo Next.js que precisa ser criado e executado localmente. Abaixo está um guia detalhado de instalação e uso para ajudar os usuários a implantá-lo do zero e dominar seus principais recursos.

Processo de instalação

1. Preparação ambiental
   • Instalação do Node.js: Acesso nodejs.orgPara instalar a v18, faça o download e instale a v18 ou posterior. Após a instalação, digite nó -v Confirme a versão.
   • Instale o npm ou o yarnNode.js vem com o npm, mas se preferir o yarn, você pode executar o comando npm install -g yarn Instalação.
2. armazém de clones
   • Abra um terminal e execute o seguinte comando:

     git clone https://github.com/jamesmoore24/treegpt.git
     cd treegpt
     

   • Isso fará o download do código-fonte do TreeGPT e irá para o diretório do projeto.
3. Instalação de dependências
   • Digite-o no terminal:

     npm install
     

     ou usar fios:

     instalação do yarn
     

   • Aguarde a conclusão da instalação da dependência (pode levar alguns minutos, dependendo da rede).
4. Configuração das chaves da API da OpenAI
   • No diretório raiz do projeto, crie o arquivo .env digite o seguinte:

     OPENAI_API_KEY=sua_chave_de_api
     

   • Obter a chaveAcesse o site da OpenAI (platform.openai.com), gere uma nova chave na página Chaves de API, copie e substitua a chave Sua chave_api.
   • Salve o arquivo para garantir que a chave não seja comprometida.

Executar o aplicativo

1. Iniciando o servidor de desenvolvimento
   • É executado no terminal:

     npm run dev
     

     Ou:

     desenvolvimento de fios
     

   • Após a inicialização, o terminal exibe algo como http://localhost:3000 O endereço do
2. Acesso a aplicativos
   • Abra seu navegador e digite http://localhost:3000(ou o endereço exibido no terminal).
   • Quando a página carregar, você verá a tela de bate-papo do TreeGPT.

Operação da função principal

• Visualização do diálogo em árvore
  • Comece a conversar.Digite uma pergunta na caixa de entrada (por exemplo, "Como otimizar o código"), dê enter e a resposta será exibida como um nó na árvore.
  • Criação de uma filialClique em qualquer nó e insira uma nova pergunta (por exemplo, "Ferramenta específica") para gerar um nó filho.
  • árvore de navegaçãoClique com o mouse em um nó ou pressione a tecla de atalho [j] Subindo.[1-9] Selecione a filial.[r] Retorna o nó raiz.
  • Exibir visão geralInterface: A interface fornece um minimapa que mostra a estrutura completa da árvore de diálogo, com nós que passam o mouse para visualizar o conteúdo.
• pesquisa em linguagem natural
  • manter a mão sobre [/] Vá para o modo de pesquisa e insira uma descrição (por exemplo, "algoritmo discutido ontem").
  • O sistema retorna os nós de diálogo correspondentes com base nos metadados incorporados.
• Gerenciamento de tokens em tempo real
  • A interface exibe o uso do token e o custo estimado para a conversa atual.
  • O comprimento da saída ou o tamanho da janela de contexto podem ser ajustados por meio das configurações.
• Suporte a vários modelos
  • O OpenAI é usado por padrão; se você precisar trocar de modelo (por exemplo, Anthropic), será necessário configurar outras chaves de API no código (consulte a documentação do projeto).
  • O sistema seleciona de forma inteligente o modelo ideal com base em regras incorporadas.
• operação de atalho
  • [``]Modo de bate-papo: Alterna entre o modo de bate-papo e o modo de visualização.
  • [e]Editar o conteúdo do nó atual: Editar o conteúdo do nó atual.
  • [dd]Excluir o nó atual e suas subárvores.
  • Esses comandos imitam as operações do Vim e aumentam a eficiência.

operação de amostra

Digamos que você queira discutir "Maneiras de aprender Python":

1. Digite "How to learn Python" (Como aprender Python) e obtenha uma resposta.
2. Clique no nó Answer (Resposta) e digite "What are the free resources" (Quais são os recursos gratuitos) para gerar uma ramificação.
3. manter a mão sobre [j] Mova para cima para ver o nó pai e, em seguida, digite "how long does it take to master" para formar uma nova ramificação.
4. A árvore de diálogo é exibida:

Como aprender Python
Quais são os recursos gratuitos?
Quanto tempo leva para dominar o Python?

5. manter a mão sobre [/] Pesquise por "recursos gratuitos" para localizar rapidamente os nós relevantes.

advertência

• requisito de redeConexão com a Internet: É necessária uma conexão com a Internet em tempo de execução para acessar a API do LLM.
• segurança das chaves::.env Os arquivos não devem ser carregados no repositório público.
• otimização do desempenhoQuando a árvore de diálogo é muito grande, é recomendável limpar periodicamente os nós inúteis ([dd]).

Com as etapas acima, os usuários podem criar facilmente o TreeGPT e experimentar localmente seus poderosos diálogos de árvore.