TreeGPT : Interface de chat AI pour visualiser les conversations basées sur les arbres

Introduction générale

TreeGPT est une application de chat open source basée sur Next.js, qui se concentre sur la visualisation des conversations avec de grands modèles de langage (LLM, tels que GPT) à travers des structures de graphes arborescents (graphes acycliques dirigés, DAG), remplaçant l'approche de chat linéaire traditionnelle pour améliorer la rapidité et la facilité d'utilisation. Le projet est hébergé sur https://github.com/jamesmoore24/treegptL'application peut être exécutée localement en clonant le code source et en configurant une clé API OpenAI (http://localhost:3000) ou visitez le site treegpt.app TreeGPT résout le problème de l'interface de chat traditionnelle, où les conversations à plusieurs branches sont difficiles à gérer, où la recherche n'est pas pratique, et où l'on ne peut pas faire de recherches. jeton Le problème de l'opacité de l'utilisation convient aux développeurs, aux chercheurs ou aux utilisateurs qui ont besoin d'une interaction efficace.

Liste des fonctions

• Visualisation du dialogue arborescentPrésentation des chats dans une arborescence interactive avec prise en charge de la navigation par branches.
• recherche en langage naturelOptimising results using embedded metadata by describing search dialogue transcripts (Optimisation des résultats à l'aide de métadonnées intégrées en décrivant les transcriptions des dialogues de recherche).
• Gestion des jetons en temps réelLes services d'assistance technique : Suivre l'utilisation des jetons, fournir des estimations de coûts et un contrôle de la production.
• Prise en charge de plusieurs modèlesLes modèles d'apprentissage à distance (LLM) : se connecter à des fournisseurs de LLM tels que OpenAI, Anthropic, etc. pour une sélection intelligente des modèles.
• opération de raccourci: Fournit des boutons semblables à ceux de Vim pour changer rapidement de mode et éditer des nœuds.

Utiliser l'aide

TreeGPT est une application Next.js qui doit être construite et exécutée localement. Vous trouverez ci-dessous un guide d'installation et d'utilisation détaillé pour aider les utilisateurs à la déployer à partir de zéro et à maîtriser ses principales fonctionnalités.

Processus d'installation

1. Préparation de l'environnement
   • Installation de Node.js: Accès nodejs.orgPour installer la v18, téléchargez et installez la v18 ou une version ultérieure. Après l'installation, tapez node -v Confirmer la version.
   • Installer npm ou yarnNode.js est livré avec npm, mais si vous préférez yarn, vous pouvez lancer la commande npm install -g yarn Installation.
2. entrepôt de clones
   • Ouvrez un terminal et exécutez la commande suivante :

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

   • Ceci téléchargera le code source de TreeGPT et ira dans le répertoire du projet.
3. Installation des dépendances
   • Saisissez-le dans le terminal :

     npm install
     

     ou utiliser du fil :

     yarn install
     

   • Attendez que l'installation des dépendances soit terminée (cela peut prendre quelques minutes, en fonction du réseau).
4. Configuration des clés API OpenAI
   • Dans le répertoire racine du projet, créez le fichier .env entrez ce qui suit :

     OPENAI_API_KEY=你的_api_密钥
     

   • Obtenir la cléPour plus d'informations, veuillez consulter le site web de l'OpenAI (en anglais).platform.openai.com), générez une nouvelle clé sur la page Clés API, copiez et remplacez le fichier 你的_api_密钥.
   • Enregistrez le fichier pour vous assurer que la clé n'est pas compromise.

Exécution de l'application

1. Démarrer le serveur de développement
   • S'exécute dans le terminal :

     npm run dev
     

     Ou bien :

     yarn dev
     

   • Après le démarrage, le terminal affiche quelque chose comme http://localhost:3000 L'adresse du
2. Accès aux applications
   • Ouvrez votre navigateur et tapez http://localhost:3000(ou l'adresse affichée sur le terminal).
   • Une fois la page chargée, vous verrez l'écran de chat de TreeGPT.

Fonction principale Fonctionnement

• Visualisation du dialogue arborescent
  • Commencez à discuter.La réponse est affichée sous la forme d'un nœud dans l'arbre.
  • Création d'une brancheCliquez sur n'importe quel nœud et saisissez une nouvelle question (par exemple "Outil spécifique") pour générer un nœud enfant.
  • arbre de navigationCliquez sur un nœud à l'aide de la souris ou appuyez sur la touche de raccourci. [j] En progression.[1-9] Sélectionnez la branche.[r] Renvoie le nœud racine.
  • Voir l'aperçuL'interface propose une mini-carte montrant l'arborescence complète du dialogue, avec des nœuds survolés par la souris pour prévisualiser le contenu.
• recherche en langage naturel
  • presse [/] Passez en mode recherche et entrez une description (par exemple, "algorithme discuté hier").
  • Le système renvoie les nœuds de dialogue correspondants sur la base des métadonnées intégrées.
• Gestion des jetons en temps réel
  • L'interface affiche l'utilisation des jetons et le coût estimé pour la conversation en cours.
  • La longueur de la sortie ou la taille de la fenêtre contextuelle peut être ajustée.
• Prise en charge de plusieurs modèles
  • OpenAI est utilisé par défaut, si vous avez besoin de changer de modèle (par exemple Anthropic), vous devez configurer d'autres clés API dans le code (voir la documentation du projet).
  • Le système sélectionne intelligemment le modèle optimal sur la base de règles intégrées.
• opération de raccourci
  • [``]: Basculer entre le mode chat et le mode affichage.
  • [e]: Modifie le contenu du nœud actuel.
  • [dd]: Supprime le nœud actuel et ses sous-arbres.
  • Ces commandes imitent les opérations de Vim et améliorent l'efficacité.

opération d'échantillonnage

Supposons que vous souhaitiez discuter des "Méthodes d'apprentissage de Python" :

1. Tapez "Comment apprendre Python" et obtenez une réponse.
2. Cliquez sur le nœud Réponse et entrez "Quelles sont les ressources gratuites" pour générer une branche.
3. presse [j] Remontez pour voir le nœud parent, puis entrez "how long does it take to master" pour former une nouvelle branche.
4. L'arbre de dialogue s'affiche :

如何学习 Python
├── 有哪些免费资源
└── 需要多久掌握

5. presse [/] La recherche de "ressources gratuites" permet de localiser rapidement les nœuds pertinents.

mise en garde

• exigences en matière de réseauL'accès à l'API LLM nécessite une connexion Internet au moment de l'exécution.
• sécurité des clés: :.env Les fichiers ne doivent pas être téléchargés dans le dépôt public.
• l'optimisation des performancesLorsque l'arbre de dialogue est trop grand, il est recommandé de nettoyer périodiquement les nœuds inutiles ([dd]).

Avec les étapes ci-dessus, les utilisateurs peuvent facilement construire TreeGPT et expérimenter localement ses puissants dialogues sur les arbres.