Merge pull request #17 from xuemian168/main

feat(engine): 添加启动超时功能和强制终止引擎的支持
feat(engine): 优化超时启动功能的小问题
2026-03-14 18:17:34 +08:00 · 2025-08-28 12:25:33 +08:00 · 2025-08-28 12:22:19 +08:00 · 2025-08-28 10:24:08 +10:00 · 2025-08-20 00:53:06 +08:00 · 2025-08-19 22:23:54 +08:00
60 changed files with 1054 additions and 470 deletions
--- a/.gitignore
+++ b/.gitignore
@@ -6,7 +6,9 @@ out
 *.log*
 __pycache__
 .venv
-subenv
+test.py
 engine/build
 engine/models
 engine/notebook
+.repomap
+.virtualme
--- a/README.md
+++ b/README.md
@@ -3,12 +3,8 @@
    <h1 align="center">auto-caption</h1>
    <p>Auto Caption 是一个跨平台的实时字幕显示软件。</p>
    <p>
-      <a href="https://github.com/HiMeditator/auto-caption/releases">
-        <img src="https://img.shields.io/badge/release-0.6.0-blue">
-      </a>
-      <a href="https://github.com/HiMeditator/auto-caption/issues">
-        <img src="https://img.shields.io/github/issues/HiMeditator/auto-caption?color=orange">
-      </a>
+      <a href="https://github.com/HiMeditator/auto-caption/releases"><img src="https://img.shields.io/badge/release-0.7.0-blue"></a>
+      <a href="https://github.com/HiMeditator/auto-caption/issues"><img src="https://img.shields.io/github/issues/HiMeditator/auto-caption?color=orange"></a>
      <img src="https://img.shields.io/github/languages/top/HiMeditator/auto-caption?color=royalblue">
      <img src="https://img.shields.io/github/repo-size/HiMeditator/auto-caption?color=green">
      <img src="https://img.shields.io/github/stars/HiMeditator/auto-caption?style=social">
@@ -18,7 +14,7 @@
        | <a href="./README_en.md">English</a>
        | <a href="./README_ja.md">日本語</a> |
    </p>
-    <p><i>v0.6.0 版本已经发布，对字幕引擎代码进行了大重构，提升了代码的可扩展性。更多的字幕引擎正在尝试开发中...</i></p>
+    <p><i>v0.7.0 版本已经发布，优化了软件界面，添加了日志记录显示。本地的字幕引擎正在尝试开发中，预计以 Python 代码的形式进行发布...</i></p>
 </div>

 ![](./assets/media/main_zh.png)
@@ -37,6 +33,15 @@

 [更新日志](./docs/CHANGELOG.md)

+## ✨ 特性
+
+- 生成音频输出或麦克风输入的字幕
+- 跨平台（Windows、macOS、Linux）、多界面语言（中文、英语、日语）支持
+- 丰富的字幕样式设置（字体、字体大小、字体粗细、字体颜色、背景颜色等）
+- 灵活的字幕引擎选择（阿里云 Gummy 云端模型、本地 Vosk 模型、自己开发的模型）
+- 多语言识别与翻译（见下文“⚙️ 自带字幕引擎说明”）
+- 字幕记录展示与导出（支持导出 `.srt` 和 `.json` 格式）
+
 ## 📖 基本使用

 软件已经适配了 Windows、macOS 和 Linux 平台。测试过的平台信息如下：
@@ -66,18 +71,9 @@ macOS 平台和 Linux 平台获取系统音频输出需要进行额外设置，

 **如果你觉得上述字幕引擎不能满足你的需求，而且你会 Python，那么你可以考虑开发自己的字幕引擎。详细说明请参考[字幕引擎说明文档](./docs/engine-manual/zh.md)。**

-## ✨ 特性
-
- 跨平台、多界面语言支持
- 丰富的字幕样式设置
- 灵活的字幕引擎选择
- 多语言识别与翻译
- 字幕记录展示与导出
- 生成音频输出或麦克风输入的字幕
-
 ## ⚙️ 自带字幕引擎说明

-目前软件自带 2 个字幕引擎，正在规划 1 个新的引擎。它们的详细信息如下。
+目前软件自带 2 个字幕引擎，正在规划新的引擎。它们的详细信息如下。

 ### Gummy 字幕引擎（云端）

