[Feat] 支持侧边栏：在边栏直接选择预设 Tab，一键创建带预设的新对话

[draplater]

目前选择预设需要：新建对话->点击选择预设按钮->选择预设，步骤比较繁琐，容易忘记
可以模仿ChatGPT，支持在边栏直接选择预设（类似GPTs），一键创建带预设的新对话

[zmh-program]

比如如何设计？

[eddsi]

@zmh-program 我最近也在想如何设计这个功能，有点思路，交流一下？

[zmh-program]

im here to listen

[eddsi]

按下预设按钮，用一个组件替换ChatWrapper，该组件展示多个矩形框，每一个矩形框是一个mask，矩形框内可以放图片、介绍等。我在b站给你私信了，你看下

[zmh-program]

@eddsi 不好意思，我不怎么看 b 站，而且如果就谈论这个 issue 而言在这里其实更方便，如果是有什么需要的话再说。

比如类似于这样吗，这是我们目前chatnio商业版此功能的dev preview:

[eddsi]

是的，就是图中那样，我正在开发这个功能。主要是想问一下怎么成为Contributor，还有你的个人主页，方便留个联系方式吗。

[zmh-program]

wechat同名

[draplater]

@eddsi 可以将讨论内容和设计方案在此公开不，便于共同开发

[eddsi]

@draplater 过几天我准备更新代码，增加上述功能，在这个仓库里，https://github.com/BoomTeam2018/chatboom

[zmh-program]

新 UI 已经上线 chatnio 商业版和官网 此 Issue 将被关闭，开源版不进行新 UI 更新。

更多新 UI 设计请前往 chatnio 官网

[Issues-translate-bot]

Bot detected the issue body's language is not English, translate it automatically.

---

The new UI has been launched on chatnio commercial version and official website. This issue will be closed. The open source version will not be updated with the new UI.

For more new UI, please go to chatnio official website