TreeGPT: интерфейс чата с искусственным интеллектом для визуализации разговоров на основе деревьев

Общее введение

TreeGPT - это чат-приложение с открытым исходным кодом на базе Next.js, ориентированное на визуализацию разговоров с использованием больших языковых моделей (LLM, таких как GPT) через древовидные графовые структуры (Directed acyclic graphs, DAGs), заменяя традиционный линейный подход к чатам для повышения скорости и простоты использования. Проект размещен на сайте https://github.com/jamesmoore24/treegptПриложение можно запустить локально, клонировав исходный код и настроив ключ OpenAI API (http://localhost:3000) или посетите treegpt.app TreeGPT решает проблему традиционного интерфейса чата, в котором сложно управлять разветвленными беседами, неудобен поиск и жетон Проблема непрозрачности использования подходит для разработчиков, исследователей или пользователей, которым необходимо эффективное взаимодействие.

Список функций

• Визуализация диалогов деревьев: Представление чатов в виде интерактивного дерева с поддержкой ветвящейся навигации.
• поиск на естественном языке: Оптимизация результатов с помощью встроенных метаданных при описании транскриптов поисковых диалогов.
• Управление токенами в режиме реального времени: Отслеживание использования токенов, составление сметы расходов и контроль выпуска.
• Поддержка нескольких моделей: Подключение к провайдерам LLM, таким как OpenAI, Anthropic и т.д., для интеллектуального выбора модели.
• быстрая операция: Предоставляет Vim-подобные кнопки для быстрого переключения режимов и редактирования узлов.

Использование помощи

TreeGPT - это приложение Next.js, которое должно быть создано и запущено локально. Ниже приведено подробное руководство по установке и использованию, которое поможет пользователям развернуть его с нуля и освоить основные функции.

Процесс установки

1. Подготовка к защите окружающей среды
   • Установка Node.js: Доступ nodejs.orgЧтобы установить v18, загрузите и установите v18 или более позднюю версию. После установки введите node -v Подтвердите версию.
   • Установите npm или yarn: Node.js поставляется с npm, но если вы предпочитаете yarn, вы можете запустить npm install -g yarn Установка.
2. склад клонов
   • Откройте терминал и выполните следующую команду:

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

   • Это позволит загрузить исходный код TreeGPT и войти в каталог проекта.
3. Установка зависимостей
   • Введите его в терминал:

     npm install
     

     или используйте пряжу:

     yarn install
     

   • Дождитесь завершения установки зависимостей (может занять несколько минут, в зависимости от сети).
4. Настройка ключей API OpenAI
   • В корневом каталоге проекта создайте файл .env введите следующее:

     OPENAI_API_KEY=你的_api_密钥
     

   • Получить ключ: Перейдите на веб-сайт OpenAI (platform.openai.com), сгенерируйте новый ключ на странице API Keys, скопируйте и замените файл 你的_api_密钥.
   • Сохраните файл, чтобы убедиться, что ключ не скомпрометирован.

Запуск приложения

1. Запуск сервера разработки
   • Запускается в терминале:

     npm run dev
     

     Или:

     yarn dev
     

   • После запуска в терминале отображается что-то вроде http://localhost:3000 Адрес
2. Доступ к приложениям
   • Откройте браузер и введите http://localhost:3000(или адрес, отображаемый на терминале).
   • После загрузки страницы вы увидите экран чата TreeGPT.

Основная функция Эксплуатация

• Визуализация диалогов деревьев
  • Начните общаться.: Введите вопрос в поле ввода (например, "Как оптимизировать код"), введите, и ответ отобразится в виде узла в дереве.
  • Создание филиала: Щелкните на любом узле и введите новый вопрос (например, "Конкретный инструмент"), чтобы создать дочерний узел.
  • дерево навигации: Щелкните мышью на узле или нажмите клавишу быстрого доступа. [j] Движение вверх.[1-9] Выберите филиал.[r] Возвращает корневой узел.
  • Обзор: Интерфейс предоставляет мини-карту, показывающую полную структуру дерева диалогов, с наведением мыши на узлы для предварительного просмотра содержимого.
• поиск на естественном языке
  • нажмите [/] Перейдите в режим поиска и введите описание (например, "алгоритм, который обсуждался вчера").
  • Система возвращает подходящие диалоговые узлы на основе встроенных метаданных.
• Управление токенами в режиме реального времени
  • В интерфейсе отображается использование токенов и их предполагаемая стоимость для текущего разговора.
  • Длина вывода или размер контекстного окна могут быть изменены с помощью настроек.
• Поддержка нескольких моделей
  • По умолчанию используется OpenAI, если вам нужно переключить модель (например, Anthropic), необходимо настроить другие API-ключи в коде (см. документацию проекта).
  • Система интеллектуально выбирает оптимальную модель на основе встроенных правил.
• быстрая операция
  • [``]: Переключение между чатом и режимом просмотра.
  • [e]: Редактирование содержимого текущего узла.
  • [dd]: Удалить текущий узел и его поддеревья.
  • Эти команды имитируют работу Vim и повышают эффективность.

пробная операция

Допустим, вы хотите изучить "Способы изучения Python":

1. Введите "Как выучить Python" и получите ответ.
2. Щелкните на узле "Ответ" и введите "Какие есть свободные ресурсы", чтобы создать ветку.
3. нажмите [j] Поднимитесь вверх, чтобы увидеть родительский узел, затем введите "how long does it take to master", чтобы сформировать новую ветвь.
4. Отобразится дерево диалогов:

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

5. нажмите [/] Поиск "бесплатных ресурсов" позволяет быстро найти нужные узлы.

предостережение

• сетевые требования: Для доступа к LLM API во время выполнения требуется подключение к Интернету.
• безопасность ключей::.env Файлы не должны загружаться в публичное хранилище.
• оптимизация производительности: Когда диалоговое дерево слишком велико, рекомендуется периодически очищать его от бесполезных узлов (см.[dd]).

Выполнив описанные выше действия, пользователи смогут легко создать TreeGPT и испытать его мощные диалоги с деревьями на месте.