@@ -108,9 +104,14 @@ $$

 基于 [vosk-api](https://github.com/alphacep/vosk-api) 开发。目前只支持生成音频对应的原文，不支持生成翻译内容。

-### FunASR 字幕引擎（本地）
+### 新规划字幕引擎

-如果可行，将基于 [FunASR](https://github.com/modelscope/FunASR) 进行开发。还未进行调研和可行性验证。
+以下为备选模型，将根据模型效果和集成难易程度选择。
+
+- [faster-whisper](https://github.com/SYSTRAN/faster-whisper)
+- [sherpa-onnx](https://github.com/k2-fsa/sherpa-onnx)
+- [SenseVoice](https://github.com/FunAudioLLM/SenseVoice)
+- [FunASR](https://github.com/modelscope/FunASR)

 ## 🚀 项目运行

@@ -128,29 +129,24 @@ npm install

 ```bash
 # in ./engine folder
-python -m venv subenv
+python -m venv .venv
 # or
-python3 -m venv subenv
+python3 -m venv .venv
 ```

 然后激活虚拟环境：

 ```bash
 # Windows
-subenv/Scripts/activate
+.venv/Scripts/activate
 # Linux or macOS
-source subenv/bin/activate
+source .venv/bin/activate
 ```

 然后安装依赖（这一步在 macOS 和 Linux 可能会报错，一般是因为构建失败，需要根据报错信息进行处理）：

 ```bash
-# Windows
-pip install -r requirements_win.txt
-# macOS
-pip install -r requirements_darwin.txt
-# Linux
-pip install -r requirements_linux.txt
+pip install -r requirements.txt
 ```

 如果在 Linux 系统上安装 `samplerate` 模块报错，可以尝试使用以下命令单独安装：
@@ -169,12 +165,12 @@ pyinstaller ./main.spec

 ```
 # Windows
-vosk_path = str(Path('./subenv/Lib/site-packages/vosk').resolve())
+vosk_path = str(Path('./.venv/Lib/site-packages/vosk').resolve())
 # Linux or macOS
-vosk_path = str(Path('./subenv/lib/python3.x/site-packages/vosk').resolve())
+vosk_path = str(Path('./.venv/lib/python3.x/site-packages/vosk').resolve())
 ```

-此时项目构建完成，在进入 `engine/dist` 文件夹可见对应的可执行文件。即可进行后续操作。
+此时项目构建完成，进入 `engine/dist` 文件夹可见对应的可执行文件。即可进行后续操作。

 ### 运行项目

--- a/README_en.md
+++ b/README_en.md
@@ -3,12 +3,8 @@
    <h1 align="center">auto-caption</h1>
    <p>Auto Caption is a cross-platform real-time caption display software.</p>
    <p>
-      <a href="https://github.com/HiMeditator/auto-caption/releases">
-        <img src="https://img.shields.io/badge/release-0.6.0-blue">
-      </a>
-      <a href="https://github.com/HiMeditator/auto-caption/issues">
-        <img src="https://img.shields.io/github/issues/HiMeditator/auto-caption?color=orange">
-      </a>
+      <a href="https://github.com/HiMeditator/auto-caption/releases"><img src="https://img.shields.io/badge/release-0.7.0-blue"></a>
+      <a href="https://github.com/HiMeditator/auto-caption/issues"><img src="https://img.shields.io/github/issues/HiMeditator/auto-caption?color=orange"></a>
      <img src="https://img.shields.io/github/languages/top/HiMeditator/auto-caption?color=royalblue">
      <img src="https://img.shields.io/github/repo-size/HiMeditator/auto-caption?color=green">
      <img src="https://img.shields.io/github/stars/HiMeditator/auto-caption?style=social">
@@ -18,7 +14,7 @@
        | <b>English</b>
        | <a href="./README_ja.md">日本語</a> |
    </p>
-    <p><i>Version 0.6.0 has been released, featuring a major refactor of the subtitle engine code to improve code extensibility. More subtitle engines are being developed...</i></p>
+    <p><i>Version 0.7.0 has been released, imporving the software interface and adding software log display. The local caption engine is under development and is expected to be released in the form of Python code...</i></p>
 </div>

 ![](./assets/media/main_en.png)
@@ -37,6 +33,15 @@

 [Changelog](./docs/CHANGELOG.md)

+## ✨ Features
+
+- Generate captions from audio output or microphone input
+- Cross-platform (Windows, macOS, Linux) and multi-language interface (Chinese, English, Japanese) support
+- Rich caption style settings (font, font size, font weight, font color, background color, etc.)
+- Flexible caption engine selection (Alibaba Cloud Gummy cloud model, local Vosk model, self-developed model)
+- Multi-language recognition and translation (see below "⚙️ Built-in Subtitle Engines")
+- Subtitle record display and export (supports exporting `.srt` and `.json` formats)
+
 ## 📖 Basic Usage

 The software has been adapted for Windows, macOS, and Linux platforms. The tested platform information is as follows:
@@ -66,18 +71,9 @@ To use the Vosk local caption engine, first download your required model from [V

 **If you find the above caption engines don't meet your needs and you know Python, you may consider developing your own caption engine. For detailed instructions, please refer to the [Caption Engine Documentation](./docs/engine-manual/en.md).**

-## ✨ Features
-
- Cross-platform, multi-language UI support
- Rich caption style settings
- Flexible caption engine selection
- Multi-language recognition and translation
- Caption recording display and export
- Generate captions for audio output or microphone input
-
 ## ⚙️ Built-in Subtitle Engines

-Currently, the software comes with 2 subtitle engines, with 1 new engine planned. Details are as follows.
+Currently, the software comes with 2 subtitle engines, with new engines under development. Their detailed information is as follows.

 ### Gummy Subtitle Engine (Cloud)

@@ -108,9 +104,14 @@ The engine only uploads data when receiving audio streams, so the actual upload

 Developed based on [vosk-api](https://github.com/alphacep/vosk-api). Currently only supports generating original text from audio, does not support translation content.

-### FunASR Subtitle Engine (Local)
+### Planned New Subtitle Engines

-If feasible, will be developed based on [FunASR](https://github.com/modelscope/FunASR). Not yet researched or verified for feasibility.
+The following are candidate models that will be selected based on model performance and ease of integration.
+
+- [faster-whisper](https://github.com/SYSTRAN/faster-whisper)
+- [sherpa-onnx](https://github.com/k2-fsa/sherpa-onnx)
+- [SenseVoice](https://github.com/FunAudioLLM/SenseVoice)
+- [FunASR](https://github.com/modelscope/FunASR)

 ## 🚀 Project Setup

@@ -128,29 +129,24 @@ First enter the `engine` folder and execute the following commands to create a v

 ```bash
 # in ./engine folder
-python -m venv subenv
+python -m venv .venv
 # or
-python3 -m venv subenv
+python3 -m venv .venv
 ```

 Then activate the virtual environment:

 ```bash
 # Windows
-subenv/Scripts/activate
+.venv/Scripts/activate
 # Linux or macOS
-source subenv/bin/activate
+source .venv/bin/activate
 ```

 Then install dependencies (this step might result in errors on macOS and Linux, usually due to build failures, and you need to handle them based on the error messages):

 ```bash
-# Windows
-pip install -r requirements_win.txt
-# macOS
-pip install -r requirements_darwin.txt
-# Linux
-pip install -r requirements_linux.txt
+pip install -r requirements.txt
 ```

 If you encounter errors when installing the `samplerate` module on Linux systems, you can try installing it separately with this command:
@@ -169,9 +165,9 @@ Note that the path to the `vosk` library in `main-vosk.spec` might be incorrect

 ```
 # Windows
-vosk_path = str(Path('./subenv/Lib/site-packages/vosk').resolve())
+vosk_path = str(Path('./.venv/Lib/site-packages/vosk').resolve())
 # Linux or macOS
-vosk_path = str(Path('./subenv/lib/python3.x/site-packages/vosk').resolve())
+vosk_path = str(Path('./.venv/lib/python3.x/site-packages/vosk').resolve())
 ```

 After the build completes, you can find the executable file in the `engine/dist` folder. Then proceed with subsequent operations.
--- a/README_ja.md
+++ b/README_ja.md
@@ -3,12 +3,8 @@
    <h1 align="center">auto-caption</h1>
    <p>Auto Caption はクロスプラットフォームのリアルタイム字幕表示ソフトウェアです。</p>
    <p>
-      <a href="https://github.com/HiMeditator/auto-caption/releases">
-        <img src="https://img.shields.io/badge/release-0.6.0-blue">
-      </a>
-      <a href="https://github.com/HiMeditator/auto-caption/issues">
-        <img src="https://img.shields.io/github/issues/HiMeditator/auto-caption?color=orange">
-      </a>
+      <a href="https://github.com/HiMeditator/auto-caption/releases"><img src="https://img.shields.io/badge/release-0.7.0-blue"></a>
+      <a href="https://github.com/HiMeditator/auto-caption/issues"><img src="https://img.shields.io/github/issues/HiMeditator/auto-caption?color=orange"></a>
      <img src="https://img.shields.io/github/languages/top/HiMeditator/auto-caption?color=royalblue">
      <img src="https://img.shields.io/github/repo-size/HiMeditator/auto-caption?color=green">
      <img src="https://img.shields.io/github/stars/HiMeditator/auto-caption?style=social">
@@ -18,7 +14,7 @@
        | <a href="./README_en.md">English</a>
        | <b>日本語</b> |
    </p>
-    <p><i>v0.6.0 バージョンがリリースされ、字幕エンジンコードが大規模にリファクタリングされ、コードの拡張性が向上しました。より多くの字幕エンジンの開発が試みられています...</i></p>
+    <p><i>バージョン 0.7.0 がリリースされ、ソフトウェアインターフェースが最適化され、ログ記録表示機能が追加されました。ローカルの字幕エンジンは現在開発中であり、Pythonコードの形式でリリースされる予定です...</i></p>
 </div>

 ![](./assets/media/main_ja.png)
@@ -37,9 +33,18 @@

 [更新履歴](./docs/CHANGELOG.md)

+## ✨ 特徴
+
+- 音声出力またはマイク入力からの字幕生成
+- クロスプラットフォーム（Windows、macOS、Linux）、多言語インターフェース（中国語、英語、日本語）対応
+- 豊富な字幕スタイル設定（フォント、フォントサイズ、フォント太さ、フォント色、背景色など）
+- 柔軟な字幕エンジン選択（阿里雲 Gummy クラウドモデル、ローカル Vosk モデル、独自開発モデル）
+- 多言語認識と翻訳（下記「⚙️ 字幕エンジン説明」参照）
+- 字幕記録表示とエクスポート（`.srt` および `.json` 形式のエクスポートに対応）
+
 ## 📖 基本使い方

-このソフトウェアはWindows、macOS、Linuxプラットフォームに対応しています。テスト済みのプラットフォーム情報は以下の通りです：
+このソフトウェアは Windows、macOS、Linux プラットフォームに対応しています。テスト済みのプラットフォーム情報は以下の通りです：

 | OS バージョン | アーキテクチャ | システムオーディオ入力 | システムオーディオ出力 |
 | ------------------ | ------------ | ------------------ | ------------------- |
@@ -49,7 +54,7 @@
 | Kali Linux 2022.3  | x64          | ✅                 | ✅                   |
 | Kylin Server V10 SP3 | x64 | ✅ | ✅ |

-macOSおよびLinuxプラットフォームでシステムオーディオ出力を取得するには追加設定が必要です。詳細は[Auto Captionユーザーマニュアル](./docs/user-manual/ja.md)をご覧ください。
+macOS および Linux プラットフォームでシステムオーディオ出力を取得するには追加設定が必要です。詳細は[Auto Captionユーザーマニュアル](./docs/user-manual/ja.md)をご覧ください。

 > 阿里雲の国際版サービスでは Gummy モデルを提供していないため、現在中国以外のユーザーは Gummy 字幕エンジンを使用できません。

@@ -66,18 +71,9 @@ Vosk ローカル字幕エンジンを使用するには、まず [Vosk Models](

 **上記の字幕エンジンがご要望を満たさず、かつ Python の知識をお持ちの場合、独自の字幕エンジンを開発することも可能です。詳細な説明は[字幕エンジン説明書](./docs/engine-manual/ja.md)をご参照ください。**

-## ✨ 特徴
-
- クロスプラットフォーム、多言語 UI サポート
- 豊富な字幕スタイル設定
- 柔軟な字幕エンジン選択
- 多言語認識と翻訳
- 字幕記録の表示とエクスポート
- オーディオ出力またはマイク入力からの字幕生成
-
 ## ⚙️ 字幕エンジン説明

-現在ソフトウェアには2つの字幕エンジンが組み込まれており、1つの新しいエンジンを計画中です。詳細は以下の通りです。
+現在、ソフトウェアには2つの字幕エンジンが搭載されており、新しいエンジンが計画されています。それらの詳細情報は以下の通りです。

 ### Gummy 字幕エンジン（クラウド）

@@ -108,9 +104,14 @@ $$

 [vosk-api](https://github.com/alphacep/vosk-api) をベースに開発されています。現在は音声に対応する原文の生成のみをサポートしており、翻訳コンテンツはサポートしていません。

-### FunASR字幕エンジン（ローカル）
+### 新規計画字幕エンジン

-可能であれば、[FunASR](https://github.com/modelscope/FunASR) をベースに開発予定です。まだ調査と実現可能性の検証を行っていません。
+以下は候補モデルであり、モデルの性能と統合の容易さに基づいて選択されます。
+
+- [faster-whisper](https://github.com/SYSTRAN/faster-whisper)
+- [sherpa-onnx](https://github.com/k2-fsa/sherpa-onnx)
+- [SenseVoice](https://github.com/FunAudioLLM/SenseVoice)
+- [FunASR](https://github.com/modelscope/FunASR)

 ## 🚀 プロジェクト実行

@@ -128,29 +129,24 @@ npm install

 ```bash
 # ./engine フォルダ内
-python -m venv subenv
+python -m venv .venv
 # または
-python3 -m venv subenv
+python3 -m venv .venv
 ```

 次に仮想環境をアクティブにします：

 ```bash
 # Windows
-subenv/Scripts/activate
+.venv/Scripts/activate
 # Linux または macOS
-source subenv/bin/activate
+source .venv/bin/activate
 ```

 次に依存関係をインストールします（このステップでは macOS と Linux でエラーが発生する可能性があります。通常はビルド失敗によるもので、エラーメッセージに基づいて対処する必要があります）：

 ```bash
-# Windows
-pip install -r requirements_win.txt
-# macOS
-pip install -r requirements_darwin.txt
-# Linux
-pip install -r requirements_linux.txt
+pip install -r requirements.txt
 ```

 Linux システムで `samplerate` モジュールのインストールに問題が発生した場合、以下のコマンドで個別にインストールを試すことができます：
@@ -169,9 +165,9 @@ pyinstaller ./main.spec

 ```
 # Windows
-vosk_path = str(Path('./subenv/Lib/site-packages/vosk').resolve())
+vosk_path = str(Path('./.venv/Lib/site-packages/vosk').resolve())
 # Linux または macOS
-vosk_path = str(Path('./subenv/lib/python3.x/site-packages/vosk').resolve())
+vosk_path = str(Path('./.venv/lib/python3.x/site-packages/vosk').resolve())
 ```

 これでプロジェクトのビルドが完了し、`engine/dist` フォルダ内に対応する実行可能ファイルが確認できます。その後、次の操作に進むことができます。
--- a/assets/media/main_en.png
+++ b/assets/media/main_en.png
--- a/assets/media/main_ja.png
+++ b/assets/media/main_ja.png
--- a/assets/media/main_zh.png
+++ b/assets/media/main_zh.png
--- a/docs/CHANGELOG.md
+++ b/docs/CHANGELOG.md
@@ -137,3 +137,20 @@
 - 合并 Gummy 和 Vosk 引擎为单个可执行文件
 - 字幕引擎和主程序添加 Socket 通信，完全避免字幕引擎成为孤儿进程

+
+## v0.7.0
+
+2025-08-20
+
+### 新增功能
+
+- 添加字幕窗口宽度记忆，重新打开时与上次字幕窗口宽度一致
+- 在尝试关闭字幕引擎 4s 后字幕引擎仍未关闭，则强制关闭字幕引擎
+- 添加复制最新字幕选项，用户可以选择只复制最近1~3条字幕 (#13)
+- 添加主题颜色设置，支持六种颜色：蓝色、绿色、橙色、紫色、粉色、暗色/明色
+- 添加日志记录显示：可以查看软件的字幕引擎输出的日志记录
+
+### 优化体验
+
+- 优化软件用户界面的部分组件
+- 更清晰的日志输出
--- a/docs/TODO.md
+++ b/docs/TODO.md
@@ -18,9 +18,13 @@
 - [x] 添加字幕记录按时间降序排列选择 *2025/07/26*
 - [x] 重构字幕引擎 *2025/07/28*
 - [x] 优化前端界面提示消息 *2025/07/29*
+- [x] 复制字幕记录可选择只复制最近的字幕记录 *2025/08/18*
+- [x] 添加颜色主题设置 *2025/08/18*
+- [x] 前端页面添加日志内容展示 *2025/08/19*

 ## 待完成

+- [ ] 调研更多的云端模型（火山、OpenAI、Google等）
 - [ ] 验证 / 添加基于 sherpa-onnx 的字幕引擎

 ## 后续计划
--- a/docs/api-docs/caption-engine.md
+++ b/docs/api-docs/caption-engine.md
@@ -80,6 +80,17 @@ Python 端监听到的音频流转换为的字幕数据。

 Python 端打印的提示信息，比起 `print`，该信息更希望 Electron 端的关注。

+### `error`
+
+```js
+{
+  command: "error",
+  content: string
+}
+```
+
+Python 端打印的错误信息，该错误信息需要在前端弹窗显示。
+
 ### `usage`

 ```js
--- a/docs/api-docs/electron-ipc.md
+++ b/docs/api-docs/electron-ipc.md
@@ -84,7 +84,7 @@

 ### `control.uiTheme.change`

-**介绍：** 前端修改字界面主题，将修改同步给后端
+**介绍：** 前端修改界面主题，将修改同步给后端

 **发起方：** 前端控制窗口

@@ -92,6 +92,16 @@

 **数据类型：** `UITheme`

+### `control.uiColor.change`
+
+**介绍：** 前端修改界面主题颜色，将修改同步给后端
+
+**发起方：** 前端控制窗口
+
+**接收方：** 后端控制窗口实例
+
+**数据类型：** `string`
+
 ### `control.leftBarWidth.change`

 **介绍：** 前端修改边栏宽度，将修改同步给后端
@@ -172,6 +182,16 @@

 **数据类型：** 无数据

+### `control.engine.forceKill`
+
+**介绍：** 强制关闭启动超时的字幕引擎
+
+**发起方：** 前端控制窗口
+
+**接收方：** 后端控制窗口实例
+
+**数据类型：** 无数据
+
 ### `caption.windowHeight.change`

 **介绍：** 字幕窗口宽度发生改变
@@ -274,6 +294,16 @@

 **数据类型：** `Controls`

+### `control.softwareLog.add`
+
+**介绍：** 添加一条新的日志数据
+
+**发起方：** 后端
+
+**接收方：** 前端控制窗口
+
+**数据类型：** `SoftwareLog`
+
 ### `both.styles.set`

 **介绍：** 后端将最新字幕样式发送给前端，前端进行设置
--- a/docs/engine-manual/en.md
+++ b/docs/engine-manual/en.md
@@ -155,7 +155,7 @@ if __name__ == "__main__":
    # Common parameters  
    parser.add_argument('-e', '--caption_engine', default='gummy', help='Caption engine: gummy or vosk')  
    parser.add_argument('-a', '--audio_type', default=0, help='Audio stream source: 0 for output, 1 for input')  
-    parser.add_argument('-c', '--chunk_rate', default=20, help='Number of audio stream chunks collected per second')  
+    parser.add_argument('-c', '--chunk_rate', default=10, help='Number of audio stream chunks collected per second')  
    parser.add_argument('-p', '--port', default=8080, help='The port to run the server on, 0 for no server')  
    # Gummy-specific parameters  
    parser.add_argument('-s', '--source_language', default='en', help='Source language code')  
--- a/docs/engine-manual/ja.md
+++ b/docs/engine-manual/ja.md
@@ -157,7 +157,7 @@ if __name__ == "__main__":
    # 共通
    parser.add_argument('-e', '--caption_engine', default='gummy', help='字幕エンジン: gummyまたはvosk')
    parser.add_argument('-a', '--audio_type', default=0, help='オーディオストリームソース: 0は出力、1は入力')
-    parser.add_argument('-c', '--chunk_rate', default=20, help='1秒あたりに収集するオーディオストリームブロックの数')
+    parser.add_argument('-c', '--chunk_rate', default=10, help='1秒あたりに収集するオーディオストリームブロックの数')
    parser.add_argument('-p', '--port', default=8080, help='サーバーを実行するポート、0はサーバーなし')
    # gummy専用
    parser.add_argument('-s', '--source_language', default='en', help='ソース言語コード')
--- a/docs/engine-manual/zh.md
+++ b/docs/engine-manual/zh.md
@@ -156,7 +156,7 @@ if __name__ == "__main__":
    # both
    parser.add_argument('-e', '--caption_engine', default='gummy', help='Caption engine: gummy or vosk')
    parser.add_argument('-a', '--audio_type', default=0, help='Audio stream source: 0 for output, 1 for input')
-    parser.add_argument('-c', '--chunk_rate', default=20, help='Number of audio stream chunks collected per second')
+    parser.add_argument('-c', '--chunk_rate', default=10, help='Number of audio stream chunks collected per second')
    parser.add_argument('-p', '--port', default=8080, help='The port to run the server on, 0 for no server')
    # gummy only
    parser.add_argument('-s', '--source_language', default='en', help='Source language code')
--- a/engine/main.py
+++ b/engine/main.py
@@ -1,5 +1,5 @@
 import argparse
-from utils import stdout_cmd, stderr
+from utils import stdout_cmd, stdout_err
 from utils import thread_data, start_server
 from utils import merge_chunk_channels, resample_chunk_mono
 from audio2text import InvalidParameter, GummyRecognizer
@@ -17,6 +17,7 @@ def main_gummy(s: str, t: str, a: int, c: int, k: str):

    stream.open_stream()
    engine.start()
+    chunk_mono = bytes()

    restart_count = 0
    while thread_data.status == "running":
@@ -28,18 +29,21 @@ def main_gummy(s: str, t: str, a: int, c: int, k: str):
                engine.send_audio_frame(chunk_mono)
            except InvalidParameter as e:
                restart_count += 1
-                if restart_count > 8:
-                    stderr(str(e))
+                if restart_count > 5:
+                    stdout_err(str(e))
                    thread_data.status = "kill"
+                    stdout_cmd('kill')
                    break
                else:
-                    stdout_cmd('info', f'Gummy engine stopped, trying to restart #{restart_count}')
+                    stdout_cmd('info', f'Gummy engine stopped, restart attempt: {restart_count}...')
        except KeyboardInterrupt:
            break

+    engine.send_audio_frame(chunk_mono)
    stream.close_stream()
    engine.stop()

+
 def main_vosk(a: int, c: int, m: str):
    global thread_data
    stream = AudioStream(a, c)
@@ -66,7 +70,7 @@ if __name__ == "__main__":
    # both
    parser.add_argument('-e', '--caption_engine', default='gummy', help='Caption engine: gummy or vosk')
    parser.add_argument('-a', '--audio_type', default=0, help='Audio stream source: 0 for output, 1 for input')
-    parser.add_argument('-c', '--chunk_rate', default=20, help='Number of audio stream chunks collected per second')
+    parser.add_argument('-c', '--chunk_rate', default=10, help='Number of audio stream chunks collected per second')
    parser.add_argument('-p', '--port', default=8080, help='The port to run the server on, 0 for no server')
    # gummy only
    parser.add_argument('-s', '--source_language', default='en', help='Source language code')
@@ -75,7 +79,7 @@ if __name__ == "__main__":
    # vosk only
    parser.add_argument('-m', '--model_path', default='', help='The path to the vosk model.')

-    args = parser.parse_args()    
+    args = parser.parse_args()
    if int(args.port) == 0:
        thread_data.status = "running"
    else:
@@ -99,4 +103,4 @@ if __name__ == "__main__":
        raise ValueError('Invalid caption engine specified.')
    
    if thread_data.status == "kill":
-        stdout_cmd('kill')
+        stdout_cmd('kill')
--- a/engine/main.spec
+++ b/engine/main.spec
@@ -4,9 +4,9 @@ from pathlib import Path
 import sys

 if sys.platform == 'win32':
-    vosk_path = str(Path('./subenv/Lib/site-packages/vosk').resolve())
+    vosk_path = str(Path('./.venv/Lib/site-packages/vosk').resolve())
 else:
-    vosk_path = str(Path('./subenv/lib/python3.12/site-packages/vosk').resolve())
+    vosk_path = str(Path('./.venv/lib/python3.12/site-packages/vosk').resolve())

 a = Analysis(
    ['main.py'],
--- a/engine/requirements.txt
+++ b/engine/requirements.txt
@@ -0,0 +1,7 @@
+dashscope
+numpy
+samplerate
+vosk
+pyinstaller
+pyaudio; sys_platform == 'darwin'
+pyaudiowpatch; sys_platform == 'win32'
--- a/engine/requirements_darwin.txt
+++ b/engine/requirements_darwin.txt
@@ -1,6 +0,0 @@
-dashscope
-numpy
-samplerate
-PyAudio
-vosk
-pyinstaller
--- a/engine/requirements_linux.txt
+++ b/engine/requirements_linux.txt
@@ -1,5 +0,0 @@
-dashscope
-numpy
-vosk
-pyinstaller
-samplerate # pip install samplerate --only-binary=:all:
--- a/engine/requirements_win.txt
+++ b/engine/requirements_win.txt
@@ -1,6 +0,0 @@
-dashscope
-numpy
-samplerate
-PyAudioWPatch
-vosk
-pyinstaller
--- a/engine/sysaudio/darwin.py
+++ b/engine/sysaudio/darwin.py
@@ -22,9 +22,9 @@ class AudioStream:

    初始化参数：
        audio_type: 0-系统音频输出流（需配合 BlackHole），1-系统音频输入流
-        chunk_rate: 每秒采集音频块的数量，默认为20
+        chunk_rate: 每秒采集音频块的数量，默认为10
    """
-    def __init__(self, audio_type=0, chunk_rate=20):
+    def __init__(self, audio_type=0, chunk_rate=10):
        self.audio_type = audio_type
        self.mic = pyaudio.PyAudio()
        if self.audio_type == 0:
@@ -40,6 +40,12 @@ class AudioStream:
        self.RATE = int(self.device["defaultSampleRate"])
        self.CHUNK = self.RATE // chunk_rate

+    def reset_chunk_size(self, chunk_size: int):
+        """
+        重新设置音频块大小
+        """
+        self.CHUNK = chunk_size
+
    def get_info(self):
        dev_info = f"""
        采样设备：
--- a/engine/sysaudio/linux.py
+++ b/engine/sysaudio/linux.py
@@ -41,9 +41,9 @@ class AudioStream:

    初始化参数：
        audio_type: 0-系统音频输出流（不支持，不会生效），1-系统音频输入流（默认）
-        chunk_rate: 每秒采集音频块的数量，默认为20
+        chunk_rate: 每秒采集音频块的数量，默认为10
    """
-    def __init__(self, audio_type=1,  chunk_rate=20):
+    def __init__(self, audio_type=1,  chunk_rate=10):
        self.audio_type = audio_type

        if self.audio_type == 0:
@@ -58,6 +58,12 @@ class AudioStream:
        self.RATE = 48000
        self.CHUNK = self.RATE // chunk_rate

+    def reset_chunk_size(self, chunk_size: int):
+        """
+        重新设置音频块大小
+        """
+        self.CHUNK = chunk_size
+
    def get_info(self):
        dev_info = f"""
        音频捕获进程：
--- a/engine/sysaudio/win.py
+++ b/engine/sysaudio/win.py
@@ -46,9 +46,9 @@ class AudioStream:

    初始化参数：
        audio_type: 0-系统音频输出流（默认），1-系统音频输入流
-        chunk_rate: 每秒采集音频块的数量，默认为20
+        chunk_rate: 每秒采集音频块的数量，默认为10
    """
-    def __init__(self, audio_type=0, chunk_rate=20):
+    def __init__(self, audio_type=0, chunk_rate=10, chunk_size=-1):
        self.audio_type = audio_type
        self.mic = pyaudio.PyAudio()
        if self.audio_type == 0:
@@ -64,6 +64,12 @@ class AudioStream:
        self.RATE = int(self.device["defaultSampleRate"])
        self.CHUNK = self.RATE // chunk_rate

+    def reset_chunk_size(self, chunk_size: int):
+        """
+        重新设置音频块大小
+        """
+        self.CHUNK = chunk_size
+
    def get_info(self):
        dev_info = f"""
        采样设备：
--- a/engine/test.py
+++ b/engine/test.py
@@ -1,101 +0,0 @@
-import argparse
-from utils import stdout_cmd, stderr
-from utils import thread_data, start_server
-from utils import merge_chunk_channels, resample_chunk_mono
-from audio2text import InvalidParameter, GummyRecognizer
-from audio2text import VoskRecognizer
-from sysaudio import AudioStream
-
-def main_gummy(s: str, t: str, a: int, c: int, k: str):
-    global thread_data
-    stream = AudioStream(a, c)
-    if t == 'none':
-        engine = GummyRecognizer(stream.RATE, s, None, k)
-    else:
-        engine = GummyRecognizer(stream.RATE, s, t, k)
-
-    stream.open_stream()
-    engine.start()
-
-    restart_count = 0
-    while thread_data.status == "running":
-        try:
-            chunk = stream.read_chunk()
-            if chunk is None: continue
-            chunk_mono = merge_chunk_channels(chunk, stream.CHANNELS)
-            try:
-                engine.send_audio_frame(chunk_mono)
-            except InvalidParameter as e:
-                restart_count += 1
-                if restart_count > 8:
-                    stderr(str(e))
-                    thread_data.status = "kill"
-                    break
-                else:
-                    stdout_cmd('info', f'Gummy engine stopped, trying to restart #{restart_count}')
-        except KeyboardInterrupt:
-            break
-
-    stream.close_stream()
-    engine.stop()
-
-def main_vosk(a: int, c: int, m: str):
-    global thread_data
-    stream = AudioStream(a, c)
-    engine = VoskRecognizer(m)
-
-    stream.open_stream()
-    engine.start()
-
-    while thread_data.status == "running":
-        try:
-            chunk = stream.read_chunk()
-            if chunk is None: continue
-            chunk_mono = resample_chunk_mono(chunk, stream.CHANNELS, stream.RATE, 16000)
-            engine.send_audio_frame(chunk_mono)
-        except KeyboardInterrupt:
-            break
-
-    stream.close_stream()
-    engine.stop()
-
-
-if __name__ == "__main__":
-    parser = argparse.ArgumentParser(description='Convert system audio stream to text')
-    # both
-    parser.add_argument('-e', '--caption_engine', default='gummy', help='Caption engine: gummy or vosk')
-    parser.add_argument('-a', '--audio_type', default=0, help='Audio stream source: 0 for output, 1 for input')
-    parser.add_argument('-c', '--chunk_rate', default=20, help='Number of audio stream chunks collected per second')
-    parser.add_argument('-p', '--port', default=8080, help='The port to run the server on, 0 for no server')
-    # gummy
-    parser.add_argument('-s', '--source_language', default='en', help='Source language code')
-    parser.add_argument('-t', '--target_language', default='zh', help='Target language code')
-    parser.add_argument('-k', '--api_key', default='', help='API KEY for Gummy model')
-    # vosk
-    parser.add_argument('-m', '--model_path', default='', help='The path to the vosk model.')
-
-    args = parser.parse_args()    
-    if int(args.port) == 0:
-        thread_data.status = "running"
-    else:
-        start_server(int(args.port))
-
-    if args.caption_engine == 'gummy':
-        main_gummy(
-            args.source_language,
-            args.target_language,
-            int(args.audio_type),
-            int(args.chunk_rate),
-            args.api_key
-        )
-    elif args.caption_engine == 'vosk':
-        main_vosk(
-            int(args.audio_type),
-            int(args.chunk_rate),
-            args.model_path
-        )
-    else:
-        raise ValueError('Invalid caption engine specified.')
-    
-    if thread_data.status == "kill":
-        stdout_cmd('kill')
--- a/engine/utils/init.py
+++ b/engine/utils/init.py
@@ -1,4 +1,9 @@
-from .audioprcs import merge_chunk_channels, resample_chunk_mono, resample_mono_chunk
-from .sysout import stdout, stdout_cmd, stdout_obj, stderr
+from .audioprcs import (
+    merge_chunk_channels,
+    resample_chunk_mono,
+    resample_chunk_mono_np,
+    resample_mono_chunk
+)
+from .sysout import stdout, stdout_err, stdout_cmd, stdout_obj, stderr
 from .thdata import thread_data
 from .server import start_server
--- a/engine/utils/audioprcs.py
+++ b/engine/utils/audioprcs.py
@@ -55,6 +55,38 @@ def resample_chunk_mono(chunk: bytes, channels: int, orig_sr: int, target_sr: in
    return chunk_mono_r.tobytes()


+def resample_chunk_mono_np(chunk: bytes, channels: int, orig_sr: int, target_sr: int, mode="sinc_best", dtype=np.float32) -> np.ndarray:
+    """
+    将当前多通道音频数据块转换成单通道音频数据块，然后进行重采样，返回 Numpy 数组
+
+    Args:
+        chunk: 多通道音频数据块
+        channels: 通道数
+        orig_sr: 原始采样率
+        target_sr: 目标采样率
+        mode: 重采样模式，可选：'sinc_best' | 'sinc_medium' | 'sinc_fastest' | 'zero_order_hold' | 'linear'
+        dtype: 返回 Numpy 数组的数据类型
+
+    Return:
+        单通道音频数据块
+    """
+    if channels == 1:
+        chunk_mono = np.frombuffer(chunk, dtype=np.int16)
+        chunk_mono = chunk_mono.astype(np.float32)
+    else:
+        # (length * channels,)
+        chunk_np = np.frombuffer(chunk, dtype=np.int16)
+        # (length, channels)
+        chunk_np = chunk_np.reshape(-1, channels)
+        # (length,)
+        chunk_mono = np.mean(chunk_np.astype(np.float32), axis=1)
+
+    ratio = target_sr / orig_sr
+    chunk_mono_r = samplerate.resample(chunk_mono, ratio, converter_type=mode)
+    chunk_mono_r = chunk_mono_r.astype(dtype)
+    return chunk_mono_r
+
+
 def resample_mono_chunk(chunk: bytes, orig_sr: int, target_sr: int, mode="sinc_best") -> bytes:
    """
    将当前单通道音频块进行重采样
--- a/engine/utils/server.py
+++ b/engine/utils/server.py
@@ -1,6 +1,7 @@
 import socket
 import threading
 import json
+# import time
 from utils import thread_data, stdout_cmd, stderr


@@ -33,6 +34,7 @@ def start_server(port: int):
        stderr(str(e))
        stdout_cmd('kill')
        return
+    # time.sleep(20)
    stdout_cmd('connect')

    client, addr = server.accept()
--- a/engine/utils/sysout.py
+++ b/engine/utils/sysout.py
@@ -4,6 +4,9 @@ import json
 def stdout(text: str):
    stdout_cmd("print", text)

+def stdout_err(text: str):
+    stdout_cmd("error", text)
+
 def stdout_cmd(command: str, content = ""):
    msg = { "command": command, "content": content }
    sys.stdout.write(json.dumps(msg) + "\n")
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
  "name": "auto-caption",
-  "version": "0.6.0",
+  "version": "0.7.0",
  "lockfileVersion": 3,
  "requires": true,
  "packages": {
    "": {
      "name": "auto-caption",
-      "version": "0.6.0",
+      "version": "0.7.0",
      "hasInstallScript": true,
      "dependencies": {
        "@electron-toolkit/preload": "^3.0.1",
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
  "name": "auto-caption",
  "productName": "Auto Caption",
-  "version": "0.6.0",
+  "version": "0.7.0",
  "description": "A cross-platform subtitle display software.",
  "main": "./out/main/index.js",
  "author": "himeditator",
--- a/src/main/CaptionWindow.ts
+++ b/src/main/CaptionWindow.ts
@@ -3,6 +3,7 @@ import path from 'path'
 import { is } from '@electron-toolkit/utils'
 import icon from '../../build/icon.png?asset'
 import { controlWindow } from './ControlWindow'
+import { allConfig } from './utils/AllConfig'

 class CaptionWindow {
  window: BrowserWindow | undefined;
@@ -10,7 +11,7 @@ class CaptionWindow {
  public createWindow(): void {
    this.window = new BrowserWindow({
      icon: icon,
-      width: 900,
+      width: allConfig.captionWindowWidth,
      height: 100,
      minWidth: 480,
      show: false,
@@ -30,6 +31,12 @@ class CaptionWindow {
      this.window?.show()
    })

+    this.window.on('close', () => {
+      if(this.window) {
+        allConfig.captionWindowWidth = this.window?.getBounds().width;
+      }
+    })
+
    this.window.on('closed', () => {
      this.window = undefined
    })
--- a/src/main/ControlWindow.ts
+++ b/src/main/ControlWindow.ts
@@ -7,8 +7,10 @@ import icon from '../../build/icon.png?asset'
 import { captionWindow } from './CaptionWindow'
 import { allConfig } from './utils/AllConfig'
 import { captionEngine } from './utils/CaptionEngine'
+import { Log } from './utils/Log'

 class ControlWindow {
+  mounted: boolean = false;
  window: BrowserWindow | undefined;

  public createWindow(): void {
@@ -34,6 +36,7 @@ class ControlWindow {
    })

    this.window.on('closed', () => {
+      this.mounted = false
      this.window = undefined
      allConfig.writeConfig()
    })
@@ -63,7 +66,8 @@ class ControlWindow {
    })

    ipcMain.handle('both.window.mounted', () => {
-      return allConfig.getFullConfig()
+      this.mounted = true
+      return allConfig.getFullConfig(Log.getAndClearLogQueue())
    })

    ipcMain.handle('control.nativeTheme.get', () => {
@@ -109,6 +113,10 @@ class ControlWindow {
      allConfig.uiTheme = args
    })

+    ipcMain.on('control.uiColor.change', (_, args) => {
+      allConfig.uiColor = args
+    })
+
    ipcMain.on('control.leftBarWidth.change', (_, args) => {
      allConfig.leftBarWidth = args
    })
@@ -151,6 +159,10 @@ class ControlWindow {
      captionEngine.stop()
    })

+    ipcMain.on('control.engine.forceKill', () => {
+      captionEngine.forceKill()
+    })
+
    ipcMain.on('control.captionLog.clear', () => {
      allConfig.captionLog.splice(0)
    })
--- a/src/main/i18n/lang/en.ts
+++ b/src/main/i18n/lang/en.ts
@@ -4,5 +4,6 @@ export default {
  "engine.start.error": "Caption engine failed to start: ",
  "engine.output.parse.error": "Unable to parse caption engine output as a JSON object: ",
  "engine.error": "Caption engine error: ",
-  "engine.shutdown.error": "Failed to shut down the caption engine process: "
+  "engine.shutdown.error": "Failed to shut down the caption engine process: ",
+  "engine.start.timeout": "Caption engine startup timeout, automatically force stopped"
 }
--- a/src/main/i18n/lang/ja.ts
+++ b/src/main/i18n/lang/ja.ts
@@ -4,5 +4,6 @@ export default {
  "engine.start.error": "字幕エンジンの起動に失敗しました: ",
  "engine.output.parse.error": "字幕エンジンの出力を JSON オブジェクトとして解析できませんでした: ",
  "engine.error": "字幕エンジンエラー: ",
-  "engine.shutdown.error": "字幕エンジンプロセスの終了に失敗しました: "
+  "engine.shutdown.error": "字幕エンジンプロセスの終了に失敗しました: ",
+  "engine.start.timeout": "字幕エンジンの起動がタイムアウトしました。自動的に強制停止しました"
 }
--- a/src/main/i18n/lang/zh.ts
+++ b/src/main/i18n/lang/zh.ts
@@ -4,5 +4,6 @@ export default {
  "engine.start.error": "字幕引擎启动失败：",
  "engine.output.parse.error": "字幕引擎输出内容无法解析为 JSON 对象：",
  "engine.error": "字幕引擎错误：",
-  "engine.shutdown.error": "字幕引擎进程关闭失败："
+  "engine.shutdown.error": "字幕引擎进程关闭失败：",
+  "engine.start.timeout": "字幕引擎启动超时，已自动强制停止"
 }
--- a/src/main/index.ts
+++ b/src/main/index.ts
@@ -25,7 +25,7 @@ app.whenReady().then(() => {
 })

 app.on('will-quit', async () => {
-  captionEngine.stop()
+  captionEngine.kill()
  allConfig.writeConfig()
 });

--- a/src/main/types/index.ts
+++ b/src/main/types/index.ts
@@ -13,7 +13,8 @@ export interface Controls {
  modelPath: string,
  customized: boolean,
  customizedApp: string,
-  customizedCommand: string
+  customizedCommand: string,
+  startTimeoutSeconds: number
 }

 export interface Styles {
@@ -45,14 +46,23 @@ export interface CaptionItem {
  translation: string
 }

+export interface SoftwareLogItem {
+  type: "INFO" | "WARN" | "ERROR",
+  index: number,
+  time: string,
+  text: string
+}
+
 export interface FullConfig {
  platform: string,
  uiLanguage: UILanguage,
  uiTheme: UITheme,
+  uiColor: string,
  leftBarWidth: number,
  styles: Styles,
  controls: Controls,
-  captionLog: CaptionItem[]
+  captionLog: CaptionItem[],
+  softwareLog: SoftwareLogItem[]
 }

 export interface EngineInfo {
--- a/src/main/utils/AllConfig.ts
+++ b/src/main/utils/AllConfig.ts
@@ -1,6 +1,6 @@
 import {
  UILanguage, UITheme, Styles, Controls,
-  CaptionItem, FullConfig
+  CaptionItem, FullConfig, SoftwareLogItem
 } from '../types'
 import { Log } from './Log'
 import { app, BrowserWindow } from 'electron'
@@ -39,16 +39,21 @@ const defaultControls: Controls = {
  translation: true,
  customized: false,
  customizedApp: '',
-  customizedCommand: ''
+  customizedCommand: '',
+  startTimeoutSeconds: 30
 };


 class AllConfig {
+  captionWindowWidth: number = 900;
+
  uiLanguage: UILanguage = 'zh';
  leftBarWidth: number = 8;
  uiTheme: UITheme = 'system';
+  uiColor: string = '#1677ff';
  styles: Styles = {...defaultStyles};
  controls: Controls = {...defaultControls};
+  
  lastLogIndex: number = -1;
  captionLog: CaptionItem[] = [];

@@ -57,20 +62,24 @@ class AllConfig {
  public readConfig() {
    const configPath = path.join(app.getPath('userData'), 'config.json')
    if(fs.existsSync(configPath)){
+      Log.info('Read Config from:', configPath)
      const config = JSON.parse(fs.readFileSync(configPath, 'utf-8'))
+      if(config.captionWindowWidth) this.captionWindowWidth = config.captionWindowWidth
      if(config.uiLanguage) this.uiLanguage = config.uiLanguage
      if(config.uiTheme) this.uiTheme = config.uiTheme
+      if(config.uiColor) this.uiColor = config.uiColor
      if(config.leftBarWidth) this.leftBarWidth = config.leftBarWidth
      if(config.styles) this.setStyles(config.styles)
      if(config.controls) this.setControls(config.controls)
-      Log.info('Read Config from:', configPath)
    }
  }

  public writeConfig() {
    const config = {
+      captionWindowWidth: this.captionWindowWidth,
      uiLanguage: this.uiLanguage,
      uiTheme: this.uiTheme,
+      uiColor: this.uiColor,
      leftBarWidth: this.leftBarWidth,
      controls: this.controls,
      styles: this.styles
@@ -80,15 +89,17 @@ class AllConfig {
    Log.info('Write Config to:', configPath)
  }

-  public getFullConfig(): FullConfig {
+  public getFullConfig(softwareLog: SoftwareLogItem[]): FullConfig {
    return {
      platform: process.platform,
      uiLanguage: this.uiLanguage,
      uiTheme: this.uiTheme,
+      uiColor: this.uiColor,
      leftBarWidth: this.leftBarWidth,
      styles: this.styles,
      controls: this.controls,
-      captionLog: this.captionLog
+      captionLog: this.captionLog,
+      softwareLog: softwareLog
    }
  }

@@ -118,7 +129,9 @@ class AllConfig {
      }
    }
    this.controls.engineEnabled = engineEnabled
-    Log.info('Set Controls:', this.controls)
+    let _controls = {...this.controls}
+    _controls.API_KEY = _controls.API_KEY.replace(/./g, '*')
+    Log.info('Set Controls:', _controls)
  }

  public sendControls(window: BrowserWindow, info = true) {
--- a/src/main/utils/CaptionEngine.ts
+++ b/src/main/utils/CaptionEngine.ts
@@ -14,7 +14,9 @@ export class CaptionEngine {
  process: any | undefined
  client: net.Socket | undefined
  port: number = 8080
-  status: 'running' | 'starting' | 'stopping' | 'stopped' = 'stopped'
+  status: 'running' | 'starting' | 'stopping' | 'stopped' | 'starting-timeout' = 'stopped'
+  timerID: NodeJS.Timeout | undefined
+  startTimeoutID: NodeJS.Timeout | undefined

  private getApp(): boolean {
    if (allConfig.controls.customized) {
@@ -36,7 +38,7 @@ export class CaptionEngine {
        if(process.platform === "win32") {
          this.appPath = path.join(
            app.getAppPath(), 'engine',
-            'subenv', 'Scripts', 'python.exe'
+            '.venv', 'Scripts', 'python.exe'
          )
          this.command.push(path.join(
            app.getAppPath(), 'engine', 'main.py'
@@ -46,7 +48,7 @@ export class CaptionEngine {
        else {
          this.appPath = path.join(
            app.getAppPath(), 'engine',
-            'subenv', 'bin', 'python3'
+            '.venv', 'bin', 'python3'
          )
          this.command.push(path.join(
            app.getAppPath(), 'engine', 'main.py'
@@ -84,13 +86,22 @@ export class CaptionEngine {
      }
    }
    Log.info('Engine Path:', this.appPath)
-    Log.info('Engine Command:', this.command)
+    if(this.command.length > 2 && this.command.at(-2) === '-k') {
+      const _command = [...this.command]
+      _command[_command.length -1] = _command[_command.length -1].replace(/./g, '*')
+      Log.info('Engine Command:', _command)
+    }
+    else Log.info('Engine Command:', this.command)
    return true
  }

  public connect() {
-    Log.info('Connecting to caption engine server...')
    if(this.client) { Log.warn('Client already exists, ignoring...') }
+    // 清除启动超时计时器
+    if (this.startTimeoutID) {
+      clearTimeout(this.startTimeoutID)
+      this.startTimeoutID = undefined
+    }
    this.client = net.createConnection({ port: this.port }, () => {
      Log.info('Connected to caption engine server');
    });
@@ -125,6 +136,17 @@ export class CaptionEngine {
    this.process = spawn(this.appPath, this.command)
    this.status = 'starting'
    Log.info('Caption Engine Starting, PID:', this.process.pid)
+
+    // 设置启动超时机制
+    const timeoutMs = allConfig.controls.startTimeoutSeconds * 1000
+    this.startTimeoutID = setTimeout(() => {
+      if (this.status === 'starting') {
+        Log.warn(`Engine start timeout after ${allConfig.controls.startTimeoutSeconds} seconds, forcing kill...`)
+        this.status = 'starting-timeout'
+        controlWindow.sendErrorMessage(i18n('engine.start.timeout'))
+        this.forceKill()
+      }
+    }, timeoutMs)
    
    this.process.stdout.on('data', (data: any) => {
      const lines = data.toString().split('\n')
@@ -145,8 +167,7 @@ export class CaptionEngine {
      const lines = data.toString().split('\n')
      lines.forEach((line: string) => {
        if(line.trim()){
-          controlWindow.sendErrorMessage(/*i18n('engine.error') +*/ line)
-          console.error(line)          
+          Log.error(line)       
        }
      })
    });
@@ -160,6 +181,12 @@ export class CaptionEngine {
        controlWindow.window.webContents.send('control.engine.stopped')
      }
      this.status = 'stopped'
+      clearInterval(this.timerID)
+      // 清理启动超时计时器
+      if (this.startTimeoutID) {
+        clearTimeout(this.startTimeoutID)
+        this.startTimeoutID = undefined
+      }
      Log.info(`Engine exited with code ${code}`)
    });
  }
@@ -175,24 +202,55 @@ export class CaptionEngine {
      this.client = undefined
    }
    this.status = 'stopping'
-    Log.info('Caption engine process stopping...')
+    this.timerID = setTimeout(() => {
+      if(this.status !== 'stopping') return
+      Log.warn('Engine process still not stopped, trying to kill...')
+      this.kill()
+    }, 4000);
  }

  public kill(){
    if(this.status !== 'running'){
      Log.warn('Trying to kill engine which is not running, current status:', this.status)
+      return
+    }
+    this.sendCommand('stop')
+    if(this.client){
+      this.client.destroy()
+      this.client = undefined
+    }
+    this.status = 'stopping'
+    this.timerID = setTimeout(() => {
+      if(this.status !== 'stopping') return
+      Log.warn('Engine process still not stopped, trying to kill...')
+      this.forceKill()
+    }, 4000);
+  }
+
+  public forceKill(){
+    if(!this.process || !this.process.pid) return
+    Log.warn('Force killing engine process, PID:', this.process.pid)
+    // 清理启动超时计时器
+    if (this.startTimeoutID) {
+      clearTimeout(this.startTimeoutID)
+      this.startTimeoutID = undefined
    }
-    Log.warn('Trying to kill engine process, PID:', this.process.pid)
    if(this.client){
      this.client.destroy()
      this.client = undefined
    }
    if (this.process.pid) {
-      let cmd = `kill ${this.process.pid}`;
+      let cmd = `kill -9 ${this.process.pid}`;
      if (process.platform === "win32") {
        cmd = `taskkill /pid ${this.process.pid} /t /f`
      }
-      exec(cmd)
+      exec(cmd, (error) => {
+        if (error) {
+          Log.error('Failed to force kill process:', error)
+        } else {
+          Log.info('Process force killed successfully')
+        }
+      })
    }
    this.status = 'stopping'
  }
@@ -217,8 +275,12 @@ function handleEngineData(data: any) {
  else if(data.command === 'info') {
    Log.info('Engine Info:', data.content)
  }
+  else if(data.command === 'error') {
+    Log.error('Engine Error:', data.content)
+    controlWindow.sendErrorMessage(/*i18n('engine.error') +*/ data.content)
+  }
  else if(data.command === 'usage') {
-    Log.info('Engine Usage: ', data.content)
+    Log.info('Engine Token Usage: ', data.content)
  }
  else {
    Log.warn('Unknown command:', data)
--- a/src/main/utils/Log.ts
+++ b/src/main/utils/Log.ts
@@ -1,3 +1,9 @@
+import { controlWindow } from "../ControlWindow"
+import { type SoftwareLogItem } from "../types"
+
+let logIndex = 0
+const logQueue: SoftwareLogItem[] = []
+
 function getTimeString() {
  const now = new Date()
  const HH = String(now.getHours()).padStart(2, '0')
@@ -8,15 +14,45 @@ function getTimeString() {
 }

 export class Log {
+  static getAndClearLogQueue() {
+    const copiedQueue = structuredClone(logQueue)
+    logQueue.length = 0
+    return copiedQueue
+  }
+
+  static handleLog(logType: "INFO" | "WARN" | "ERROR", ...msg: any[]) {
+    const timeStr = getTimeString()
+    const logPre = `[${logType} ${timeStr}]`
+    let logStr = ""
+    for(let i = 0; i < msg.length; i++) {
+      logStr += i ? " " : ""
+      if(typeof msg[i] === "string") logStr += msg[i]
+      else logStr += JSON.stringify(msg[i], undefined, 2)
+    }
+    console.log(logPre, logStr)
+    const logItem: SoftwareLogItem = {
+      type: logType,
+      index: ++logIndex,
+      time: timeStr,
+      text: logStr
+    }
+    if(controlWindow.mounted && controlWindow.window) {
+      controlWindow.window.webContents.send('control.softwareLog.add', logItem)
+    }
+    else {
+      logQueue.push(logItem)
+    }
+  }
+
  static info(...msg: any[]){
-    console.log(`[INFO ${getTimeString()}]`, ...msg)
+    this.handleLog("INFO", ...msg)
  }

  static warn(...msg: any[]){
-    console.warn(`[WARN ${getTimeString()}]`, ...msg)
+    this.handleLog("WARN", ...msg)
  }

  static error(...msg: any[]){
-    console.error(`[ERROR ${getTimeString()}]`, ...msg)
+    this.handleLog("ERROR", ...msg)
  }
 }
--- a/src/renderer/index.html
+++ b/src/renderer/index.html
@@ -2,7 +2,7 @@
 <html>
  <head>
    <meta charset="UTF-8" />
-    <title>Auto Caption</title>
+    <title>Auto Caption v0.7.0</title>
    <!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
    <meta
      http-equiv="Content-Security-Policy"
--- a/src/renderer/src/App.vue
+++ b/src/renderer/src/App.vue
@@ -6,6 +6,7 @@
 import { onMounted } from 'vue'
 import { FullConfig } from './types'
 import { useCaptionLogStore } from './stores/captionLog'
+import { useSoftwareLogStore } from './stores/softwareLog'
 import { useCaptionStyleStore } from './stores/captionStyle'
 import { useEngineControlStore } from './stores/engineControl'
 import { useGeneralSettingStore } from './stores/generalSetting'
@@ -14,11 +15,13 @@ onMounted(() => {
  window.electron.ipcRenderer.invoke('both.window.mounted').then((data: FullConfig) => {
    useGeneralSettingStore().uiLanguage = data.uiLanguage
    useGeneralSettingStore().uiTheme = data.uiTheme
+    useGeneralSettingStore().uiColor = data.uiColor
    useGeneralSettingStore().leftBarWidth = data.leftBarWidth
    useCaptionStyleStore().setStyles(data.styles)
    useEngineControlStore().platform = data.platform
    useEngineControlStore().setControls(data.controls)
    useCaptionLogStore().captionData = data.captionLog
+    useSoftwareLogStore().softwareLogs = data.softwareLog
  })
 })
 </script>
--- a/src/renderer/src/assets/input.css
+++ b/src/renderer/src/assets/input.css
@@ -17,6 +17,7 @@
 }

 .input-area {
+  display: inline-block;
  width: calc(100% - 100px);
  min-width: 100px;
 }
--- a/src/renderer/src/components/CaptionLog.vue
+++ b/src/renderer/src/components/CaptionLog.vue
@@ -1,138 +1,151 @@
 <template>
-  <div class="caption-list">
-    <div>
-      <a-app class="caption-title">
-        <span style="margin-right: 30px;">{{ $t('log.title') }}</span>
-      </a-app>
-      <a-popover :title="$t('log.baseTime')">
-        <template #content>
-          <div class="base-time">
-            <div class="base-time-container">
-              <a-input
-                type="number" min="0"
-                v-model:value="baseHH"
-              ></a-input>
-              <span class="base-time-label">{{ $t('log.hour') }}</span>
-            </div>
-          </div><span style="margin: 0 4px;">:</span>
-          <div class="base-time">
-            <div class="base-time-container">
-              <a-input
-                type="number" min="0" max="59"
-                v-model:value="baseMM"
-              ></a-input>
-              <span class="base-time-label">{{ $t('log.min') }}</span>
-            </div>
-          </div><span style="margin: 0 4px;">:</span>
-          <div class="base-time">
-            <div class="base-time-container">
-              <a-input
-                type="number" min="0" max="59"
-                v-model:value="baseSS"
-              ></a-input>
-              <span class="base-time-label">{{ $t('log.sec') }}</span>
-            </div>
-          </div><span style="margin: 0 4px;">.</span>
-          <div class="base-time">
-            <div class="base-time-container">
-              <a-input
-                type="number" min="0" max="999"
-                v-model:value="baseMS"
-              ></a-input>
-              <span class="base-time-label">{{ $t('log.ms') }}</span>
-            </div>
-          </div>
-        </template>
-        <a-button
-          type="primary"
-          style="margin-right: 20px;"
-          @click="changeBaseTime"
-          :disabled="captionData.length === 0"
-        >{{ $t('log.changeTime') }}</a-button>
-      </a-popover>
-      <a-popover :title="$t('log.exportOptions')">
-        <template #content>
-          <div class="input-item">
-            <span class="input-label">{{ $t('log.exportFormat') }}</span>
-            <a-radio-group v-model:value="exportFormat">
-              <a-radio-button value="srt">.srt</a-radio-button>
-              <a-radio-button value="json">.json</a-radio-button>
-            </a-radio-group>
-          </div>
-          <div class="input-item">
-            <span class="input-label">{{ $t('log.exportContent') }}</span>
-            <a-radio-group v-model:value="contentOption">
-              <a-radio-button value="both">{{ $t('log.both') }}</a-radio-button>
-              <a-radio-button value="source">{{ $t('log.source') }}</a-radio-button>
-              <a-radio-button value="target">{{ $t('log.translation') }}</a-radio-button>
-            </a-radio-group>
-          </div>
-        </template>
-        <a-button
-          style="margin-right: 20px;"
-          @click="exportCaptions"
-          :disabled="captionData.length === 0"
-        >{{ $t('log.export') }}</a-button>
-      </a-popover>
-      <a-popover :title="$t('log.copyOptions')">
-        <template #content>
-          <div class="input-item">
-            <span class="input-label">{{ $t('log.addIndex') }}</span>
-            <a-switch v-model:checked="showIndex" />
-            <span class="input-label">{{ $t('log.copyTime') }}</span>
-            <a-switch v-model:checked="copyTime" />
-          </div>
-          <div class="input-item">
-            <span class="input-label">{{ $t('log.copyContent') }}</span>
-            <a-radio-group v-model:value="contentOption">
-              <a-radio-button value="both">{{ $t('log.both') }}</a-radio-button>
-              <a-radio-button value="source">{{ $t('log.source') }}</a-radio-button>
-              <a-radio-button value="target">{{ $t('log.translation') }}</a-radio-button>
-            </a-radio-group>
-          </div>
-        </template>
-        <a-button
-          style="margin-right: 20px;"
-          @click="copyCaptions"
-        >{{ $t('log.copy') }}</a-button>
-      </a-popover>
-      <a-button
-        danger
-        @click="clearCaptions"
-      >{{ $t('log.clear') }}</a-button>
+  <div>
+    <div class="caption-title">
+      <span style="margin-right: 30px;">{{ $t('log.title') }}</span>
    </div>
-
-    <a-table
-      :columns="columns"
-      :data-source="captionData"
-      v-model:pagination="pagination"
-      style="margin-top: 10px;"
-    >
-      <template #bodyCell="{ column, record }">
-        <template v-if="column.key === 'index'">
-          {{ record.index }}
-        </template>
-        <template v-if="column.key === 'time'">
-          <div class="time-cell">
-            <div class="time-start">{{ record.time_s }}</div>
-            <div class="time-end">{{ record.time_t }}</div>
+    <a-popover :title="$t('log.baseTime')">
+      <template #content>
+        <div class="base-time">
+          <div class="base-time-container">
+            <a-input
+              type="number" min="0"
+              v-model:value="baseHH"
+            ></a-input>
+            <span class="base-time-label">{{ $t('log.hour') }}</span>
          </div>
-        </template>
-        <template v-if="column.key === 'content'">
-          <div class="caption-content">
-            <div class="caption-text">{{ record.text }}</div>
-            <div class="caption-translation">{{ record.translation }}</div>
+        </div><span style="margin: 0 4px;">:</span>
+        <div class="base-time">
+          <div class="base-time-container">
+            <a-input
+              type="number" min="0" max="59"
+              v-model:value="baseMM"
+            ></a-input>
+            <span class="base-time-label">{{ $t('log.min') }}</span>
          </div>
-        </template>
+        </div><span style="margin: 0 4px;">:</span>
+        <div class="base-time">
+          <div class="base-time-container">
+            <a-input
+              type="number" min="0" max="59"
+              v-model:value="baseSS"
+            ></a-input>
+            <span class="base-time-label">{{ $t('log.sec') }}</span>
+          </div>
+        </div><span style="margin: 0 4px;">.</span>
+        <div class="base-time">
+          <div class="base-time-container">
+            <a-input
+              type="number" min="0" max="999"
+              v-model:value="baseMS"
+            ></a-input>
+            <span class="base-time-label">{{ $t('log.ms') }}</span>
+          </div>
+        </div>
      </template>
-    </a-table>
+      <a-button
+        type="primary"
+        style="margin-right: 20px;"
+        @click="changeBaseTime"
+        :disabled="captionData.length === 0"
+      >{{ $t('log.changeTime') }}</a-button>
+    </a-popover>
+    <a-popover :title="$t('log.exportOptions')">
+      <template #content>
+        <div class="input-item">
+          <span class="input-label">{{ $t('log.exportFormat') }}</span>
+          <a-radio-group v-model:value="exportFormat">
+            <a-radio-button value="srt"><code>.srt</code></a-radio-button>
+            <a-radio-button value="json"><code>.json</code></a-radio-button>
+          </a-radio-group>
+        </div>
+        <div class="input-item">
+          <span class="input-label">{{ $t('log.exportContent') }}</span>
+          <a-radio-group v-model:value="contentOption">
+            <a-radio-button value="both">{{ $t('log.both') }}</a-radio-button>
+            <a-radio-button value="source">{{ $t('log.source') }}</a-radio-button>
+            <a-radio-button value="target">{{ $t('log.translation') }}</a-radio-button>
+          </a-radio-group>
+        </div>
+      </template>
+      <a-button
+        style="margin-right: 20px;"
+        @click="exportCaptions"
+        :disabled="captionData.length === 0"
+      >{{ $t('log.export') }}</a-button>
+    </a-popover>
+    <a-popover :title="$t('log.copyOptions')">
+      <template #content>
+        <div class="input-item">
+          <span class="input-label">{{ $t('log.addIndex') }}</span>
+          <a-switch v-model:checked="showIndex" />
+          <span class="input-label">{{ $t('log.copyTime') }}</span>
+          <a-switch v-model:checked="copyTime" />
+        </div>
+        <div class="input-item">
+          <span class="input-label">{{ $t('log.copyContent') }}</span>
+          <a-radio-group v-model:value="contentOption">
+            <a-radio-button value="both">{{ $t('log.both') }}</a-radio-button>
+            <a-radio-button value="source">{{ $t('log.source') }}</a-radio-button>
+            <a-radio-button value="target">{{ $t('log.translation') }}</a-radio-button>
+          </a-radio-group>
+        </div>
+        <div class="input-item">
+          <span class="input-label">{{ $t('log.copyNum') }}</span>
+          <a-radio-group v-model:value="copyNum">
+            <a-radio-button :value="0"><code>[:]</code></a-radio-button>
+            <a-radio-button :value="1"><code>[-1:]</code></a-radio-button>
+            <a-radio-button :value="2"><code>[-2:]</code></a-radio-button>
+            <a-radio-button :value="3"><code>[-3:]</code></a-radio-button>
+          </a-radio-group>
+        </div>
+      </template>
+      <a-button
+        style="margin-right: 20px;"
+        @click="copyCaptions"
+      >{{ $t('log.copy') }}</a-button>
+    </a-popover>
+    <a-button
+      danger
+      @click="clearCaptions"
+    >{{ $t('log.clear') }}</a-button>
  </div>
+
+  <a-table
+    :columns="columns"
+    :data-source="captionData"
+    v-model:pagination="pagination"
+    style="margin-top: 10px;"
+  >
+    <template #bodyCell="{ column, record }">
+      <template v-if="column.key === 'index'">
+        {{ record.index }}
+      </template>
+      <template v-if="column.key === 'time'">
+        <div class="time-cell">
+          <code class="time-start"
+            :style="`color: ${uiColor}`"
+          >{{ record.time_s }}</code>
+          <code class="time-end">{{ record.time_t }}</code>
+        </div>
+      </template>
+      <template v-if="column.key === 'content'">
+        <div class="caption-content">
+          <div class="caption-text">{{ record.text }}</div>
+          <div
+            class="caption-translation"
+            :style="`border-left: 3px solid ${uiColor};`"
+          >{{ record.translation }}</div>
+        </div>
+      </template>
+    </template>
+  </a-table>
 </template>

 <script setup lang="ts">
 import { ref } from 'vue'
 import { storeToRefs } from 'pinia'
 import { useCaptionLogStore } from '@renderer/stores/captionLog'
+import { useGeneralSettingStore } from '@renderer/stores/generalSetting'
 import { message } from 'ant-design-vue'
 import { useI18n } from 'vue-i18n'
 import * as tc from '../utils/timeCalc'
@@ -143,10 +156,14 @@ const { t } = useI18n()
 const captionLog = useCaptionLogStore()
 const { captionData } = storeToRefs(captionLog)

+const generalSetting = useGeneralSettingStore()
+const { uiColor } = storeToRefs(generalSetting)
+
 const exportFormat = ref('srt')
 const showIndex = ref(true)
 const copyTime = ref(true)
 const contentOption = ref('both')
+const copyNum = ref(0)

 const baseHH = ref<number>(0)
 const baseMM = ref<number>(0)
@@ -185,7 +202,7 @@ const columns = [
    title: 'time',
    dataIndex: 'time',
    key: 'time',
-    width: 160,
+    width: 150,
    sorter: (a: CaptionItem, b: CaptionItem) => {
      if(a.time_s <= b.time_s) return -1
      return 1
@@ -255,7 +272,12 @@ function getExportData() {

 function copyCaptions() {
  let content = ''
-  for(let i = 0; i < captionData.value.length; i++){
+  let start = 0
+  if(copyNum.value > 0) {
+    start = captionData.value.length - copyNum.value
+    if(start < 0) start = 0
+  }
+  for(let i = start; i < captionData.value.length; i++){
    const item = captionData.value[i]
    if(showIndex.value) content += `${i+1}\n`
    if(copyTime.value) content += `${item.time_s} --> ${item.time_t}\n`.replace(/\./g, ',')
@@ -285,7 +307,7 @@ function clearCaptions() {
  display: inline-block;
  font-size: 24px;
  font-weight: bold;
-  margin-bottom: 10px;
+  margin: 10px 0;
 }

 .base-time {
@@ -313,10 +335,13 @@ function clearCaptions() {
 }

 .time-start {
-  color: #1677ff;
+  display: block;
+  font-weight: bold;
 }

 .time-end {
+  display: block;
+  font-weight: bold;
  color: #ff4d4f;
 }

@@ -332,6 +357,5 @@ function clearCaptions() {
 .caption-translation {
  font-size: 14px;
  padding-left: 16px;
-  border-left: 3px solid #1890ff;
 }
 </style>
--- a/src/renderer/src/components/CaptionStyle.vue
+++ b/src/renderer/src/components/CaptionStyle.vue
@@ -34,20 +34,18 @@
    </div>
    <div class="input-item">
      <span class="input-label">{{ $t('style.fontSize') }}</span>
-      <a-input
+      <a-slider
        class="input-area"
-        type="range"
-        min="0" max="72"
+        :min="0" :max="72"
        v-model:value="currentFontSize"
      />
      <div class="input-item-value">{{ currentFontSize }}px</div>
    </div>
    <div class="input-item">
      <span class="input-label">{{ $t('style.fontWeight') }}</span>
-      <a-input
+      <a-slider
        class="input-area"
-        type="range"
-        min="1" max="9"
+        :min="1" :max="9"
        v-model:value="currentFontWeight"
      />
      <div class="input-item-value">{{ currentFontWeight*100 }}</div>
@@ -63,11 +61,10 @@
    </div>
    <div class="input-item">
      <span class="input-label">{{ $t('style.opacity') }}</span>
-      <a-input
+      <a-slider
        class="input-area"
-        type="range"
-        min="0"
-        max="100"
+        :min="0"
+        :max="100"
        v-model:value="currentOpacity"
      />
      <div class="input-item-value">{{ currentOpacity }}%</div>
@@ -111,20 +108,18 @@
        </div>
        <div class="input-item">
          <span class="input-label">{{ $t('style.fontSize') }}</span>
-          <a-input
+          <a-slider
            class="input-area"
-            type="range"
-            min="0" max="72"
+            :min="0" :max="72"
            v-model:value="currentTransFontSize"
          />
          <div class="input-item-value">{{ currentTransFontSize }}px</div>
        </div>
        <div class="input-item">
          <span class="input-label">{{ $t('style.fontWeight') }}</span>
-          <a-input
+          <a-slider
            class="input-area"
-            type="range"
-            min="1" max="9"
+            :min="1" :max="9"
            v-model:value="currentTransFontWeight"
          />
          <div class="input-item-value">{{ currentTransFontWeight*100 }}</div>
@@ -136,30 +131,27 @@
      <a-card size="small" :title="$t('style.shadow.title')">
        <div class="input-item">
          <span class="input-label">{{ $t('style.shadow.offsetX') }}</span>
-          <a-input
+          <a-slider
            class="input-area"
-            type="range"
-            min="-10" max="10"
+            :min="-10" :max="10"
            v-model:value="currentOffsetX"
          />
          <div class="input-item-value">{{ currentOffsetX }}px</div>
        </div>
        <div class="input-item">
          <span class="input-label">{{ $t('style.shadow.offsetY') }}</span>
-          <a-input
+          <a-slider
            class="input-area"
-            type="range"
-            min="-10" max="10"
+            :min="-10" :max="10"
            v-model:value="currentOffsetY"
          />
          <div class="input-item-value">{{ currentOffsetY }}px</div>
        </div>
        <div class="input-item">
          <span class="input-label">{{ $t('style.shadow.blur') }}</span>
-          <a-input
+          <a-slider
            class="input-area"
-            type="range"
-            min="0" max="12"
+            :min="0" :max="12"
            v-model:value="currentBlur"
          />
          <div class="input-item-value">{{ currentBlur }}px</div>
@@ -315,7 +307,7 @@ function resetStyle() {
 }

 watch(changeSignal, (val) => {
-  if(val == true) {
+  if(val === true) {
    backStyle();
    captionStyle.changeSignal = false;
  }
--- a/src/renderer/src/components/EngineControl.vue
+++ b/src/renderer/src/components/EngineControl.vue
@@ -109,6 +109,25 @@
          v-model:value="currentModelPath"
        />
      </div>
+      <div class="input-item">
+        <a-popover>
+          <template #content>
+            <p class="label-hover-info">{{ $t('engine.startTimeoutInfo') }}</p>
+          </template>
+          <span
+            class="input-label info-label"
+            style="vertical-align: middle;"
+          >{{ $t('engine.startTimeout') }}</span>
+        </a-popover>
+        <a-input-number
+          class="input-area"
+          v-model:value="currentStartTimeoutSeconds"
+          :min="10"
+          :max="120"
+          :step="5"
+          :addon-after="$t('engine.seconds')"
+        />
+      </div>
    </a-card>
  </a-card>
  <div style="height: 20px;"></div>
@@ -139,6 +158,7 @@ const currentModelPath = ref<string>('')
 const currentCustomized = ref<boolean>(false)
 const currentCustomizedApp = ref('')
 const currentCustomizedCommand = ref('')
+const currentStartTimeoutSeconds = ref<number>(30)

 const langList = computed(() => {
  for(let item of captionEngine.value){
@@ -160,6 +180,7 @@ function applyChange(){
  engineControl.customized = currentCustomized.value
  engineControl.customizedApp = currentCustomizedApp.value
  engineControl.customizedCommand = currentCustomizedCommand.value
+  engineControl.startTimeoutSeconds = currentStartTimeoutSeconds.value

  engineControl.sendControlsChange()

@@ -181,6 +202,7 @@ function cancelChange(){
  currentCustomized.value = engineControl.customized
  currentCustomizedApp.value = engineControl.customizedApp
  currentCustomizedCommand.value = engineControl.customizedCommand
+  currentStartTimeoutSeconds.value = engineControl.startTimeoutSeconds
 }

 function selectFolderPath() {
--- a/src/renderer/src/components/EngineStatus.vue
+++ b/src/renderer/src/components/EngineStatus.vue
@@ -1,7 +1,7 @@
 <template>
  <div class="caption-stat">
    <a-row>
-      <a-col :span="6">
+      <a-col :span="5">
        <a-statistic
          :title="$t('status.engine')"
          :value="customized?$t('status.customized'):engine"
@@ -36,7 +36,7 @@
            </a-col>
          </a-row>
        </template>
-        <a-col :span="6" @mouseenter="getEngineInfo" style="cursor: pointer;">
+        <a-col :span="5" @mouseenter="getEngineInfo" style="cursor: pointer;">
          <a-statistic
            :title="$t('status.status')"
            :value="engineEnabled?$t('status.started'):$t('status.stopped')"
@@ -47,10 +47,13 @@
          </a-statistic>
        </a-col>
      </a-popover>
-      <a-col :span="6">
+      <a-col :span="5">
        <a-statistic :title="$t('status.logNumber')" :value="captionData.length" />
      </a-col>
-      <a-col :span="6">
+      <a-col :span="5">
+        <a-statistic :title="$t('status.logNumber2')" :value="softwareLogs.length" />
+      </a-col>
+      <a-col :span="4">
        <div class="about-tag">{{ $t('status.aboutProj') }}</div>
          <GithubOutlined class="proj-info" @click="showAbout = true"/>
      </a-col>
@@ -64,11 +67,26 @@
      @click="openCaptionWindow"
    >{{ $t('status.openCaption') }}</a-button>
    <a-button
+      v-if="!isStarting"
      class="control-button"
      :loading="pending && !engineEnabled"
      :disabled="pending || engineEnabled"
      @click="startEngine"
    >{{ $t('status.startEngine') }}</a-button>
+    <a-popconfirm
+      v-if="isStarting"
+      :title="$t('status.forceKillConfirm')"
+      :ok-text="$t('status.confirm')"
+      :cancel-text="$t('status.cancel')"
+      @confirm="forceKillEngine"
+    >
+      <a-button
+        danger
+        class="control-button"
+        type="primary"
+        :icon="h(LoadingOutlined)"
+      >{{ $t('status.forceKillStarting') }}</a-button>
+    </a-popconfirm>
    <a-button
     danger class="control-button"
     :loading="pending && engineEnabled"
@@ -83,7 +101,7 @@
      <p class="about-desc">{{ $t('status.about.desc') }}</p>
      <a-divider />
      <div class="about-info">
-        <p><b>{{ $t('status.about.version') }}</b><a-tag color="green">v0.6.0</a-tag></p>
+        <p><b>{{ $t('status.about.version') }}</b><a-tag color="green">v0.7.0</a-tag></p>
        <p>
          <b>{{ $t('status.about.author') }}</b>
          <a
@@ -125,17 +143,21 @@

 <script setup lang="ts">
 import { EngineInfo } from '@renderer/types'
-import { ref, watch } from 'vue'
+import { ref, watch, h } from 'vue'
 import { storeToRefs } from 'pinia'
 import { useCaptionLogStore } from '@renderer/stores/captionLog'
+import { useSoftwareLogStore } from '@renderer/stores/softwareLog'
 import { useEngineControlStore } from '@renderer/stores/engineControl'
-import { GithubOutlined, InfoCircleOutlined } from '@ant-design/icons-vue';
+import { GithubOutlined, InfoCircleOutlined, LoadingOutlined } from '@ant-design/icons-vue'

 const showAbout = ref(false)
 const pending = ref(false)
+const isStarting = ref(false)

 const captionLog = useCaptionLogStore()
 const { captionData } = storeToRefs(captionLog)
+const softwareLog = useSoftwareLogStore()
+const { softwareLogs } = storeToRefs(softwareLog)
 const engineControl = useEngineControlStore()
 const { engineEnabled, engine, customized, errorSignal } = storeToRefs(engineControl)

@@ -152,8 +174,11 @@ function openCaptionWindow() {

 function startEngine() {
  pending.value = true
+  isStarting.value = true
  if(engineControl.engine === 'vosk' && engineControl.modelPath.trim() === '') {
    engineControl.emptyModelPathErr()
+    pending.value = false
+    isStarting.value = false
    return
  }
  window.electron.ipcRenderer.send('control.engine.start')
@@ -164,6 +189,12 @@ function stopEngine() {
  window.electron.ipcRenderer.send('control.engine.stop')
 }

+function forceKillEngine() {
+  pending.value = true
+  isStarting.value = false
+  window.electron.ipcRenderer.send('control.engine.forceKill')
+}
+
 function getEngineInfo() {
  window.electron.ipcRenderer.invoke('control.engine.info').then((data: EngineInfo) => {
    pid.value = data.pid
@@ -175,12 +206,16 @@ function getEngineInfo() {
  })
 }

-watch(engineEnabled, () => {
+watch(engineEnabled, (enabled) => {
  pending.value = false
+  if (enabled) {
+    isStarting.value = false
+  }
 })

 watch(errorSignal, () => {
  pending.value = false
+  isStarting.value = false
  errorSignal.value = false
 })
 </script>
--- a/src/renderer/src/components/GeneralSetting.vue
+++ b/src/renderer/src/components/GeneralSetting.vue
@@ -28,11 +28,24 @@
        </a-radio-group>
      </div>

+      <div class="input-item">
+        <span class="input-label">{{ $t('general.color') }}</span>
+        <a-radio-group v-model:value="uiColor">
+          <template v-for="color in colorList" :key="color">
+            <a-radio-button :value="color"
+              :style="{backgroundColor: color}"
+            >
+              <CheckOutlined style="color: white;" v-if="color === uiColor" />
+              <span v-else>&nbsp;</span>
+            </a-radio-button>
+          </template>
+        </a-radio-group>
+      </div>
+
      <div class="input-item">
        <span class="input-label">{{ $t('general.barWidth') }}</span>
-        <a-input
-          type="range" class="span-input"
-          min="6" max="12" v-model:value="leftBarWidth"
+        <a-slider class="span-input"
+          :min="6" :max="12" v-model:value="leftBarWidth"
        />
        <div class="input-item-value">{{ (leftBarWidth * 100 / 24).toFixed(0) }}%</div>
      </div>
@@ -41,19 +54,55 @@
 </template>

 <script setup lang="ts">
+import { ref, watch } from 'vue'
 import { storeToRefs } from 'pinia'
 import { useGeneralSettingStore } from '@renderer/stores/generalSetting'
-import { InfoCircleOutlined } from '@ant-design/icons-vue';
+import { InfoCircleOutlined, CheckOutlined } from '@ant-design/icons-vue'

 const generalSettingStore = useGeneralSettingStore()
-const { uiLanguage, uiTheme, leftBarWidth } = storeToRefs(generalSettingStore)
+const { uiLanguage, realTheme, uiTheme, uiColor, leftBarWidth } = storeToRefs(generalSettingStore)
+
+const colorListLight = [
+  '#1677ff',
+  '#00b96b',
+  '#fa8c16',
+  '#9254de',
+  '#eb2f96',
+  '#000000'
+]
+
+const colorListDark = [
+  '#1677ff',
+  '#00b96b',
+  '#fa8c16',
+  '#9254de',
+  '#eb2f96',
+  '#b9d7ea'
+]
+
+const colorList = ref(colorListLight)
+
+watch(realTheme, (val) => {
+  if(val === 'dark') {
+    colorList.value = colorListDark
+  } else {
+    colorList.value = colorListLight
+  }
+  console.log(val)
+})
+
+watch(uiTheme, (val) => {
+  console.log(val)
+})
 </script>

 <style scoped>
@import url(../assets/input.css);

 .span-input {
+  display: inline-block;
  width: 100px;
+  margin: 0;
 }

 .general-note {
--- a/src/renderer/src/components/SoftwareLog.vue
+++ b/src/renderer/src/components/SoftwareLog.vue
@@ -0,0 +1,114 @@
+<template>
+  <div>
+    <div class="log-title">
+      <span style="margin-right: 30px;">{{ $t('log.title2') }}</span>
+    </div>
+    <a-button
+      danger
+      @click="softwareLog.clear()"
+    >{{ $t('log.clear') }}</a-button>
+  </div>
+  <a-table
+    :columns="columns"
+    :data-source="softwareLogs"
+    v-model:pagination="pagination"
+    style="margin-top: 10px;"
+  >
+    <template #bodyCell="{ column, record }">
+      <template v-if="column.key === 'index'">
+        {{ record.index }}
+      </template>
+      <template v-if="column.key === 'type'">
+        <code :class="record.type">{{ record.type }}</code>
+      </template>
+      <template v-if="column.key === 'time'">
+        <code>{{ record.time }}</code>
+      </template>
+      <template v-if="column.key === 'content'">
+        <code>{{ record.text }}</code>
+      </template>
+    </template>
+  </a-table>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue'
+import { storeToRefs } from 'pinia'
+import { useSoftwareLogStore } from '@renderer/stores/softwareLog'
+import { type SoftwareLogItem } from '../types'
+
+const softwareLog = useSoftwareLogStore()
+const { softwareLogs } = storeToRefs(softwareLog)
+
+const pagination = ref({
+  current: 1,
+  pageSize: 20,
+  showSizeChanger: true,
+  pageSizeOptions: ['10', '20', '50', '100'],
+  onChange: (page: number, pageSize: number) => {
+    pagination.value.current = page
+    pagination.value.pageSize = pageSize
+  },
+  onShowSizeChange: (current: number, size: number) => {
+    pagination.value.current = current
+    pagination.value.pageSize = size
+  }
+})
+
+const columns = [
+  {
+    title: 'index',
+    dataIndex: 'index',
+    key: 'index',
+    width: 80,
+    sorter: (a: SoftwareLogItem, b: SoftwareLogItem) => {
+      if(a.index <= b.index) return -1
+      return 1
+    },
+    sortDirections: ['descend'],
+    defaultSortOrder: 'descend',
+  },
+  {
+    title: 'type',
+    dataIndex: 'type',
+    key: 'type',
+    width: 80,
+    sorter: (a: SoftwareLogItem, b: SoftwareLogItem) => {
+      if(a.type <= b.type) return -1
+      return 1
+    },
+  },
+  {
+    title: 'time',
+    dataIndex: 'time',
+    key: 'time',
+    width: 135,
+    sortDirections: ['descend'],
+  },
+  {
+    title: 'content',
+    dataIndex: 'content',
+    key: 'content',
+  },
+]
+
+</script>
+
+<style scoped>
+.log-title {
+  display: inline-block;
+  font-size: 24px;
+  font-weight: bold;
+  margin: 10px 0;
+}
+
+.WARN {
+  color: #ff7c05;
+  font-weight: bold;
+}
+
+.ERROR {
+  color: #ff0000;
+  font-weight: bold;
+}
+</style>
--- a/src/renderer/src/i18n/config/logMenu.ts
+++ b/src/renderer/src/i18n/config/logMenu.ts
@@ -0,0 +1,41 @@
+import { h } from 'vue';
+import { OrderedListOutlined, FileTextOutlined } from '@ant-design/icons-vue'
+
+export const logMenu = {
+  zh: [
+    {
+      key: 'captionLog',
+      icon: () => h(OrderedListOutlined),
+      label: '字幕记录',
+    },
+    {
+      key: 'projLog',
+      icon: () => h(FileTextOutlined),
+      label: '日志记录',
+    },
+  ],
+  en: [
+    {
+      key: 'captionLog',
+      icon: () => h(OrderedListOutlined),
+      label: 'Caption Log',
+    },
+    {
+      key: 'projLog',
+      icon: () => h(FileTextOutlined),
+      label: 'Software Log',
+    },
+  ],
+  ja: [
+    {
+      key: 'captionLog',
+      icon: () => h(OrderedListOutlined),
+      label: '字幕記録',
+    },
+    {
+      key: 'projLog',
+      icon: () => h(FileTextOutlined),
+      label: 'ログ記録',
+    },
+  ]
+}
--- a/src/renderer/src/i18n/config/theme.ts
+++ b/src/renderer/src/i18n/config/theme.ts
@@ -1,10 +1,29 @@
 import { theme } from 'ant-design-vue';

-export const antDesignTheme = {
-  light: {
-    token: {}
-  },
-  dark: {
-    algorithm: theme.darkAlgorithm,
-  }
+let isLight = true
+let themeColor = '#1677ff'
+
+export function setThemeColor(color: string) {
+  themeColor = color
 }
+
+export function getTheme(curIsLight?: boolean) {
+  const lightTheme = {
+    token: {
+      colorPrimary: themeColor,
+      colorInfo: themeColor
+    }
+  }
+  const darkTheme = {
+    algorithm: theme.darkAlgorithm,
+    token: {
+      colorPrimary: themeColor,
+      colorInfo: themeColor
+    }
+  }
+
+  if(curIsLight !== undefined){
+    isLight = curIsLight
+  }
+  return isLight ? lightTheme : darkTheme
+}
--- a/src/renderer/src/i18n/index.ts
+++ b/src/renderer/src/i18n/index.ts
@@ -18,3 +18,4 @@ export * from './config/engine'
 export * from './config/audio'
 export * from './config/theme'
 export * from './config/linebreak'
+export * from './config/logMenu'
--- a/src/renderer/src/i18n/lang/en.ts
+++ b/src/renderer/src/i18n/lang/en.ts
@@ -27,7 +27,8 @@ export default {
    "engineChange": "Cpation Engine Configuration Changed",
    "changeInfo": "If the caption engine is already running, you need to restart it for the changes to take effect.",
    "styleChange": "Caption Style Changed",
-    "styleInfo": "Caption style changes have been saved and applied."
+    "styleInfo": "Caption style changes have been saved and applied.",
+    "engineStartTimeout": "Caption engine startup timeout, automatically force stopped"
  },
  general: {
    "title": "General Settings",
@@ -37,7 +38,8 @@ export default {
    "theme": "Theme",
    "light": "light",
    "dark": "dark",
-    "system": "system"
+    "system": "system",
+    "color": "Color"
  },
  engine: {
    "title": "Caption Engine Settings",
@@ -53,8 +55,11 @@ export default {
    "showMore": "More Settings",
    "apikey": "API KEY",
    "modelPath": "Model Path",
+    "startTimeout": "Timeout",
+    "seconds": "seconds",
    "apikeyInfo": "API KEY required for the Gummy subtitle engine, which needs to be obtained from the Alibaba Cloud Bailing platform. For more details, see the project user manual.",
    "modelPathInfo": "The folder path of the model required by the Vosk subtitle engine. You need to download the required model to your local machine in advance. For more details, see the project user manual.",
+    "startTimeoutInfo": "Caption engine startup timeout duration. Engine will be forcefully stopped if startup exceeds this time. Recommended range: 10-120 seconds.",
    "customEngine": "Custom Engine",
    custom: {
      "title": "Custom Caption Engine",
@@ -105,11 +110,17 @@ export default {
    "started": "Started",
    "stopped": "Not Started",
    "logNumber": "Caption Count",
+    "logNumber2": "Log Count",
    "aboutProj": "About Project",
    "openCaption": "Open Caption Window",
    "startEngine": "Start Caption Engine",
    "restartEngine": "Restart Caption Engine",
    "stopEngine": "Stop Caption Engine",
+    "forceKill": "Force Stop",
+    "forceKillStarting": "Starting Engine... (Force Stop)",
+    "forceKillConfirm": "Are you sure you want to force stop the caption engine? This will terminate the process immediately.",
+    "confirm": "Confirm",
+    "cancel": "Cancel",
    about: {
      "title": "About This Project",
      "proj": "Auto Caption Project",
@@ -119,7 +130,7 @@ export default {
      "projLink": "Project Link",
      "manual": "User Manual",
      "engineDoc": "Caption Engine Manual",
-      "date": "July 30, 2025"
+      "date": "August 20, 2025"
    }
  },
  log: {
@@ -142,7 +153,10 @@ export default {
    "both": "Both",
    "source": "Original",
    "translation": "Translation",
+    "copyNum": "Copy Count",
+    "all": "All",
    "copySuccess": "Subtitle copied to clipboard",
-    "clear": "Clear Log"
+    "clear": "Clear Log",
+    "title2": "Software Log"
  }
 }
--- a/src/renderer/src/i18n/lang/ja.ts
+++ b/src/renderer/src/i18n/lang/ja.ts
@@ -27,7 +27,8 @@ export default {
    "engineChange": "字幕エンジンの設定が変更されました",
    "changeInfo": "字幕エンジンがすでに起動している場合、変更を有効にするには再起動が必要です。",
    "styleChange": "字幕のスタイルが変更されました",
-    "styleInfo": "字幕のスタイル変更が保存され、適用されました"
+    "styleInfo": "字幕のスタイル変更が保存され、適用されました",
+    "engineStartTimeout": "字幕エンジンの起動がタイムアウトしました。自動的に強制停止しました"
  },
  general: {
    "title": "一般設定",
@@ -37,7 +38,8 @@ export default {
    "theme": "テーマ",
    "light": "明るい",
    "dark": "暗い",
-    "system": "システム"
+    "system": "システム",
+    "color": "カラー"
  },
  engine: {
    "title": "字幕エンジン設定",
@@ -53,8 +55,11 @@ export default {
    "showMore": "詳細設定",
    "apikey": "API KEY",
    "modelPath": "モデルパス",
+    "startTimeout": "時間制限",
+    "seconds": "秒",
    "apikeyInfo": "Gummy 字幕エンジンに必要な API KEY は、アリババクラウド百煉プラットフォームから取得する必要があります。詳細情報はプロジェクトのユーザーマニュアルをご覧ください。",
    "modelPathInfo": "Vosk 字幕エンジンに必要なモデルのフォルダパスです。必要なモデルを事前にローカルマシンにダウンロードする必要があります。詳細情報はプロジェクトのユーザーマニュアルをご覧ください。",
+    "startTimeoutInfo": "字幕エンジンの起動タイムアウト時間です。この時間を超えると自動的に強制停止されます。10-120秒の範囲で設定することを推奨します。",
    "customEngine": "カスタムエンジン",
    custom: {
      "title": "カスタムキャプションエンジン",
@@ -105,11 +110,17 @@ export default {
    "started": "開始済み",
    "stopped": "未開始",
    "logNumber": "字幕数",
+    "logNumber2": "ログ数",
    "aboutProj": "プロジェクト情報",
    "openCaption": "字幕ウィンドウを開く",
    "startEngine": "字幕エンジンを開始",
    "restartEngine": "字幕エンジンを再起動",
    "stopEngine": "字幕エンジンを停止",
+    "forceKill": "強制停止",
+    "forceKillStarting": "エンジン起動中... (強制停止)",
+    "forceKillConfirm": "字幕エンジンを強制停止しますか？プロセスが直ちに終了されます。",
+    "confirm": "確認",
+    "cancel": "キャンセル",
    about: {
      "title": "このプロジェクトについて",
      "proj": "Auto Caption プロジェクト",
@@ -119,11 +130,11 @@ export default {
      "projLink": "プロジェクトリンク",
      "manual": "ユーザーマニュアル",
      "engineDoc": "字幕エンジンマニュアル",
-      "date": "2025 年 7 月 30 日"
+      "date": "2025 年 8 月 20 日"
    }
  },
  log: {
-    "title": "字幕ログ",
+    "title": "字幕記録",
    "changeTime": "時間を変更",
    "baseTime": "最初の字幕開始時間",
    "hour": "時",
@@ -131,7 +142,7 @@ export default {
    "sec": "秒",
    "ms": "ミリ秒",
    "export": "エクスポート",
-    "copy": "ログをコピー",
+    "copy": "記録をコピー",
    "exportOptions": "エクスポートオプション",
    "exportFormat": "形式",
    "exportContent": "内容",
@@ -142,7 +153,10 @@ export default {
    "both": "すべて",
    "source": "原文",
    "translation": "翻訳",
+    "copyNum": "コピー数",
+    "all": "すべて",
    "copySuccess": "字幕がクリップボードにコピーされました",
-    "clear": "ログをクリア"
+    "clear": "記録をクリア",
+    "title2": "ログ記録"
  }
 }
--- a/src/renderer/src/i18n/lang/zh.ts
+++ b/src/renderer/src/i18n/lang/zh.ts
@@ -27,7 +27,8 @@ export default {
    "engineChange": "字幕引擎配置已更改",
    "changeInfo": "如果字幕引擎已经启动，需要重启字幕引擎修改才会生效",
    "styleChange": "字幕样式已修改",
-    "styleInfo": "字幕样式修改已经保存并生效"
+    "styleInfo": "字幕样式修改已经保存并生效",
+    "engineStartTimeout": "字幕引擎启动超时，已自动强制停止"
  },
  general: {
    "title": "通用设置",
@@ -37,7 +38,8 @@ export default {
    "theme": "主题",
    "light": "浅色",
    "dark": "深色",
-    "system": "系统"
+    "system": "系统",
+    "color": "颜色"
  },
  engine: {
    "title": "字幕引擎设置",
@@ -53,8 +55,11 @@ export default {
    "showMore": "更多设置",
    "apikey": "API KEY",
    "modelPath": "模型路径",
+    "startTimeout": "启动超时",
+    "seconds": "秒",
    "apikeyInfo": "Gummy 字幕引擎需要的 API KEY，需要在阿里云百炼平台获取。详细信息见项目用户手册。",
    "modelPathInfo": "Vosk 字幕引擎需要的模型的文件夹路径，需要提前下载需要的模型到本地。信息详情见项目用户手册。",
+    "startTimeoutInfo": "字幕引擎启动超时时间，超过此时间将自动强制停止。建议设置为 10-120 秒之间。",
    "customEngine": "自定义引擎",
    custom: {
      "title": "自定义字幕引擎",
@@ -105,11 +110,17 @@ export default {
    "started": "已启动",
    "stopped": "未启动",
    "logNumber": "字幕数量",
+    "logNumber2": "日志数量",
    "aboutProj": "项目关于",
    "openCaption": "打开字幕窗口",
    "startEngine": "启动字幕引擎",
    "restartEngine": "重启字幕引擎",
    "stopEngine": "关闭字幕引擎",
+    "forceKill": "强行停止",
+    "forceKillStarting": "正在启动引擎... (强行停止)",
+    "forceKillConfirm": "确定要强行停止字幕引擎吗？这将立即终止进程。",
+    "confirm": "确定",
+    "cancel": "取消",
    about: {
      "title": "关于本项目",
      "proj": "Auto Caption 项目",
@@ -119,7 +130,7 @@ export default {
      "projLink": "项目链接",
      "manual": "用户手册",
      "engineDoc": "字幕引擎手册",
-      "date": "2025 年 7 月 30 日"
+      "date": "2025 年 8 月 20 日"
    }
  },
  log: {
@@ -142,7 +153,10 @@ export default {
    "both": "全部",
    "source": "原文",
    "translation": "翻译",
+    "copyNum": "复制数量",
+    "all": "全部",
    "copySuccess": "字幕已复制到剪贴板",
-    "clear": "清空记录"
+    "clear": "清空记录",
+    "title2": "日志记录"
  }
 }
--- a/src/renderer/src/stores/engineControl.ts
+++ b/src/renderer/src/stores/engineControl.ts
@@ -27,6 +27,7 @@ export const useEngineControlStore = defineStore('engineControl', () => {
  const customized = ref<boolean>(false)
  const customizedApp = ref<string>('')
  const customizedCommand = ref<string>('')
+  const startTimeoutSeconds = ref<number>(30)

  const changeSignal = ref<boolean>(false)
  const errorSignal = ref<boolean>(false)
@@ -43,7 +44,8 @@ export const useEngineControlStore = defineStore('engineControl', () => {
      modelPath: modelPath.value,
      customized: customized.value,
      customizedApp: customizedApp.value,
-      customizedCommand: customizedCommand.value
+      customizedCommand: customizedCommand.value,
+      startTimeoutSeconds: startTimeoutSeconds.value
    }
    window.electron.ipcRenderer.send('control.controls.change', controls)
  }
@@ -75,6 +77,7 @@ export const useEngineControlStore = defineStore('engineControl', () => {
    customized.value = controls.customized
    customizedApp.value = controls.customizedApp
    customizedCommand.value = controls.customizedCommand
+    startTimeoutSeconds.value = controls.startTimeoutSeconds
    changeSignal.value = true
  }

@@ -137,6 +140,7 @@ export const useEngineControlStore = defineStore('engineControl', () => {
    customized,         // 是否使用自定义字幕引擎
    customizedApp,      // 自定义字幕引擎的应用程序
    customizedCommand,  // 自定义字幕引擎的命令
+    startTimeoutSeconds, // 启动超时时间（秒）
    setControls,        // 设置引擎配置
    sendControlsChange, // 发送最新控制消息到后端
    emptyModelPathErr,  // 模型路径为空时显示警告
--- a/src/renderer/src/stores/generalSetting.ts
+++ b/src/renderer/src/stores/generalSetting.ts
@@ -3,20 +3,35 @@ import { defineStore } from 'pinia'
 import { i18n } from '../i18n'
 import type { UILanguage, UITheme } from '../types'

-import { engines, audioTypes, antDesignTheme, breakOptions  } from '../i18n'
+import { engines, audioTypes, breakOptions, setThemeColor, getTheme } from '../i18n'
 import { useEngineControlStore } from './engineControl'
 import { useCaptionStyleStore } from './captionStyle'

+type RealTheme = 'light' | 'dark'
+
 export const useGeneralSettingStore = defineStore('generalSetting', () => {
  const uiLanguage = ref<UILanguage>('zh')
+  const realTheme = ref<RealTheme>('light')
  const uiTheme = ref<UITheme>('system')
+  const uiColor = ref<string>('#1677ff')
  const leftBarWidth = ref<number>(8)

-  const antdTheme = ref<Object>(antDesignTheme['light'])
+  const antdTheme = ref<Object>(getTheme())
+
+  function handleThemeChange(newTheme: RealTheme) {
+    realTheme.value = newTheme
+    if(newTheme === 'dark' && uiColor.value === '#000000') {
+      uiColor.value = '#b9d7ea'
+    }
+    if(newTheme === 'light' && uiColor.value === '#b9d7ea') {
+      uiColor.value = '#000000'
+    }
+  }

  window.electron.ipcRenderer.invoke('control.nativeTheme.get').then((theme) => {
    if(theme === 'light') setLightTheme()
    else if(theme === 'dark') setDarkTheme()
+    handleThemeChange(theme)
  })

  watch(uiLanguage, (newValue) => {
@@ -30,30 +45,48 @@ export const useGeneralSettingStore = defineStore('generalSetting', () => {
  watch(uiTheme, (newValue) => {
    window.electron.ipcRenderer.send('control.uiTheme.change', newValue)
    if(newValue === 'system'){
-      window.electron.ipcRenderer.invoke('control.nativeTheme.get').then((theme) => {
+      window.electron.ipcRenderer.invoke('control.nativeTheme.get').then((theme: RealTheme) => {
        if(theme === 'light') setLightTheme()
        else if(theme === 'dark') setDarkTheme()
+        handleThemeChange(theme)
      })
    }
-    else if(newValue === 'light') setLightTheme()
-    else if(newValue === 'dark') setDarkTheme()
+    else if(newValue === 'light'){
+      setLightTheme()
+      handleThemeChange('light')
+    }
+    else if(newValue === 'dark') {
+      setDarkTheme()
+      handleThemeChange('dark')
+    }
+  })
+
+  watch(uiColor, (newValue) => {
+    setThemeColor(newValue)
+    antdTheme.value = getTheme()
+    window.electron.ipcRenderer.send('control.uiColor.change', newValue)
  })

  watch(leftBarWidth, (newValue) => {
    window.electron.ipcRenderer.send('control.leftBarWidth.change', newValue)
  })

+  watch(realTheme, (newValue) => { 
+    console.log('realTheme', newValue)
+  })
+
  window.electron.ipcRenderer.on('control.uiLanguage.set', (_, args: UILanguage) => {
    uiLanguage.value = args
  })

-  window.electron.ipcRenderer.on('control.nativeTheme.change', (_, args) => {
+  window.electron.ipcRenderer.on('control.nativeTheme.change', (_, args: RealTheme) => {
    if(args === 'light') setLightTheme()
    else if(args === 'dark') setDarkTheme()
+    handleThemeChange(args)
  })

  function setLightTheme(){
-    antdTheme.value = antDesignTheme.light
+    antdTheme.value = getTheme(true)
    const root = document.documentElement
    root.style.setProperty('--control-background', '#fff')
    root.style.setProperty('--tag-color', 'rgba(0, 0, 0, 0.45)')
@@ -61,7 +94,7 @@ export const useGeneralSettingStore = defineStore('generalSetting', () => {
  }

  function setDarkTheme(){
-    antdTheme.value = antDesignTheme.dark
+    antdTheme.value = getTheme(false)
    const root = document.documentElement
    root.style.setProperty('--control-background', '#000')
    root.style.setProperty('--tag-color', 'rgba(255, 255, 255, 0.45)')
@@ -70,7 +103,9 @@ export const useGeneralSettingStore = defineStore('generalSetting', () => {

  return {
    uiLanguage,
+    realTheme,
    uiTheme,
+    uiColor,
    leftBarWidth,
    antdTheme
  }
--- a/src/renderer/src/stores/softwareLog.ts
+++ b/src/renderer/src/stores/softwareLog.ts
@@ -0,0 +1,21 @@
+import { ref } from 'vue'
+import { defineStore } from 'pinia'
+import { type SoftwareLogItem } from '../types'
+
+export const useSoftwareLogStore = defineStore('softwareLog', () => {
+  const softwareLogs = ref<SoftwareLogItem[]>([])
+
+  function clear() {
+    softwareLogs.value = []
+  }
+
+  window.electron.ipcRenderer.on('control.softwareLog.add', (_, log) => {
+    softwareLogs.value.push(log)
+    console.log(log)
+  })
+
+  return {
+    softwareLogs,
+    clear
+  }
+})
--- a/src/renderer/src/types/index.ts
+++ b/src/renderer/src/types/index.ts
@@ -13,7 +13,8 @@ export interface Controls {
  modelPath: string,
  customized: boolean,
  customizedApp: string,
-  customizedCommand: string
+  customizedCommand: string,
+  startTimeoutSeconds: number
 }

 export interface Styles {
@@ -45,14 +46,23 @@ export interface CaptionItem {
  translation: string
 }

+export interface SoftwareLogItem {
+  type: "INFO" | "WARN" | "ERROR",
+  index: number,
+  time: string,
+  text: string
+}
+
 export interface FullConfig {
  platform: string,
  uiLanguage: UILanguage,
  uiTheme: UITheme,
+  uiColor: string,
  leftBarWidth: number,
  styles: Styles,
  controls: Controls,
-  captionLog: CaptionItem[]
+  captionLog: CaptionItem[],
+  softwareLog: SoftwareLogItem[]
 }

 export interface EngineInfo {
--- a/src/renderer/src/views/ControlPage.vue
+++ b/src/renderer/src/views/ControlPage.vue
@@ -11,7 +11,13 @@
      <a-col :span="24 - leftBarWidth">
        <div class="caption-data">
          <EngineStatus />
-          <CaptionLog />
+          <div class="log-container">
+            <a-menu v-model:selectedKeys="current" mode="horizontal" :items="items" />
+            <div style="padding: 16px;">
+              <CaptionLog v-if="current[0] === 'captionLog'" />  
+              <SoftwareLog v-else />
+            </div>
+          </div>
        </div>
      </a-col>
    </a-row>
@@ -24,11 +30,22 @@ import CaptionStyle from '../components/CaptionStyle.vue'
 import EngineControl from '../components/EngineControl.vue'
 import EngineStatus from '@renderer/components/EngineStatus.vue'
 import CaptionLog from '../components/CaptionLog.vue'
+import SoftwareLog from '@renderer/components/SoftwareLog.vue'
 import { storeToRefs } from 'pinia'
 import { useGeneralSettingStore } from '@renderer/stores/generalSetting'
+import { ref, watch } from 'vue'
+import { MenuProps } from 'ant-design-vue'
+import { logMenu } from '@renderer/i18n'

 const generalSettingStore = useGeneralSettingStore()
-const { leftBarWidth, antdTheme } = storeToRefs(generalSettingStore)
+const { leftBarWidth, antdTheme, uiLanguage } = storeToRefs(generalSettingStore)
+
+const current = ref<string[]>(['captionLog'])
+const items = ref<MenuProps['items']>(logMenu[uiLanguage.value])
+
+watch(uiLanguage, (val) => { 
+  items.value = logMenu[val]
+})
 </script>

 <style scoped>
@@ -53,4 +70,10 @@ const { leftBarWidth, antdTheme } = storeToRefs(generalSettingStore)
 .caption-data::-webkit-scrollbar {
  display: none;
 }
+
+.log-container {
+  padding: 20px 10px;
+  border-radius: 8px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+}
 </style>
Author	SHA1	Message	Date
Chen Janai	f42458124e	Merge pull request #17 from xuemian168/main feat(engine): 添加启动超时功能和强制终止引擎的支持	2025-08-28 12:25:33 +08:00
himeditator	2352bcee5d	feat(engine): 优化超时启动功能的小问题 - 更新接口文档 - 修改国际化文本使得内容不超过标签长度 - 解决强制关闭按钮点击无效的问题	2025-08-28 12:22:19 +08:00
xuemian	051a497f3a	feat(engine): 添加启动超时功能和强制终止引擎的支持 - 在 ControlWindow 中添加了 'control.engine.forceKill' 事件处理，允许强制终止引擎。 - 在 CaptionEngine 中实现了启动超时机制，若引擎启动超时，将自动强制停止并发送错误消息。 - 更新了国际化文件，添加了与启动超时相关的提示信息。 - 在 EngineControl 组件中添加了启动超时的输入选项，允许用户设置超时时间。 - 更新了相关类型定义以支持新的启动超时配置。	2025-08-28 10:24:08 +10:00
himeditator	34362fea3d	feat(auto-caption): 发布 v0.7.0 版本	2025-08-20 00:53:06 +08:00
himeditator	771f7ad002	feat(log): 添加软件日志功能 - 新增 SoftwareLog 相关接口和数据结构 - 实现日志数据的收集和展示 - 添加日志相关的国际化支持 - 优化控制页面布局，支持日志切换显示	2025-08-19 22:23:54 +08:00
himeditator	01936d5f12	feat(renderer): 添加界面主题颜色功能，添加复制最新字幕选项(#13 ) - 新增界面主题颜色功能，支持自定义主题颜色 - 使用 antd 滑块替代原生 input 元素 - 添加复制字幕记录功能，可选择复制最近的字幕记录	2025-08-18 16:03:46 +08:00
himeditator	1c0bf1f9c4	refactor(engine): 修改虚拟环境设置，修改音频工具函数 - 更新虚拟环境目录名为 .venv - 调整音频块采集速率默认值为 10 - 为 AudioStream 类添加重设音频块大小的方法 - 更新依赖文件 requirements.txt	2025-08-03 16:40:26 +08:00
himeditator	38b4b15cec	feat(engine): 添加字幕窗口宽度记忆功能并优化字幕引擎关闭逻辑 - 添加 captionWindowWidth 属性，用于保存字幕窗口宽度 - 修改 CaptionEngine 中的 stop 和 kill 方法，优化字幕引擎关闭逻辑 - 更新 README，添加预备模型列表	2025-08-02 15:57:07 +08:00