omdsh-dev/dsh-genui

What it solves

dsh-genui 将 AI 模型生成的静态文本回复转换为交互式的视觉化用户界面。用户不再只是接收纯文本答案或原始代码块，而是可以直接在对话流中看到渲染出的组件——例如仪表板、图表和交互式表单——使复杂的数据和交互变得更加直观且具有可操作性。

How it works

该项目使用声明式的 JSON 规范。AI 模型在特殊的 dsh-ui 代码块中编写 UI 的描述（例如：表格或图表）。随后，浏览器端的渲染器会拦截此 JSON 并将其转换为一组安全且经过白名单允许的 UI 组件。为了维持性能，核心渲染器非常轻量，而像 ECharts、Mermaid、Three.js 等重量级引擎则仅在需要时才进行延迟加载。

Who it’s for

该项目旨在为使用 DSH 生态系统的用户和开发者，使其能够超越文本-only 交互，在聊天界面中创建丰富的、类应用化的体验。

Highlights

• Answer-as-UI: 组件在模型流式输出回复时实时渲染。
• Extensive Component Library: 提供超过 30 种组件，包括统计卡片、可排序表格、ECharts、Mermaid diagrams、3D 元素等。
• Local-First Interaction: UI 状态变更（例如：测验评分、标签页切换、图表的参数滑块）在客户端侧即时发生，无需经过模型往返通信。
• Persistent Session Panels: 支持可调整大小的停靠面板，用于创建可在原地进行更新的持久性工作表面。
• Local-First Interaction: UI 状态变更（例如：测验评分、标签页切换、图表的参数滑块）在客户端侧即时发生，无需经过模型往返通信。
• Persistent Session Panels: 支持可調整大小的停靠面板，用于创建可在原地进行更新的持久性工作表面。
• Safe Rendering: 使用严格的白名单机制与一个独立的解析器来处理函数表达式，以防止执行任意脚本。