选项序号自动计算

docutranslate/static/i18nData.json

@@ -3,7 +3,7 @@
     "pageTitle": "DocuTranslate - 交互式文档翻译",
     "tutorialBtn": "教程",
     "projectContributeBtn": "项目协作",
-    "workflowTitle": "1. 选择工作流",
+    "workflowTitle": "选择工作流",
     "workflowOptionMarkdown": "转Markdown再翻译 (.pdf/.md/.png等)",
     "workflowOptionTxt": "纯文本翻译 (.txt)",
     "workflowOptionJson": "JSON翻译 (.json)",
@@ -13,42 +13,62 @@
     "workflowOptionEpub": "EPUB翻译 (.epub)",
     "workflowOptionHtml": "HTML翻译 (.html)",
     "autoWorkflowLabel": "自动选择工作流",
+    "docxSettingsTitleText": "DOCX翻译选项",
     "insertModeLabel": "插入模式",
     "insertModeReplace": "替换原文 (Replace)",
     "insertModeAppend": "附加到原文后 (Append)",
     "insertModePrepend": "附加到原文前 (Prepend)",
     "insertModeHelpDocx": "选择如何将翻译后的文本插入。",
     "separatorLabel": "分隔符",
+    "separatorPlaceholder": "例如: \\n---翻译---\\n",
     "separatorHelp": "当插入模式为附加或前置时，用于分隔原文和译文的字符。<code>\\n</code> 代表换行。",
+    "xlsxSettingsTitleText": "XLSX翻译选项",
     "insertModeHelpXlsx": "选择如何将翻译后的文本插入到单元格中。",
+    "separatorPlaceholderSimple": "例如: \\n---\\n",
     "xlsxTranslateRegionsLabel": "翻译区域 (可选)",
+    "xlsxTranslateRegionsPlaceholder": "每行一个区域, 例如:Sheet1!A1:B10（不指定表名则对所有表生效）",
+    "srtSettingsTitleText": "SRT翻译选项",
     "insertModeHelpSrt": "选择如何将翻译后的文本插入。",
+    "epubSettingsTitleText": "EPUB翻译选项",
     "insertModeHelpEpub": "选择如何将翻译后的文本插入。",
+    "htmlSettingsTitleText": "HTML翻译选项",
     "insertModeHelpHtml": "选择如何将翻译后的文本插入。",
+    "jsonSettingsTitleText": "JSON路径配置",
     "jsonPathLabel": "需要翻译的JSON路径",
+    "jsonPathPlaceholder": "每行一个路径, 例如:\n$.name\n$.*",
     "jsonPathHelp": "采用<code>jsonpath-ng</code>的路径选择语法，每一行表示一个json路径",
+    "parsingSettingsTitleText": "解析配置",
     "parsingEngineLabel": "解析引擎",
     "parsingEngineHelp": "如果上传的文件本身是.md格式，此项可不选。",
     "getMineruTokenTitle": "获取Mineru Token",
+    "mineruTokenPlaceholder": "使用Mineru引擎时需要",
     "modelVersionLabel": "Mineru 模型版本",
     "modelVersionVlm": "VLM",
     "modelVersionPipline": "Pipeline",
     "modelVersionHelp": "mineru VLM是更新的内测模型。",
     "formulaOcrLabel": "公式识别",
     "codeOcrLabel": "代码识别",
+    "aiSettingsTitleText": "翻译模型",
+    "skipTranslationLabel": "跳过翻译",
     "platformLabel": "选择平台",
     "platformCustom": "自定义接口",
     "baseUrlLabel": "API 地址 (Base URL)",
+    "baseUrlPlaceholder": "OpenAi兼容地址",
     "getApiKeyTitle": "获取API Key",
+    "apiKeyPlaceholder": "请输入您的API Key",
     "modelIdLabel": "模型 ID",
+    "modelIdPlaceholder": "例如: gpt-4o, glm-4",
+    "translationSettingsTitleText": "翻译配置",
     "targetLanguageLabel": "目标语言",
     "targetLanguageCustom": "其它 (自定义)",
+    "customLangPlaceholder": "请输入目标语言, 例如: Italian",
     "thinkingModeLabel": "思考模式",
     "thinkingModeTooltip": "设置混合推理模型的思考模式，目前支持智谱平台的glm-4.5系列、阿里云的qwen3系列、火山引擎的Doubao-Seed-1.6系列等",
     "thinkingModeEnable": "启用",
     "thinkingModeDisable": "禁用",
     "thinkingModeDefault": "默认",
     "customPromptLabel": "自定义Prompt",
+    "customPromptPlaceholder": "可选，如“人名保持原文不翻译”",
     "chunkSizeLabel": "分块大小",
     "resetBtn": "重置",
     "concurrentLabel": "并发数",
@@ -61,7 +81,7 @@
     "glossaryGenConfigLabel": "生成术语表配置",
     "glossaryGenConfigSame": "与翻译配置相同",
     "glossaryGenConfigCustom": "自定义",
