Repolode
Submit
omdsh-dev

omdsh-dev/dsh-genui

A DSH plugin that renders interactive UI components (charts, tables, forms, quizzes, plots, Mermaid) inline inside assistant replies.

View on GitHubWebsite
Stars
659
Forks
73
Open issues
14
Last commit
8 hours ago

What is it?

dsh-genui is a plugin for DSH that lets a model's answer include interactive interface components instead of plain text alone. The model writes a JSON description inside a dsh-ui code fence, and the browser renderer replaces it with stat cards, sortable tables, ECharts and Mermaid charts, forms, quizzes, function plots, and a persistent session panel, while the surrounding text stays in place.

Components come from a whitelist, so the model cannot inject HTML or scripts, and invalid nodes are dropped without breaking the rest of the reply. Buttons and form controls can send actions back to the model, while local operations such as grading, sorting, and slider redraws run in the browser. Settled blocks can be exported as standalone HTML or as JSON.

The package is published on npm as @changfenhuang/dsh-genui and targets specific DSH 0.2.x release candidates. Without the plugin, dsh-ui fences simply display as ordinary code blocks.

Key features

  • 01Renders stat cards, tables, charts, tabs, accordions, and file trees inside a reply.
  • 02Supports ECharts charts and Mermaid diagrams, with lazy-loaded rendering engines.
  • 03Draws function plots whose parameter sliders redraw the curve locally.
  • 04Provides quizzes and multiple-choice forms with local grading and optional actions back to the model.
  • 05Keeps a persistent session panel that updates in place.
  • 06Exports settled components as standalone HTML or JSON.

Use cases

  • Showing order or service metrics as dashboards inside a chat answer.
  • Building interactive quizzes or practice questions generated by a model.
  • Visualizing math or data with adjustable plots and charts.
  • Letting users act on model suggestions through buttons and forms.

Quick start

  1. 1

    Install pnpm if missing (corepack enable)

    corepack enable
  2. 2

    Install and activate the plugin in DSH

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

    Restart dsh web, hard-refresh, and start a new session to verify

Things to know

  • Requires DSH version ^0.2.0-rc.1 || ^0.2.1-rc.1 and pnpm on your PATH.
  • Requires the host to provide client activation and the slots and sessions services.
  • Real-model end-to-end testing needs configured model credentials.
  • Installing from npm with the wrong package name can pull in an unrelated project named dsh-genui.

Topics

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

FAQ

What is dsh-genui?
A DSH plugin that renders interactive UI components (charts, tables, forms, quizzes, plots, Mermaid) inline inside assistant replies. dsh-genui is a plugin for DSH that lets a model's answer include interactive interface components instead of plain text alone. The model writes a JSON description inside a dsh-ui code fence, and the browser renderer replaces it with stat cards, sortable tables, ECharts and Mermaid charts, forms, quizzes, function plots, and a persistent session panel, while the surrounding text stays in place.
Is dsh-genui free to use? What license does it have?
dsh-genui is open source under the MIT license. Check the license terms before using it in commercial products.
Is dsh-genui still maintained?
Actively maintained. The last commit to dsh-genui was on Oct 19, 2026.
What can I use dsh-genui for?
Showing order or service metrics as dashboards inside a chat answer. Building interactive quizzes or practice questions generated by a model. Visualizing math or data with adjustable plots and charts. Letting users act on model suggestions through buttons and forms.
How do I install dsh-genui?
Install pnpm if missing (corepack enable): corepack enable Install and activate the plugin in DSH: dsh plugin --profile web add @changfenhuang/dsh-genui Restart dsh web, hard-refresh, and start a new session to verify
Where can I get dsh-genui?
The source code and installation instructions are on GitHub: https://github.com/omdsh-dev/dsh-genui

Summary generated by AI from the project's README. GitHub stats refresh daily.

Related projects