修复mineru部署的backend选项

docutranslate/app.py

@@ -429,7 +429,7 @@ class MarkdownWorkflowParams(BaseWorkflowParams):
         "http://127.0.0.1:8000",
         description="[仅当 convert_engine='mineru_deploy'] 本地部署的 MinerU 服务地址。",
     )
-    mineru_deploy_backend: Literal["pipeline", "vlm"] = Field(
+    mineru_deploy_backend: Literal["pipeline", "transformers", "mlx-engine", "vllm-engine", "vllm-async-engine"] = Field(
         "pipeline",
         description="[仅当 convert_engine='mineru_deploy'] 本地部署的 MinerU 服务使用的后端。",
     )

docutranslate/converter/x2md/converter_mineru_deploy.py

@@ -18,7 +18,7 @@ class ConverterMineruDeployConfig(X2MarkdownConverterConfig):
     base_url: str = "http://127.0.0.1:8000"
     output_dir: str = "./output"  # 覆盖默认值 ./output
     # lang_list: list[str] | None = None
-    backend: Literal["pipeline", "vlm"] = "pipeline"
+    backend: Literal["pipeline", "transformers", "mlx-engine", "vllm-engine", "vllm-async-engine"] = "pipeline"
     # parse_method: str = "auto"
     formula_enable: bool = True
     # table_enable: bool = True

docutranslate/static/i18nData.json

@@ -46,7 +46,7 @@
     "jsonSettingsTitleText": "JSON路径配置",
     "jsonPathLabel": "需要翻译的JSON路径",
     "jsonPathPlaceholder": "每行一个路径, 例如:\n$.name\n$.*",
-    "jsonPathHelp": "采用<code>jsonpath-ng</code>的路径选择语法，每一行表示一个json路径。\n 将翻译路径匹配对象内的所有字符串",
+    "jsonPathHelp": "采用<code>jsonpath-ng</code>的路径选择语法，每一行表示一个json路径。\n                                            将翻译路径匹配对象内的所有字符串",
     "parsingSettingsTitleText": "解析配置",
     "parsingEngineLabel": "解析引擎",
     "parsingEngineHelp": "如果上传的文件本身是.md格式，此项可不选。",
@@ -60,7 +60,10 @@
     "mineruDeployBaseUrlPlaceholder": "例如: http://127.0.0.1:8000",
     "mineruDeployBackendLabel": "后端类型",
     "mineruDeployBackendPipeline": "Pipeline",
-    "mineruDeployBackendVlm": "VLM",
+    "mineruDeployBackendTransformers": "Transformers",
+    "mineruDeployBackendMlx": "MLX Engine",
+    "mineruDeployBackendVllm": "VLLM Engine",
+    "mineruDeployBackendVllmAsync": "VLLM Async Engine",
     "mineruDeployStartPageLabel": "起始页面",
     "mineruDeployEndPageLabel": "结束页面",
     "mineruDeployFormulaEnableLabel": "启用公式解析",
@@ -105,7 +108,7 @@
     "glossaryGenConfigCustom": "自定义",
     "importConfigBtn": "导入配置",
     "exportConfigBtn": "导出配置",
-    "githubInfo": "GitHub主页(欢迎star❤): <br/>\n <a href=\"https://github.com/xunbu/docutranslate\" target=\"_blank\" rel=\"noopener noreferrer\">https://github.com/xunbu/docutranslate</a>",
+    "githubInfo": "GitHub主页(欢迎star❤): <br/>\n                        <a href=\"https://github.com/xunbu/docutranslate\" target=\"_blank\" rel=\"noopener noreferrer\">https://github.com/xunbu/docutranslate</a>",
     "qqGroupInfo": "交流QQ群: 1047781902",
     "taskListTitle": "任务列表",
     "newTaskBtn": "新建任务",
@@ -134,7 +137,7 @@
     "closeBtn": "关闭",
     "downloadBtn": "下载",
     "tutorialModalTitle": "使用教程",
-    "tutorialModalBody": "<p><i class=\"bi bi-camera-video me-2\"></i>视频教程可以在B站搜索 <a href=\"https://search.bilibili.com/all?keyword=docutranslate\" target=\"_blank\">docutranslate</a> 获取。</p>\n <p>欢迎使用 DocuTranslate！请按照以下步骤完成文档翻译：</p>\n <ol>\n <li>\n <strong><i class=\"bi bi-diagram-3 me-2\"></i>第一步：选择工作流</strong>\n <p class=\"mt-2\">\n 在左侧配置面板的顶部，首先选择最适合您文件类型的处理流程。\n <div class=\"alert alert-info mt-2\" role=\"alert\">\n <i class=\"bi bi-lightbulb-fill me-2\"></i>提示:\n 默认已开启“自动选择工作流”。您只需上传文件，系统会自动为您匹配合适的工作流，简化操作。\n </div>\n </p>\n <ul>\n <li><b>转Markdown再翻译</b>: 适用于翻译PDF、markdown、图片等文件。这是最通用和强大的模式。</li>\n <li><b>纯文本翻译</b>: 用于翻译 <code>.txt</code> 纯文本文件。</li>\n <li><b>EPUB翻译</b>: 用于翻译 <code>.epub</code> 电子书文件。</li>\n <li><b>DOCX翻译</b>: 用于翻译 <code>.docx</code> Word文档。</li>\n <li><b>XLSX翻译</b>: 用于翻译 <code>.xlsx</code> 或 <code>.csv</code> 电子表格文件。</li>\n <li><b>SRT字幕翻译</b>: 用于翻译 <code>.srt</code> 字幕文件。</li>\n <li><b>ASS字幕翻译</b>: 用于翻译 <code>.ass</code> 特效字幕文件。</li>\n <li><b>JSON翻译</b>: 用于翻译 <code>.json</code> 文件中的特定字段。</li>\n <li><b>HTML翻译</b>: 用于翻译 <code>.html</code> 网页文件。</li>\n </ul>\n </li>\n <li>\n <strong><i class=\"bi bi-gear-fill me-2\"></i>第二步：配置参数</strong>\n <p class=\"mt-2\">\n 选择工作流后，下方会显示相关的配置选项。请依次完成设置（所有配置都会自动保存在您的浏览器中）：</p>\n <p class=\"mb-2\"><strong>A. 工作流特定选项</strong> (根据您第一步的选择出现):</p>\n <ul class=\"ms-4\">\n <li><u>如果选择“转Markdown再翻译”</u>，请配置 <strong>解析配置</strong>：\n <ul>\n <li><strong>解析引擎</strong>:\n 选择一个引擎将您的文件（如PDF）转换为适合翻译的Markdown格式。如果您的文件已经是Markdown格式，则无需选择。\n </li>\n <li><strong>Mineru Token</strong>: 如果您选择 <code>minerU</code> 引擎，需要在此处填入您的Token。\n </li>\n </ul>\n </li>\n <li><u>如果选择“纯文本/DOCX/XLSX/SRT/ASS/EPUB/HTML”</u>，请配置其 <strong>翻译选项</strong>：\n <ul>\n <li><strong>插入模式</strong>: 定义翻译结果如何放入文档。您可以选择直接“替换”原文，或是在原文之后“附加”，或是在原文之前“前置”。\n </li>\n <li><strong>分隔符</strong>: 当选择“附加”或“前置”模式时，此项用于在原文和译文之间插入分隔符（例如ASS格式常用 <code>\\N</code>，EPUB格式常用 <code>&lt;br /&gt;</code> 作为换行分隔符）。\n </li>\n </ul>\n </li>\n <li><u>如果选择“JSON翻译”</u>，请配置 <strong>JSON路径</strong>：\n <ul>\n <li><strong>需要翻译的JSON路径</strong>: 每行输入一个 <a href=\"https://goessner.net/articles/JsonPath/\" target=\"_blank\">JSONPath</a>\n 表达式，将翻译所有与路径匹配的对象中的字符串。例如:<code>$.*</code>(翻译全部字符串)，<code>$..description</code>(翻译所有键为<code>description</code>的值)。\n </li>\n </ul>\n </li>\n </ul>\n <p class=\"mb-2 mt-3\"><strong>B. 通用选项</strong> (适用于所有工作流):</p>\n <ul class=\"ms-4\">\n <li><strong>翻译模型</strong>:\n <ul>\n <li><strong>选择平台/API 地址/API Key/模型ID</strong>: 配置您希望使用的AI翻译服务。模型能力指令遵循越强，<strong>出错</strong>、<strong>漏翻</strong>的概率越低。\n </li>\n <li><strong>跳过翻译</strong>: 勾选此项后，将只执行文档解析和格式转换，不调用AI进行翻译。\n </li>\n </ul>\n </li>\n <li><strong>翻译配置</strong>:\n <ul>\n <li><strong>目标语言</strong>: 指定翻译的目标语言。</li>\n <li><strong>自定义Prompt</strong>: 可选，添加额外指令，如“人名保持原文不翻译”。</li>\n <li><strong>思考模式</strong>: 针对部分支持混合推理的模型进行设置，建议选择“禁用(推荐)”。\n </li>\n <li><strong>分块大小/并发数等</strong>: 高级参数，用于调整性能和API请求行为，通常保持默认即可。\n </li>\n </ul>\n </li>\n <li><strong>术语表</strong>:\n <ul>\n <li><strong>上传术语表 (可选)</strong>: 上传CSV文件（需包含'src'和'dst'列）来保证特定术语翻译的统一性和准确性。\n </li>\n <li><strong>自动生成术语表</strong>: 启用后，程序会先从原文中提取术语并生成一个术语表，然后再进行翻译。\n </li>\n </ul>\n </li>\n </ul>\n </li>\n <li>\n <strong><i class=\"bi bi-file-earmark-arrow-up-fill me-2\"></iLine truncated
+    "tutorialModalBody": "<p><i class=\"bi bi-camera-video me-2\"></i>视频教程可以在B站搜索 <a href=\"https://search.bilibili.com/all?keyword=docutranslate\" target=\"_blank\">docutranslate</a> 获取。</p><p>欢迎使用 DocuTranslate！请按照以下步骤完成文档翻译：</p><ol><li><strong><i class=\"bi bi-diagram-3 me-2\"></i>第一步：选择工作流</strong><p class=\"mt-2\">在左侧配置面板的顶部，首先选择最适合您文件类型的处理流程。<div class=\"alert alert-info mt-2\" role=\"alert\"><i class=\"bi bi-lightbulb-fill me-2\"></i>提示: 默认已开启“自动选择工作流”。您只需上传文件，系统会自动为您匹配合适的工作流，简化操作。</div></p><ul><li><b>转Markdown再翻译</b>: 适用于翻译PDF、markdown、图片等文件。这是最通用和强大的模式。</li><li><b>纯文本翻译</b>: 用于翻译 <code>.txt</code> 纯文本文件。</li><li><b>EPUB翻译</b>: 用于翻译 <code>.epub</code> 电子书文件。</li><li><b>DOCX翻译</b>: 用于翻译 <code>.docx</code> Word文档。</li><li><b>XLSX翻译</b>: 用于翻译 <code>.xlsx</code> 或 <code>.csv</code> 电子表格文件。</li><li><b>SRT字幕翻译</b>: 用于翻译 <code>.srt</code> 字幕文件。</li><li><b>ASS字幕翻译</b>: 用于翻译 <code>.ass</code> 特效字幕文件。</li><li><b>JSON翻译</b>: 用于翻译 <code>.json</code> 文件中的特定字段。</li><li><b>HTML翻译</b>: 用于翻译 <code>.html</code> 网页文件。</li></ul></li><li><strong><i class=\"bi bi-gear-fill me-2\"></i>第二步：配置参数</strong><p class=\"mt-2\">选择工作流后，下方会显示相关的配置选项。请依次完成设置（所有配置都会自动保存在您的浏览器中）：</p><p class=\"mb-2\"><strong>A. 工作流特定选项</strong> (根据您第一步的选择出现):</p><ul class=\"ms-4\"><li><u>如果选择“转Markdown再翻译”</u>，请配置 <strong>解析配置</strong>：<ul><li><strong>解析引擎</strong>: 选择一个引擎将您的文件（如PDF）转换为适合翻译的Markdown格式。如果您的文件已经是Markdown格式，则无需选择。</li><li><strong>Mineru Token</strong>: 如果您选择 <code>minerU</code> 引擎，需要在此处填入您的Token。</li></ul></li><li><u>如果选择“纯文本/DOCX/XLSX/SRT/ASS/EPUB/HTML”</u>，请配置其 <strong>翻译选项</strong>：<ul><li><strong>插入模式</strong>: 定义翻译结果如何放入文档。您可以选择直接“替换”原文，或是在原文之后“附加”，或是在原文之前“前置”。</li><li><strong>分隔符</strong>: 当选择“附加”或“前置”模式时，此项用于在原文和译文之间插入分隔符（例如ASS格式常用 <code>\\N</code>，EPUB格式常用 <code>&lt;br /&gt;</code> 作为换行分隔符）。</li></ul></li><li><u>如果选择“JSON翻译”</u>，请配置 <strong>JSON路径</strong>：<ul><li><strong>需要翻译的JSON路径</strong>: 每行输入一个 <a href=\"https://goessner.net/articles/JsonPath/\" target=\"_blank\">JSONPath</a> 表达式，将翻译所有与路径匹配的对象中的字符串。例如:<code>$.*</code>(翻译全部字符串)，<code>$..description</code>(翻译所有键为<code>description</code>的值)。</li></ul></li></ul><p class=\"mb-2 mt-3\"><strong>B. 通用选项</strong> (适用于所有工作流):</p><ul class=\"ms-4\"><li><strong>翻译模型</strong>:<ul><li><strong>选择平台/API 地址/API Key/模型ID</strong>: 配置您希望使用的AI翻译服务。模型能力指令遵循越强，<strong>出错</strong>、<strong>漏翻</strong>的概率越低。</li><li><strong>跳过翻译</strong>: 勾选此项后，将只执行文档解析和格式转换，不调用AI进行翻译。</li></ul></li><li><strong>翻译配置</strong>:<ul><li><strong>目标语言</strong>: 指定翻译的目标语言。</li><li><strong>自定义Prompt</strong>: 可选，添加额外指令，如“人名保持原文不翻译”。</li><li><strong>思考模式</strong>: 针对部分支持混合推理的模型进行设置，建议选择“禁用(推荐)”。</li><li><strong>分块大小/并发数等</strong>: 高级参数，用于调整性能和API请求行为，通常保持默认即可。</li></ul></li><li><strong>术语表</strong>:<ul><li><strong>上传术语表 (可选)</strong>: 上传CSV文件（需包含'src'和'dst'列）来保证特定术语翻译的统一性和准确性。</li><li><strong>自动生成术语表</strong>: 启用后，程序会先从原文中提取术语并生成一个术语表，然后再进行翻译。</li></ul></li></ul></li><li><strong><i class=\"bi bi-file-earmark-arrow-up-fill me-2\"></i>第三步：上传文件</strong><p class=\"mt-2\">在右侧的任务列表中，点击或拖拽您的文档到文件上传区域。</p></li><li><strong><i class=\"bi bi-play-circle-fill me-2\"></i>第四步：开始翻译</strong><p class=\"mt-2\">文Line truncated
     "tutorialUnderstandBtn": "我明白了",
     "contributorsModalTitle": "感谢贡献",
     "contributorsPara1": "DocuTranslate是一个开源项目！大家的需求与使用是项目进步的动力。",
@@ -149,46 +152,46 @@
     "glossaryTableDestination": "译文 (dst)",
     "init_i18n_failed_alert": "加载界面翻译资源失败，请检查网络连接或联系管理员。",
     "init_failed_alert": "初始化失败，无法连接到后端服务。请检查服务是否运行或刷新页面。",
-    "apiHrefInfo302ai": "👈 通过此链接注册可享1美金免费额度",
+    "status_selectFileFirst": "请先选择文件",
-    "glossaryEmpty": "术语表为空。",
+    "status_fillRequired": "请填写所有必填项",
+    "btn_initializing": "初始化中...",
+    "status_encodingAndSubmitting": "文件编码和提交中...",
+    "status_requestOk": "请求成功，任务已开始",
+    "btn_cancelTranslation": "取消翻译",
+    "status_requestFail": "请求失败",
+    "status_initFail": "初始化失败",
+    "status_cancelling": "取消中...",
+    "status_cancelSent": "已发送取消请求",
+    "status_cancelFail": "取消失败",
+    "status_gettingStatus": "获取状态中...",
+    "btn_reTranslate": "重新翻译",
+    "status_updateError": "状态更新失败",
+    "preview_loading": "加载预览中...",
+    "preview_cantReadOriginal": "无法读取原文文件内容",
+    "preview_cantPreviewType": "无法预览此文件类型",
+    "preview_noOriginalCache": "无原文文件缓存，无法预览",
+    "preview_loadFailed": "预览加载失败",
+    "pdf_preparing": "PDF生成中，请稍候...",
+    "pdf_print_failed": "调用打印功能失败，请尝试手动右键打印",
+    "pdf_fetch_failed": "获取预览内容失败，无法生成PDF",
+    "preview_bilingual": "双语预览",
+    "preview_translatedOnly": "仅译文预览",
+    "admin_tasklist_failed": "管理员模式：加载任务列表失败",
+    "configImportSuccess": "配置导入成功！",
+    "configImportError": "配置导入失败，请检查文件格式是否正确。",
+    "apiHrefInfo302ai": "👈 通过此链接注册可享1美元免费额度",
+    "glossaryEmpty": "术语表为空",
     "engineOptionIdentity": "已经是Markdown格式",
     "engineOptionMineru": "Mineru（推荐）",
     "engineOptionDocling": "Docling",
-    "engineOptionMineruDeploy": "Mineru部署服务",
+    "engineOptionMineruDeploy": "Mineru部署服务"
-    "preview_loading": "正在加载预览...",
-    "preview_cantReadOriginal": "无法读取原始文件内容。",
-    "preview_cantPreviewType": "无法预览此文件类型",
-    "preview_noOriginalCache": "无原始文件缓存可供预览。",
-    "preview_loadFailed": "预览加载失败。",
-    "pdf_preparing": "正在准备PDF，请稍候...",
-    "pdf_print_failed": "调用打印功能失败。请检查浏览器设置或手动保存为PDF。",
-    "pdf_fetch_failed": "获取译文内容失败，无法生成PDF。",
-    "preview_bilingual": "双语对照预览",
-    "preview_translatedOnly": "仅译文预览",
-    "admin_tasklist_failed": "管理员模式：获取任务列表失败。",
-    "status_selectFileFirst": "请先选择文件！",
-    "status_fillRequired": "请填写所有必填项！",
-    "btn_initializing": "初始化中...",
-    "status_encodingAndSubmitting": "正在编码并提交任务...",
-    "status_requestOk": "请求成功，任务已开始。",
-    "btn_cancelTranslation": "取消翻译",
-    "status_requestFail": "请求失败",
-    "status_initFail": "任务初始化失败",
-    "status_cancelling": "取消中...",
-    "status_cancelSent": "已发送取消请求。",
-    "status_cancelFail": "取消失败",
-    "status_gettingStatus": "正在获取状态...",
-    "btn_reTranslate": "重新翻译",
-    "status_updateError": "状态更新出错",
-    "configImportSuccess": "配置导入成功！设置已应用。",
-    "configImportError": "导入失败！文件格式错误或内容不合法。"
   },
   "en": {
     "pageTitle": "DocuTranslate - Interactive Document Translation",
     "tutorialBtn": "Tutorial",
-    "projectContributeBtn": "Contribute",
+    "projectContributeBtn": "Project Contribution",
     "workflowTitle": "Select Workflow",
-    "workflowOptionMarkdown": "To Markdown then Translate (.pdf/.md/.png, etc.)",
+    "workflowOptionMarkdown": "Convert to Markdown then Translate (.pdf/.md/.png, etc.)",
     "workflowOptionTxt": "Plain Text Translation (.txt)",
     "workflowOptionEpub": "EPUB Translation (.epub)",
     "workflowOptionDocx": "DOCX Translation (.docx)",
@@ -197,20 +200,20 @@
     "workflowOptionAss": "ASS Subtitle Translation (.ass)",
     "workflowOptionJson": "JSON Translation (.json)",
     "workflowOptionHtml": "HTML Translation (.html)",
-    "autoWorkflowLabel": "Auto-select workflow",
+    "autoWorkflowLabel": "Auto-select Workflow",
     "txtSettingsTitleText": "TXT Translation Options",
     "insertModeLabel": "Insert Mode",
-    "insertModeReplace": "Replace Original",
+    "insertModeReplace": "Replace Original (Replace)",
-    "insertModeAppend": "Append to Original",
+    "insertModeAppend": "Append to Original (Append)",
-    "insertModePrepend": "Prepend to Original",
+    "insertModePrepend": "Prepend to Original (Prepend)",
     "insertModeHelpTxt": "Choose how to insert the translated text.",
     "separatorLabel": "Separator",
     "separatorPlaceholderSimple": "e.g., \\n---\\n",
-    "separatorHelp": "Characters to separate original and translated text in append/prepend mode. <code>\\n</code> for new line.",
+    "separatorHelp": "Character used to separate original and translated text in append or prepend mode. <code>\\n</code> represents a newline.",
     "docxSettingsTitleText": "DOCX Translation Options",
     "insertModeHelpDocx": "Choose how to insert the translated text.",
     "separatorPlaceholderStructured": "e.g., ---",
-    "separatorHelpDocx": "In append mode, translation starts in a new paragraph. This adds extra content between paragraphs. <code>\\n</code> for new lines inside.",
+    "separatorHelpDocx": "In append mode, the translation will start a new paragraph. This is used to add extra content between the original and translated paragraphs. <code>\\n</code> can be used for newlines within the separator.",
     "xlsxSettingsTitleText": "XLSX Translation Options",
     "insertModeHelpXlsx": "Choose how to insert the translated text into cells.",
     "xlsxTranslateRegionsLabel": "Translation Regions (Optional)",
@@ -219,32 +222,35 @@
     "insertModeHelpSrt": "Choose how to insert the translated text.",
     "epubSettingsTitleText": "EPUB Translation Options",
     "insertModeHelpEpub": "Choose how to insert the translated text.",
-    "separatorHelpEpub": "In append mode, translation starts in a new block. This adds extra content between blocks. <code>\\n</code> for new lines inside.",
+    "separatorHelpEpub": "In append mode, the translation will start a new block. This is used to add extra content between the original and translated blocks. <code>\\n</code> can be used for newlines within the separator.",
     "htmlSettingsTitleText": "HTML Translation Options",
     "insertModeHelpHtml": "Choose how to insert the translated text.",
-    "separatorHelpHtml": "In append mode, translation starts in a new block. This adds extra content between blocks. <code>\\n</code> for new lines inside.",
+    "separatorHelpHtml": "In append mode, the translation will start a new block. This is used to add extra content between the original and translated blocks. <code>\\n</code> can be used for newlines within the separator.",
     "assSettingsTitleText": "ASS Translation Options",
     "insertModeHelpAss": "Choose how to insert the translated text.",
-    "separatorPlaceholderAss": "e.g., \\N (newline)",
+    "separatorPlaceholderAss": "e.g., \\N (newline character)",
-    "separatorHelpAss": "Characters to separate original and translated text in append/prepend mode. <code>\\N</code> is the newline for ASS format.",
+    "separatorHelpAss": "Character used to separate original and translated text in append or prepend mode. <code>\\N</code> is the newline character for the ASS format.",
     "jsonSettingsTitleText": "JSON Path Configuration",
     "jsonPathLabel": "JSON Paths to Translate",
     "jsonPathPlaceholder": "One path per line, e.g.:\n$.name\n$.*",
-    "jsonPathHelp": "Uses <code>jsonpath-ng</code> syntax. Each line is a JSON path. All strings within matching objects will be translated.",
+    "jsonPathHelp": "Uses <code>jsonpath-ng</code> syntax. Each line represents a JSON path.\n                                            All strings within the matched objects will be translated.",
     "parsingSettingsTitleText": "Parsing Configuration",
     "parsingEngineLabel": "Parsing Engine",
-    "parsingEngineHelp": "Not required if your uploaded file is already in .md format.",
+    "parsingEngineHelp": "If the uploaded file is already in .md format, this option is not required.",
     "getMineruTokenTitle": "Get Mineru Token",
     "mineruTokenPlaceholder": "Required when using Mineru engine",
     "modelVersionLabel": "Mineru Model Version",
     "modelVersionVlm": "VLM",
     "modelVersionPipline": "Pipeline",
-    "modelVersionHelp": "Mineru VLM is a newer, internal test model.",
+    "modelVersionHelp": "mineru VLM is a newer model in closed beta.",
     "mineruDeployBaseUrlLabel": "Service Address (Base URL)",
     "mineruDeployBaseUrlPlaceholder": "e.g., http://127.0.0.1:8000",
     "mineruDeployBackendLabel": "Backend Type",
     "mineruDeployBackendPipeline": "Pipeline",
-    "mineruDeployBackendVlm": "VLM",
+    "mineruDeployBackendTransformers": "Transformers",
+    "mineruDeployBackendMlx": "MLX Engine",
+    "mineruDeployBackendVllm": "VLLM Engine",
+    "mineruDeployBackendVllmAsync": "VLLM Async Engine",
     "mineruDeployStartPageLabel": "Start Page",
     "mineruDeployEndPageLabel": "End Page",
     "mineruDeployFormulaEnableLabel": "Enable Formula Parsing",
@@ -253,9 +259,9 @@
     "aiSettingsTitleText": "Translation Model",
     "skipTranslationLabel": "Skip Translation",
     "platformLabel": "Select Platform",
-    "platformCustom": "Custom Endpoint",
+    "platformCustom": "Custom API",
     "baseUrlLabel": "API Address (Base URL)",
-    "baseUrlPlaceholder": "OpenAI-compatible address",
+    "baseUrlPlaceholder": "OpenAI-compatible Address",
     "getApiKeyTitle": "Get API Key",
     "apiKeyPlaceholder": "Please enter your API Key",
     "modelIdLabel": "Model ID",
@@ -266,65 +272,65 @@
     "targetLanguageCustom": "Other (Custom)",
     "customLangPlaceholder": "Enter target language, e.g., Italian",
     "thinkingModeLabel": "Thinking Mode",
-    "thinkingModeTooltip": "Sets whether the hybrid inference model should 'think'. Currently supports Zhipu's glm4.5 series, Volcengine's seed1.6 series, SiliconFlow platform, Google's Gemini series, and 302AI (partial). Disabling is recommended.",
+    "thinkingModeTooltip": "Sets whether mixed-inference models should 'think'. Currently supported by Zhipu's glm4.5 series, Volcengine's seed1.6 series, SiliconFlow, Google's Gemini series, and 302AI (partial). Disabling thinking is recommended.",
     "thinkingModeEnable": "Enable",
     "thinkingModeDisable": "Disable (Recommended)",
     "thinkingModeDefault": "Default",
     "customPromptLabel": "Custom Prompt",
-    "customPromptPlaceholder": "Optional, e.g., 'Keep names in their original language.'",
+    "customPromptPlaceholder": "Optional, e.g., 'Do not translate proper names.'",
     "chunkSizeLabel": "Chunk Size",
     "resetBtn": "Reset",
     "concurrentLabel": "Concurrency",
     "retryLabel": "Retries",
     "glossaryGenTitle": "Glossary",
     "glossaryLabel": "Glossary (Optional)",
-    "glossaryHelp": "Select one or more CSV files. Files must have 'src' and 'dst' columns for source and destination terms.",
+    "glossaryHelp": "Select one or more CSV files. Files must contain 'src' and 'dst' headers, representing source and destination text respectively.",
     "viewGlossaryBtn": "View Glossary",
     "clearGlossaryBtn": "Clear",
-    "glossaryGenEnableLabel": "Auto-generate glossary",
+    "glossaryGenEnableLabel": "Auto-generate Glossary",
     "glossaryCustomPromptLabel": "Custom Prompt",
-    "glossaryCustomPromptPlaceholder": "Prompt for glossary generation",
+    "glossaryCustomPromptPlaceholder": "Glossary generation prompt",
     "glossaryGenConfigLabel": "Glossary Generation Config",
-    "glossaryGenConfigSame": "Same as Translation",
+    "glossaryGenConfigSame": "Same as Translation Config",
     "glossaryGenConfigCustom": "Custom",
     "importConfigBtn": "Import Config",
     "exportConfigBtn": "Export Config",
-    "githubInfo": "GitHub Homepage (stars❤ are welcome): <br/>\n <a href=\"https://github.com/xunbu/docutranslate\" target=\"_blank\" rel=\"noopener noreferrer\">https://github.com/xunbu/docutranslate</a>",
+    "githubInfo": "GitHub (star welcome❤): <br/>\n                        <a href=\"https://github.com/xunbu/docutranslate\" target=\"_blank\" rel=\"noopener noreferrer\">https://github.com/xunbu/docutranslate</a>",
     "qqGroupInfo": "QQ Group: 1047781902",
     "taskListTitle": "Task List",
     "newTaskBtn": "New Task",
     "noTaskPlaceholder": "No tasks yet. Click 'New Task' to get started!",
     "taskCardIdLabel": "Task ID",
-    "taskCardIdPlaceholder": "Awaiting submission...",
+    "taskCardIdPlaceholder": "Waiting for submission...",
     "taskCardFileDrop": "Click or drag file here",
-    "taskCardFileSelected": "File selected",
+    "taskCardFileSelected": "File Selected",
     "taskCardFilenameLabel": "Filename: ",
-    "taskCardLogLabel": "Logs",
+    "taskCardLogLabel": "Log",
-    "copyLogsTooltip": "Copy logs",
+    "copyLogsTooltip": "Copy Logs",
     "taskCardStatusWaiting": "Waiting for file upload...",
     "taskCardPreviewBtn": "Preview",
     "taskCardDownloadBtn": "Download",
     "taskCardAttachmentBtn": "Attachments",
     "taskCardStartBtn": "Start Translation",
-    "downloadMdEmbedded": "Markdown (Embedded Img)",
+    "downloadMdEmbedded": "Markdown (Embedded Images)",
-    "downloadMdZip": "Markdown ZIP",
+    "downloadMdZip": "Markdown (Zip)",
     "downloadAss": "ASS",
     "previewTitle": "Preview",
     "previewBilingualBtn": "Bilingual",
-    "previewTranslatedOnlyBtn": "Translation Only",
+    "previewTranslatedOnlyBtn": "Translated Only",
     "syncScrollTooltip": "Sync Scrolling",
     "previewOriginal": "Original",
-    "previewTranslated": "Translation",
+    "previewTranslated": "Translated",
     "closeBtn": "Close",
     "downloadBtn": "Download",
-    "tutorialModalTitle": "User Guide",
+    "tutorialModalTitle": "Tutorial",
-    "tutorialModalBody": "<p><i class=\"bi bi-camera-video me-2\"></i>Video tutorials are available on Bilibili by searching for <a href=\"https://search.bilibili.com/all?keyword=docutranslate\" target=\"_blank\">docutranslate</a>.</p><p>Welcome to DocuTranslate! Follow these steps to translate your documents:</p><ol><li><strong><i class=\"bi bi-diagram-3 me-2\"></i>Step 1: Select Workflow</strong><p class=\"mt-2\">At the top of the left-side settings panel, choose the processing flow that best suits your file type.</p><div class=\"alert alert-info mt-2\" role=\"alert\"><i class=\"bi bi-lightbulb-fill me-2\"></i>Tip: 'Auto-select workflow' is enabled by default. Just upload your file, and the system will automatically match the appropriate workflow for you, simplifying the process.</div><ul><li><b>To Markdown then Translate</b>: Suitable for translating PDFs, markdown files, images, etc. This is the most versatile and powerful mode.</li><li><b>Plain Text Translation</b>: For translating <code>.txt</code> files.</li><li><b>EPUB Translation</b>: For translating <code>.epub</code> e-books.</li><li><b>DOCX Translation</b>: For translating <code>.docx</code> Word documents.</li><li><b>XLSX Translation</b>: For translating <code>.xlsx</code> or <code>.csv</code> spreadsheets.</li><li><b>SRT Subtitle Translation</b>: For translating <code>.srt</code> subtitle files.</li><li><b>ASS Subtitle Translation</b>: For translating <code>.ass</code> advanced subtitle files.</li><li><b>JSON Translation</b>: For translating specific fields within <code>.json</code> files.</li><li><b>HTML Translation</b>: For translating <code>.html</code> web files.</li></ul></li><li><strong><i class=\"bi bi-gear-fill me-2\"></i>Step 2: Configure Parameters</strong><p class=\"mt-2\">After selecting a workflow, relevant configuration options will appear below. Please complete the settings in order (all configurations are automatically saved in your browser):</p><p class=\"mb-2\"><strong>A. Workflow-Specific Options</strong> (appear based on your choice in Step 1):</p><ul class=\"ms-4\"><li><u>If 'To Markdown then Translate' is selected</u>, configure <strong>Parsing Configuration</strong>:<ul><li><strong>Parsing Engine</strong>: Choose an engine to convert your file (like a PDF) into a translation-friendly Markdown format. If your file is already Markdown, no selection is needed.</li><li><strong>Mineru Token</strong>: If you select the <code>minerU</code> engine, you must enter your token here.</li></ul></li><li><u>If 'Plain Text/DOCX/XLSX/SRT/ASS/EPUB/HTML' is selected</u>, configure its <strong>Translation Options</strong>:<ul><li><strong>Insert Mode</strong>: Defines how the translation result is placed in the document. You can choose to 'Replace' the original, 'Append' after it, or 'Prepend' before it.</li><li><strong>Separator</strong>: When 'Append' or 'Prepend' is selected, this is used to insert a separator between the original and translated text (e.g., <code>\\N</code> is common for ASS, <code>&lt;br /&gt;</code> for EPUB).</li></ul></li><li><u>If 'JSON Translation' is selected</u>, configure <strong>JSON Paths</strong>:<ul><li><strong>JSON Paths to Translate</strong>: Enter one <a href=\"https://goessner.net/articles/JsonPath/\" target=\"_blank\">JSONPath</a> expression per line to translate all strings within matching objects. E.g., <code>$.*</code> (translates all strings), <code>$..description</code> (translates all values with the key <code>description</code>).</li></ul></li></ul><p class=\"mb-2 mt-3\"><strong>B. General Options</strong> (apply to all workflows):</p><ul class=\"ms-4\"><li><strong>Translation Model</strong>:<ul><li><strong>Select Platform/API Address/API Key/Model ID</strong>: Configure the AI translation service you wish to use. The stronger the model's instruction-following capability, the lower the chance of <strong>errors</strong> or <strong>missed translations</strong>.</li><li><strong>Skip Translation</strong>: If checked, only document parsing and format conversion will be performed, without calling an AI for translation.</li></ul></li><li><strong>Translation Configuration</strong>:<ul><li><strong>Target Language</strong>: Specify the language to translate to.</li><li><strong>Custom Prompt</strong>: Optional, add extra instructions, like 'Keep personal names in their original language.'</li><li><strong>Thinking Mode</strong>: For models that support hybrid inference; 'Disable (Recommended)' is suggested.</li><li><strong>Chunk Size/Concurrency, etc.</strong>: Advanced parameters to tune performance and API request behavior. The defaults are usually fine.</li></ul></li><li><strong>Glossary</strong>:<ul><li><strong>Upload Glossary (Optional)</strong>: Upload a CSV file (must have 'src' and 'dst' columns) to ensure consistency and accuracy for specific terms.</li><li><strong>Auto-generate glossary</strong>: When enabled, the program first extracts terms from the original text to generate a glossary, then procLine truncated
+    "tutorialModalBody": "<p><i class=\"bi bi-camera-video me-2\"></i>Video tutorials can be found by searching for <a href=\"https://search.bilibili.com/all?keyword=docutranslate\" target=\"_blank\">docutranslate</a> on Bilibili.</p><p>Welcome to DocuTranslate! Please follow these steps to translate your documents:</p><ol><li><strong><i class=\"bi bi-diagram-3 me-2\"></i>Step 1: Select Workflow</strong><p class=\"mt-2\">At the top of the left settings panel, first select the processing flow that best suits your file type.<div class=\"alert alert-info mt-2\" role=\"alert\"><i class=\"bi bi-lightbulb-fill me-2\"></i>Tip: 'Auto-select Workflow' is enabled by default. Simply upload your file, and the system will automatically match the appropriate workflow for you, simplifying the process.</div></p><ul><li><b>Convert to Markdown then Translate</b>: Suitable for translating PDF, Markdown, images, etc. This is the most versatile and powerful mode.</li><li><b>Plain Text Translation</b>: For translating <code>.txt</code> plain text files.</li><li><b>EPUB Translation</b>: For translating <code>.epub</code> e-book files.</li><li><b>DOCX Translation</b>: For translating <code>.docx</code> Word documents.</li><li><b>XLSX Translation</b>: For translating <code>.xlsx</code> or <code>.csv</code> spreadsheet files.</li><li><b>SRT Subtitle Translation</b>: For translating <code>.srt</code> subtitle files.</li><li><b>ASS Subtitle Translation</b>: For translating <code>.ass</code> advanced subtitle files.</li><li><b>JSON Translation</b>: For translating specific fields in <code>.json</code> files.</li><li><b>HTML Translation</b>: For translating <code>.html</code> web page files.</li></ul></li><li><strong><i class=\"bi bi-gear-fill me-2\"></i>Step 2: Configure Parameters</strong><p class=\"mt-2\">After selecting a workflow, the relevant configuration options will appear below. Please complete the settings in order (all configurations are automatically saved in your browser):</p><p class=\"mb-2\"><strong>A. Workflow-Specific Options</strong> (Appear based on your choice in Step 1):</p><ul class=\"ms-4\"><li><u>If you selected 'Convert to Markdown then Translate'</u>, configure <strong>Parsing Configuration</strong>:<ul><li><strong>Parsing Engine</strong>: Choose an engine to convert your file (like a PDF) into a translation-friendly Markdown format. If your file is already in Markdown format, no selection is needed.</li><li><strong>Mineru Token</strong>: If you choose the <code>minerU</code> engine, you need to enter your Token here.</li></ul></li><li><u>If you selected 'Plain Text/DOCX/XLSX/SRT/ASS/EPUB/HTML'</u>, configure its <strong>Translation Options</strong>:<ul><li><strong>Insert Mode</strong>: Defines how the translation result is placed in the document. You can choose to directly 'Replace' the original, 'Append' after the original, or 'Prepend' before the original.</li><li><strong>Separator</strong>: When 'Append' or 'Prepend' mode is selected, this is used to insert a separator between the original and translated text (e.g., <code>\\N</code> is often used in ASS format, <code>&lt;br /&gt;</code> in EPUB format as a newline separator).</li></ul></li><li><u>If you selected 'JSON Translation'</u>, configure <strong>JSON Paths</strong>:<ul><li><strong>JSON Paths to Translate</strong>: Enter one <a href=\"https://goessner.net/articles/JsonPath/\" target=\"_blank\">JSONPath</a> expression per line. It will translate all strings in objects matching the path. For example: <code>$.*</code> (translate all strings), <code>$..description</code> (translate all values with the key <code>description</code>).</li></ul></li></ul><p class=\"mb-2 mt-3\"><strong>B. General Options</strong> (Apply to all workflows):</p><ul class=\"ms-4\"><li><strong>Translation Model</strong>:<ul><li><strong>Select Platform/API Address/API Key/Model ID</strong>: Configure the AI translation service you wish to use. The stronger the model's capabilities, the lower the probability of <strong>errors</strong> and <strong>missed translations</strong>.</li><li><strong>Skip Translation</strong>: If checked, only document parsing and format conversion will be performed, without calling the AI for translation.</li></ul></li><li><strong>Translation Configuration</strong>:<ul><li><strong>Target Language</strong>: Specify the target language for the translation.</li><li><strong>Custom Prompt</strong>: Optional, add extra instructions, such as 'Do not translate proper names.'</li><li><strong>Thinking Mode</strong>: A setting for some models that support mixed-inference. It is recommended to select 'Disable (Recommended)'.</li><li><strong>Chunk Size/Concurrency, etc.</strong>: Advanced parameters for adjusting performance and API request behavior. Usually, the default values are fine.</li></ul></li><li><strong>Glossary</strong>:<ul><li><strong>Upload Glossary (Optional)</strong>: Upload a CSV file (must contain 'src' and 'dst' columns) to ensure consistency and accLine truncated
     "tutorialUnderstandBtn": "I Understand",
-    "contributorsModalTitle": "Thank You for Contributing",
+    "contributorsModalTitle": "Thanks for Contributing",
     "contributorsPara1": "DocuTranslate is an open-source project! The community's needs and usage are the driving force behind its progress.",
-    "contributorsPara2": "A heartfelt thank you to everyone who has sponsored the project, submitted code, provided valuable suggestions, and starred the repository!",
+    "contributorsPara2": "Thank you to everyone who has funded the project, submitted code, provided valuable suggestions, and starred the project!",
-    "contributorsWelcome": "You are welcome to contribute in the following ways:",
+    "contributorsWelcome": "We welcome contributions in the following ways:",
-    "contributorsGithub": "GitHub Page",
+    "contributorsGithub": "GitHub Homepage",
     "contributorsPR": "Submit a Pull Request",
     "contributorsIssue": "Report an Issue",
     "contributorsQQ": "Or contact the author via QQ Group: <span>1047781902</span>",
@@ -333,38 +339,38 @@
     "glossaryTableDestination": "Destination (dst)",
     "init_i18n_failed_alert": "Failed to load interface translations. Please check your network connection or contact an administrator.",
     "init_failed_alert": "Initialization failed, could not connect to the backend service. Please ensure the service is running and refresh the page.",
-    "apiHrefInfo302ai": "👈 Register through this link to enjoy a $1 free credit",
+    "status_selectFileFirst": "Please select a file first",
-    "glossaryEmpty": "The glossary is empty.",
+    "status_fillRequired": "Please fill in all required fields",
-    "engineOptionIdentity": "Already Markdown",
-    "engineOptionMineru": "Mineru (Recommended)",
-    "engineOptionDocling": "Docling",
-    "engineOptionMineruDeploy": "Mineru Deploy Service",
-    "preview_loading": "Loading preview...",
-    "preview_cantReadOriginal": "Could not read original file content.",
-    "preview_cantPreviewType": "Cannot preview this file type",
-    "preview_noOriginalCache": "No original file cached for preview.",
-    "preview_loadFailed": "Failed to load preview.",
-    "pdf_preparing": "Preparing PDF, please wait...",
-    "pdf_print_failed": "Failed to invoke print function. Please check browser settings or save as PDF manually.",
-    "pdf_fetch_failed": "Failed to fetch translated content, cannot generate PDF.",
-    "preview_bilingual": "Bilingual Preview",
-    "preview_translatedOnly": "Translation Only Preview",
-    "admin_tasklist_failed": "Admin Mode: Failed to fetch task list.",
-    "status_selectFileFirst": "Please select a file first!",
-    "status_fillRequired": "Please fill in all required fields!",
     "btn_initializing": "Initializing...",
-    "status_encodingAndSubmitting": "Encoding and submitting task...",
+    "status_encodingAndSubmitting": "Encoding and submitting file...",
-    "status_requestOk": "Request successful, task has started.",
+    "status_requestOk": "Request successful, task has started",
-    "btn_cancelTranslation": "Cancel",
+    "btn_cancelTranslation": "Cancel Translation",
     "status_requestFail": "Request failed",
-    "status_initFail": "Task initialization failed",
+    "status_initFail": "Initialization failed",
     "status_cancelling": "Cancelling...",
-    "status_cancelSent": "Cancellation request sent.",
+    "status_cancelSent": "Cancellation request sent",
     "status_cancelFail": "Cancellation failed",
     "status_gettingStatus": "Getting status...",
     "btn_reTranslate": "Re-translate",
-    "status_updateError": "Error updating status",
+    "status_updateError": "Status update failed",
-    "configImportSuccess": "Configuration imported successfully! Settings have been applied.",
+    "preview_loading": "Loading preview...",
-    "configImportError": "Import failed! Invalid file format or content."
+    "preview_cantReadOriginal": "Could not read original file content",
+    "preview_cantPreviewType": "Cannot preview this file type",
+    "preview_noOriginalCache": "No original file cached, cannot preview",
+    "preview_loadFailed": "Preview failed to load",
+    "pdf_preparing": "Generating PDF, please wait...",
+    "pdf_print_failed": "Failed to invoke print function. Please try right-clicking to print manually.",
+    "pdf_fetch_failed": "Failed to fetch preview content, cannot generate PDF.",
+    "preview_bilingual": "Bilingual Preview",
+    "preview_translatedOnly": "Translated Only Preview",
+    "admin_tasklist_failed": "Admin mode: Failed to load task list.",
+    "configImportSuccess": "Configuration imported successfully!",
+    "configImportError": "Configuration import failed. Please check if the file format is correct.",
+    "apiHrefInfo302ai": "👈 Register through this link to enjoy a $1 free credit",
+    "glossaryEmpty": "Glossary is empty",
+    "engineOptionIdentity": "Already in Markdown format",
+    "engineOptionMineru": "Mineru (Recommended)",
+    "engineOptionDocling": "Docling",
+    "engineOptionMineruDeploy": "Mineru Deploy Service"
   }
 }