-    "githubInfo": "GitHub主页(欢迎star❤): <br/><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": "新建任务",
@@ -87,7 +107,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><p>欢迎使用 DocuTranslate！请按照以下步骤完成文档翻译：</p><ol><li><strong><i class=\"bi bi-diagram-3 me-2\"></i>选择工作流</strong><p class=\"mt-2\">首先，在配置面板顶部选择您需要的翻译流程。不同的工作流适用于不同类型的文件：</p><ul><li><b>转Markdown再翻译</b>: 适用于翻译PDF、markdown、图片等文件。</li><li><b>纯文本翻译</b>: 用于翻译 <code>.txt</code> 等纯文本文件。</li><li><b>JSON翻译</b>: 用于翻译 <code>.json</code> 文件中的特定字段。</li><li><b>DOCX翻译</b>: 用于翻译 <code>.docx</code> 文件。</li><li><b>XLSX翻译</b>: 用于翻译 <code>.xlsx</code> 电子表格、 <code>.csv</code> 文件。</li><li><b>SRT字幕翻译</b>: 用于翻译 <code>.srt</code> 字幕文件。</li><li><b>EPUB翻译</b>: 用于翻译 <code>.epub</code> 电子书文件。</li><li><b>HTML翻译</b>: 用于翻译 <code>.html</code> 文件。</li></ul><div class=\"alert alert-info mt-2\" role=\"alert\"><i class=\"bi bi-lightbulb-fill me-2\"></i>新增功能: \"自动选择工作流\"开关已默认开启。您只需上传文件，系统会自动为您匹配合适的工作流，简化操作。</div></li><li><strong><i class=\"bi bi-gear-fill me-2\"></i>配置参数</strong><p class=\"mt-2\">根据您选择的工作流，完成相应的配置。所有配置项都会自动保存在您的浏览器中。</p><ul><li class=\"mb-2\"><strong>解析配置</strong> (仅在“转Markdown再翻译”工作流下显示):<ul class=\"mt-1\"><li><strong>解析引擎</strong>: 选择一个引擎将您的文件（如PDF）转换为适合翻译的Markdown格式。如果您的文件已经是Markdown格式，则无需选择。</li><li><strong>Mineru Token</strong>: 如果您选择 <code>minerU</code> 引擎，需要在此处填入您的Token。</li></ul></li><li class=\"mb-2\"><strong>DOCX/XLSX/SRT/EPUB/HTML翻译选项</strong> (在对应工作流下显示):<ul class=\"mt-1\"><li><strong>插入模式</strong>: 定义翻译结果如何放入文档或字幕。您可以选择直接“替换”原文，或是在原文之后“附加”，或是在原文之前“前置”。</li><li><strong>分隔符</strong>: 当选择“附加”或“前置”模式时，此项用于在原文和译文之间插入分隔符。</li></ul></li><li class=\"mb-2\"><strong>JSON路径配置</strong> (仅在“JSON翻译”工作流下显示):<ul class=\"mt-1\"><li><strong>需要翻译的JSON路径</strong>: 每行输入一个 <a href=\"https://goessner.net/articles/JsonPath/\" target=\"_blank\">JSONPath</a> 表达式，指定需要翻译的字段。</li><li>例如:<code>$..description</code>翻译所有键为description的值。<code>$.items[0].name</code>翻译第一个item的name值。</li></ul></li><li class=\"mb-2\"><strong>翻译模型</strong>:<ul class=\"mt-1\"><li><strong>选择平台/API 地址/API Key/模型 ID</strong>: 配置您希望使用的AI翻译服务。</li><li>模型ID参考平台文档，建议使用非推理模型或混合推理模型（关闭思考）。</li></ul></li><li class=\"mb-2\"><strong>翻译配置</strong>:<ul class=\"mt-1\"><li><strong>目标语言/自定义Prompt/术语表</strong>: 指定翻译的目标语言、附加指令以及用于保证特定名词翻译准确性的术语表。</li><li><strong>思考模式</strong>:设置混合推理模型是否进行思考，目前支持智谱的glm4.5系列、阿里云的qwen3系列、火山引擎的seed1.6系列，建议选择禁用思考。</li><li><strong>分块大小/并发数/Temperature</strong>: 发给AI的分块大小、并发请求数和温度，通常保持默认即可。</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\">文件选择成功后，点击任务卡片右下角的 <span class=\"badge bg-primary\">开始翻译</span> 按钮。系统将开始处理任务，您可以在日志区域查看实时进度。</p></li><li><strong><i class=\"bi bi-check-circle-fill me-2\"></i>查看与下载</strong><p class=\"mt-2\">翻译完成后，任务卡片下方会出现操作按钮：</p><ul><li><span class=\"badge bg-success\"><i class=\"bi bi-eye-fill me-1\"></i>预览</span>: 在右侧滑出的面板中进行原文和译文的对照预览（仅作参考）。</li><li><span class=\"badge bg-secondary\"><i class=\"bi bi-download me-1\"></i>下载</span>: 下载包括 PDF, DOCX, XLSX, HTML, Markdown 等多种格式的译文。</li><li><span class=\"badge bg-info\"><i class=\"bi bi-paperclip me-1\"></i>附件</sLine 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\">首先，在配置面板顶部选择您需要的翻译流程。不同的工作流适用于不同类型的文件：<ul><li><b>转Markdown再翻译</b>: 适用于翻译PDF、markdown、图片等文件。</li><li><b>纯文本翻译</b>: 用于翻译 <code>.txt</code> 等纯文本文件。</li><li><b>JSON翻译</b>: 用于翻译 <code>.json</code> 文件中的特定字段。</li><li><b>DOCX翻译</b>: 用于翻译 <code>.docx</code> 文件。</li><li><b>XLSX翻译</b>: 用于翻译 <code>.xlsx</code> 电子表格、 <code>.csv</code> 文件。</li><li><b>SRT字幕翻译</b>: 用于翻译 <code>.srt</code> 字幕文件。</li><li><b>EPUB翻译</b>: 用于翻译 <code>.epub</code> 电子书文件。</li><li><b>HTML翻译</b>: 用于翻译 <code>.html</code> 文件。</li></ul><div class=\"alert alert-info mt-2\" role=\"alert\"><i class=\"bi bi-lightbulb-fill me-2\"></i>新增功能: \"自动选择工作流\"开关已默认开启。您只需上传文件，系统会自动为您匹配合适的工作流，简化操作。</div></p></li><li><strong><i class=\"bi bi-gear-fill me-2\"></i>配置参数</strong><p class=\"mt-2\">根据您选择的工作流，完成相应的配置。所有配置项都会自动保存在您的浏览器中。</p><ul><li class=\"mb-2\"><strong>解析配置</strong> (仅在“转Markdown再翻译”工作流下显示):<ul class=\"mt-1\"><li><strong>解析引擎</strong>: 选择一个引擎将您的文件（如PDF）转换为适合翻译的Markdown格式。如果您的文件已经是Markdown格式，则无需选择。</li><li><strong>Mineru Token</strong>: 如果您选择 <code>minerU</code> 引擎，需要在此处填入您的Token。</li></ul></li><li class=\"mb-2\"><strong>DOCX/XLSX/SRT/EPUB/HTML翻译选项</strong> (在对应工作流下显示):<ul class=\"mt-1\"><li><strong>插入模式</strong>: 定义翻译结果如何放入文档或字幕。您可以选择直接“替换”原文，或是在原文之后“附加”，或是在原文之前“前置”。</li><li><strong>分隔符</strong>: 当选择“附加”或“前置”模式时，此项用于在原文和译文之间插入分隔符。</li></ul></li><li class=\"mb-2\"><strong>JSON路径配置</strong> (仅在“JSON翻译”工作流下显示):<ul class=\"mt-1\"><li><strong>需要翻译的JSON路径</strong>: 每行输入一个 <a href=\"https://goessner.net/articles/JsonPath/\" target=\"_blank\">JSONPath</a> 表达式，指定需要翻译的字段。</li><li>例如:<code>$..description</code>翻译所有键为description的值。<code>$.items[0].name</code>翻译第一个item的name值。</li></ul></li><li class=\"mb-2\"><strong>翻译模型</strong>:<ul class=\"mt-1\"><li><strong>跳过翻译</strong>: 勾选此项后，将只执行文档解析和格式转换，不调用AI进行翻译。</li><li><strong>选择平台/API 地址/API Key/模型 ID</strong>: 配置您希望使用的AI翻译服务。</li><li>模型ID参考平台文档，建议使用非推理模型或混合推理模型（关闭思考）。</li></ul></li><li class=\"mb-2\"><strong>翻译配置</strong>:<ul class=\"mt-1\"><li><strong>目标语言/自定义Prompt/术语表</strong>: 指定翻译的目标语言、附加指令以及用于保证特定名词翻译准确性的术语表。</li><li><strong>思考模式</strong>:设置混合推理模型是否进行思考，目前支持智谱的glm4.5系列、阿里云的qwen3系列、火山引擎的seed1.6系列，建议选择禁用思考。</li><li><strong>分块大小/并发数/Temperature</strong>: 发给AI的分块大小、并发请求数和温度，通常保持默认即可。</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\">文件选择成功后，点击任务卡片右下角的 <span class=\"badge bg-primary\">开始翻译</span> 按钮。系统将开始处理任务，您可以在日志区域查看实时进度。</p></li><li><strong><i class=\"bi bi-check-circle-fill me-2\"></i>查看与下载</strong><p class=\"mt-2\">翻译完成后，任务卡片下方会出现操作按钮：</p><ul><li><span class=\"badge bg-success\"><i class=\"bi bi-eye-fill me-1\"></i>预览</span>: 在右侧滑出的面板中进行原文和译文的对照预览（仅作参考）。</li><li><span class=\"badge bg-secondary\"><i class=\"bi bi-download me-1\"></i>下载</span>: 下载包括 PDF, DOCX, XLSX, HTLine truncated
     "tutorialUnderstandBtn": "我明白了",
     "contributorsModalTitle": "感谢贡献",
     "contributorsPara1": "DocuTranslate是一个开源项目！大家的需求与使用是项目进步的动力。",
