v0.9.1

See information about this github actions here : https://github.com/marketplace/actions/winget-releaser 

ref : #142

.github/ISSUE_TEMPLATE/bug_report.yml

@@ -0,0 +1,43 @@
+name: "🕷️ Bug report"
+description: "report bugs"
+title: "[Bug]"
+labels:
+  - "bug"
+body:
+- type: markdown
+  attributes:
+    value: "Please make sure to [search for existing issues](https://github.com/lencx/ChatGPT/issues) before filing a new one!"
+- type: markdown
+  attributes:
+    value: |
+      ## Bug report
+      Please fill in the following information to help us reproduce the bug:
+- type: input
+  id: version
+  attributes:
+    label: Version
+    description: "Please specify the version of ChatGPT you are using, a newer version may have fixed the bug you encountered.Check the [UPDATE_LOG](https://github.com/lencx/ChatGPT/blob/main/UPDATE_LOG.md) for more information."
+    placeholder: "e.g. v0.1.0"
+  validations:
+    required: true
+- type: textarea
+  id: bug
+  attributes:
+    label: Bug description
+    description: |
+      Please describe the bug here,if possible, please provide a minimal example to reproduce the bug.The content of `~/.chatgpt/chatgpt.log` may be helpful if you encounter a crash.
+  validations:
+    required: true
+- type: input
+  id: OS
+  attributes:
+    label: OS
+    description: "Please specify the OS you are using."
+    placeholder: "e.g. Ubuntu 22.04"
+  validations:
+    required: true
+- type: textarea
+  id: environment
+  attributes:
+    label: Environment
+    description: "If you think your environment may be related to the problem, please describe it here."

.github/ISSUE_TEMPLATE/build_error_report.yml

@@ -0,0 +1,37 @@
+name: "❌ Build error report"
+description: "report errors when building by yourself"
+title: "[Build Error]"
+labels:
+  - "build error"
+body:
+- type: markdown
+  attributes:
+    value: "Please make sure to [search for existing issues](https://github.com/lencx/ChatGPT/issues) before filing a new one!"
+- type: markdown
+  attributes:
+    value: "Please make sure to build from the source code with the latest version of ChatGPT."
+- type: markdown
+  attributes:
+    value: |
+      ## Build error report
+      Please fill in the following information to help us reproduce the bug:
+- type: textarea
+  id: error
+  attributes:
+    label: Error message
+    description: "Please paste the error message here."
+  validations:
+    required: true
+- type: input
+  id: OS
+  attributes:
+    label: OS
+    description: "Please specify the OS you are using."
+    placeholder: "e.g. Ubuntu 22.04"
+  validations:
+    required: true
+- type: textarea
+  id: environment
+  attributes:
+    label: Environment
+    description: "If you think your environment may be related to the problem, please describe it here."

.github/ISSUE_TEMPLATE/config.yml

@@ -0,0 +1 @@
+blank_issues_enabled: false

.github/ISSUE_TEMPLATE/docmentation_issue.yml

@@ -0,0 +1,19 @@
+name: "📚 Documentation Issue"
+description: "report documentation issues, typos welcome!"
+title: "[Doc]"
+labels:
+  - "documentation"
+body:
+- type: markdown
+  attributes:
+    value: "Please make sure to [search for existing issues](https://github.com/lencx/ChatGPT/issues) before creating a new one."
+- type: textarea
+  id: doc-description
+  attributes:
+    label: "Provide a description of requested docs changes"
+    description: "Briefly describe the requested docs changes."
+  validations:
+    required: true
+- type: markdown
+  attributes:
+    value: Please limit one request per issue.

.github/ISSUE_TEMPLATE/feature_request.yml

@@ -0,0 +1,34 @@
+name: "⭐ Feature or enhancement request"
+description: "suggest new features or enhancements"
+title: "[Feature]"
+labels:
+  - "enhancement"
+body:
+- type: markdown
+  attributes:
+    value: "Please make sure to [search for existing issues](https://github.com/lencx/ChatGPT/issues) before creating a new one."
+- type: textarea
+  id: feature-description
+  attributes:
+    label: "Feature description"
+    description: "Describe the feature or enhancements you'd like to see."
+  validations:
+    required: true
+- type: textarea
+  id: motivation
+  attributes:
+    label: "Motivation"
+    description: "Describe the motivation for this feature or enhancement."
+- type: textarea
+  id: alternatives
+  attributes:
+    label: "Alternatives"
+    description: "Describe any alternatives you've considered."
+- type: textarea
+  id: additional-context
+  attributes:
+    label: "Additional context"
+    description: "Add any other context or screenshots about the feature request here."
+- type: markdown
+  attributes:
+    value: Please limit one request per issue.

.github/ISSUE_TEMPLATE/security.yml

@@ -0,0 +1,34 @@
+name: "⚠️ Security&Privacy issue"
+description: "Report security or privacy issues"
+title: "[Security]"
+labels:
+  - "security"
+body:
+- type: markdown
+  attributes:
+    value: "Please make sure to [search for existing issues](https://github.com/lencx/ChatGPT/issues) before creating a new one."
+- type: textarea
+  id: security-description
+  attributes:
+    label: "Description"
+    description: "Describe the security or privacy issue."
+  validations:
+    required: true
+- type: textarea
+  id: motivation
+  attributes:
+    label: "Motivation"
+    description: "Describe the motivation for this security or privacy issue."
+- type: textarea
+  id: alternatives
+  attributes:
+    label: "Alternatives"
+    description: "Describe any alternatives you've considered."
+- type: textarea
+  id: additional-context
+  attributes:
+    label: "Additional context"
+    description: "Add any other context or screenshots about the security or privacy issue here."
+- type: markdown
+  attributes:
+    value: Please limit one request per issue.

.github/workflows/release.yml

@@ -2,7 +2,6 @@ name: Release CI
 
 on:
   push:
-    # Sequence of patterns matched against refs/tags
     tags:
       - 'v*' # Push events to matching v*, i.e. v1.0, v20.15.10
 
@@ -57,6 +56,9 @@ jobs:
       - name: Install app dependencies and build it
         run: yarn && yarn build:fe
 
+      # - name: Rewrite tauri.conf.json
+      #   run: yarn fix:conf
+
       - name: fix tray icon
         if: matrix.platform != 'macos-latest'
         run: |
@@ -87,3 +89,14 @@ jobs:
           # 📝: Edit the deployment directory
           publish_dir: ./updater
           force_orphan: true
+
+  # publish-winget:
+  # # Action can only be run on windows
+  #   runs-on: windows-latest
+  #   needs: [create-release, build-tauri]
+  #   steps:
+  #     - uses: vedantmgoyal2009/winget-releaser@v1
+  #       with:
+  #         identifier: lencx.ChatGPT
+  #         token: ${{ secrets.WINGET_TOKEN }}
+  #         version: ${{ env.version }}

AWESOME.md

@@ -1,6 +1,6 @@
 # Awesome ChatGPT
 
