Repolode
omdsh-dev

omdsh-dev/dsh-genui

Плагин DSH, который встраивает интерактивные компоненты интерфейса — графики, таблицы, формы, тесты, диаграммы и Mermaid — прямо в ответы ассистента.

Звёзды
659
Форки
73
Открытые issues
14
Последний коммит
6 часов назад

Что это?

dsh-genui — плагин для DSH, который позволяет модели добавлять в ответы интерактивные компоненты интерфейса, а не только обычный текст. Модель записывает описание в формате JSON внутри блока кода dsh-ui, а браузерный рендерер заменяет его карточками со статистикой, сортируемыми таблицами, графиками ECharts и Mermaid, формами, тестами, графиками функций и постоянной панелью сессии. Окружающий текст при этом остается на месте.

Компоненты берутся из белого списка, поэтому модель не может внедрить HTML или скрипты, а некорректные узлы отбрасываются, не нарушая остальную часть ответа. Кнопки и элементы управления в формах могут отправлять действия обратно модели, а локальные операции — например, проверка ответов, сортировка и перерисовка графиков при перемещении ползунка — выполняются в браузере. Готовые блоки можно экспортировать как отдельный HTML-файл или JSON.

Пакет опубликован в npm под именем @changfenhuang/dsh-genui и рассчитан на определенные релиз-кандидаты DSH 0.2.x. Без плагина блоки dsh-ui отображаются как обычные блоки кода.

Ключевые возможности

  • 01Встраивает в ответы карточки со статистикой, таблицы, графики, вкладки, аккордеоны и деревья файлов.
  • 02Поддерживает графики ECharts и диаграммы Mermaid с отложенной загрузкой движков визуализации.
  • 03Строит графики функций, кривые на которых перерисовываются локально при изменении значений ползунков.
  • 04Предоставляет тесты и формы с выбором ответа, которые можно проверять локально и при необходимости отправлять действия модели.
  • 05Сохраняет постоянную панель сессии и обновляет ее содержимое на месте.
  • 06Экспортирует готовые компоненты как отдельный HTML-файл или JSON.

Сценарии использования

  • Показывать метрики заказов или сервисов в виде дашбордов прямо в ответе чата.
  • Создавать интерактивные тесты или тренировочные вопросы, сгенерированные моделью.
  • Визуализировать математику или данные с помощью настраиваемых графиков и диаграмм.
  • Позволять пользователям выполнять действия по рекомендациям модели с помощью кнопок и форм.

Быстрый старт

  1. 1

    Установите pnpm, если он ещё не установлен (corepack enable).

    corepack enable
  2. 2

    Установите плагин и активируйте его в DSH.

    dsh plugin --profile web add @changfenhuang/dsh-genui
  3. 3

    Перезапустите dsh web, выполните жёсткую перезагрузку страницы и начните новый сеанс для проверки.

Что важно знать

  • Требуются DSH версии ^0.2.0-rc.1 || ^0.2.1-rc.1 и pnpm в PATH.
  • Хост должен обеспечивать активацию клиента и предоставлять сервисы slots и sessions.
  • Для сквозного тестирования с реальной моделью необходимо настроить учётные данные модели.
  • Установка из npm с неверным именем пакета может установить не связанный с проектом пакет dsh-genui.

Темы

Частые вопросы

Что такое dsh-genui?
Плагин DSH, который встраивает интерактивные компоненты интерфейса — графики, таблицы, формы, тесты, диаграммы и Mermaid — прямо в ответы ассистента. dsh-genui — плагин для DSH, который позволяет модели добавлять в ответы интерактивные компоненты интерфейса, а не только обычный текст. Модель записывает описание в формате JSON внутри блока кода dsh-ui, а браузерный рендерер заменяет его карточками со статистикой, сортируемыми таблицами, графиками ECharts и Mermaid, формами, тестами, графиками функций и постоянной панелью сессии. Окружающий текст при этом остается на месте.
dsh-genui можно использовать бесплатно? Какая у него лицензия?
dsh-genui распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
dsh-genui всё ещё поддерживается?
Активно поддерживается. Последний коммит в dsh-genui — 19 окт. 2026 г..
Для чего можно использовать dsh-genui?
Показывать метрики заказов или сервисов в виде дашбордов прямо в ответе чата. Создавать интерактивные тесты или тренировочные вопросы, сгенерированные моделью. Визуализировать математику или данные с помощью настраиваемых графиков и диаграмм. Позволять пользователям выполнять действия по рекомендациям модели с помощью кнопок и форм.
Как установить dsh-genui?
Установите pnpm, если он ещё не установлен (corepack enable).: corepack enable Установите плагин и активируйте его в DSH.: dsh plugin --profile web add @changfenhuang/dsh-genui Перезапустите dsh web, выполните жёсткую перезагрузку страницы и начните новый сеанс для проверки.
Где скачать dsh-genui?
Исходный код и инструкции по установке — на GitHub: https://github.com/omdsh-dev/dsh-genui

Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.

Похожие проекты

Демонстрационный проект с открытым исходным кодом на Next.js, воссоздающий Intelligent UI из ChatGPT: ответы модели выводятся потоком в виде интерактивных карт, диаграмм, форм и работающих инструментов на базе OpenUI.

60848TypeScriptMITОбновлён позавчера