@@ -100,65 +120,46 @@
     "glossaryModalTitle": "当前术语表",
     "glossaryTableSource": "原文 (src)",
     "glossaryTableDestination": "译文 (dst)",
-    "separatorPlaceholder": "例如: \\n---翻译---\\n",
-    "separatorPlaceholderSimple": "例如: \\n---\\n",
-    "xlsxTranslateRegionsPlaceholder": "每行一个区域, 例如:Sheet1!A1:B10（不指定表名则对所有表生效）",
-    "jsonPathPlaceholder": "每行一个路径, 例如:\n$.name\n$.*",
-    "mineruTokenPlaceholder": "使用Mineru引擎时需要",
-    "baseUrlPlaceholder": "OpenAi兼容地址",
-    "apiKeyPlaceholder": "请输入您的API Key",
-    "modelIdPlaceholder": "例如: gpt-4o, glm-4",
-    "customLangPlaceholder": "请输入目标语言, 例如: Italian",
-    "customPromptPlaceholder": "可选，如“人名保持原文不翻译”",
     "init_i18n_failed_alert": "加载界面翻译资源失败，请检查网络连接或联系管理员。",
     "init_failed_alert": "初始化失败，无法连接到后端服务。请检查服务是否运行或刷新页面。",
     "glossaryEmpty": "术语表为空。",
