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 生態系統的使用者和開發者提供服務，讓他們能夠超越文字對話，在聊天介面中建立豐富的應用程式化體驗。

Highlights

• Answer-as-UI: 組件會在模型串流回覆時即時渲染。
• Extensive Component Library: 提供超過 30 種組件，包括數據統計卡片、可排序表格、ECharts、Merai diagrams、3D 元素等。
• Local-First Interaction: UI 狀態變更（例如：測驗評分、分頁切換、圖表的參數滑桿）會在用戶端即時發生，無需經過模型回覆循環。
• Persistent Session Panels: 支援可調整大小的停靠面板，用於建立可原地更新的持久性工作表面。
• Safe Rendering: 使用嚴格的白名單機制與獨立的解析器來處理函數表達式，以防止執行任意腳本。