v0.7.1

add `#[cfg(target_os = "macos")]` when declare titlebar and titlebar_menu

.github/workflows/release.yml

@@ -8,7 +8,7 @@ on:
 
 jobs:
   create-release:
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-20.04
     outputs:
       RELEASE_UPLOAD_ID: ${{ steps.create_release.outputs.id }}
 
@@ -36,34 +36,32 @@ jobs:
     strategy:
       fail-fast: false
       matrix:
-        platform: [macos-latest, ubuntu-latest, windows-latest]
+        platform: [macos-latest, ubuntu-20.04, windows-latest]
 
     runs-on: ${{ matrix.platform }}
     steps:
-      - uses: actions/checkout@v2
+      - uses: actions/checkout@v3
-
+      - name: setup node
-      - name: Setup node
+        uses: actions/setup-node@v3
-        uses: actions/setup-node@v1
         with:
-          node-version: 18
+          node-version: 16
-
-      - name: Install Rust stable
-        uses: actions-rs/toolchain@v1
-        with:
-          toolchain: stable
-
-      # Rust cache
-      - uses: Swatinem/rust-cache@v1
 
+      - name: install Rust stable
+        uses: dtolnay/rust-toolchain@stable
       - name: install dependencies (ubuntu only)
-        if: matrix.platform == 'ubuntu-latest'
+        if: matrix.platform == 'ubuntu-20.04'
         run: |
           sudo apt-get update
-          sudo apt-get install -y libgtk-3-dev webkit2gtk-4.0 libappindicator3-dev librsvg2-dev patchelf
+          sudo apt-get install -y libgtk-3-dev libwebkit2gtk-4.0-dev libappindicator3-dev librsvg2-dev patchelf
 
       - name: Install app dependencies and build it
         run: yarn && yarn build:fe
 
+      - name: fix tray icon
+        if: matrix.platform != 'macos-latest'
+        run: |
+          yarn fix:tray
+
       - uses: tauri-apps/tauri-action@v0.3
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
@@ -74,7 +72,7 @@ jobs:
           releaseId: ${{ needs.create-release.outputs.RELEASE_UPLOAD_ID }}
 
   updater:
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-20.04
     needs: [create-release, build-tauri]
 
     steps:

README-ZH_CN.md

@@ -22,9 +22,9 @@
 
 **最新版:**
 
-- `Mac`: [ChatGPT_0.6.4_x64.dmg](https://github.com/lencx/ChatGPT/releases/download/v0.6.4/ChatGPT_0.6.4_x64.dmg)
+- `Mac`: [ChatGPT_0.7.1_x64.dmg](https://github.com/lencx/ChatGPT/releases/download/v0.7.1/ChatGPT_0.7.1_x64.dmg)
-- `Linux`: [chat-gpt_0.6.4_amd64.deb](https://github.com/lencx/ChatGPT/releases/download/v0.6.4/chat-gpt_0.6.4_amd64.deb)
+- `Linux`: [chat-gpt_0.7.1_amd64.deb](https://github.com/lencx/ChatGPT/releases/download/v0.7.1/chat-gpt_0.7.1_amd64.deb)
-- `Windows`: [ChatGPT_0.6.4_x64_en-US.msi](https://github.com/lencx/ChatGPT/releases/download/v0.6.4/ChatGPT_0.6.4_x64_en-US.msi)
+- `Windows`: [ChatGPT_0.7.1_x64_en-US.msi](https://github.com/lencx/ChatGPT/releases/download/v0.7.1/ChatGPT_0.7.1_x64_en-US.msi)
 
 [其他版本...](https://github.com/lencx/ChatGPT/releases)
 
@@ -60,7 +60,7 @@ cask "popcorn-time", args: { "no-quarantine": true }
 
 数据导入完成后，可以重新启动应用来使配置生效（`Menu -> Preferences -> Restart ChatGPT`）。
 
-在 ChatGPT 文本输入区域，键入 `/` 开头的字符，则会弹出指令提示，按下空格键，它会默认将命令关联的文本填充到输入区域（注意：如果包含多个指令提示，它只会选择第一个作为填充，你可以持续输入，直到第一个提示命令为你想要时，再按下空格键。或者使用鼠标来点击多条指令中的某一个）。填充完成后，你只需要按下回车键即可。斜杠命令下，使用 TAB 键修改 `{q}` 标签内容（仅支持单个修改 [#54](https://github.com/lencx/ChatGPT/issues/54)）。
+在 ChatGPT 文本输入区域，键入 `/` 开头的字符，则会弹出指令提示，按下空格键，它会默认将命令关联的文本填充到输入区域（注意：如果包含多个指令提示，它只会选择第一个作为填充，你可以持续输入，直到第一个提示命令为你想要时，再按下空格键。或者使用鼠标来点击多条指令中的某一个）。填充完成后，你只需要按下回车键即可。斜杠命令下，使用 TAB 键修改 `{q}` 标签内容（仅支持单个修改 [#54](https://github.com/lencx/ChatGPT/issues/54)）。使用键盘 `⇧` 和 `⇩`（上下键）来选择斜杠指令。
 
 ![chatgpt](assets/chatgpt.gif)
 ![chatgpt-cmd](assets/chatgpt-cmd.gif)
@@ -74,6 +74,7 @@ cask "popcorn-time", args: { "no-quarantine": true }
 - 系统托盘悬浮窗
 - 应用菜单功能强大
 - 支持斜杠命令及其配置（可手动配置或从文件同步 [#55](https://github.com/lencx/ChatGPT/issues/55)）
+- 进入应用的全局快捷键 (mac: `command+shift+o`, windows: `ctrl+shift+o`)
 
 ### 菜单项
 

README.md

@@ -24,9 +24,9 @@
 
 **Latest:**
 
-- `Mac`: [ChatGPT_0.6.4_x64.dmg](https://github.com/lencx/ChatGPT/releases/download/v0.6.4/ChatGPT_0.6.4_x64.dmg)
+- `Mac`: [ChatGPT_0.7.1_x64.dmg](https://github.com/lencx/ChatGPT/releases/download/v0.7.1/ChatGPT_0.7.1_x64.dmg)
-- `Linux`: [chat-gpt_0.6.4_amd64.deb](https://github.com/lencx/ChatGPT/releases/download/v0.6.4/chat-gpt_0.6.4_amd64.deb)
+- `Linux`: [chat-gpt_0.7.1_amd64.deb](https://github.com/lencx/ChatGPT/releases/download/v0.7.1/chat-gpt_0.7.1_amd64.deb)
-- `Windows`: [ChatGPT_0.6.4_x64_en-US.msi](https://github.com/lencx/ChatGPT/releases/download/v0.6.4/ChatGPT_0.6.4_x64_en-US.msi)
+- `Windows`: [ChatGPT_0.7.1_x64_en-US.msi](https://github.com/lencx/ChatGPT/releases/download/v0.7.1/ChatGPT_0.7.1_x64_en-US.msi)
 
 [Other version...](https://github.com/lencx/ChatGPT/releases)
 
@@ -46,7 +46,7 @@ Also, if you keep a _[Brewfile](https://github.com/Homebrew/homebrew-bundle#usag
 ```rb
 repo = "lencx/chatgpt"
 tap repo, "https://github.com/#{repo}.git"
-cask "popcorn-time", args: { "no-quarantine": true }
+cask "chatgpt", args: { "no-quarantine": true }
 ```
 
 ## 📢 Announcement
@@ -62,7 +62,7 @@ You can look at [awesome-chatgpt-prompts](https://github.com/f/awesome-chatgpt-p
 
 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)).
+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)
@@ -76,6 +76,7 @@ In the chatgpt text input area, type a character starting with `/` to bring up t
 - 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))
+- Global shortcuts to the chatgpt app (mac: `command+shift+o`, windows: `ctrl+shift+o`)
 
 ### MenuItem
 
@@ -154,7 +155,7 @@ Currently, only json and csv are supported for synchronizing custom files, and t
 
 ## TODO
 
-- Web access capability ([#20](https://github.com/lencx/ChatGPT/issues/20))
+<!-- - Web access capability ([#20](https://github.com/lencx/ChatGPT/issues/20)) -->
 - `Control Center` - Feature Enhancements
 - ...
 

UPDATE_LOG.md

@@ -1,5 +1,26 @@
 # UPDATE LOG
 
+## v0.7.1
+
+fix:
+- some windows systems cannot start the application
+- windows and linux add about menu (show version information)
+- the tray icon is indistinguishable from the background in dark mode on window and linux
+
+## v0.7.0
+
+fix:
+- mac m1 copy/paste does not work on some system versions
+- optimize the save chat log button to a small icon, the tray window no longer provides a save chat log button (the buttons causes the input area to become larger and the content area to become smaller)
+
+feat:
+- use the keyboard `⇧` (arrow up) and `⇩` (arrow down) keys to select the slash command
+- global shortcuts to the chatgpt app (mac: command+shift+o, windows: ctrl+shift+o)
+
+## v0.6.10
+
+fix: sync failure on windows
+
 ## v0.6.4
 
 fix: path not allowed on the configured scope

casks/chatgpt.rb

@@ -1,6 +1,6 @@
 cask "chatgpt" do
-  version "0.1.7"
+   version "0.6.10"
-  sha256 "1320b30a67e2506f9b45ffd2a48243d6141171c231dd698994ae5156a637eb3f"
+   sha256 "e85062565f826d32219c53b184d6df9c89441d4231cdfff775c2de8c50ac9906"
 
   url "https://github.com/lencx/ChatGPT/releases/download/v#{version}/ChatGPT_#{version}_x64.dmg"
   name "ChatGPT"

package.json

@@ -8,6 +8,8 @@
     "build": "yarn tauri build",
     "updater": "tr updater",
     "release": "tr release --git",
+    "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",
     "tr": "tr",
     "tauri": "tauri"

src-tauri/Cargo.toml

@@ -17,12 +17,13 @@ tauri-build = {version = "1.2.1", features = [] }
 anyhow = "1.0.66"
 serde_json = "1.0"
 serde = { version = "1.0", features = ["derive"] }
-tauri = { version = "1.2.2", features = ["api-all", "devtools", "system-tray", "updater"] }
+tauri = { version = "1.2.3", features = ["api-all", "devtools", "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"
 
@@ -44,4 +45,4 @@ custom-protocol = [ "tauri/custom-protocol" ]
 [profile.release]
 strip = true
 lto = true
-opt-level = "z"
+opt-level = "s"

src-tauri/src/app/cmd.rs

@@ -1,5 +1,8 @@
-use crate::{conf::ChatConfJson, utils};
+use crate::{
-use std::{fs, path::PathBuf};
+    conf::ChatConfJson,
+    utils::{self, exists},
+};
+use std::{collections::HashMap, fs, path::PathBuf};
 use tauri::{api, command, AppHandle, Manager};
 
 #[command]
@@ -72,7 +75,7 @@ pub fn get_chat_model_cmd() -> serde_json::Value {
     serde_json::from_str(&content).unwrap()
 }
 
-#[derive(Debug, serde::Serialize, serde::Deserialize)]
+#[derive(Debug, Clone, serde::Serialize, serde::Deserialize)]
 pub struct PromptRecord {
     pub cmd: Option<String>,
     pub act: String,
@@ -99,9 +102,8 @@ pub fn window_reload(app: AppHandle, label: &str) {
         .unwrap();
 }
 
-
-use walkdir::WalkDir;
 use utils::chat_root;
+use walkdir::WalkDir;
 
 #[derive(serde::Serialize, serde::Deserialize, Debug, Clone)]
 pub struct ModelRecord {
@@ -115,12 +117,14 @@ pub struct ModelRecord {
 #[command]
 pub fn cmd_list() -> Vec<ModelRecord> {
     let mut list = vec![];
-    for entry in WalkDir::new(chat_root().join("cache_model")).into_iter().filter_map(|e| e.ok()) {
+    for entry in WalkDir::new(chat_root().join("cache_model"))
+        .into_iter()
+        .filter_map(|e| e.ok())
+    {
         let file = fs::read_to_string(entry.path().display().to_string());
         if let Ok(v) = file {
             let data: Vec<ModelRecord> = serde_json::from_str(&v).unwrap_or_else(|_| vec![]);
-            let enable_list = data.into_iter()
+            let enable_list = data.into_iter().filter(|v| v.enable);
-                .filter(|v| v.enable);
             list.extend(enable_list)
         }
     }
@@ -128,3 +132,77 @@ pub fn cmd_list() -> Vec<ModelRecord> {
     list.sort_by(|a, b| a.cmd.len().cmp(&b.cmd.len()));
     list
 }
+
+#[command]
+pub fn sync_prompts(app: AppHandle, data: String, time: u64) {
+    let data = parse_prompt(data)
+        .iter()
+        .map(move |i| ModelRecord {
+            cmd: if i.cmd.is_some() {
+                i.cmd.clone().unwrap()
+            } else {
+                utils::gen_cmd(i.act.clone())
+            },
+            act: i.act.clone(),
+            prompt: i.prompt.clone(),
+            tags: vec!["chatgpt-prompts".to_string()],
+            enable: true,
+        })
+        .collect::<Vec<ModelRecord>>();
+
+    let model = chat_root().join("chat.model.json");
+    let model_cmd = chat_root().join("chat.model.cmd.json");
+    let chatgpt_prompts = chat_root().join("cache_model").join("chatgpt_prompts.json");
+
+    if !exists(&model) {
+        fs::write(
+            &model,
+            serde_json::json!({
+                "name": "ChatGPT Model",
+                "link": "https://github.com/lencx/ChatGPT"
+            })
+            .to_string(),
+        )
+        .unwrap();
+    }
+
+    // chatgpt_prompts.json
+    fs::write(
+        chatgpt_prompts,
+        serde_json::to_string_pretty(&data).unwrap(),
+    )
+    .unwrap();
+    let cmd_data = cmd_list();
+
+    // chat.model.cmd.json
+    fs::write(
+        model_cmd,
+        serde_json::to_string_pretty(&serde_json::json!({
+            "name": "ChatGPT CMD",
+            "last_updated": time,
+            "data": cmd_data,
+        }))
+        .unwrap(),
+    )
+    .unwrap();
+    let mut kv = HashMap::new();
+    kv.insert(
+        "sync_prompts".to_string(),
+        serde_json::json!({ "id": "chatgpt_prompts", "last_updated": time }),
+    );
+    let model_data = utils::merge(
+        &serde_json::from_str(&fs::read_to_string(&model).unwrap()).unwrap(),
+        &kv,
+    );
+
+    // chat.model.json
+    fs::write(model, serde_json::to_string_pretty(&model_data).unwrap()).unwrap();
+
+    // refresh window
+    api::dialog::message(
+        app.get_window("core").as_ref(),
+        "Sync Prompts",
+        "ChatGPT Prompts data has been synchronized!",
+    );
+    window_reload(app, "core");
+}

src-tauri/src/app/menu.rs

@@ -8,25 +8,31 @@ use tauri::{
 };
 use tauri_plugin_positioner::{on_tray_event, Position, WindowExt};
 
+use super::window;
+
 // --- Menu
 pub fn init() -> Menu {
     let chat_conf = ChatConfJson::get_chat_conf();
     let name = "ChatGPT";
     let app_menu = Submenu::new(
         name,
-        Menu::new()
+        Menu::with_items([
-            .add_native_item(MenuItem::About(name.into(), AboutMetadata::default()))
+            #[cfg(target_os = "macos")]
-            .add_native_item(MenuItem::Services)
+            MenuItem::About(name.into(), AboutMetadata::default()).into(),
-            .add_native_item(MenuItem::Separator)
+            #[cfg(not(target_os = "macos"))]
-            .add_native_item(MenuItem::Hide)
+            CustomMenuItem::new("about".to_string(), "About ChatGPT")
-            .add_native_item(MenuItem::HideOthers)
+                .into(),
-            .add_native_item(MenuItem::ShowAll)
+            MenuItem::Services.into(),
-            .add_native_item(MenuItem::Separator)
+            MenuItem::Hide.into(),
-            .add_native_item(MenuItem::Quit),
+            MenuItem::HideOthers.into(),
-    );
+            MenuItem::ShowAll.into(),
+            MenuItem::Separator.into(),
+            MenuItem::Quit.into(),
+        ]));
 
     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");
@@ -38,6 +44,7 @@ pub fn init() -> Menu {
     } else {
         stay_on_top
     };
+    #[cfg(target_os = "macos")]
     let titlebar_menu = if chat_conf.titlebar {
         titlebar.selected()
     } else {
@@ -173,8 +180,13 @@ pub fn menu_handler(event: WindowMenuEvent<tauri::Wry>) {
     let menu_handle = core_window.menu_handle();
 
     match menu_id {
+        // App
+        "about" => {
+            let tauri_conf = utils::get_tauri_conf().unwrap();
+            tauri::api::dialog::message(app.get_window("core").as_ref(), "ChatGPT", format!("Version {}", tauri_conf.package.version.unwrap()));
+        }
         // Preferences
-        "control_center" => app.get_window("main").unwrap().show().unwrap(),
+        "control_center" => window::control_window(&app),
         "restart" => tauri::api::process::restart(&app.env()),
         "inject_script" => open(&app, script_path),
         "go_conf" => utils::open_file(utils::chat_root()),
@@ -182,12 +194,12 @@ pub fn menu_handler(event: WindowMenuEvent<tauri::Wry>) {
         "awesome" => open(&app, conf::AWESOME_URL.to_string()),
         "sync_prompts" => {
             tauri::api::dialog::ask(
-                app.get_window("main").as_ref(),
+                app.get_window("core").as_ref(),
                 "Sync Prompts",
                 "Data sync will enable all prompts, are you sure you want to sync?",
                 move |is_restart| {
                     if is_restart {
-                        app.get_window("main")
+                        app.get_window("core")
                             .unwrap()
                             .eval("window.__sync_prompts && window.__sync_prompts()")
                             .unwrap()
@@ -304,7 +316,7 @@ pub fn tray_handler(handle: &AppHandle, event: SystemTrayEvent) {
             }
         }
         SystemTrayEvent::MenuItemClick { id, .. } => match id.as_str() {
-            "control_center" => app.get_window("main").unwrap().show().unwrap(),
+            "control_center" => window::control_window(&app),
             "restart" => tauri::api::process::restart(&handle.env()),
             "show_dock_icon" => {
                 ChatConfJson::amend(&serde_json::json!({ "hide_dock_icon": false }), Some(app))

src-tauri/src/app/setup.rs

@@ -1,5 +1,5 @@
 use crate::{app::window, conf::ChatConfJson, utils};
-use tauri::{utils::config::WindowUrl, window::WindowBuilder, App, Manager};
+use tauri::{utils::config::WindowUrl, window::WindowBuilder, App, GlobalShortcutManager, Manager};
 
 pub fn init(app: &mut App) -> std::result::Result<(), Box<dyn std::error::Error>> {
     let chat_conf = ChatConfJson::get_chat_conf();
@@ -11,6 +11,27 @@ pub fn init(app: &mut App) -> std::result::Result<(), Box<dyn std::error::Error>
         window::tray_window(&handle);
     });
 
+    {
+        let handle = app.app_handle();
+        let mut shortcut = app.global_shortcut_manager();
+        let is_mini_key = shortcut.is_registered("CmdOrCtrl+Shift+O");
+
+        if !is_mini_key.unwrap() {
+            shortcut
+                .register("CmdOrCtrl+Shift+O", move || {
+                    if let Some(w) = handle.get_window("core") {
+                        if w.is_visible().unwrap() {
+                            w.hide().unwrap();
+                        } else {
+                            w.show().unwrap();
+                            w.set_focus().unwrap();
+                        }
+                    }
+                })
+                .unwrap();
+        };
+    }
+
     if chat_conf.hide_dock_icon {
         #[cfg(target_os = "macos")]
         app.set_activation_policy(tauri::ActivationPolicy::Accessory);

src-tauri/src/app/window.rs

@@ -16,10 +16,7 @@ pub fn tray_window(handle: &tauri::AppHandle) {
             .always_on_top(true)
             .theme(theme)
             .initialization_script(&utils::user_script())
-            .initialization_script(include_str!("../assets/html2canvas.js"))
-            .initialization_script(include_str!("../assets/jspdf.js"))
             .initialization_script(include_str!("../assets/core.js"))
-            .initialization_script(include_str!("../assets/export.js"))
             .initialization_script(include_str!("../assets/cmd.js"))
             .user_agent(&chat_conf.ua_tray)
             .build()
@@ -28,3 +25,17 @@ pub fn tray_window(handle: &tauri::AppHandle) {
             .unwrap();
     });
 }
+
+pub fn control_window(handle: &tauri::AppHandle) {
+    let app = handle.clone();
+    std::thread::spawn(move || {
+        WindowBuilder::new(&app, "main", WindowUrl::App("index.html".into()))
+            .title("ChatGPT")
+            .resizable(true)
+            .fullscreen(false)
+            .inner_size(800.0, 600.0)
+            .min_inner_size(800.0, 600.0)
+            .build()
+            .unwrap();
+    });
+}

src-tauri/src/assets/cmd.js

@@ -28,6 +28,9 @@ function init() {
   .chat-model-cmd-list .cmd-item:last-child {
     border-bottom: none;
   }
+  .chat-model-cmd-list .cmd-item.selected {
+    background: #fea;
+  }
   .chat-model-cmd-list .cmd-item b {
     display: inline-block;
     width: 100px;
@@ -46,7 +49,16 @@ function init() {
     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) {
@@ -70,11 +82,24 @@ async function cmdTip() {
 
   // fix: tray window
   if (__TAURI_METADATA__.__currentWindow.label === 'tray') {
-    modelDom.style.bottom = '40px';
+    modelDom.style.bottom = '54px';
   }
 
   document.querySelector('form').appendChild(modelDom);
-  const itemDom = (v) => `<div class="cmd-item" title="${v.prompt}" data-prompt="${encodeURIComponent(v.prompt)}"><b title="${v.cmd}">/${v.cmd}</b><i>${v.act}</i></div>`;
+  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`.
@@ -84,6 +109,35 @@ async function cmdTip() {
       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(/\{([^{}]*)\}/) || [];
@@ -95,38 +149,37 @@ async function cmdTip() {
       event.preventDefault();
     }
 
-    if (window.__CHAT_MODEL_STATUS__ === 1 && event.keyCode === 9) {
+    if (window.__CHAT_MODEL_STATUS__ === 1 && event.keyCode === 9) { // TAB
       const data = searchInput.value.split('|->');
       if (data[1]?.trim()) {
-        window.__CHAT_MODEL_CMD_PROMPT__ = window.__CHAT_MODEL_CMD_PROMPT__?.replace(/\{([^{}]*)\}/, `{${data[1]?.trim()}}`);
+        setPrompt(data[1]);
         window.__CHAT_MODEL_STATUS__ = 2;
       }
       event.preventDefault();
     }
 
     // input text
-    if (window.__CHAT_MODEL_STATUS__ === 2 && event.keyCode === 9) {
+    if (window.__CHAT_MODEL_STATUS__ === 2 && event.keyCode === 9) { // TAB
-      console.log('«110» /src/assets/cmd.js ~> ', __CHAT_MODEL_STATUS__);
-
       searchInput.value = window.__CHAT_MODEL_CMD_PROMPT__;
       modelDom.innerHTML = '';
       delete window.__CHAT_MODEL_STATUS__;
       event.preventDefault();
     }
 
-    // type in a space to complete the fill
+    // ------------------ 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
+    console.log('«174» /src/assets/cmd.js ~> ', window.__CHAT_MODEL_CMD_PROMPT__);
-    if (event.keyCode === 13 && window.__CHAT_MODEL_CMD_PROMPT__) {
+
+
+    // ------------------ send --------------------------------------------------------------------
+    if (event.keyCode === 13 && window.__CHAT_MODEL_CMD_PROMPT__) { // Enter
       const data = searchInput.value.split('|->');
-      if (data[1]?.trim()) {
+      setPrompt(data[1]);
-        window.__CHAT_MODEL_CMD_PROMPT__ = window.__CHAT_MODEL_CMD_PROMPT__?.replace(/\{([^{}]*)\}/, `{${data[1]?.trim()}}`);
-      }
 
       searchInput.value = window.__CHAT_MODEL_CMD_PROMPT__;
       modelDom.innerHTML = '';
@@ -137,7 +190,7 @@ async function cmdTip() {
     }
   });
 
-  searchInput.addEventListener('input', (event) => {
+  searchInput.addEventListener('input', () => {
     if (searchInput.value === '') {
       delete window.__CHAT_MODEL_CMD_PROMPT__;
       delete window.__CHAT_MODEL_CMD__;
@@ -154,17 +207,13 @@ async function cmdTip() {
 
     // all cmd result
     if (query === '/') {
-      modelDom.innerHTML = `<div>${data.map(itemDom).join('')}</div>`;
+      renderList(data);
-      window.__CHAT_MODEL_CMD_PROMPT__ = data[0]?.prompt.trim();
-      window.__CHAT_MODEL_CMD__ = data[0]?.cmd.trim();
       return;
     }
 
     const result = data.filter(i => new RegExp(query.substring(1)).test(i.cmd));
     if (result.length > 0) {
-      modelDom.innerHTML = `<div>${result.map(itemDom).join('')}</div>`;
+      renderList(result);
-      window.__CHAT_MODEL_CMD_PROMPT__ = result[0]?.prompt.trim();
-      window.__CHAT_MODEL_CMD__ = result[0]?.cmd.trim();
     } else {
       modelDom.innerHTML = '';
       delete window.__CHAT_MODEL_CMD_PROMPT__;

src-tauri/src/assets/core.js

@@ -86,6 +86,24 @@ async function init() {
       }
     }
   });
+
+  window.__sync_prompts = async function() {
+    const res = await fetch('https://raw.githubusercontent.com/f/awesome-chatgpt-prompts/main/prompts.csv');
+    if (res.ok) {
+      const data = await res.text();
+      await invoke('sync_prompts', { data, time: Date.now() });
+    } else {
+      invoke('messageDialog', {
+        __tauriModule: 'Dialog',
+        message: {
+          cmd: 'messageDialog',
+          message: 'ChatGPT Prompts data sync failed, please try again!'.toString(),
+          title: 'Sync Prompts'.toString(),
+          type: 'error'
+        }
+      })
+    }
+  }
 }
 
 if (

src-tauri/src/assets/export.js

@@ -3,6 +3,7 @@
 
 const buttonOuterHTMLFallback = `<button class="btn flex justify-center gap-2 btn-neutral" id="download-png-button">Try Again</button>`;
 async function init() {
+  if (window.innerWidth < 767) return;
   const chatConf = await invoke('get_chat_conf') || {};
   if (window.buttonsInterval) {
     clearInterval(window.buttonsInterval);
@@ -88,7 +89,9 @@ function addActionsButtons(actionsArea, TryAgainButton) {
   const downloadButton = TryAgainButton.cloneNode(true);
   downloadButton.id = "download-png-button";
   downloadButton.setAttribute("share-ext", "true");
-  downloadButton.innerText = "Generate PNG";
+  // downloadButton.innerText = "Generate PNG";
+  downloadButton.title = "Generate PNG";
+  downloadButton.innerHTML = setIcon('png');
   downloadButton.onclick = () => {
     downloadThread();
   };
@@ -96,7 +99,9 @@ function addActionsButtons(actionsArea, TryAgainButton) {
   const downloadPdfButton = TryAgainButton.cloneNode(true);
   downloadPdfButton.id = "download-pdf-button";
   downloadButton.setAttribute("share-ext", "true");
-  downloadPdfButton.innerText = "Download PDF";
+  // downloadPdfButton.innerText = "Download PDF";
+  downloadPdfButton.title = "Download PDF";
+  downloadPdfButton.innerHTML = setIcon('pdf');
   downloadPdfButton.onclick = () => {
     downloadThread({ as: Format.PDF });
   };
@@ -104,7 +109,9 @@ function addActionsButtons(actionsArea, TryAgainButton) {
   const exportHtml = TryAgainButton.cloneNode(true);
   exportHtml.id = "download-html-button";
   downloadButton.setAttribute("share-ext", "true");
-  exportHtml.innerText = "Share Link";
+  // exportHtml.innerText = "Share Link";
+  exportHtml.title = "Share Link";
+  exportHtml.innerHTML = setIcon('link');
   exportHtml.onclick = () => {
     sendRequest();
   };
@@ -269,4 +276,12 @@ if (
   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="#4a4a4a"></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="#4a4a4a"></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="#4a4a4a"></path></svg>`
+  }[type];
+}

src-tauri/src/main.rs

@@ -61,6 +61,7 @@ fn main() {
             cmd::open_file,
             cmd::get_chat_model_cmd,
             cmd::parse_prompt,
+            cmd::sync_prompts,
             cmd::window_reload,
             cmd::cmd_list,
             fs_extra::metadata,
@@ -76,7 +77,7 @@ fn main() {
             if let tauri::WindowEvent::CloseRequested { api, .. } = event.event() {
                 let win = event.window();
                 if win.label() == "main" {
-                    win.hide().unwrap();
+                    win.close().unwrap();
                 } else {
                     // TODO: https://github.com/tauri-apps/tauri/issues/3084
                     // event.window().hide().unwrap();

src-tauri/src/utils.rs

@@ -1,23 +1,25 @@
 use anyhow::Result;
 use log::info;
+use regex::Regex;
+use serde_json::Value;
 use std::{
+    collections::HashMap,
     fs::{self, File},
     path::{Path, PathBuf},
     process::Command,
 };
-use tauri::Manager;
+use tauri::{Manager, utils::config::Config};
-// use tauri::utils::config::Config;
 
 pub fn chat_root() -> PathBuf {
     tauri::api::path::home_dir().unwrap().join(".chatgpt")
 }
 
-// pub fn get_tauri_conf() -> Option<Config> {
+pub fn get_tauri_conf() -> Option<Config> {
-//     let config_file = include_str!("../tauri.conf.json");
+    let config_file = include_str!("../tauri.conf.json");
-//     let config: Config =
+    let config: Config =
-//         serde_json::from_str(config_file).expect("failed to parse tauri.conf.json");
+        serde_json::from_str(config_file).expect("failed to parse tauri.conf.json");
-//     Some(config)
+    Some(config)
-// }
+}
 
 pub fn exists(path: &Path) -> bool {
     Path::new(path).exists()
@@ -89,3 +91,21 @@ pub fn clear_conf(app: &tauri::AppHandle) {
         },
     );
 }
+
+pub fn merge(v: &Value, fields: &HashMap<String, Value>) -> Value {
+    match v {
+        Value::Object(m) => {
+            let mut m = m.clone();
+            for (k, v) in fields {
+                m.insert(k.clone(), v.clone());
+            }
+            Value::Object(m)
+        }
+        v => v.clone(),
+    }
+}
+
+pub fn gen_cmd(name: String) -> String {
+    let re = Regex::new(r"[^a-zA-Z0-9]").unwrap();
+    re.replace_all(&name, "_").to_lowercase()
+}

src-tauri/tauri.conf.json

@@ -7,11 +7,14 @@
   },
   "package": {
     "productName": "ChatGPT",
-    "version": "0.6.4"
+    "version": "0.7.1"
   },
   "tauri": {
     "allowlist": {
       "all": true,
+      "globalShortcut": {
+        "all": true
+      },
       "http": {
         "all": true,
         "scope": [
@@ -22,9 +25,7 @@
       "fs": {
         "all": true,
         "scope": [
-          "$HOME/.chatgpt/*",
+          "$HOME/.chatgpt/**"
-          "$HOME/.chatgpt/**",
-          "$HOME/.chatgpt/cache_model/*"
         ]
       }
     },
@@ -79,18 +80,6 @@
         "https://lencx.github.io/ChatGPT/install.json"
       ],
       "pubkey": "dW50cnVzdGVkIGNvbW1lbnQ6IG1pbmlzaWduIHB1YmxpYyBrZXk6IEIxMjY4OUI5MTVFNjBEMDUKUldRRkRlWVZ1WWttc1NGWEE0RFNSb0RqdnhsekRJZTkwK2hVLzhBZTZnaHExSEZ1ZEdzWkpXTHkK"
-    },
+    }
-    "windows": [
-      {
-        "label": "main",
-        "url": "index.html",
-        "title": "ChatGPT",
-        "visible": false,
-        "width": 800,
-        "height": 600,
-        "minWidth": 800,
-        "minHeight": 600
-      }
-    ]
   }
 }

src/hooks/useData.ts

@@ -18,8 +18,6 @@ export default function useData(oData: any[]) {
 
   const opInit = (val: any[] = []) => {
     if (!val || !Array.isArray(val)) return;
-    console.log('«20» /src/hooks/useData.ts ~> ', val);
-
     const nData = val.map(i => ({ [safeKey]: v4(), ...i }));
     setData(nData);
   };

src/hooks/useEvent.ts

@@ -1,34 +0,0 @@
-import { invoke, path, http, fs, dialog } from '@tauri-apps/api';
-
-import useInit from '@/hooks/useInit';
-import useChatModel, { useCacheModel } from '@/hooks/useChatModel';
-import { GITHUB_PROMPTS_CSV_URL, chatRoot, genCmd } from '@/utils';
-
-export default function useEvent() {
-  const { modelSet } = useChatModel('sync_prompts');
-  const { modelCacheSet } = useCacheModel();
-  // Using `emit` and `listen` will be triggered multiple times in development mode.
-  // So here we use `eval` to call `__sync_prompt`
-  useInit(() => {
-    (window as any).__sync_prompts = async () => {
-      const res = await http.fetch(GITHUB_PROMPTS_CSV_URL, {
-        method: 'GET',
-        responseType: http.ResponseType.Text,
-      });
-      const data = (res.data || '') as string;
-      if (res.ok) {
-        const file = await path.join(await chatRoot(), 'cache_model', 'chatgpt_prompts.json');
-        const list: Record<string, string>[] = await invoke('parse_prompt', { data });
-        const fmtList = list.map(i => ({ ...i, cmd: i.cmd ? i.cmd : genCmd(i.act), enable: true, tags: ['chatgpt-prompts'] }));
-        await modelCacheSet(fmtList, file);
-        modelSet({
-          id: 'chatgpt_prompts',
-          last_updated: Date.now(),
-        });
-        dialog.message('ChatGPT Prompts data has been synchronized!');
-      } else {
-        dialog.message('ChatGPT Prompts data sync failed, please try again!');
-      }
-    }
-  })
-}

src/main.scss

@@ -45,6 +45,12 @@ html, body {
   }
 }
 
+.chat-table-tip {
+  > span {
+    line-height: 16px;
+  }
+}
+
 .chat-sync-path {
   font-size: 12px;
   font-weight: 500;
@@ -52,6 +58,14 @@ html, body {
   margin-bottom: 5px;
   line-height: 16px;
 
+  > div {
+    max-width: 400px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    color: #2a2a2a;
+  }
+
   span {
     display: inline-block;
     // background-color: #d8d8d8;

src/main.tsx

@@ -2,23 +2,15 @@ import { StrictMode, Suspense } from 'react';
 import { BrowserRouter } from 'react-router-dom';
 import ReactDOM from 'react-dom/client';
 
-import useEvent from '@/hooks/useEvent';
 import Layout from '@/layout';
 import './main.scss';
 
-const App = () => {
-  useEvent();
-  return (
-    <BrowserRouter>
-      <Layout/>
-    </BrowserRouter>
-  );
-}
-
 ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
   <StrictMode>
     <Suspense fallback={null}>
-      <App />
+      <BrowserRouter>
+        <Layout/>
+      </BrowserRouter>
     </Suspense>
   </StrictMode>
 );

src/utils.ts

@@ -1,4 +1,4 @@
-import { readTextFile, writeTextFile, exists, createDir, BaseDirectory } from '@tauri-apps/api/fs';
+import { readTextFile, writeTextFile, exists, createDir } from '@tauri-apps/api/fs';
 import { homeDir, join, dirname } from '@tauri-apps/api/path';
 import dayjs from 'dayjs';
 
@@ -20,10 +20,6 @@ export const chatModelPath = async (): Promise<string> => {
   return join(await chatRoot(), CHAT_MODEL_JSON);
 }
 
-// export const chatModelSyncPath = async (): Promise<string> => {
-//   return join(await chatRoot(), CHAT_MODEL_SYNC_JSON);
-// }
-
 export const chatPromptsPath = async (): Promise<string> => {
   return join(await chatRoot(), CHAT_PROMPTS_CSV);
 }
@@ -32,10 +28,16 @@ type readJSONOpts = { defaultVal?: Record<string, any>, isRoot?: boolean, isList
 export const readJSON = async (path: string, opts: readJSONOpts = {}) => {
   const { defaultVal = {}, isRoot = false, isList = false } = opts;
   const root = await chatRoot();
-  const file = await join(isRoot ? '' : root, path);
+  let file = path;
+
+  if (!isRoot) {
+    file = await join(root, path);
+  }
 
   if (!await exists(file)) {
-    await createDir(await dirname(file), { recursive: true });
+    if (await dirname(file) !== root) {
+      await createDir(await dirname(file), { recursive: true });
+    }
     await writeTextFile(file, isList ? '[]' : JSON.stringify({
       name: 'ChatGPT',
       link: 'https://github.com/lencx/ChatGPT',
@@ -54,7 +56,11 @@ type writeJSONOpts = { dir?: string, isRoot?: boolean };
 export const writeJSON = async (path: string, data: Record<string, any>, opts: writeJSONOpts = {}) => {
   const { isRoot = false } = opts;
   const root = await chatRoot();
-  const file = await join(isRoot ? '' : root, path);
+  let file = path;
+
+  if (!isRoot) {
+    file = await join(root, path);
+  }
 
   if (isRoot && !await exists(await dirname(file))) {
     await createDir(await dirname(file), { recursive: true });

src/view/model/SyncCustom/Form.tsx

@@ -8,6 +8,7 @@ import useInit from '@/hooks/useInit';
 
 interface SyncFormProps {
   record?: Record<string|symbol, any> | null;
+  type: string;
 }
 
 const initFormValue = {
@@ -17,7 +18,8 @@ const initFormValue = {
   prompt: '',
 };
 
-const SyncForm: ForwardRefRenderFunction<FormProps, SyncFormProps> = ({ record }, ref) => {
+const SyncForm: ForwardRefRenderFunction<FormProps, SyncFormProps> = ({ record, type }, ref) => {
+  const isDisabled = type === 'edit';
   const [form] = Form.useForm();
   useImperativeHandle(ref, () => ({ form }));
   const [root, setRoot] = useState('');
@@ -34,7 +36,7 @@ const SyncForm: ForwardRefRenderFunction<FormProps, SyncFormProps> = ({ record }
 
   const pathOptions = (
     <Form.Item noStyle name="protocol" initialValue="https">
-      <Select>
+      <Select disabled={isDisabled}>
         <Select.Option value="local">{root}</Select.Option>
         <Select.Option value="http">http://</Select.Option>
         <Select.Option value="https">https://</Select.Option>
@@ -43,7 +45,7 @@ const SyncForm: ForwardRefRenderFunction<FormProps, SyncFormProps> = ({ record }
   );
   const extOptions = (
     <Form.Item noStyle name="ext" initialValue="json">
-      <Select>
+      <Select disabled={isDisabled}>
         <Select.Option value="csv">.csv</Select.Option>
         <Select.Option value="json">.json</Select.Option>
       </Select>
@@ -90,8 +92,13 @@ const SyncForm: ForwardRefRenderFunction<FormProps, SyncFormProps> = ({ record }
           label="PATH"
           name="path"
           rules={[{ required: true, message: 'Please input path!' }]}
-        >
+          >
-          <Input placeholder="YOUR_PATH" addonBefore={pathOptions} addonAfter={extOptions} {...DISABLE_AUTO_COMPLETE} />
+          <Input
+            placeholder="YOUR_PATH"
+            addonBefore={pathOptions}
+            addonAfter={extOptions}
+            {...DISABLE_AUTO_COMPLETE}
+          />
         </Form.Item>
         <Form.Item style={{ display: 'none' }} name="id" initialValue={v4().replace(/-/g, '')}><input /></Form.Item>
       </Form>

src/view/model/SyncCustom/config.tsx

@@ -34,7 +34,7 @@ export const syncColumns = () => [
     key: 'last_updated',
     width: 140,
     render: (v: number) => (
-      <div style={{ textAlign: 'center' }}>
+      <div>
         <HistoryOutlined style={{ marginRight: 5, color: v ? '#52c41a' : '#ff4d4f' }} />
         { v ? fmtDate(v) : ''}
       </div>
@@ -47,7 +47,15 @@ export const syncColumns = () => [
     render: (_: any, row: any, actions: any) => {
       return (
         <Space>
-          <a onClick={() => actions.setRecord(row, 'sync')}>Sync</a>
+          <Popconfirm
+            overlayStyle={{ width: 250 }}
+            title="Sync will overwrite the previous data, confirm to sync?"
+            onConfirm={() => actions.setRecord(row, 'sync')}
+            okText="Yes"
+            cancelText="No"
+          >
+            <a>Sync</a>
+          </Popconfirm>
           {row.last_updated && <Link to={`${row.id}`} state={row}>View</Link>}
           <a onClick={() => actions.setRecord(row, 'edit')}>Edit</a>
           <Popconfirm

src/view/model/SyncCustom/index.tsx

@@ -128,12 +128,12 @@ export default function SyncCustom() {
       <Modal
         open={isVisible}
         onCancel={hide}
-        title="Model PATH"
+        title="Sync PATH"
         onOk={handleOk}
         destroyOnClose
         maskClosable={false}
       >
-        <SyncForm ref={formRef} record={opInfo?.opRecord} />
+        <SyncForm ref={formRef} record={opInfo?.opRecord} type={opInfo.opType} />
       </Modal>
     </div>
   )

src/view/model/SyncPrompts/index.tsx

@@ -69,6 +69,16 @@ export default function SyncPrompts() {
   return (
     <div>
       <div className="chat-table-btns">
+        <Popconfirm
+          overlayStyle={{ width: 250 }}
+          title="Sync will overwrite the previous data, confirm to sync?"
+          placement="topLeft"
+          onConfirm={handleSync}
+          okText="Yes"
+          cancelText="No"
+        >
+          <Button type="primary">Sync</Button>
+        </Popconfirm>
         <div>
           {selectedItems.length > 0 && (
             <>
@@ -78,15 +88,6 @@ export default function SyncPrompts() {
             </>
           )}
         </div>
-        <Popconfirm
-          title={<span>Data sync will enable all prompts,<br/>are you sure you want to sync?</span>}
-          placement="topLeft"
-          onConfirm={handleSync}
-          okText="Yes"
-          cancelText="No"
-        >
-          <Button type="primary">Sync</Button>
-        </Popconfirm>
       </div>
       <div className="chat-table-tip">
         <div className="chat-sync-path">

src/view/model/SyncRecord/config.tsx

@@ -10,7 +10,7 @@ export const syncColumns = () => [
     // width: 120,
     key: 'cmd',
     render: (_: string, row: Record<string, string>) => (
-      <Tag color="#2a2a2a">/{genCmd(row.act)}</Tag>
+      <Tag color="#2a2a2a">/{row.cmd ? row.cmd : genCmd(row.act)}</Tag>
     ),
   },
   {