-    "parsingSettingsTitleText": "解析配置",
+    "engineOptionIdentity": "默认 (不解析)",
-    "jsonSettingsTitleText": "JSON路径配置",
-    "xlsxSettingsTitleText": "XLSX翻译选项",
-    "docxSettingsTitleText": "DOCX翻译选项",
-    "srtSettingsTitleText": "SRT翻译选项",
-    "epubSettingsTitleText": "EPUB翻译选项",
-    "htmlSettingsTitleText": "HTML翻译选项",
-    "aiSettingsTitleText": "翻译模型",
-    "translationSettingsTitleText": "翻译配置",
-    "engineOptionIdentity": "默认",
     "engineOptionMineru": "Mineru",
     "engineOptionDocling": "Docling",
     "status_selectFileFirst": "请先选择文件！",
-    "status_fillRequired": "请填写所有必填项！",
+    "status_invalidWorkflow": "无效的工作流类型。",
-    "status_invalidWorkflow": "选择了无效的工作流",
+    "status_fillRequired": "请填写所有必填项。",
-    "status_releasingOldTask": "正在释放旧任务资源...",
+    "status_releasingOldTask": "正在释放旧任务...",
     "btn_initializing": "初始化中...",
-    "status_encodingAndSubmitting": "文件编码并提交中...",
+    "status_encodingAndSubmitting": "正在编码并提交任务...",
-    "status_requestOk": "任务请求成功，等待处理...",
+    "status_requestOk": "请求成功，任务已开始。",
     "btn_cancelTranslation": "取消翻译",
     "status_requestFail": "请求失败",
-    "status_initFail": "任务启动失败",
+    "status_initFail": "任务初始化失败",
     "status_cancelling": "取消中...",
-    "status_cancelSent": "取消请求已发送",
+    "status_cancelSent": "已发送取消请求。",
     "status_cancelFail": "取消失败",
     "admin_tasklist_failed": "管理员模式：加载任务列表失败。",
-    "status_gettingStatus": "获取状态中...",
+    "status_gettingStatus": "正在获取状态...",
+    "status_updateError": "状态更新失败。",
     "btn_reTranslate": "重新翻译",
-    "status_updateError": "状态更新失败，请检查网络",
     "preview_loading": "加载预览中...",
-    "preview_cantReadOriginal": "无法读取原文内容。",
+    "preview_cantReadOriginal": "无法读取原始文件内容。",
     "preview_cantPreviewType": "无法预览此文件类型",
-    "preview_noOriginalCache": "无原文缓存，请重新上传文件以预览。",
+    "preview_noOriginalCache": "无原始文件缓存可供预览。",
-    "preview_loadFailed": "加载预览失败",
+    "preview_loadFailed": "加载预览失败。",
-    "pdf_preparing": "正在准备PDF，请稍候...",
+    "pdf_preparing": "正在准备PDF...",
-    "pdf_print_failed": "调用打印功能失败，请尝试手动保存为PDF。",
+    "pdf_print_failed": "调用打印功能失败。请尝试手动保存为PDF。",
-    "pdf_fetch_failed": "获取HTML内容失败，无法生成PDF。",
+    "pdf_fetch_failed": "获取PDF内容失败。",
-    "preview_bilingual": "双语对照预览",
+    "preview_bilingual": "双语预览",
     "preview_translatedOnly": "仅译文预览"
   },
   "en": {
     "pageTitle": "DocuTranslate - Interactive Document Translation",
     "tutorialBtn": "Tutorial",
-    "projectContributeBtn": "Collaborate",
+    "projectContributeBtn": "Contribute",
-    "workflowTitle": "1. Select Workflow",
+    "workflowTitle": "Select Workflow",
-    "workflowOptionMarkdown": "Markdown-based Translation (.pdf/.md/.png, etc.)",
+    "workflowOptionMarkdown": "Markdown-based Translation (.pdf/.md/.png etc.)",
     "workflowOptionTxt": "Plain Text Translation (.txt)",
     "workflowOptionJson": "JSON Translation (.json)",
     "workflowOptionDocx": "DOCX Translation (.docx)",
@@ -166,64 +167,84 @@
     "workflowOptionSrt": "SRT Subtitle Translation (.srt)",
     "workflowOptionEpub": "EPUB Translation (.epub)",
     "workflowOptionHtml": "HTML Translation (.html)",
-    "autoWorkflowLabel": "Auto-select workflow",
+    "autoWorkflowLabel": "Auto-select Workflow",
-    "insertModeLabel": "Insert Mode",
+    "docxSettingsTitleText": "DOCX Translation Options",
-    "insertModeReplace": "Replace Original",
+    "insertModeLabel": "Insertion Mode",
-    "insertModeAppend": "Append to Original",
+    "insertModeReplace": "Replace Original (Replace)",
-    "insertModePrepend": "Prepend to Original",
+    "insertModeAppend": "Append to Original (Append)",
+    "insertModePrepend": "Prepend to Original (Prepend)",
     "insertModeHelpDocx": "Choose how to insert the translated text.",
     "separatorLabel": "Separator",
-    "separatorHelp": "Separator character used between original and translated text when in Append or Prepend mode. <code>\\n</code> represents a newline.",
+    "separatorPlaceholder": "e.g., \\n---translation---\\n",
+    "separatorHelp": "Used to separate original and translated text in Append or Prepend mode. <code>\\n</code> represents a newline.",
+    "xlsxSettingsTitleText": "XLSX Translation Options",
     "insertModeHelpXlsx": "Choose how to insert translated text into cells.",
+    "separatorPlaceholderSimple": "e.g., \\n---\\n",
     "xlsxTranslateRegionsLabel": "Translation Regions (Optional)",
+    "xlsxTranslateRegionsPlaceholder": "One region per line, e.g., Sheet1!A1:B10 (applies to all sheets if sheet name is omitted)",
+    "srtSettingsTitleText": "SRT Translation Options",
     "insertModeHelpSrt": "Choose how to insert the translated text.",
+    "epubSettingsTitleText": "EPUB Translation Options",
     "insertModeHelpEpub": "Choose how to insert the translated text.",
+    "htmlSettingsTitleText": "HTML Translation Options",
     "insertModeHelpHtml": "Choose how to insert the translated text.",
+    "jsonSettingsTitleText": "JSON Path Configuration",
     "jsonPathLabel": "JSON Paths to Translate",
-    "jsonPathHelp": "Uses <code>jsonpath-ng</code> syntax. Enter one JSON path per line.",
+    "jsonPathPlaceholder": "One path per line, e.g.,\n$.name\n$.*",
+    "jsonPathHelp": "Uses <code>jsonpath-ng</code> syntax. Each line represents a JSON path.",
+    "parsingSettingsTitleText": "Parsing Configuration",
     "parsingEngineLabel": "Parsing Engine",
-    "parsingEngineHelp": "Not required if the uploaded file is already in .md format.",
+    "parsingEngineHelp": "This can be skipped if the uploaded file is already in .md format.",
     "getMineruTokenTitle": "Get Mineru Token",
+    "mineruTokenPlaceholder": "Required when using Mineru engine",
     "modelVersionLabel": "Mineru Model Version",
     "modelVersionVlm": "VLM",
     "modelVersionPipline": "Pipeline",
-    "modelVersionHelp": "Mineru VLM is a newer model in beta.",
+    "modelVersionHelp": "mineru VLM is a newer model in closed beta.",
     "formulaOcrLabel": "Formula Recognition",
     "codeOcrLabel": "Code Recognition",
+    "aiSettingsTitleText": "Translation Model",
+    "skipTranslationLabel": "Skip Translation",
     "platformLabel": "Select Platform",
     "platformCustom": "Custom Endpoint",
-    "baseUrlLabel": "API Address (Base URL)",
+    "baseUrlLabel": "API Base URL",
+    "baseUrlPlaceholder": "OpenAI-compatible URL",
     "getApiKeyTitle": "Get API Key",
+    "apiKeyPlaceholder": "Please enter your API Key",
     "modelIdLabel": "Model ID",
+    "modelIdPlaceholder": "e.g., gpt-4o, glm-4",
+    "translationSettingsTitleText": "Translation Configuration",
     "targetLanguageLabel": "Target Language",
     "targetLanguageCustom": "Other (Custom)",
+    "customLangPlaceholder": "Enter target language, e.g., Italian",
     "thinkingModeLabel": "Thinking Mode",
-    "thinkingModeTooltip": "Set the thinking mode for mixed-inference models. Currently supports Zhipu's glm-4.5 series, Alibaba's qwen3 series, Volcengine's Doubao-Seed-1.6 series, etc.",
+    "thinkingModeTooltip": "Set the thinking mode for mixture-of-experts models. Currently supports Zhipu's glm-4.5 series, Alibaba's qwen3 series, Volcengine's Doubao-Seed-1.6 series, etc.",
     "thinkingModeEnable": "Enable",
     "thinkingModeDisable": "Disable",
     "thinkingModeDefault": "Default",
     "customPromptLabel": "Custom Prompt",
+    "customPromptPlaceholder": "Optional, e.g., 'Keep proper names in their original language.'",
     "chunkSizeLabel": "Chunk Size",
     "resetBtn": "Reset",
     "concurrentLabel": "Concurrency",
     "glossaryGenTitle": "Glossary",
     "glossaryLabel": "Glossary (Optional)",
-    "glossaryHelp": "Select one or more CSV files. Files must have 'src' and 'dst' headers, representing source and destination text respectively.",
+    "glossaryHelp": "Select one or more CSV files. Files must contain 'src' and 'dst' headers for source and destination terms.",
     "viewGlossaryBtn": "View Glossary",
     "clearGlossaryBtn": "Clear",
     "glossaryGenEnableLabel": "Auto-generate Glossary",
     "glossaryGenConfigLabel": "Glossary Generation Config",
     "glossaryGenConfigSame": "Same as Translation Config",
     "glossaryGenConfigCustom": "Custom",
-    "githubInfo": "GitHub (Star us! ❤): <br/><a href=\"https://github.com/xunbu/docutranslate\" target=\"_blank\" rel=\"noopener noreferrer\">https://github.com/xunbu/docutranslate</a>",
+    "githubInfo": "GitHub Repo (Stars 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",
+    "qqGroupInfo": "Discussion QQ Group: 1047781902",
     "taskListTitle": "Task List",
     "newTaskBtn": "New Task",
-    "noTaskPlaceholder": "No tasks yet. Click \"New Task\" to get started!",
+    "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": "Log",
     "taskCardStatusWaiting": "Waiting for file upload...",
@@ -231,80 +252,61 @@
     "taskCardDownloadBtn": "Download",
     "taskCardAttachmentBtn": "Attachments",
     "taskCardStartBtn": "Start Translation",
-    "downloadMdEmbedded": "Markdown (Embedded)",
+    "downloadMdEmbedded": "Markdown (Embedded Images)",
     "downloadMdZip": "Markdown (Zip)",
     "previewTitle": "Preview",
     "previewBilingualBtn": "Bilingual",
     "previewTranslatedOnlyBtn": "Translated Only",
     "previewOriginal": "Original",
-    "previewTranslated": "Translation",
+    "previewTranslated": "Translated",
     "closeBtn": "Close",
     "downloadBtn": "Download",
     "tutorialModalTitle": "Tutorial",
-    "tutorialModalBody": "<p><i class=\"bi bi-camera-video me-2\"></i>Video tutorials are available on <a href=\"https://www.youtube.com/results?search_query=docutranslate\" target=\"_blank\">YouTube</a> by searching for docutranslate.</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>Select Workflow</strong><p class=\"mt-2\">First, choose the appropriate translation process from the top of the settings panel. Different workflows are suited for different file types:</p><ul><li><b>Markdown-based Translation</b>: Ideal for translating PDFs, markdown files, images, etc.</li><li><b>Plain Text Translation</b>: For translating <code>.txt</code> files.</li><li><b>JSON Translation</b>: For translating specific fields within <code>.json</code> files.</li><li><b>DOCX Translation</b>: For translating <code>.docx</code> files.</li><li><b>XLSX Translation</b>: For translating <code>.xlsx</code> spreadsheets or <code>.csv</code> files.</li><li><b>SRT Subtitle Translation</b>: For translating <code>.srt</code> subtitle files.</li><li><b>EPUB Translation</b>: For translating <code>.epub</code> e-books.</li><li><b>HTML Translation</b>: For translating <code>.html</code> files.</li></ul><div class=\"alert alert-info mt-2\" role=\"alert\"><i class=\"bi bi-lightbulb-fill me-2\"></i>New Feature: \"Auto-select workflow\" is now enabled by default. Simply upload your file, and the system will automatically match it with the correct workflow to simplify the process.</div></li><li><strong><i class=\"bi bi-gear-fill me-2\"></i>Configure Parameters</strong><p class=\"mt-2\">Configure the settings based on your chosen workflow. All settings are automatically saved in your browser.</p><ul><li class=\"mb-2\"><strong>Parsing Config</strong> (Only for 'Markdown-based Translation'):<ul class=\"mt-1\"><li><strong>Parsing Engine</strong>: Choose an engine to convert your file (e.g., PDF) into a translation-friendly Markdown format. This is not needed if your file is already Markdown.</li><li><strong>Mineru Token</strong>: A token is required if you select the <code>minerU</code> engine.</li></ul></li><li class=\"mb-2\"><strong>DOCX/XLSX/SRT/EPUB/HTML Options</strong> (For their respective workflows):<ul class=\"mt-1\"><li><strong>Insert Mode</strong>: Define how the translation is placed in the document. You can 'Replace' the original text, 'Append' it after, or 'Prepend' it before.</li><li><strong>Separator</strong>: When using 'Append' or 'Prepend', this character will be inserted between the original and translated text.</li></ul></li><li class=\"mb-2\"><strong>JSON Path Config</strong> (Only for 'JSON Translation'):<ul class=\"mt-1\"><li><strong>JSON Paths to Translate</strong>: Enter one <a href=\"https://goessner.net/articles/JsonPath/\" target=\"_blank\">JSONPath</a> expression per line to specify which fields to translate.</li><li>For example, <code>$..description</code> translates all values with the key 'description'. <code>$.items[0].name</code> translates the 'name' of the first item.</li></ul></li><li class=\"mb-2\"><strong>Translation Model</strong>:<ul class=\"mt-1\"><li><strong>Select Platform/API Address/API Key/Model ID</strong>: Configure the AI translation service you want to use.</li><li>Refer to the platform's documentation for model IDs. It's recommended to use non-inference or mixed-inference models (with thinking disabled).</li></ul></li><li class=\"mb-2\"><strong>Translation Config</strong>:<ul class=\"mt-1\"><li><strong>Target Language/Custom Prompt/Glossary</strong>: Specify the target language, add custom instructions, and provide a glossary for consistent terminology.</li><li><strong>Thinking Mode</strong>: Set whether the mixed-inference model should 'think'. Supported models include Zhipu's glm4.5 series, Alibaba's qwen3 series, and Volcengine's seed1.6 series. Disabling is recommended.</li><li><strong>Chunk Size/Concurrency/Temperature</strong>: These settings control the text chunk size sent to the AI, the number of concurrent requests, and the creativity of the translation. Default values are usually fine.</li></ul></li></ul></li><li><strong><i class=\"bi bi-file-earmark-arrow-up-fill me-2\"></i>Upload File</strong><p class=\"mt-2\">In the task list on the right, click or drag your document into the file upload area.</p></li><li><strong><i class=\"bi bi-play-circle-fill me-2\"></i>Start Translation</strong><p class=\"mt-2\">After selecting a file, click the <span class=\"badge bg-primary\">Start Translation</span> button on the task card. The system will begin processing, and you can monitor the progress in the log area.</p></li><li><strong><i class=\"bi bi-check-circle-fill me-2\"></i>View & Download</strong><p class=\"mt-2\">Once the translation is complete, new buttons will appear on the task card:</p><ul><li><span class=\"badge bg-success\"><i class=\"bi bi-eye-fill me-1\"></i>Preview</span>: Opens a side panel to coLine 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! Follow these steps to translate your documents:</p><ol><li><strong><i class=\"bi bi-diagram-3 me-2\"></i>Select Workflow</strong><p class=\"mt-2\">First, choose the appropriate translation process from the top of the settings panel. Different workflows are suited for different file types:<ul><li><b>Markdown-based Translation</b>: Ideal for translating PDFs, markdown files, images, etc.</li><li><b>Plain Text Translation</b>: For translating <code>.txt</code> or other plain text files.</li><li><b>JSON Translation</b>: For translating specific fields within <code>.json</code> files.</li><li><b>DOCX Translation</b>: For translating <code>.docx</code> files.</li><li><b>XLSX Translation</b>: For translating <code>.xlsx</code> spreadsheets and <code>.csv</code> files.</li><li><b>SRT Subtitle Translation</b>: For translating <code>.srt</code> subtitle files.</li><li><b>EPUB Translation</b>: For translating <code>.epub</code> e-book files.</li><li><b>HTML Translation</b>: For translating <code>.html</code> files.</li></ul><div class=\"alert alert-info mt-2\" role=\"alert\"><i class=\"bi bi-lightbulb-fill me-2\"></i>New Feature: The \"Auto-select Workflow\" switch is now on by default. Simply upload your file, and the system will automatically choose the best workflow for you, simplifying the process.</div></p></li><li><strong><i class=\"bi bi-gear-fill me-2\"></i>Configure Parameters</strong><p class=\"mt-2\">Configure the relevant settings based on your chosen workflow. All your settings are automatically saved in your browser.</p><ul><li class=\"mb-2\"><strong>Parsing Configuration</strong> (only for 'Markdown-based Translation'):<ul class=\"mt-1\"><li><strong>Parsing Engine</strong>: Select an engine to convert your file (like a PDF) into a translation-friendly Markdown format. This is not needed if your file is already Markdown.</li><li><strong>Mineru Token</strong>: If you choose the <code>minerU</code> engine, you must enter your token here.</li></ul></li><li class=\"mb-2\"><strong>DOCX/XLSX/SRT/EPUB/HTML Options</strong> (for their respective workflows):<ul class=\"mt-1\"><li><strong>Insertion Mode</strong>: Defines how the translation is placed in the document. You can 'Replace' the original text, 'Append' it after, or 'Prepend' it before.</li><li><strong>Separator</strong>: When using 'Append' or 'Prepend', this defines the characters used to separate the original and translated text.</li></ul></li><li class=\"mb-2\"><strong>JSON Path Configuration</strong> (only for 'JSON Translation'):<ul class=\"mt-1\"><li><strong>JSON Paths to Translate</strong>: Enter one <a href=\"https://goessner.net/articles/JsonPath/\" target=\"_blank\">JSONPath</a> expression per line to specify which fields to translate.</li><li>For example, <code>$..description</code> translates all values with the key 'description'. <code>$.items[0].name</code> translates the 'name' of the first item.</li></ul></li><li class=\"mb-2\"><strong>Translation Model</strong>:<ul class=\"mt-1\"><li><strong>Skip Translation</strong>: If checked, the process will only parse and convert the document format without calling an AI for translation.</li><li><strong>Select Platform/API Base URL/API Key/Model ID</strong>: Configure the AI translation service you want to use.</li><li>Refer to the platform's documentation for model IDs. Models not specialized in reasoning or mixture-of-experts models (with thinking disabled) are recommended.</li></ul></li><li class=\"mb-2\"><strong>Translation Configuration</strong>:<ul class=\"mt-1\"><li><strong>Target Language/Custom Prompt/Glossary</strong>: Specify the target language, add custom instructions, and provide a glossary to ensure term consistency.</li><li><strong>Thinking Mode</strong>: Sets whether mixture-of-experts models should 'think' before answering. Currently supported by Zhipu's glm4.5 series, Alibaba's qwen3 series, and Volcengine's seed1.6 series. Disabling 'thinking' is recommended.</li><li><strong>Chunk Size/Concurrency/Temperature</strong>: These control the size of text chunks sent to the AI, the number of parallel requests, and the randomness of the output. Default values are usually fine.</li></ul></li></ul></li><li><strong><i class=\"bi bi-file-earmark-arrow-up-fill me-2\"></i>Upload File</strong><p class=\"mt-2\">In the task list on the right, click or drag your document into the file drop area.</p></li><li><strong><i class=\"bi bi-play-circle-fill me-2\"></i>Start Translation</strong><p class=\"mt-2\">Once the file is selected, click the <span class=\"badge bg-primary\">Start Translation</span> button on the task card. The system will begin processing, and you can monitor the progress in the log area.</p></li><li><strong><i class=\"bi Line truncated
     "tutorialUnderstandBtn": "I Understand",
     "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": "Thank you to everyone who has sponsored, contributed code, offered valuable suggestions, and starred the project!",
+    "contributorsPara2": "A big thank you to everyone who has sponsored the project, submitted code, provided valuable suggestions, and starred the repository!",
     "contributorsWelcome": "We welcome contributions in the following ways:",
-    "contributorsGithub": "GitHub Page",
+    "contributorsGithub": "GitHub Repo",
-    "contributorsPR": "Submit Pull Request",
+    "contributorsPR": "Submit a Pull Request",
-    "contributorsIssue": "Report Issue",
+    "contributorsIssue": "Report an Issue",
     "contributorsQQ": "Or contact the author via QQ Group: <span>1047781902</span>",
     "glossaryModalTitle": "Current Glossary",
     "glossaryTableSource": "Source (src)",
     "glossaryTableDestination": "Destination (dst)",
-    "separatorPlaceholder": "e.g., \\n---Translation---\\n",
-    "separatorPlaceholderSimple": "e.g., \\n---\\n",
-    "xlsxTranslateRegionsPlaceholder": "One region per line, e.g., Sheet1!A1:B10 (applies to all sheets if sheet name is omitted)",
-    "jsonPathPlaceholder": "One path per line, e.g.,\n$.name\n$.*",
-    "mineruTokenPlaceholder": "Required when using Mineru engine",
-    "baseUrlPlaceholder": "OpenAI-compatible address",
-    "apiKeyPlaceholder": "Please enter your API Key",
-    "modelIdPlaceholder": "e.g., gpt-4o, glm-4",
-    "customLangPlaceholder": "Enter target language, e.g., Italian",
-    "customPromptPlaceholder": "Optional, e.g., \"Keep proper names in their original language\"",
     "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.",
     "glossaryEmpty": "Glossary is empty.",
-    "parsingSettingsTitleText": "Parsing Config",
+    "engineOptionIdentity": "Default (No Parsing)",
-    "jsonSettingsTitleText": "JSON Path Config",
-    "xlsxSettingsTitleText": "XLSX Translation Options",
-    "docxSettingsTitleText": "DOCX Translation Options",
-    "srtSettingsTitleText": "SRT Translation Options",
-    "epubSettingsTitleText": "EPUB Translation Options",
-    "htmlSettingsTitleText": "HTML Translation Options",
-    "aiSettingsTitleText": "Translation Model",
-    "translationSettingsTitleText": "Translation Config",
-    "engineOptionIdentity": "Default",
     "engineOptionMineru": "Mineru",
     "engineOptionDocling": "Docling",
     "status_selectFileFirst": "Please select a file first!",
-    "status_fillRequired": "Please fill in all required fields!",
+    "status_invalidWorkflow": "Invalid workflow type.",
-    "status_invalidWorkflow": "Invalid workflow selected",
+    "status_fillRequired": "Please fill in all required fields.",
-    "status_releasingOldTask": "Releasing old task resources...",
+    "status_releasingOldTask": "Releasing old task...",
     "btn_initializing": "Initializing...",
-    "status_encodingAndSubmitting": "Encoding and submitting file...",
+    "status_encodingAndSubmitting": "Encoding and submitting task...",
-    "status_requestOk": "Task submitted successfully, awaiting processing...",
+    "status_requestOk": "Request successful, task has started.",
     "btn_cancelTranslation": "Cancel Translation",
-    "status_requestFail": "Request Failed",
+    "status_requestFail": "Request failed",
-    "status_initFail": "Task initiation failed",
+    "status_initFail": "Task initialization failed",
     "status_cancelling": "Cancelling...",
-    "status_cancelSent": "Cancellation request sent",
+    "status_cancelSent": "Cancellation request sent.",
     "status_cancelFail": "Cancellation failed",
-    "admin_tasklist_failed": "Admin Mode: Failed to load task list.",
+    "admin_tasklist_failed": "Admin mode: Failed to load task list.",
     "status_gettingStatus": "Getting status...",
-    "btn_reTranslate": "Translate Again",
+    "status_updateError": "Status update failed.",
-    "status_updateError": "Status update failed, please check network",
+    "btn_reTranslate": "Re-translate",
     "preview_loading": "Loading preview...",
-    "preview_cantReadOriginal": "Could not read original content.",
+    "preview_cantReadOriginal": "Could not read original file content.",
     "preview_cantPreviewType": "Cannot preview this file type",
-    "preview_noOriginalCache": "No original file cached. Please re-upload to preview.",
+    "preview_noOriginalCache": "No original file cached for preview.",
-    "preview_loadFailed": "Failed to load preview",
+    "preview_loadFailed": "Failed to load preview.",
-    "pdf_preparing": "Preparing PDF, please wait...",
+    "pdf_preparing": "Preparing PDF...",
     "pdf_print_failed": "Failed to invoke print function. Please try saving to PDF manually.",
-    "pdf_fetch_failed": "Failed to fetch HTML content, cannot generate PDF.",
+    "pdf_fetch_failed": "Failed to fetch content for PDF.",
     "preview_bilingual": "Bilingual Preview",
-    "preview_translatedOnly": "Translated-Only Preview"
+    "preview_translatedOnly": "Translated Only Preview"
   }
 }