-- [Awesome ChatGPT Prompts](https://github.com/f/awesome-chatgpt-prompts) - This repo includes ChatGPT promt curation to use ChatGPT better.
+- [Awesome ChatGPT Prompts](https://github.com/f/awesome-chatgpt-prompts) - This repo includes ChatGPT prompt curation to use ChatGPT better.
 - [Awesome ChatGPT](https://github.com/humanloop/awesome-chatgpt) - Curated list of awesome tools, demos, docs for ChatGPT and GPT-3
 
 ## Extension

README-ZH_CN.md

@@ -1,62 +1,79 @@
 <p align="center">
   <img width="180" src="./public/logo.png" alt="ChatGPT">
   <h1 align="center">ChatGPT</h1>
+  <p align="center">ChatGPT 桌面应用（Mac, Windows and Linux）</p>
 </p>
 
-> ChatGPT 桌面应用
-
 [![English badge](https://img.shields.io/badge/%E8%8B%B1%E6%96%87-English-blue)](./README.md)
-[![简体中文 badge](https://img.shields.io/badge/%E7%AE%80%E4%BD%93%E4%B8%AD%E6%96%87-Simplified%20Chinese-blue)](./README-ZH_CN.md)
+[![简体中文 badge](https://img.shields.io/badge/%E7%AE%80%E4%BD%93%E4%B8%AD%E6%96%87-Simplified%20Chinese-blue)](./README-ZH_CN.md)\
-
+![License](https://img.shields.io/badge/License-Apache%202-green.svg)
 [![ChatGPT downloads](https://img.shields.io/github/downloads/lencx/ChatGPT/total.svg?style=flat-square)](https://github.com/lencx/ChatGPT/releases)
 [![chat](https://img.shields.io/badge/chat-discord-blue?style=flat&logo=discord)](https://discord.gg/aPhCRf4zZr)
 [![lencx](https://img.shields.io/twitter/follow/lencx_.svg?style=social)](https://twitter.com/lencx_)
 
-[Awesome ChatGPT](./AWESOME.md)
+<a href="https://www.buymeacoffee.com/lencx" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-blue.png" alt="Buy Me A Coffee" style="height: 40px !important;width: 145px !important;" ></a>
 
-## 📦 下载
+[支持者福利 (仅会员可见)](https://www.buymeacoffee.com/lencx/posts) - 分享 ChatGPT 桌面应用使用技巧以及下一步计划。
 
-[📝 更新日志](./UPDATE_LOG.md)
+## 📦 安装
+
+- [📝 更新日志](./UPDATE_LOG.md)
+- [🕒 历史版本...](https://github.com/lencx/ChatGPT/releases)
 
 <!-- download start -->
 
-**最新版:**
+### Windows
 
-- `Mac`: [ChatGPT_0.7.4_x64.dmg](https://github.com/lencx/ChatGPT/releases/download/v0.7.4/ChatGPT_0.7.4_x64.dmg)
+- [ChatGPT_0.9.1_x64_en-US.msi](https://github.com/lencx/ChatGPT/releases/download/v0.9.1/ChatGPT_0.9.1_x64_en-US.msi):
-- `Linux`: [chat-gpt_0.7.4_amd64.deb](https://github.com/lencx/ChatGPT/releases/download/v0.7.4/chat-gpt_0.7.4_amd64.deb)
+- 使用 [winget](https://winstall.app/apps/lencx.ChatGPT):
-- `Windows`: [ChatGPT_0.7.4_x64_en-US.msi](https://github.com/lencx/ChatGPT/releases/download/v0.7.4/ChatGPT_0.7.4_x64_en-US.msi)
+  ```bash
+  # install the latest version
+  winget install --id=lencx.ChatGPT -e
 
-[其他版本...](https://github.com/lencx/ChatGPT/releases)
+  # install the specified version
+  winget install --id=lencx.ChatGPT -e --version 0.9.0
+  ```
+
+**注意：如果安装路径和应用名称相同，会导致冲突 ([#142](https://github.com/lencx/ChatGPT/issues/142#issuecomment-0.9.1))**
+
+### Mac
+
+- [ChatGPT_0.9.1_x64.dmg](https://github.com/lencx/ChatGPT/releases/download/v0.9.1/ChatGPT_0.9.1_x64.dmg)
+- [ChatGPT.app.tar.gz](https://github.com/lencx/ChatGPT/releases/download/v0.9.1/ChatGPT.app.tar.gz)
+- Homebrew \
+  _[Homebrew 快捷安装](https://brew.sh) ([Cask](https://docs.brew.sh/Cask-Cookbook)):_
+  ```sh
+  brew tap lencx/chatgpt https://github.com/lencx/ChatGPT.git
+  brew install --cask chatgpt --no-quarantine
+  ```
+  如果你坚持使用 _[Brewfile](https://github.com/Homebrew/homebrew-bundle#usage)_ ，则需要添加以下配置:
+  ```rb
+  repo = "lencx/chatgpt"
+  tap repo, "https://github.com/#{repo}.git"
+  cask "chatgpt", args: { "no-quarantine": true }
+  ```
+
+### Linux
+
+- [chat-gpt_0.9.1_amd64.deb](https://github.com/lencx/ChatGPT/releases/download/v0.9.1/chat-gpt_0.9.1_amd64.deb)
+- [chat-gpt_0.9.1_amd64.AppImage](https://github.com/lencx/ChatGPT/releases/download/v0.9.1/chat-gpt_0.9.1_amd64.AppImage): **工作可靠，`.deb` 运行失败时可以尝试它**
+- 使用 [AUR](https://aur.archlinux.org/packages/chatgpt-desktop-bin):
+  ```bash
+  yay -S chatgpt-desktop-bin
+  ```
 
 <!-- download end -->
 
-### brew 安装
-
-Easily install with _[Homebrew](https://brew.sh) ([Cask](https://docs.brew.sh/Cask-Cookbook)):_
-
-```sh
-brew tap lencx/chatgpt https://github.com/lencx/ChatGPT.git
-brew install --cask chatgpt --no-quarantine
-```
-
-Also, if you keep a _[Brewfile](https://github.com/Homebrew/homebrew-bundle#usage)_, you can add something like this:
-
-```rb
-repo = "lencx/chatgpt"
-tap repo, "https://github.com/#{repo}.git"
-cask "popcorn-time", args: { "no-quarantine": true }
-```
-
 ## 📢 公告
 
 这是一个令人兴奋的重大更新。像 `Telegram 机器人指令` 那样工作，帮助你快速填充自定模型，来让 ChatGPT 按照你想要的方式去工作。这个项目倾注了我大量业余时间，如果它对你有所帮助，宣传转发，或者 star 都是对我的巨大鼓励。我希望我可以持续更新下去，加入更多有趣的功能。
 
 ### 如何使用指令？
 
-你可以从 [awesome-chatgpt-prompts](https://github.com/f/awesome-chatgpt-prompts) 来寻找有趣的功能来导入到应用。
+你可以从 [awesome-chatgpt-prompts](https://github.com/f/awesome-chatgpt-prompts) 来寻找有趣的功能来导入到应用。也可以使用 `Sync Prompts`，来一键同步所有，如果你不想让某些提示出现在你的斜杠命令，你可以禁用它们。
 
-![chat cmd](./assets/chat-cmd-1.png)
+![chatgpt menu](./assets/chatgpt-menu.png)
-![chat cmd](./assets/chat-cmd-2.png)
+![chatgpt sync prompts](./assets/chatgpt-sync-prompts.png)
 
 <!-- 数据导入完成后，可以重新启动应用来使配置生效（`Menu -> Preferences -> Restart ChatGPT`）。 -->
 
@@ -75,11 +92,12 @@ cask "popcorn-time", args: { "no-quarantine": true }
 - 应用菜单功能强大
 - 支持斜杠命令及其配置（可手动配置或从文件同步 [#55](https://github.com/lencx/ChatGPT/issues/55)）
 - 自定义全局快捷键 ([#108](https://github.com/lencx/ChatGPT/issues/108))
+- 划词搜索 ([#122](https://github.com/lencx/ChatGPT/issues/122) 鼠标选中文本，不超过 400 个字符)：应用使用 Tauri 构建，因其安全限制，会导致部分操作按钮无效，建议前往浏览器操作。
 
-### 菜单项
+### #️⃣ 菜单项
 
 - **Preferences (喜好)**
-  - `Theme` - `Light`, `Dark` (仅支持 macOS 和 Windows)
+  - `Theme` - `Light`, `Dark`, `System` (仅支持 macOS 和 Windows)
   - `Stay On Top`: 窗口置顶
   - `Titlebar`: 是否显示 `Titlebar`，仅 macOS 支持
   - `Inject Script`: 用于修改网站的用户自定义脚本
@@ -100,7 +118,7 @@ cask "popcorn-time", args: { "no-quarantine": true }
   - `Report Bug`: 报告 BUG 或反馈建议
   - `Toggle Developer Tools`: 网站调试工具，调试页面或脚本可能需要
 
-## 应用配置
+## ⚙️ 应用配置
 
 | 平台    | 路径                      |
 | ------- | ------------------------- |
@@ -122,11 +140,11 @@ cask "popcorn-time", args: { "no-quarantine": true }
     - `4f695d3cfbf8491e9b1f3fab6d85715c.json` - 随机生成的文件名，缓存 `sync_custom` 数据
     - `bd1b96f15a1644f7bd647cc53073ff8f.json` - 随机生成的文件名，缓存 `sync_custom` 数据
 
-### Sync Custom
+### 客户端信息同步
 
 目前同步自定文件仅支持 json 和 csv，且需要满足以下格式，否则会导致应用异常：
 
-> JSON 格式
+`JSON 格式`
 
 ```json
 [
@@ -143,7 +161,7 @@ cask "popcorn-time", args: { "no-quarantine": true }
 ]
 ```
 
-> CSV 格式
+`CSV 格式`
 
 ```csv
 "cmd","act","prompt"
@@ -153,13 +171,9 @@ cask "popcorn-time", args: { "no-quarantine": true }
 
 ## 👀 预览
 
-<img width="320" src="./assets/install.png" alt="install"> <img width="320" src="./assets/control-center.png" alt="control center">
+<img width="320" src="./assets/install.png" alt="install"> <img width="320" src="./assets/chatgpt-control-center-general.png" alt="control center">
-<img width="320" src="./assets/export.png" alt="export"> <img width="320" src="./assets/tray.png" alt="tray">
+<img width="320" src="./assets/chatgpt-export.png" alt="export"> <img width="320" src="./assets/chatgpt-dalle2-tray.png" alt="dalle2 tray">
-<img width="320" src="./assets/tray-login.png" alt="tray login"> <img width="320" src="./assets/auto-update.png" alt="auto update">
+<img width="320" src="./assets/auto-update.png" alt="auto update">
-
----
-
-<a href="https://www.buymeacoffee.com/lencx" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-blue.png" alt="Buy Me A Coffee" style="height: 60px !important;width: 217px !important;" ></a>
 
 ## ❓ 常见问题
 
@@ -175,18 +189,21 @@ cask "popcorn-time", args: { "no-quarantine": true }
 
 它是安全的，仅仅只是对 [OpenAI ChatGPT](https://chat.openai.com) 网站的包装，注入了一些额外功能（均在本地，未发起网络请求），如果存疑，可以检查源代码。
 
-### Developer cannot be verified?
+### 开发者未验证?
 
 Mac 上无法安装，提示开发者未验证，具体可以查看下面给出的解决方案（它是开源的，很安全）。
 
 - [Open a Mac app from an unidentified developer](https://support.apple.com/en-sg/guide/mac-help/mh40616/mac)
 
+---
+
 ### 我想自己构建它？
 
 #### 预安装
 
-- [Rust](https://www.rust-lang.org/)
+- [Rust (必须)](https://www.rust-lang.org/)
-- [VS Code](https://code.visualstudio.com/)
+- [Node.js (必须)](https://nodejs.org/)
+- [VS Code (可选)](https://code.visualstudio.com/)
   - [rust-analyzer](https://marketplace.visualstudio.com/items?itemName=rust-lang.rust-analyzer)
   - [tauri](https://marketplace.visualstudio.com/items?itemName=tauri-apps.tauri-vscode)
 
@@ -210,6 +227,9 @@ yarn dev
 yarn build
 ```
 
+- [The distDir configuration is set to "../dist" but this path doesn't exist](https://github.com/lencx/ChatGPT/discussions/180)
+- [Error A public key has been found, but no private key. Make sure to set TAURI_PRIVATE_KEY environment variable.](https://github.com/lencx/ChatGPT/discussions/182)
+
 ## ❤️ 感谢
 
 - 分享按钮的代码从 [@liady](https://github.com/liady) 的插件获得，并做了一些本地化修改
@@ -217,7 +237,7 @@ yarn build
 
 ---
 
-[![Star History Chart](https://api.star-history.com/svg?repos=lencx/chatgpt&type=Date)](https://star-history.com/#lencx/chatgpt&Date)
+[![Star History Chart](https://api.star-history.com/svg?repos=lencx/chatgpt&type=Timeline)](https://star-history.com/#lencx/chatgpt&Timeline)
 
 ## 中国用户
 

README.md

@@ -1,68 +1,86 @@
 <p align="center">
   <img width="180" src="./public/logo.png" alt="ChatGPT">
   <h1 align="center">ChatGPT</h1>
+  <p align="center">ChatGPT Desktop Application (Mac, Windows and Linux)</p>
 </p>
 
-> ChatGPT Desktop Application
-
 [![English badge](https://img.shields.io/badge/%E8%8B%B1%E6%96%87-English-blue)](./README.md)
-[![简体中文 badge](https://img.shields.io/badge/%E7%AE%80%E4%BD%93%E4%B8%AD%E6%96%87-Simplified%20Chinese-blue)](./README-ZH_CN.md)
+[![简体中文 badge](https://img.shields.io/badge/%E7%AE%80%E4%BD%93%E4%B8%AD%E6%96%87-Simplified%20Chinese-blue)](./README-ZH_CN.md)\
-
+![License](https://img.shields.io/badge/License-Apache%202-green.svg)
 [![ChatGPT downloads](https://img.shields.io/github/downloads/lencx/ChatGPT/total.svg?style=flat-square)](https://github.com/lencx/ChatGPT/releases)
 [![chat](https://img.shields.io/badge/chat-discord-blue?style=flat&logo=discord)](https://discord.gg/aPhCRf4zZr)
 [![lencx](https://img.shields.io/twitter/follow/lencx_.svg?style=social)](https://twitter.com/lencx_)
 
 <!-- [![中文版 badge](https://img.shields.io/badge/%E4%B8%AD%E6%96%87-Traditional%20Chinese-blue)](./README-ZH.md) -->
 
-[Awesome ChatGPT](./AWESOME.md)
+<a href="https://www.buymeacoffee.com/lencx" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-blue.png" alt="Buy Me A Coffee" style="height: 40px !important;width: 145px !important;" ></a>
 
-## 📦 Downloads
+[Supporter Benefits (visible to your supporters and members only)](https://www.buymeacoffee.com/lencx/posts) - Share tips for using ChatGPT desktop application and next steps.
 
-[📝 Update Log](./UPDATE_LOG.md)
+## 📦 Install
+
+- [📝 Update Log](./UPDATE_LOG.md)
+- [🕒 History versions...](https://github.com/lencx/ChatGPT/releases)
 
 <!-- download start -->
 
-**Latest:**
+### Windows
 
-- `Mac`: [ChatGPT_0.7.4_x64.dmg](https://github.com/lencx/ChatGPT/releases/download/v0.7.4/ChatGPT_0.7.4_x64.dmg)
+- [ChatGPT_0.9.1_x64_en-US.msi](https://github.com/lencx/ChatGPT/releases/download/v0.9.1/ChatGPT_0.9.1_x64_en-US.msi): Direct download installer
-- `Linux`: [chat-gpt_0.7.4_amd64.deb](https://github.com/lencx/ChatGPT/releases/download/v0.7.4/chat-gpt_0.7.4_amd64.deb)
+- Use [winget](https://winstall.app/apps/lencx.ChatGPT):
-- `Windows`: [ChatGPT_0.7.4_x64_en-US.msi](https://github.com/lencx/ChatGPT/releases/download/v0.7.4/ChatGPT_0.7.4_x64_en-US.msi)
+  ```bash
+  # install the latest version
+  winget install --id=lencx.ChatGPT -e
 
-[Other version...](https://github.com/lencx/ChatGPT/releases)
+  # install the specified version
+  winget install --id=lencx.ChatGPT -e --version 0.9.0
+  ```
+
+**Note: If the installation path and application name are the same, it will lead to conflict ([#142](https://github.com/lencx/ChatGPT/issues/142#issuecomment-0.9.1))**
+
+### Mac
+
+- [ChatGPT_0.9.1_x64.dmg](https://github.com/lencx/ChatGPT/releases/download/v0.9.1/ChatGPT_0.9.1_x64.dmg): Direct download installer
+- [ChatGPT.app.tar.gz](https://github.com/lencx/ChatGPT/releases/download/v0.9.1/ChatGPT.app.tar.gz): Download the `.app` installer
+- Homebrew \
+  Or you can install with _[Homebrew](https://brew.sh) ([Cask](https://docs.brew.sh/Cask-Cookbook)):_
+  ```sh
+  brew tap lencx/chatgpt https://github.com/lencx/ChatGPT.git
+  brew install --cask chatgpt --no-quarantine
+  ```
+  Also, if you keep a _[Brewfile](https://github.com/Homebrew/homebrew-bundle#usage)_, you can add something like this:
+  ```rb
+  repo = "lencx/chatgpt"
+  tap repo, "https://github.com/#{repo}.git"
+  cask "chatgpt", args: { "no-quarantine": true }
+  ```
+
+### Linux
+
+- [chat-gpt_0.9.1_amd64.deb](https://github.com/lencx/ChatGPT/releases/download/v0.9.1/chat-gpt_0.9.1_amd64.deb): Download `.deb` installer, advantage small size, disadvantage poor compatibility
+- [chat-gpt_0.9.1_amd64.AppImage](https://github.com/lencx/ChatGPT/releases/download/v0.9.1/chat-gpt_0.9.1_amd64.AppImage): Works reliably, you can try it if `.deb` fails to run
+- Available on [AUR](https://aur.archlinux.org/packages/chatgpt-desktop-bin) with the package name `chatgpt-desktop-bin`, and you can use your favourite AUR package manager to install it.
 
 <!-- download end -->
 
-### Install
-
-Easily install with _[Homebrew](https://brew.sh) ([Cask](https://docs.brew.sh/Cask-Cookbook)):_
-
-```sh
-brew tap lencx/chatgpt https://github.com/lencx/ChatGPT.git
-brew install --cask chatgpt --no-quarantine
-```
-
-Also, if you keep a _[Brewfile](https://github.com/Homebrew/homebrew-bundle#usage)_, you can add something like this:
-
-```rb
-repo = "lencx/chatgpt"
-tap repo, "https://github.com/#{repo}.git"
-cask "chatgpt", args: { "no-quarantine": true }
-```
-
 ## 📢 Announcement
 
+### ChatGPT Prompts!
+
 This is a major and exciting update. It works like a `Telegram bot command` and helps you quickly populate custom models to make chatgpt work the way you want it to. This project has taken a lot of my spare time, so if it helps you, please help spread the word or star it would be a great encouragement to me. I hope I can keep updating it and adding more interesting features.
 
 ### How does it work?
 
-You can look at [awesome-chatgpt-prompts](https://github.com/f/awesome-chatgpt-prompts) to find interesting features to import into the app.
+You can look at **[awesome-chatgpt-prompts](https://github.com/f/awesome-chatgpt-prompts)** to find interesting features to import into the app. You can also use `Sync Prompts` to sync all in one click, and if you don't want certain prompts to appear in your slash commands, you can disable them.
 
-![chat cmd](./assets/chat-cmd-1.png)
+![chatgpt menu](./assets/chatgpt-menu.png)
-![chat cmd](./assets/chat-cmd-2.png)
+![chatgpt sync prompts](./assets/chatgpt-sync-prompts.png)
 
 <!-- After the data import is done, you can restart the app to make the configuration take effect (`Menu -> Preferences -> Restart ChatGPT`). -->
 
-In the chatgpt text input area, type a character starting with `/` to bring up the command prompt, press the spacebar, and it will fill the input area with the text associated with the command by default (note: if it contains multiple command prompts, it will only select the first one as the fill, you can keep typing until the first prompted command is the one you want, then press the spacebar. Or use the mouse to click on one of the multiple commands). When the fill is complete, you simply press the Enter key. Under the slash command, use the tab key to modify the contents of the `{q}` tag (only single changes are supported [#54](https://github.com/lencx/ChatGPT/issues/54)). Use the keyboard `⇧` (arrow up) and `⇩` (arrow down) keys to select the slash command.
+- In the chatgpt text input area, type a character starting with `/` to bring up the command prompt, press the spacebar, and it will fill the input area with the text associated with the command by default (note: if it contains multiple command prompts, it will only select the first one as the fill, you can keep typing until the first prompted command is the one you want, then press the spacebar.
+- Or use the mouse to click on one of the multiple commands). When the fill is complete, you simply press the Enter key.
+- Under the slash command, use the tab key to modify the contents of the `{q}` tag (only single changes are supported [#54](https://github.com/lencx/ChatGPT/issues/54)). Use the keyboard `⇧` (arrow up) and `⇩` (arrow down) keys to select the slash command.
 
 ![chatgpt](assets/chatgpt.gif)
 ![chatgpt-cmd](assets/chatgpt-cmd.gif)
@@ -70,18 +88,19 @@ In the chatgpt text input area, type a character starting with `/` to bring up t
 ## ✨ Features
 
 - Multi-platform: `macOS` `Linux` `Windows`
-- Export ChatGPT history (PNG, PDF and Share Link)
+- Export ChatGPT history (PNG, PDF and Markdown)
 - Automatic application upgrade notification
 - Common shortcut keys
 - System tray hover window
 - Powerful menu items
 - Support for slash commands and their configuration (can be configured manually or synchronized from a file [#55](https://github.com/lencx/ChatGPT/issues/55))
 - Customize global shortcuts ([#108](https://github.com/lencx/ChatGPT/issues/108))
+- Pop-up Search ([#122](https://github.com/lencx/ChatGPT/issues/122) mouse selected content, no more than 400 characters): The application is built using Tauri, and due to its security restrictions, some of the action buttons will not work, so we recommend going to your browser.
 
-### MenuItem
+## #️⃣ MenuItem
 
 - **Preferences**
-  - `Theme` - `Light`, `Dark` (Only macOS and Windows are supported).
+  - `Theme` - `Light`, `Dark`, `System` (Only macOS and Windows are supported).
   - `Stay On Top`: The window is stay on top of other windows.
   - `Titlebar`: Whether to display the titlebar, supported by macOS only.
   - `Hide Dock Icon` ([#35](https://github.com/lencx/ChatGPT/issues/35)): Hide application icons from the Dock(support macOS only).
@@ -102,7 +121,7 @@ In the chatgpt text input area, type a character starting with `/` to bring up t
   - `Report Bug`: Report a bug or give feedback.
   - `Toggle Developer Tools`: Developer debugging tools.
 
-## Application Configuration
+## ⚙️ Application Configuration
 
 | Platform | Path                      |
 | -------- | ------------------------- |
@@ -128,7 +147,7 @@ In the chatgpt text input area, type a character starting with `/` to bring up t
 
 Currently, only json and csv are supported for synchronizing custom files, and the following formats need to be met, otherwise the application will be abnormal：
 
-> JSON format:
+`JSON format:`
 
 ```json
 [
@@ -145,7 +164,7 @@ Currently, only json and csv are supported for synchronizing custom files, and t
 ]
 ```
 
-> CSV format
+`CSV format`
 
 ```csv
 "cmd","act","prompt"
@@ -153,21 +172,18 @@ Currently, only json and csv are supported for synchronizing custom files, and t
 "b","bb","bbb bbb bbb"
 ```
 
-## TODO
+## 📌 TODO
 
 <!-- - Web access capability ([#20](https://github.com/lencx/ChatGPT/issues/20)) -->
-- `Control Center` - Feature Enhancements
+- `Control Center` enhancement
+- `Pop-up Search` enhancement
 - ...
 
 ## 👀 Preview
 
-<img width="320" src="./assets/install.png" alt="install"> <img width="320" src="./assets/control-center.png" alt="control center">
+<img width="320" src="./assets/install.png" alt="install"> <img width="320" src="./assets/chatgpt-popup-search.png" alt="popup search">
-<img width="320" src="./assets/export.png" alt="export"> <img width="320" src="./assets/tray.png" alt="tray">
+<img width="320" src="./assets/chatgpt-control-center-general.png" alt="control center"> <img width="320" src="./assets/chatgpt-export.png" alt="export">
-<img width="320" src="./assets/tray-login.png" alt="tray login"> <img width="320" src="./assets/auto-update.png" alt="auto update">
+<img width="320" src="./assets/chatgpt-dalle2-tray.png" alt="dalle2 tray"> <img width="320" src="./assets/auto-update.png" alt="auto update">
-
----
-
-<a href="https://www.buymeacoffee.com/lencx" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-blue.png" alt="Buy Me A Coffee" style="height: 60px !important;width: 217px !important;" ></a>
 
 ## ❓FAQ
 
@@ -187,12 +203,15 @@ It's safe, just a wrapper for [OpenAI ChatGPT](https://chat.openai.com) website,
 
 - [Open a Mac app from an unidentified developer](https://support.apple.com/en-sg/guide/mac-help/mh40616/mac)
 
-### How do i build it?
+---
+
+### How do I build it?
 
 #### PreInstall
 
-- [Rust](https://www.rust-lang.org/)
+- [Rust (Required)](https://www.rust-lang.org/)
-- [VS Code](https://code.visualstudio.com/)
+- [Node.js (Required)](https://nodejs.org/)
+- [VS Code (Optional)](https://code.visualstudio.com/)
   - [rust-analyzer](https://marketplace.visualstudio.com/items?itemName=rust-lang.rust-analyzer)
   - [tauri](https://marketplace.visualstudio.com/items?itemName=tauri-apps.tauri-vscode)
 
@@ -216,6 +235,9 @@ yarn dev
 yarn build
 ```
 
+- [The distDir configuration is set to "../dist" but this path doesn't exist](https://github.com/lencx/ChatGPT/discussions/180)
+- [Error A public key has been found, but no private key. Make sure to set TAURI_PRIVATE_KEY environment variable.](https://github.com/lencx/ChatGPT/discussions/182)
+
 ## ❤️ Thanks
 
 - The core implementation of the share button code was copied from the [@liady](https://github.com/liady) extension with some modifications.
@@ -223,7 +245,7 @@ yarn build
 
 ---
 
-[![Star History Chart](https://api.star-history.com/svg?repos=lencx/chatgpt&type=Date)](https://star-history.com/#lencx/chatgpt&Date)
+[![Star History Chart](https://api.star-history.com/svg?repos=lencx/chatgpt&type=Timeline)](https://star-history.com/#lencx/chatgpt&Timeline)
 
 ## 中国用户
 

UPDATE_LOG.md

@@ -1,5 +1,35 @@
 # UPDATE LOG
 
+## v0.9.1
+
+fix: slash command does not work
+
+## v0.9.0
+
+fix:
+- export button does not work
+
+feat:
+- add an export markdown button
+- `Control Center` adds `Notes` and `Download` menus for managing exported chat files (Markdown, PNG, PDF). `Notes` supports markdown previews.
+
+## v0.8.1
+
+fix:
+- export button keeps blinking
+- export button in the old chat does not work
+- disable export sharing links because it is a security risk
+
+## v0.8.0
+
+feat:
+- theme enhancement (Light, Dark, System)
+- automatic updates support `silent` settings
+- pop-up search: select the ChatGPT content with the mouse, the `DALL·E 2` button appears, and click to jump (note: because the search content filled by the script cannot trigger the event directly, you need to enter a space in the input box to make the button clickable).
+
+fix:
+- close the main window and hide it in the tray (windows systems)
+
 ## v0.7.4
 
 fix:

package.json

@@ -8,6 +8,7 @@
     "build": "yarn tauri build",
     "updater": "tr updater",
     "release": "tr release --git",
+    "fix:conf": "tr override --json.tauri_updater_active=false",
     "fix:tray": "tr override --json.tauri_systemTray_iconPath=\"icons/tray-icon-light.png\" --json.tauri_systemTray_iconAsTemplate=false",
     "fix:tray:mac": "tr override --json.tauri_systemTray_iconPath=\"icons/tray-icon.png\" --json.tauri_systemTray_iconAsTemplate=true",
     "download": "node ./scripts/download.js",
@@ -39,7 +40,9 @@
     "lodash": "^4.17.21",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "react-markdown": "^8.0.4",
     "react-router-dom": "^6.4.5",
+    "react-syntax-highlighter": "^15.5.0",
     "uuid": "^9.0.0"
   },
   "devDependencies": {
@@ -49,6 +52,7 @@
     "@types/node": "^18.7.10",
     "@types/react": "^18.0.15",
     "@types/react-dom": "^18.0.6",
+    "@types/react-syntax-highlighter": "^15.5.6",
     "@types/uuid": "^9.0.0",
     "@vitejs/plugin-react": "^3.0.0",
     "sass": "^1.56.2",

scripts/download.js

@@ -13,7 +13,9 @@ async function rewrite(filename) {
       flag = true;
     }
     if (flag) {
-      content[i] = content[i].replace(/(\d+).(\d+).(\d+)/g, argv[0]);
+      if (!/winget install --id=lencx.ChatGPT -e --version/.test(content[i])) {
+        content[i] = content[i].replace(/(\d+).(\d+).(\d+)/g, argv[0]);
+      }
     }
     if (endRe.test(content[i])) {
       break;

src-tauri/Cargo.toml

@@ -16,22 +16,27 @@ tauri-build = {version = "1.2.1", features = [] }
 [dependencies]
 anyhow = "1.0.66"
 serde_json = "1.0"
-serde = { version = "1.0", features = ["derive"] }
-tauri = { version = "1.2.3", features = ["api-all", "devtools", "global-shortcut", "system-tray", "updater"] }
-tauri-plugin-positioner = { version = "1.0.4", features = ["system-tray"] }
 log = "0.4.17"
 csv = "1.1.6"
 thiserror = "1.0.38"
 walkdir = "2.3.2"
 regex = "1.7.0"
-tokio = { version = "1.23.0", features = ["macros"] }
 reqwest = "0.11.13"
-wry = "0.23.4"
+wry = "0.24.1"
-
+dark-light = "1.0.0"
+serde = { version = "1.0", features = ["derive"] }
+tokio = { version = "1.23.0", features = ["macros"] }
+tauri-plugin-positioner = { version = "1.0.4", features = ["system-tray"] }
+tauri = { version = "1.2.3", features = ["api-all", "devtools", "global-shortcut", "system-tray", "updater"] }
 [dependencies.tauri-plugin-log]
-git = "https://github.com/tauri-apps/tauri-plugin-log"
+git = "https://github.com/lencx/tauri-plugin-log"
 branch = "dev"
 features = ["colored"]
+[dependencies.tauri-plugin-autostart]
+git = "https://github.com/lencx/tauri-plugin-autostart"
+branch = "dev"
+
+# sqlx = { version = "0.6.2", features = ["runtime-tokio-rustls", "sqlite"] }
 
 [features]
 # by default Tauri runs in production mode

src-tauri/src/app/cmd.rs

@@ -1,16 +1,29 @@
 use crate::{
+    app::{fs_extra, window},
     conf::{ChatConfJson, GITHUB_PROMPTS_CSV_URL},
-    utils::{self, exists},
+    utils::{self, chat_root, create_file},
 };
 use log::info;
-use std::{collections::HashMap, fs, path::PathBuf};
+use regex::Regex;
-use tauri::{api, command, AppHandle, Manager};
+use std::{collections::HashMap, fs, path::PathBuf, vec};
+use tauri::{api, command, AppHandle, Manager, Theme};
+use walkdir::WalkDir;
 
 #[command]
 pub fn drag_window(app: AppHandle) {
     app.get_window("core").unwrap().start_dragging().unwrap();
 }
 
+#[command]
+pub fn dalle2_window(app: AppHandle, query: String) {
+    window::dalle2_window(
+        &app.app_handle(),
+        Some(query),
+        Some("ChatGPT & DALL·E 2".to_string()),
+        None,
+    );
+}
+
 #[command]
 pub fn fullscreen(app: AppHandle) {
     let win = app.get_window("core").unwrap();
@@ -23,11 +36,20 @@ pub fn fullscreen(app: AppHandle) {
 
 #[command]
 pub fn download(_app: AppHandle, name: String, blob: Vec<u8>) {
-    let path = api::path::download_dir().unwrap().join(name);
+    let path = chat_root().join(PathBuf::from(name));
+    create_file(&path).unwrap();
     fs::write(&path, blob).unwrap();
     utils::open_file(path);
 }
 
+#[command]
+pub fn save_file(_app: AppHandle, name: String, content: String) {
+    let path = chat_root().join(PathBuf::from(name));
+    create_file(&path).unwrap();
+    fs::write(&path, content).unwrap();
+    utils::open_file(path);
+}
+
 #[command]
 pub fn open_link(app: AppHandle, url: String) {
     api::shell::open(&app.shell_scope(), url, None).unwrap();
@@ -38,6 +60,21 @@ pub fn get_chat_conf() -> ChatConfJson {
     ChatConfJson::get_chat_conf()
 }
 
+#[command]
+pub fn get_theme() -> String {
+    ChatConfJson::theme().unwrap_or(Theme::Light).to_string()
+}
+
+#[command]
+pub fn reset_chat_conf() -> ChatConfJson {
+    ChatConfJson::reset_chat_conf()
+}
+
+#[command]
+pub fn run_check_update(app: AppHandle, silent: bool, has_msg: Option<bool>) {
+    utils::run_check_update(app, silent, has_msg);
+}
+
 #[command]
 pub fn form_confirm(_app: AppHandle, data: serde_json::Value) {
     ChatConfJson::amend(&serde_json::json!(data), None).unwrap();
@@ -112,9 +149,6 @@ pub fn window_reload(app: AppHandle, label: &str) {
         .unwrap();
 }
 
-use utils::chat_root;
-use walkdir::WalkDir;
-
 #[derive(serde::Serialize, serde::Deserialize, Debug, Clone)]
 pub struct ModelRecord {
     pub cmd: String,
@@ -127,7 +161,7 @@ pub struct ModelRecord {
 #[command]
 pub fn cmd_list() -> Vec<ModelRecord> {
     let mut list = vec![];
-    for entry in WalkDir::new(chat_root().join("cache_model"))
+    for entry in WalkDir::new(utils::chat_root().join("cache_model"))
         .into_iter()
         .filter_map(|e| e.ok())
     {
@@ -143,6 +177,93 @@ pub fn cmd_list() -> Vec<ModelRecord> {
     list
 }
 
+#[derive(serde::Serialize, serde::Deserialize, Debug, Clone)]
+pub struct FileMetadata {
+    pub name: String,
+    pub ext: String,
+    pub created: u64,
+    pub id: String,
+}
+
+#[tauri::command]
+pub fn get_download_list(pathname: &str) -> (Vec<serde_json::Value>, PathBuf) {
+    info!("get_download_list: {}", pathname);
+    let download_path = chat_root().join(PathBuf::from(pathname));
+    let content = fs::read_to_string(&download_path).unwrap_or_else(|err| {
+        info!("download_list_error: {}", err);
+        fs::write(&download_path, "[]").unwrap();
+        "[]".to_string()
+    });
+    let list = serde_json::from_str::<Vec<serde_json::Value>>(&content).unwrap_or_else(|err| {
+        info!("download_list_parse_error: {}", err);
+        vec![]
+    });
+
+    (list, download_path)
+}
+
+#[command]
+pub fn download_list(pathname: &str, dir: &str, filename: Option<String>, id: Option<String>) {
+    info!("download_list: {}", pathname);
+    let data = get_download_list(pathname);
+    let mut list = vec![];
+    let mut idmap = HashMap::new();
+    utils::vec_to_hashmap(data.0.into_iter(), "id", &mut idmap);
+
+    for entry in WalkDir::new(utils::chat_root().join(dir))
+        .into_iter()
+        .filter_entry(|e| !utils::is_hidden(e))
+        .filter_map(|e| e.ok())
+    {
+        let metadata = entry.metadata().unwrap();
+        if metadata.is_file() {
+            let file_path = entry.path().display().to_string();
+            let re = Regex::new(r"(?P<id>[\d\w]+).(?P<ext>\w+)$").unwrap();
+            let caps = re.captures(&file_path).unwrap();
+            let fid = &caps["id"];
+            let fext = &caps["ext"];
+
+            let mut file_data = FileMetadata {
+                name: fid.to_string(),
+                id: fid.to_string(),
+                ext: fext.to_string(),
+                created: fs_extra::system_time_to_ms(metadata.created()),
+            };
+
+            if idmap.get(fid).is_some() {
+                let name = idmap.get(fid).unwrap().get("name").unwrap().clone();
+                match name {
+                    serde_json::Value::String(v) => {
+                        file_data.name = v.clone();
+                        v
+                    }
+                    _ => "".to_string(),
+                };
+            }
+
+            if filename.is_some() && id.is_some() {
+                if let Some(ref v) = id {
+                    if fid == v {
+                        if let Some(ref v2) = filename {
+                            file_data.name = v2.to_string();
+                        }
+                    }
+                }
+            }
+            list.push(serde_json::to_value(file_data).unwrap());
+        }
+    }
+
+    // dbg!(&list);
+    list.sort_by(|a, b| {
+        let a1 = a.get("created").unwrap().as_u64().unwrap();
+        let b1 = b.get("created").unwrap().as_u64().unwrap();
+        a1.cmp(&b1).reverse()
+    });
+
+    fs::write(data.1, serde_json::to_string_pretty(&list).unwrap()).unwrap();
+}
+
 #[command]
 pub async fn sync_prompts(app: AppHandle, time: u64) -> Option<Vec<ModelRecord>> {
     let res = utils::get_data(GITHUB_PROMPTS_CSV_URL, Some(&app))
@@ -167,11 +288,13 @@ pub async fn sync_prompts(app: AppHandle, time: u64) -> Option<Vec<ModelRecord>>
 
         let data2 = data.clone();
 
-        let model = chat_root().join("chat.model.json");
+        let model = utils::chat_root().join("chat.model.json");
-        let model_cmd = chat_root().join("chat.model.cmd.json");
+        let model_cmd = utils::chat_root().join("chat.model.cmd.json");
-        let chatgpt_prompts = chat_root().join("cache_model").join("chatgpt_prompts.json");
+        let chatgpt_prompts = utils::chat_root()
+            .join("cache_model")
+            .join("chatgpt_prompts.json");
 
-        if !exists(&model) {
+        if !utils::exists(&model) {
             fs::write(
                 &model,
                 serde_json::json!({
@@ -221,7 +344,8 @@ pub async fn sync_prompts(app: AppHandle, time: u64) -> Option<Vec<ModelRecord>>
             "Sync Prompts",
             "ChatGPT Prompts data has been synchronized!",
         );
-        window_reload(app, "core");
+        window_reload(app.clone(), "core");
+        window_reload(app, "tray");
 
         return Some(data2);
     }

src-tauri/src/app/fs_extra.rs

@@ -60,7 +60,7 @@ struct UnixMetadata {
 #[serde(rename_all = "camelCase")]
 pub struct Metadata {
     accessed_at_ms: u64,
-    created_at_ms: u64,
+    pub created_at_ms: u64,
     modified_at_ms: u64,
     is_dir: bool,
     is_file: bool,
@@ -74,7 +74,7 @@ pub struct Metadata {
     file_attributes: u32,
 }
 
-fn system_time_to_ms(time: std::io::Result<SystemTime>) -> u64 {
+pub fn system_time_to_ms(time: std::io::Result<SystemTime>) -> u64 {
     time.map(|t| {
         let duration_since_epoch = t.duration_since(UNIX_EPOCH).unwrap();
         duration_since_epoch.as_millis() as u64

src-tauri/src/app/menu.rs

@@ -1,4 +1,5 @@
 use crate::{
+    app::{cmd, window},
     conf::{self, ChatConfJson},
     utils,
 };
@@ -11,8 +12,6 @@ use tauri_plugin_positioner::{on_tray_event, Position, WindowExt};
 #[cfg(target_os = "macos")]
 use tauri::AboutMetadata;
 
-use super::window;
-
 // --- Menu
 pub fn init() -> Menu {
     let chat_conf = ChatConfJson::get_chat_conf();
@@ -24,6 +23,7 @@ pub fn init() -> Menu {
             MenuItem::About(name.into(), AboutMetadata::default()).into(),
             #[cfg(not(target_os = "macos"))]
             CustomMenuItem::new("about".to_string(), "About ChatGPT").into(),
+            CustomMenuItem::new("check_update".to_string(), "Check for Updates").into(),
             MenuItem::Services.into(),
             MenuItem::Hide.into(),
             MenuItem::HideOthers.into(),
@@ -35,18 +35,32 @@ pub fn init() -> Menu {
 
     let stay_on_top =
         CustomMenuItem::new("stay_on_top".to_string(), "Stay On Top").accelerator("CmdOrCtrl+T");
-    #[cfg(target_os = "macos")]
-    let titlebar =
-        CustomMenuItem::new("titlebar".to_string(), "Titlebar").accelerator("CmdOrCtrl+B");
-    let theme_light = CustomMenuItem::new("theme_light".to_string(), "Light");
-    let theme_dark = CustomMenuItem::new("theme_dark".to_string(), "Dark");
-    let is_dark = chat_conf.theme == "Dark";
-
     let stay_on_top_menu = if chat_conf.stay_on_top {
         stay_on_top.selected()
     } else {
         stay_on_top
     };
+
+    let theme_light = CustomMenuItem::new("theme_light".to_string(), "Light");
+    let theme_dark = CustomMenuItem::new("theme_dark".to_string(), "Dark");
+    let theme_system = CustomMenuItem::new("theme_system".to_string(), "System");
+    let is_dark = chat_conf.theme == "Dark";
+    let is_system = chat_conf.theme == "System";
+
+    let update_prompt = CustomMenuItem::new("update_prompt".to_string(), "Prompt");
+    let update_silent = CustomMenuItem::new("update_silent".to_string(), "Silent");
+    let _update_disable = CustomMenuItem::new("update_disable".to_string(), "Disable");
+
+    let popup_search = CustomMenuItem::new("popup_search".to_string(), "Pop-up Search");
+    let popup_search_menu = if chat_conf.popup_search {
+        popup_search.selected()
+    } else {
+        popup_search
+    };
+
+    #[cfg(target_os = "macos")]
+    let titlebar =
+        CustomMenuItem::new("titlebar".to_string(), "Titlebar").accelerator("CmdOrCtrl+B");
     #[cfg(target_os = "macos")]
     let titlebar_menu = if chat_conf.titlebar {
         titlebar.selected()
@@ -54,6 +68,13 @@ pub fn init() -> Menu {
         titlebar
     };
 
+    let system_tray = CustomMenuItem::new("system_tray".to_string(), "System Tray");
+    let system_tray_menu = if chat_conf.tray {
+        system_tray.selected()
+    } else {
+        system_tray
+    };
+
     let preferences_menu = Submenu::new(
         "Preferences",
         Menu::with_items([
@@ -61,10 +82,20 @@ pub fn init() -> Menu {
                 .accelerator("CmdOrCtrl+Shift+P")
                 .into(),
             MenuItem::Separator.into(),
+            stay_on_top_menu.into(),
+            #[cfg(target_os = "macos")]
+            titlebar_menu.into(),
+            #[cfg(target_os = "macos")]
+            CustomMenuItem::new("hide_dock_icon".to_string(), "Hide Dock Icon").into(),
+            system_tray_menu.into(),
+            CustomMenuItem::new("inject_script".to_string(), "Inject Script")
+                .accelerator("CmdOrCtrl+J")
+                .into(),
+            MenuItem::Separator.into(),
             Submenu::new(
                 "Theme",
                 Menu::new()
-                    .add_item(if is_dark {
+                    .add_item(if is_dark || is_system {
                         theme_light
                     } else {
                         theme_light.selected()
@@ -73,18 +104,35 @@ pub fn init() -> Menu {
                         theme_dark.selected()
                     } else {
                         theme_dark
+                    })
+                    .add_item(if is_system {
+                        theme_system.selected()
+                    } else {
+                        theme_system
                     }),
             )
             .into(),
-            stay_on_top_menu.into(),
+            Submenu::new(
-            #[cfg(target_os = "macos")]
+                "Auto Update",
-            titlebar_menu.into(),
+                Menu::new()
-            #[cfg(target_os = "macos")]
+                    .add_item(if chat_conf.auto_update == "Prompt" {
-            CustomMenuItem::new("hide_dock_icon".to_string(), "Hide Dock Icon").into(),
+                        update_prompt.selected()
-            CustomMenuItem::new("inject_script".to_string(), "Inject Script")
+                    } else {
-                .accelerator("CmdOrCtrl+J")
+                        update_prompt
-                .into(),
+                    })
+                    .add_item(if chat_conf.auto_update == "Silent" {
+                        update_silent.selected()
+                    } else {
+                        update_silent
+                    }), // .add_item(if chat_conf.auto_update == "Disable" {
+                        //     update_disable.selected()
+                        // } else {
+                        //     update_disable
+                        // })
+            )
+            .into(),
             MenuItem::Separator.into(),
+            popup_search_menu.into(),
             CustomMenuItem::new("sync_prompts".to_string(), "Sync Prompts").into(),
             MenuItem::Separator.into(),
             CustomMenuItem::new("go_conf".to_string(), "Go to Config")
@@ -100,6 +148,7 @@ pub fn init() -> Menu {
             CustomMenuItem::new("awesome".to_string(), "Awesome ChatGPT")
                 .accelerator("CmdOrCtrl+Shift+A")
                 .into(),
+            CustomMenuItem::new("buy_coffee".to_string(), "Buy lencx a coffee").into(),
         ]),
     );
 
@@ -143,6 +192,8 @@ pub fn init() -> Menu {
     let window_menu = Submenu::new(
         "Window",
         Menu::new()
+            .add_item(CustomMenuItem::new("dalle2".to_string(), "DALL·E 2"))
+            .add_native_item(MenuItem::Separator)
             .add_native_item(MenuItem::Minimize)
             .add_native_item(MenuItem::Zoom),
     );
@@ -165,9 +216,9 @@ pub fn init() -> Menu {
     Menu::new()
         .add_submenu(app_menu)
         .add_submenu(preferences_menu)
+        .add_submenu(window_menu)
         .add_submenu(edit_menu)
         .add_submenu(view_menu)
-        .add_submenu(window_menu)
         .add_submenu(help_menu)
 }
 
@@ -175,12 +226,9 @@ pub fn init() -> Menu {
 pub fn menu_handler(event: WindowMenuEvent<tauri::Wry>) {
     let win = Some(event.window()).unwrap();
     let app = win.app_handle();
-    let state: tauri::State<conf::ChatState> = app.state();
     let script_path = utils::script_path().to_string_lossy().to_string();
     let menu_id = event.menu_item_id();
-
+    let menu_handle = win.menu_handle();
-    let core_window = app.get_window("core").unwrap();
-    let menu_handle = core_window.menu_handle();
 
     match menu_id {
         // App
@@ -192,6 +240,9 @@ pub fn menu_handler(event: WindowMenuEvent<tauri::Wry>) {
                 format!("Version {}", tauri_conf.package.version.unwrap()),
             );
         }
+        "check_update" => {
+            utils::run_check_update(app, false, None);
+        }
         // Preferences
         "control_center" => window::control_window(&app),
         "restart" => tauri::api::process::restart(&app.env()),
@@ -199,6 +250,19 @@ pub fn menu_handler(event: WindowMenuEvent<tauri::Wry>) {
         "go_conf" => utils::open_file(utils::chat_root()),
         "clear_conf" => utils::clear_conf(&app),
         "awesome" => open(&app, conf::AWESOME_URL.to_string()),
+        "buy_coffee" => open(&app, conf::BUY_COFFEE.to_string()),
+        "popup_search" => {
+            let chat_conf = conf::ChatConfJson::get_chat_conf();
+            let popup_search = !chat_conf.popup_search;
+            menu_handle
+                .get_item(menu_id)
+                .set_selected(popup_search)
+                .unwrap();
+            ChatConfJson::amend(&serde_json::json!({ "popup_search": popup_search }), None)
+                .unwrap();
+            cmd::window_reload(app.clone(), "core");
+            cmd::window_reload(app, "tray");
+        }
         "sync_prompts" => {
             tauri::api::dialog::ask(
                 app.get_window("core").as_ref(),
@@ -226,28 +290,66 @@ pub fn menu_handler(event: WindowMenuEvent<tauri::Wry>) {
             .unwrap();
             tauri::api::process::restart(&app.env());
         }
-        "theme_light" | "theme_dark" => {
+        "system_tray" => {
-            let theme = if menu_id == "theme_dark" {
+            let chat_conf = conf::ChatConfJson::get_chat_conf();
-                "Dark"
+            ChatConfJson::amend(&serde_json::json!({ "tray": !chat_conf.tray }), None).unwrap();
-            } else {
+            tauri::api::process::restart(&app.env());
-                "Light"
+        }
+        "theme_light" | "theme_dark" | "theme_system" => {
+            let theme = match menu_id {
+                "theme_dark" => "Dark",
+                "theme_system" => "System",
+                _ => "Light",
             };
             ChatConfJson::amend(&serde_json::json!({ "theme": theme }), Some(app)).unwrap();
         }
+        "update_prompt" | "update_silent" | "update_disable" => {
+            // for id in ["update_prompt", "update_silent", "update_disable"] {
+            for id in ["update_prompt", "update_silent"] {
+                menu_handle.get_item(id).set_selected(false).unwrap();
+            }
+            let auto_update = match menu_id {
+                "update_silent" => {
+                    menu_handle
+                        .get_item("update_silent")
+                        .set_selected(true)
+                        .unwrap();
+                    "Silent"
+                }
+                "update_disable" => {
+                    menu_handle
+                        .get_item("update_disable")
+                        .set_selected(true)
+                        .unwrap();
+                    "Disable"
+                }
+                _ => {
+                    menu_handle
+                        .get_item("update_prompt")
+                        .set_selected(true)
+                        .unwrap();
+                    "Prompt"
+                }
+            };
+            ChatConfJson::amend(&serde_json::json!({ "auto_update": auto_update }), None).unwrap();
+        }
         "stay_on_top" => {
-            let mut stay_on_top = state.stay_on_top.lock().unwrap();
+            let chat_conf = conf::ChatConfJson::get_chat_conf();
-            *stay_on_top = !*stay_on_top;
+            let stay_on_top = !chat_conf.stay_on_top;
             menu_handle
                 .get_item(menu_id)
-                .set_selected(*stay_on_top)
+                .set_selected(stay_on_top)
                 .unwrap();
-            win.set_always_on_top(*stay_on_top).unwrap();
+            win.set_always_on_top(stay_on_top).unwrap();
-            ChatConfJson::amend(&serde_json::json!({ "stay_on_top": *stay_on_top }), None).unwrap();
+            ChatConfJson::amend(&serde_json::json!({ "stay_on_top": stay_on_top }), None).unwrap();
         }
+        // Window
+        "dalle2" => window::dalle2_window(&app, None, None, Some(false)),
         // View
         "reload" => win.eval("window.location.reload()").unwrap(),
         "go_back" => win.eval("window.history.go(-1)").unwrap(),
         "go_forward" => win.eval("window.history.go(1)").unwrap(),
+        // core: document.querySelector('main .overflow-y-auto')
         "scroll_top" => win
             .eval(
                 r#"window.scroll({
@@ -280,12 +382,13 @@ pub fn menu_handler(event: WindowMenuEvent<tauri::Wry>) {
 // --- SystemTray Menu
 pub fn tray_menu() -> SystemTray {
     if cfg!(target_os = "macos") {
-        return SystemTray::new().with_menu(
+        SystemTray::new().with_menu(
             SystemTrayMenu::new()
                 .add_item(CustomMenuItem::new(
                     "control_center".to_string(),
                     "Control Center",
                 ))
+                .add_native_item(SystemTrayMenuItem::Separator)
                 .add_item(CustomMenuItem::new(
                     "show_dock_icon".to_string(),
                     "Show Dock Icon",
@@ -294,20 +397,22 @@ pub fn tray_menu() -> SystemTray {
                     "hide_dock_icon".to_string(),
                     "Hide Dock Icon",
                 ))
+                .add_item(CustomMenuItem::new("show_core".to_string(), "Show ChatGPT"))
                 .add_native_item(SystemTrayMenuItem::Separator)
                 .add_item(CustomMenuItem::new("quit".to_string(), "Quit ChatGPT")),
-        );
+        )
+    } else {
+        SystemTray::new().with_menu(
+            SystemTrayMenu::new()
+                .add_item(CustomMenuItem::new(
+                    "control_center".to_string(),
+                    "Control Center",
+                ))
+                .add_item(CustomMenuItem::new("show_core".to_string(), "Show ChatGPT"))
+                .add_native_item(SystemTrayMenuItem::Separator)
+                .add_item(CustomMenuItem::new("quit".to_string(), "Quit ChatGPT")),
+        )
     }
-
-    SystemTray::new().with_menu(
-        SystemTrayMenu::new()
-            .add_item(CustomMenuItem::new(
-                "control_center".to_string(),
-                "Control Center",
-            ))
-            .add_native_item(SystemTrayMenuItem::Separator)
-            .add_item(CustomMenuItem::new("quit".to_string(), "Quit ChatGPT")),
-    )
 }
 
 // --- SystemTray Event
@@ -348,6 +453,15 @@ pub fn tray_handler(handle: &AppHandle, event: SystemTrayEvent) {
                         .unwrap();
                 }
             }
+            "show_core" => {
+                let core_win = app.get_window("core").unwrap();
+                let tray_win = app.get_window("tray").unwrap();
+                if !core_win.is_visible().unwrap() {
+                    core_win.show().unwrap();
+                    core_win.set_focus().unwrap();
+                    tray_win.hide().unwrap();
+                }
+            }
             "quit" => std::process::exit(0),
             _ => (),
         },

src-tauri/src/app/setup.rs

@@ -10,7 +10,7 @@ pub fn init(app: &mut App) -> std::result::Result<(), Box<dyn std::error::Error>
     let theme = ChatConfJson::theme();
     let handle = app.app_handle();
 
-    tokio::spawn(async move {
+    tauri::async_runtime::spawn(async move {
         window::tray_window(&handle);
     });
 
@@ -49,7 +49,7 @@ pub fn init(app: &mut App) -> std::result::Result<(), Box<dyn std::error::Error>
         app.set_activation_policy(tauri::ActivationPolicy::Accessory);
     } else {
         let app = app.handle();
-        tokio::spawn(async move {
+        tauri::async_runtime::spawn(async move {
             #[cfg(target_os = "macos")]
             WindowBuilder::new(&app, "core", WindowUrl::App(url.into()))
                 .title("ChatGPT")
@@ -61,11 +61,18 @@ pub fn init(app: &mut App) -> std::result::Result<(), Box<dyn std::error::Error>
                 .always_on_top(chat_conf.stay_on_top)
                 .title_bar_style(ChatConfJson::titlebar())
                 .initialization_script(&utils::user_script())
-                .initialization_script(include_str!("../assets/html2canvas.js"))
+                .initialization_script(include_str!("../vendors/jq.js"))
-                .initialization_script(include_str!("../assets/jspdf.js"))
+                .initialization_script(include_str!("../vendors/floating-ui-core.js"))
-                .initialization_script(include_str!("../assets/core.js"))
+                .initialization_script(include_str!("../vendors/floating-ui-dom.js"))
-                .initialization_script(include_str!("../assets/export.js"))
+                .initialization_script(include_str!("../vendors/html2canvas.js"))
-                .initialization_script(include_str!("../assets/cmd.js"))
+                .initialization_script(include_str!("../vendors/jspdf.js"))
+                .initialization_script(include_str!("../vendors/turndown.js"))
+                .initialization_script(include_str!("../vendors/turndown-plugin-gfm.js"))
+                .initialization_script(include_str!("../scripts/core.js"))
+                .initialization_script(include_str!("../scripts/popup.core.js"))
+                .initialization_script(include_str!("../scripts/export.js"))
+                .initialization_script(include_str!("../scripts/markdown.export.js"))
+                .initialization_script(include_str!("../scripts/cmd.js"))
                 .user_agent(&chat_conf.ua_window)
                 .build()
                 .unwrap();
@@ -79,16 +86,30 @@ pub fn init(app: &mut App) -> std::result::Result<(), Box<dyn std::error::Error>
                 .theme(theme)
                 .always_on_top(chat_conf.stay_on_top)
                 .initialization_script(&utils::user_script())
-                .initialization_script(include_str!("../assets/html2canvas.js"))
+                .initialization_script(include_str!("../vendors/jq.js"))
-                .initialization_script(include_str!("../assets/jspdf.js"))
+                .initialization_script(include_str!("../vendors/floating-ui-core.js"))
-                .initialization_script(include_str!("../assets/core.js"))
+                .initialization_script(include_str!("../vendors/floating-ui-dom.js"))
-                .initialization_script(include_str!("../assets/export.js"))
+                .initialization_script(include_str!("../vendors/html2canvas.js"))
-                .initialization_script(include_str!("../assets/cmd.js"))
+                .initialization_script(include_str!("../vendors/jspdf.js"))
+                .initialization_script(include_str!("../vendors/turndown.js"))
+                .initialization_script(include_str!("../vendors/turndown-plugin-gfm.js"))
+                .initialization_script(include_str!("../scripts/core.js"))
+                .initialization_script(include_str!("../scripts/popup.core.js"))
+                .initialization_script(include_str!("../scripts/export.js"))
+                .initialization_script(include_str!("../scripts/markdown.export.js"))
+                .initialization_script(include_str!("../scripts/cmd.js"))
                 .user_agent(&chat_conf.ua_window)
                 .build()
                 .unwrap();
         });
     }
 
+    // auto_update
+    if chat_conf.auto_update != "Disable" {
+        info!("stepup::run_check_update");
+        let app = app.handle();
+        utils::run_check_update(app, chat_conf.auto_update == "Silent", None);
+    }
+
     Ok(())
 }

src-tauri/src/app/window.rs

@@ -1,12 +1,14 @@
 use crate::{conf, utils};
-use tauri::{utils::config::WindowUrl, window::WindowBuilder};
+use log::info;
+use std::time::SystemTime;
+use tauri::{utils::config::WindowUrl, window::WindowBuilder, Manager};
 
 pub fn tray_window(handle: &tauri::AppHandle) {
     let chat_conf = conf::ChatConfJson::get_chat_conf();
     let theme = conf::ChatConfJson::theme();
     let app = handle.clone();
 
-    tokio::spawn(async move {
+    tauri::async_runtime::spawn(async move {
         WindowBuilder::new(&app, "tray", WindowUrl::App(chat_conf.origin.into()))
             .title("ChatGPT")
             .resizable(false)
@@ -16,8 +18,12 @@ pub fn tray_window(handle: &tauri::AppHandle) {
             .always_on_top(true)
             .theme(theme)
             .initialization_script(&utils::user_script())
-            .initialization_script(include_str!("../assets/core.js"))
+            .initialization_script(include_str!("../vendors/jq.js"))
-            .initialization_script(include_str!("../assets/cmd.js"))
+            .initialization_script(include_str!("../vendors/floating-ui-core.js"))
+            .initialization_script(include_str!("../vendors/floating-ui-dom.js"))
+            .initialization_script(include_str!("../scripts/core.js"))
+            .initialization_script(include_str!("../scripts/cmd.js"))
+            .initialization_script(include_str!("../scripts/popup.core.js"))
             .user_agent(&chat_conf.ua_tray)
             .build()
             .unwrap()
@@ -26,16 +32,78 @@ pub fn tray_window(handle: &tauri::AppHandle) {
     });
 }
 
-pub fn control_window(handle: &tauri::AppHandle) {
+pub fn dalle2_window(
+    handle: &tauri::AppHandle,
+    query: Option<String>,
+    title: Option<String>,
+    is_new: Option<bool>,
+) {
+    info!("dalle2_query: {:?}", query);
+    let theme = conf::ChatConfJson::theme();
     let app = handle.clone();
-    tokio::spawn(async move {
+
-        WindowBuilder::new(&app, "main", WindowUrl::App("index.html".into()))
+    let query = if query.is_some() {
-            .title("Control Center")
+        format!(
+            "window.addEventListener('DOMContentLoaded', function() {{\nwindow.__CHATGPT_QUERY__='{}';\n}})",
+            query.unwrap()
+        )
+    } else {
+        "".to_string()
+    };
+
+    let label = if is_new.unwrap_or(true) {
+        let timestamp = SystemTime::now()
+            .duration_since(SystemTime::UNIX_EPOCH)
+            .unwrap()
+            .as_secs();
+        format!("dalle2_{}", timestamp)
+    } else {
+        "dalle2".to_string()
+    };
+
+    if app.get_window("dalle2").is_none() {
+        tauri::async_runtime::spawn(async move {
+            WindowBuilder::new(
+                &app,
+                label,
+                WindowUrl::App("https://labs.openai.com".into()),
+            )
+            .title(title.unwrap_or_else(|| "DALL·E 2".to_string()))
             .resizable(true)
             .fullscreen(false)
             .inner_size(800.0, 600.0)
-            .min_inner_size(800.0, 600.0)
+            .always_on_top(false)
+            .theme(theme)
+            .initialization_script(include_str!("../vendors/jq.js"))
+            .initialization_script(include_str!("../scripts/core.js"))
+            .initialization_script(&query)
+            .initialization_script(include_str!("../scripts/dalle2.js"))
             .build()
             .unwrap();
+        });
+    } else {
+        let dalle2_win = app.get_window("dalle2").unwrap();
+        dalle2_win.show().unwrap();
+        dalle2_win.set_focus().unwrap();
+    }
+}
+
+pub fn control_window(handle: &tauri::AppHandle) {
+    let app = handle.clone();
+    tauri::async_runtime::spawn(async move {
+        if app.app_handle().get_window("main").is_none() {
+            WindowBuilder::new(&app, "main", WindowUrl::App("index.html".into()))
+                .title("Control Center")
+                .resizable(true)
+                .fullscreen(false)
+                .inner_size(800.0, 600.0)
+                .min_inner_size(800.0, 600.0)
+                .build()
+                .unwrap();
+        } else {
+            let main_win = app.app_handle().get_window("main").unwrap();
+            main_win.show().unwrap();
+            main_win.set_focus().unwrap();
+        }
     });
 }

src-tauri/src/assets/cmd.js

@@ -1,275 +0,0 @@
-// *** Core Script - CMD ***
-
-function init() {
-  const styleDom = document.createElement('style');
-  styleDom.innerHTML = `form {
-    position: relative;
-  }
-  .chat-model-cmd-list {
-    position: absolute;
-    bottom: 60px;
-    max-height: 100px;
-    overflow: auto;
-    z-index: 9999;
-  }
-  .chat-model-cmd-list>div {
-    border: solid 2px rgba(80,80,80,.3);
-    border-radius: 5px;
-    background-color: #fff;
-  }
-
-  html.dark .chat-model-cmd-list>div {
-    background-color: #4a4a4a;
-  }
-  html.dark .chat-model-cmd-list .cmd-item {
-    border-color: #666;
-  }
-  html.dark .chat-model-cmd-list .cmd-item b {
-    color: #e8e8e8;
-  }
-  html.dark .chat-model-cmd-list .cmd-item i {
-    color: #999;
-  }
-  html.dark .chat-model-cmd-list .cmd-item.selected {
-    background: rgba(59,130,246,.5);
-  }
-
-  .chat-model-cmd-list .cmd-item {
-    font-size: 12px;
-    border-bottom: solid 1px rgba(80,80,80,.2);
-    padding: 2px 4px;
-    display: flex;
-    user-select: none;
-    cursor: pointer;
-  }
-  .chat-model-cmd-list .cmd-item:last-child {
-    border-bottom: none;
-  }
-  .chat-model-cmd-list .cmd-item.selected {
-    background: rgba(59,130,246,.3);
-  }
-  .chat-model-cmd-list .cmd-item b {
-    display: inline-block;
-    width: 100px;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    border-radius: 4px;
-    margin-right: 10px;
-    color: #2a2a2a;
-  }
-  .chat-model-cmd-list .cmd-item i {
-    width: 100%;
-    max-width: 200px;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    text-align: right;
-    color: #888;
-  }
-  .chatappico {
-    width: 20px;
-    height: 20px;
-  }
-  .chatappico.pdf {
-    width: 24px;
-    height: 24px;
-  }
-  `;
-  document.head.append(styleDom);
-
-  if (window.formInterval) {
-    clearInterval(window.formInterval);
-  }
-  window.formInterval = setInterval(() => {
-    const form = document.querySelector("form");
-    if (!form) return;
-    clearInterval(window.formInterval);
-    cmdTip();
-  }, 200);
-}
-
-async function cmdTip() {
-  const chatModelJson = await invoke('get_chat_model_cmd') || {};
-  const data = chatModelJson.data;
-  if (data.length <= 0) return;
-
-  const modelDom = document.createElement('div');
-  modelDom.classList.add('chat-model-cmd-list');
-
-  // fix: tray window
-  if (__TAURI_METADATA__.__currentWindow.label === 'tray') {
-    modelDom.style.bottom = '54px';
-  }
-
-  document.querySelector('form').appendChild(modelDom);
-  const itemDom = (v) => `<div class="cmd-item" title="${v.prompt}" data-cmd="${v.cmd}" data-prompt="${encodeURIComponent(v.prompt)}"><b title="${v.cmd}">/${v.cmd}</b><i>${v.act}</i></div>`;
-  const renderList = (v) => {
-    modelDom.innerHTML = `<div>${v.map(itemDom).join('')}</div>`;
-    window.__CHAT_MODEL_CMD_PROMPT__ = v[0]?.prompt.trim();
-    window.__CHAT_MODEL_CMD__ = v[0]?.cmd.trim();
-    window.__list = modelDom.querySelectorAll('.cmd-item');
-    window.__index = 0;
-    window.__list[window.__index].classList.add('selected');
-  };
-  const setPrompt = (v = '') => {
-    if (v.trim()) {
-      window.__CHAT_MODEL_CMD_PROMPT__ = window.__CHAT_MODEL_CMD_PROMPT__?.replace(/\{([^{}]*)\}/, `{${v.trim()}}`);
-    }
-  }
-  const searchInput = document.querySelector('form textarea');
-
-  // Enter a command starting with `/` and press a space to automatically fill `chatgpt prompt`.
-  // If more than one command appears in the search results, the first one will be used by default.
-  searchInput.addEventListener('keydown', (event) => {
-    if (!window.__CHAT_MODEL_CMD_PROMPT__) {
-      return;
-    }
-
-    // ------------------ Keyboard scrolling (ArrowUp | ArrowDown) --------------------------
-    if (event.keyCode === 38 &&  window.__index > 0) { // ArrowUp
-      window.__list[window.__index].classList.remove('selected');
-      window.__index = window.__index - 1;
-      window.__list[window.__index].classList.add('selected');
-      window.__CHAT_MODEL_CMD_PROMPT__ = decodeURIComponent(window.__list[window.__index].getAttribute('data-prompt'));
-      searchInput.value = `/${window.__list[window.__index].getAttribute('data-cmd')}`;
-      event.preventDefault();
-    }
-
-    if (event.keyCode === 40 && window.__index < window.__list.length - 1) { // ArrowDown
-      window.__list[window.__index].classList.remove('selected');
-      window.__index = window.__index + 1;
-      window.__list[window.__index].classList.add('selected');
-      window.__CHAT_MODEL_CMD_PROMPT__ = decodeURIComponent(window.__list[window.__index].getAttribute('data-prompt'));
-      searchInput.value = `/${window.__list[window.__index].getAttribute('data-cmd')}`;
-      event.preventDefault();
-    }
-
-    const containerHeight = modelDom.offsetHeight;
-    const itemHeight = window.__list[0].offsetHeight + 1;
-
-    const itemTop = window.__list[window.__index].offsetTop;
-    const itemBottom = itemTop + itemHeight;
-    if (itemTop < modelDom.scrollTop || itemBottom > modelDom.scrollTop + containerHeight) {
-      modelDom.scrollTop = itemTop;
-    }
-
-    // ------------------ TAB key replaces `{q}` tag content -------------------------------
-    // feat: https://github.com/lencx/ChatGPT/issues/54
-    if (event.keyCode === 9 && !window.__CHAT_MODEL_STATUS__) {
-      const strGroup = window.__CHAT_MODEL_CMD_PROMPT__.match(/\{([^{}]*)\}/) || [];
-
-      if (strGroup[1]) {
-        searchInput.value = `/${window.__CHAT_MODEL_CMD__}` + ` {${strGroup[1]}}` + ' |-> ';
-        window.__CHAT_MODEL_STATUS__ = 1;
-      }
-      event.preventDefault();
-    }
-
-    if (window.__CHAT_MODEL_STATUS__ === 1 && event.keyCode === 9) { // TAB
-      const data = searchInput.value.split('|->');
-      if (data[1]?.trim()) {
-        setPrompt(data[1]);
-        window.__CHAT_MODEL_STATUS__ = 2;
-      }
-      event.preventDefault();
-    }
-
-    // input text
-    if (window.__CHAT_MODEL_STATUS__ === 2 && event.keyCode === 9) { // TAB
-      searchInput.value = window.__CHAT_MODEL_CMD_PROMPT__;
-      modelDom.innerHTML = '';
-      delete window.__CHAT_MODEL_STATUS__;
-      event.preventDefault();
-    }
-
-    // ------------------ type in a space to complete the fill ------------------------------------
-    if (event.keyCode === 32) {
-      searchInput.value = window.__CHAT_MODEL_CMD_PROMPT__;
-      modelDom.innerHTML = '';
-      delete window.__CHAT_MODEL_CMD_PROMPT__;
-    }
-
-    // ------------------ send --------------------------------------------------------------------
-    if (event.keyCode === 13 && window.__CHAT_MODEL_CMD_PROMPT__) { // Enter
-      const data = searchInput.value.split('|->');
-      setPrompt(data[1]);
-
-      searchInput.value = window.__CHAT_MODEL_CMD_PROMPT__;
-      modelDom.innerHTML = '';
-      delete window.__CHAT_MODEL_CMD_PROMPT__;
-      delete window.__CHAT_MODEL_CMD__;
-      delete window.__CHAT_MODEL_STATUS__;
-      event.preventDefault();
-    }
-  });
-
-  searchInput.addEventListener('input', () => {
-    if (searchInput.value === '') {
-      delete window.__CHAT_MODEL_CMD_PROMPT__;
-      delete window.__CHAT_MODEL_CMD__;
-      delete window.__CHAT_MODEL_STATUS__;
-    }
-
-    if (window.__CHAT_MODEL_STATUS__) return;
-
-    const query = searchInput.value;
-    if (!query || !/^\//.test(query)) {
-      modelDom.innerHTML = '';
-      return;
-    }
-
-    // all cmd result
-    if (query === '/') {
-      renderList(data);
-      return;
-    }
-
-    const result = data.filter(i => new RegExp(query.substring(1)).test(i.cmd));
-    if (result.length > 0) {
-      renderList(result);
-    } else {
-      modelDom.innerHTML = '';
-      delete window.__CHAT_MODEL_CMD_PROMPT__;
-      delete window.__CHAT_MODEL_CMD__;
-      delete window.__CHAT_MODEL_STATUS__;
-    }
-  }, {
-    capture: false,
-    passive: true,
-    once: false
-  });
-
-  if (window.searchInterval) {
-    clearInterval(window.searchInterval);
-  }
-  window.searchInterval = setInterval(() => {
-    // The `chatgpt prompt` fill can be done by clicking on the event.
-    const searchDom = document.querySelector("form .chat-model-cmd-list>div");
-    if (!searchDom) return;
-    searchDom.addEventListener('click', (event) => {
-      // .cmd-item
-      const item = event.target.closest("div");
-      if (item) {
-        const val = decodeURIComponent(item.getAttribute('data-prompt'));
-        searchInput.value = val;
-        document.querySelector('form textarea').focus();
-        window.__CHAT_MODEL_CMD_PROMPT__ = val;
-        modelDom.innerHTML = '';
-      }
-    }, {
-      capture: false,
-      passive: true,
-      once: false
-    });
-  }, 200);
-}
-
-if (
-  document.readyState === "complete" ||
-  document.readyState === "interactive"
-) {
-  init();
-} else {
-  document.addEventListener("DOMContentLoaded", init);
-}

src-tauri/src/conf.rs

@@ -2,7 +2,7 @@ use crate::utils::{chat_root, create_file, exists};
 use anyhow::Result;
 use log::info;
 use serde_json::Value;
-use std::{collections::BTreeMap, fs, path::PathBuf, sync::Mutex};
+use std::{collections::BTreeMap, fs, path::PathBuf};
 use tauri::{Manager, Theme};
 
 #[cfg(target_os = "macos")]
@@ -14,12 +14,16 @@ use tauri::TitleBarStyle;
 pub const ISSUES_URL: &str = "https://github.com/lencx/ChatGPT/issues";
 pub const UPDATE_LOG_URL: &str = "https://github.com/lencx/ChatGPT/blob/main/UPDATE_LOG.md";
 pub const AWESOME_URL: &str = "https://github.com/lencx/ChatGPT/blob/main/AWESOME.md";
+pub const BUY_COFFEE: &str = "https://www.buymeacoffee.com/lencx";
 pub const GITHUB_PROMPTS_CSV_URL: &str =
     "https://raw.githubusercontent.com/f/awesome-chatgpt-prompts/main/prompts.csv";
 pub const DEFAULT_CHAT_CONF: &str = r#"{
     "stay_on_top": false,
+    "auto_update": "Prompt",
     "theme": "Light",
+    "tray": true,
     "titlebar": true,
+    "popup_search": true,
     "global_shortcut": "",
     "hide_dock_icon": false,
     "default_origin": "https://chat.openai.com",
@@ -29,8 +33,11 @@ pub const DEFAULT_CHAT_CONF: &str = r#"{
 }"#;
 pub const DEFAULT_CHAT_CONF_MAC: &str = r#"{
     "stay_on_top": false,
+    "auto_update": "Prompt",
     "theme": "Light",
+    "tray": true,
     "titlebar": false,
+    "popup_search": true,
     "global_shortcut": "",
     "hide_dock_icon": false,
     "default_origin": "https://chat.openai.com",
@@ -39,27 +46,18 @@ pub const DEFAULT_CHAT_CONF_MAC: &str = r#"{
     "ua_tray": ""
 }"#;
 
-pub struct ChatState {
-    pub stay_on_top: Mutex<bool>,
-}
-
-impl ChatState {
-    pub fn default(chat_conf: ChatConfJson) -> Self {
-        ChatState {
-            stay_on_top: Mutex::new(chat_conf.stay_on_top),
-        }
-    }
-}
-
 #[derive(serde::Serialize, serde::Deserialize, Debug, Clone)]
 pub struct ChatConfJson {
     // support macOS only
     pub titlebar: bool,
     pub hide_dock_icon: bool,
 
-    // macOS and Windows
+    // macOS and Windows, Light/Dark/System
     pub theme: String,
-
+    // auto update policy, Prompt/Silent/Disable
+    pub auto_update: String,
+    pub tray: bool,
+    pub popup_search: bool,
     pub stay_on_top: bool,
     pub default_origin: String,
     pub origin: String,
@@ -129,6 +127,17 @@ impl ChatConfJson {
         }
     }
 
+    pub fn reset_chat_conf() -> Self {
+        let conf_file = ChatConfJson::conf_path();
+        let content = if cfg!(target_os = "macos") {
+            DEFAULT_CHAT_CONF_MAC
+        } else {
+            DEFAULT_CHAT_CONF
+        };
+        fs::write(&conf_file, content).unwrap();
+        serde_json::from_str(content).unwrap()
+    }
+
     // https://users.rust-lang.org/t/updating-object-fields-given-dynamic-json/39049/3
     pub fn amend(new_rules: &Value, app: Option<tauri::AppHandle>) -> Result<()> {
         let config = ChatConfJson::get_chat_conf();
@@ -163,11 +172,20 @@ impl ChatConfJson {
 
     pub fn theme() -> Option<Theme> {
         let conf = ChatConfJson::get_chat_conf();
-        if conf.theme == "Dark" {
+        let theme = match conf.theme.as_str() {
-            Some(Theme::Dark)
+            "System" => match dark_light::detect() {
-        } else {
+                // Dark mode
-            Some(Theme::Light)
+                dark_light::Mode::Dark => Theme::Dark,
-        }
+                // Light mode
+                dark_light::Mode::Light => Theme::Light,
+                // Unspecified
+                dark_light::Mode::Default => Theme::Light,
+            },
+            "Dark" => Theme::Dark,
+            _ => Theme::Light,
+        };
+
+        Some(theme)
     }
 
     #[cfg(target_os = "macos")]

src-tauri/src/main.rs

@@ -8,8 +8,9 @@ mod conf;
 mod utils;
 
 use app::{cmd, fs_extra, menu, setup};
-use conf::{ChatConfJson, ChatState};
+use conf::ChatConfJson;
 use tauri::api::path;
+use tauri_plugin_autostart::MacosLauncher;
 use tauri_plugin_log::{
     fern::colors::{Color, ColoredLevelConfig},
     LogTarget, LoggerBuilder,
@@ -20,7 +21,6 @@ async fn main() {
     ChatConfJson::init();
     // If the file does not exist, creating the file will block menu synchronization
     utils::create_chatgpt_prompts();
-    let chat_conf = ChatConfJson::get_chat_conf();
     let context = tauri::generate_context!();
     let colors = ColoredLevelConfig {
         error: Color::Red,
@@ -30,15 +30,16 @@ async fn main() {
         trace: Color::Cyan,
     };
 
-    tauri::Builder::default()
+    cmd::download_list("chat.download.json", "download", None, None);
+    cmd::download_list("chat.notes.json", "notes", None, None);
+
+    let chat_conf = ChatConfJson::get_chat_conf();
+
+    let mut builder = tauri::Builder::default()
         // https://github.com/tauri-apps/tauri/pull/2736
         .plugin(
             LoggerBuilder::new()
-                .level(if cfg!(debug_assertions) {
+                .level(log::LevelFilter::Debug)
-                    log::LevelFilter::Debug
-                } else {
-                    log::LevelFilter::Trace
-                })
                 .with_colors(colors)
                 .targets([
                     // LogTarget::LogDir,
@@ -49,13 +50,21 @@ async fn main() {
                 ])
                 .build(),
         )
-        .manage(ChatState::default(chat_conf))
+        .plugin(tauri_plugin_positioner::init())
+        .plugin(tauri_plugin_autostart::init(
+            MacosLauncher::LaunchAgent,
+            None,
+        ))
         .invoke_handler(tauri::generate_handler![
             cmd::drag_window,
             cmd::fullscreen,
             cmd::download,
+            cmd::save_file,
             cmd::open_link,
             cmd::get_chat_conf,
+            cmd::get_theme,
+            cmd::reset_chat_conf,
+            cmd::run_check_update,
             cmd::form_cancel,
             cmd::form_confirm,
             cmd::form_msg,
@@ -65,26 +74,38 @@ async fn main() {
             cmd::sync_prompts,
             cmd::sync_user_prompts,
             cmd::window_reload,
+            cmd::dalle2_window,
             cmd::cmd_list,
+            cmd::download_list,
+            cmd::get_download_list,
             fs_extra::metadata,
         ])
         .setup(setup::init)
-        .plugin(tauri_plugin_positioner::init())
+        .menu(menu::init());
-        .menu(menu::init())
+
-        .system_tray(menu::tray_menu())
+    if chat_conf.tray {
+        builder = builder.system_tray(menu::tray_menu());
+    }
+
+    builder
         .on_menu_event(menu::menu_handler)
         .on_system_tray_event(menu::tray_handler)
         .on_window_event(|event| {
             // https://github.com/tauri-apps/tauri/discussions/2684
             if let tauri::WindowEvent::CloseRequested { api, .. } = event.event() {
                 let win = event.window();
-                if win.label() == "main" {
+                if win.label() == "core" {
-                    win.close().unwrap();
-                } else {
                     // TODO: https://github.com/tauri-apps/tauri/issues/3084
                     // event.window().hide().unwrap();
                     // https://github.com/tauri-apps/tao/pull/517
+                    #[cfg(target_os = "macos")]
                     event.window().minimize().unwrap();
+
+                    // fix: https://github.com/lencx/ChatGPT/issues/93
+                    #[cfg(not(target_os = "macos"))]
+                    event.window().hide().unwrap();
+                } else {
+                    win.close().unwrap();
                 }
                 api.prevent_close();
             }

src-tauri/src/scripts/cmd.js

@@ -0,0 +1,284 @@
+// *** Core Script - CMD ***
+
+$(function() {
+  const styleDom = document.createElement('style');
+  styleDom.innerHTML = `form {
+    position: relative;
+  }
+  .chat-model-cmd-list {
+    position: absolute;
+    bottom: 60px;
+    max-height: 100px;
+    overflow: auto;
+    z-index: 9999;
+  }
+  .chat-model-cmd-list>div {
+    border: solid 2px rgba(80,80,80,.3);
+    border-radius: 5px;
+    background-color: #fff;
+  }
+
+  html.dark .chat-model-cmd-list>div {
+    background-color: #4a4a4a;
+  }
+  html.dark .chat-model-cmd-list .cmd-item {
+    border-color: #666;
+  }
+  html.dark .chat-model-cmd-list .cmd-item b {
+    color: #e8e8e8;
+  }
+  html.dark .chat-model-cmd-list .cmd-item i {
+    color: #999;
+  }
+  html.dark .chat-model-cmd-list .cmd-item.selected {
+    background: rgba(59,130,246,.5);
+  }
+
+  .chat-model-cmd-list .cmd-item {
+    font-size: 12px;
+    border-bottom: solid 1px rgba(80,80,80,.2);
+    padding: 2px 4px;
+    display: flex;
+    user-select: none;
+    cursor: pointer;
+  }
+  .chat-model-cmd-list .cmd-item:last-child {
+    border-bottom: none;
+  }
+  .chat-model-cmd-list .cmd-item.selected {
+    background: rgba(59,130,246,.3);
+  }
+  .chat-model-cmd-list .cmd-item b {
+    display: inline-block;
+    width: 100px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    border-radius: 4px;
+    margin-right: 10px;
+    color: #2a2a2a;
+  }
+  .chat-model-cmd-list .cmd-item i {
+    width: 100%;
+    max-width: 200px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    text-align: right;
+    color: #888;
+  }
+  .chatappico {
+    width: 20px;
+    height: 20px;
+  }
+  .chatappico.pdf, .chatappico.md {
+    width: 22px;
+    height: 22px;
+  }
+  @media screen and (max-width: 767px) {
+    #download-png-button, #download-pdf-button, #download-html-button {
+      display: none;
+    }
+  }
+  `;
+  document.head.append(styleDom);
+
+  if (window.formInterval) {
+    clearInterval(window.formInterval);
+  }
+  window.formInterval = setInterval(() => {
+    const form = document.querySelector("form textarea");
+    if (!form) return;
+    clearInterval(window.formInterval);
+    cmdTip();
+    new MutationObserver(function (mutationsList) {
+      for (const mutation of mutationsList) {
+        if (mutation.target.getAttribute('id') === '__next') {
+          cmdTip();
+        }
+        if (mutation.target.getAttribute('class') === 'chat-model-cmd-list') {
+          // The `chatgpt prompt` fill can be done by clicking on the event.
+          const searchDom = document.querySelector("form .chat-model-cmd-list>div");
+          const searchInput = document.querySelector('form textarea');
+          if (!searchDom) return;
+          searchDom.addEventListener('click', (event) => {
+            const item = event.target.closest("div");
+            if (item) {
+              const val = decodeURIComponent(item.getAttribute('data-prompt'));
+              searchInput.value = val;
+              document.querySelector('form textarea').focus();
+              initDom();
+            }
+          });
+        }
+      }
+    }).observe(document.body, {
+      childList: true,
+      subtree: true,
+    });
+  }, 300);
+});
+
+async function cmdTip() {
+  initDom();
+  const chatModelJson = await invoke('get_chat_model_cmd') || {};
+  const data = chatModelJson.data;
+  if (data.length <= 0) return;
+
+  let modelDom = document.querySelector('.chat-model-cmd-list');
+  if (!modelDom) {
+    const dom = document.createElement('div');
+    dom.classList.add('chat-model-cmd-list');
+    document.querySelector('form').appendChild(dom);
+    modelDom = document.querySelector('.chat-model-cmd-list');
+
+    // fix: tray window
+    if (__TAURI_METADATA__.__currentWindow.label === 'tray') {
+      modelDom.style.bottom = '54px';
+    }
+
+    const itemDom = (v) => `<div class="cmd-item" title="${v.prompt}" data-cmd="${v.cmd}" data-prompt="${encodeURIComponent(v.prompt)}"><b title="${v.cmd}">/${v.cmd}</b><i>${v.act}</i></div>`;
+    const renderList = (v) => {
+      initDom();
+      modelDom.innerHTML = `<div>${v.map(itemDom).join('')}</div>`;
+      window.__CHAT_MODEL_CMD_PROMPT__ = v[0]?.prompt.trim();
+      window.__CHAT_MODEL_CMD__ = v[0]?.cmd.trim();
+      window.__list = modelDom.querySelectorAll('.cmd-item');
+      window.__index = 0;
+      window.__list[window.__index].classList.add('selected');
+    };
+    const setPrompt = (v = '') => {
+      if (v.trim()) {
+        window.__CHAT_MODEL_CMD_PROMPT__ = window.__CHAT_MODEL_CMD_PROMPT__?.replace(/\{([^{}]*)\}/, `{${v.trim()}}`);
+      }
+    }
+    const searchInput = document.querySelector('form textarea');
+
+    // Enter a command starting with `/` and press a space to automatically fill `chatgpt prompt`.
+    // If more than one command appears in the search results, the first one will be used by default.
+    function cmdKeydown(event) {
+      if (!window.__CHAT_MODEL_CMD_PROMPT__) {
+        return;
+      }
+
+      // ------------------ Keyboard scrolling (ArrowUp | ArrowDown) --------------------------
+      if (event.keyCode === 38 &&  window.__index > 0) { // ArrowUp
+        window.__list[window.__index].classList.remove('selected');
+        window.__index = window.__index - 1;
+        window.__list[window.__index].classList.add('selected');
+        window.__CHAT_MODEL_CMD_PROMPT__ = decodeURIComponent(window.__list[window.__index].getAttribute('data-prompt'));
+        searchInput.value = `/${window.__list[window.__index].getAttribute('data-cmd')}`;
+        event.preventDefault();
+      }
+
+      if (event.keyCode === 40 && window.__index < window.__list.length - 1) { // ArrowDown
+        window.__list[window.__index].classList.remove('selected');
+        window.__index = window.__index + 1;
+        window.__list[window.__index].classList.add('selected');
+        window.__CHAT_MODEL_CMD_PROMPT__ = decodeURIComponent(window.__list[window.__index].getAttribute('data-prompt'));
+        searchInput.value = `/${window.__list[window.__index].getAttribute('data-cmd')}`;
+        event.preventDefault();
+      }
+
+      const containerHeight = modelDom.offsetHeight;
+      const itemHeight = window.__list[0].offsetHeight + 1;
+
+      const itemTop = window.__list[window.__index].offsetTop;
+      const itemBottom = itemTop + itemHeight;
+      if (itemTop < modelDom.scrollTop || itemBottom > modelDom.scrollTop + containerHeight) {
+        modelDom.scrollTop = itemTop;
+      }
+
+      // ------------------ TAB key replaces `{q}` tag content -------------------------------
+      // feat: https://github.com/lencx/ChatGPT/issues/54
+      if (event.keyCode === 9 && !window.__CHAT_MODEL_STATUS__) {
+        const strGroup = window.__CHAT_MODEL_CMD_PROMPT__.match(/\{([^{}]*)\}/) || [];
+
+        if (strGroup[1]) {
+          searchInput.value = `/${window.__CHAT_MODEL_CMD__}` + ` {${strGroup[1]}}` + ' |-> ';
+          window.__CHAT_MODEL_STATUS__ = 1;
+        } else {
+          searchInput.value = window.__CHAT_MODEL_CMD_PROMPT__;
+          initDom();
+        }
+        event.preventDefault();
+      }
+
+      if (window.__CHAT_MODEL_STATUS__ === 1 && event.keyCode === 9) { // TAB
+        const data = searchInput.value.split('|->');
+        if (data[1]?.trim()) {
+          setPrompt(data[1]);
+          window.__CHAT_MODEL_STATUS__ = 2;
+        }
+        event.preventDefault();
+      }
+
+      // input text
+      if (window.__CHAT_MODEL_STATUS__ === 2 && event.keyCode === 9) { // TAB
+        searchInput.value = window.__CHAT_MODEL_CMD_PROMPT__;
+        modelDom.innerHTML = '';
+        delete window.__CHAT_MODEL_STATUS__;
+        event.preventDefault();
+      }
+
+      // ------------------ type in a space to complete the fill ------------------------------------
+      if (event.keyCode === 32) {
+        searchInput.value = window.__CHAT_MODEL_CMD_PROMPT__;
+        modelDom.innerHTML = '';
+        delete window.__CHAT_MODEL_CMD_PROMPT__;
+      }
+
+      // ------------------ send --------------------------------------------------------------------
+      if (event.keyCode === 13 && window.__CHAT_MODEL_CMD_PROMPT__) { // Enter
+        const data = searchInput.value.split('|->');
+        setPrompt(data[1]);
+
+        searchInput.value = window.__CHAT_MODEL_CMD_PROMPT__;
+
+        initDom();
+        event.preventDefault();
+      }
+    }
+    searchInput.removeEventListener('keydown', cmdKeydown);
+    searchInput.addEventListener('keydown', cmdKeydown);
+
+    function cmdInput() {
+      if (searchInput.value === '') {
+        initDom();
+      }
+
+      if (window.__CHAT_MODEL_STATUS__) return;
+
+      const query = searchInput.value;
+      if (!query || !/^\//.test(query)) {
+        initDom();
+        return;
+      }
+
+      // all cmd result
+      if (query === '/') {
+        renderList(data);
+        return;
+      }
+
+      const result = data.filter(i => new RegExp(query.substring(1)).test(i.cmd));
+      if (result.length > 0) {
+        renderList(result);
+      } else {
+        initDom();
+      }
+    }
+    searchInput.removeEventListener('input', cmdInput);
+    searchInput.addEventListener('input', cmdInput);
+  }
+}
+
+function initDom() {
+  const modelDom = document.querySelector('.chat-model-cmd-list');
+  if (modelDom) {
+    modelDom.innerHTML = '';
+    delete window.__CHAT_MODEL_CMD_PROMPT__;
+    delete window.__CHAT_MODEL_CMD__;
+    delete window.__CHAT_MODEL_STATUS__;
+  }
+}

src-tauri/src/scripts/core.js

@@ -40,7 +40,7 @@ window.uid = uid;
 window.invoke = invoke;
 window.transformCallback = transformCallback;
 
-async function init() {
+$(async function () {
   if (__TAURI_METADATA__.__currentWindow.label === 'tray') {
     document.getElementsByTagName('html')[0].style['font-size'] = '70%';
   }
@@ -71,6 +71,7 @@ async function init() {
 
   document.addEventListener("click", (e) => {
     const origin = e.target.closest("a");
+    if (!origin || !origin.target) return;
     if (origin && origin.href && origin.target !== '_self') {
       invoke('open_link', { url: origin.href });
     }
@@ -90,13 +91,4 @@ async function init() {
   window.__sync_prompts = async function() {
     await invoke('sync_prompts', { time: Date.now() });
   }
-}
+});
-
-if (
-  document.readyState === "complete" ||
-  document.readyState === "interactive"
-) {
-  init();
-} else {
-  document.addEventListener("DOMContentLoaded", init);
-}

src-tauri/src/scripts/dalle2.js

@@ -0,0 +1,31 @@
+// *** Core Script - DALL·E 2 ***
+
+$(function () {
+  document.addEventListener("click", (e) => {
+    const origin = e.target.closest("a");
+    if (!origin || !origin.target) return;
+    if (origin && origin.href && origin.target !== '_self') {
+      if (/\/(login|signup)$/.test(window.location.href)) {
+        origin.target = '_self';
+      } else {
+        invoke('open_link', { url: origin.href });
+      }
+    }
+  });
+
+  if (window.searchInterval) {
+    clearInterval(window.searchInterval);
+  }
+
+  window.searchInterval = setInterval(() => {
+    const searchInput = document.querySelector('.image-prompt-form-wrapper form>.text-input');
+    if (searchInput) {
+      clearInterval(window.searchInterval);
+
+      if (!window.__CHATGPT_QUERY__) return;
+      const query = decodeURIComponent(window.__CHATGPT_QUERY__);
+      searchInput.focus();
+      searchInput.value = query;
+    }
+  }, 200)
+})

src-tauri/src/scripts/export.js

@@ -1,8 +1,7 @@
 // *** Core Script - Export ***
-// @ref: https://github.com/liady/ChatGPT-pdf
 
-const buttonOuterHTMLFallback = `<button class="btn flex justify-center gap-2 btn-neutral" id="download-png-button">Try Again</button>`;
+$(async function () {
-async function init() {
+  const buttonOuterHTMLFallback = `<button class="btn flex justify-center gap-2 btn-neutral" id="download-png-button">Try Again</button>`;
   if (window.innerWidth < 767) return;
   const chatConf = await invoke('get_chat_conf') || {};
   if (window.buttonsInterval) {
@@ -24,8 +23,8 @@ async function init() {
     } else if (shouldRemoveButtons()) {
       removeButtons();
     }
-  }, 200);
+  }, 1000);
-}
+})
 
 const Format = {
   PNG: "png",
@@ -47,9 +46,21 @@ function shouldRemoveButtons() {
 function shouldAddButtons(actionsArea) {
   // first, check if there's a "Try Again" button and no other buttons
   const buttons = actionsArea.querySelectorAll("button");
+
   const hasTryAgainButton = Array.from(buttons).some((button) => {
-    return !button.id?.includes("download");
+    return !/download-/.test(button.id);
   });
+
+  const stopBtn = buttons?.[0]?.innerText;
+
+  if (/Stop generating/ig.test(stopBtn)) {
+    return false;
+  }
+
+  if (buttons.length === 2 && (/Regenerate response/ig.test(stopBtn) || buttons[1].innerText === '')) {
+    return true;
+  }
+
   if (hasTryAgainButton && buttons.length === 1) {
     return true;
   }
@@ -73,49 +84,58 @@ function shouldAddButtons(actionsArea) {
 function removeButtons() {
   const downloadButton = document.getElementById("download-png-button");
   const downloadPdfButton = document.getElementById("download-pdf-button");
-  const downloadHtmlButton = document.getElementById("download-html-button");
+  const downloadMdButton = document.getElementById("download-markdown-button");
   if (downloadButton) {
     downloadButton.remove();
   }
   if (downloadPdfButton) {
     downloadPdfButton.remove();
   }
-  if (downloadHtmlButton) {
+  if (downloadPdfButton) {
-    downloadHtmlButton.remove();
+    downloadMdButton.remove();
   }
 }
 
 function addActionsButtons(actionsArea, TryAgainButton) {
   const downloadButton = TryAgainButton.cloneNode(true);
+  // Export markdown
+  const exportMd = TryAgainButton.cloneNode(true);
+  exportMd.id = "download-markdown-button";
+  downloadButton.setAttribute("share-ext", "true");
+  exportMd.title = "Export Markdown";
+  exportMd.innerHTML = setIcon('md');
+  exportMd.onclick = () => {
+    exportMarkdown();
+  };
+  actionsArea.appendChild(exportMd);
+
+  // Generate PNG
   downloadButton.id = "download-png-button";
   downloadButton.setAttribute("share-ext", "true");
-  // downloadButton.innerText = "Generate PNG";
   downloadButton.title = "Generate PNG";
   downloadButton.innerHTML = setIcon('png');
   downloadButton.onclick = () => {
     downloadThread();
   };
   actionsArea.appendChild(downloadButton);
+
+  // Generate PDF
   const downloadPdfButton = TryAgainButton.cloneNode(true);
   downloadPdfButton.id = "download-pdf-button";
   downloadButton.setAttribute("share-ext", "true");
-  // downloadPdfButton.innerText = "Download PDF";
   downloadPdfButton.title = "Download PDF";
   downloadPdfButton.innerHTML = setIcon('pdf');
   downloadPdfButton.onclick = () => {
     downloadThread({ as: Format.PDF });
   };
   actionsArea.appendChild(downloadPdfButton);
-  const exportHtml = TryAgainButton.cloneNode(true);
+}
-  exportHtml.id = "download-html-button";
+
-  downloadButton.setAttribute("share-ext", "true");
+async function exportMarkdown() {
-  // exportHtml.innerText = "Share Link";
+  const data = ExportMD.turndown(document.querySelector("main div>div>div").innerHTML);
-  exportHtml.title = "Share Link";
+  const { id, filename } = getName();
-  exportHtml.innerHTML = setIcon('link');
+  await invoke('save_file', { name: `notes/${id}.md`, content: data });
-  exportHtml.onclick = () => {
+  await invoke('download_list', { pathname: 'chat.notes.json', filename, id, dir: 'notes' });
-    sendRequest();
-  };
-  actionsArea.appendChild(exportHtml);
 }
 
 function downloadThread({ as = Format.PNG } = {}) {
@@ -141,16 +161,18 @@ function downloadThread({ as = Format.PNG } = {}) {
   });
 }
 
-function handleImg(imgData) {
+async function handleImg(imgData) {
   const binaryData = atob(imgData.split("base64,")[1]);
   const data = [];
   for (let i = 0; i < binaryData.length; i++) {
     data.push(binaryData.charCodeAt(i));
   }
-  invoke('download', { name: `chatgpt-${Date.now()}.png`, blob: Array.from(new Uint8Array(data)) });
+  const { pathname, id, filename } = getName();
+  await invoke('download', { name: `download/img/${id}.png`, blob: data });
+  await invoke('download_list', { pathname, filename, id, dir: 'download' });
 }
 
-function handlePdf(imgData, canvas, pixelRatio) {
+async function handlePdf(imgData, canvas, pixelRatio) {
   const { jsPDF } = window.jspdf;
   const orientation = canvas.width > canvas.height ? "l" : "p";
   var pdf = new jsPDF(orientation, "pt", [
@@ -160,9 +182,16 @@ function handlePdf(imgData, canvas, pixelRatio) {
   var pdfWidth = pdf.internal.pageSize.getWidth();
   var pdfHeight = pdf.internal.pageSize.getHeight();
   pdf.addImage(imgData, "PNG", 0, 0, pdfWidth, pdfHeight, '', 'FAST');
-
+  const { pathname, id, filename } = getName();
   const data = pdf.__private__.getArrayBuffer(pdf.__private__.buildDocument());
-  invoke('download', { name: `chatgpt-${Date.now()}.pdf`, blob: Array.from(new Uint8Array(data)) });
+  await invoke('download', { name: `download/pdf/${id}.pdf`, blob: Array.from(new Uint8Array(data)) });
+  await invoke('download_list', { pathname, filename, id, dir: 'download' });
+}
+
+function getName() {
+  const id = window.crypto.getRandomValues(new Uint32Array(1))[0].toString(36);
+  const name = document.querySelector('nav .overflow-y-auto a.hover\\:bg-gray-800')?.innerText?.trim() || '';
+  return { filename: name ? name : id, id, pathname: 'chat.download.json' };
 }
 
 class Elements {
@@ -175,12 +204,25 @@ class Elements {
     this.thread = document.querySelector(
       "[class*='react-scroll-to-bottom']>[class*='react-scroll-to-bottom']>div"
     );
+
+    // fix: old chat https://github.com/lencx/ChatGPT/issues/185
+    if (!this.thread) {
+      this.thread = document.querySelector("main .overflow-y-auto");
+    }
+
+    // h-full overflow-y-auto
     this.positionForm = document.querySelector("form").parentNode;
     // this.styledThread = document.querySelector("main");
     // this.threadContent = document.querySelector(".gAnhyd");
     this.scroller = Array.from(
       document.querySelectorAll('[class*="react-scroll-to"]')
     ).filter((el) => el.classList.contains("h-full"))[0];
+
+    // fix: old chat
+    if (!this.scroller) {
+      this.scroller = document.querySelector('main .overflow-y-auto');
+    }
+
     this.hiddens = Array.from(document.querySelectorAll(".overflow-hidden"));
     this.images = Array.from(document.querySelectorAll("img[srcset]"));
   }
@@ -221,67 +263,11 @@ class Elements {
   }
 }
 
-function selectElementByClassPrefix(classPrefix) {
-  const element = document.querySelector(`[class^='${classPrefix}']`);
-  return element;
-}
-
-async function sendRequest() {
-  const data = getData();
-  const uploadUrlResponse = await fetch(
-    "https://chatgpt-static.s3.amazonaws.com/url.txt"
-  );
-  const uploadUrl = await uploadUrlResponse.text();
-  fetch(uploadUrl, {
-    method: "POST",
-    headers: {
-      "Content-Type": "application/json",
-    },
-    body: JSON.stringify(data),
-  })
-    .then((response) => response.json())
-    .then((data) => {
-      invoke('open_link', { url: data.url });
-    });
-}
-
-function getData() {
-  const globalCss = getCssFromSheet(
-    document.querySelector("link[rel=stylesheet]").sheet
-  );
-  const localCss =
-    getCssFromSheet(
-      document.querySelector(`style[data-styled][data-styled-version]`).sheet
-    ) || "body{}";
-  const data = {
-    main: document.querySelector("main").outerHTML,
-    // css: `${globalCss} /* GLOBAL-LOCAL */ ${localCss}`,
-    globalCss,
-    localCss,
-  };
-  return data;
-}
-
-function getCssFromSheet(sheet) {
-  return Array.from(sheet.cssRules)
-    .map((rule) => rule.cssText)
-    .join("");
-}
-
-// run init
-if (
-  document.readyState === "complete" ||
-  document.readyState === "interactive"
-) {
-  init();
-} else {
-  document.addEventListener("DOMContentLoaded", init);
-}
-
 function setIcon(type) {
   return {
-    link: `<svg class="chatappico" viewBox="0 0 1024 1024"><path d="M1007.382 379.672L655.374 75.702C624.562 49.092 576 70.694 576 112.03v160.106C254.742 275.814 0 340.2 0 644.652c0 122.882 79.162 244.618 166.666 308.264 27.306 19.862 66.222-5.066 56.154-37.262C132.132 625.628 265.834 548.632 576 544.17V720c0 41.4 48.6 62.906 79.374 36.328l352.008-304c22.142-19.124 22.172-53.506 0-72.656z" p-id="8506" fill="currentColor"></path></svg>`,
+    // link: `<svg class="chatappico" viewBox="0 0 1024 1024"><path d="M1007.382 379.672L655.374 75.702C624.562 49.092 576 70.694 576 112.03v160.106C254.742 275.814 0 340.2 0 644.652c0 122.882 79.162 244.618 166.666 308.264 27.306 19.862 66.222-5.066 56.154-37.262C132.132 625.628 265.834 548.632 576 544.17V720c0 41.4 48.6 62.906 79.374 36.328l352.008-304c22.142-19.124 22.172-53.506 0-72.656z" p-id="8506" fill="currentColor"></path></svg>`,
     png: `<svg class="chatappico" viewBox="0 0 1070 1024"><path d="M981.783273 0H85.224727C38.353455 0 0 35.374545 0 83.083636v844.893091c0 47.616 38.353455 86.574545 85.178182 86.574546h903.633454c46.917818 0 81.733818-38.958545 81.733819-86.574546V83.083636C1070.592 35.374545 1028.701091 0 981.783273 0zM335.825455 135.912727c74.193455 0 134.330182 60.974545 134.330181 136.285091 0 75.170909-60.136727 136.192-134.330181 136.192-74.286545 0-134.516364-61.021091-134.516364-136.192 0-75.264 60.229818-136.285091 134.516364-136.285091z m-161.512728 745.937455a41.890909 41.890909 0 0 1-27.648-10.379637 43.752727 43.752727 0 0 1-4.654545-61.067636l198.097454-255.162182a42.123636 42.123636 0 0 1 57.716364-6.702545l116.549818 128.139636 286.906182-352.814545c14.615273-18.711273 90.251636-106.775273 135.866182-6.935273 0.093091-0.093091 0.093091 112.965818 0.232727 247.761455 0.093091 140.8 0.093091 317.067636 0.093091 317.067636-1.024-0.093091-762.740364 0.093091-763.112727 0.093091z" fill="currentColor"></path></svg>`,
-    pdf: `<svg class="chatappico pdf" viewBox="0 0 1024 1024"><path d="M821.457602 118.382249H205.725895c-48.378584 0-87.959995 39.583368-87.959996 87.963909v615.731707c0 48.378584 39.581411 87.959995 87.959996 87.959996h615.733664c48.380541 0 87.961952-39.581411 87.961952-87.959996V206.346158c-0.001957-48.378584-39.583368-87.963909-87.963909-87.963909zM493.962468 457.544987c-10.112054 32.545237-21.72487 82.872662-38.806571 124.248336-8.806957 22.378397-8.380404 18.480717-15.001764 32.609808l5.71738-1.851007c58.760658-16.443827 99.901532-20.519564 138.162194-27.561607-7.67796-6.06371-14.350194-10.751884-19.631237-15.586807-26.287817-29.101504-35.464584-34.570387-70.440002-111.862636v0.003913z m288.36767 186.413594c-7.476424 8.356924-20.670227 13.191847-40.019704 13.191847-33.427694 0-63.808858-9.229597-107.79277-31.660824-75.648648 8.356924-156.097 17.214754-201.399704 31.729308-2.199293 0.876587-4.832967 1.759043-7.916674 3.077836-54.536215 93.237125-95.031389 132.767663-130.621199 131.19646-11.286054-0.49895-27.694661-7.044-32.973748-10.11988l-6.52157-6.196764-2.29517-4.353583c-3.07588-7.91863-3.954423-15.395054-2.197337-23.751977 4.838837-23.309771 29.907651-60.251638 82.686779-93.237126 8.356924-6.159587 27.430511-15.897917 45.020944-24.25484 13.311204-21.177004 19.45905-34.744531 36.341171-72.259702 19.102937-45.324228 36.505531-99.492589 47.500041-138.191543v-0.44025c-16.267727-53.219378-25.945401-89.310095-9.67376-147.80856 3.958337-16.71189 18.46702-33.864031 34.748444-33.864031h10.552304c10.115967 0 19.791684 3.520043 26.829814 10.552304 29.029107 29.031064 15.39114 103.824649 0.8805 162.323113-0.8805 2.63563-1.322707 4.832967-1.761 6.153717 17.59239 49.697378 45.400538 98.774492 73.108895 121.647926 11.436717 8.791304 22.638634 18.899444 36.71098 26.814161 19.791684-2.20125 37.517128-4.11487 55.547812-4.11487 54.540128 0 87.525615 9.67963 100.279169 30.351814 4.400543 7.034217 6.595923 15.389184 5.281043 24.1844-0.44025 10.996467-4.39663 21.112434-12.31526 29.031064z m-27.796407-36.748157c-4.394673-4.398587-17.024957-16.936907-78.601259-16.936907-3.073923 0-10.622744-0.784623-14.57521 3.612007 32.104987 14.072347 62.830525 24.757704 83.058545 24.757703 3.083707 0 5.72325-0.442207 8.356923-0.876586h1.759044c2.20125-0.8805 3.520043-1.324663 3.960293-5.71738-0.87463-1.324663-1.757087-3.083707-3.958336-4.838837z m-387.124553 63.041845c-9.237424 5.27713-16.71189 10.112054-21.112433 13.634053-31.226444 28.586901-51.018128 57.616008-53.217422 74.331812 19.789727-6.59788 45.737084-35.626987 74.329855-87.961952v-0.003913z m125.574957-297.822284l2.197336-1.761c3.079793-14.072347 5.232127-29.189554 7.87167-38.869184l1.318794-7.036174c4.39663-25.070771 2.71781-39.720334-4.76057-50.272637l-6.59788-2.20125a57.381208 57.381208 0 0 0-3.079794 5.27713c-7.474467 18.47289-7.063567 55.283661 3.0524 94.865072l-0.001956-0.001957z" fill="currentColor"></path></svg>`
+    pdf: `<svg class="chatappico pdf" viewBox="0 0 1024 1024"><path d="M821.457602 118.382249H205.725895c-48.378584 0-87.959995 39.583368-87.959996 87.963909v615.731707c0 48.378584 39.581411 87.959995 87.959996 87.959996h615.733664c48.380541 0 87.961952-39.581411 87.961952-87.959996V206.346158c-0.001957-48.378584-39.583368-87.963909-87.963909-87.963909zM493.962468 457.544987c-10.112054 32.545237-21.72487 82.872662-38.806571 124.248336-8.806957 22.378397-8.380404 18.480717-15.001764 32.609808l5.71738-1.851007c58.760658-16.443827 99.901532-20.519564 138.162194-27.561607-7.67796-6.06371-14.350194-10.751884-19.631237-15.586807-26.287817-29.101504-35.464584-34.570387-70.440002-111.862636v0.003913z m288.36767 186.413594c-7.476424 8.356924-20.670227 13.191847-40.019704 13.191847-33.427694 0-63.808858-9.229597-107.79277-31.660824-75.648648 8.356924-156.097 17.214754-201.399704 31.729308-2.199293 0.876587-4.832967 1.759043-7.916674 3.077836-54.536215 93.237125-95.031389 132.767663-130.621199 131.19646-11.286054-0.49895-27.694661-7.044-32.973748-10.11988l-6.52157-6.196764-2.29517-4.353583c-3.07588-7.91863-3.954423-15.395054-2.197337-23.751977 4.838837-23.309771 29.907651-60.251638 82.686779-93.237126 8.356924-6.159587 27.430511-15.897917 45.020944-24.25484 13.311204-21.177004 19.45905-34.744531 36.341171-72.259702 19.102937-45.324228 36.505531-99.492589 47.500041-138.191543v-0.44025c-16.267727-53.219378-25.945401-89.310095-9.67376-147.80856 3.958337-16.71189 18.46702-33.864031 34.748444-33.864031h10.552304c10.115967 0 19.791684 3.520043 26.829814 10.552304 29.029107 29.031064 15.39114 103.824649 0.8805 162.323113-0.8805 2.63563-1.322707 4.832967-1.761 6.153717 17.59239 49.697378 45.400538 98.774492 73.108895 121.647926 11.436717 8.791304 22.638634 18.899444 36.71098 26.814161 19.791684-2.20125 37.517128-4.11487 55.547812-4.11487 54.540128 0 87.525615 9.67963 100.279169 30.351814 4.400543 7.034217 6.595923 15.389184 5.281043 24.1844-0.44025 10.996467-4.39663 21.112434-12.31526 29.031064z m-27.796407-36.748157c-4.394673-4.398587-17.024957-16.936907-78.601259-16.936907-3.073923 0-10.622744-0.784623-14.57521 3.612007 32.104987 14.072347 62.830525 24.757704 83.058545 24.757703 3.083707 0 5.72325-0.442207 8.356923-0.876586h1.759044c2.20125-0.8805 3.520043-1.324663 3.960293-5.71738-0.87463-1.324663-1.757087-3.083707-3.958336-4.838837z m-387.124553 63.041845c-9.237424 5.27713-16.71189 10.112054-21.112433 13.634053-31.226444 28.586901-51.018128 57.616008-53.217422 74.331812 19.789727-6.59788 45.737084-35.626987 74.329855-87.961952v-0.003913z m125.574957-297.822284l2.197336-1.761c3.079793-14.072347 5.232127-29.189554 7.87167-38.869184l1.318794-7.036174c4.39663-25.070771 2.71781-39.720334-4.76057-50.272637l-6.59788-2.20125a57.381208 57.381208 0 0 0-3.079794 5.27713c-7.474467 18.47289-7.063567 55.283661 3.0524 94.865072l-0.001956-0.001957z" fill="currentColor"></path></svg>`,
+    md: `<svg class="chatappico md" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1380" width="200" height="200"><path d="M128 128h768a42.666667 42.666667 0 0 1 42.666667 42.666667v682.666666a42.666667 42.666667 0 0 1-42.666667 42.666667H128a42.666667 42.666667 0 0 1-42.666667-42.666667V170.666667a42.666667 42.666667 0 0 1 42.666667-42.666667z m170.666667 533.333333v-170.666666l85.333333 85.333333 85.333333-85.333333v170.666666h85.333334v-298.666666h-85.333334l-85.333333 85.333333-85.333333-85.333333H213.333333v298.666666h85.333334z m469.333333-128v-170.666666h-85.333333v170.666666h-85.333334l128 128 128-128h-85.333333z" p-id="1381" fill="currentColor"></path></svg>`
   }[type];
 }

src-tauri/src/scripts/markdown.export.js

@@ -0,0 +1,36 @@
+var ExportMD = (function () {
+  if (!TurndownService || !turndownPluginGfm) return;
+  const hljsREG = /^.*(hljs).*(language-[a-z0-9]+).*$/i;
+  const gfm = turndownPluginGfm.gfm
+  const turndownService = new TurndownService()
+    .use(gfm)
+    .addRule('code', {
+      filter: (node) => {
+        if (node.nodeName === 'CODE' && hljsREG.test(node.classList.value)) {
+          return 'code';
+        }
+      },
+      replacement: (content, node) => {
+        const classStr = node.getAttribute('class');
+        if (hljsREG.test(classStr)) {
+          const lang = classStr.match(/.*language-(\w+)/)[1];
+          if (lang) {
+            return `\`\`\`${lang}\n${content}\n\`\`\``;
+          }
+          return `\`\`\`\n${content}\n\`\`\``;
+        }
+      }
+    })
+    .addRule('ignore', {
+      filter: ['button', 'img'],
+      replacement: () => '',
+    })
+    .addRule('table', {
+      filter: 'table',
+      replacement: function(content, node) {
+        return `\`\`\`${content}\n\`\`\``;
+      },
+    });
+
+  return turndownService;
+}({}));

src-tauri/src/scripts/popup.core.js

@@ -0,0 +1,75 @@
+// *** Core Script - DALL·E 2 Core ***
+
+$(async function () {
+  const chatConf = await invoke('get_chat_conf') || {};
+  if (!chatConf.popup_search) return;
+  if (!window.FloatingUIDOM) return;
+
+  const styleDom = document.createElement('style');
+  styleDom.innerHTML = `
+  #chagpt-selection-menu {
+    display: none;
+    width: max-content;
+    position: absolute;
+    top: 0;
+    left: 0;
+    background: #4a4a4a;
+    color: white;
+    font-weight: bold;
+    padding: 3px 5px;
+    border-radius: 2px;
+    font-size: 10px;
+    cursor: pointer;
+  }
+  `;
+  document.head.append(styleDom);
+
+  const selectionMenu = document.createElement('div');
+  selectionMenu.id = 'chagpt-selection-menu';
+  selectionMenu.innerHTML = 'DALL·E 2';
+  document.body.appendChild(selectionMenu);
+  const { computePosition, flip, offset, shift } = window.FloatingUIDOM;
+
+  document.body.addEventListener('mousedown', async (e) => {
+    selectionMenu.style.display = 'none';
+    if (e.target.id === 'chagpt-selection-menu') {
+      await invoke('dalle2_window', { query: encodeURIComponent(window.__DALLE2_CONTENT__) });
+    } else {
+      delete window.__DALLE2_CONTENT__;
+    }
+  });
+
+  document.body.addEventListener("mouseup", async (e) => {
+    selectionMenu.style.display = 'none';
+    const selection = window.getSelection();
+    window.__DALLE2_CONTENT__ = selection.toString().trim();
+
+    if (!window.__DALLE2_CONTENT__) return;
+
+    if (selection.rangeCount > 0) {
+      const range = selection.getRangeAt(0);
+      const rect = range.getClientRects()[0];
+
+      const rootEl = document.createElement('div');
+      rootEl.style.top = `${rect.top}px`;
+      rootEl.style.position = 'fixed';
+      rootEl.style.left = `${rect.left}px`;
+      document.body.appendChild(rootEl);
+
+      selectionMenu.style.display = 'block';
+      computePosition(rootEl, selectionMenu, {
+        placement: 'top',
+        middleware: [
+          flip(),
+          offset(5),
+          shift({ padding: 5 })
+        ]
+      }).then(({x, y}) => {
+        Object.assign(selectionMenu.style, {
+          left: `${x}px`,
+          top: `${y}px`,
+        });
+      });
+    }
+  });
+})

src-tauri/src/utils.rs

@@ -8,7 +8,8 @@ use std::{
     path::{Path, PathBuf},
     process::Command,
 };
-use tauri::{utils::config::Config, Manager};
+use tauri::updater::UpdateResponse;
+use tauri::{utils::config::Config, AppHandle, Manager, Wry};
 
 pub fn chat_root() -> PathBuf {
     tauri::api::path::home_dir().unwrap().join(".chatgpt")
@@ -128,3 +129,124 @@ pub async fn get_data(
         Ok(None)
     }
 }
+
+pub fn run_check_update(app: AppHandle<Wry>, silent: bool, has_msg: Option<bool>) {
+    info!("run_check_update: silent={} has_msg={:?}", silent, has_msg);
+    tauri::async_runtime::spawn(async move {
+        let result = app.updater().check().await;
+        let update_resp = result.unwrap();
+        if update_resp.is_update_available() {
+            if silent {
+                tauri::async_runtime::spawn(async move {
+                    silent_install(app, update_resp).await.unwrap();
+                });
+            } else {
+                tauri::async_runtime::spawn(async move {
+                    prompt_for_install(app, update_resp).await.unwrap();
+                });
+            }
+        } else if let Some(v) = has_msg {
+            if v {
+                tauri::api::dialog::message(
+                    app.app_handle().get_window("core").as_ref(),
+                    "ChatGPT",
+                    "Your ChatGPT is up to date",
+                );
+            }
+        }
+    });
+}
+
+// Copy private api in tauri/updater/mod.rs. TODO: refactor to public api
+// Prompt a dialog asking if the user want to install the new version
+// Maybe we should add an option to customize it in future versions.
+pub async fn prompt_for_install(app: AppHandle<Wry>, update: UpdateResponse<Wry>) -> Result<()> {
+    info!("prompt_for_install");
+    let windows = app.windows();
+    let parent_window = windows.values().next();
+    let package_info = app.package_info().clone();
+
+    let body = update.body().unwrap();
+    // todo(lemarier): We should review this and make sure we have
+    // something more conventional.
+    let should_install = tauri::api::dialog::blocking::ask(
+        parent_window,
+        format!(r#"A new version of {} is available! "#, package_info.name),
+        format!(
+            r#"{} {} is now available -- you have {}.
+
+Would you like to install it now?
+
+Release Notes:
+{}"#,
+            package_info.name,
+            update.latest_version(),
+            package_info.version,
+            body
+        ),
+    );
+
+    if should_install {
+        // Launch updater download process
+        // macOS we display the `Ready to restart dialog` asking to restart
+        // Windows is closing the current App and launch the downloaded MSI when ready (the process stop here)
+        // Linux we replace the AppImage by launching a new install, it start a new AppImage instance, so we're closing the previous. (the process stop here)
+        update.download_and_install().await?;
+
+        // Ask user if we need to restart the application
+        let should_exit = tauri::api::dialog::blocking::ask(
+            parent_window,
+            "Ready to Restart",
+            "The installation was successful, do you want to restart the application now?",
+        );
+        if should_exit {
+            app.restart();
+        }
+    }
+
+    Ok(())
+}
+
+pub async fn silent_install(app: AppHandle<Wry>, update: UpdateResponse<Wry>) -> Result<()> {
+    info!("silent_install");
+    let windows = app.windows();
+    let parent_window = windows.values().next();
+
+    // Launch updater download process
+    // macOS we display the `Ready to restart dialog` asking to restart
+    // Windows is closing the current App and launch the downloaded MSI when ready (the process stop here)
+    // Linux we replace the AppImage by launching a new install, it start a new AppImage instance, so we're closing the previous. (the process stop here)
+    update.download_and_install().await?;
+
+    // Ask user if we need to restart the application
+    let should_exit = tauri::api::dialog::blocking::ask(
+        parent_window,
+        "Ready to Restart",
+        "The silent installation was successful, do you want to restart the application now?",
+    );
+    if should_exit {
+        app.restart();
+    }
+
+    Ok(())
+}
+
+pub fn is_hidden(entry: &walkdir::DirEntry) -> bool {
+    entry
+        .file_name()
+        .to_str()
+        .map(|s| s.starts_with('.'))
+        .unwrap_or(false)
+}
+
+pub fn vec_to_hashmap(
+    vec: impl Iterator<Item = serde_json::Value>,
+    key: &str,
+    map: &mut HashMap<String, serde_json::Value>,
+) {
+    for v in vec {
+        if let Some(kval) = v.get(key).and_then(serde_json::Value::as_str) {
+            map.insert(kval.to_string(), v);
+        }
+    }
+}

src-tauri/src/vendors/turndown-plugin-gfm.js

@@ -0,0 +1,164 @@
+var turndownPluginGfm = (function (exports) {
+  'use strict';
+
+  var highlightRegExp = /highlight-(?:text|source)-([a-z0-9]+)/;
+
+  function highlightedCodeBlock (turndownService) {
+    turndownService.addRule('highlightedCodeBlock', {
+      filter: function (node) {
+        var firstChild = node.firstChild;
+        return (
+          node.nodeName === 'DIV' &&
+          highlightRegExp.test(node.className) &&
+          firstChild &&
+          firstChild.nodeName === 'PRE'
+        )
+      },
+      replacement: function (content, node, options) {
+        var className = node.className || '';
+        var language = (className.match(highlightRegExp) || [null, ''])[1];
+
+        return (
+          '\n\n' + options.fence + language + '\n' +
+          node.firstChild.textContent +
+          '\n' + options.fence + '\n\n'
+        )
+      }
+    });
+  }
+
+  function strikethrough (turndownService) {
+    turndownService.addRule('strikethrough', {
+      filter: ['del', 's', 'strike'],
+      replacement: function (content) {
+        return '~' + content + '~'
+      }
+    });
+  }
+
+  var indexOf = Array.prototype.indexOf;
+  var every = Array.prototype.every;
+  var rules = {};
+
+  rules.tableCell = {
+    filter: ['th', 'td'],
+    replacement: function (content, node) {
+      return cell(content, node)
+    }
+  };
+
+  rules.tableRow = {
+    filter: 'tr',
+    replacement: function (content, node) {
+      var borderCells = '';
+      var alignMap = { left: ':--', right: '--:', center: ':-:' };
+
+      if (isHeadingRow(node)) {
+        for (var i = 0; i < node.childNodes.length; i++) {
+          var border = '---';
+          var align = (
+            node.childNodes[i].getAttribute('align') || ''
+          ).toLowerCase();
+
+          if (align) border = alignMap[align] || border;
+
+          borderCells += cell(border, node.childNodes[i]);
+        }
+      }
+      return '\n' + content + (borderCells ? '\n' + borderCells : '')
+    }
+  };
+
+  rules.table = {
+    // Only convert tables with a heading row.
+    // Tables with no heading row are kept using `keep` (see below).
+    filter: function (node) {
+      return node.nodeName === 'TABLE' && isHeadingRow(node.rows[0])
+    },
+
+    replacement: function (content) {
+      // Ensure there are no blank lines
+      content = content.replace('\n\n', '\n');
+      return '\n\n' + content + '\n\n'
+    }
+  };
+
+  rules.tableSection = {
+    filter: ['thead', 'tbody', 'tfoot'],
+    replacement: function (content) {
+      return content
+    }
+  };
+
+  // A tr is a heading row if:
+  // - the parent is a THEAD
+  // - or if its the first child of the TABLE or the first TBODY (possibly
+  //   following a blank THEAD)
+  // - and every cell is a TH
+  function isHeadingRow (tr) {
+    var parentNode = tr.parentNode;
+    return (
+      parentNode.nodeName === 'THEAD' ||
+      (
+        parentNode.firstChild === tr &&
+        (parentNode.nodeName === 'TABLE' || isFirstTbody(parentNode)) &&
+        every.call(tr.childNodes, function (n) { return n.nodeName === 'TH' })
+      )
+    )
+  }
+
+  function isFirstTbody (element) {
+    var previousSibling = element.previousSibling;
+    return (
+      element.nodeName === 'TBODY' && (
+        !previousSibling ||
+        (
+          previousSibling.nodeName === 'THEAD' &&
+          /^\s*$/i.test(previousSibling.textContent)
+        )
+      )
+    )
+  }
+
+  function cell (content, node) {
+    var index = indexOf.call(node.parentNode.childNodes, node);
+    var prefix = ' ';
+    if (index === 0) prefix = '| ';
+    return prefix + content + ' |'
+  }
+
+  function tables (turndownService) {
+    turndownService.keep(function (node) {
+      return node.nodeName === 'TABLE' && !isHeadingRow(node.rows[0])
+    });
+    for (var key in rules) turndownService.addRule(key, rules[key]);
+  }
+
+  function taskListItems (turndownService) {
+    turndownService.addRule('taskListItems', {
+      filter: function (node) {
+        return node.type === 'checkbox' && node.parentNode.nodeName === 'LI'
+      },
+      replacement: function (content, node) {
+        return (node.checked ? '[x]' : '[ ]') + ' '
+      }
+    });
+  }
+
+  function gfm (turndownService) {
+    turndownService.use([
+      highlightedCodeBlock,
+      strikethrough,
+      tables,
+      taskListItems
+    ]);
+  }
+
+  exports.gfm = gfm;
+  exports.highlightedCodeBlock = highlightedCodeBlock;
+  exports.strikethrough = strikethrough;
+  exports.tables = tables;
+  exports.taskListItems = taskListItems;
+
+  return exports;
+}({}));

src-tauri/tauri.conf.json

@@ -7,7 +7,7 @@
   },
   "package": {
     "productName": "ChatGPT",
-    "version": "0.7.4"
+    "version": "0.9.1"
   },
   "tauri": {
     "allowlist": {
@@ -68,7 +68,7 @@
     },
     "updater": {
       "active": true,
-      "dialog": true,
+      "dialog": false,
       "endpoints": [
         "https://lencx.github.io/ChatGPT/install.json"
       ],

src/hooks/useChatModel.ts

@@ -47,6 +47,7 @@ export function useCacheModel(file = '') {
     const list = await invoke('cmd_list');
     await writeJSON(CHAT_MODEL_CMD_JSON, { name: 'ChatGPT CMD', last_updated: Date.now(), data: list });
     await invoke('window_reload', { label: 'core' });
+    await invoke('window_reload', { label: 'tray' });
   };
 
   return { modelCacheJson, modelCacheSet, modelCacheCmd };

src/hooks/useColumns.tsx

@@ -1,4 +1,7 @@
-import { useState, useCallback } from 'react';
+import { FC, useState, useCallback } from 'react';
+import { Input } from 'antd';
+
+import { DISABLE_AUTO_COMPLETE } from '@/utils';
 
 export default function useColumns(columns: any[] = []) {
   const [opType, setOpType] = useState('');
@@ -41,4 +44,40 @@ export default function useColumns(columns: any[] = []) {
     setExtra,
     opExtra,
   };
-}
+}
+
+interface EditRowProps {
+  rowKey: string;
+  row: Record<string, any>;
+  actions: any;
+}
+export const EditRow: FC<EditRowProps> = ({ rowKey, row, actions }) => {
+  const [isEdit, setEdit] = useState(false);
+  const [val, setVal] = useState(row[rowKey] || '');
+  const handleEdit = () => {
+    setEdit(true);
+  };
+  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    setVal(e.target.value)
+  };
+
+  const handleSave = () => {
+    setEdit(false);
+    row[rowKey] = val?.trim();
+    actions?.setRecord(row, 'rowedit')
+  };
+
+  return isEdit
+    ? (
+        <Input
+          value={val}
+          autoFocus
+          onChange={handleChange}
+          {...DISABLE_AUTO_COMPLETE}
+          onPressEnter={handleSave}
+        />
+      )
+    : (
+      <div className='rowedit' onClick={handleEdit}>{val}</div>
+    );
+};

src/hooks/useJson.ts

@@ -0,0 +1,23 @@
+import { useState } from 'react';
+
+import { readJSON, writeJSON } from '@/utils';
+import useInit from '@/hooks/useInit';
+
+export default function useJson<T>(file: string) {
+  const [json, setData] = useState<T>();
+
+  const refreshJson = async () => {
+    const data = await readJSON(file);
+    setData(data);
+    return data;
+  };
+
+  const updateJson = async (data: any) => {
+    await writeJSON(file, data);
+    await refreshJson();
+  };
+
+  useInit(refreshJson);
+
+  return { json, refreshJson, updateJson };
+}

src/hooks/useTable.tsx

@@ -4,14 +4,35 @@ import type { TableRowSelection } from 'antd/es/table/interface';
 
 import { safeKey } from '@/hooks/useData';
 
-export default function useTableRowSelection() {
+type rowSelectionOptions = {
+  key: 'id' | string;
+  rowType: 'id' | 'row' | 'all';
+}
+export function useTableRowSelection(options: Partial<rowSelectionOptions> = {}) {
+  const { key = 'id', rowType = 'id' } = options;
   const [selectedRowKeys, setSelectedRowKeys] = useState<React.Key[]>([]);
   const [selectedRowIDs, setSelectedRowIDs] = useState<string[]>([]);
+  const [selectedRows, setSelectedRows] = useState<Record<string|symbol, any>[]>([]);
 
-  const onSelectChange = (newSelectedRowKeys: React.Key[], selectedRows: Record<string|symbol, any>) => {
+  const onSelectChange = (newSelectedRowKeys: React.Key[], newSelectedRows: Record<string|symbol, any>[]) => {
-    const keys = selectedRows.map((i: any) => i[safeKey]);
+    const keys = newSelectedRows.map((i: any) => i[safeKey] || i[key]);
-    setSelectedRowIDs(keys);
     setSelectedRowKeys(newSelectedRowKeys);
+    if (rowType === 'id') {
+      setSelectedRowIDs(keys);
+    }
+    if (rowType === 'row') {
+      setSelectedRows(newSelectedRows);
+    }
+    if (rowType === 'all') {
+      setSelectedRowIDs(keys);
+      setSelectedRows(newSelectedRows);
+    }
+  };
+
+  const rowReset = () => {
+    setSelectedRowKeys([]);
+    setSelectedRowIDs([]);
+    setSelectedRows([]);
   };
 
   const rowSelection: TableRowSelection<Record<string, any>> = {
@@ -24,14 +45,14 @@ export default function useTableRowSelection() {
     ],
   };
 
-  return { rowSelection, selectedRowIDs };
+  return { rowSelection, selectedRowIDs, selectedRows, rowReset };
 }
 
 export const TABLE_PAGINATION = {
   hideOnSinglePage: true,
   showSizeChanger: true,
   showQuickJumper: true,
-  defaultPageSize: 5,
+  defaultPageSize: 10,
   pageSizeOptions: [5, 10, 15, 20],
   showTotal: (total: number) => <span>Total {total} items</span>,
 };

src/layout/index.scss

@@ -1,10 +1,20 @@
 .chat-logo {
   text-align: center;
-  padding: 5px 0;
+  height: 48px;
 
   img {
-    width: 48px;
+    width: 44px;
-    height: 48px;
+    height: 44px;
+    margin-top: 4px;
+  }
+}
+
+.chat-info {
+  text-align: center;
+  font-weight: bold;
+
+  .ant-tag {
+    margin: 2px;
   }
 }
 
@@ -21,9 +31,6 @@
 .ant-menu {
   user-select: none;
   -webkit-user-select: none;
-  .ant-menu-item {
-    background-color: #f8f8f8;
-  }
 }
 
 .ant-layout-footer {

src/layout/index.tsx

@@ -1,62 +1,89 @@
-import { FC, useState } from 'react';
+import { useState } from 'react';
-import { Layout, Menu } from 'antd';
+import { Layout, Menu, Tooltip, ConfigProvider, theme, Tag } from 'antd';
+import { SyncOutlined } from '@ant-design/icons';
 import { useNavigate, useLocation } from 'react-router-dom';
+import { getName, getVersion } from '@tauri-apps/api/app';
+import { invoke } from '@tauri-apps/api';
 
+import useInit from '@/hooks/useInit';
 import Routes, { menuItems } from '@/routes';
 import './index.scss';
 
 const { Content, Footer, Sider } = Layout;
 
-interface ChatLayoutProps {
+export default function ChatLayout() {
-  children?: React.ReactNode;
-}
-
-const ChatLayout: FC<ChatLayoutProps> = ({ children }) => {
   const [collapsed, setCollapsed] = useState(false);
+  const [appInfo, setAppInfo] = useState<Record<string, any>>({});
   const location = useLocation();
   const go = useNavigate();
 
+  useInit(async () => {
+    setAppInfo({
+      appName: await getName(),
+      appVersion: await getVersion(),
+      appTheme: await invoke("get_theme"),
+    });
+  })
+
+  const checkAppUpdate = async () => {
+    await invoke('run_check_update', { silent: false, hasMsg: true });
+  }
+
+  const isDark = appInfo.appTheme === "dark";
+
   return (
-    <Layout style={{ minHeight: '100vh' }} hasSider>
+    <ConfigProvider theme={{ algorithm: isDark ? theme.darkAlgorithm : theme.defaultAlgorithm }}>
-      <Sider
+      <Layout style={{ minHeight: '100vh' }} hasSider>
-        theme="light"
+        <Sider
-        collapsible
+          theme={isDark ? "dark" : "light"}
-        collapsed={collapsed}
+          collapsible
-        onCollapse={(value) => setCollapsed(value)}
+          collapsed={collapsed}
-        style={{
+          onCollapse={(value) => setCollapsed(value)}
-          overflow: 'auto',
-          height: '100vh',
-          position: 'fixed',
-          left: 0,
-          top: 0,
-          bottom: 0,
-          zIndex: 999,
-        }}
-      >
-        <div className="chat-logo"><img src="/logo.png" /></div>
-        <Menu
-          defaultSelectedKeys={[location.pathname]}
-          mode="inline"
-          inlineIndent={12}
-          items={menuItems}
-          defaultOpenKeys={['/model']}
-          onClick={(i) => go(i.key)}
-        />
-      </Sider>
-      <Layout className="chat-layout" style={{ marginLeft: collapsed ? 80 : 200, transition: 'margin-left 300ms ease-out' }}>
-        <Content
-          className="chat-container"
           style={{
-            overflow: 'inherit'
+            overflow: 'auto',
+            height: '100vh',
+            position: 'fixed',
+            left: 0,
+            top: 0,
+            bottom: 0,
+            zIndex: 999,
           }}
         >
-          <Routes />
+          <div className="chat-logo"><img src="/logo.png" /></div>
-        </Content>
+          <div className="chat-info">
-        <Footer style={{ textAlign: 'center' }}>
+            <Tag>{appInfo.appName}</Tag>
-          <a href="https://github.com/lencx/chatgpt" target="_blank">ChatGPT Desktop Application</a> ©2022 Created by lencx</Footer>
+            <Tag>
-      </Layout>
+                <span style={{ marginRight: 5 }}>{appInfo.appVersion}</span>
-    </Layout>
+                <Tooltip title="click to check update">
-  );
+                  <a onClick={checkAppUpdate}><SyncOutlined /></a>
-};
+                </Tooltip>
+            </Tag>
+          </div>
 
-export default ChatLayout;
+          <Menu
+            defaultSelectedKeys={[location.pathname]}
+            mode="inline"
+            theme={ appInfo.appTheme === "dark" ? "dark" : "light" }
+            inlineIndent={12}
+            items={menuItems}
+            defaultOpenKeys={['/model']}
+            onClick={(i) => go(i.key)}
+          />
+        </Sider>
+        <Layout className="chat-layout" style={{ marginLeft: collapsed ? 80 : 200, transition: 'margin-left 300ms ease-out' }}>
+          <Content
+            className="chat-container"
+            style={{
+              overflow: 'inherit'
+            }}
+          >
+            <Routes />
+          </Content>
+          <Footer style={{ textAlign: 'center' }}>
+            <a href="https://github.com/lencx/chatgpt" target="_blank">ChatGPT Desktop Application</a> ©2022 Created by lencx
+          </Footer>
+        </Layout>
+      </Layout>
+    </ConfigProvider>
+  );
+};

src/main.scss

@@ -31,10 +31,27 @@ html, body {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
-  -webkit-line-clamp: 3;
+  -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
 }
 
+.ellipsis-line {
+  display: inline-block;
+  width: 180px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.rowedit {
+  padding: 2px 5px;
+
+  &:hover {
+    box-shadow: 0 0 2px rgba(237, 122, 60, 0.8);
+    border-radius: 4px;
+  }
+}
+
 .chat-add-btn {
   margin-bottom: 5px;
 }
@@ -51,6 +68,7 @@ html, body {
   }
 }
 
+.chat-file-path,
 .chat-sync-path {
   font-size: 12px;
   font-weight: 500;
@@ -63,7 +81,7 @@ html, body {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
-    color: #2a2a2a;
+    // color: #2a2a2a;
   }
 
   span {

src/routes.tsx

@@ -1,10 +1,12 @@
 import { useRoutes } from 'react-router-dom';
 import {
-  DesktopOutlined,
+  SettingOutlined,
   BulbOutlined,
   SyncOutlined,
   FileSyncOutlined,
   UserOutlined,
+  DownloadOutlined,
+  FormOutlined,
 } from '@ant-design/icons';
 import type { MenuProps } from 'antd';
 
@@ -13,6 +15,8 @@ import UserCustom from '@/view/model/UserCustom';
 import SyncPrompts from '@/view/model/SyncPrompts';
 import SyncCustom from '@/view/model/SyncCustom';
 import SyncRecord from '@/view/model/SyncRecord';
+import Download from '@/view/download';
+import Notes from '@/view/notes';
 
 export type ChatRouteMetaObject = {
   label: string;
@@ -33,7 +37,15 @@ export const routes: Array<ChatRouteObject> = [
     element: <General />,
     meta: {
       label: 'General',
-      icon: <DesktopOutlined />,
+      icon: <SettingOutlined />,
+    },
+  },
+  {
+    path: '/notes',
+    element: <Notes />,
+    meta: {
+      label: 'Notes',
+      icon: <FormOutlined />,
     },
   },
   {
@@ -51,6 +63,7 @@ export const routes: Array<ChatRouteObject> = [
           icon: <UserOutlined />,
         },
       },
+      // --- Sync
       {
         path: 'sync-prompts',
         element: <SyncPrompts />,
@@ -72,7 +85,15 @@ export const routes: Array<ChatRouteObject> = [
         element: <SyncRecord />,
         hideMenu: true,
       },
-    ]
+    ],
+  },
+  {
+    path: 'download',
+    element: <Download />,
+    meta: {
+      label: 'Download',
+      icon: <DownloadOutlined />,
+    },
   },
 ];
 

src/utils.ts

@@ -4,6 +4,8 @@ import dayjs from 'dayjs';
 
 export const CHAT_MODEL_JSON = 'chat.model.json';
 export const CHAT_MODEL_CMD_JSON = 'chat.model.cmd.json';
+export const CHAT_DOWNLOAD_JSON = 'chat.download.json';
+export const CHAT_NOTES_JSON = 'chat.notes.json';
 export const CHAT_PROMPTS_CSV = 'chat.prompts.csv';
 export const GITHUB_PROMPTS_CSV_URL = 'https://raw.githubusercontent.com/f/awesome-chatgpt-prompts/main/prompts.csv';
 export const DISABLE_AUTO_COMPLETE = {

src/view/General.tsx

@@ -10,6 +10,21 @@ import { clone, omit, isEqual } from 'lodash';
 import useInit from '@/hooks/useInit';
 import { DISABLE_AUTO_COMPLETE, chatRoot } from '@/utils';
 
+const AutoUpdateLabel = () => {
+  return (
+    <span>
+      Auto Update <Tooltip title={(
+        <div>
+          <div>Auto Update Policy</div>
+          <span><strong>Prompt</strong>: prompt to install</span><br/>
+          <span><strong>Silent</strong>: install silently</span><br/>
+          {/*<span><strong>Disable</strong>: disable auto update</span><br/>*/}
+        </div>
+    )}><QuestionCircleOutlined style={{ color: '#1677ff' }} /></Tooltip>
+    </span>
+  )
+}
+
 const OriginLabel = ({ url }: { url: string }) => {
   return (
     <span>
@@ -18,7 +33,22 @@ const OriginLabel = ({ url }: { url: string }) => {
   )
 }
 
-const GlobalShortcut = () => {
+const PopupSearchLabel = () => {
+  return (
+    <span>
+      Pop-up Search
+      {' '}
+      <Tooltip title={(
+        <div>
+          <div style={{ marginBottom: 10 }}>Generate images according to the content: Select the ChatGPT content with the mouse, no more than 400 characters. the <b>DALL·E 2</b> button appears, and click to jump (Note: because the search content filled by the script cannot trigger the event directly, you need to enter a space in the input box to make the button clickable).</div>
+          <div>The application is built using Tauri, and due to its security restrictions, some of the action buttons will not work, so we recommend going to your browser.</div>
+        </div>
+      )}><QuestionCircleOutlined style={{ color: '#1677ff' }} /></Tooltip>
+    </span>
+  )
+}
+
+const GlobalShortcutLabel = () => {
   return (
     <div>
       Global Shortcut
@@ -58,6 +88,19 @@ export default function General() {
     form.setFieldsValue(chatConf);
   };
 
+  const onReset = async () => {
+    const chatData = await invoke('reset_chat_conf');
+    setChatConf(chatData);
+    const isOk = await ask(`Configuration reset successfully, whether to restart?`, {
+      title: 'ChatGPT Preferences'
+    });
+    if (isOk) {
+      relaunch();
+      return;
+    }
+    message.success('Configuration reset successfully');
+  };
+
   const onFinish = async (values: any) => {
     if (!isEqual(omit(chatConf, ['default_origin']), values)) {
       await invoke('form_confirm', { data: values, label: 'main' });
@@ -86,23 +129,36 @@ export default function General() {
         labelCol={{ span: 8 }}
         wrapperCol={{ span: 15, offset: 1 }}
       >
-        <Form.Item label="Theme" name="theme">
-          <Radio.Group>
-            <Radio value="Light">Light</Radio>
-            <Radio value="Dark">Dark</Radio>
-          </Radio.Group>
-        </Form.Item>
         <Form.Item label="Stay On Top" name="stay_on_top" valuePropName="checked">
           <Switch />
         </Form.Item>
-        <Form.Item label={<GlobalShortcut />} name="global_shortcut">
-          <Input placeholder="CmdOrCtrl+Shift+O" {...DISABLE_AUTO_COMPLETE} />
-        </Form.Item>
         {platformInfo === 'darwin' && (
           <Form.Item label="Titlebar" name="titlebar" valuePropName="checked">
             <Switch />
           </Form.Item>
         )}
+        <Form.Item label={<PopupSearchLabel />} name="popup_search" valuePropName="checked">
+          <Switch />
+        </Form.Item>
+        <Form.Item label="Theme" name="theme">
+          <Radio.Group>
+            <Radio value="Light">Light</Radio>
+            <Radio value="Dark">Dark</Radio>
+            {["darwin", "windows"].includes(platformInfo) && (
+              <Radio value="System">System</Radio>
+            )}
+          </Radio.Group>
+        </Form.Item>
+        <Form.Item label={<AutoUpdateLabel />} name="auto_update">
+          <Radio.Group>
+            <Radio value="Prompt">Prompt</Radio>
+            <Radio value="Silent">Silent</Radio>
+            {/*<Radio value="Disable">Disable</Radio>*/}
+          </Radio.Group>
+        </Form.Item>
+        <Form.Item label={<GlobalShortcutLabel />} name="global_shortcut">
+          <Input placeholder="CmdOrCtrl+Shift+O" {...DISABLE_AUTO_COMPLETE} />
+        </Form.Item>
         <Form.Item label={<OriginLabel url={chatConf?.default_origin} />} name="origin">
           <Input placeholder="https://chat.openai.com" {...DISABLE_AUTO_COMPLETE} />
         </Form.Item>
@@ -115,10 +171,10 @@ export default function General() {
         <Form.Item>
           <Space size={20}>
             <Button onClick={onCancel}>Cancel</Button>
-            <Button type="primary" htmlType="submit">
+            <Button type="primary" htmlType="submit">Submit</Button>
-              Submit
+            <Button type="dashed" onClick={onReset}>Reset to defaults</Button>
-            </Button>
           </Space>
+
         </Form.Item>
       </Form>
     </>

src/view/download/config.tsx

@@ -0,0 +1,80 @@
+import { useState } from 'react';
+import { Tag, Space, Popconfirm } from 'antd';
+import { path, shell } from '@tauri-apps/api';
+
+import { EditRow } from '@/hooks/useColumns';
+
+import useInit from '@/hooks/useInit';
+import { fmtDate, chatRoot } from '@/utils';
+
+const colorMap: any = {
+  pdf: 'blue',
+  png: 'orange',
+}
+
+export const downloadColumns = () => [
+  {
+    title: 'Name',
+    dataIndex: 'name',
+    fixed: 'left',
+    key: 'name',
+    width: 240,
+    render: (_: string, row: any, actions: any) => (
+      <EditRow rowKey="name" row={row} actions={actions} />
+    ),
+  },
+  {
+    title: 'Extension',
+    dataIndex: 'ext',
+    key: 'ext',
+    width: 120,
+    render: (v: string) => <Tag color={colorMap[v]}>{v}</Tag>,
+  },
+  {
+    title: 'Path',
+    dataIndex: 'path',
+    key: 'path',
+    width: 200,
+    render: (_: string, row: any) => <RenderPath row={row} />,
+  },
+  {
+    title: 'Created',
+    dataIndex: 'created',
+    key: 'created',
+    width: 150,
+    render: fmtDate,
+  },
+  {
+    title: 'Action',
+    fixed: 'right',
+    width: 150,
+    render: (_: any, row: any, actions: any) => {
+      return (
+        <Space>
+          <a onClick={() => actions.setRecord(row, 'preview')}>Preview</a>
+          <Popconfirm
+            title="Are you sure to delete this file?"
+            onConfirm={() => actions.setRecord(row, 'delete')}
+            okText="Yes"
+            cancelText="No"
+          >
+            <a>Delete</a>
+          </Popconfirm>
+        </Space>
+      )
+    }
+  }
+];
+
+const RenderPath = ({ row }: any) => {
+  const [filePath, setFilePath] = useState('');
+  useInit(async () => {
+      setFilePath(await getPath(row));
+  })
+  return <a onClick={() => shell.open(filePath)}>{filePath}</a>;
+};
+
+export const getPath = async (row: any) => {
+  const isImg = ['png'].includes(row?.ext);
+  return await path.join(await chatRoot(), 'download', isImg ? 'img' : row.ext, row.id) + `.${row.ext}`;
+}

src/view/download/index.tsx

@@ -0,0 +1,145 @@
+import { useEffect, useState } from 'react';
+import { Table, Modal, Popconfirm, Button, message } from 'antd';
+import { invoke, path, shell, fs } from '@tauri-apps/api';
+
+import useInit from '@/hooks/useInit';
+import useJson from '@/hooks/useJson';
+import useData from '@/hooks/useData';
+import useColumns from '@/hooks/useColumns';
+import { useTableRowSelection, TABLE_PAGINATION } from '@/hooks/useTable';
+import { chatRoot, CHAT_DOWNLOAD_JSON } from '@/utils';
+import { downloadColumns } from './config';
+
+function renderFile(buff: Uint8Array, type: string) {
+  const renderType = {
+    pdf: 'application/pdf',
+    png: 'image/png',
+  }[type];
+  return URL.createObjectURL(new Blob([buff], { type: renderType }));
+}
+
+export default function Download() {
+  const [downloadPath, setDownloadPath] = useState('');
+  const [source, setSource] = useState('');
+  const [isVisible, setVisible] = useState(false);
+  const { opData, opInit, opReplace, opSafeKey } = useData([]);
+  const { columns, ...opInfo } = useColumns(downloadColumns());
+  const { rowSelection, selectedRows, rowReset } = useTableRowSelection({ rowType: 'row' });
+  const { json, refreshJson, updateJson } = useJson<any[]>(CHAT_DOWNLOAD_JSON);
+  const selectedItems = rowSelection.selectedRowKeys || [];
+
+  useInit(async () => {
+    const file = await path.join(await chatRoot(), CHAT_DOWNLOAD_JSON);
+    setDownloadPath(file);
+  });
+
+  useEffect(() => {
+    if (!json || json.length <= 0) return;
+    opInit(json);
+  }, [json?.length]);
+
+  useEffect(() => {
+    if (!opInfo.opType) return;
+    (async () => {
+      const record = opInfo?.opRecord;
+      const isImg = ['png'].includes(record?.ext);
+      const file = await path.join(await chatRoot(), 'download', isImg ? 'img' : record?.ext, `${record?.id}.${record?.ext}`);
+      if (opInfo.opType === 'preview') {
+        const data = await fs.readBinaryFile(file);
+        const sourceData = renderFile(data, record?.ext);
+        setSource(sourceData);
+        setVisible(true);
+        return;
+      }
+      if (opInfo.opType === 'delete') {
+        await fs.removeFile(file);
+        await handleRefresh();
+      }
+      if (opInfo.opType === 'rowedit') {
+        const data = opReplace(opInfo?.opRecord?.[opSafeKey], opInfo?.opRecord);
+        await updateJson(data);
+        message.success('Name has been changed!');
+      }
+      opInfo.resetRecord();
+    })()
+  }, [opInfo.opType])
+
+  const handleDelete = async () => {
+    if (opData?.length === selectedRows.length) {
+      const downloadDir = await path.join(await chatRoot(), 'download');
+      await fs.removeDir(downloadDir, { recursive: true });
+      await handleRefresh();
+      message.success('All files have been cleared!');
+      return;
+    }
+
+    const rows = selectedRows.map(async (i) => {
+      const isImg = ['png'].includes(i?.ext);
+      const file = await path.join(await chatRoot(), 'download', isImg ? 'img' : i?.ext, `${i?.id}.${i?.ext}`);
+      await fs.removeFile(file);
+      return file;
+    })
+    Promise.all(rows).then(async () => {
+      await handleRefresh();
+      message.success('All files selected are cleared!');
+    });
+  };
+
+  const handleRefresh = async () => {
+    await invoke('download_list', { pathname: CHAT_DOWNLOAD_JSON, dir: 'download' });
+    rowReset();
+    const data = await refreshJson();
+    opInit(data);
+  };
+
+  const handleCancel = () => {
+    setVisible(false);
+    opInfo.resetRecord();
+  };
+
+  return (
+    <div>
+      <div className="chat-table-btns">
+        <div>
+          {selectedItems.length > 0 && (
+            <>
+              <Popconfirm
+                overlayStyle={{ width: 250 }}
+                title="Files cannot be recovered after deletion, are you sure you want to delete them?"
+                placement="topLeft"
+                onConfirm={handleDelete}
+                okText="Yes"
+                cancelText="No"
+              >
+                <Button>Batch delete</Button>
+              </Popconfirm>
+              <span className="num">Selected {selectedItems.length} items</span>
+            </>
+          )}
+        </div>
+      </div>
+      <div className="chat-table-tip">
+        <div className="chat-file-path">
+          <div>PATH: <a onClick={() => shell.open(downloadPath)} title={downloadPath}>{downloadPath}</a></div>
+        </div>
+      </div>
+      <Table
+        rowKey="id"
+        columns={columns}
+        scroll={{ x: 800 }}
+        dataSource={opData}
+        rowSelection={rowSelection}
+        pagination={TABLE_PAGINATION}
+      />
+      <Modal
+        open={isVisible}
+        title={<div>{opInfo?.opRecord?.name || ''}</div>}
+        onCancel={handleCancel}
+        footer={false}
+        destroyOnClose
+      >
+        <img style={{ maxWidth: '100%' }} src={source} />
+      </Modal>
+    </div>
+  )
+}

src/view/model/SyncPrompts/config.tsx

@@ -1,4 +1,4 @@
-import { Switch, Tag, Tooltip } from 'antd';
+import { Table, Switch, Tag } from 'antd';
 
 import { genCmd } from '@/utils';
 
@@ -35,13 +35,14 @@ export const syncColumns = () => [
       <Switch checked={v} onChange={(v) => action.setRecord({ ...row, enable: v }, 'enable')} />
     ),
   },
+  Table.EXPAND_COLUMN,
   {
     title: 'Prompt',
     dataIndex: 'prompt',
     key: 'prompt',
     // width: 300,
     render: (v: string) => (
-      <Tooltip overlayInnerStyle={{ width: 350 }} title={v}><span className="chat-prompts-val">{v}</span></Tooltip>
+      <span className="chat-prompts-val">{v}</span>
     ),
   },
 ];

src/view/model/SyncPrompts/index.tsx

@@ -6,7 +6,7 @@ import useInit from '@/hooks/useInit';
 import useData from '@/hooks/useData';
 import useColumns from '@/hooks/useColumns';
 import useChatModel, { useCacheModel } from '@/hooks/useChatModel';
-import useTable, { TABLE_PAGINATION } from '@/hooks/useTable';
+import { useTableRowSelection, TABLE_PAGINATION } from '@/hooks/useTable';
 import { fmtDate, chatRoot } from '@/utils';
 import { syncColumns } from './config';
 import './index.scss';
@@ -14,7 +14,7 @@ import './index.scss';
 const promptsURL = 'https://github.com/f/awesome-chatgpt-prompts/blob/main/prompts.csv';
 
 export default function SyncPrompts() {
-  const { rowSelection, selectedRowIDs } = useTable();
+  const { rowSelection, selectedRowIDs } = useTableRowSelection();
   const [jsonPath, setJsonPath] = useState('');
   const { modelJson, modelSet } = useChatModel('sync_prompts');
   const { modelCacheJson, modelCacheSet } = useCacheModel(jsonPath);
@@ -93,6 +93,7 @@ export default function SyncPrompts() {
         dataSource={opData}
         rowSelection={rowSelection}
         pagination={TABLE_PAGINATION}
+        expandable={{expandedRowRender: (record) => <div style={{ padding: 10 }}>{record.prompt}</div>}}
       />
     </div>
   )

src/view/model/SyncRecord/config.tsx

@@ -1,4 +1,4 @@
-import { Switch, Tag, Tooltip } from 'antd';
+import { Switch, Tag, Table } from 'antd';
 
 import { genCmd } from '@/utils';
 
@@ -37,13 +37,14 @@ export const syncColumns = () => [
       <Switch checked={v} onChange={(v) => action.setRecord({ ...row, enable: v }, 'enable')} />
     ),
   },
+  Table.EXPAND_COLUMN,
   {
     title: 'Prompt',
     dataIndex: 'prompt',
     key: 'prompt',
     // width: 300,
     render: (v: string) => (
-      <Tooltip overlayInnerStyle={{ width: 350 }} title={v}><span className="chat-prompts-val">{v}</span></Tooltip>
+      <span className="chat-prompts-val">{v}</span>
     ),
   },
 ];

src/view/model/SyncRecord/index.tsx

@@ -7,7 +7,7 @@ import { shell, path } from '@tauri-apps/api';
 import useColumns from '@/hooks/useColumns';
 import useData from '@/hooks/useData';
 import { useCacheModel } from '@/hooks/useChatModel';
-import useTable, { TABLE_PAGINATION } from '@/hooks/useTable';
+import { useTableRowSelection, TABLE_PAGINATION } from '@/hooks/useTable';
 import { fmtDate, chatRoot } from '@/utils';
 import { getPath } from '@/view/model/SyncCustom/config';
 import { syncColumns } from './config';
@@ -19,7 +19,7 @@ export default function SyncRecord() {
   const [jsonPath, setJsonPath] = useState('');
   const state = location?.state;
 
-  const { rowSelection, selectedRowIDs } = useTable();
+  const { rowSelection, selectedRowIDs } = useTableRowSelection();
   const { modelCacheJson, modelCacheSet } = useCacheModel(jsonPath);
   const { opData, opInit, opReplace, opReplaceItems, opSafeKey } = useData([]);
   const { columns, ...opInfo } = useColumns(syncColumns());
@@ -79,6 +79,7 @@ export default function SyncRecord() {
         dataSource={opData}
         rowSelection={rowSelection}
         pagination={TABLE_PAGINATION}
+        expandable={{expandedRowRender: (record) => <div style={{ padding: 10 }}>{record.prompt}</div>}}
       />
     </div>
   )

src/view/model/UserCustom/config.tsx

@@ -1,4 +1,4 @@
-import { Tag, Switch, Tooltip, Space, Popconfirm } from 'antd';
+import { Tag, Switch, Space, Popconfirm, Table } from 'antd';
 
 export const modelColumns = () => [
   {
@@ -33,13 +33,14 @@ export const modelColumns = () => [
       <Switch checked={v} onChange={(v) => action.setRecord({ ...row, enable: v }, 'enable')} />
     ),
   },
+  Table.EXPAND_COLUMN,
   {
     title: 'Prompt',
     dataIndex: 'prompt',
     key: 'prompt',
     width: 300,
     render: (v: string) => (
-      <Tooltip overlayInnerStyle={{ width: 350 }} title={v}><span className="chat-prompts-val">{v}</span></Tooltip>
+      <span className="chat-prompts-val">{v}</span>
     ),
   },
   {

src/view/model/UserCustom/index.tsx

@@ -6,13 +6,13 @@ import useInit from '@/hooks/useInit';
 import useData from '@/hooks/useData';
 import useChatModel, { useCacheModel } from '@/hooks/useChatModel';
 import useColumns from '@/hooks/useColumns';
-import useTable, { TABLE_PAGINATION } from '@/hooks/useTable';
+import { useTableRowSelection, TABLE_PAGINATION } from '@/hooks/useTable';
 import { chatRoot, fmtDate } from '@/utils';
 import { modelColumns } from './config';
 import UserCustomForm from './Form';
 
 export default function LanguageModel() {
-  const { rowSelection, selectedRowIDs } = useTable();
+  const { rowSelection, selectedRowIDs } = useTableRowSelection();
   const [isVisible, setVisible] = useState(false);
   const [jsonPath, setJsonPath] = useState('');
   const { modelJson, modelSet } = useChatModel('user_custom');
@@ -123,6 +123,7 @@ export default function LanguageModel() {
         dataSource={opData}
         rowSelection={rowSelection}
         pagination={TABLE_PAGINATION}
+        expandable={{expandedRowRender: (record) => <div style={{ padding: 10 }}>{record.prompt}</div>}}
       />
       <Modal
         open={isVisible}

src/view/notes/config.tsx

@@ -0,0 +1,69 @@
+import { useState } from 'react';
+import { Space, Popconfirm } from 'antd';
+import { path, shell } from '@tauri-apps/api';
+
+import { EditRow } from '@/hooks/useColumns';
+
+import useInit from '@/hooks/useInit';
+import { fmtDate, chatRoot } from '@/utils';
+
+export const notesColumns = () => [
+  {
+    title: 'Name',
+    dataIndex: 'name',
+    fixed: 'left',
+    key: 'name',
+    width: 240,
+    render: (_: string, row: any, actions: any) => (
+      <EditRow rowKey="name" row={row} actions={actions} />
+    ),
+  },
+  {
+    title: 'Path',
+    dataIndex: 'path',
+    key: 'path',
+    width: 200,
+    render: (_: string, row: any) => <RenderPath row={row} />,
+  },
+  {
+    title: 'Created',
+    dataIndex: 'created',
+    key: 'created',
+    width: 150,
+    render: fmtDate,
+  },
+  {
+    title: 'Action',
+    fixed: 'right',
+    width: 160,
+    render: (_: any, row: any, actions: any) => {
+      return (
+        <Space>
+          <a onClick={() => actions.setRecord(row, 'preview')}>Preview</a>
+          <a onClick={() => actions.setRecord(row, 'edit')}>Edit</a>
+          <Popconfirm
+            title="Are you sure to delete this file?"
+            onConfirm={() => actions.setRecord(row, 'delete')}
+            okText="Yes"
+            cancelText="No"
+          >
+            <a>Delete</a>
+          </Popconfirm>
+        </Space>
+      )
+    }
+  }
+];
+
+const RenderPath = ({ row }: any) => {
+  const [filePath, setFilePath] = useState('');
+  useInit(async () => {
+      setFilePath(await getPath(row));
+  })
+  return <a onClick={() => shell.open(filePath)}>{filePath}</a>;
+};
+
+export const getPath = async (row: any) => {
+  const isImg = ['png'].includes(row?.ext);
+  return await path.join(await chatRoot(), 'notes', row.id) + `.${row.ext}`;
+}

src/view/notes/index.tsx

@@ -0,0 +1,161 @@
+import { useEffect, useState } from 'react';
+import { Table, Modal, Popconfirm, Button, message } from 'antd';
+import { invoke, path, shell, fs } from '@tauri-apps/api';
+import ReactMarkdown from 'react-markdown';
+import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter';
+import { a11yDark } from 'react-syntax-highlighter/dist/esm/styles/prism';
+
+import useInit from '@/hooks/useInit';
+import useJson from '@/hooks/useJson';
+import useData from '@/hooks/useData';
+import useColumns from '@/hooks/useColumns';
+import { useTableRowSelection, TABLE_PAGINATION } from '@/hooks/useTable';
+import { chatRoot, CHAT_NOTES_JSON } from '@/utils';
+import { notesColumns } from './config';
+
+export default function Notes() {
+  const [notesPath, setNotesPath] = useState('');
+  const [source, setSource] = useState('');
+  const [isVisible, setVisible] = useState(false);
+  const { opData, opInit, opReplace, opSafeKey } = useData([]);
+  const { columns, ...opInfo } = useColumns(notesColumns());
+  const { rowSelection, selectedRows, rowReset } = useTableRowSelection({ rowType: 'row' });
+  const { json, refreshJson, updateJson } = useJson<any[]>(CHAT_NOTES_JSON);
+  const selectedItems = rowSelection.selectedRowKeys || [];
+
+  useInit(async () => {
+    const file = await path.join(await chatRoot(), CHAT_NOTES_JSON);
+    setNotesPath(file);
+  });
+
+  useEffect(() => {
+    if (!json || json.length <= 0) return;
+    opInit(json);
+  }, [json?.length]);
+
+  useEffect(() => {
+    if (!opInfo.opType) return;
+    (async () => {
+      const record = opInfo?.opRecord;
+      const file = await path.join(await chatRoot(), 'notes', `${record?.id}.${record?.ext}`);
+      if (opInfo.opType === 'preview') {
+        const data = await fs.readTextFile(file);
+        setSource(data);
+        setVisible(true);
+        return;
+      }
+      if (opInfo.opType === 'edit') {
+        alert('TODO');
+      }
+      if (opInfo.opType === 'delete') {
+        await fs.removeFile(file);
+        await handleRefresh();
+      }
+      if (opInfo.opType === 'rowedit') {
+        const data = opReplace(opInfo?.opRecord?.[opSafeKey], opInfo?.opRecord);
+        await updateJson(data);
+        message.success('Name has been changed!');
+      }
+      opInfo.resetRecord();
+    })()
+  }, [opInfo.opType])
+
+  const handleDelete = async () => {
+    if (opData?.length === selectedRows.length) {
+      const notesDir = await path.join(await chatRoot(), 'notes');
+      await fs.removeDir(notesDir, { recursive: true });
+      await handleRefresh();
+      message.success('All files have been cleared!');
+      return;
+    }
+
+    const rows = selectedRows.map(async (i) => {
+      const file = await path.join(await chatRoot(), 'notes', `${i?.id}.${i?.ext}`);
+      await fs.removeFile(file);
+      return file;
+    })
+    Promise.all(rows).then(async () => {
+      await handleRefresh();
+      message.success('All files selected are cleared!');
+    });
+  };
+
+  const handleRefresh = async () => {
+    await invoke('download_list', { pathname: CHAT_NOTES_JSON, dir: 'notes' });
+    rowReset();
+    const data = await refreshJson();
+    opInit(data);
+  };
+
+  const handleCancel = () => {
+    setVisible(false);
+    opInfo.resetRecord();
+  };
+
+  return (
+    <div>
+      <div className="chat-table-btns">
+        <div>
+          {selectedItems.length > 0 && (
+            <>
+              <Popconfirm
+                overlayStyle={{ width: 250 }}
+                title="Files cannot be recovered after deletion, are you sure you want to delete them?"
+                placement="topLeft"
+                onConfirm={handleDelete}
+                okText="Yes"
+                cancelText="No"
+              >
+                <Button>Batch delete</Button>
+              </Popconfirm>
+              <span className="num">Selected {selectedItems.length} items</span>
+            </>
+          )}
+        </div>
+      </div>
+      <div className="chat-table-tip">
+        <div className="chat-file-path">
+          <div>PATH: <a onClick={() => shell.open(notesPath)} title={notesPath}>{notesPath}</a></div>
+        </div>
+      </div>
+      <Table
+        rowKey="id"
+        columns={columns}
+        scroll={{ x: 800 }}
+        dataSource={opData}
+        rowSelection={rowSelection}
+        pagination={TABLE_PAGINATION}
+      />
+      <Modal
+        open={isVisible}
+        title={<div>{opInfo?.opRecord?.name || ''}</div>}
+        onCancel={handleCancel}
+        footer={false}
+        destroyOnClose
+      >
+        <ReactMarkdown
+          children={source}
+          linkTarget="_blank"
+          components={{
+            code({node, inline, className, children, ...props}) {
+              const match = /language-(\w+)/.exec(className || '')
+              return !inline && match ? (
+                <SyntaxHighlighter
+                  children={String(children).replace(/\n$/, '')}
+                  style={a11yDark as any}
+                  language={match[1]}
+                  PreTag="div"
+                  {...props}
+                />
+              ) : (
+                <code className={className} {...props}>
+                  {children}
+                </code>
+              )
+            }
+          }}
+        />
+      </Modal>
+    </div>
+  )
+}