Repolode
Enviar
omdsh-dev

omdsh-dev/dsh-genui

Plugin do DSH que exibe componentes de interface interativos (gráficos, tabelas, formulários, quizzes, plots e Mermaid) diretamente nas respostas do assistente.

Ver no GitHubSite
Estrelas
659
Forks
73
Issues abertas
14
Último commit
há 6 horas

O que é?

dsh-genui é um plugin para DSH que permite incluir componentes de interface interativos nas respostas do modelo, em vez de apenas texto. O modelo escreve uma descrição em JSON dentro de um bloco de código dsh-ui, e o renderizador do navegador a substitui por cartões de métricas, tabelas ordenáveis, gráficos do ECharts e do Mermaid, formulários, quizzes, plots de funções e um painel de sessão persistente, mantendo o texto ao redor no lugar.

Os componentes vêm de uma lista permitida, então o modelo não pode injetar HTML nem scripts, e nós inválidos são descartados sem interromper o restante da resposta. Botões e controles de formulário podem enviar ações de volta ao modelo, enquanto operações locais, como correção de respostas, ordenação e atualização dos gráficos com controles deslizantes, são executadas no navegador. Blocos concluídos podem ser exportados como HTML independente ou como JSON.

O pacote é publicado no npm como @changfenhuang/dsh-genui e tem como alvo versões release candidate específicas do DSH 0.2.x. Sem o plugin, blocos dsh-ui são exibidos simplesmente como blocos de código comuns.

Recursos principais

  • 01Exibe cartões de métricas, tabelas, gráficos, abas, acordeões e árvores de arquivos dentro de uma resposta.
  • 02Oferece suporte a gráficos do ECharts e diagramas do Mermaid, com carregamento sob demanda dos mecanismos de renderização.
  • 03Desenha plots de funções cujos controles deslizantes de parâmetros atualizam a curva localmente.
  • 04Oferece quizzes e formulários de múltipla escolha com correção local e ações opcionais de volta ao modelo.
  • 05Mantém um painel de sessão persistente que é atualizado no próprio lugar.
  • 06Exporta componentes concluídos como HTML independente ou JSON.

Casos de uso

  • Exibir métricas de pedidos ou serviços como dashboards dentro de uma resposta do chat.
  • Criar quizzes interativos ou exercícios gerados por um modelo.
  • Visualizar matemática ou dados com plots e gráficos ajustáveis.
  • Permitir que usuários executem ações com base nas sugestões do modelo usando botões e formulários.

Início rápido

  1. 1

    Instale o pnpm, se ainda não estiver instalado (corepack enable).

    corepack enable
  2. 2

    Instale e ative o plugin no DSH.

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

    Reinicie o dsh web, force a atualização da página e inicie uma nova sessão para verificar.

Antes de usar

  • Requer DSH versão ^0.2.0-rc.1 || ^0.2.1-rc.1 e pnpm no PATH.
  • O host precisa fornecer a ativação do cliente e os serviços slots e sessions.
  • Os testes de ponta a ponta com um modelo real exigem credenciais de modelo configuradas.
  • Instalar pelo npm usando o nome de pacote incorreto pode trazer um projeto sem relação chamado dsh-genui.

Tópicos

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

Perguntas frequentes

O que é dsh-genui?
Plugin do DSH que exibe componentes de interface interativos (gráficos, tabelas, formulários, quizzes, plots e Mermaid) diretamente nas respostas do assistente. dsh-genui é um plugin para DSH que permite incluir componentes de interface interativos nas respostas do modelo, em vez de apenas texto. O modelo escreve uma descrição em JSON dentro de um bloco de código dsh-ui, e o renderizador do navegador a substitui por cartões de métricas, tabelas ordenáveis, gráficos do ECharts e do Mermaid, formulários, quizzes, plots de funções e um painel de sessão persistente, mantendo o texto ao redor no lugar.
dsh-genui é gratuito? Qual é a licença?
dsh-genui é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
dsh-genui ainda é mantido?
Manutenção ativa. O último commit de dsh-genui foi em 19 de out. de 2026.
Para que posso usar dsh-genui?
Exibir métricas de pedidos ou serviços como dashboards dentro de uma resposta do chat. Criar quizzes interativos ou exercícios gerados por um modelo. Visualizar matemática ou dados com plots e gráficos ajustáveis. Permitir que usuários executem ações com base nas sugestões do modelo usando botões e formulários.
Como instalar dsh-genui?
Instale o pnpm, se ainda não estiver instalado (corepack enable).: corepack enable Instale e ative o plugin no DSH.: dsh plugin --profile web add @changfenhuang/dsh-genui Reinicie o dsh web, force a atualização da página e inicie uma nova sessão para verificar.
Onde consigo dsh-genui?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/omdsh-dev/dsh-genui

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados