Merge pull request #125 from Integration-Automation/dev

Swap drawio architecture image for Mermaid diagram

Author: JE-Chen

README.md

@@ -69,6 +69,14 @@ PyBreeze is not just a code editor — it is a command center for the automation
   - Password and private key authentication
   - Interactive command execution
   - Remote file tree viewer with CRUD operations (create folder, rename, delete, upload, download)
+  - Interactive TOFU host-key verification with confirmed keys persisted to `~/.pybreeze/ssh_known_hosts`
+- **Diagram Editor** — Built-in WYSIWYG architecture-diagram editor:
+  - Rectangle, rounded rectangle, ellipse, diamond nodes, connection lines, and free text
+  - Image insertion from local files or URLs (URL fetches are SSRF-validated and size-capped)
+  - Mermaid `flowchart` / `graph` import
+  - Save/Open as `.diagram.json`, export to PNG or SVG
+  - Undo/redo, align, distribute, grid, snap, and zoom controls
+- **File Tree Context Menu** — Right-click any file or folder in the project tree to create files/folders, rename, delete, copy absolute or relative paths, or reveal the item in your platform file manager. Renaming or deleting a file that is currently open in an editor tab keeps the tab in sync.
 - **Package Manager** — Install automation modules and build tools directly from the IDE menu without leaving the editor.
 - **Integrated Documentation** — Quick access to documentation and GitHub pages for each automation module directly from the menu bar.
 
@@ -82,6 +90,7 @@ PyBreeze is not just a code editor — it is a command center for the automation
   - Step-by-step analysis
   - Summary generation
 - **Skill Prompt Editor** — Define and manage reusable skill-based prompts (code explanation, code review templates) that can be sent to LLM APIs.
+- **Skill Send GUI** — Pick a skill prompt template, optionally edit the prompt text, send it to an LLM API endpoint, and view the response — all in a dedicated tab or dock.
 
 ### Plugin System
 
@@ -108,7 +117,70 @@ The IDE interface supports multiple languages:
 
 ## Architecture
 
-![Architecture Diagram](architecture_diagram/AutomationEditorArchitectureDiagram.drawio.png)
+```mermaid
+flowchart TB
+    UI["PyBreeze UI · PySide6"]
+
+    subgraph Editor["JEditor (Base Editor)"]
+        direction LR
+        E1["Code Editor + Tabs"]
+        E2["File Tree"]
+        E3["Syntax Highlighting"]
+        E4["Plugin System"]
+    end
+
+    subgraph Automation["Automation Menu"]
+        direction LR
+        A1["APITestka"]
+        A2["AutoControl"]
+        A3["WebRunner"]
+        A4["LoadDensity"]
+        A5["FileAutomation"]
+        A6["MailThunder"]
+        A7["TestPioneer"]
+    end
+
+    subgraph Executors["Subprocess Executors · TaskProcessManager"]
+        direction LR
+        X1["je_api_testka"]
+        X2["je_auto_control"]
+        X3["je_web_runner"]
+        X4["je_load_density"]
+        X5["automation-file"]
+        X6["je-mail-thunder"]
+        X7["test_pioneer"]
+    end
+
+    subgraph Tools["Tools"]
+        direction LR
+        T1["SSH · paramiko"]
+        T2["AI Code Review"]
+        T3["CoT Prompt Editor"]
+        T4["Skill Prompt Editor"]
+        T5["Skill Send GUI"]
+        T6["Diagram Editor"]
+        T7["JupyterLab"]
+    end
+
+    subgraph Install["Install Menu"]
+        direction LR
+        I1["Module Installers"]
+        I2["Build Tools"]
+    end
+
+    UI --> Editor
+    UI --> Automation
+    UI --> Tools
+    UI --> Install
+
+    A1 --> X1
+    A2 --> X2
+    A3 --> X3
+    A4 --> X4
+    A5 --> X5
+    A6 --> X6
+    A7 --> X7
+```
 
 PyBreeze follows a modular architecture:
 
@@ -132,6 +204,8 @@ PyBreeze UI (PySide6)
 │   ├── AI Code Review Client
 │   ├── CoT Prompt Editor
 │   ├── Skill Prompt Editor
+│   ├── Skill Send GUI
+│   ├── Diagram Editor (WYSIWYG, Mermaid import, PNG/SVG export)
 │   └── JupyterLab Integration
 └── Install Menu
     ├── Automation Module Installers
@@ -273,8 +347,9 @@ PyBreeze/
 │   │   └── process_executor/python_task_process_manager.py
 │   ├── extend_multi_language/      # Built-in translations (English, Traditional Chinese)
 │   ├── pybreeze_ui/
-│   │   ├── editor_main/            # Main window (extends JEditor)
-│   │   ├── connect_gui/ssh/        # SSH client widgets
+│   │   ├── editor_main/            # Main window (extends JEditor) + file tree context menu
+│   │   ├── connect_gui/ssh/        # SSH client widgets (TOFU host-key verification)
+│   │   ├── diagram_editor/         # WYSIWYG architecture-diagram editor
 │   │   ├── extend_ai_gui/          # AI code review & prompt editors
 │   │   ├── jupyter_lab_gui/        # JupyterLab integration
 │   │   ├── menu/                   # Menu bar construction

README/README_zh-CN.md

@@ -68,6 +68,14 @@ PyBreeze 不仅仅是一个代码编辑器——它是自动化生命周期的
   - 密码与私钥认证
   - 交互式命令执行
   - 远程文件树查看器，支持 CRUD 操作（创建文件夹、重命名、删除、上传、下载）
+  - 交互式 TOFU host key 验证，已确认的密钥会持久化到 `~/.pybreeze/ssh_known_hosts`
+- **架构图编辑器** — 内置的 WYSIWYG 架构图编辑器：
+  - 矩形、圆角矩形、椭圆、菱形节点、连线、自由文本
+  - 从本地文件或 URL 插入图片（URL 下载会做 SSRF 验证并有大小上限）
+  - 支持 Mermaid `flowchart` / `graph` 导入
+  - 保存/打开为 `.diagram.json`，导出为 PNG 或 SVG
+  - Undo/redo、对齐、分布、Grid、Snap、Zoom 控制
+- **文件树右键菜单** — 在项目文件树中对任何文件或文件夹右键，可创建文件/文件夹、重命名、删除、复制绝对或相对路径、在系统文件管理器中打开。重命名或删除当前已在编辑器标签页中打开的文件时，标签页会同步更新。
 - **包管理器** — 直接从 IDE 菜单安装自动化模块和构建工具，无需离开编辑器。
 - **集成文档** — 从菜单栏快速访问每个自动化模块的文档和 GitHub 页面。
 
@@ -81,6 +89,7 @@ PyBreeze 不仅仅是一个代码编辑器——它是自动化生命周期的
   - 逐步分析
   - 摘要生成
 - **Skill 提示词编辑器** — 定义和管理可重复使用的技能型提示词（代码解说、代码审查模板），可发送至 LLM API。
+- **Skill Send GUI** — 在独立的标签页或停靠面板中选择技能提示词模板、按需编辑提示词内容、发送到 LLM API 端点并查看响应。
 
 ### 插件系统
 
@@ -107,7 +116,70 @@ IDE 界面支持多种语言：
 
 ## 架构设计
 
-![架构图](../architecture_diagram/AutomationEditorArchitectureDiagram.drawio.png)
+```mermaid
+flowchart TB
+    UI["PyBreeze UI · PySide6"]
+
+    subgraph Editor["JEditor 基础编辑器"]
+        direction LR
+        E1["代码编辑器 + 标签页"]
+        E2["文件树"]
+        E3["语法高亮"]
+        E4["插件系统"]
+    end
+
+    subgraph Automation["自动化菜单"]
+        direction LR
+        A1["APITestka"]
+        A2["AutoControl"]
+        A3["WebRunner"]
+        A4["LoadDensity"]
+        A5["FileAutomation"]
+        A6["MailThunder"]
+        A7["TestPioneer"]
+    end
+
+    subgraph Executors["子进程执行器 · TaskProcessManager"]
+        direction LR
+        X1["je_api_testka"]
+        X2["je_auto_control"]
+        X3["je_web_runner"]
+        X4["je_load_density"]
+        X5["automation-file"]
+        X6["je-mail-thunder"]
+        X7["test_pioneer"]
+    end
+
+    subgraph Tools["工具"]
+        direction LR
+        T1["SSH · paramiko"]
+        T2["AI 代码审查"]
+        T3["CoT 提示词编辑器"]
+        T4["Skill 提示词编辑器"]
+        T5["Skill Send GUI"]
+        T6["架构图编辑器"]
+        T7["JupyterLab"]
+    end
+
+    subgraph Install["安装菜单"]
+        direction LR
+        I1["模块安装器"]
+        I2["构建工具"]
+    end
+
+    UI --> Editor
+    UI --> Automation
+    UI --> Tools
+    UI --> Install
+
+    A1 --> X1
+    A2 --> X2
+    A3 --> X3
+    A4 --> X4
+    A5 --> X5
+    A6 --> X6
+    A7 --> X7
+```
 
 PyBreeze 采用模块化架构：
 
@@ -131,6 +203,8 @@ PyBreeze UI (PySide6)
 │   ├── AI 代码审查客户端
 │   ├── CoT 提示词编辑器
 │   ├── Skill 提示词编辑器
+│   ├── Skill Send GUI
+│   ├── 架构图编辑器（WYSIWYG、Mermaid 导入、PNG/SVG 导出）
 │   └── JupyterLab 集成
 └── 安装菜单
     ├── 自动化模块安装器
@@ -272,8 +346,9 @@ PyBreeze/
 │   │   └── process_executor/python_task_process_manager.py
 │   ├── extend_multi_language/      # 内置翻译（英语、繁体中文）
 │   ├── pybreeze_ui/
-│   │   ├── editor_main/            # 主窗口（扩展 JEditor）
-│   │   ├── connect_gui/ssh/        # SSH 客户端组件
+│   │   ├── editor_main/            # 主窗口（扩展 JEditor）+ 文件树右键菜单
+│   │   ├── connect_gui/ssh/        # SSH 客户端组件（TOFU host key 验证）
+│   │   ├── diagram_editor/         # WYSIWYG 架构图编辑器
 │   │   ├── extend_ai_gui/          # AI 代码审查与提示词编辑器
 │   │   ├── jupyter_lab_gui/        # JupyterLab 集成
 │   │   ├── menu/                   # 菜单栏构建

README/README_zh-TW.md

@@ -68,6 +68,14 @@ PyBreeze 不僅僅是一個程式碼編輯器——它是自動化生命週期
   - 密碼與私鑰驗證
   - 互動式指令執行
   - 遠端檔案樹檢視器，支援 CRUD 操作（建立資料夾、重新命名、刪除、上傳、下載）
+  - 互動式 TOFU host key 驗證，已確認的金鑰會持久化到 `~/.pybreeze/ssh_known_hosts`
+- **架構圖編輯器** — 內建的 WYSIWYG 架構圖編輯器：
+  - 矩形、圓角矩形、橢圓、菱形節點、連線、自由文字
+  - 從本地檔案或 URL 插入圖片（URL 下載會做 SSRF 驗證並有大小上限）
+  - 支援 Mermaid `flowchart` / `graph` 匯入
+  - 儲存/開啟為 `.diagram.json`，匯出為 PNG 或 SVG
+  - Undo/redo、對齊、分佈、Grid、Snap、Zoom 控制
+- **檔案樹右鍵選單** — 在專案檔案樹中對任何檔案或資料夾按右鍵，可建立檔案/資料夾、重新命名、刪除、複製絕對或相對路徑、在系統檔案管理器中開啟。重新命名或刪除目前已開在編輯器分頁中的檔案時，分頁會同步更新。
 - **套件管理器** — 直接從 IDE 選單安裝自動化模組和建構工具，無需離開編輯器。
 - **整合文件** — 從選單列快速存取每個自動化模組的文件和 GitHub 頁面。
 
@@ -81,6 +89,7 @@ PyBreeze 不僅僅是一個程式碼編輯器——它是自動化生命週期
   - 逐步分析
   - 摘要生成
 - **Skill 提示詞編輯器** — 定義和管理可重複使用的技能型提示詞（程式碼解說、程式碼審查範本），可傳送至 LLM API。
+- **Skill Send GUI** — 在獨立的分頁或停靠面板中選擇技能提示詞範本、視需要編輯提示詞內容、傳送到 LLM API 端點並檢視回應。
 
 ### 插件系統
 
@@ -107,7 +116,70 @@ IDE 介面支援多種語言：
 
 ## 架構設計
 
-![架構圖](../architecture_diagram/AutomationEditorArchitectureDiagram.drawio.png)
+```mermaid
+flowchart TB
+    UI["PyBreeze UI · PySide6"]
+
+    subgraph Editor["JEditor 基礎編輯器"]
+        direction LR
+        E1["程式碼編輯器 + 分頁"]
+        E2["檔案樹"]
+        E3["語法高亮"]
+        E4["插件系統"]
+    end
+
+    subgraph Automation["自動化選單"]
+        direction LR
+        A1["APITestka"]
+        A2["AutoControl"]
+        A3["WebRunner"]
+        A4["LoadDensity"]
+        A5["FileAutomation"]
+        A6["MailThunder"]
+        A7["TestPioneer"]
+    end
+
+    subgraph Executors["子行程執行器 · TaskProcessManager"]
+        direction LR
+        X1["je_api_testka"]
+        X2["je_auto_control"]
+        X3["je_web_runner"]
+        X4["je_load_density"]
+        X5["automation-file"]
+        X6["je-mail-thunder"]
+        X7["test_pioneer"]
+    end
+
+    subgraph Tools["工具"]
+        direction LR
+        T1["SSH · paramiko"]
+        T2["AI 程式碼審查"]
+        T3["CoT 提示詞編輯器"]
+        T4["Skill 提示詞編輯器"]
+        T5["Skill Send GUI"]
+        T6["架構圖編輯器"]
+        T7["JupyterLab"]
+    end
+
+    subgraph Install["安裝選單"]
+        direction LR
+        I1["模組安裝器"]
+        I2["建構工具"]
+    end
+
+    UI --> Editor
+    UI --> Automation
+    UI --> Tools
+    UI --> Install
+
+    A1 --> X1
+    A2 --> X2
+    A3 --> X3
+    A4 --> X4
+    A5 --> X5
+    A6 --> X6
+    A7 --> X7
+```
 
 PyBreeze 採用模組化架構：
 
@@ -131,6 +203,8 @@ PyBreeze UI (PySide6)
 │   ├── AI 程式碼審查用戶端
 │   ├── CoT 提示詞編輯器
 │   ├── Skill 提示詞編輯器
+│   ├── Skill Send GUI
+│   ├── 架構圖編輯器（WYSIWYG、Mermaid 匯入、PNG/SVG 匯出）
 │   └── JupyterLab 整合
 └── 安裝選單
     ├── 自動化模組安裝器
@@ -272,8 +346,9 @@ PyBreeze/
 │   │   └── process_executor/python_task_process_manager.py
 │   ├── extend_multi_language/      # 內建翻譯（英文、繁體中文）
 │   ├── pybreeze_ui/
-│   │   ├── editor_main/            # 主視窗（擴展 JEditor）
-│   │   ├── connect_gui/ssh/        # SSH 用戶端元件
+│   │   ├── editor_main/            # 主視窗（擴展 JEditor）+ 檔案樹右鍵選單
+│   │   ├── connect_gui/ssh/        # SSH 用戶端元件（TOFU host key 驗證）
+│   │   ├── diagram_editor/         # WYSIWYG 架構圖編輯器
 │   │   ├── extend_ai_gui/          # AI 程式碼審查與提示詞編輯器
 │   │   ├── jupyter_lab_gui/        # JupyterLab 整合
 │   │   ├── menu/                   # 選單列建構