docutranslate/static/index.html

@@ -1 +1 @@
-<!DOCTYPE html>
<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);
        }

        .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;
        }

        .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, .preview-pane pre {
            width: 100%;
            height: 95%;
            border: none;
            margin: 0;
            padding: 0;
            overflow: auto;
            background-color: var(--bs-body-bg);
        }

        .slider-reset-btn {
            visibility: hidden;
        }

        .bottom-left-controls {
            position: fixed;
            bottom: 1rem;
            left: 1rem;
            z-index: 1050;
            display: flex;
            gap: 0.5rem;
        }

        @media (max-width: 991.98px) {
            .main-container {
                height: auto;
                padding-bottom: 6rem;
            }

            .settings-panel, .task-area {
                height: auto;
                overflow-y: visible;
            }

            .settings-panel {
                padding-right: 0;
                margin-bottom: 2rem;
            }
        }

        @media (max-width: 767.98px) {
            .task-card .col-md-7 {
                margin-top: 1.5rem;
            }

            Line truncated
+<!DOCTYPE html>
<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);
        }

        .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;
        }

        .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, .preview-pane pre {
            width: 100%;
            height: 95%;
            border: none;
            margin: 0;
            padding: 0;
            overflow: auto;
            background-color: var(--bs-body-bg);
        }

        .slider-reset-btn {
            visibility: hidden;
        }

        .bottom-left-controls {
            position: fixed;
            bottom: 1rem;
            left: 1rem;
            z-index: 1050;
            display: flex;
            gap: 0.5rem;
        }

        @media (max-width: 991.98px) {
            .main-container {
                height: auto;
                padding-bottom: 6rem;
            }

            .settings-panel, .task-area {
                height: auto;
                overflow-y: visible;
            }

            .settings-panel {
                padding-right: 0;
                margin-bottom: 2rem;
            }
        }

        @media (max-width: 767.98px) {
            .task-card .col-md-7 {
                margin-top: 1.5rem;
            }

            Line truncated