<div align="center">

# dsh-intelligent-ui

**[DeepSeek Harness](https://github.com/deepseek-ai/deepseek-harness) 的 Web 插件：模型不再只用文字回答，而是直接给出一个可以操作的界面。**

[![DSH CLI](https://img.shields.io/badge/DSH_CLI-0.2.0--rc.2-4f46e5?style=flat-square)](package.json)
[![npm version](https://img.shields.io/npm/v/@left0ver/dsh-intelligent-ui?style=flat-square&logo=npm)](https://www.npmjs.com/package/@left0ver/dsh-intelligent-ui)
[![MIT License](https://img.shields.io/badge/license-MIT-22c55e?style=flat-square)](LICENSE)

[English](README.md) · 简体中文

</div>

![效果展示](./assets/demo.zh.gif)

## 功能

- **边生成边显示**：模型每写出一段，界面就多出一块。
- **本地交互**：拖动滑块、修改输入、切换页签后立即重算，不再请求模型。
- **常用控件**：滑块、输入框、下拉选择、勾选框、页签、按钮、表格、进度条、标签、提示框、可展开的小节、色块，以及折线图、柱状图、面积图和饼图。
- **隔离运行**：模型写的程序在沙箱里运行，不能联网，也读不到页面上的数据。

## 快速开始

### 1. 安装

```sh
dsh plugin --profile web add @left0ver/dsh-intelligent-ui
```

新版本刚发布时可能被 pnpm 的冷静期拦住。在 `~/.dsh/profiles/web/pnpm-workspace.yaml` 里加上下面两行再安装：

```yaml
minimumReleaseAgeExclude:
  - '@left0ver/dsh-intelligent-ui'
```

### 2. 启动

```sh
dsh web
```

### 3. 提问

像平时一样提需求，不用提到插件。例如：

```
我月薪 2 万，每月房租 5000、吃饭 3000、交通 800、娱乐 1500。想攒 30 万首付，帮我看看钱都花在哪了，多久能攒够
```

## 更新与卸载

```sh
dsh plugin --profile web update @left0ver/dsh-intelligent-ui
dsh plugin --profile web remove @left0ver/dsh-intelligent-ui
```

## 已知限制

- 界面状态不保存，刷新页面后回到初始值。
- 模型看不到你在界面上的操作，追问时它不知道滑块被拖到了哪里。

## 致谢

感谢 [Disdjj/intelligent-ui-demo](https://github.com/Disdjj/intelligent-ui-demo) 提供的 OpenAI 实现 Intelligent UI 的思路，本插件基于这些思路实现。

## 许可证

[MIT](LICENSE)