docutranslate/static/index.html

@@ -1 +1 @@
-<html lang="zh-CN" data-bs-theme="auto">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title data-i18n-title="pageTitle">DocuTranslate - 交互式文档翻译</title>
    <link rel="icon" href="/static/favicon.ico" type="image/x-icon">
    <!-- Bootstrap CSS -->
    <link href="/static/bootstrap.css" rel="stylesheet" crossorigin="anonymous">
    <!-- Bootstrap Icons -->
    <link rel="stylesheet" href="/static/bootstrap-icons.css">

    <style>
        body {
            background-color: var(--bs-body-bg);
        }

        button:focus {
            outline: none !important;
            box-shadow: none !important;
        }

        .main-container {
            display: flex;
            flex-direction: column;
            height: 100vh;
            padding-top: 1rem;
            padding-bottom: 1rem;
        }

        .settings-panel {
            height: calc(100vh - 2rem);
            overflow-y: auto;
            padding-right: 15px; /* for scrollbar */
        }

        .task-area {
            height: calc(100vh - 2rem);
            overflow-y: auto;
        }

        .task-card {
            transition: all 0.3s ease-in-out;
        }


        .task-id-placeholder {
            color: var(--bs-secondary-color);
            font-style: italic;
        }

        .log-area {
            height: 150px;
            background-color: var(--bs-tertiary-bg);
            border: 1px solid var(--bs-border-color);
            border-radius: .375rem;
            font-family: monospace;
            font-size: 0.8rem;
            padding: 10px;
            overflow-y: auto;
            white-space: pre-wrap;
            word-break: break-all;
        }

        /* [NEW] Wrapper for log area to position the copy button */
        .log-area-wrapper {
            position: relative;
        }

        /* [NEW] Styles for the copy button */
        .copy-log-btn {
            position: absolute;
            bottom: 5px;
            right: 5px;
            z-index: 10;
            opacity: 0.5;
            transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
            padding: 0.1rem 0.4rem;
            line-height: 1;
        }

        .copy-log-btn:hover {
            opacity: 1;
        }

        .file-drop-area {
            border: 2px dashed var(--bs-secondary-bg);
            border-radius: .375rem;
            padding: 2rem;
            text-align: center;
            cursor: pointer;
            transition: all 0.2s ease-in-out;
            background-color: var(--bs-body-bg);
        }

        .file-drop-area.drag-over {
            border-color: var(--bs-primary);
            background-color: var(--bs-secondary-bg);
        }

        .file-drop-area.file-selected {
            border-style: solid;
            border-color: var(--bs-success);
            background-color: var(--bs-success-bg-subtle);
        }

        .file-drop-area.input-error {
            border-color: var(--bs-danger);
        }

        .file-name-display.input-error-text {
            color: var(--bs-danger);
            font-weight: bold;
        }

        #printFrame, #translatedPreviewFrame {
            border: none;
            width: 100%;
        }

        #previewOffcanvas {
            --bs-offcanvas-width: 95vw;
            max-width: 1600px;
        }

        .preview-split-container {
            display: flex;
            flex-direction: row;
            height: 90%;
        }

        .preview-pane-wrapper {
            display: flex;
            flex-direction: column;
            overflow: hidden; /* Important for split.js */
        }

        .preview-pane-wrapper h6 {
            flex-shrink: 0;
            padding: 0.25rem;
        }

        .preview-pane-wrapper .preview-pane {
            flex-grow: 1; /* Make the inner pane grow */
            border: 1px solid var(--bs-border-color);
            border-radius: .375rem;
            overflow: auto;
        }

        .gutter {
            background-color: var(--bs-tertiary-bg);
            background-repeat: no-repeat;
            background-position: 50%;
        }

        .gutter.gutter-horizontal {
            cursor: col-resize;
            border-left: 1px solid var(--bs-border-color);
            border-right: 1px solid var(--bs-border-color);
        }

        .gutter.gutter-vertical {
            cursor: row-resize;
            border-top: 1px solid var(--bs-border-color);
            border-bottom: 1px solid var(--bs-border-color);
        }

        .preview-pane iframe {
            width: 100%;
            height: 100%; /* Make iframe fill the pane completely */
            border: none;
            margin: 0;
            padding: 0;
        }

        .preview-pane pre {
            /* Let the content determine the width, the parent will scroll */
            margin: 0;
            padding: 1rem; /* Add someLine truncated
+<html lang="zh-CN" data-bs-theme="auto">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title data-i18n-title="pageTitle">DocuTranslate - 交互式文档翻译</title>
    <link rel="icon" href="/static/favicon.ico" type="image/x-icon">
    <!-- Bootstrap CSS -->
    <link href="/static/bootstrap.css" rel="stylesheet" crossorigin="anonymous">
    <!-- Bootstrap Icons -->
    <link rel="stylesheet" href="/static/bootstrap-icons.css">

    <style>
        body {
            background-color: var(--bs-body-bg);
        }

        button:focus {
            outline: none !important;
            box-shadow: none !important;
        }

        .main-container {
            display: flex;
            flex-direction: column;
            height: 100vh;
            padding-top: 1rem;
            padding-bottom: 1rem;
        }

        .settings-panel {
            height: calc(100vh - 2rem);
            overflow-y: auto;
            padding-right: 15px; /* for scrollbar */
        }

        .task-area {
            height: calc(100vh - 2rem);
            overflow-y: auto;
        }

        .task-card {
            transition: all 0.3s ease-in-out;
        }


        .task-id-placeholder {
            color: var(--bs-secondary-color);
            font-style: italic;
        }

        .log-area {
            height: 150px;
            background-color: var(--bs-tertiary-bg);
            border: 1px solid var(--bs-border-color);
            border-radius: .375rem;
            font-family: monospace;
            font-size: 0.8rem;
            padding: 10px;
            overflow-y: auto;
            white-space: pre-wrap;
            word-break: break-all;
        }

        /* [NEW] Wrapper for log area to position the copy button */
        .log-area-wrapper {
            position: relative;
        }

        /* [NEW] Styles for the copy button */
        .copy-log-btn {
            position: absolute;
            bottom: 5px;
            right: 5px;
            z-index: 10;
            opacity: 0.5;
            transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
            padding: 0.1rem 0.4rem;
            line-height: 1;
        }

        .copy-log-btn:hover {
            opacity: 1;
        }

        .file-drop-area {
            border: 2px dashed var(--bs-secondary-bg);
            border-radius: .375rem;
            padding: 2rem;
            text-align: center;
            cursor: pointer;
            transition: all 0.2s ease-in-out;
            background-color: var(--bs-body-bg);
        }

        .file-drop-area.drag-over {
            border-color: var(--bs-primary);
            background-color: var(--bs-secondary-bg);
        }

        .file-drop-area.file-selected {
            border-style: solid;
            border-color: var(--bs-success);
            background-color: var(--bs-success-bg-subtle);
        }

        .file-drop-area.input-error {
            border-color: var(--bs-danger);
        }

        .file-name-display.input-error-text {
            color: var(--bs-danger);
            font-weight: bold;
        }

        #printFrame, #translatedPreviewFrame {
            border: none;
            width: 100%;
        }

        #previewOffcanvas {
            --bs-offcanvas-width: 95vw;
            max-width: 1600px;
        }

        .preview-split-container {
            display: flex;
            flex-direction: row;
            height: 90%;
        }

        .preview-pane-wrapper {
            display: flex;
            flex-direction: column;
            overflow: hidden; /* Important for split.js */
        }

        .preview-pane-wrapper h6 {
            flex-shrink: 0;
            padding: 0.25rem;
        }

        .preview-pane-wrapper .preview-pane {
            flex-grow: 1; /* Make the inner pane grow */
            border: 1px solid var(--bs-border-color);
            border-radius: .375rem;
            overflow: auto;
        }

        .gutter {
            background-color: var(--bs-tertiary-bg);
            background-repeat: no-repeat;
            background-position: 50%;
        }

        .gutter.gutter-horizontal {
            cursor: col-resize;
            border-left: 1px solid var(--bs-border-color);
            border-right: 1px solid var(--bs-border-color);
        }

        .gutter.gutter-vertical {
            cursor: row-resize;
            border-top: 1px solid var(--bs-border-color);
            border-bottom: 1px solid var(--bs-border-color);
        }

        .preview-pane iframe {
            width: 100%;
            height: 100%; /* Make iframe fill the pane completely */
            border: none;
            margin: 0;
            padding: 0;
        }

        .preview-pane pre {
            /* Let the content determine the width, the parent will scroll */
            margin: 0;
            padding: 1rem; /* Add someLine truncated