dsh-genui

更多介绍

dsh-genui 的所有组件与交互受严格的白名单规范约束，兼顾丰富表现力与高安全性。完整字段定义见 SKILL.md。

1. 🌊 边流边渲染 (Streaming UI) - 回答即界面 ：组件内嵌在回复正文中，跟随模型 Token 流式吐出，边生成边即时挂载， 无需等待整段回复输出完毕 。 - 零破坏降级 ：若未安装或禁用插件，dsh-ui 围栏将退回为优雅的 Markdown 代码块，绝不破坏会话内容。

2. 🎨 30+ 丰富组件生态 (Components Matrix) - 展示与排版 ：包含指标卡（stat，支持 Hero 超大字号与微趋势线 Sparkline）、表格（table）、时间线（timeline）、代码对比（diff）、步骤条（steps）、文件树（file-tree，支持点击展开折叠）、提示卡（callout）、徽章（badge）等。 - 内容字号 ：卡片字号会随宿主「设置 → 外观 → 内容字号」增大；宿主设置为 17px 或更小时保留各组件原有字号。独立导出的 HTML 保留原有字号。 - 高级表格 ： - 点击表头 纯本地排序 （升序/降序/还原，支持千分位、百分比、货币及万/亿数值感知）； - 单元格支持 bar 进度条、ring 环形、spark 趋势线，带正负符号数值自动着色； - 一键支持数据导出（复制 Markdown / CSV）与即时文本过滤（Filter）。 - ECharts 深度集成 (echart) ： - 预设简写模式 （preset）：支持 bar、line、area、pie、scatter、radar、gauge、funnel、treemap、sankey、graph、heatmap、bigline、wordCloud 等数十种图形，配色自动匹配 DSH 主题； - 完整配置模式 （option）：支持原生 ECharts 选项，轻松开启 DataZoom、VisualMap 等高级特性； - 按需异步加载 ：ECharts 引擎（ 1MB）独立打包，未调用图表组件的会话绝不加载多余代码。 - 数学函数绘图 (plot) ： - 支持多曲线绘制（line / area / scatter），公式支持三角函数、对数、幂运算等； - 动态参数滑块 ：拖动滑块前端毫秒级重绘，锁定 Y 轴，支持自动动画循环演示。 - Mermaid & 3D 场景 ：支持流程图、序列图及轻量 3D 模型渲染，引擎按需异步加载。 - 原生多媒体 ：支持浏览器可直达的音频（audio）与视频（video）嵌入播放，包含封面图、比例自适应及播放控制。 - 数学公式集成 ：基于 KaTeX，支持行内公式 $...$、块级公式 $$...$$，支持矩阵与多行推导。

3. ⚡ 本地优先即时交互 (Local-First Experience) - 本地优先原则 ：前端界面能够独立完成的操作（表格排序、过滤、内容展开/收起、标签切换、参数重绘、测验判题）， 一律在浏览器本地即时完成 ，绝不进行不必要的模型往返。 - 测验与本地判卷 (quiz / submit) ： - 单题测验点击即在本地判题、展示解析并支持重试； - 多题问卷/表单可通过 submit 统一交卷，支持 groups 必填项控制与进度感知。…