Repolode
Enviar
omdsh-dev

omdsh-dev/dsh-genui

Un plugin de DSH que muestra componentes de interfaz interactivos (gráficos, tablas, formularios, cuestionarios, diagramas y Mermaid) dentro de las respuestas del asistente.

Ver en GitHubSitio web
Estrellas
659
Forks
73
Issues abiertos
14
Último commit
hace 6 horas

¿Qué es?

dsh-genui es un plugin para DSH que permite que la respuesta de un modelo incluya componentes de interfaz interactivos, en lugar de limitarse al texto. El modelo escribe una descripción JSON dentro de un bloque de código dsh-ui, y el renderizador del navegador la reemplaza por tarjetas de métricas, tablas ordenables, gráficos de ECharts y Mermaid, formularios, cuestionarios, gráficos de funciones y un panel de sesión persistente, mientras el texto circundante permanece en su lugar.

Los componentes proceden de una lista permitida, por lo que el modelo no puede inyectar HTML ni scripts, y los nodos no válidos se descartan sin afectar al resto de la respuesta. Los botones y controles de los formularios pueden enviar acciones al modelo, mientras que las operaciones locales, como la corrección, la ordenación y el redibujado de los gráficos al mover los controles deslizantes, se ejecutan en el navegador. Los bloques finalizados se pueden exportar como HTML independiente o como JSON.

El paquete se publica en npm con el nombre @changfenhuang/dsh-genui y está dirigido a versiones candidatas específicas de DSH 0.2.x. Sin el plugin, los bloques dsh-ui se muestran simplemente como bloques de código normales.

Funciones clave

  • 01Muestra tarjetas de métricas, tablas, gráficos, pestañas, acordeones y árboles de archivos dentro de una respuesta.
  • 02Admite gráficos de ECharts y diagramas de Mermaid, con motores de renderizado que se cargan de forma diferida.
  • 03Dibuja gráficos de funciones cuyos controles deslizantes de parámetros actualizan la curva localmente.
  • 04Ofrece cuestionarios y formularios de opción múltiple con corrección local y acciones opcionales para el modelo.
  • 05Mantiene un panel de sesión persistente que se actualiza en el mismo lugar.
  • 06Exporta los componentes finalizados como HTML independiente o JSON.

Casos de uso

  • Mostrar métricas de pedidos o servicios en paneles dentro de una respuesta de chat.
  • Crear cuestionarios interactivos o preguntas de práctica generados por un modelo.
  • Visualizar matemáticas o datos con gráficos ajustables.
  • Permitir que los usuarios actúen sobre las sugerencias del modelo mediante botones y formularios.

Inicio rápido

  1. 1

    Instala pnpm si no lo tienes (corepack enable).

    corepack enable
  2. 2

    Instala y activa el plugin en DSH.

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

    Reinicia dsh web, fuerza la recarga y comienza una sesión nueva para verificarlo.

Antes de usarlo

  • Requiere DSH versión ^0.2.0-rc.1 || ^0.2.1-rc.1 y pnpm en tu PATH.
  • El host debe proporcionar la activación del cliente y los servicios slots y sessions.
  • Las pruebas de extremo a extremo con un modelo real requieren credenciales de modelo configuradas.
  • Si instalas desde npm con el nombre de paquete equivocado, podrías instalar un proyecto no relacionado llamado dsh-genui.

Temas

#dsh-plugin#generative-ui#llm#chat-ui#charts#react#typescript#interactive-components#dsh

Preguntas frecuentes

¿Qué es dsh-genui?
Un plugin de DSH que muestra componentes de interfaz interactivos (gráficos, tablas, formularios, cuestionarios, diagramas y Mermaid) dentro de las respuestas del asistente. dsh-genui es un plugin para DSH que permite que la respuesta de un modelo incluya componentes de interfaz interactivos, en lugar de limitarse al texto. El modelo escribe una descripción JSON dentro de un bloque de código dsh-ui, y el renderizador del navegador la reemplaza por tarjetas de métricas, tablas ordenables, gráficos de ECharts y Mermaid, formularios, cuestionarios, gráficos de funciones y un panel de sesión persistente, mientras el texto circundante permanece en su lugar.
¿dsh-genui es gratuito? ¿Qué licencia tiene?
dsh-genui es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿dsh-genui sigue mantenido?
Mantenimiento activo. El último commit de dsh-genui fue el 19 oct 2026.
¿Para qué puedo usar dsh-genui?
Mostrar métricas de pedidos o servicios en paneles dentro de una respuesta de chat. Crear cuestionarios interactivos o preguntas de práctica generados por un modelo. Visualizar matemáticas o datos con gráficos ajustables. Permitir que los usuarios actúen sobre las sugerencias del modelo mediante botones y formularios.
¿Cómo se instala dsh-genui?
Instala pnpm si no lo tienes (corepack enable).: corepack enable Instala y activa el plugin en DSH.: dsh plugin --profile web add @changfenhuang/dsh-genui Reinicia dsh web, fuerza la recarga y comienza una sesión nueva para verificarlo.
¿Dónde consigo dsh-genui?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/omdsh-dev/dsh-genui

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados