diff --git a/.dockerignore b/.dockerignore
new file mode 100644
index 0000000..487d98b
--- /dev/null
+++ b/.dockerignore
@@ -0,0 +1,4 @@
+target/
+.git/
+.idea/
+outputs/
diff --git a/Dockerfile b/Dockerfile
index afd37a7..343a011 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -1,10 +1,17 @@
+# syntax=docker/dockerfile:1.7
+
 FROM maven:3.9.6-eclipse-temurin-8 AS builder
 WORKDIR /app
 
 COPY pom.xml .
+
+RUN --mount=type=cache,target=/root/.m2 \
+    mvn -B -DskipTests dependency:go-offline
+
 COPY src ./src
 
-RUN mvn -DskipTests clean package
+RUN --mount=type=cache,target=/root/.m2 \
+    mvn -B -DskipTests clean package
 
 FROM eclipse-temurin:8-jre
 WORKDIR /app
diff --git a/Makefile b/Makefile
index 534a42a..be2b1c2 100644
--- a/Makefile
+++ b/Makefile
@@ -1,17 +1,18 @@
 .PHONY: up down status
 
 COMPOSE_CMD := $(shell if command -v docker >/dev/null 2>&1 && docker compose version >/dev/null 2>&1; then echo "docker compose"; elif command -v docker-compose >/dev/null 2>&1; then echo "docker-compose"; fi)
+BUILD_ENV := DOCKER_BUILDKIT=1 COMPOSE_DOCKER_CLI_BUILD=1
 
 up:
 	@if [ -z "$(COMPOSE_CMD)" ]; then echo "docker compose/docker-compose not found"; exit 1; fi
-	@$(COMPOSE_CMD) up -d --build
+	@$(BUILD_ENV) $(COMPOSE_CMD) up -d --build
 	@echo "Application is starting at http://localhost:18088"
 
 down:
 	@if [ -z "$(COMPOSE_CMD)" ]; then echo "docker compose/docker-compose not found"; exit 1; fi
-	@$(COMPOSE_CMD) down
+	@$(BUILD_ENV) $(COMPOSE_CMD) down
 
 status:
 	@if [ -z "$(COMPOSE_CMD)" ]; then echo "docker compose/docker-compose not found"; exit 1; fi
-	@$(COMPOSE_CMD) ps
+	@$(BUILD_ENV) $(COMPOSE_CMD) ps
 	@echo "Access URL: http://localhost:18088"
diff --git a/README.md b/README.md
index 0b54ac2..986a912 100644
--- a/README.md
+++ b/README.md
@@ -9,7 +9,7 @@ SVN 日志抓取与 AI 工作量分析工具，统一使用 Web 工作台入口
 ## 常用命令
 
 ```bash
-# 一键启动（Docker）
+# 一键启动（Docker，每次会重新构建镜像并打包最新代码）
 make up
 
 # 查看状态
@@ -28,6 +28,12 @@ mvn clean package -DskipTests
 mvn spring-boot:run -Dspring-boot.run.mainClass=com.svnlog.web.WebApplication
 ```
 
+## Docker 构建缓存说明
+
+- `make up` 会始终执行 `docker compose up -d --build`，因此每次都会重新打包最新代码。
+- Docker 构建默认启用 BuildKit；首次构建会下载 Maven 依赖，后续在 `pom.xml` 未变化时会复用 `/root/.m2` 构建缓存，通常不会重复大规模下载。
+- 以下情况会触发依赖重新解析或重新下载：修改 `pom.xml`、执行 `docker builder prune` 清理构建缓存、切换到另一套 Docker Builder / Docker 环境。
+
 ## 代码结构
 
 - `com.svnlog.web`：Web 入口、控制器、DTO、服务
diff --git a/docs/README_Web.md b/docs/README_Web.md
index 82a76d1..0d3af14 100644
--- a/docs/README_Web.md
+++ b/docs/README_Web.md
@@ -8,7 +8,7 @@ Web 工作台将现有 CLI 能力封装为可视化页面与 REST API，支持
 2. 异步抓取日志并导出 Markdown
 3. 使用 DeepSeek 或 OpenAI 兼容接口分析 Markdown 并生成 Excel
 4. 查看任务历史（状态、进度、错误、产物），支持筛选、分页与取消运行中任务
-5. 下载输出文件、配置 API Key 与输出目录
+5. 下载输出文件、配置 API Key、SVN 账号与输出目录
 6. 工作台展示系统健康状态（输出目录可写性、API Key 配置、任务统计）
 
 批量抓取策略：多个项目按顺序执行（前一个项目完成后才开始下一个）。
@@ -18,7 +18,7 @@ Web 工作台将现有 CLI 能力封装为可视化页面与 REST API，支持
 在仓库根目录执行：
 
 ```bash
-# Docker 一键启动（推荐）
+# Docker 一键启动（推荐；每次会重新构建镜像并打包最新代码）
 make up
 ```
 
@@ -34,13 +34,20 @@ mvn spring-boot:run -Dspring-boot.run.mainClass=com.svnlog.web.WebApplication
 http://localhost:18088
 ```
 
+## Docker 构建行为
+
+- `make up` 保持“重新构建并启动”的语义，每次都会执行一次 Maven 打包，确保容器内是最新代码。
+- Docker 构建使用 BuildKit 缓存 Maven 本地仓库；首次构建会下载依赖，后续在 `pom.xml` 未变更时会优先命中缓存，不会在每次构建时重复下载全部依赖。
+- 如果修改了 `pom.xml`、执行了 `docker builder prune`、或切换到新的 Docker 环境，依赖缓存会失效并重新下载。
+- 如果本机 Docker 未启用 BuildKit，可显式设置 `DOCKER_BUILDKIT=1` 和 `COMPOSE_DOCKER_CLI_BUILD=1` 后再执行 `make up`。
+
 ## 页面说明
 
 - 工作台：最近任务统计与最近产物
-- SVN 日志抓取：SVN 地址、账号密码、版本区间、过滤用户（支持预置项目下拉与自定义地址）
+- SVN 日志抓取：版本区间、过滤用户与连接测试；SVN 账号密码统一在系统设置中托管
 - AI 工作量分析：选择 Markdown 文件、工作周期、输出文件名
 - 任务历史：异步任务状态与产物列表，支持筛选、分页、取消任务
-- 系统设置：AI 提供商、DeepSeek API Key、OpenAI 兼容 Base URL/API Key/阶段模型、输出目录、默认 SVN 预置项目
+- 系统设置：AI 提供商、DeepSeek API Key、OpenAI 兼容 Base URL/API Key/阶段模型、SVN 用户名/密码、输出目录、默认 SVN 预置项目
 
 ## 输出目录
 
@@ -48,6 +55,8 @@ http://localhost:18088
 - Markdown 输出：`outputs/md/*.md`
 - Excel 输出：`outputs/excel/*.xlsx`
 - 任务持久化：`outputs/task-history.json`（重启后可恢复历史）
+- 设置页保存 `outputDir` 时会自动创建不存在的目录；如果目标路径已被普通文件占用，或当前运行用户对该目录无写权限，`PUT /api/settings` 会明确返回失败。
+- 如果本机已有 `outputs/` 但属主或权限异常，可手动修复为当前用户可写后再保存设置，例如调整目录属主或写权限。
 
 ## AI 提供商设置
 
@@ -66,6 +75,14 @@ http://localhost:18088
 
 建议在生产环境优先使用环境变量，避免敏感信息暴露。
 
+## SVN 凭据读取优先级
+
+1. 单次请求显式传入的 `username/password`（兼容旧接口）
+2. 设置页保存的运行时 `svnUsername/svnPassword`
+3. 环境变量 `SVN_USERNAME` / `SVN_PASSWORD`
+
+`GET /api/settings` 不会回显 `openaiApiKey` 或 `svnPassword` 明文，前端通过 `openaiApiKeyConfigured` 和 `svnCredentialsConfigured` 展示配置状态。
+
 ## SVN 预设来源与调用方式
 
 - SVN 地址统一维护在 `application.properties` 的 `svn.presets[*]` 中。
diff --git a/src/main/java/com/svnlog/web/controller/AppController.java b/src/main/java/com/svnlog/web/controller/AppController.java
index bfa655f..13f5d91 100644
--- a/src/main/java/com/svnlog/web/controller/AppController.java
+++ b/src/main/java/com/svnlog/web/controller/AppController.java
@@ -1,6 +1,8 @@
 package com.svnlog.web.controller;
 
 import java.io.IOException;
+import java.net.URLEncoder;
+import java.nio.charset.StandardCharsets;
 import java.nio.file.Files;
 import java.nio.file.Path;
 import java.time.Instant;
@@ -27,8 +29,6 @@ import org.springframework.web.bind.annotation.RequestParam;
 import org.springframework.web.bind.annotation.RestController;
 import org.springframework.web.servlet.mvc.method.annotation.SseEmitter;
 
-import com.svnlog.core.svn.SVNLogFetcher;
-
 import com.svnlog.web.dto.AiAnalyzeRequest;
 import com.svnlog.web.dto.SettingsUpdateRequest;
 import com.svnlog.web.dto.SvnConnectionRequest;
@@ -102,18 +102,26 @@ public class AppController {
         final String traceId = safe(request.getClientTraceId());
         final SvnPreset preset = svnPresetService.getById(request.getPresetId());
         final String url = preset.getUrl();
-        final String username = request.getUsername();
-        final String password = request.getPassword();
+        final SettingsService.SvnCredentials credentials = settingsService.resolveSvnCredentials(
+                request.getUsername(),
+                request.getPassword()
+        );
         final int year = request.getYear().intValue();
         final int month = request.getMonth().intValue();
 
         LOGGER.info(
                 "[SVN_VERSION_RANGE][REQUEST] traceId={} presetId={} presetName={} url={} year={} month={} username={} password={}",
-                traceId, request.getPresetId(), preset.getName(), url, year, month, username, maskPassword(password)
+                traceId,
+                request.getPresetId(),
+                preset.getName(),
+                url,
+                year,
+                month,
+                credentials.getUsername(),
+                maskPassword(credentials.getPassword())
         );
 
-        SVNLogFetcher fetcher = new SVNLogFetcher(url, username, password);
-        long[] range = fetcher.getVersionRangeByMonth(year, month, traceId);
+        final long[] range = svnWorkflowService.getVersionRange(request);
 
         final Map<String, Object> response = new HashMap<String, Object>();
         response.put("presetId", request.getPresetId());
@@ -246,11 +254,10 @@ public class AppController {
         }
 
         final HttpHeaders headers = new HttpHeaders();
-        headers.setContentDispositionFormData("attachment", file.getFileName().toString());
+        headers.add(HttpHeaders.CONTENT_DISPOSITION, buildAttachmentDisposition(file.getFileName().toString()));
+        headers.add("X-Content-Type-Options", "nosniff");
 
-        final MediaType mediaType = relativePath.toLowerCase().endsWith(".md")
-                ? MediaType.parseMediaType("text/markdown")
-                : MediaType.APPLICATION_OCTET_STREAM;
+        final MediaType mediaType = resolveMediaType(file);
 
         return ResponseEntity.ok()
                 .headers(headers)
@@ -273,6 +280,8 @@ public class AppController {
                 request.getOpenaiApiKey(),
                 request.getOpenaiStageOneModel(),
                 request.getOpenaiStageTwoModel(),
+                request.getSvnUsername(),
+                request.getSvnPassword(),
                 request.getOutputDir(),
                 request.getDefaultSvnPresetId()
         );
@@ -290,6 +299,50 @@ public class AppController {
         return value == null ? "" : value.trim();
     }
 
+    private MediaType resolveMediaType(Path file) throws IOException {
+        final String fileName = file.getFileName().toString().toLowerCase();
+        if (fileName.endsWith(".md")) {
+            return MediaType.parseMediaType("text/markdown; charset=UTF-8");
+        }
+        if (fileName.endsWith(".xlsx")) {
+            return MediaType.parseMediaType("application/vnd.openxmlformats-officedocument.spreadsheetml.sheet");
+        }
+        if (fileName.endsWith(".xls")) {
+            return MediaType.parseMediaType("application/vnd.ms-excel");
+        }
+        if (fileName.endsWith(".txt")) {
+            return MediaType.parseMediaType("text/plain; charset=UTF-8");
+        }
+        if (fileName.endsWith(".json")) {
+            return MediaType.APPLICATION_JSON;
+        }
+        if (fileName.endsWith(".csv")) {
+            return MediaType.parseMediaType("text/csv; charset=UTF-8");
+        }
+        final String detected = Files.probeContentType(file);
+        if (detected != null && !detected.trim().isEmpty()) {
+            return MediaType.parseMediaType(detected);
+        }
+        return MediaType.APPLICATION_OCTET_STREAM;
+    }
+
+    private String buildAttachmentDisposition(String fileName) {
+        final String encoded;
+        try {
+            encoded = URLEncoder.encode(fileName, StandardCharsets.UTF_8.name())
+                    .replace("+", "%20");
+        } catch (java.io.UnsupportedEncodingException impossible) {
+            throw new IllegalStateException("UTF-8 encoding unavailable", impossible);
+        }
+        final String asciiFallback = fileName
+                .replace("\\", "_")
+                .replace("\"", "_")
+                .replace("\r", "_")
+                .replace("\n", "_")
+                .replaceAll("[^\\x20-\\x7E]", "_");
+        return "attachment; filename=\"" + asciiFallback + "\"; filename*=UTF-8''" + encoded;
+    }
+
     private String buildSseErrorPayload(String error, String taskId, int status) {
         final String safeError = sanitize(error);
         final String safeTaskId = sanitize(taskId);
diff --git a/src/main/java/com/svnlog/web/controller/IndexController.java b/src/main/java/com/svnlog/web/controller/IndexController.java
new file mode 100644
index 0000000..40676bc
--- /dev/null
+++ b/src/main/java/com/svnlog/web/controller/IndexController.java
@@ -0,0 +1,26 @@
+package com.svnlog.web.controller;
+
+import org.springframework.core.io.ClassPathResource;
+import org.springframework.core.io.Resource;
+import org.springframework.http.CacheControl;
+import org.springframework.http.HttpHeaders;
+import org.springframework.http.MediaType;
+import org.springframework.http.ResponseEntity;
+import org.springframework.stereotype.Controller;
+import org.springframework.web.bind.annotation.GetMapping;
+
+@Controller
+public class IndexController {
+
+    @GetMapping(value = {"/", "/index.html"})
+    public ResponseEntity<Resource> index() {
+        final HttpHeaders headers = new HttpHeaders();
+        headers.setCacheControl(CacheControl.noStore().mustRevalidate().getHeaderValue());
+        headers.add(HttpHeaders.PRAGMA, "no-cache");
+        headers.add(HttpHeaders.EXPIRES, "0");
+        return ResponseEntity.ok()
+                .headers(headers)
+                .contentType(MediaType.TEXT_HTML)
+                .body(new ClassPathResource("static/index.html"));
+    }
+}
diff --git a/src/main/java/com/svnlog/web/dto/SettingsUpdateRequest.java b/src/main/java/com/svnlog/web/dto/SettingsUpdateRequest.java
index 2650c1c..523ef41 100644
--- a/src/main/java/com/svnlog/web/dto/SettingsUpdateRequest.java
+++ b/src/main/java/com/svnlog/web/dto/SettingsUpdateRequest.java
@@ -8,6 +8,8 @@ public class SettingsUpdateRequest {
     private String openaiApiKey;
     private String openaiStageOneModel;
     private String openaiStageTwoModel;
+    private String svnUsername;
+    private String svnPassword;
     private String outputDir;
     private String defaultSvnPresetId;
 
@@ -59,6 +61,22 @@ public class SettingsUpdateRequest {
         this.openaiStageTwoModel = openaiStageTwoModel;
     }
 
+    public String getSvnUsername() {
+        return svnUsername;
+    }
+
+    public void setSvnUsername(String svnUsername) {
+        this.svnUsername = svnUsername;
+    }
+
+    public String getSvnPassword() {
+        return svnPassword;
+    }
+
+    public void setSvnPassword(String svnPassword) {
+        this.svnPassword = svnPassword;
+    }
+
     public String getOutputDir() {
         return outputDir;
     }
diff --git a/src/main/java/com/svnlog/web/dto/SvnConnectionRequest.java b/src/main/java/com/svnlog/web/dto/SvnConnectionRequest.java
index bc22620..76f357c 100644
--- a/src/main/java/com/svnlog/web/dto/SvnConnectionRequest.java
+++ b/src/main/java/com/svnlog/web/dto/SvnConnectionRequest.java
@@ -7,10 +7,8 @@ public class SvnConnectionRequest {
     @NotBlank
     private String presetId;
 
-    @NotBlank
     private String username;
 
-    @NotBlank
     private String password;
 
     public String getPresetId() {
diff --git a/src/main/java/com/svnlog/web/dto/SvnFetchRequest.java b/src/main/java/com/svnlog/web/dto/SvnFetchRequest.java
index 3f1a59e..08655b6 100644
--- a/src/main/java/com/svnlog/web/dto/SvnFetchRequest.java
+++ b/src/main/java/com/svnlog/web/dto/SvnFetchRequest.java
@@ -9,10 +9,8 @@ public class SvnFetchRequest {
 
     private String projectName;
 
-    @NotBlank
     private String username;
 
-    @NotBlank
     private String password;
 
     private Long startRevision;
diff --git a/src/main/java/com/svnlog/web/dto/SvnVersionRangeRequest.java b/src/main/java/com/svnlog/web/dto/SvnVersionRangeRequest.java
index 646a7be..47484c0 100644
--- a/src/main/java/com/svnlog/web/dto/SvnVersionRangeRequest.java
+++ b/src/main/java/com/svnlog/web/dto/SvnVersionRangeRequest.java
@@ -8,10 +8,8 @@ public class SvnVersionRangeRequest {
     @NotBlank
     private String presetId;
 
-    @NotBlank
     private String username;
 
-    @NotBlank
     private String password;
 
     @NotNull
diff --git a/src/main/java/com/svnlog/web/model/PersistedSettings.java b/src/main/java/com/svnlog/web/model/PersistedSettings.java
new file mode 100644
index 0000000..a987cf3
--- /dev/null
+++ b/src/main/java/com/svnlog/web/model/PersistedSettings.java
@@ -0,0 +1,94 @@
+package com.svnlog.web.model;
+
+public class PersistedSettings {
+    private String provider;
+    private String apiKey;
+    private String openaiBaseUrl;
+    private String openaiApiKey;
+    private String openaiStageOneModel;
+    private String openaiStageTwoModel;
+    private String svnUsername;
+    private String svnPassword;
+    private String outputDir;
+    private String defaultSvnPresetId;
+
+    public String getProvider() {
+        return provider;
+    }
+
+    public void setProvider(String provider) {
+        this.provider = provider;
+    }
+
+    public String getApiKey() {
+        return apiKey;
+    }
+
+    public void setApiKey(String apiKey) {
+        this.apiKey = apiKey;
+    }
+
+    public String getOpenaiBaseUrl() {
+        return openaiBaseUrl;
+    }
+
+    public void setOpenaiBaseUrl(String openaiBaseUrl) {
+        this.openaiBaseUrl = openaiBaseUrl;
+    }
+
+    public String getOpenaiApiKey() {
+        return openaiApiKey;
+    }
+
+    public void setOpenaiApiKey(String openaiApiKey) {
+        this.openaiApiKey = openaiApiKey;
+    }
+
+    public String getOpenaiStageOneModel() {
+        return openaiStageOneModel;
+    }
+
+    public void setOpenaiStageOneModel(String openaiStageOneModel) {
+        this.openaiStageOneModel = openaiStageOneModel;
+    }
+
+    public String getOpenaiStageTwoModel() {
+        return openaiStageTwoModel;
+    }
+
+    public void setOpenaiStageTwoModel(String openaiStageTwoModel) {
+        this.openaiStageTwoModel = openaiStageTwoModel;
+    }
+
+    public String getSvnUsername() {
+        return svnUsername;
+    }
+
+    public void setSvnUsername(String svnUsername) {
+        this.svnUsername = svnUsername;
+    }
+
+    public String getSvnPassword() {
+        return svnPassword;
+    }
+
+    public void setSvnPassword(String svnPassword) {
+        this.svnPassword = svnPassword;
+    }
+
+    public String getOutputDir() {
+        return outputDir;
+    }
+
+    public void setOutputDir(String outputDir) {
+        this.outputDir = outputDir;
+    }
+
+    public String getDefaultSvnPresetId() {
+        return defaultSvnPresetId;
+    }
+
+    public void setDefaultSvnPresetId(String defaultSvnPresetId) {
+        this.defaultSvnPresetId = defaultSvnPresetId;
+    }
+}
diff --git a/src/main/java/com/svnlog/web/service/OutputFileService.java b/src/main/java/com/svnlog/web/service/OutputFileService.java
index 46f0bc6..0cf882e 100644
--- a/src/main/java/com/svnlog/web/service/OutputFileService.java
+++ b/src/main/java/com/svnlog/web/service/OutputFileService.java
@@ -28,11 +28,35 @@ public class OutputFileService {
         }
     }
 
+    public synchronized Path peekOutputRoot() {
+        return outputRoot;
+    }
+
     public synchronized Path getOutputRoot() throws IOException {
         Files.createDirectories(outputRoot);
         return outputRoot;
     }
 
+    public synchronized Path ensureOutputRootWritable() throws IOException {
+        final Path root = outputRoot;
+        if (Files.exists(root)) {
+            if (!Files.isDirectory(root)) {
+                throw new IOException("输出路径不是目录: " + root);
+            }
+        } else {
+            try {
+                Files.createDirectories(root);
+            } catch (IOException e) {
+                throw new IOException("无法创建输出目录: " + root + "，请检查父目录是否存在且当前用户具备写权限", e);
+            }
+        }
+
+        if (!Files.isWritable(root)) {
+            throw new IOException("输出目录不可写: " + root + "，请调整目录权限或改为当前用户可写的目录");
+        }
+        return root;
+    }
+
     public Path resolveInOutput(String relative) throws IOException {
         final Path root = getOutputRoot();
         final Path resolved = root.resolve(relative).normalize();
diff --git a/src/main/java/com/svnlog/web/service/SettingsPersistenceService.java b/src/main/java/com/svnlog/web/service/SettingsPersistenceService.java
new file mode 100644
index 0000000..3ce7a02
--- /dev/null
+++ b/src/main/java/com/svnlog/web/service/SettingsPersistenceService.java
@@ -0,0 +1,43 @@
+package com.svnlog.web.service;
+
+import java.io.IOException;
+import java.io.Reader;
+import java.io.Writer;
+import java.nio.charset.StandardCharsets;
+import java.nio.file.Files;
+import java.nio.file.Path;
+
+import org.springframework.stereotype.Service;
+
+import com.google.gson.Gson;
+import com.google.gson.GsonBuilder;
+import com.svnlog.web.model.PersistedSettings;
+
+@Service
+public class SettingsPersistenceService {
+    private final Gson gson = new GsonBuilder().setPrettyPrinting().create();
+
+    public PersistedSettings load(Path storePath) throws IOException {
+        if (storePath == null || !Files.exists(storePath) || !Files.isRegularFile(storePath)) {
+            return null;
+        }
+
+        try (Reader reader = Files.newBufferedReader(storePath, StandardCharsets.UTF_8)) {
+            return gson.fromJson(reader, PersistedSettings.class);
+        }
+    }
+
+    public void save(Path storePath, PersistedSettings settings) throws IOException {
+        if (storePath == null || settings == null) {
+            return;
+        }
+
+        if (storePath.getParent() != null) {
+            Files.createDirectories(storePath.getParent());
+        }
+
+        try (Writer writer = Files.newBufferedWriter(storePath, StandardCharsets.UTF_8)) {
+            gson.toJson(settings, writer);
+        }
+    }
+}
diff --git a/src/main/java/com/svnlog/web/service/SettingsService.java b/src/main/java/com/svnlog/web/service/SettingsService.java
index b33602f..131e775 100644
--- a/src/main/java/com/svnlog/web/service/SettingsService.java
+++ b/src/main/java/com/svnlog/web/service/SettingsService.java
@@ -1,15 +1,24 @@
 package com.svnlog.web.service;
 
 import java.io.IOException;
+import java.nio.file.Path;
+import java.nio.file.Paths;
 import java.util.HashMap;
 import java.util.Map;
 
+import org.slf4j.Logger;
+import org.slf4j.LoggerFactory;
+import org.springframework.beans.factory.annotation.Autowired;
 import org.springframework.stereotype.Service;
 
+import com.svnlog.web.model.PersistedSettings;
+
 @Service
 public class SettingsService {
+    private static final Logger LOGGER = LoggerFactory.getLogger(SettingsService.class);
     public static final String PROVIDER_DEEPSEEK = "deepseek";
     public static final String PROVIDER_OPENAI_COMPATIBLE = "openai-compatible";
+    private static final String SETTINGS_FILE_NAME = "settings.json";
 
     // 启动默认 API Key（仅作为本地默认值，可在设置页覆盖）
     private static final String BOOTSTRAP_API_KEY = "sk-48c59012c93b43a08fecbaf3e74799e7";
@@ -17,27 +26,63 @@ public class SettingsService {
     private static final String DEFAULT_OPENAI_API_KEY = "sk-f8b3f43e1fdd4f50b287050f08a6c7ed";
     private static final String DEFAULT_OPENAI_STAGE_ONE_MODEL = "deepseek-v4-flash";
     private static final String DEFAULT_OPENAI_STAGE_TWO_MODEL = "deepseek-v4-pro";
+    private static final String ENV_SVN_USERNAME = "SVN_USERNAME";
+    private static final String ENV_SVN_PASSWORD = "SVN_PASSWORD";
 
     private final OutputFileService outputFileService;
+    private final SettingsPersistenceService settingsPersistenceService;
     private final SvnPresetService svnPresetService;
+    private final Path bootstrapOutputRoot;
     private volatile String runtimeApiKey;
     private volatile String runtimeProvider;
     private volatile String runtimeOpenaiBaseUrl;
     private volatile String runtimeOpenaiApiKey;
     private volatile String runtimeOpenaiStageOneModel;
     private volatile String runtimeOpenaiStageTwoModel;
+    private volatile String runtimeSvnUsername;
+    private volatile String runtimeSvnPassword;
     private volatile String defaultSvnPresetId;
 
-    public SettingsService(OutputFileService outputFileService, SvnPresetService svnPresetService) {
+    public static final class SvnCredentials {
+        private final String username;
+        private final String password;
+
+        public SvnCredentials(String username, String password) {
+            this.username = username;
+            this.password = password;
+        }
+
+        public String getUsername() {
+            return username;
+        }
+
+        public String getPassword() {
+            return password;
+        }
+
+        public boolean isConfigured() {
+            return !isBlank(username) && !isBlank(password);
+        }
+    }
+
+    @Autowired
+    public SettingsService(OutputFileService outputFileService,
+                           SettingsPersistenceService settingsPersistenceService,
+                           SvnPresetService svnPresetService) {
         this.outputFileService = outputFileService;
+        this.settingsPersistenceService = settingsPersistenceService;
         this.svnPresetService = svnPresetService;
+        this.bootstrapOutputRoot = initBootstrapOutputRoot(outputFileService);
         this.runtimeApiKey = initStartupApiKey();
         this.runtimeProvider = PROVIDER_DEEPSEEK;
         this.runtimeOpenaiBaseUrl = DEFAULT_OPENAI_BASE_URL;
         this.runtimeOpenaiApiKey = DEFAULT_OPENAI_API_KEY;
         this.runtimeOpenaiStageOneModel = DEFAULT_OPENAI_STAGE_ONE_MODEL;
         this.runtimeOpenaiStageTwoModel = DEFAULT_OPENAI_STAGE_TWO_MODEL;
+        this.runtimeSvnUsername = trim(System.getenv(ENV_SVN_USERNAME));
+        this.runtimeSvnPassword = trim(System.getenv(ENV_SVN_PASSWORD));
         this.defaultSvnPresetId = svnPresetService.configuredDefaultPresetId();
+        loadPersistedSettings();
     }
 
     public Map<String, Object> getSettings() throws IOException {
@@ -49,44 +94,120 @@ public class SettingsService {
         result.put("apiKeyConfigured", activeKey != null && !activeKey.trim().isEmpty());
         result.put("apiKeySource", detectApiKeySource(envKey));
         result.put("openaiBaseUrl", getOpenaiBaseUrl());
-        result.put("openaiApiKey", getOpenaiApiKey());
         result.put("openaiApiKeyConfigured", isConfigured(getOpenaiApiKey()));
         result.put("openaiStageOneModel", getOpenaiStageOneModel());
         result.put("openaiStageTwoModel", getOpenaiStageTwoModel());
+        result.put("svnUsername", getSvnUsername());
+        result.put("svnCredentialsConfigured", getConfiguredSvnCredentials().isConfigured());
         result.put("outputDir", outputFileService.getOutputRoot().toString());
         result.put("defaultSvnPresetId", getDefaultSvnPresetId());
         return result;
     }
 
-    public void updateSettings(String apiKey,
-                               String provider,
-                               String openaiBaseUrl,
-                               String openaiApiKey,
-                               String openaiStageOneModel,
-                               String openaiStageTwoModel,
-                               String outputDir,
-                               String newDefaultSvnPresetId) {
-        if (apiKey != null && !apiKey.trim().isEmpty()) {
-            this.runtimeApiKey = apiKey.trim();
+    public synchronized void updateSettings(String apiKey,
+                                            String provider,
+                                            String openaiBaseUrl,
+                                            String openaiApiKey,
+                                            String openaiStageOneModel,
+                                            String openaiStageTwoModel,
+                                            String svnUsername,
+                                            String svnPassword,
+                                            String outputDir,
+                                            String newDefaultSvnPresetId) {
+        final String previousRuntimeApiKey = runtimeApiKey;
+        final String previousRuntimeProvider = runtimeProvider;
+        final String previousRuntimeOpenaiBaseUrl = runtimeOpenaiBaseUrl;
+        final String previousRuntimeOpenaiApiKey = runtimeOpenaiApiKey;
+        final String previousRuntimeOpenaiStageOneModel = runtimeOpenaiStageOneModel;
+        final String previousRuntimeOpenaiStageTwoModel = runtimeOpenaiStageTwoModel;
+        final String previousRuntimeSvnUsername = runtimeSvnUsername;
+        final String previousRuntimeSvnPassword = runtimeSvnPassword;
+        final String previousDefaultSvnPresetId = defaultSvnPresetId;
+        final Path previousOutputRoot = outputFileService.peekOutputRoot();
+        try {
+            if (apiKey != null && !apiKey.trim().isEmpty()) {
+                this.runtimeApiKey = apiKey.trim();
+            }
+            this.runtimeProvider = normalizeProvider(provider);
+            if (openaiBaseUrl != null && !openaiBaseUrl.trim().isEmpty()) {
+                this.runtimeOpenaiBaseUrl = openaiBaseUrl.trim();
+            }
+            if (openaiApiKey != null && !openaiApiKey.trim().isEmpty()) {
+                this.runtimeOpenaiApiKey = openaiApiKey.trim();
+            }
+            if (openaiStageOneModel != null && !openaiStageOneModel.trim().isEmpty()) {
+                this.runtimeOpenaiStageOneModel = openaiStageOneModel.trim();
+            }
+            if (openaiStageTwoModel != null && !openaiStageTwoModel.trim().isEmpty()) {
+                this.runtimeOpenaiStageTwoModel = openaiStageTwoModel.trim();
+            }
+            if (svnUsername != null && !svnUsername.trim().isEmpty()) {
+                this.runtimeSvnUsername = svnUsername.trim();
+            }
+            if (svnPassword != null && !svnPassword.trim().isEmpty()) {
+                this.runtimeSvnPassword = svnPassword.trim();
+            }
+            if (outputDir != null && !outputDir.trim().isEmpty()) {
+                outputFileService.setOutputRoot(outputDir);
+            }
+            if (svnPresetService.containsPresetId(newDefaultSvnPresetId)) {
+                this.defaultSvnPresetId = newDefaultSvnPresetId;
+            }
+
+            outputFileService.ensureOutputRootWritable();
+            persistCurrentSettings();
+        } catch (IOException e) {
+            rollbackSettings(
+                    previousRuntimeApiKey,
+                    previousRuntimeProvider,
+                    previousRuntimeOpenaiBaseUrl,
+                    previousRuntimeOpenaiApiKey,
+                    previousRuntimeOpenaiStageOneModel,
+                    previousRuntimeOpenaiStageTwoModel,
+                    previousRuntimeSvnUsername,
+                    previousRuntimeSvnPassword,
+                    previousDefaultSvnPresetId,
+                    previousOutputRoot
+            );
+            throw new IllegalStateException("保存系统设置失败: " + e.getMessage(), e);
+        } catch (RuntimeException e) {
+            rollbackSettings(
+                    previousRuntimeApiKey,
+                    previousRuntimeProvider,
+                    previousRuntimeOpenaiBaseUrl,
+                    previousRuntimeOpenaiApiKey,
+                    previousRuntimeOpenaiStageOneModel,
+                    previousRuntimeOpenaiStageTwoModel,
+                    previousRuntimeSvnUsername,
+                    previousRuntimeSvnPassword,
+                    previousDefaultSvnPresetId,
+                    previousOutputRoot
+            );
+            throw e;
         }
-        this.runtimeProvider = normalizeProvider(provider);
-        if (openaiBaseUrl != null && !openaiBaseUrl.trim().isEmpty()) {
-            this.runtimeOpenaiBaseUrl = openaiBaseUrl.trim();
-        }
-        if (openaiApiKey != null && !openaiApiKey.trim().isEmpty()) {
-            this.runtimeOpenaiApiKey = openaiApiKey.trim();
-        }
-        if (openaiStageOneModel != null && !openaiStageOneModel.trim().isEmpty()) {
-            this.runtimeOpenaiStageOneModel = openaiStageOneModel.trim();
-        }
-        if (openaiStageTwoModel != null && !openaiStageTwoModel.trim().isEmpty()) {
-            this.runtimeOpenaiStageTwoModel = openaiStageTwoModel.trim();
-        }
-        if (outputDir != null && !outputDir.trim().isEmpty()) {
-            outputFileService.setOutputRoot(outputDir);
-        }
-        if (svnPresetService.containsPresetId(newDefaultSvnPresetId)) {
-            this.defaultSvnPresetId = newDefaultSvnPresetId;
+    }
+
+    private synchronized void rollbackSettings(String runtimeApiKey,
+                                               String runtimeProvider,
+                                               String runtimeOpenaiBaseUrl,
+                                               String runtimeOpenaiApiKey,
+                                               String runtimeOpenaiStageOneModel,
+                                               String runtimeOpenaiStageTwoModel,
+                                               String runtimeSvnUsername,
+                                               String runtimeSvnPassword,
+                                               String defaultSvnPresetId,
+                                               Path outputRoot) {
+        this.runtimeApiKey = runtimeApiKey;
+        this.runtimeProvider = runtimeProvider;
+        this.runtimeOpenaiBaseUrl = runtimeOpenaiBaseUrl;
+        this.runtimeOpenaiApiKey = runtimeOpenaiApiKey;
+        this.runtimeOpenaiStageOneModel = runtimeOpenaiStageOneModel;
+        this.runtimeOpenaiStageTwoModel = runtimeOpenaiStageTwoModel;
+        this.runtimeSvnUsername = runtimeSvnUsername;
+        this.runtimeSvnPassword = runtimeSvnPassword;
+        this.defaultSvnPresetId = defaultSvnPresetId;
+        if (outputRoot != null) {
+            outputFileService.setOutputRoot(outputRoot.toString());
         }
     }
 
@@ -116,6 +237,99 @@ public class SettingsService {
         return null;
     }
 
+    private synchronized void loadPersistedSettings() {
+        try {
+            final Path bootstrapStorePath = getBootstrapSettingsPath();
+            applyPersistedSettings(settingsPersistenceService.load(bootstrapStorePath));
+
+            final Path activeStorePath = getCurrentSettingsPath();
+            if (!activeStorePath.equals(bootstrapStorePath)) {
+                applyPersistedSettings(settingsPersistenceService.load(activeStorePath));
+            }
+        } catch (IOException e) {
+            LOGGER.warn("Failed to load persisted settings", e);
+        }
+    }
+
+    private void applyPersistedSettings(PersistedSettings persistedSettings) {
+        if (persistedSettings == null) {
+            return;
+        }
+        if (!isBlank(persistedSettings.getApiKey())) {
+            this.runtimeApiKey = persistedSettings.getApiKey().trim();
+        }
+        if (!isBlank(persistedSettings.getProvider())) {
+            this.runtimeProvider = normalizeProvider(persistedSettings.getProvider());
+        }
+        if (!isBlank(persistedSettings.getOpenaiBaseUrl())) {
+            this.runtimeOpenaiBaseUrl = persistedSettings.getOpenaiBaseUrl().trim();
+        }
+        if (!isBlank(persistedSettings.getOpenaiApiKey())) {
+            this.runtimeOpenaiApiKey = persistedSettings.getOpenaiApiKey().trim();
+        }
+        if (!isBlank(persistedSettings.getOpenaiStageOneModel())) {
+            this.runtimeOpenaiStageOneModel = persistedSettings.getOpenaiStageOneModel().trim();
+        }
+        if (!isBlank(persistedSettings.getOpenaiStageTwoModel())) {
+            this.runtimeOpenaiStageTwoModel = persistedSettings.getOpenaiStageTwoModel().trim();
+        }
+        if (!isBlank(persistedSettings.getSvnUsername())) {
+            this.runtimeSvnUsername = persistedSettings.getSvnUsername().trim();
+        }
+        if (!isBlank(persistedSettings.getSvnPassword())) {
+            this.runtimeSvnPassword = persistedSettings.getSvnPassword().trim();
+        }
+        if (!isBlank(persistedSettings.getOutputDir())) {
+            outputFileService.setOutputRoot(persistedSettings.getOutputDir());
+        }
+        if (svnPresetService.containsPresetId(persistedSettings.getDefaultSvnPresetId())) {
+            this.defaultSvnPresetId = persistedSettings.getDefaultSvnPresetId().trim();
+        }
+    }
+
+    private void persistCurrentSettings() throws IOException {
+        final PersistedSettings persistedSettings = snapshotCurrentSettings();
+        final Path activeStorePath = getCurrentSettingsPath();
+        settingsPersistenceService.save(activeStorePath, persistedSettings);
+
+        final Path bootstrapStorePath = getBootstrapSettingsPath();
+        if (!bootstrapStorePath.equals(activeStorePath)) {
+            settingsPersistenceService.save(bootstrapStorePath, persistedSettings);
+        }
+    }
+
+    private PersistedSettings snapshotCurrentSettings() throws IOException {
+        final PersistedSettings persistedSettings = new PersistedSettings();
+        persistedSettings.setProvider(getProvider());
+        persistedSettings.setApiKey(trim(runtimeApiKey));
+        persistedSettings.setOpenaiBaseUrl(getOpenaiBaseUrl());
+        persistedSettings.setOpenaiApiKey(trim(runtimeOpenaiApiKey));
+        persistedSettings.setOpenaiStageOneModel(getOpenaiStageOneModel());
+        persistedSettings.setOpenaiStageTwoModel(getOpenaiStageTwoModel());
+        persistedSettings.setSvnUsername(trim(runtimeSvnUsername));
+        persistedSettings.setSvnPassword(trim(runtimeSvnPassword));
+        persistedSettings.setOutputDir(outputFileService.getOutputRoot().toString());
+        persistedSettings.setDefaultSvnPresetId(getDefaultSvnPresetId());
+        return persistedSettings;
+    }
+
+    private Path getCurrentSettingsPath() throws IOException {
+        return outputFileService.getOutputRoot().resolve(SETTINGS_FILE_NAME);
+    }
+
+    private Path getBootstrapSettingsPath() {
+        return bootstrapOutputRoot.resolve(SETTINGS_FILE_NAME);
+    }
+
+    private Path initBootstrapOutputRoot(OutputFileService outputFileService) {
+        try {
+            return outputFileService.getOutputRoot();
+        } catch (IOException e) {
+            LOGGER.warn("Failed to resolve bootstrap output root, fallback to ./outputs", e);
+            return Paths.get("outputs").toAbsolutePath().normalize();
+        }
+    }
+
     private String detectApiKeySource(String envKey) {
         if (runtimeApiKey != null && !runtimeApiKey.trim().isEmpty()) {
             if (envKey != null && !envKey.trim().isEmpty() && runtimeApiKey.equals(envKey.trim())) {
@@ -148,6 +362,23 @@ public class SettingsService {
         return trimOrDefault(runtimeOpenaiApiKey, DEFAULT_OPENAI_API_KEY);
     }
 
+    public String getSvnUsername() {
+        return trim(resolveSvnUsername(null));
+    }
+
+    public SvnCredentials resolveSvnCredentials(String requestUsername, String requestPassword) {
+        final String username = resolveSvnUsername(requestUsername);
+        final String password = resolveSvnPassword(requestPassword);
+        if (isBlank(username) || isBlank(password)) {
+            throw new IllegalArgumentException("未配置 SVN 账号，请先到系统设置页填写 SVN 用户名和密码");
+        }
+        return new SvnCredentials(username, password);
+    }
+
+    public SvnCredentials getConfiguredSvnCredentials() {
+        return new SvnCredentials(resolveSvnUsername(null), resolveSvnPassword(null));
+    }
+
     public String getOpenaiStageOneModel() {
         return trimOrDefault(runtimeOpenaiStageOneModel, DEFAULT_OPENAI_STAGE_ONE_MODEL);
     }
@@ -172,7 +403,35 @@ public class SettingsService {
         return value != null && !value.trim().isEmpty();
     }
 
+    private String resolveSvnUsername(String requestUsername) {
+        final String requestValue = trim(requestUsername);
+        if (!requestValue.isEmpty()) {
+            return requestValue;
+        }
+        final String runtimeValue = trim(runtimeSvnUsername);
+        if (!runtimeValue.isEmpty()) {
+            return runtimeValue;
+        }
+        return trim(System.getenv(ENV_SVN_USERNAME));
+    }
+
+    private String resolveSvnPassword(String requestPassword) {
+        final String requestValue = trim(requestPassword);
+        if (!requestValue.isEmpty()) {
+            return requestValue;
+        }
+        final String runtimeValue = trim(runtimeSvnPassword);
+        if (!runtimeValue.isEmpty()) {
+            return runtimeValue;
+        }
+        return trim(System.getenv(ENV_SVN_PASSWORD));
+    }
+
     private String trim(String value) {
         return value == null ? "" : value.trim();
     }
+
+    private static boolean isBlank(String value) {
+        return value == null || value.trim().isEmpty();
+    }
 }
diff --git a/src/main/java/com/svnlog/web/service/SvnWorkflowService.java b/src/main/java/com/svnlog/web/service/SvnWorkflowService.java
index 82bfdc5..827f76a 100644
--- a/src/main/java/com/svnlog/web/service/SvnWorkflowService.java
+++ b/src/main/java/com/svnlog/web/service/SvnWorkflowService.java
@@ -13,6 +13,7 @@ import com.svnlog.core.svn.LogEntry;
 import com.svnlog.core.svn.SVNLogFetcher;
 import com.svnlog.web.dto.SvnConnectionRequest;
 import com.svnlog.web.dto.SvnFetchRequest;
+import com.svnlog.web.dto.SvnVersionRangeRequest;
 import com.svnlog.web.model.SvnPreset;
 import com.svnlog.web.model.TaskResult;
 
@@ -20,23 +21,61 @@ import com.svnlog.web.model.TaskResult;
 public class SvnWorkflowService {
 
     private final OutputFileService outputFileService;
+    private final SettingsService settingsService;
     private final SvnPresetService svnPresetService;
 
-    public SvnWorkflowService(OutputFileService outputFileService, SvnPresetService svnPresetService) {
+    public SvnWorkflowService(OutputFileService outputFileService,
+                              SettingsService settingsService,
+                              SvnPresetService svnPresetService) {
         this.outputFileService = outputFileService;
+        this.settingsService = settingsService;
         this.svnPresetService = svnPresetService;
     }
 
     public void testConnection(SvnConnectionRequest request) throws SVNException {
         final SvnPreset preset = svnPresetService.getById(request.getPresetId());
-        final SVNLogFetcher fetcher = new SVNLogFetcher(preset.getUrl(), request.getUsername(), request.getPassword());
+        final SettingsService.SvnCredentials credentials = settingsService.resolveSvnCredentials(
+                request.getUsername(),
+                request.getPassword()
+        );
+        final SVNLogFetcher fetcher = new SVNLogFetcher(
+                preset.getUrl(),
+                credentials.getUsername(),
+                credentials.getPassword()
+        );
         fetcher.testConnection();
     }
 
+    public long[] getVersionRange(SvnVersionRangeRequest request) throws SVNException {
+        final SvnPreset preset = svnPresetService.getById(request.getPresetId());
+        final SettingsService.SvnCredentials credentials = settingsService.resolveSvnCredentials(
+                request.getUsername(),
+                request.getPassword()
+        );
+        final SVNLogFetcher fetcher = new SVNLogFetcher(
+                preset.getUrl(),
+                credentials.getUsername(),
+                credentials.getPassword()
+        );
+        return fetcher.getVersionRangeByMonth(
+                request.getYear().intValue(),
+                request.getMonth().intValue(),
+                request.getClientTraceId()
+        );
+    }
+
     public TaskResult fetchToMarkdown(SvnFetchRequest request, TaskContext context) throws Exception {
         final SvnPreset preset = svnPresetService.getById(request.getPresetId());
+        final SettingsService.SvnCredentials credentials = settingsService.resolveSvnCredentials(
+                request.getUsername(),
+                request.getPassword()
+        );
         context.setProgress(10, "正在连接 SVN 仓库: " + preset.getName());
-        final SVNLogFetcher fetcher = new SVNLogFetcher(preset.getUrl(), request.getUsername(), request.getPassword());
+        final SVNLogFetcher fetcher = new SVNLogFetcher(
+                preset.getUrl(),
+                credentials.getUsername(),
+                credentials.getPassword()
+        );
         fetcher.testConnection();
 
         context.setProgress(30, "正在拉取 SVN 日志");
@@ -60,7 +99,7 @@ public class SvnWorkflowService {
         MarkdownReportWriter.write(
                 outputPath,
                 preset.getUrl(),
-                request.getUsername(),
+                credentials.getUsername(),
                 start,
                 end,
                 request.getFilterUser(),
diff --git a/src/main/resources/static/app.js b/src/main/resources/static/app.js
deleted file mode 100644
index 71de585..0000000
--- a/src/main/resources/static/app.js
+++ /dev/null
@@ -1,1114 +0,0 @@
-const state = {
-    tasks: [],
-    taskPage: { items: [], page: 1, size: 10, total: 0 },
-    taskQuery: { status: "", type: "", keyword: "", page: 1, size: 10 },
-    files: [],
-    health: null,
-    presets: [],
-    defaultPresetId: "",
-    activeView: "dashboard",
-    polling: null,
-};
-
-const CUSTOM_PRESET_ID = "custom";
-
-const viewMeta = {
-    dashboard: { title: "工作台", desc: "查看系统状态与最近产物" },
-    svn: { title: "SVN 日志抓取", desc: "一键抓取SVN日志并导出工作量Excel" },
-    history: { title: "任务历史", desc: "查看任务执行状态、日志与产物" },
-    settings: { title: "系统设置", desc: "配置 API Key 与输出目录" },
-};
-
-document.addEventListener("DOMContentLoaded", async () => {
-    bindNav();
-    bindForms();
-    await loadPresets();
-    await refreshAll();
-    await loadSettings();
-    
-    // 自动填充当月默认值
-    const now = new Date();
-    const year = now.getFullYear();
-    const month = String(now.getMonth() + 1).padStart(2, '0');
-    // 月份选择器：YYYY-MM
-    document.querySelector("#version-month").value = `${year}-${month}`;
-    // 工作周期：YYYY年MM月
-    document.querySelector("#svn-form [name='period']").value = `${year}年${month}月`;
-    // 输出文件名：YYYYMM工作量统计.xlsx
-    document.querySelector("#svn-form [name='outputFileName']").value = `${year}${month}工作量统计.xlsx`;
-    
-    // 绑定自动填充版本按钮
-    document.querySelector("#btn-auto-fill").addEventListener("click", onAutoFillVersions);
-
-    state.polling = setInterval(refreshAll, 5000);
-});
-
-function bindNav() {
-    document.querySelectorAll(".nav-item").forEach((btn) => {
-        btn.addEventListener("click", () => {
-            const view = btn.dataset.view;
-            switchView(view);
-        });
-    });
-}
-
-function bindForms() {
-    const testBtn = document.querySelector("#btn-test-connection");
-    testBtn.addEventListener("click", onTestConnection);
-
-    const svnForm = document.querySelector("#svn-form");
-    svnForm.addEventListener("submit", onRunSvn);
-
-
-
-    const settingsForm = document.querySelector("#settings-form");
-    settingsForm.addEventListener("submit", onSaveSettings);
-    const settingsProvider = document.querySelector("#settings-provider");
-    if (settingsProvider) {
-        settingsProvider.addEventListener("change", () => updateSettingsProviderUI(settingsProvider.value));
-    }
-
-    const taskFilterBtn = document.querySelector("#btn-task-filter");
-    if (taskFilterBtn) {
-        taskFilterBtn.addEventListener("click", onTaskFilterSubmit);
-    }
-}
-
-function switchView(view) {
-    state.activeView = view;
-    document.querySelectorAll(".nav-item").forEach((btn) => {
-        btn.classList.toggle("active", btn.dataset.view === view);
-    });
-    document.querySelectorAll(".view").forEach((v) => {
-        v.classList.toggle("active", v.id === `view-${view}`);
-    });
-    document.querySelector("#view-title").textContent = viewMeta[view].title;
-    document.querySelector("#view-desc").textContent = viewMeta[view].desc;
-
-    if (view === "history") {
-        loadTaskPage();
-        renderFileTable();
-    }
-
-}
-
-async function apiFetch(url, options = {}) {
-    const response = await fetch(url, {
-        headers: { "Content-Type": "application/json" },
-        ...options,
-    });
-    if (!response.ok) {
-        const body = await response.json().catch(() => ({}));
-        throw new Error(body.error || `请求失败: ${response.status}`);
-    }
-    const text = await response.text();
-    return text ? JSON.parse(text) : {};
-}
-
-async function refreshAll() {
-    const [tasksResult, filesResult, healthResult] = await Promise.allSettled([
-        apiFetch("/api/tasks"),
-        apiFetch("/api/files"),
-        apiFetch("/api/health/details"),
-    ]);
-
-    if (tasksResult.status === "fulfilled") {
-        const tasksResp = tasksResult.value;
-        state.tasks = (tasksResp || []).slice().sort((a, b) => sortByTimeDesc(a.createdAt, b.createdAt));
-    } else {
-        console.warn("refresh tasks failed:", tasksResult.reason);
-    }
-
-    if (filesResult.status === "fulfilled") {
-        const filesResp = filesResult.value || {};
-        state.files = (filesResp.files || []).slice().sort((a, b) => sortByTimeDesc(a.modifiedAt, b.modifiedAt));
-        if (filesResp.error) {
-            console.warn("files api degraded:", filesResp.error);
-        }
-    } else {
-        console.warn("refresh files failed:", filesResult.reason);
-        state.files = [];
-    }
-
-    if (healthResult.status === "fulfilled") {
-        state.health = healthResult.value || null;
-    } else {
-        console.warn("refresh health failed:", healthResult.reason);
-        state.health = null;
-    }
-
-    renderDashboard();
-    if (state.activeView === "history") {
-        loadTaskPage();
-        renderFileTable();
-    }
-}
-
-async function loadPresets() {
-    try {
-        const data = await apiFetch("/api/svn/presets");
-        state.presets = data.presets || [];
-        state.defaultPresetId = data.defaultPresetId || "";
-        renderPresetSelects();
-        applyPresetToSvnForm(state.defaultPresetId);
-    } catch (err) {
-        toast(err.message, true);
-    }
-}
-
-function renderPresetSelects() {
-    const settingsSelect = document.querySelector("#settings-default-preset");
-    if (!settingsSelect) return;
-    
-    settingsSelect.innerHTML = "";
-
-    state.presets.forEach((preset) => {
-        const option = document.createElement("option");
-        option.value = preset.id;
-        option.textContent = `${preset.name}`;
-        settingsSelect.appendChild(option);
-    });
-
-    const selected = state.defaultPresetId || (state.presets[0] ? state.presets[0].id : "");
-    if (selected) {
-        settingsSelect.value = selected;
-    }
-}
-
-// 已移除单个项目预设功能，使用固定三个项目配置
-function onSvnPresetChange(event) {
-    // 保留空实现兼容
-}
-
-function applyPresetToSvnForm(presetId) {
-    // 保留空实现兼容
-}
-
-function renderDashboard() {
-    const total = state.tasks.length;
-    const running = state.tasks.filter((t) => t.status === "RUNNING" || t.status === "PENDING").length;
-    const failed = state.tasks.filter((t) => t.status === "FAILED").length;
-    const health = state.health;
-
-    document.querySelector("#stat-total").textContent = `${total}`;
-    document.querySelector("#stat-running").textContent = `${running}`;
-    document.querySelector("#stat-failed").textContent = `${failed}`;
-    document.querySelector("#stat-health").textContent = health && health.outputDirWritable ? "正常" : "异常";
-
-    const healthDetails = document.querySelector("#health-details");
-    if (health) {
-        healthDetails.textContent = `输出目录: ${health.outputDir} | 可写: ${health.outputDirWritable ? "是" : "否"} | API Key: ${health.apiKeyConfigured ? "已配置" : "未配置"}`;
-    } else {
-        healthDetails.textContent = "健康状态暂不可用";
-    }
-
-    const taskList = document.querySelector("#recent-tasks");
-    taskList.innerHTML = "";
-    state.tasks.slice(0, 6).forEach((task) => {
-        const li = document.createElement("li");
-        li.innerHTML = `<strong>${task.type}</strong> · <span class="tag ${task.status}">${task.status}</span><br><span class="muted">${task.message || ""}</span>`;
-        taskList.appendChild(li);
-    });
-    if (taskList.children.length === 0) {
-        taskList.innerHTML = "<li class='muted'>暂无任务记录</li>";
-    }
-
-    const fileList = document.querySelector("#recent-files");
-    fileList.innerHTML = "";
-    state.files.slice(0, 6).forEach((file) => {
-        const path = file.path;
-        const li = document.createElement("li");
-        li.innerHTML = `<a href="/api/files/download?path=${encodeURIComponent(path)}">${escapeHtml(path)}</a><br><span class='muted'>${formatBytes(file.size)}</span>`;
-        fileList.appendChild(li);
-    });
-    if (fileList.children.length === 0) {
-        fileList.innerHTML = "<li class='muted'>暂无输出文件</li>";
-    }
-}
-
-async function onTestConnection() {
-    const btn = document.querySelector("#btn-test-connection");
-    setLoading(btn, true);
-    try {
-        const firstPreset = state.presets && state.presets.length > 0 ? state.presets[0] : null;
-        if (!firstPreset || !firstPreset.id) {
-            throw new Error("未加载到 SVN 预设，请刷新页面后重试");
-        }
-
-        await apiFetch("/api/svn/test-connection", {
-            method: "POST",
-            body: JSON.stringify({
-                presetId: firstPreset.id,
-                username: "liujing2",
-                password: "sunri@20230620*#&",
-            }),
-        });
-        toast("SVN 连接成功");
-    } catch (err) {
-        toast(err.message, true);
-    } finally {
-        setLoading(btn, false);
-    }
-}
-
-async function waitForTaskCompletion(taskId) {
-    while (true) {
-        try {
-            const task = await apiFetch(`/api/tasks/${encodeURIComponent(taskId)}`);
-            if (task.status === "SUCCESS") {
-                return task;
-            }
-            if (task.status === "FAILED" || task.status === "CANCELLED") {
-                throw new Error(`任务 ${taskId} 执行失败: ${task.error || task.message}`);
-            }
-            // 等待2秒再查询
-            await new Promise(resolve => setTimeout(resolve, 2000));
-        } catch (err) {
-            throw err;
-        }
-    }
-}
-
-async function waitForStreamCompletion(streamState, timeoutMs) {
-    const start = Date.now();
-    while (!streamState.streamCompleted && (Date.now() - start) < timeoutMs) {
-        await new Promise(resolve => setTimeout(resolve, 100));
-    }
-    return streamState.streamCompleted;
-}
-
-function syncTaskAiOutput(task, streamState) {
-    if (!task || !streamState) {
-        return;
-    }
-    const reasoning = task.aiReasoningText || "";
-    const answer = task.aiAnswerText || "";
-
-    if (reasoning.length > streamState.reasoningRenderedLength) {
-        const delta = reasoning.slice(streamState.reasoningRenderedLength);
-        if (delta) {
-            appendReasoning(delta);
-            streamState.reasoningRenderedLength = reasoning.length;
-            streamState.firstDeltaReceived = true;
-        }
-    }
-
-    if (answer.length > streamState.answerRenderedLength) {
-        const delta = answer.slice(streamState.answerRenderedLength);
-        if (delta) {
-            appendAnswer(delta);
-            streamState.answerRenderedLength = answer.length;
-            streamState.firstDeltaReceived = true;
-        }
-    }
-}
-
-async function onRunSvn(event) {
-    event.preventDefault();
-    const form = event.target;
-    const payload = readForm(form);
-    const btn = document.querySelector("#btn-svn-run");
-    const logPanel = document.querySelector("#log-panel");
-    let aiStream = null;
-    
-    // 显示日志面板，清空日志
-    logPanel.style.display = "block";
-    clearLog();
-    appendLog("任务开始...");
-    setLoading(btn, true);
-    form.disabled = true;
-
-    try {
-        if (!state.presets || state.presets.length < 3) {
-            throw new Error("SVN 预设加载异常，请刷新页面后重试");
-        }
-
-        const revisionRanges = [
-            { start: payload.startRevision_1, end: payload.endRevision_1 },
-            { start: payload.startRevision_2, end: payload.endRevision_2 },
-            { start: payload.startRevision_3, end: payload.endRevision_3 },
-        ];
-
-        const projects = revisionRanges
-            .map((range, idx) => ({
-                presetId: state.presets[idx].id,
-                name: state.presets[idx].name,
-                start: range.start,
-                end: range.end,
-            }))
-            .filter((project) => project.start && project.end);
-
-        if (projects.length === 0) {
-            appendLog("错误：请至少填写一个项目的开始和结束版本号", true);
-            toast("请至少填写一个项目的开始和结束版本号", true);
-            return;
-        }
-
-        appendLog(`检测到 ${projects.length} 个待处理项目`);
-
-        const mdFiles = [];
-        for (let i = 0; i < projects.length; i++) {
-            const project = projects[i];
-            appendLog(`正在提交 ${project.name} 的抓取任务...`);
-            const data = await apiFetch("/api/svn/fetch", {
-                method: "POST",
-                body: JSON.stringify({
-                    presetId: project.presetId,
-                    username: "liujing2",
-                    password: "sunri@20230620*#&",
-                    startRevision: toNumberOrNull(project.start),
-                    endRevision: toNumberOrNull(project.end),
-                    filterUser: payload.filterUser || "",
-                }),
-            });
-            const taskId = data.taskId;
-            appendLog(`已创建抓取任务：${project.name} (任务ID: ${taskId.slice(0,8)})`);
-            appendLog(`正在抓取 ${project.name} 日志...`);
-
-            // 严格串行：当前项目完成后才开始下一个项目
-            while (true) {
-                const task = await apiFetch(`/api/tasks/${encodeURIComponent(taskId)}`);
-                if (task.status === "SUCCESS") {
-                    appendLog(`${project.name} 抓取完成`);
-                    if (task.message) appendLog(task.message);
-                    if (task.files && task.files.length > 0) {
-                        mdFiles.push(...task.files.filter(f => f.endsWith(".md")));
-                        appendLog(`生成文件: ${task.files.join(", ")}`);
-                    }
-                    break;
-                }
-                if (task.status === "FAILED" || task.status === "CANCELLED") {
-                    throw new Error(
-                        `${project.name} 抓取失败 (任务ID: ${taskId.slice(0,8)}): ${task.error || task.message}`
-                    );
-                }
-                // 显示任务进度
-                if (task.message) appendLog(`[${project.name}] ${task.message} (进度: ${task.progress}%)`);
-                await new Promise(resolve => setTimeout(resolve, 2000));
-            }
-        }
-
-        appendLog(`所有SVN抓取任务完成，共生成 ${mdFiles.length} 个Markdown文件`);
-
-        // 调用AI分析接口
-        appendLog("正在提交AI分析任务...");
-        const aiData = await apiFetch("/api/ai/analyze", {
-            method: "POST",
-            body: JSON.stringify({
-                filePaths: mdFiles,
-                period: payload.period || "",
-                apiKey: "", // 使用内置API Key
-                outputFileName: payload.outputFileName || "",
-            }),
-        });
-
-        appendSystemLog(`AI分析任务已创建 (任务ID: ${aiData.taskId.slice(0,8)})`);
-        appendSystemLog("正在进行AI分析，请耐心等待...");
-
-        const streamState = {
-            reasoningBuffer: "",
-            answerBuffer: "",
-            streamAvailable: true,
-            streamConnected: false,
-            firstEventReceived: false,
-            firstDeltaReceived: false,
-            streamCompleted: false,
-            taskTerminal: false,
-            reasoningRenderedLength: 0,
-            answerRenderedLength: 0,
-            lastAiStatusLogged: "",
-        };
-        aiStream = openTaskEventStream(aiData.taskId, {
-            onOpen: () => {
-                streamState.streamConnected = true;
-                appendSystemLog("实时流连接已建立");
-            },
-            onFirstEvent: () => {
-                streamState.firstEventReceived = true;
-            },
-            onPhase: (payload) => {
-                if (payload && payload.message) {
-                    appendSystemLog(payload.message);
-                }
-            },
-            onReasoning: (text) => {
-                if (!text) return;
-                if (!streamState.firstDeltaReceived) {
-                    streamState.firstDeltaReceived = true;
-                    appendSystemLog("已接收 AI 流式输出");
-                }
-                streamState.reasoningRenderedLength += text.length;
-                streamState.reasoningBuffer += text;
-                flushStreamBuffer(streamState, "reasoningBuffer", "reasoning", false);
-            },
-            onAnswer: (text) => {
-                if (!text) return;
-                if (!streamState.firstDeltaReceived) {
-                    streamState.firstDeltaReceived = true;
-                    appendSystemLog("已接收 AI 流式输出");
-                }
-                streamState.answerRenderedLength += text.length;
-                streamState.answerBuffer += text;
-                flushStreamBuffer(streamState, "answerBuffer", "answer", false);
-            },
-            onUsage: (payload) => {
-                if (!payload) return;
-                appendSystemLog(`Token统计: prompt=${payload.promptTokens || 0}, completion=${payload.completionTokens || 0}, total=${payload.totalTokens || 0}`);
-            },
-            onError: (payload) => {
-                const detail = payload && (payload.detail || payload.error || payload.message);
-                if (detail) {
-                    appendSystemLog(`流式错误: ${detail}`, true);
-                }
-            },
-            onDone: () => {
-                streamState.streamCompleted = true;
-                appendSystemLog("流式输出已结束");
-            },
-            onTransportError: (meta) => {
-                if (streamState.taskTerminal || streamState.streamCompleted) {
-                    return;
-                }
-                if (streamState.streamAvailable) {
-                    streamState.streamAvailable = false;
-                    if (meta && !meta.opened) {
-                        appendSystemLog("实时流连接失败，已回退到轮询模式", true);
-                    } else if (meta && !meta.firstEventReceived) {
-                        appendSystemLog("实时流未收到事件即中断，已回退到轮询模式", true);
-                    } else {
-                        appendSystemLog("实时流中断，已回退到轮询模式", true);
-                    }
-                }
-            },
-        });
-
-        // 等待AI任务完成，实时显示日志
-        while (true) {
-            const task = await apiFetch(`/api/tasks/${encodeURIComponent(aiData.taskId)}`);
-            syncTaskAiOutput(task, streamState);
-            if (!streamState.streamAvailable && task.aiStreamStatus && task.aiStreamStatus !== streamState.lastAiStatusLogged) {
-                streamState.lastAiStatusLogged = task.aiStreamStatus;
-                appendSystemLog(`轮询回显状态: ${task.aiStreamStatus}`);
-            }
-            if (task.status === "SUCCESS") {
-                streamState.taskTerminal = true;
-                flushStreamBuffer(streamState, "reasoningBuffer", "reasoning", true);
-                flushStreamBuffer(streamState, "answerBuffer", "answer", true);
-                syncTaskAiOutput(task, streamState);
-                appendSystemLog("AI分析完成");
-                if (task.message) appendSystemLog(task.message);
-                if (!streamState.streamCompleted) {
-                    const completed = await waitForStreamCompletion(streamState, 2500);
-                    if (!completed) {
-                        appendSystemLog("流式收尾超时，已使用轮询结果完成任务");
-                    }
-                }
-                aiStream.close();
-                break;
-            }
-            if (task.status === "FAILED" || task.status === "CANCELLED") {
-                streamState.taskTerminal = true;
-                flushStreamBuffer(streamState, "reasoningBuffer", "reasoning", true);
-                flushStreamBuffer(streamState, "answerBuffer", "answer", true);
-                syncTaskAiOutput(task, streamState);
-                aiStream.close();
-                throw new Error(`AI分析失败: ${task.error || task.message}`);
-            }
-            // 显示AI思考过程
-            if (!streamState.streamAvailable && task.message) {
-                // 避免重复输出相同消息
-                const lastLog = document.querySelector("#system-log-output p:last-child");
-                if (!lastLog || !lastLog.textContent.includes(task.message)) {
-                    appendSystemLog(task.message);
-                }
-            }
-            await new Promise(resolve => setTimeout(resolve, 1000));
-        }
-
-        // 获取最终任务结果
-        const aiTask = await apiFetch(`/api/tasks/${encodeURIComponent(aiData.taskId)}`);
-
-        // 找到生成的Excel文件并自动下载
-        if (aiTask.files && aiTask.files.length > 0) {
-            const excelFile = aiTask.files.find(f => f.endsWith(".xlsx"));
-            if (excelFile) {
-                appendSystemLog("Excel生成成功，开始下载...");
-                // 触发下载
-                window.open(`/api/files/download?path=${encodeURIComponent(excelFile)}`, "_blank");
-                appendSystemLog("✅ 任务全部完成！");
-            }
-        }
-
-        refreshAll();
-    } catch (err) {
-        appendLog(`错误: ${err.message}`, true);
-        toast(err.message, true);
-    } finally {
-        if (aiStream) {
-            aiStream.close();
-        }
-        setLoading(btn, false);
-        form.disabled = false;
-    }
-}
-
-function openTaskEventStream(taskId, handlers = {}) {
-    if (!window.EventSource) {
-        handlers.onTransportError && handlers.onTransportError();
-        return { close: () => {} };
-    }
-
-    const streamUrl = `/api/tasks/${encodeURIComponent(taskId)}/stream`;
-    const source = new EventSource(streamUrl);
-    const meta = {
-        opened: false,
-        done: false,
-        firstEventReceived: false,
-    };
-    const parse = (event) => {
-        try {
-            return JSON.parse(event.data || "{}");
-        } catch (err) {
-            return {};
-        }
-    };
-    const markFirstEvent = () => {
-        if (meta.firstEventReceived) {
-            return;
-        }
-        meta.firstEventReceived = true;
-        handlers.onFirstEvent && handlers.onFirstEvent();
-    };
-
-    source.onopen = () => {
-        meta.opened = true;
-        handlers.onOpen && handlers.onOpen();
-    };
-
-    source.addEventListener("phase", (event) => {
-        markFirstEvent();
-        handlers.onPhase && handlers.onPhase(parse(event));
-    });
-    source.addEventListener("reasoning_delta", (event) => {
-        markFirstEvent();
-        const payload = parse(event);
-        handlers.onReasoning && handlers.onReasoning(payload.text || "");
-    });
-    source.addEventListener("answer_delta", (event) => {
-        markFirstEvent();
-        const payload = parse(event);
-        handlers.onAnswer && handlers.onAnswer(payload.text || "");
-    });
-    source.addEventListener("usage", (event) => {
-        markFirstEvent();
-        handlers.onUsage && handlers.onUsage(parse(event));
-    });
-    source.addEventListener("error", (event) => {
-        markFirstEvent();
-        handlers.onError && handlers.onError(parse(event));
-    });
-    source.addEventListener("done", (event) => {
-        markFirstEvent();
-        meta.done = true;
-        handlers.onDone && handlers.onDone(parse(event));
-        source.close();
-    });
-    source.onerror = () => {
-        if (meta.done) {
-            return;
-        }
-        handlers.onTransportError && handlers.onTransportError({
-            opened: meta.opened,
-            closed: source.readyState === EventSource.CLOSED,
-            firstEventReceived: meta.firstEventReceived,
-        });
-        source.close();
-    };
-
-    return {
-        close: () => {
-            source.close();
-        },
-    };
-}
-
-function flushStreamBuffer(streamState, key, target, force) {
-    const text = streamState[key] || "";
-    if (!text) {
-        return;
-    }
-
-    const shouldFlush = force || text.length >= 64 || /[。！？\n]$/.test(text);
-    if (!shouldFlush) {
-        return;
-    }
-    const cleaned = text
-        .replace(/\r/g, "")
-        .replace(/[ \t]+\n/g, "\n")
-        .replace(/\n{3,}/g, "\n\n")
-        .trim();
-    if (!cleaned) {
-        streamState[key] = "";
-        return;
-    }
-    if (target === "reasoning") {
-        appendReasoning(cleaned);
-    } else if (target === "answer") {
-        appendAnswer(cleaned);
-    } else {
-        appendSystemLog(cleaned);
-    }
-    streamState[key] = "";
-}
-
-function appendSystemLog(message, isError = false) {
-    const logOutput = document.querySelector("#system-log-output");
-    if (!logOutput) {
-        console.warn("system-log-output not found:", message);
-        return;
-    }
-    markPanelReady("#system-log-output");
-    const p = document.createElement("p");
-    const time = new Date().toLocaleTimeString("zh-CN", { hour12: false });
-    p.className = isError ? "log-line is-error" : "log-line is-info";
-    if (isError) {
-        p.textContent = `[${time}] ❌ ${message}`;
-    } else {
-        p.textContent = `[${time}] ℹ️ ${message}`;
-    }
-    logOutput.appendChild(p);
-    logOutput.scrollTop = logOutput.scrollHeight;
-}
-
-function appendReasoning(message) {
-    appendPane("#reasoning-output", message, "is-reasoning");
-}
-
-function appendAnswer(message) {
-    appendPane("#answer-output", message, "is-answer");
-}
-
-function appendPane(selector, message, toneClass) {
-    const logOutput = document.querySelector(selector);
-    if (!logOutput) {
-        console.warn(`${selector} not found:`, message);
-        return;
-    }
-    markPanelReady(selector);
-    const p = document.createElement("p");
-    p.className = `log-line ${toneClass}`.trim();
-    p.textContent = message;
-    logOutput.appendChild(p);
-    logOutput.scrollTop = logOutput.scrollHeight;
-}
-
-// 兼容旧调用
-function appendLog(message, isError = false) {
-    appendSystemLog(message, isError);
-}
-
-function clearLog() {
-    const system = document.querySelector("#system-log-output");
-    const reasoning = document.querySelector("#reasoning-output");
-    const answer = document.querySelector("#answer-output");
-
-    system.innerHTML = "<p class='muted'>等待任务开始...</p>";
-    reasoning.innerHTML = "<p class='muted'>等待思考输出...</p>";
-    answer.innerHTML = "<p class='muted'>等待答案输出...</p>";
-}
-
-function markPanelReady(selector) {
-    const panel = document.querySelector(selector);
-    if (!panel) {
-        return;
-    }
-    const muted = panel.querySelector(".muted");
-    if (muted) {
-        muted.remove();
-    }
-}
-
-function renderTaskTable() {
-    const container = document.querySelector("#task-table");
-    if (!state.taskPage.items.length) {
-        container.innerHTML = "<p class='muted'>暂无任务记录</p>";
-        renderTaskPager();
-        return;
-    }
-
-    const rows = state.taskPage.items.map((task) => {
-        const files = (task.files || []).map((f) => `<a href="/api/files/download?path=${encodeURIComponent(f)}">${escapeHtml(f)}</a>`).join("<br>");
-        const canCancel = task.status === "RUNNING" || task.status === "PENDING";
-        return `<tr>
-            <td>${escapeHtml(task.taskId.slice(0, 8))}</td>
-            <td>${escapeHtml(task.type)}</td>
-            <td><span class="tag ${task.status}">${task.status}</span></td>
-            <td>${task.progress || 0}%</td>
-            <td>${escapeHtml(task.message || "")}${task.error ? `<br><span class='muted'>${escapeHtml(task.error)}</span>` : ""}</td>
-            <td>${files || "-"}</td>
-            <td>${canCancel ? `<button type="button" class="btn-cancel-task" data-task-id="${escapeHtml(task.taskId)}">取消</button>` : "-"}</td>
-        </tr>`;
-    }).join("");
-
-    container.innerHTML = `<table>
-        <thead><tr><th>任务ID</th><th>类型</th><th>状态</th><th>进度</th><th>说明</th><th>产物</th><th>操作</th></tr></thead>
-        <tbody>${rows}</tbody>
-    </table>`;
-
-    document.querySelectorAll(".btn-cancel-task").forEach((btn) => {
-        btn.addEventListener("click", async () => {
-            const taskId = btn.dataset.taskId;
-            if (!taskId) {
-                return;
-            }
-            setLoading(btn, true);
-            try {
-                const result = await apiFetch(`/api/tasks/${encodeURIComponent(taskId)}/cancel`, { method: "POST" });
-                toast(result.message || "任务取消请求已处理");
-                await loadTaskPage();
-                await refreshAll();
-            } catch (err) {
-                toast(err.message, true);
-            } finally {
-                setLoading(btn, false);
-            }
-        });
-    });
-
-    renderTaskPager();
-}
-
-async function loadTaskPage() {
-    const params = new URLSearchParams();
-    if (state.taskQuery.status) {
-        params.set("status", state.taskQuery.status);
-    }
-    if (state.taskQuery.type) {
-        params.set("type", state.taskQuery.type);
-    }
-    if (state.taskQuery.keyword) {
-        params.set("keyword", state.taskQuery.keyword);
-    }
-    params.set("page", String(state.taskQuery.page));
-    params.set("size", String(state.taskQuery.size));
-
-    try {
-        const data = await apiFetch(`/api/tasks/query?${params.toString()}`);
-        state.taskPage = {
-            items: data.items || [],
-            page: data.page || 1,
-            size: data.size || state.taskQuery.size,
-            total: data.total || 0,
-        };
-        renderTaskTable();
-    } catch (err) {
-        toast(err.message, true);
-    }
-}
-
-function onTaskFilterSubmit() {
-    state.taskQuery.status = document.querySelector("#task-filter-status").value || "";
-    state.taskQuery.type = document.querySelector("#task-filter-type").value || "";
-    state.taskQuery.keyword = (document.querySelector("#task-filter-keyword").value || "").trim();
-    state.taskQuery.page = 1;
-    loadTaskPage();
-}
-
-function renderTaskPager() {
-    const pager = document.querySelector("#task-pager");
-    if (!pager) {
-        return;
-    }
-    const totalPages = Math.max(1, Math.ceil((state.taskPage.total || 0) / state.taskQuery.size));
-    const current = state.taskPage.page || 1;
-    pager.innerHTML = `
-        <span>共 ${state.taskPage.total || 0} 条，第 ${current}/${totalPages} 页</span>
-        <div class="pager-actions">
-            <button type="button" ${current <= 1 ? "disabled" : ""} id="btn-page-prev">上一页</button>
-            <button type="button" ${current >= totalPages ? "disabled" : ""} id="btn-page-next">下一页</button>
-        </div>
-    `;
-    const prev = document.querySelector("#btn-page-prev");
-    const next = document.querySelector("#btn-page-next");
-    if (prev) {
-        prev.addEventListener("click", () => {
-            if (state.taskQuery.page > 1) {
-                state.taskQuery.page -= 1;
-                loadTaskPage();
-            }
-        });
-    }
-    if (next) {
-        next.addEventListener("click", () => {
-            if (state.taskQuery.page < totalPages) {
-                state.taskQuery.page += 1;
-                loadTaskPage();
-            }
-        });
-    }
-}
-
-function renderFileTable() {
-    const container = document.querySelector("#file-table");
-    if (!state.files.length) {
-        container.innerHTML = "<p class='muted'>暂无输出文件</p>";
-        return;
-    }
-    const rows = state.files.map((file) => {
-        const path = file.path;
-        return `
-        <tr>
-            <td>${escapeHtml(path)}</td>
-            <td>${formatBytes(file.size)}</td>
-            <td>${formatTime(file.modifiedAt)}</td>
-            <td><a href="/api/files/download?path=${encodeURIComponent(path)}">下载</a></td>
-        </tr>
-    `;
-    }).join("");
-    container.innerHTML = `<table>
-        <thead><tr><th>文件路径</th><th>大小</th><th>更新时间</th><th>操作</th></tr></thead>
-        <tbody>${rows}</tbody>
-    </table>`;
-}
-
-async function loadSettings() {
-    try {
-        const data = await apiFetch("/api/settings");
-        document.querySelector("#settings-form [name='provider']").value = data.provider || "deepseek";
-        document.querySelector("#settings-form [name='apiKey']").value = "";
-        document.querySelector("#settings-form [name='openaiBaseUrl']").value = data.openaiBaseUrl || "";
-        document.querySelector("#settings-form [name='openaiApiKey']").value = data.openaiApiKey || "";
-        document.querySelector("#settings-form [name='openaiStageOneModel']").value =
-            data.openaiStageOneModel || "deepseek-v4-flash";
-        document.querySelector("#settings-form [name='openaiStageTwoModel']").value =
-            data.openaiStageTwoModel || "deepseek-v4-pro";
-        document.querySelector("#settings-form [name='outputDir']").value = data.outputDir || "";
-        state.defaultPresetId = data.defaultSvnPresetId || state.defaultPresetId;
-        const settingsPreset = document.querySelector("#settings-default-preset");
-        if (settingsPreset && state.defaultPresetId) {
-            settingsPreset.value = state.defaultPresetId;
-        }
-        applyPresetToSvnForm(state.defaultPresetId);
-        updateSettingsProviderUI(data.provider || "deepseek");
-        renderSettingsState(data);
-    } catch (err) {
-        toast(err.message, true);
-    }
-}
-
-async function onSaveSettings(event) {
-    event.preventDefault();
-    const payload = readForm(event.target);
-    const btn = event.target.querySelector("button[type='submit']");
-    setLoading(btn, true);
-    try {
-        const data = await apiFetch("/api/settings", {
-            method: "PUT",
-            body: JSON.stringify(payload),
-        });
-        state.defaultPresetId = data.defaultSvnPresetId || state.defaultPresetId;
-        applyPresetToSvnForm(state.defaultPresetId);
-        updateSettingsProviderUI(data.provider || "deepseek");
-        renderSettingsState(data);
-        toast("设置保存成功");
-    } catch (err) {
-        toast(err.message, true);
-    } finally {
-        setLoading(btn, false);
-    }
-}
-
-function readForm(form) {
-    const data = new FormData(form);
-    return Object.fromEntries(data.entries());
-}
-
-function updateSettingsProviderUI(provider) {
-    const isOpenAiCompatible = provider === "openai-compatible";
-    const groupedSection = document.querySelector("#openai-settings-group");
-    if (groupedSection) {
-        groupedSection.hidden = !isOpenAiCompatible;
-    }
-    document.querySelectorAll("#openai-api-key-group, #openai-stage-one-group, #openai-stage-two-group").forEach((node) => {
-        node.hidden = !isOpenAiCompatible;
-    });
-}
-
-function renderSettingsState(data) {
-    const stateEl = document.querySelector("#settings-state");
-    if (!stateEl) {
-        return;
-    }
-    if ((data.provider || "deepseek") === "openai-compatible") {
-        stateEl.textContent = `当前提供商：OpenAI兼容 | Base URL：${data.openaiBaseUrl || "(未配置)"} | API Key：${data.openaiApiKeyConfigured ? "已配置" : "未配置"} | Stage1：${data.openaiStageOneModel || "-"} | Stage2：${data.openaiStageTwoModel || "-"}`;
-        return;
-    }
-    stateEl.textContent = `当前提供商：DeepSeek | API Key 状态：${data.apiKeyConfigured ? "已配置" : "未配置"}（来源：${data.apiKeySource}）`;
-}
-
-function setLoading(button, loading) {
-    if (!button) {
-        return;
-    }
-    button.disabled = loading;
-    if (loading) {
-        button.dataset.originalText = button.textContent;
-        button.textContent = "处理中...";
-    } else {
-        button.textContent = button.dataset.originalText || button.textContent;
-    }
-}
-
-function toNumberOrNull(value) {
-    if (value === null || value === undefined || String(value).trim() === "") {
-        return null;
-    }
-    const parsed = Number(value);
-    return Number.isFinite(parsed) ? parsed : null;
-}
-
-function toast(message, isError = false) {
-    const el = document.querySelector("#toast");
-    el.textContent = message;
-    el.classList.add("show");
-    el.style.background = isError ? "#7a271a" : "#11343b";
-    setTimeout(() => {
-        el.classList.remove("show");
-    }, 2800);
-}
-
-function escapeHtml(text) {
-    return String(text)
-        .replace(/&/g, "&amp;")
-        .replace(/</g, "&lt;")
-        .replace(/>/g, "&gt;")
-        .replace(/\"/g, "&quot;")
-        .replace(/'/g, "&#39;");
-}
-
-function formatBytes(bytes) {
-    if (bytes === null || bytes === undefined) {
-        return "-";
-    }
-    const units = ["B", "KB", "MB", "GB"];
-    let value = Number(bytes);
-    let idx = 0;
-    while (value >= 1024 && idx < units.length - 1) {
-        value = value / 1024;
-        idx += 1;
-    }
-    return `${value.toFixed(idx === 0 ? 0 : 1)} ${units[idx]}`;
-}
-
-function formatTime(value) {
-    if (!value) {
-        return "-";
-    }
-    const date = new Date(value);
-    if (Number.isNaN(date.getTime())) {
-        return "-";
-    }
-    return date.toLocaleString("zh-CN", { hour12: false });
-}
-
-function sortByTimeDesc(left, right) {
-    const l = left ? new Date(left).getTime() : 0;
-    const r = right ? new Date(right).getTime() : 0;
-    return r - l;
-}
-
-// 自动填充版本号
-async function onAutoFillVersions() {
-    const btn = document.querySelector("#btn-auto-fill");
-    const monthInput = document.querySelector("#version-month");
-    const [year, month] = monthInput.value.split("-");
-
-    setLoading(btn, true);
-    appendLog(`开始查询 ${year}年${month}月 的版本范围...`);
-
-    if (!state.presets || state.presets.length < 3) {
-        appendLog("错误：未加载到完整 SVN 预设，请刷新页面后重试", true);
-        setLoading(btn, false);
-        return;
-    }
-
-    const projects = [1, 2, 3].map((index) => {
-        const preset = state.presets[index - 1];
-        return {
-            presetId: preset.id,
-            name: preset.name,
-            startInput: document.querySelector(`#svn-form [name='startRevision_${index}']`),
-            endInput: document.querySelector(`#svn-form [name='endRevision_${index}']`),
-        };
-    });
-    
-    try {
-        for (const project of projects) {
-            appendLog(`正在查询 ${project.name} 的版本范围...`);
-            const traceId = `autofill-${project.presetId}-${Date.now()}`;
-            const requestPayload = {
-                presetId: project.presetId,
-                username: "liujing2",
-                password: "sunri@20230620*#&",
-                year: parseInt(year),
-                month: parseInt(month),
-                clientTraceId: traceId,
-            };
-            const requestPayloadForLog = {
-                presetId: requestPayload.presetId,
-                username: requestPayload.username,
-                password: maskSecret(requestPayload.password),
-                year: requestPayload.year,
-                month: requestPayload.month,
-                clientTraceId: requestPayload.clientTraceId,
-            };
-            appendLog(`[AutoFill][Request] project=${project.name} payload=${JSON.stringify(requestPayloadForLog)}`);
-            
-            // 调用后端接口获取月份版本范围
-            const data = await apiFetch("/api/svn/version-range", {
-                method: "POST",
-                body: JSON.stringify(requestPayload),
-            });
-            appendLog(`[AutoFill][Response] traceId=${traceId} payload=${safeJsonStringify(data)}`);
-            if (data && data.resolvedSvnUrl) {
-                appendLog(`[AutoFill][SVN] traceId=${traceId} actualUrl=${data.resolvedSvnUrl}`);
-            }
-            
-            if (data.startRevision && data.endRevision) {
-                project.startInput.value = data.startRevision;
-                project.endInput.value = data.endRevision;
-                appendLog(`${project.name} 版本范围: ${data.startRevision} - ${data.endRevision}`);
-            } else {
-                appendLog(`⚠️ ${project.name} 该月份无提交记录`, true);
-            }
-        }
-        
-        appendLog("✅ 所有项目版本号填充完成");
-        toast("版本号填充完成");
-    } catch (err) {
-        appendLog(`填充失败: ${err.message}`, true);
-        appendLog(`[AutoFill][Error] detail=${err.message}`, true);
-        toast(err.message, true);
-    } finally {
-        setLoading(btn, false);
-    }
-}
-
-function maskSecret(secret) {
-    if (!secret) {
-        return "(empty)";
-    }
-    return `***len=${String(secret).length}`;
-}
-
-function safeJsonStringify(value) {
-    try {
-        const raw = JSON.stringify(value);
-        if (!raw) {
-            return "{}";
-        }
-        return raw.length > 600 ? `${raw.slice(0, 600)}...(truncated)` : raw;
-    } catch (err) {
-        return `\"<invalid-json:${err.message}>\"`;
-    }
-}
diff --git a/src/main/resources/static/index-redesign.html b/src/main/resources/static/index-redesign.html
deleted file mode 100644
index 358dd4b..0000000
--- a/src/main/resources/static/index-redesign.html
+++ /dev/null
@@ -1,425 +0,0 @@
-<!doctype html>
-<html lang="zh-CN">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>SVN 日志工作台</title>
-    <link rel="preconnect" href="https://fonts.googleapis.com">
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
-    <link rel="stylesheet" href="/styles-redesign.css">
-</head>
-<body>
-    <!-- 主题切换按钮 -->
-    <button class="theme-toggle" id="theme-toggle" aria-label="切换主题">
-        <svg class="icon-sun" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-            <circle cx="12" cy="12" r="5"/>
-            <line x1="12" y1="1" x2="12" y2="3"/>
-            <line x1="12" y1="21" x2="12" y2="23"/>
-            <line x1="4.22" y1="4.22" x2="5.64" y2="5.64"/>
-            <line x1="18.36" y1="18.36" x2="19.78" y2="19.78"/>
-            <line x1="1" y1="12" x2="3" y2="12"/>
-            <line x1="21" y1="12" x2="23" y2="12"/>
-            <line x1="4.22" y1="19.78" x2="5.64" y2="18.36"/>
-            <line x1="18.36" y1="5.64" x2="19.78" y2="4.22"/>
-        </svg>
-        <svg class="icon-moon" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-            <path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/>
-        </svg>
-    </button>
-
-    <div class="app-container">
-        <!-- 侧边栏 -->
-        <aside class="sidebar" role="navigation" aria-label="主导航">
-            <div class="sidebar-header">
-                <svg class="logo-icon" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-                    <path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z"/>
-                </svg>
-                <h1 class="logo-text">SVN 工作台</h1>
-            </div>
-
-            <nav class="nav-menu">
-                <button class="nav-item active" data-view="dashboard">
-                    <svg class="nav-icon" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-                        <rect x="3" y="3" width="7" height="7"/>
-                        <rect x="14" y="3" width="7" height="7"/>
-                        <rect x="14" y="14" width="7" height="7"/>
-                        <rect x="3" y="14" width="7" height="7"/>
-                    </svg>
-                    <span>工作台</span>
-                </button>
-                <button class="nav-item" data-view="svn">
-                    <svg class="nav-icon" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-                        <path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"/>
-                        <polyline points="3.27 6.96 12 12.01 20.73 6.96"/>
-                        <line x1="12" y1="22.08" x2="12" y2="12"/>
-                    </svg>
-                    <span>SVN 日志</span>
-                </button>
-                <button class="nav-item" data-view="ai">
-                    <svg class="nav-icon" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-                        <path d="M12 2L2 7l10 5 10-5-10-5z"/>
-                        <path d="M2 17l10 5 10-5"/>
-                        <path d="M2 12l10 5 10-5"/>
-                    </svg>
-                    <span>AI 分析</span>
-                </button>
-                <button class="nav-item" data-view="history">
-                    <svg class="nav-icon" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-                        <circle cx="12" cy="12" r="10"/>
-                        <polyline points="12 6 12 12 16 14"/>
-                    </svg>
-                    <span>任务历史</span>
-                </button>
-                <button class="nav-item" data-view="settings">
-                    <svg class="nav-icon" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-                        <circle cx="12" cy="12" r="3"/>
-                        <path d="M12 1v6m0 6v6m5.2-13.2l-4.2 4.2m-2 2l-4.2 4.2M23 12h-6m-6 0H5m13.2 5.2l-4.2-4.2m-2-2l-4.2-4.2"/>
-                    </svg>
-                    <span>系统设置</span>
-                </button>
-            </nav>
-
-            <div class="sidebar-footer">
-                <div class="status-indicator">
-                    <span class="status-dot"></span>
-                    <span class="status-text">系统正常</span>
-                </div>
-            </div>
-        </aside>
-
-        <!-- 主内容区 -->
-        <main class="main-content" id="main-content">
-            <!-- 页面头部 -->
-            <header class="page-header">
-                <div class="header-content">
-                    <h2 class="page-title" id="page-title">工作台</h2>
-                    <p class="page-description" id="page-description">查看系统状态与最近产物</p>
-                </div>
-            </header>
-
-            <!-- 工作台视图 -->
-            <section class="view active" id="view-dashboard" aria-live="polite">
-                <!-- 统计卡片 -->
-                <div class="stats-grid">
-                    <article class="stat-card">
-                        <div class="stat-icon stat-icon-primary">
-                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-                                <path d="M22 12h-4l-3 9L9 3l-3 9H2"/>
-                            </svg>
-                        </div>
-                        <div class="stat-content">
-                            <p class="stat-label">任务总数</p>
-                            <p class="stat-value" id="stat-total">0</p>
-                        </div>
-                    </article>
-
-                    <article class="stat-card">
-                        <div class="stat-icon stat-icon-warning">
-                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-                                <circle cx="12" cy="12" r="10"/>
-                                <polyline points="12 6 12 12 16 14"/>
-                            </svg>
-                        </div>
-                        <div class="stat-content">
-                            <p class="stat-label">执行中</p>
-                            <p class="stat-value" id="stat-running">0</p>
-                        </div>
-                    </article>
-
-                    <article class="stat-card">
-                        <div class="stat-icon stat-icon-danger">
-                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-                                <circle cx="12" cy="12" r="10"/>
-                                <line x1="15" y1="9" x2="9" y2="15"/>
-                                <line x1="9" y1="9" x2="15" y2="15"/>
-                            </svg>
-                        </div>
-                        <div class="stat-content">
-                            <p class="stat-label">失败任务</p>
-                            <p class="stat-value" id="stat-failed">0</p>
-                        </div>
-                    </article>
-
-                    <article class="stat-card">
-                        <div class="stat-icon stat-icon-success">
-                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-                                <path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/>
-                                <polyline points="22 4 12 14.01 9 11.01"/>
-                            </svg>
-                        </div>
-                        <div class="stat-content">
-                            <p class="stat-label">系统状态</p>
-                            <p class="stat-value stat-value-small" id="stat-health">-</p>
-                        </div>
-                    </article>
-                </div>
-
-                <!-- 健康检查卡片 -->
-                <article class="glass-card" id="health-card">
-                    <div class="card-header">
-                        <h3 class="card-title">健康检查</h3>
-                    </div>
-                    <div class="card-body">
-                        <p class="text-muted" id="health-details">加载中...</p>
-                    </div>
-                </article>
-
-                <!-- 最近任务和文件 -->
-                <div class="grid-2">
-                    <article class="glass-card">
-                        <div class="card-header">
-                            <h3 class="card-title">最近任务</h3>
-                        </div>
-                        <div class="card-body">
-                            <ul id="recent-tasks" class="item-list"></ul>
-                        </div>
-                    </article>
-
-                    <article class="glass-card">
-                        <div class="card-header">
-                            <h3 class="card-title">最近文件</h3>
-                        </div>
-                        <div class="card-body">
-                            <ul id="recent-files" class="item-list"></ul>
-                        </div>
-                    </article>
-                </div>
-            </section>
-
-            <!-- SVN 日志抓取视图 -->
-            <section class="view" id="view-svn">
-                <article class="glass-card">
-                    <div class="card-header">
-                        <h3 class="card-title">SVN 抓取参数</h3>
-                    </div>
-                    <div class="card-body">
-                        <form id="svn-form" class="form-layout">
-                            <div class="form-group">
-                                <label for="svn-preset-select" class="form-label">预置项目</label>
-                                <select name="presetId" id="svn-preset-select" class="form-select" aria-label="预置 SVN 项目"></select>
-                            </div>
-
-                            <div class="form-group">
-                                <label for="project-name" class="form-label">项目名</label>
-                                <input type="text" name="projectName" id="project-name" class="form-input" placeholder="如：PRS-7050">
-                            </div>
-
-                            <div class="form-group form-group-full">
-                                <label for="svn-url" class="form-label">SVN 地址 <span class="required">*</span></label>
-                                <input type="url" name="url" id="svn-url" class="form-input" placeholder="https://..." required aria-label="SVN 地址">
-                            </div>
-
-                            <div class="form-group">
-                                <label for="svn-username" class="form-label">账号 <span class="required">*</span></label>
-                                <input type="text" name="username" id="svn-username" class="form-input" placeholder="请输入账号" required>
-                            </div>
-
-                            <div class="form-group">
-                                <label for="svn-password" class="form-label">密码 <span class="required">*</span></label>
-                                <input type="password" name="password" id="svn-password" class="form-input" placeholder="请输入密码" required>
-                            </div>
-
-                            <div class="form-group">
-                                <label for="start-revision" class="form-label">开始版本号</label>
-                                <input type="text" name="startRevision" id="start-revision" class="form-input" inputmode="numeric" placeholder="默认最新">
-                            </div>
-
-                            <div class="form-group">
-                                <label for="end-revision" class="form-label">结束版本号</label>
-                                <input type="text" name="endRevision" id="end-revision" class="form-input" inputmode="numeric" placeholder="默认最新">
-                            </div>
-
-                            <div class="form-group form-group-full">
-                                <label for="filter-user" class="form-label">过滤用户名</label>
-                                <input type="text" name="filterUser" id="filter-user" class="form-input" placeholder="包含匹配，留空不过滤">
-                            </div>
-
-                            <div class="form-actions form-group-full">
-                                <button type="button" id="btn-test-connection" class="btn btn-secondary">
-                                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-                                        <path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/>
-                                        <polyline points="22 4 12 14.01 9 11.01"/>
-                                    </svg>
-                                    测试连接
-                                </button>
-                                <button type="submit" id="btn-svn-run" class="btn btn-primary">
-                                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-                                        <path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"/>
-                                    </svg>
-                                    开始抓取并导出
-                                </button>
-                            </div>
-                        </form>
-                    </div>
-                </article>
-            </section>
-
-            <!-- AI 工作量分析视图 -->
-            <section class="view" id="view-ai">
-                <article class="glass-card">
-                    <div class="card-header">
-                        <h3 class="card-title">AI 分析参数</h3>
-                    </div>
-                    <div class="card-body">
-                        <form id="ai-form" class="form-layout">
-                            <div class="form-group form-group-full">
-                                <label class="form-label">选择 Markdown 输入文件</label>
-                                <div class="file-picker" id="md-file-picker" role="group" aria-label="Markdown 文件选择"></div>
-                            </div>
-
-                            <div class="form-group">
-                                <label for="work-period" class="form-label">工作周期</label>
-                                <input type="text" name="period" id="work-period" class="form-input" placeholder="例如 2026年03月">
-                            </div>
-
-                            <div class="form-group">
-                                <label for="output-filename" class="form-label">输出文件名</label>
-                                <input type="text" name="outputFileName" id="output-filename" class="form-input" placeholder="例如 202603工作量统计.xlsx">
-                            </div>
-
-                            <div class="form-group form-group-full">
-                                <label for="temp-api-key" class="form-label">临时 API Key（可选）</label>
-                                <input type="password" name="apiKey" id="temp-api-key" class="form-input" placeholder="优先使用设置页或环境变量">
-                            </div>
-
-                            <div class="form-actions form-group-full">
-                                <button type="submit" id="btn-ai-run" class="btn btn-primary">
-                                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-                                        <path d="M12 2L2 7l10 5 10-5-10-5z"/>
-                                        <path d="M2 17l10 5 10-5"/>
-                                        <path d="M2 12l10 5 10-5"/>
-                                    </svg>
-                                    开始 AI 分析并导出 Excel
-                                </button>
-                            </div>
-                        </form>
-                    </div>
-                </article>
-            </section>
-
-            <!-- 任务历史视图 -->
-            <section class="view" id="view-history">
-                <article class="glass-card">
-                    <div class="card-header">
-                        <h3 class="card-title">任务列表</h3>
-                    </div>
-                    <div class="card-body">
-                        <div class="filter-toolbar" id="history-toolbar">
-                            <select id="task-filter-status" class="form-select" aria-label="状态筛选">
-                                <option value="">全部状态</option>
-                                <option value="PENDING">PENDING</option>
-                                <option value="RUNNING">RUNNING</option>
-                                <option value="SUCCESS">SUCCESS</option>
-                                <option value="FAILED">FAILED</option>
-                                <option value="CANCELLED">CANCELLED</option>
-                            </select>
-                            <select id="task-filter-type" class="form-select" aria-label="类型筛选">
-                                <option value="">全部类型</option>
-                                <option value="SVN_FETCH">SVN_FETCH</option>
-                                <option value="AI_ANALYZE">AI_ANALYZE</option>
-                            </select>
-                            <input id="task-filter-keyword" class="form-input" placeholder="搜索任务ID/信息" aria-label="关键词搜索">
-                            <button id="btn-task-filter" type="button" class="btn btn-secondary">查询</button>
-                        </div>
-                        <div id="task-table" class="table-container"></div>
-                        <div class="pagination" id="task-pager"></div>
-                    </div>
-                </article>
-
-                <article class="glass-card">
-                    <div class="card-header">
-                        <h3 class="card-title">输出文件</h3>
-                    </div>
-                    <div class="card-body">
-                        <div id="file-table" class="table-container"></div>
-                    </div>
-                </article>
-            </section>
-
-            <!-- 系统设置视图 -->
-            <section class="view" id="view-settings">
-                <article class="glass-card">
-                    <div class="card-header">
-                        <h3 class="card-title">系统设置</h3>
-                    </div>
-                    <div class="card-body">
-                        <form id="settings-form" class="form-layout">
-                            <div class="form-group form-group-full">
-                                <label for="settings-provider" class="form-label">AI 提供商</label>
-                                <select name="provider" id="settings-provider" class="form-select">
-                                    <option value="deepseek">DeepSeek</option>
-                                    <option value="openai-compatible">OpenAI兼容</option>
-                                </select>
-                            </div>
-
-                            <div class="form-group form-group-full">
-                                <label for="api-key-input" class="form-label">DeepSeek API Key</label>
-                                <input type="password" name="apiKey" id="api-key-input" class="form-input" placeholder="设置后将保存在当前进程内存">
-                            </div>
-
-                            <div class="form-group form-group-full" id="openai-settings-group" hidden>
-                                <label for="openai-base-url" class="form-label">OpenAI兼容 Base URL</label>
-                                <input type="text" name="openaiBaseUrl" id="openai-base-url" class="form-input" placeholder="例如 http://127.0.0.1:5001/v1">
-                            </div>
-
-                            <div class="form-group form-group-full" id="openai-api-key-group" hidden>
-                                <label for="openai-api-key" class="form-label">OpenAI兼容 API Key</label>
-                                <input type="password" name="openaiApiKey" id="openai-api-key" class="form-input" placeholder="设置后将保存在当前进程内存">
-                            </div>
-
-                            <div class="form-group" id="openai-stage-one-group" hidden>
-                                <label for="openai-stage-one-model" class="form-label">第一阶段模型</label>
-                                <select name="openaiStageOneModel" id="openai-stage-one-model" class="form-select">
-                                    <option value="deepseek-v4-flash">deepseek-v4-flash</option>
-                                    <option value="deepseek-v4-pro">deepseek-v4-pro</option>
-                                </select>
-                            </div>
-
-                            <div class="form-group" id="openai-stage-two-group" hidden>
-                                <label for="openai-stage-two-model" class="form-label">第二阶段模型</label>
-                                <select name="openaiStageTwoModel" id="openai-stage-two-model" class="form-select">
-                                    <option value="deepseek-v4-pro">deepseek-v4-pro</option>
-                                    <option value="deepseek-v4-flash">deepseek-v4-flash</option>
-                                </select>
-                            </div>
-
-                            <div class="form-group form-group-full">
-                                <label for="default-preset" class="form-label">默认 SVN 项目</label>
-                                <select name="defaultSvnPresetId" id="default-preset" class="form-select"></select>
-                            </div>
-
-                            <div class="form-group form-group-full">
-                                <label for="output-dir" class="form-label">输出目录</label>
-                                <input type="text" name="outputDir" id="output-dir" class="form-input" placeholder="默认 outputs">
-                            </div>
-
-                            <div class="form-actions form-group-full">
-                                <button type="submit" class="btn btn-primary">
-                                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-                                        <path d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z"/>
-                                        <polyline points="17 21 17 13 7 13 7 21"/>
-                                        <polyline points="7 3 7 8 15 8"/>
-                                    </svg>
-                                    保存设置
-                                </button>
-                            </div>
-                        </form>
-                        <p id="settings-state" class="text-muted"></p>
-                    </div>
-                </article>
-            </section>
-        </main>
-    </div>
-
-    <!-- Toast 通知 -->
-    <div class="toast-container" id="toast-container" aria-live="assertive" aria-atomic="true"></div>
-
-    <!-- 加载指示器 -->
-    <div class="loading-overlay" id="loading-overlay">
-        <div class="loading-spinner"></div>
-    </div>
-
-    <script src="/app-redesign.js"></script>
-</body>
-</html>
diff --git a/src/main/resources/static/index.html b/src/main/resources/static/index.html
index 42c57b6..6ea14df 100644
--- a/src/main/resources/static/index.html
+++ b/src/main/resources/static/index.html
@@ -4,73 +4,459 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>SVN 日志工作台</title>
-    <link rel="stylesheet" href="/styles.css">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
+    <style>
+        :root {
+            /* 现代暗黑调色板 */
+            --bg-base: #030712;
+            --bg-gradient-1: #0f172a;
+            --bg-gradient-2: #020617;
+
+            --surface-glass: rgba(30, 41, 59, 0.4);
+            --surface-glass-hover: rgba(30, 41, 59, 0.6);
+            --surface-solid: #1e293b;
+            --surface-border: rgba(255, 255, 255, 0.08);
+            --surface-border-highlight: rgba(255, 255, 255, 0.15);
+
+            --text-primary: #f8fafc;
+            --text-secondary: #94a3b8;
+            --text-muted: #64748b;
+
+            --brand-primary: #3b82f6;
+            --brand-primary-hover: #60a5fa;
+            --brand-gradient: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);
+
+            --success: #10b981;
+            --success-bg: rgba(16, 185, 129, 0.15);
+            --warning: #f59e0b;
+            --warning-bg: rgba(245, 158, 11, 0.15);
+            --danger: #ef4444;
+            --danger-bg: rgba(239, 68, 68, 0.15);
+            --info: #3b82f6;
+            --info-bg: rgba(59, 130, 246, 0.15);
+
+            --radius-sm: 8px;
+            --radius-md: 12px;
+            --radius-lg: 16px;
+            --radius-xl: 24px;
+
+            --shadow-glass: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
+            --shadow-glow: 0 0 20px rgba(59, 130, 246, 0.3);
+
+            --font-sans: 'Inter', system-ui, -apple-system, sans-serif;
+            --font-mono: 'JetBrains Mono', Consolas, monospace;
+
+            --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+        }
+
+        /* 基础重置与全局锁定滚动条 */
+        * { box-sizing: border-box; }
+        body, html { margin: 0; padding: 0; height: 100vh; width: 100vw; overflow: hidden; } /* 锁定外层，禁止全局滚动 */
+
+        body {
+            font-family: var(--font-sans);
+            color: var(--text-primary);
+            background: var(--bg-base);
+            background-image:
+                    radial-gradient(circle at 15% 50%, rgba(59, 130, 246, 0.15), transparent 25%),
+                    radial-gradient(circle at 85% 30%, rgba(139, 92, 246, 0.15), transparent 25%);
+            background-attachment: fixed;
+            line-height: 1.6;
+        }
+
+        ::-webkit-scrollbar { width: 8px; height: 8px; }
+        ::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.1); border-radius: 4px; }
+        ::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.15); border-radius: 4px; }
+        ::-webkit-scrollbar-thumb:hover { background: rgba(255, 255, 255, 0.3); }
+
+        /* 背景网格与光效 */
+        .bg-grid {
+            position: fixed; inset: 0; z-index: -2;
+            background-image:
+                    linear-gradient(to right, rgba(255,255,255,0.03) 1px, transparent 1px),
+                    linear-gradient(to bottom, rgba(255,255,255,0.03) 1px, transparent 1px);
+            background-size: 40px 40px;
+            mask-image: linear-gradient(to bottom, black 40%, transparent 100%);
+            pointer-events: none;
+        }
+
+        /* 整体布局 - 高度百分百贴合 */
+        .app-shell {
+            display: grid;
+            grid-template-columns: 260px 1fr;
+            height: 100vh;
+            max-width: 1600px;
+            margin: 0 auto;
+            padding: 24px;
+            gap: 24px;
+            z-index: 1;
+            position: relative;
+        }
+
+        /* 侧边栏 */
+        .sidebar {
+            background: var(--surface-glass);
+            backdrop-filter: blur(16px);
+            border: 1px solid var(--surface-border);
+            border-radius: var(--radius-xl);
+            padding: 24px;
+            display: flex;
+            flex-direction: column;
+            gap: 32px;
+            height: 100%; /* 严丝合缝 */
+            box-shadow: var(--shadow-glass);
+            overflow-y: auto;
+        }
+
+        .brand {
+            display: flex;
+            align-items: center;
+            gap: 16px;
+        }
+
+        .brand-dot {
+            width: 32px; height: 32px;
+            border-radius: 10px;
+            background: var(--brand-gradient);
+            box-shadow: var(--shadow-glow);
+            display: flex; align-items: center; justify-content: center;
+            position: relative;
+        }
+        .brand-dot::after {
+            content: ''; width: 12px; height: 12px;
+            background: white; border-radius: 4px; transform: rotate(45deg);
+        }
+
+        .brand h1 { margin: 0; font-size: 1.25rem; font-weight: 700; letter-spacing: 0.5px; }
+        .brand p { margin: 4px 0 0; font-size: 0.75rem; color: var(--text-secondary); text-transform: uppercase; letter-spacing: 1px; }
+
+        .nav-list { display: flex; flex-direction: column; gap: 8px; }
+        .nav-item {
+            background: transparent; border: none;
+            color: var(--text-secondary);
+            font-family: inherit; font-size: 0.95rem; font-weight: 500;
+            text-align: left; padding: 12px 16px;
+            border-radius: var(--radius-md);
+            cursor: pointer;
+            transition: var(--transition);
+            display: flex; align-items: center; gap: 12px;
+            justify-content: flex-start;
+        }
+
+        .nav-item::before {
+            content: ''; width: 6px; height: 6px; border-radius: 50%;
+            background: currentColor; opacity: 0.3; transition: var(--transition);
+            flex-shrink: 0;
+        }
+
+        .nav-item:hover { color: var(--text-primary); background: rgba(255,255,255,0.03); }
+        .nav-item:hover::before { opacity: 0.8; }
+
+        .nav-item.active {
+            color: white;
+            background: var(--brand-primary);
+            box-shadow: 0 4px 15px rgba(59, 130, 246, 0.4);
+        }
+        .nav-item.active::before { background: white; opacity: 1; box-shadow: 0 0 8px white; }
+
+        /* 主内容区 */
+        .main {
+            display: flex; flex-direction: column; gap: 0;
+            min-width: 0;
+            height: 100%;
+            overflow: hidden;
+        }
+
+        .main-header {
+            padding: 0 8px;
+            flex-shrink: 0;
+            margin-bottom: 24px;
+        }
+        .main-header h2 { margin: 0 0 8px; font-size: 2rem; font-weight: 700; letter-spacing: -0.5px; }
+        .main-header p { margin: 0; color: var(--text-secondary); font-size: 1rem; }
+
+        /* 通用视图容器 */
+        .view { display: none; animation: fadeIn 0.4s ease-out forwards; flex: 1; overflow-y: auto; overflow-x: hidden; min-height: 0; padding-right: 12px; }
+        .view.active { display: flex; flex-direction: column; gap: 24px; padding-bottom: 24px; }
+
+        /* 特殊：工作台视图本身不滚动，交由内部卡片滚动 */
+        #view-dashboard.active { overflow: hidden; padding-right: 0; }
+
+        @keyframes fadeIn {
+            from { opacity: 0; transform: translateY(10px); }
+            to { opacity: 1; transform: translateY(0); }
+        }
+
+        /* 布局网格系统 */
+        .grid { display: grid; gap: 24px; align-items: stretch; min-width: 0; }
+        .cols-5 { grid-template-columns: 1fr 1fr 1fr 1fr 2fr; } /* 顶栏 4+1 专属比例 */
+        .cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } /* 严格1:1左右布局 */
+        .span-2 { grid-column: 1 / -1; }
+
+        /* 卡片组件 */
+        .card {
+            background: var(--surface-glass);
+            backdrop-filter: blur(12px);
+            border: 1px solid var(--surface-border);
+            border-radius: var(--radius-xl);
+            padding: 24px;
+            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+            transition: border-color 0.3s ease;
+            display: flex;
+            flex-direction: column;
+            min-width: 0; /* 防止子元素撑爆溢出 */
+            flex-shrink: 0; /* 保证卡片被内容正常撑开高度，背景框能包裹整个页面 */
+        }
+
+        /* 专门针对工作台底部需要内部滚动的卡片，允许其高度被压缩 */
+        #view-dashboard .cols-2 .card {
+            min-height: 0;
+            flex-shrink: 1;
+            overflow: hidden;
+        }
+
+        .card:hover { border-color: var(--surface-border-highlight); }
+        .card h3 { margin: 0 0 20px; font-size: 1.1rem; font-weight: 600; color: var(--text-primary); display: flex; align-items: center; gap: 8px; flex-shrink: 0;}
+        .card h3::before { content: ''; display: block; width: 4px; height: 16px; background: var(--brand-primary); border-radius: 2px; }
+
+        /* Dashboard 紧凑统计数据行 */
+        .stat-mini { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
+        .stat-mini .label { font-size: 0.85rem; color: var(--text-secondary); white-space: nowrap; }
+        .stat-mini .value { font-size: 1.8rem; font-weight: 700; font-family: var(--font-mono); line-height: 1.1; color: white; }
+        .stat-mini .value-small { font-size: 0.95rem; line-height: 1.4; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+
+        .health-details-wrap { border-left: 1px solid var(--surface-border); padding-left: 20px; justify-content: center;}
+
+        /* 文本色彩 */
+        .text-warning { color: var(--warning) !important; }
+        .text-danger { color: var(--danger) !important; }
+        .text-success { color: var(--success) !important; }
+        .text-muted { color: var(--text-muted) !important; }
+
+        /* 卡片内部滚动列表容器 */
+        .list-container { flex: 1; overflow-y: auto; overflow-x: hidden; min-height: 0; padding-right: 8px; }
+        .list-container::-webkit-scrollbar { width: 4px; }
+        .list-container::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.15); border-radius: 2px; }
+
+        /* 列表 */
+        .list { list-style: none; margin: 0; padding: 0; }
+        .list li {
+            padding: 12px 16px; margin-bottom: 8px;
+            background: rgba(0,0,0,0.2); border-radius: var(--radius-md);
+            font-size: 0.9rem; transition: var(--transition);
+        }
+        .list li:hover { background: rgba(0,0,0,0.4); transform: translateX(4px); }
+        .list a { color: var(--brand-primary-hover); text-decoration: none; font-weight: 500; }
+        .list a:hover { text-decoration: underline; color: white; }
+
+        /* 表单控件 (彻底修复溢出) */
+        .form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; align-items: start; }
+        .form-grid > * { min-width: 0; } /* 防止网格内元素强行撑开导致超出 */
+        label { display: block; font-size: 0.85rem; font-weight: 500; color: var(--text-secondary); margin-bottom: 8px; }
+
+        input, select {
+            width: 100%;
+            min-width: 0;
+            max-width: 100%; /* 防溢出 */
+            background: rgba(0, 0, 0, 0.2);
+            border: 1px solid var(--surface-border);
+            color: var(--text-primary);
+            font-family: inherit; font-size: 0.95rem;
+            padding: 12px 16px;
+            border-radius: var(--radius-md);
+            transition: var(--transition);
+            box-sizing: border-box;
+        }
+        input:hover, select:hover { border-color: rgba(255,255,255,0.2); }
+        input:focus, select:focus {
+            outline: none; border-color: var(--brand-primary); background: rgba(0, 0, 0, 0.4);
+            box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2);
+        }
+        input::placeholder { color: var(--text-muted); }
+        select {
+            appearance: none;
+            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");
+            background-repeat: no-repeat; background-position: right 12px center; background-size: 16px; padding-right: 40px;
+        }
+
+        /* 按钮 */
+        .actions { display: flex; gap: 12px; margin-top: 8px; flex-wrap: wrap; }
+        button {
+            background: var(--surface-solid); color: var(--text-primary); border: 1px solid var(--surface-border);
+            padding: 10px 20px; font-size: 0.95rem; font-weight: 500; font-family: inherit; border-radius: var(--radius-md);
+            cursor: pointer; transition: var(--transition); display: inline-flex; align-items: center; justify-content: center; gap: 8px;
+        }
+        button:hover:not(:disabled) { background: rgba(255,255,255,0.05); border-color: rgba(255,255,255,0.2); transform: translateY(-1px); }
+        button:active:not(:disabled) { transform: translateY(1px); }
+        button:disabled { opacity: 0.5; cursor: not-allowed; }
+        button.primary { background: var(--brand-primary); border: none; color: white; box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3); }
+        button.primary:hover:not(:disabled) { background: var(--brand-primary-hover); box-shadow: 0 6px 16px rgba(59, 130, 246, 0.4); }
+
+        .btn-cancel-task { padding: 6px 12px; font-size: 0.8rem; background: rgba(239, 68, 68, 0.1); color: var(--danger); border-color: transparent;}
+        .btn-cancel-task:hover:not(:disabled) { background: rgba(239, 68, 68, 0.2); }
+
+        /* 特定区块美化 */
+        .alert.info { background: var(--info-bg); border-left: 4px solid var(--info); padding: 16px; border-radius: var(--radius-sm); margin-bottom: 24px; color: #dbeafe; font-size: 0.9rem; }
+        .month-panel { background: rgba(0,0,0,0.15); padding: 20px; border-radius: var(--radius-lg); border: 1px solid var(--surface-border); margin-bottom: 24px; }
+        .project-item { background: rgba(0,0,0,0.15); padding: 20px; border-radius: var(--radius-lg); border: 1px solid var(--surface-border); position: relative; overflow: hidden; }
+        .project-item::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--text-muted); }
+        .project-item h4 { margin: 0 0 16px; font-size: 1rem; color: var(--text-primary); }
+
+        /* 日志控制台样式 */
+        #log-panel { display: none; }
+        .live-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-bottom: 16px; }
+        .live-column header, .system-log-wrap header { font-size: 0.8rem; text-transform: uppercase; letter-spacing: 1px; color: var(--text-secondary); margin-bottom: 8px; font-weight: 600; }
+        .live-output, .system-output {
+            height: 300px; overflow-y: auto; overflow-x: hidden;
+            background: #000; border: 1px solid #333; border-radius: var(--radius-md); padding: 16px;
+            font-family: var(--font-mono); font-size: 0.85rem; line-height: 1.5; position: relative;
+            word-break: break-all; white-space: pre-wrap; /* 防溢出断行 */
+        }
+        .live-output::before, .system-output::before {
+            content: ''; display: block; height: 12px; width: 50px; margin-bottom: 16px;
+            background-image: radial-gradient(circle, #ff5f56 6px, transparent 6px), radial-gradient(circle, #ffbd2e 6px, transparent 6px), radial-gradient(circle, #27c93f 6px, transparent 6px);
+            background-size: 12px 12px; background-position: 0 center, 18px center, 36px center; background-repeat: no-repeat; opacity: 0.7;
+        }
+        .system-output { height: 250px; background: rgba(5, 5, 5, 0.9); }
+        .log-line { margin: 4px 0; }
+        .is-info { color: #cbd5e1; }
+        .is-error { color: #f87171; }
+        .is-reasoning { color: #94a3b8; font-style: italic; }
+        .is-answer { color: #34d399; }
+
+        /* 表格与数据展示 */
+        .history-toolbar { display: flex; gap: 12px; margin-bottom: 20px; flex-wrap: wrap; background: rgba(0,0,0,0.1); padding: 12px; border-radius: var(--radius-md); }
+        .history-toolbar > * { flex: 1; min-width: 150px; margin: 0; }
+        .history-toolbar button { flex: 0 0 auto; }
+        .table-wrap { overflow-x: auto; border-radius: var(--radius-md); border: 1px solid var(--surface-border); background: rgba(0,0,0,0.2); }
+        table { width: 100%; border-collapse: collapse; min-width: 800px; text-align: left; }
+        th, td { padding: 14px 16px; border-bottom: 1px solid rgba(255,255,255,0.05); }
+        th { background: rgba(0,0,0,0.4); color: var(--text-secondary); font-weight: 500; font-size: 0.85rem; text-transform: uppercase; letter-spacing: 0.5px;}
+        tr:hover td { background: rgba(255,255,255,0.02); }
+        tr:last-child td { border-bottom: none; }
+        td { font-size: 0.9rem; }
+        td a { color: var(--brand-primary-hover); text-decoration: none; }
+        td a:hover { text-decoration: underline; }
+
+        /* 标签 */
+        .tag { display: inline-flex; align-items: center; padding: 2px 10px; border-radius: 99px; font-size: 0.75rem; font-weight: 600; text-transform: uppercase; font-family: var(--font-mono); }
+        .tag.SUCCESS { background: var(--success-bg); color: var(--success); }
+        .tag.RUNNING, .tag.PENDING { background: var(--warning-bg); color: var(--warning); }
+        .tag.FAILED { background: var(--danger-bg); color: var(--danger); }
+        .tag.CANCELLED { background: var(--surface-solid); color: var(--text-secondary); }
+
+        /* 分页器 */
+        .pager { display: flex; justify-content: space-between; align-items: center; margin-top: 16px; font-size: 0.9rem; color: var(--text-secondary); padding: 0 8px; }
+        .pager-actions { display: flex; gap: 8px; }
+
+        /* Toast 通知 */
+        .toast {
+            position: fixed; bottom: 32px; right: 32px; z-index: 9999;
+            background: var(--surface-solid); border: 1px solid var(--surface-border-highlight); color: white;
+            padding: 16px 24px; border-radius: var(--radius-md); box-shadow: 0 10px 40px rgba(0,0,0,0.5);
+            font-weight: 500; display: none; animation: slideUp 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
+        }
+        .toast.show { display: block; }
+        @keyframes slideUp { from { opacity: 0; transform: translateY(20px) scale(0.95); } to { opacity: 1; transform: translateY(0) scale(1); } }
+
+        /* 响应式调整 */
+        @media (max-width: 1024px) {
+            .app-shell { grid-template-columns: 1fr; padding: 16px; height: 100vh; overflow: hidden; }
+            .sidebar { position: static; height: auto; flex-direction: row; align-items: center; padding: 16px; gap: 20px; border-radius: var(--radius-lg); flex-wrap: wrap; flex-shrink: 0; }
+            .brand { width: 100%; }
+            .nav-list { flex-direction: row; width: 100%; overflow-x: auto; padding-bottom: 4px; gap: 12px; }
+            .nav-item { white-space: nowrap; flex: 0 0 auto; justify-content: flex-start; }
+            .live-grid { grid-template-columns: 1fr; }
+            .cols-5 { grid-template-columns: repeat(2, minmax(0, 1fr)); } /* 小屏下挤压顶部状态栏 */
+            .health-details-wrap { border-left: none; padding-left: 0; grid-column: span 2; }
+        }
+        @media (max-width: 768px) {
+            .cols-5, .cols-2, .form-grid { grid-template-columns: 1fr; } /* 只有在极小屏幕手机上才取消左右排版 */
+            .health-details-wrap { grid-column: span 1; }
+            .history-toolbar { flex-direction: column; }
+            #view-dashboard.active { overflow-y: auto; } /* 手机端由于高不够，开放滚动 */
+            .card { min-height: 400px; } /* 手机端给予足够的保底高度 */
+        }
+    </style>
 </head>
 <body>
+<!-- 背景层 -->
 <div class="bg-grid" aria-hidden="true"></div>
-<div class="bg-glow bg-glow-1" aria-hidden="true"></div>
-<div class="bg-glow bg-glow-2" aria-hidden="true"></div>
 
 <div class="app-shell">
+    <!-- 侧边栏导航 -->
     <aside class="sidebar" aria-label="主导航">
         <div class="brand">
-            <span class="brand-dot" aria-hidden="true"></span>
+            <div class="brand-dot" aria-hidden="true"></div>
             <div>
                 <h1>SVN 工作台</h1>
-                <p>日志抓取与统计分析</p>
+                <p>Log Fetch & Analysis</p>
             </div>
         </div>
         <nav class="nav-list">
             <button class="nav-item active" data-view="dashboard">工作台</button>
             <button class="nav-item" data-view="svn">SVN 日志抓取</button>
             <button class="nav-item" data-view="history">任务历史</button>
-            <button class="nav-item" data-view="settings">系统设置</button>
+            <button class="nav-item" data-view="settings">系统配置</button>
         </nav>
     </aside>
 
+    <!-- 主内容区 -->
     <main class="main" id="main">
         <header class="main-header">
             <h2 id="view-title">工作台</h2>
             <p id="view-desc">查看系统状态与最近产物</p>
         </header>
 
+        <!-- 视图：工作台 -->
         <section class="view active" id="view-dashboard" aria-live="polite">
-            <div class="grid cols-4" id="stats-cards">
-                <article class="card stat">
-                    <h3>任务总数</h3>
-                    <p id="stat-total">0</p>
-                </article>
-                <article class="card stat">
-                    <h3>执行中</h3>
-                    <p id="stat-running">0</p>
-                </article>
-                <article class="card stat">
-                    <h3>失败任务</h3>
-                    <p id="stat-failed">0</p>
-                </article>
-                <article class="card stat">
-                    <h3>系统状态</h3>
-                    <p id="stat-health">-</p>
-                </article>
-            </div>
 
-            <article class="card" id="health-card">
-                <h3>健康检查</h3>
-                <p class="muted" id="health-details">加载中...</p>
+            <!-- 【重构1】所有状态合为一个横条卡片，留出纵向空间 -->
+            <article class="card" style="flex-shrink: 0; padding: 16px 24px;">
+                <div class="grid cols-5" style="gap: 16px; align-items: center;">
+                    <div class="stat-mini">
+                        <span class="label">任务总数</span>
+                        <strong id="stat-total" class="value">0</strong>
+                    </div>
+                    <div class="stat-mini">
+                        <span class="label">执行中</span>
+                        <strong id="stat-running" class="value text-warning">0</strong>
+                    </div>
+                    <div class="stat-mini">
+                        <span class="label">失败任务</span>
+                        <strong id="stat-failed" class="value text-danger">0</strong>
+                    </div>
+                    <div class="stat-mini">
+                        <span class="label">系统状态</span>
+                        <strong id="stat-health" class="value text-success">-</strong>
+                    </div>
+                    <div class="stat-mini health-details-wrap">
+                        <span class="label">健康检查详情</span>
+                        <span id="health-details" class="value-small text-muted">加载中...</span>
+                    </div>
+                </div>
             </article>
 
-            <div class="grid cols-2">
-                <article class="card">
+            <!-- 【重构2】最近任务与最近文件并排且等高 -->
+            <div class="grid cols-2" style="flex: 1; min-height: 0;">
+                <article class="card" style="padding-bottom: 12px;">
                     <h3>最近任务</h3>
-                    <ul id="recent-tasks" class="list"></ul>
+                    <div class="list-container">
+                        <ul id="recent-tasks" class="list"></ul>
+                    </div>
                 </article>
-                <article class="card">
+                <article class="card" style="padding-bottom: 12px;">
                     <h3>最近文件</h3>
-                    <ul id="recent-files" class="list"></ul>
+                    <div class="list-container">
+                        <ul id="recent-files" class="list"></ul>
+                    </div>
                 </article>
             </div>
         </section>
 
+        <!-- 视图：SVN日志抓取 -->
         <section class="view" id="view-svn">
             <article class="card form-card">
                 <h3>SVN 批量抓取参数</h3>
@@ -80,20 +466,19 @@
                 </div>
 
                 <div class="month-panel span-2">
-                    <div class="grid cols-3 month-grid">
-                        <label>统计月份
-                            <input type="month" id="version-month">
-                        </label>
-                        <div class="span-2 month-action">
-                            <button type="button" id="btn-auto-fill" class="primary">一键填充所有项目版本号</button>
-                        </div>
+                    <h4 style="margin: 0 0 12px 0; font-size: 0.95rem; color: var(--text-primary);">智能版本号辅助</h4>
+                    <div style="display: flex; gap: 12px; flex-wrap: wrap; align-items: flex-start;">
+                        <input type="month" id="version-month" style="max-width: 240px; margin: 0; cursor: pointer;">
+                        <button type="button" id="btn-auto-fill" class="primary" style="margin: 0; padding: 12px 24px; white-space: nowrap;">
+                            ✨ 自动计算并填充下方项目
+                        </button>
                     </div>
                 </div>
 
                 <form id="svn-form" class="form-grid">
                     <div class="span-2 project-item">
                         <h4>项目 1：PRS-7050 场站智慧管控</h4>
-                        <div class="grid cols-2">
+                        <div class="form-grid">
                             <label>开始版本号<input name="startRevision_1" inputmode="numeric" placeholder="请输入开始版本"></label>
                             <label>结束版本号<input name="endRevision_1" inputmode="numeric" placeholder="请输入结束版本"></label>
                         </div>
@@ -101,7 +486,7 @@
 
                     <div class="span-2 project-item">
                         <h4>项目 2：PRS-7950 在线巡视</h4>
-                        <div class="grid cols-2">
+                        <div class="form-grid">
                             <label>开始版本号<input name="startRevision_2" inputmode="numeric" placeholder="请输入开始版本"></label>
                             <label>结束版本号<input name="endRevision_2" inputmode="numeric" placeholder="请输入结束版本"></label>
                         </div>
@@ -109,7 +494,7 @@
 
                     <div class="span-2 project-item">
                         <h4>项目 3：PRS-7950 在线巡视电科院测试版</h4>
-                        <div class="grid cols-2">
+                        <div class="form-grid">
                             <label>开始版本号<input name="startRevision_3" inputmode="numeric" placeholder="请输入开始版本"></label>
                             <label>结束版本号<input name="endRevision_3" inputmode="numeric" placeholder="请输入结束版本"></label>
                         </div>
@@ -121,29 +506,30 @@
 
                     <div class="actions span-2">
                         <button type="button" id="btn-test-connection">测试连接</button>
-                        <button type="submit" id="btn-svn-run" class="primary">一键抓取并导出 Excel</button>
+                        <button type="submit" id="btn-svn-run" class="primary">一键抓取并生成 Excel</button>
                     </div>
                 </form>
             </article>
 
+            <!-- 实时日志面板 -->
             <article class="card" id="log-panel">
-                <h3>执行进度</h3>
+                <h3>执行进度面板</h3>
                 <div class="live-grid">
                     <section class="live-column reasoning">
-                        <header>思考过程</header>
+                        <header>AI 思考过程</header>
                         <div id="reasoning-output" class="live-output">
                             <p class="muted">等待思考输出...</p>
                         </div>
                     </section>
                     <section class="live-column answer">
-                        <header>最终输出</header>
+                        <header>最终分析输出</header>
                         <div id="answer-output" class="live-output">
                             <p class="muted">等待答案输出...</p>
                         </div>
                     </section>
                 </div>
                 <div class="system-log-wrap">
-                    <header>系统日志</header>
+                    <header>系统控制台</header>
                     <div id="system-log-output" class="system-output">
                         <p class="muted">等待任务开始...</p>
                     </div>
@@ -151,6 +537,7 @@
             </article>
         </section>
 
+        <!-- 视图：历史记录 -->
         <section class="view" id="view-history">
             <article class="card">
                 <h3>任务列表</h3>
@@ -169,36 +556,40 @@
                         <option value="AI_ANALYZE">AI_ANALYZE</option>
                     </select>
                     <input id="task-filter-keyword" placeholder="搜索任务ID/信息" aria-label="关键词搜索">
-                    <button id="btn-task-filter" type="button">查询</button>
+                    <button id="btn-task-filter" type="button" class="primary">查询</button>
                 </div>
                 <div id="task-table" class="table-wrap"></div>
-                <div class="pager" id="task-pager"></div>
+                <div id="task-pager" class="pager"></div>
             </article>
             <article class="card">
-                <h3>输出文件</h3>
+                <h3>输出文件归档</h3>
                 <div id="file-table" class="table-wrap"></div>
             </article>
         </section>
 
+        <!-- 视图：系统配置 -->
         <section class="view" id="view-settings">
             <article class="card form-card">
-                <h3>系统设置</h3>
+                <h3>系统配置</h3>
                 <form id="settings-form" class="form-grid">
                     <label class="span-2">AI 提供商
                         <select name="provider" id="settings-provider">
                             <option value="deepseek">DeepSeek</option>
-                            <option value="openai-compatible">OpenAI兼容</option>
+                            <option value="openai-compatible">OpenAI 兼容</option>
                         </select>
                     </label>
-                    <label class="span-2">DeepSeek API Key
-                        <input type="password" name="apiKey" placeholder="设置后将保存在当前进程内存">
-                    </label>
-                    <div class="span-2" id="openai-settings-group" hidden>
+                    <div class="span-2" id="deepseek-settings-group">
+                        <label>DeepSeek API Key
+                            <input type="password" name="apiKey" placeholder="保存后写入本地 settings.json">
+                        </label>
+                    </div>
+
+                    <div class="span-2 form-grid" id="openai-settings-group" hidden>
                         <label class="span-2">OpenAI兼容 Base URL
                             <input type="text" name="openaiBaseUrl" placeholder="例如 http://127.0.0.1:5001/v1">
                         </label>
                         <label class="span-2">OpenAI兼容 API Key
-                            <input type="password" name="openaiApiKey" placeholder="设置后将保存在当前进程内存">
+                            <input type="password" name="openaiApiKey" placeholder="保存后写入本地 settings.json">
                         </label>
                         <label>第一阶段模型
                             <select name="openaiStageOneModel">
@@ -213,6 +604,13 @@
                             </select>
                         </label>
                     </div>
+
+                    <label>SVN 用户名
+                        <input type="text" name="svnUsername" placeholder="留空则继续使用已保存值">
+                    </label>
+                    <label>SVN 密码
+                        <input type="password" name="svnPassword" placeholder="留空则不覆盖已保存密码">
+                    </label>
                     <label class="span-2">默认 SVN 项目
                         <select name="defaultSvnPresetId" id="settings-default-preset"></select>
                     </label>
@@ -220,17 +618,911 @@
                         <input name="outputDir" placeholder="默认 outputs">
                     </label>
                     <div class="actions span-2">
-                        <button type="submit" class="primary">保存设置</button>
+                        <button type="submit" class="primary">保存系统设置</button>
                     </div>
                 </form>
-                <p id="settings-state" class="muted"></p>
+                <p id="settings-state" class="muted" style="margin: 24px 0 0 0; font-size: 0.85rem; line-height: 1.6; border-top: 1px solid var(--surface-border); padding-top: 16px; display: none;"></p>
             </article>
         </section>
 
+        <!-- 全局通知 -->
         <section class="toast" id="toast" aria-live="assertive"></section>
     </main>
 </div>
 
-<script src="/app.js?v=20260429_1808" defer></script>
+<!-- ============================================== -->
+<!-- 核心逻辑脚本 -->
+<!-- ============================================== -->
+<script>
+    const state = {
+        tasks: [],
+        taskPage: { items: [], page: 1, size: 10, total: 0 },
+        taskQuery: { status: "", type: "", keyword: "", page: 1, size: 10 },
+        files: [],
+        health: null,
+        presets: [],
+        defaultPresetId: "",
+        activeView: "dashboard",
+        polling: null,
+    };
+
+    const CUSTOM_PRESET_ID = "custom";
+
+    const viewMeta = {
+        dashboard: { title: "工作台", desc: "查看系统状态与最近产物" },
+        svn: { title: "SVN 日志抓取", desc: "一键抓取SVN日志并导出工作量Excel" },
+        history: { title: "任务历史", desc: "查看任务执行状态、日志与产物" },
+        settings: { title: "系统设置", desc: "配置 API Key 与输出目录" },
+    };
+
+    document.addEventListener("DOMContentLoaded", async () => {
+        bindNav();
+        bindForms();
+        await loadPresets();
+        await refreshAll();
+        await loadSettings();
+
+        // 自动填充当月默认值
+        const now = new Date();
+        const year = now.getFullYear();
+        const month = String(now.getMonth() + 1).padStart(2, '0');
+        document.querySelector("#version-month").value = `${year}-${month}`;
+        document.querySelector("#svn-form [name='period']").value = `${year}年${month}月`;
+        document.querySelector("#svn-form [name='outputFileName']").value = `${year}${month}工作量统计.xlsx`;
+
+        document.querySelector("#btn-auto-fill").addEventListener("click", onAutoFillVersions);
+
+        state.polling = setInterval(refreshAll, 5000);
+    });
+
+    function bindNav() {
+        document.querySelectorAll(".nav-item").forEach((btn) => {
+            btn.addEventListener("click", () => {
+                const view = btn.dataset.view;
+                switchView(view);
+            });
+        });
+    }
+
+    function bindForms() {
+        const testBtn = document.querySelector("#btn-test-connection");
+        testBtn.addEventListener("click", onTestConnection);
+
+        const svnForm = document.querySelector("#svn-form");
+        svnForm.addEventListener("submit", onRunSvn);
+
+        const settingsForm = document.querySelector("#settings-form");
+        settingsForm.addEventListener("submit", onSaveSettings);
+        const settingsProvider = document.querySelector("#settings-provider");
+        if (settingsProvider) {
+            settingsProvider.addEventListener("change", () => updateSettingsProviderUI(settingsProvider.value));
+        }
+
+        const taskFilterBtn = document.querySelector("#btn-task-filter");
+        if (taskFilterBtn) {
+            taskFilterBtn.addEventListener("click", onTaskFilterSubmit);
+        }
+
+        document.addEventListener("click", async (event) => {
+            const link = event.target.closest(".download-link");
+            if (!link) {
+                return;
+            }
+            event.preventDefault();
+            const path = link.dataset.downloadPath || "";
+            try {
+                await downloadOutputFile(path);
+            } catch (err) {
+                toast(err.message, true);
+            }
+        });
+    }
+
+    function switchView(view) {
+        state.activeView = view;
+        document.querySelectorAll(".nav-item").forEach((btn) => {
+            btn.classList.toggle("active", btn.dataset.view === view);
+        });
+        document.querySelectorAll(".view").forEach((v) => {
+            v.classList.toggle("active", v.id === `view-${view}`);
+        });
+        document.querySelector("#view-title").textContent = viewMeta[view].title;
+        document.querySelector("#view-desc").textContent = viewMeta[view].desc;
+
+        if (view === "history") {
+            loadTaskPage();
+            renderFileTable();
+        }
+    }
+
+    async function apiFetch(url, options = {}) {
+        const response = await fetch(url, {
+            headers: { "Content-Type": "application/json" },
+            ...options,
+        });
+        if (!response.ok) {
+            const body = await response.json().catch(() => ({}));
+            throw new Error(body.error || `请求失败: ${response.status}`);
+        }
+        const text = await response.text();
+        return text ? JSON.parse(text) : {};
+    }
+
+    async function downloadOutputFile(path) {
+        const response = await fetch(`/api/files/download?path=${encodeURIComponent(path || "")}`, {
+            method: "GET",
+            headers: { "Accept": "application/octet-stream" },
+        });
+        const contentType = (response.headers.get("Content-Type") || "").toLowerCase();
+
+        if (!response.ok) {
+            throw new Error(await extractDownloadError(response));
+        }
+        if (contentType.indexOf("text/html") >= 0) {
+            console.error("download endpoint returned HTML instead of file", {
+                path: path,
+                status: response.status,
+                contentType: contentType,
+            });
+            throw new Error("下载接口返回了 HTML，未返回目标文件");
+        }
+        if (contentType.indexOf("application/json") >= 0) {
+            throw new Error(await extractDownloadError(response));
+        }
+
+        const blob = await response.blob();
+        const fileName = resolveDownloadFileName(path, response.headers.get("Content-Disposition"));
+        triggerBlobDownload(blob, fileName);
+    }
+
+    async function extractDownloadError(response) {
+        const contentType = (response.headers.get("Content-Type") || "").toLowerCase();
+        const fallback = `下载失败: ${response.status}`;
+        if (contentType.indexOf("application/json") >= 0) {
+            const body = await response.json().catch(() => ({}));
+            return body.error || body.message || fallback;
+        }
+        const text = (await response.text().catch(() => "")).trim();
+        if (!text) {
+            return fallback;
+        }
+        if (contentType.indexOf("text/html") >= 0) {
+            console.error("download endpoint returned HTML error page", {
+                status: response.status,
+                preview: text.slice(0, 200),
+            });
+            return "下载接口返回了 HTML 错误页，未返回目标文件";
+        }
+        return text;
+    }
+
+    function resolveDownloadFileName(path, contentDisposition) {
+        const utf8Match = contentDisposition && contentDisposition.match(/filename\*=UTF-8''([^;]+)/i);
+        if (utf8Match && utf8Match[1]) {
+            try {
+                return decodeURIComponent(utf8Match[1]);
+            } catch (err) {
+                console.warn("decode download filename failed:", err);
+            }
+        }
+        const plainMatch = contentDisposition && contentDisposition.match(/filename=\"?([^\";]+)\"?/i);
+        if (plainMatch && plainMatch[1]) {
+            return plainMatch[1];
+        }
+        const normalized = (path || "").split("/").filter(Boolean);
+        return normalized.length ? normalized[normalized.length - 1] : "download";
+    }
+
+    function triggerBlobDownload(blob, fileName) {
+        const url = URL.createObjectURL(blob);
+        const anchor = document.createElement("a");
+        anchor.href = url;
+        anchor.download = fileName;
+        document.body.appendChild(anchor);
+        anchor.click();
+        anchor.remove();
+        URL.revokeObjectURL(url);
+    }
+
+    function buildDownloadLink(path, label) {
+        return `<a href="#" class="download-link" data-download-path="${escapeHtml(path)}">${label || escapeHtml(path)}</a>`;
+    }
+
+    async function refreshAll() {
+        const [tasksResult, filesResult, healthResult] = await Promise.allSettled([
+            apiFetch("/api/tasks"),
+            apiFetch("/api/files"),
+            apiFetch("/api/health/details"),
+        ]);
+
+        if (tasksResult.status === "fulfilled") {
+            const tasksResp = tasksResult.value;
+            state.tasks = (tasksResp || []).slice().sort((a, b) => sortByTimeDesc(a.createdAt, b.createdAt));
+        } else {
+            console.warn("refresh tasks failed:", tasksResult.reason);
+        }
+
+        if (filesResult.status === "fulfilled") {
+            const filesResp = filesResult.value || {};
+            state.files = (filesResp.files || []).slice().sort((a, b) => sortByTimeDesc(a.modifiedAt, b.modifiedAt));
+            if (filesResp.error) {
+                console.warn("files api degraded:", filesResp.error);
+            }
+        } else {
+            console.warn("refresh files failed:", filesResult.reason);
+            state.files = [];
+        }
+
+        if (healthResult.status === "fulfilled") {
+            state.health = healthResult.value || null;
+        } else {
+            console.warn("refresh health failed:", healthResult.reason);
+            state.health = null;
+        }
+
+        renderDashboard();
+        if (state.activeView === "history") {
+            loadTaskPage();
+            renderFileTable();
+        }
+    }
+
+    async function loadPresets() {
+        try {
+            const data = await apiFetch("/api/svn/presets");
+            state.presets = data.presets || [];
+            state.defaultPresetId = data.defaultPresetId || "";
+            renderPresetSelects();
+            applyPresetToSvnForm(state.defaultPresetId);
+        } catch (err) {
+            toast(err.message, true);
+        }
+    }
+
+    function renderPresetSelects() {
+        const settingsSelect = document.querySelector("#settings-default-preset");
+        if (!settingsSelect) return;
+
+        settingsSelect.innerHTML = "";
+
+        state.presets.forEach((preset) => {
+            const option = document.createElement("option");
+            option.value = preset.id;
+            option.textContent = `${preset.name}`;
+            settingsSelect.appendChild(option);
+        });
+
+        const selected = state.defaultPresetId || (state.presets[0] ? state.presets[0].id : "");
+        if (selected) {
+            settingsSelect.value = selected;
+        }
+    }
+
+    function onSvnPresetChange(event) { }
+    function applyPresetToSvnForm(presetId) { }
+
+    function renderDashboard() {
+        const total = state.tasks.length;
+        const running = state.tasks.filter((t) => t.status === "RUNNING" || t.status === "PENDING").length;
+        const failed = state.tasks.filter((t) => t.status === "FAILED").length;
+        const health = state.health;
+
+        document.querySelector("#stat-total").textContent = `${total}`;
+        document.querySelector("#stat-running").textContent = `${running}`;
+        document.querySelector("#stat-failed").textContent = `${failed}`;
+        document.querySelector("#stat-health").textContent = health && health.outputDirWritable ? "正常" : "异常";
+
+        const healthDetails = document.querySelector("#health-details");
+        if (health) {
+            healthDetails.textContent = `输出目录: ${health.outputDir} | 可写: ${health.outputDirWritable ? "是" : "否"} | API Key: ${health.apiKeyConfigured ? "已配置" : "未配置"}`;
+        } else {
+            healthDetails.textContent = "健康状态暂不可用";
+        }
+
+        const taskList = document.querySelector("#recent-tasks");
+        taskList.innerHTML = "";
+        state.tasks.slice(0, 20).forEach((task) => {
+            const li = document.createElement("li");
+            li.innerHTML = `<strong>${task.type}</strong> · <span class="tag ${task.status}">${task.status}</span><br><span class="muted" style="font-size:0.85rem; margin-top:4px; display:block;">${task.message || ""}</span>`;
+            taskList.appendChild(li);
+        });
+        if (taskList.children.length === 0) {
+            taskList.innerHTML = "<li class='muted'>暂无任务记录</li>";
+        }
+
+        const fileList = document.querySelector("#recent-files");
+        fileList.innerHTML = "";
+        state.files.slice(0, 20).forEach((file) => {
+            const path = file.path;
+            const li = document.createElement("li");
+            li.innerHTML = `${buildDownloadLink(path, escapeHtml(path))}<br><span class='muted' style="font-size:0.8rem; font-family:var(--font-mono)">${formatBytes(file.size)}</span>`;
+            fileList.appendChild(li);
+        });
+        if (fileList.children.length === 0) {
+            fileList.innerHTML = "<li class='muted'>暂无输出文件</li>";
+        }
+    }
+
+    async function onTestConnection() {
+        const btn = document.querySelector("#btn-test-connection");
+        setLoading(btn, true);
+        try {
+            const connectionPresetId = pickConnectionPresetId();
+            if (!connectionPresetId) {
+                throw new Error("未加载到 SVN 预设，请刷新页面后重试");
+            }
+
+            await apiFetch("/api/svn/test-connection", {
+                method: "POST",
+                body: JSON.stringify({
+                    presetId: connectionPresetId,
+                }),
+            });
+            toast("SVN 连接成功");
+        } catch (err) {
+            toast(err.message, true);
+        } finally {
+            setLoading(btn, false);
+        }
+    }
+
+    async function waitForTaskCompletion(taskId) {
+        while (true) {
+            try {
+                const task = await apiFetch(`/api/tasks/${encodeURIComponent(taskId)}`);
+                if (task.status === "SUCCESS") {
+                    return task;
+                }
+                if (task.status === "FAILED" || task.status === "CANCELLED") {
+                    throw new Error(`任务 ${taskId} 执行失败: ${task.error || task.message}`);
+                }
+                await new Promise(resolve => setTimeout(resolve, 2000));
+            } catch (err) {
+                throw err;
+            }
+        }
+    }
+
+    async function waitForStreamCompletion(streamState, timeoutMs) {
+        const start = Date.now();
+        while (!streamState.streamCompleted && (Date.now() - start) < timeoutMs) {
+            await new Promise(resolve => setTimeout(resolve, 100));
+        }
+        return streamState.streamCompleted;
+    }
+
+    function syncTaskAiOutput(task, streamState) {
+        if (!task || !streamState) return;
+        const reasoning = task.aiReasoningText || "";
+        const answer = task.aiAnswerText || "";
+
+        if (reasoning.length > streamState.reasoningRenderedLength) {
+            const delta = reasoning.slice(streamState.reasoningRenderedLength);
+            if (delta) {
+                appendReasoning(delta);
+                streamState.reasoningRenderedLength = reasoning.length;
+                streamState.firstDeltaReceived = true;
+            }
+        }
+        if (answer.length > streamState.answerRenderedLength) {
+            const delta = answer.slice(streamState.answerRenderedLength);
+            if (delta) {
+                appendAnswer(delta);
+                streamState.answerRenderedLength = answer.length;
+                streamState.firstDeltaReceived = true;
+            }
+        }
+    }
+
+    async function onRunSvn(event) {
+        event.preventDefault();
+        const form = event.target;
+        const payload = readForm(form);
+        const btn = document.querySelector("#btn-svn-run");
+        const logPanel = document.querySelector("#log-panel");
+        let aiStream = null;
+
+        logPanel.style.display = "block";
+        clearLog();
+        appendLog("任务开始...");
+        setLoading(btn, true);
+        form.disabled = true;
+
+        try {
+            if (!state.presets || state.presets.length < 3) {
+                throw new Error("SVN 预设加载异常，请刷新页面后重试");
+            }
+
+            const revisionRanges = [
+                { start: payload.startRevision_1, end: payload.endRevision_1 },
+                { start: payload.startRevision_2, end: payload.endRevision_2 },
+                { start: payload.startRevision_3, end: payload.endRevision_3 },
+            ];
+
+            const projects = revisionRanges
+                .map((range, idx) => ({
+                    presetId: state.presets[idx].id,
+                    name: state.presets[idx].name,
+                    start: range.start,
+                    end: range.end,
+                }))
+                .filter((project) => project.start && project.end);
+
+            if (projects.length === 0) {
+                appendLog("错误：请至少填写一个项目的开始和结束版本号", true);
+                toast("请至少填写一个项目的开始和结束版本号", true);
+                return;
+            }
+
+            appendLog(`检测到 ${projects.length} 个待处理项目`);
+
+            const mdFiles = [];
+            for (let i = 0; i < projects.length; i++) {
+                const project = projects[i];
+                appendLog(`正在提交 ${project.name} 的抓取任务...`);
+                const data = await apiFetch("/api/svn/fetch", {
+                    method: "POST",
+                    body: JSON.stringify({
+                        presetId: project.presetId,
+                        startRevision: toNumberOrNull(project.start),
+                        endRevision: toNumberOrNull(project.end),
+                        filterUser: payload.filterUser || "",
+                    }),
+                });
+                const taskId = data.taskId;
+                appendLog(`已创建抓取任务：${project.name} (任务ID: ${taskId.slice(0,8)})`);
+                appendLog(`正在抓取 ${project.name} 日志...`);
+
+                while (true) {
+                    const task = await apiFetch(`/api/tasks/${encodeURIComponent(taskId)}`);
+                    if (task.status === "SUCCESS") {
+                        appendLog(`${project.name} 抓取完成`);
+                        if (task.message) appendLog(task.message);
+                        if (task.files && task.files.length > 0) {
+                            mdFiles.push(...task.files.filter(f => f.endsWith(".md")));
+                            appendLog(`生成文件: ${task.files.join(", ")}`);
+                        }
+                        break;
+                    }
+                    if (task.status === "FAILED" || task.status === "CANCELLED") {
+                        throw new Error(`${project.name} 抓取失败 (任务ID: ${taskId.slice(0,8)}): ${task.error || task.message}`);
+                    }
+                    if (task.message) appendLog(`[${project.name}] ${task.message} (进度: ${task.progress}%)`);
+                    await new Promise(resolve => setTimeout(resolve, 2000));
+                }
+            }
+
+            appendLog(`所有SVN抓取任务完成，共生成 ${mdFiles.length} 个Markdown文件`);
+            appendLog("正在提交AI分析任务...");
+            const aiData = await apiFetch("/api/ai/analyze", {
+                method: "POST",
+                body: JSON.stringify({
+                    filePaths: mdFiles,
+                    period: payload.period || "",
+                    apiKey: "",
+                    outputFileName: payload.outputFileName || "",
+                }),
+            });
+
+            appendSystemLog(`AI分析任务已创建 (任务ID: ${aiData.taskId.slice(0,8)})`);
+            appendSystemLog("正在进行AI分析，请耐心等待...");
+
+            const streamState = {
+                reasoningBuffer: "", answerBuffer: "", streamAvailable: true, streamConnected: false,
+                firstEventReceived: false, firstDeltaReceived: false, streamCompleted: false,
+                taskTerminal: false, reasoningRenderedLength: 0, answerRenderedLength: 0, lastAiStatusLogged: "",
+            };
+            aiStream = openTaskEventStream(aiData.taskId, {
+                onOpen: () => { streamState.streamConnected = true; appendSystemLog("实时流连接已建立"); },
+                onFirstEvent: () => { streamState.firstEventReceived = true; },
+                onPhase: (payload) => { if (payload && payload.message) appendSystemLog(payload.message); },
+                onReasoning: (text) => {
+                    if (!text) return;
+                    if (!streamState.firstDeltaReceived) { streamState.firstDeltaReceived = true; appendSystemLog("已接收 AI 流式输出"); }
+                    streamState.reasoningRenderedLength += text.length;
+                    streamState.reasoningBuffer += text;
+                    flushStreamBuffer(streamState, "reasoningBuffer", "reasoning", false);
+                },
+                onAnswer: (text) => {
+                    if (!text) return;
+                    if (!streamState.firstDeltaReceived) { streamState.firstDeltaReceived = true; appendSystemLog("已接收 AI 流式输出"); }
+                    streamState.answerRenderedLength += text.length;
+                    streamState.answerBuffer += text;
+                    flushStreamBuffer(streamState, "answerBuffer", "answer", false);
+                },
+                onUsage: (payload) => {
+                    if (!payload) return;
+                    appendSystemLog(`Token统计: prompt=${payload.promptTokens || 0}, completion=${payload.completionTokens || 0}, total=${payload.totalTokens || 0}`);
+                },
+                onError: (payload) => {
+                    const detail = payload && (payload.detail || payload.error || payload.message);
+                    if (detail) appendSystemLog(`流式错误: ${detail}`, true);
+                },
+                onDone: () => { streamState.streamCompleted = true; appendSystemLog("流式输出已结束"); },
+                onTransportError: (meta) => {
+                    if (streamState.taskTerminal || streamState.streamCompleted) return;
+                    if (streamState.streamAvailable) {
+                        streamState.streamAvailable = false;
+                        if (meta && !meta.opened) appendSystemLog("实时流连接失败，已回退到轮询模式", true);
+                        else if (meta && !meta.firstEventReceived) appendSystemLog("实时流未收到事件即中断，已回退到轮询模式", true);
+                        else appendSystemLog("实时流中断，已回退到轮询模式", true);
+                    }
+                },
+            });
+
+            while (true) {
+                const task = await apiFetch(`/api/tasks/${encodeURIComponent(aiData.taskId)}`);
+                syncTaskAiOutput(task, streamState);
+                if (!streamState.streamAvailable && task.aiStreamStatus && task.aiStreamStatus !== streamState.lastAiStatusLogged) {
+                    streamState.lastAiStatusLogged = task.aiStreamStatus;
+                    appendSystemLog(`轮询回显状态: ${task.aiStreamStatus}`);
+                }
+                if (task.status === "SUCCESS") {
+                    streamState.taskTerminal = true;
+                    flushStreamBuffer(streamState, "reasoningBuffer", "reasoning", true);
+                    flushStreamBuffer(streamState, "answerBuffer", "answer", true);
+                    syncTaskAiOutput(task, streamState);
+                    appendSystemLog("AI分析完成");
+                    if (task.message) appendSystemLog(task.message);
+                    if (!streamState.streamCompleted) {
+                        const completed = await waitForStreamCompletion(streamState, 2500);
+                        if (!completed) appendSystemLog("流式收尾超时，已使用轮询结果完成任务");
+                    }
+                    aiStream.close();
+                    break;
+                }
+                if (task.status === "FAILED" || task.status === "CANCELLED") {
+                    streamState.taskTerminal = true;
+                    flushStreamBuffer(streamState, "reasoningBuffer", "reasoning", true);
+                    flushStreamBuffer(streamState, "answerBuffer", "answer", true);
+                    syncTaskAiOutput(task, streamState);
+                    aiStream.close();
+                    throw new Error(`AI分析失败: ${task.error || task.message}`);
+                }
+                if (!streamState.streamAvailable && task.message) {
+                    const lastLog = document.querySelector("#system-log-output p:last-child");
+                    if (!lastLog || !lastLog.textContent.includes(task.message)) appendSystemLog(task.message);
+                }
+                await new Promise(resolve => setTimeout(resolve, 1000));
+            }
+
+            const aiTask = await apiFetch(`/api/tasks/${encodeURIComponent(aiData.taskId)}`);
+            if (aiTask.files && aiTask.files.length > 0) {
+                const excelFile = aiTask.files.find(f => f.endsWith(".xlsx"));
+                if (excelFile) {
+                    appendSystemLog("Excel生成成功，开始下载...");
+                    await downloadOutputFile(excelFile);
+                    appendSystemLog("✅ 任务全部完成！");
+                }
+            }
+            refreshAll();
+        } catch (err) {
+            appendLog(`错误: ${err.message}`, true);
+            toast(err.message, true);
+        } finally {
+            if (aiStream) aiStream.close();
+            setLoading(btn, false);
+            form.disabled = false;
+        }
+    }
+
+    function openTaskEventStream(taskId, handlers = {}) {
+        if (!window.EventSource) {
+            handlers.onTransportError && handlers.onTransportError();
+            return { close: () => {} };
+        }
+        const streamUrl = `/api/tasks/${encodeURIComponent(taskId)}/stream`;
+        const source = new EventSource(streamUrl);
+        const meta = { opened: false, done: false, firstEventReceived: false };
+        const parse = (event) => { try { return JSON.parse(event.data || "{}"); } catch (err) { return {}; } };
+        const markFirstEvent = () => { if (!meta.firstEventReceived) { meta.firstEventReceived = true; handlers.onFirstEvent && handlers.onFirstEvent(); } };
+
+        source.onopen = () => { meta.opened = true; handlers.onOpen && handlers.onOpen(); };
+        source.addEventListener("phase", (event) => { markFirstEvent(); handlers.onPhase && handlers.onPhase(parse(event)); });
+        source.addEventListener("reasoning_delta", (event) => { markFirstEvent(); handlers.onReasoning && handlers.onReasoning(parse(event).text || ""); });
+        source.addEventListener("answer_delta", (event) => { markFirstEvent(); handlers.onAnswer && handlers.onAnswer(parse(event).text || ""); });
+        source.addEventListener("usage", (event) => { markFirstEvent(); handlers.onUsage && handlers.onUsage(parse(event)); });
+        source.addEventListener("error", (event) => { markFirstEvent(); handlers.onError && handlers.onError(parse(event)); });
+        source.addEventListener("done", (event) => { markFirstEvent(); meta.done = true; handlers.onDone && handlers.onDone(parse(event)); source.close(); });
+        source.onerror = () => {
+            if (meta.done) return;
+            handlers.onTransportError && handlers.onTransportError({ opened: meta.opened, closed: source.readyState === EventSource.CLOSED, firstEventReceived: meta.firstEventReceived });
+            source.close();
+        };
+        return { close: () => source.close() };
+    }
+
+    function flushStreamBuffer(streamState, key, target, force) {
+        const text = streamState[key] || "";
+        if (!text) return;
+        const shouldFlush = force || text.length >= 64 || /[。！？\n]$/.test(text);
+        if (!shouldFlush) return;
+        const cleaned = text.replace(/\r/g, "").replace(/[ \t]+\n/g, "\n").replace(/\n{3,}/g, "\n\n").trim();
+        if (!cleaned) { streamState[key] = ""; return; }
+        if (target === "reasoning") appendReasoning(cleaned);
+        else if (target === "answer") appendAnswer(cleaned);
+        else appendSystemLog(cleaned);
+        streamState[key] = "";
+    }
+
+    function appendSystemLog(message, isError = false) {
+        const logOutput = document.querySelector("#system-log-output");
+        if (!logOutput) return;
+        markPanelReady("#system-log-output");
+        const p = document.createElement("p");
+        const time = new Date().toLocaleTimeString("zh-CN", { hour12: false });
+        p.className = isError ? "log-line is-error" : "log-line is-info";
+        p.textContent = `[${time}] ${isError ? '❌' : 'ℹ️'} ${message}`;
+        logOutput.appendChild(p);
+        logOutput.scrollTop = logOutput.scrollHeight;
+    }
+
+    function appendReasoning(message) { appendPane("#reasoning-output", message, "is-reasoning"); }
+    function appendAnswer(message) { appendPane("#answer-output", message, "is-answer"); }
+    function appendPane(selector, message, toneClass) {
+        const logOutput = document.querySelector(selector);
+        if (!logOutput) return;
+        markPanelReady(selector);
+        const p = document.createElement("p");
+        p.className = `log-line ${toneClass}`.trim();
+        p.textContent = message;
+        logOutput.appendChild(p);
+        logOutput.scrollTop = logOutput.scrollHeight;
+    }
+    function appendLog(message, isError = false) { appendSystemLog(message, isError); }
+
+    function clearLog() {
+        document.querySelector("#system-log-output").innerHTML = "<p class='muted'>等待任务开始...</p>";
+        document.querySelector("#reasoning-output").innerHTML = "<p class='muted'>等待思考输出...</p>";
+        document.querySelector("#answer-output").innerHTML = "<p class='muted'>等待答案输出...</p>";
+    }
+    function markPanelReady(selector) {
+        const panel = document.querySelector(selector);
+        if (!panel) return;
+        const muted = panel.querySelector(".muted");
+        if (muted) muted.remove();
+    }
+
+    function renderTaskTable() {
+        const container = document.querySelector("#task-table");
+        if (!state.taskPage.items.length) {
+            container.innerHTML = "<p class='muted' style='padding:20px'>暂无任务记录</p>";
+            renderTaskPager();
+            return;
+        }
+        const rows = state.taskPage.items.map((task) => {
+            const files = (task.files || []).map((f) => buildDownloadLink(f, escapeHtml(f))).join("<br>");
+            const canCancel = task.status === "RUNNING" || task.status === "PENDING";
+            return `<tr>
+            <td style="font-family:var(--font-mono)">${escapeHtml(task.taskId.slice(0, 8))}</td>
+            <td>${escapeHtml(task.type)}</td>
+            <td><span class="tag ${task.status}">${task.status}</span></td>
+            <td>${task.progress || 0}%</td>
+            <td><div style="max-width:250px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;" title="${escapeHtml(task.message || "")}">${escapeHtml(task.message || "")}</div>${task.error ? `<br><span class='muted'>${escapeHtml(task.error)}</span>` : ""}</td>
+            <td>${files || "-"}</td>
+            <td>${canCancel ? `<button type="button" class="btn-cancel-task" data-task-id="${escapeHtml(task.taskId)}">取消</button>` : "-"}</td>
+        </tr>`;
+        }).join("");
+        container.innerHTML = `<table><thead><tr><th>任务ID</th><th>类型</th><th>状态</th><th>进度</th><th>说明</th><th>产物</th><th>操作</th></tr></thead><tbody>${rows}</tbody></table>`;
+        document.querySelectorAll(".btn-cancel-task").forEach((btn) => {
+            btn.addEventListener("click", async () => {
+                if (!btn.dataset.taskId) return;
+                setLoading(btn, true);
+                try {
+                    const result = await apiFetch(`/api/tasks/${encodeURIComponent(btn.dataset.taskId)}/cancel`, { method: "POST" });
+                    toast(result.message || "任务取消请求已处理");
+                    await loadTaskPage();
+                    await refreshAll();
+                } catch (err) { toast(err.message, true); }
+                finally { setLoading(btn, false); }
+            });
+        });
+        renderTaskPager();
+    }
+
+    async function loadTaskPage() {
+        const params = new URLSearchParams();
+        if (state.taskQuery.status) params.set("status", state.taskQuery.status);
+        if (state.taskQuery.type) params.set("type", state.taskQuery.type);
+        if (state.taskQuery.keyword) params.set("keyword", state.taskQuery.keyword);
+        params.set("page", String(state.taskQuery.page));
+        params.set("size", String(state.taskQuery.size));
+
+        try {
+            const data = await apiFetch(`/api/tasks/query?${params.toString()}`);
+            state.taskPage = { items: data.items || [], page: data.page || 1, size: data.size || state.taskQuery.size, total: data.total || 0 };
+            renderTaskTable();
+        } catch (err) { toast(err.message, true); }
+    }
+
+    function onTaskFilterSubmit() {
+        state.taskQuery.status = document.querySelector("#task-filter-status").value || "";
+        state.taskQuery.type = document.querySelector("#task-filter-type").value || "";
+        state.taskQuery.keyword = (document.querySelector("#task-filter-keyword").value || "").trim();
+        state.taskQuery.page = 1;
+        loadTaskPage();
+    }
+
+    function renderTaskPager() {
+        const pager = document.querySelector("#task-pager");
+        if (!pager) return;
+        const totalPages = Math.max(1, Math.ceil((state.taskPage.total || 0) / state.taskQuery.size));
+        const current = state.taskPage.page || 1;
+        pager.innerHTML = `<span>共 <strong>${state.taskPage.total || 0}</strong> 条记录，第 ${current} / ${totalPages} 页</span>
+        <div class="pager-actions">
+            <button type="button" ${current <= 1 ? "disabled" : ""} id="btn-page-prev">上一页</button>
+            <button type="button" ${current >= totalPages ? "disabled" : ""} id="btn-page-next">下一页</button>
+        </div>`;
+        if (document.querySelector("#btn-page-prev")) document.querySelector("#btn-page-prev").addEventListener("click", () => { if (state.taskQuery.page > 1) { state.taskQuery.page -= 1; loadTaskPage(); } });
+        if (document.querySelector("#btn-page-next")) document.querySelector("#btn-page-next").addEventListener("click", () => { if (state.taskQuery.page < totalPages) { state.taskQuery.page += 1; loadTaskPage(); } });
+    }
+
+    function renderFileTable() {
+        const container = document.querySelector("#file-table");
+        if (!state.files.length) { container.innerHTML = "<p class='muted' style='padding:20px'>暂无输出文件</p>"; return; }
+        const rows = state.files.map((file) => `<tr><td style="word-break:break-all">${escapeHtml(file.path)}</td><td style="font-family:var(--font-mono)">${formatBytes(file.size)}</td><td style="color:var(--text-secondary)">${formatTime(file.modifiedAt)}</td><td>${buildDownloadLink(file.path, "📥 下载")}</td></tr>`).join("");
+        container.innerHTML = `<table><thead><tr><th>文件路径</th><th>大小</th><th>更新时间</th><th>操作</th></tr></thead><tbody>${rows}</tbody></table>`;
+    }
+
+    async function loadSettings() {
+        try {
+            const data = await apiFetch("/api/settings");
+            document.querySelector("#settings-form [name='provider']").value = data.provider || "deepseek";
+            document.querySelector("#settings-form [name='apiKey']").value = "";
+            document.querySelector("#settings-form [name='openaiBaseUrl']").value = data.openaiBaseUrl || "";
+            document.querySelector("#settings-form [name='openaiApiKey']").value = "";
+            document.querySelector("#settings-form [name='openaiStageOneModel']").value = data.openaiStageOneModel || "deepseek-v4-flash";
+            document.querySelector("#settings-form [name='openaiStageTwoModel']").value = data.openaiStageTwoModel || "deepseek-v4-pro";
+            document.querySelector("#settings-form [name='svnUsername']").value = data.svnUsername || "";
+            document.querySelector("#settings-form [name='svnPassword']").value = "";
+            document.querySelector("#settings-form [name='outputDir']").value = data.outputDir || "";
+            state.defaultPresetId = data.defaultSvnPresetId || state.defaultPresetId;
+            const settingsPreset = document.querySelector("#settings-default-preset");
+            if (settingsPreset && state.defaultPresetId) settingsPreset.value = state.defaultPresetId;
+            applyPresetToSvnForm(state.defaultPresetId);
+            updateSettingsProviderUI(data.provider || "deepseek");
+            renderSettingsState(data);
+        } catch (err) { toast(err.message, true); }
+    }
+
+    async function onSaveSettings(event) {
+        event.preventDefault();
+        const btn = event.target.querySelector("button[type='submit']");
+        setLoading(btn, true);
+        try {
+            const data = await apiFetch("/api/settings", { method: "PUT", body: JSON.stringify(readForm(event.target)) });
+            state.defaultPresetId = data.defaultSvnPresetId || state.defaultPresetId;
+            applyPresetToSvnForm(state.defaultPresetId);
+            updateSettingsProviderUI(data.provider || "deepseek");
+            renderSettingsState(data);
+            document.querySelector("#settings-form [name='apiKey']").value = "";
+            document.querySelector("#settings-form [name='openaiApiKey']").value = "";
+            document.querySelector("#settings-form [name='svnPassword']").value = "";
+            toast("✅ 设置保存成功");
+        } catch (err) { toast(err.message, true); }
+        finally { setLoading(btn, false); }
+    }
+
+    function readForm(form) { return Object.fromEntries(new FormData(form).entries()); }
+
+    function updateSettingsProviderUI(provider) {
+        const openaiGroup = document.querySelector("#openai-settings-group");
+        const deepseekGroup = document.querySelector("#deepseek-settings-group");
+        const showOpenai = provider === "openai-compatible";
+        if (openaiGroup) openaiGroup.hidden = !showOpenai;
+        if (deepseekGroup) deepseekGroup.hidden = showOpenai;
+    }
+
+    function renderSettingsState(data) {
+        const el = document.querySelector("#settings-state");
+        if (!el) return;
+        el.style.display = "block"; // 确保数据加载后显示
+        if ((data.provider || "deepseek") === "openai-compatible") {
+            el.innerHTML = `当前提供商：<strong style="color:white">OpenAI兼容</strong><br>Base URL：${data.openaiBaseUrl || "(未配置)"}<br>API Key：${data.openaiApiKeyConfigured ? "<span style='color:var(--success)'>已配置</span>" : "<span style='color:var(--warning)'>未配置</span>"}<br>Stage1：${data.openaiStageOneModel || "-"}<br>Stage2：${data.openaiStageTwoModel || "-"}<br>SVN 账号：${renderSvnCredentialState(data)}`;
+        } else {
+            el.innerHTML = `当前提供商：<strong style="color:white">DeepSeek</strong><br>API Key 状态：${data.apiKeyConfigured ? "<span style='color:var(--success)'>已配置</span>" : "<span style='color:var(--warning)'>未配置</span>"}（来源：${data.apiKeySource}）<br>SVN 账号：${renderSvnCredentialState(data)}`;
+        }
+    }
+
+    function renderSvnCredentialState(data) {
+        const username = data.svnUsername || "(未配置用户名)";
+        const configured = data.svnCredentialsConfigured
+            ? "<span style='color:var(--success)'>已配置</span>"
+            : "<span style='color:var(--warning)'>未配置</span>";
+        return `${escapeHtml(username)} / ${configured}<br>默认 SVN 项目仅用于连接测试优先选择`;
+    }
+
+    function setLoading(button, loading) {
+        if (!button) return;
+        button.disabled = loading;
+        if (loading) { button.dataset.originalText = button.textContent; button.textContent = "处理中..."; }
+        else { button.textContent = button.dataset.originalText || button.textContent; }
+    }
+
+    function toNumberOrNull(value) {
+        if (value === null || value === undefined || String(value).trim() === "") return null;
+        const parsed = Number(value);
+        return Number.isFinite(parsed) ? parsed : null;
+    }
+
+    function toast(message, isError = false) {
+        const el = document.querySelector("#toast");
+        el.textContent = message;
+        el.style.borderLeft = isError ? "4px solid var(--danger)" : "4px solid var(--success)";
+        el.classList.remove("show"); void el.offsetWidth; el.classList.add("show");
+        setTimeout(() => { el.classList.remove("show"); }, 3000);
+    }
+
+    function escapeHtml(text) { return String(text).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;"); }
+
+    function formatBytes(bytes) {
+        if (bytes === null || bytes === undefined) return "-";
+        const units = ["B", "KB", "MB", "GB"];
+        let value = Number(bytes); let idx = 0;
+        while (value >= 1024 && idx < units.length - 1) { value = value / 1024; idx += 1; }
+        return `${value.toFixed(idx === 0 ? 0 : 1)} ${units[idx]}`;
+    }
+
+    function formatTime(value) {
+        if (!value) return "-";
+        const date = new Date(value);
+        if (Number.isNaN(date.getTime())) return "-";
+        return date.toLocaleString("zh-CN", { hour12: false });
+    }
+
+    function sortByTimeDesc(left, right) {
+        const l = left ? new Date(left).getTime() : 0;
+        const r = right ? new Date(right).getTime() : 0;
+        return r - l;
+    }
+
+    async function onAutoFillVersions() {
+        const btn = document.querySelector("#btn-auto-fill");
+        const [year, month] = document.querySelector("#version-month").value.split("-");
+        setLoading(btn, true);
+        appendLog(`开始查询 ${year}年${month}月 的版本范围...`);
+
+        if (!state.presets || state.presets.length < 3) { appendLog("错误：未加载到完整 SVN 预设，请刷新页面后重试", true); setLoading(btn, false); return; }
+
+        const projects = [1, 2, 3].map((index) => ({
+            presetId: state.presets[index - 1].id, name: state.presets[index - 1].name,
+            startInput: document.querySelector(`#svn-form [name='startRevision_${index}']`),
+            endInput: document.querySelector(`#svn-form [name='endRevision_${index}']`),
+        }));
+
+        try {
+            for (const project of projects) {
+                appendLog(`正在查询 ${project.name} 的版本范围...`);
+                const traceId = `autofill-${project.presetId}-${Date.now()}`;
+                const requestPayload = {
+                    presetId: project.presetId,
+                    year: parseInt(year, 10),
+                    month: parseInt(month, 10),
+                    clientTraceId: traceId
+                };
+
+                const data = await apiFetch("/api/svn/version-range", { method: "POST", body: JSON.stringify(requestPayload) });
+                appendLog(`[AutoFill][Response] traceId=${traceId} payload=${safeJsonStringify(data)}`);
+
+                if (data.startRevision && data.endRevision) {
+                    project.startInput.value = data.startRevision; project.endInput.value = data.endRevision;
+                    appendLog(`${project.name} 版本范围: ${data.startRevision} - ${data.endRevision}`);
+                } else { appendLog(`⚠️ ${project.name} 该月份无提交记录`, true); }
+            }
+            appendLog("✅ 所有项目版本号填充完成"); toast("✅ 版本号填充完成");
+        } catch (err) { appendLog(`填充失败: ${err.message}`, true); toast(err.message, true); }
+        finally { setLoading(btn, false); }
+    }
+
+    function maskSecret(secret) { return !secret ? "(empty)" : `***len=${String(secret).length}`; }
+    function safeJsonStringify(value) { try { const raw = JSON.stringify(value); return (!raw) ? "{}" : (raw.length > 600 ? `${raw.slice(0, 600)}...(truncated)` : raw); } catch (err) { return `"<invalid-json:${err.message}>"`; } }
+    function pickConnectionPresetId() {
+        if (!state.presets || state.presets.length === 0) {
+            return "";
+        }
+        const hasDefault = state.defaultPresetId && state.presets.some((preset) => preset.id === state.defaultPresetId);
+        return hasDefault ? state.defaultPresetId : state.presets[0].id;
+    }
+</script>
 </body>
 </html>
diff --git a/src/main/resources/static/styles.css b/src/main/resources/static/styles.css
deleted file mode 100644
index 246382e..0000000
--- a/src/main/resources/static/styles.css
+++ /dev/null
@@ -1,746 +0,0 @@
-:root {
-    --bg-0: #0b1020;
-    --bg-1: #121a2f;
-    --bg-2: #1a2744;
-
-    --surface-0: rgba(19, 30, 53, 0.62);
-    --surface-1: rgba(24, 37, 64, 0.84);
-    --surface-2: #1f3158;
-
-    --text-0: #e8efff;
-    --text-1: #c4d2f0;
-    --text-2: #91a3cc;
-
-    --accent-0: #6ba6ff;
-    --accent-1: #8fc0ff;
-    --accent-soft: rgba(107, 166, 255, 0.16);
-
-    --success: #49c28a;
-    --warning: #f0b85d;
-    --danger: #ff7f87;
-
-    --border-0: rgba(150, 180, 230, 0.24);
-    --border-1: rgba(150, 180, 230, 0.4);
-
-    --shadow-0: 0 22px 54px rgba(4, 8, 20, 0.45);
-    --shadow-1: 0 10px 30px rgba(8, 14, 32, 0.36);
-
-    --radius-sm: 10px;
-    --radius-md: 14px;
-    --radius-lg: 20px;
-
-    --space-1: 8px;
-    --space-2: 12px;
-    --space-3: 16px;
-    --space-4: 20px;
-    --space-5: 24px;
-
-    --z-bg: 0;
-    --z-layout: 5;
-    --z-toast: 50;
-}
-
-* {
-    box-sizing: border-box;
-}
-
-html,
-body {
-    height: 100%;
-}
-
-body {
-    margin: 0;
-    font-family: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
-    color: var(--text-0);
-    background:
-        radial-gradient(1200px 800px at -15% 130%, #1d2749 0%, transparent 60%),
-        radial-gradient(900px 700px at 110% -10%, #1f3b67 0%, transparent 62%),
-        linear-gradient(160deg, var(--bg-0) 0%, var(--bg-1) 52%, #131f38 100%);
-    position: relative;
-    overflow-x: hidden;
-}
-
-.bg-grid {
-    position: fixed;
-    inset: 0;
-    z-index: var(--z-bg);
-    background-image:
-        linear-gradient(rgba(116, 153, 211, 0.08) 1px, transparent 1px),
-        linear-gradient(90deg, rgba(116, 153, 211, 0.08) 1px, transparent 1px);
-    background-size: 36px 36px;
-    mask-image: radial-gradient(circle at 35% 15%, black 0%, transparent 78%);
-    pointer-events: none;
-}
-
-.bg-glow {
-    position: fixed;
-    border-radius: 999px;
-    pointer-events: none;
-    z-index: var(--z-bg);
-}
-
-.bg-glow-1 {
-    width: 420px;
-    height: 420px;
-    left: -120px;
-    top: 30%;
-    background: rgba(86, 135, 214, 0.18);
-    filter: blur(60px);
-}
-
-.bg-glow-2 {
-    width: 360px;
-    height: 360px;
-    right: -90px;
-    top: 80px;
-    background: rgba(115, 168, 255, 0.12);
-    filter: blur(58px);
-}
-
-.app-shell {
-    position: relative;
-    z-index: var(--z-layout);
-    min-height: 100vh;
-    display: grid;
-    grid-template-columns: 280px 1fr;
-    gap: var(--space-4);
-    padding: var(--space-4);
-}
-
-.sidebar {
-    background: linear-gradient(165deg, rgba(30, 47, 80, 0.86) 0%, rgba(17, 27, 48, 0.95) 100%);
-    border: 1px solid var(--border-0);
-    box-shadow: var(--shadow-0);
-    border-radius: var(--radius-lg);
-    padding: var(--space-4);
-    position: sticky;
-    top: var(--space-4);
-    height: calc(100vh - 40px);
-    display: flex;
-    flex-direction: column;
-    gap: var(--space-4);
-    backdrop-filter: blur(8px);
-}
-
-.brand {
-    display: flex;
-    align-items: center;
-    gap: var(--space-3);
-}
-
-.brand-dot {
-    width: 14px;
-    height: 14px;
-    border-radius: 999px;
-    background: linear-gradient(135deg, var(--accent-0), #80dbff);
-    box-shadow: 0 0 0 6px rgba(107, 166, 255, 0.22);
-    flex-shrink: 0;
-}
-
-.brand h1 {
-    margin: 0;
-    font-size: 21px;
-    letter-spacing: 0.4px;
-}
-
-.brand p {
-    margin: 6px 0 0;
-    color: var(--text-2);
-    font-size: 13px;
-}
-
-.nav-list {
-    display: flex;
-    flex-direction: column;
-    gap: var(--space-2);
-}
-
-.nav-item {
-    border: 1px solid transparent;
-    background: transparent;
-    color: var(--text-1);
-    text-align: left;
-    font-size: 15px;
-    line-height: 1.45;
-    padding: 12px 14px;
-    border-radius: var(--radius-md);
-    cursor: pointer;
-    transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease;
-}
-
-.nav-item:hover,
-.nav-item:focus-visible {
-    color: var(--text-0);
-    border-color: var(--border-1);
-    background: rgba(139, 177, 240, 0.14);
-    outline: none;
-}
-
-.nav-item.active {
-    color: #031126;
-    background: linear-gradient(135deg, #8ab6ff 0%, #9ed4ff 100%);
-    border-color: #acd2ff;
-    font-weight: 700;
-    box-shadow: 0 10px 24px rgba(99, 159, 243, 0.34);
-}
-
-.main {
-    min-width: 0;
-    display: flex;
-    flex-direction: column;
-    gap: var(--space-4);
-    padding-right: var(--space-2);
-}
-
-.main-header {
-    background: var(--surface-0);
-    border: 1px solid var(--border-0);
-    border-radius: var(--radius-lg);
-    padding: var(--space-4);
-    box-shadow: var(--shadow-1);
-    backdrop-filter: blur(7px);
-}
-
-.main-header h2 {
-    margin: 0;
-    font-size: 28px;
-    letter-spacing: 0.3px;
-}
-
-.main-header p {
-    margin: 8px 0 0;
-    color: var(--text-1);
-}
-
-.view {
-    display: none;
-}
-
-.view.active {
-    display: block;
-}
-
-.grid {
-    display: grid;
-    gap: var(--space-3);
-}
-
-.grid.cols-4 {
-    grid-template-columns: repeat(4, minmax(0, 1fr));
-    margin-bottom: var(--space-3);
-}
-
-.grid.cols-3 {
-    grid-template-columns: repeat(3, minmax(0, 1fr));
-}
-
-.grid.cols-2 {
-    grid-template-columns: repeat(2, minmax(0, 1fr));
-}
-
-.card {
-    background: var(--surface-1);
-    border: 1px solid var(--border-0);
-    border-radius: var(--radius-lg);
-    box-shadow: var(--shadow-1);
-    padding: var(--space-4);
-    backdrop-filter: blur(8px);
-}
-
-.card + .card {
-    margin-top: var(--space-3);
-}
-
-.card h3 {
-    margin: 0 0 var(--space-3);
-    font-size: 18px;
-    letter-spacing: 0.2px;
-}
-
-.stat {
-    position: relative;
-    overflow: hidden;
-}
-
-.stat::after {
-    content: "";
-    position: absolute;
-    right: -32px;
-    bottom: -38px;
-    width: 112px;
-    height: 112px;
-    border-radius: 999px;
-    background: radial-gradient(circle at center, rgba(118, 173, 255, 0.36) 0%, rgba(118, 173, 255, 0) 70%);
-    pointer-events: none;
-}
-
-.stat p {
-    margin: 0;
-    font-size: 38px;
-    font-weight: 700;
-    color: var(--accent-1);
-}
-
-.list {
-    list-style: none;
-    margin: 0;
-    padding: 0;
-}
-
-.list li {
-    border-bottom: 1px solid rgba(157, 185, 229, 0.2);
-    padding: 12px 0;
-    font-size: 14px;
-    line-height: 1.6;
-}
-
-.list li:last-child {
-    border-bottom: none;
-}
-
-.list a {
-    color: #afd0ff;
-    text-decoration: none;
-}
-
-.list a:hover,
-.list a:focus-visible {
-    color: #cde4ff;
-    text-decoration: underline;
-}
-
-.form-grid {
-    display: grid;
-    grid-template-columns: repeat(2, minmax(0, 1fr));
-    gap: var(--space-3);
-}
-
-label {
-    display: block;
-    font-size: 14px;
-    font-weight: 600;
-    line-height: 1.6;
-    color: var(--text-1);
-}
-
-input,
-select,
-button {
-    font: inherit;
-}
-
-input,
-select {
-    width: 100%;
-    margin-top: 6px;
-    min-height: 44px;
-    border-radius: var(--radius-sm);
-    border: 1px solid var(--border-0);
-    color: var(--text-0);
-    background: rgba(13, 21, 39, 0.64);
-    padding: 10px 12px;
-}
-
-input::placeholder {
-    color: rgba(173, 192, 228, 0.66);
-}
-
-input:focus-visible,
-select:focus-visible,
-button:focus-visible {
-    outline: 2px solid rgba(136, 189, 255, 0.92);
-    outline-offset: 2px;
-    border-color: rgba(136, 189, 255, 0.92);
-}
-
-select {
-    appearance: none;
-    background-image:
-        linear-gradient(45deg, transparent 50%, #aacfff 50%),
-        linear-gradient(135deg, #aacfff 50%, transparent 50%);
-    background-position:
-        calc(100% - 16px) 17px,
-        calc(100% - 11px) 17px;
-    background-size: 5px 5px, 5px 5px;
-    background-repeat: no-repeat;
-    padding-right: 34px;
-}
-
-.span-2 {
-    grid-column: span 2;
-}
-
-.alert.info {
-    border-radius: var(--radius-md);
-    border: 1px solid rgba(130, 174, 255, 0.38);
-    background: rgba(96, 150, 235, 0.15);
-    color: #c5dcff;
-    padding: 12px 14px;
-}
-
-.month-panel {
-    border: 1px solid var(--border-0);
-    border-radius: var(--radius-md);
-    background: rgba(21, 34, 61, 0.6);
-    padding: var(--space-3);
-}
-
-.month-grid {
-    align-items: end;
-}
-
-.month-action {
-    display: flex;
-}
-
-.month-action button {
-    width: 100%;
-}
-
-.project-item {
-    border: 1px solid var(--border-0);
-    border-radius: var(--radius-md);
-    background: rgba(20, 31, 55, 0.62);
-    padding: var(--space-3);
-}
-
-.project-item h4 {
-    margin: 0 0 10px;
-    color: var(--text-0);
-    font-size: 15px;
-}
-
-.actions {
-    display: flex;
-    gap: 10px;
-    flex-wrap: wrap;
-}
-
-button {
-    min-height: 44px;
-    border-radius: var(--radius-sm);
-    border: 1px solid var(--border-0);
-    background: rgba(88, 120, 170, 0.22);
-    color: var(--text-0);
-    padding: 0 16px;
-    cursor: pointer;
-    transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
-}
-
-button:hover,
-button:focus-visible {
-    background: rgba(122, 160, 221, 0.35);
-    border-color: rgba(157, 194, 253, 0.72);
-}
-
-button:active {
-    transform: translateY(1px);
-}
-
-button.primary {
-    background: linear-gradient(135deg, #6fafff 0%, #8fcbff 100%);
-    border-color: #9cd0ff;
-    color: #04162d;
-    font-weight: 700;
-}
-
-button.primary:hover,
-button.primary:focus-visible {
-    background: linear-gradient(135deg, #85bcff 0%, #a1d7ff 100%);
-}
-
-button:disabled {
-    opacity: 0.55;
-    cursor: not-allowed;
-}
-
-#log-panel {
-    display: none;
-    margin-top: var(--space-3);
-}
-
-.live-grid {
-    display: grid;
-    grid-template-columns: 1fr 1fr;
-    gap: var(--space-3);
-}
-
-.live-column header,
-.system-log-wrap > header {
-    font-size: 13px;
-    font-weight: 700;
-    color: var(--text-1);
-    margin-bottom: 7px;
-    letter-spacing: 0.2px;
-}
-
-.live-output,
-.system-output {
-    height: 250px;
-    overflow-y: auto;
-    border-radius: var(--radius-sm);
-    padding: 12px;
-    font-family: "JetBrains Mono", "Consolas", monospace;
-    font-size: 12.5px;
-    line-height: 1.62;
-    border: 1px solid var(--border-0);
-    background: rgba(6, 12, 25, 0.72);
-}
-
-.live-output {
-    color: #d6e5ff;
-}
-
-.live-column.reasoning .live-output {
-    background: rgba(9, 18, 39, 0.82);
-}
-
-.live-column.answer .live-output {
-    background: rgba(12, 24, 37, 0.78);
-}
-
-.system-output {
-    color: #e8f1ff;
-    background: rgba(6, 12, 24, 0.9);
-    border-color: rgba(150, 180, 230, 0.34);
-}
-
-.live-output .muted,
-.system-output .muted {
-    color: #a9bde3;
-}
-
-.log-line {
-    margin: 2px 0;
-}
-
-.system-output .log-line.is-info {
-    color: #dbe8ff;
-}
-
-.system-output .log-line.is-error {
-    color: #ffb6bc;
-}
-
-.live-output .log-line.is-reasoning {
-    color: #ccdeff;
-}
-
-.live-output .log-line.is-answer {
-    color: #baf2da;
-}
-
-.system-log-wrap {
-    margin-top: var(--space-2);
-}
-
-.history-toolbar {
-    display: grid;
-    grid-template-columns: 180px 180px minmax(220px, 1fr) 120px;
-    gap: 10px;
-    margin-bottom: 12px;
-}
-
-.table-wrap {
-    overflow-x: auto;
-    border: 1px solid rgba(157, 185, 229, 0.2);
-    border-radius: var(--radius-md);
-}
-
-table {
-    width: 100%;
-    border-collapse: collapse;
-    min-width: 720px;
-    background: rgba(8, 15, 30, 0.35);
-}
-
-th,
-td {
-    padding: 10px 8px;
-    border-bottom: 1px solid rgba(157, 185, 229, 0.16);
-    text-align: left;
-    font-size: 14px;
-    vertical-align: top;
-}
-
-th {
-    color: #d5e4ff;
-    background: rgba(129, 167, 229, 0.12);
-    position: sticky;
-    top: 0;
-}
-
-.pager {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    margin-top: 10px;
-    color: var(--text-2);
-    font-size: 14px;
-}
-
-.pager .pager-actions {
-    display: flex;
-    gap: 8px;
-}
-
-.btn-cancel-task {
-    min-height: 32px;
-    padding: 0 10px;
-    font-size: 13px;
-}
-
-.tag {
-    display: inline-block;
-    border-radius: 999px;
-    padding: 2px 10px;
-    font-size: 12px;
-    font-weight: 700;
-    border: 1px solid transparent;
-}
-
-.tag.SUCCESS {
-    background: rgba(73, 194, 138, 0.16);
-    border-color: rgba(73, 194, 138, 0.5);
-    color: #95edc2;
-}
-
-.tag.RUNNING,
-.tag.PENDING {
-    background: rgba(240, 184, 93, 0.16);
-    border-color: rgba(240, 184, 93, 0.45);
-    color: #ffd99d;
-}
-
-.tag.FAILED {
-    background: rgba(255, 127, 135, 0.16);
-    border-color: rgba(255, 127, 135, 0.5);
-    color: #ffb5bc;
-}
-
-.tag.CANCELLED {
-    background: rgba(148, 166, 196, 0.16);
-    border-color: rgba(148, 166, 196, 0.45);
-    color: #ced9f1;
-}
-
-.muted {
-    color: var(--text-2);
-}
-
-.toast {
-    position: fixed;
-    right: 24px;
-    bottom: 24px;
-    z-index: var(--z-toast);
-    border-radius: var(--radius-md);
-    padding: 12px 14px;
-    background: rgba(8, 16, 33, 0.96);
-    border: 1px solid rgba(132, 171, 235, 0.46);
-    color: #eef4ff;
-    min-width: 240px;
-    max-width: 400px;
-    display: none;
-    box-shadow: var(--shadow-0);
-}
-
-.toast.show {
-    display: block;
-}
-
-@media (max-width: 1180px) {
-    .grid.cols-4 {
-        grid-template-columns: repeat(2, minmax(0, 1fr));
-    }
-}
-
-@media (max-width: 980px) {
-    .app-shell {
-        grid-template-columns: 1fr;
-        gap: var(--space-3);
-        padding: var(--space-3);
-    }
-
-    .sidebar {
-        position: sticky;
-        top: 0;
-        height: auto;
-        padding: 14px;
-        gap: 12px;
-        border-radius: var(--radius-md);
-    }
-
-    .brand p {
-        display: none;
-    }
-
-    .nav-list {
-        flex-direction: row;
-        overflow-x: auto;
-        padding-bottom: 2px;
-        scrollbar-width: thin;
-    }
-
-    .nav-item {
-        flex: 0 0 auto;
-        white-space: nowrap;
-        min-height: 44px;
-        padding: 10px 13px;
-    }
-
-    .main {
-        padding-right: 0;
-    }
-
-    .grid.cols-2,
-    .grid.cols-3,
-    .form-grid,
-    .history-toolbar {
-        grid-template-columns: 1fr;
-    }
-
-    .span-2 {
-        grid-column: span 1;
-    }
-
-    .month-action {
-        grid-column: span 1;
-    }
-}
-
-@media (max-width: 760px) {
-    .grid.cols-4 {
-        grid-template-columns: 1fr;
-    }
-
-    .main-header h2 {
-        font-size: 24px;
-    }
-
-    .card {
-        padding: var(--space-3);
-    }
-
-    .live-grid {
-        grid-template-columns: 1fr;
-    }
-
-    .toast {
-        right: 12px;
-        left: 12px;
-        bottom: 12px;
-        min-width: 0;
-        max-width: none;
-    }
-}
-
-@media (prefers-reduced-motion: reduce) {
-    *,
-    *::before,
-    *::after {
-        animation: none !important;
-        transition: none !important;
-        scroll-behavior: auto !important;
-    }
-}
diff --git a/src/test/java/com/svnlog/web/controller/AppControllerDownloadTest.java b/src/test/java/com/svnlog/web/controller/AppControllerDownloadTest.java
new file mode 100644
index 0000000..017d2f3
--- /dev/null
+++ b/src/test/java/com/svnlog/web/controller/AppControllerDownloadTest.java
@@ -0,0 +1,110 @@
+package com.svnlog.web.controller;
+
+import java.nio.charset.StandardCharsets;
+import java.nio.file.Files;
+import java.nio.file.Path;
+
+import org.hamcrest.Matchers;
+import org.junit.jupiter.api.Assertions;
+import org.junit.jupiter.api.Test;
+import org.junit.jupiter.api.io.TempDir;
+import org.mockito.Mockito;
+import org.springframework.test.web.servlet.MockMvc;
+import org.springframework.test.web.servlet.setup.MockMvcBuilders;
+
+import com.svnlog.web.service.AiWorkflowService;
+import com.svnlog.web.service.HealthService;
+import com.svnlog.web.service.OutputFileService;
+import com.svnlog.web.service.SettingsService;
+import com.svnlog.web.service.SvnPresetService;
+import com.svnlog.web.service.SvnWorkflowService;
+import com.svnlog.web.service.TaskService;
+
+import static org.springframework.test.web.servlet.request.MockMvcRequestBuilders.get;
+import static org.springframework.test.web.servlet.result.MockMvcResultMatchers.content;
+import static org.springframework.test.web.servlet.result.MockMvcResultMatchers.header;
+import static org.springframework.test.web.servlet.result.MockMvcResultMatchers.jsonPath;
+import static org.springframework.test.web.servlet.result.MockMvcResultMatchers.status;
+
+class AppControllerDownloadTest {
+
+    @TempDir
+    Path tempDir;
+
+    @Test
+    void shouldDownloadMarkdownWithAttachmentHeaders() throws Exception {
+        final OutputFileService outputFileService = buildOutputFileService();
+        final Path file = outputFileService.resolveInOutput("nested/报告 2026.md");
+        Files.createDirectories(file.getParent());
+        Files.write(file, "# hello".getBytes(StandardCharsets.UTF_8));
+
+        buildMockMvc(outputFileService)
+                .perform(get("/api/files/download").param("path", "nested/报告 2026.md"))
+                .andExpect(status().isOk())
+                .andExpect(header().string("X-Content-Type-Options", "nosniff"))
+                .andExpect(header().string("Content-Disposition", Matchers.containsString("attachment;")))
+                .andExpect(header().string("Content-Disposition", Matchers.containsString("filename*=UTF-8''")))
+                .andExpect(content().contentType("text/markdown;charset=UTF-8"))
+                .andExpect(content().string("# hello"));
+    }
+
+    @Test
+    void shouldDownloadExcelWithOfficeContentType() throws Exception {
+        final OutputFileService outputFileService = buildOutputFileService();
+        final byte[] payload = new byte[] { 0x01, 0x02, 0x03, 0x04 };
+        Files.write(outputFileService.resolveInOutput("report.xlsx"), payload);
+
+        final byte[] response = buildMockMvc(outputFileService)
+                .perform(get("/api/files/download").param("path", "report.xlsx"))
+                .andExpect(status().isOk())
+                .andExpect(content().contentType("application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"))
+                .andReturn()
+                .getResponse()
+                .getContentAsByteArray();
+
+        Assertions.assertArrayEquals(payload, response);
+    }
+
+    @Test
+    void shouldReturnStructuredErrorWhenFileMissing() throws Exception {
+        final OutputFileService outputFileService = buildOutputFileService();
+
+        buildMockMvc(outputFileService)
+                .perform(get("/api/files/download").param("path", "missing.md"))
+                .andExpect(status().isBadRequest())
+                .andExpect(jsonPath("$.status").value(400))
+                .andExpect(jsonPath("$.error").value("文件不存在: missing.md"));
+    }
+
+    @Test
+    void shouldRejectPathTraversal() throws Exception {
+        final OutputFileService outputFileService = buildOutputFileService();
+
+        buildMockMvc(outputFileService)
+                .perform(get("/api/files/download").param("path", "../secret.txt"))
+                .andExpect(status().isBadRequest())
+                .andExpect(jsonPath("$.status").value(400))
+                .andExpect(jsonPath("$.error", Matchers.containsString("非法文件路径")));
+    }
+
+    private OutputFileService buildOutputFileService() {
+        final OutputFileService outputFileService = new OutputFileService();
+        outputFileService.setOutputRoot(tempDir.resolve("outputs").toString());
+        return outputFileService;
+    }
+
+    private MockMvc buildMockMvc(OutputFileService outputFileService) {
+        final AppController controller = new AppController(
+                Mockito.mock(SvnWorkflowService.class),
+                Mockito.mock(AiWorkflowService.class),
+                Mockito.mock(TaskService.class),
+                outputFileService,
+                Mockito.mock(SettingsService.class),
+                Mockito.mock(SvnPresetService.class),
+                Mockito.mock(HealthService.class)
+        );
+        return MockMvcBuilders.standaloneSetup(controller)
+                .setControllerAdvice(new GlobalExceptionHandler())
+                .build();
+    }
+}
diff --git a/src/test/java/com/svnlog/web/service/AiWorkflowServiceTest.java b/src/test/java/com/svnlog/web/service/AiWorkflowServiceTest.java
index 5f29e14..b5232ed 100644
--- a/src/test/java/com/svnlog/web/service/AiWorkflowServiceTest.java
+++ b/src/test/java/com/svnlog/web/service/AiWorkflowServiceTest.java
@@ -21,7 +21,11 @@ class AiWorkflowServiceTest {
     void shouldResolveDeepSeekProviderByDefault() {
         final AiWorkflowService service = new AiWorkflowService(
                 buildOutputFileService(),
-                new SettingsService(buildOutputFileService(), new SvnPresetService()),
+                new SettingsService(
+                        buildOutputFileService(),
+                        new SettingsPersistenceService(),
+                        new SvnPresetService()
+                ),
                 new AiInputValidator()
         );
 
@@ -35,7 +39,11 @@ class AiWorkflowServiceTest {
     @Test
     void shouldResolveOpenAiCompatibleModelsAndUrl() {
         final OutputFileService outputFileService = buildOutputFileService();
-        final SettingsService settingsService = new SettingsService(outputFileService, new SvnPresetService());
+        final SettingsService settingsService = new SettingsService(
+                outputFileService,
+                new SettingsPersistenceService(),
+                new SvnPresetService()
+        );
         settingsService.updateSettings(
                 null,
                 SettingsService.PROVIDER_OPENAI_COMPATIBLE,
@@ -44,6 +52,8 @@ class AiWorkflowServiceTest {
                 "deepseek-v4-flash",
                 "deepseek-v4-pro",
                 null,
+                null,
+                null,
                 null
         );
         final AiWorkflowService service = new AiWorkflowService(outputFileService, settingsService, new AiInputValidator());
@@ -75,7 +85,11 @@ class AiWorkflowServiceTest {
     @Test
     void shouldParseCompatibleStreamWhenOnlyContentIsReturned() throws Exception {
         final OutputFileService outputFileService = buildOutputFileService();
-        final SettingsService settingsService = new SettingsService(outputFileService, new SvnPresetService());
+        final SettingsService settingsService = new SettingsService(
+                outputFileService,
+                new SettingsPersistenceService(),
+                new SvnPresetService()
+        );
         settingsService.updateSettings(
                 null,
                 SettingsService.PROVIDER_OPENAI_COMPATIBLE,
@@ -84,6 +98,8 @@ class AiWorkflowServiceTest {
                 "deepseek-v4-flash",
                 "deepseek-v4-pro",
                 null,
+                null,
+                null,
                 null
         );
         final AiWorkflowService service = new AiWorkflowService(outputFileService, settingsService, new AiInputValidator());
@@ -127,7 +143,7 @@ class AiWorkflowServiceTest {
         private final String openaiApiKey;
 
         private StubSettingsService(OutputFileService outputFileService, String openaiBaseUrl, String openaiApiKey) {
-            super(outputFileService, new SvnPresetService());
+            super(outputFileService, new SettingsPersistenceService(), new SvnPresetService());
             this.openaiBaseUrl = openaiBaseUrl;
             this.openaiApiKey = openaiApiKey;
         }
diff --git a/src/test/java/com/svnlog/web/service/HealthServiceTest.java b/src/test/java/com/svnlog/web/service/HealthServiceTest.java
index 0f961de..ef8f3c9 100644
--- a/src/test/java/com/svnlog/web/service/HealthServiceTest.java
+++ b/src/test/java/com/svnlog/web/service/HealthServiceTest.java
@@ -26,7 +26,11 @@ class HealthServiceTest {
     void shouldReturnDetailedHealthAfterSettingsExpansion() throws Exception {
         final OutputFileService outputFileService = new OutputFileService();
         outputFileService.setOutputRoot(tempDir.resolve("outputs").toString());
-        final SettingsService settingsService = new SettingsService(outputFileService, new SvnPresetService());
+        final SettingsService settingsService = new SettingsService(
+                outputFileService,
+                new SettingsPersistenceService(),
+                new SvnPresetService()
+        );
         taskService = new TaskService(new TaskPersistenceService(), outputFileService);
         final HealthService healthService = new HealthService(outputFileService, settingsService, taskService);
 
diff --git a/src/test/java/com/svnlog/web/service/SettingsServiceTest.java b/src/test/java/com/svnlog/web/service/SettingsServiceTest.java
index 06d3cf5..3f6cbee 100644
--- a/src/test/java/com/svnlog/web/service/SettingsServiceTest.java
+++ b/src/test/java/com/svnlog/web/service/SettingsServiceTest.java
@@ -1,59 +1,210 @@
 package com.svnlog.web.service;
 
+import java.io.IOException;
+import java.nio.charset.StandardCharsets;
+import java.nio.file.Files;
 import java.nio.file.Path;
+import java.nio.file.attribute.PosixFilePermission;
+import java.util.EnumSet;
 import java.util.Map;
-import java.nio.file.Paths;
+import java.util.Set;
 
-import org.junit.jupiter.api.Assertions;
+import org.junit.jupiter.api.Assumptions;
+import org.junit.jupiter.api.AfterEach;
 import org.junit.jupiter.api.Test;
 import org.junit.jupiter.api.io.TempDir;
 
+import static org.junit.jupiter.api.Assertions.assertEquals;
+import static org.junit.jupiter.api.Assertions.assertFalse;
+import static org.junit.jupiter.api.Assertions.assertThrows;
+import static org.junit.jupiter.api.Assertions.assertNotNull;
+import static org.junit.jupiter.api.Assertions.assertTrue;
+
 class SettingsServiceTest {
 
     @TempDir
     Path tempDir;
 
-    @Test
-    void shouldReturnDefaultProviderAndOpenAiDefaults() throws Exception {
-        final OutputFileService outputFileService = new OutputFileService();
-        outputFileService.setOutputRoot(tempDir.resolve("outputs").toString());
-        final SettingsService settingsService = new SettingsService(outputFileService, new SvnPresetService());
+    private String originalUserDir;
 
-        final Map<String, Object> settings = settingsService.getSettings();
-
-        Assertions.assertEquals(SettingsService.PROVIDER_DEEPSEEK, settings.get("provider"));
-        Assertions.assertEquals("http://127.0.0.1:5001/v1", settings.get("openaiBaseUrl"));
-        Assertions.assertEquals("sk-f8b3f43e1fdd4f50b287050f08a6c7ed", settings.get("openaiApiKey"));
-        Assertions.assertEquals("deepseek-v4-flash", settings.get("openaiStageOneModel"));
-        Assertions.assertEquals("deepseek-v4-pro", settings.get("openaiStageTwoModel"));
+    @AfterEach
+    void restoreUserDir() {
+        if (originalUserDir != null) {
+            System.setProperty("user.dir", originalUserDir);
+        }
     }
 
     @Test
-    void shouldUpdateProviderAndOpenAiSettings() throws Exception {
-        final OutputFileService outputFileService = new OutputFileService();
-        outputFileService.setOutputRoot(tempDir.resolve("outputs").toString());
-        final SettingsService settingsService = new SettingsService(outputFileService, new SvnPresetService());
-        final String newOutputDir = tempDir.resolve("custom-output").toString();
+    void shouldPersistAndReloadSettingsFromOutputDirectory() throws IOException {
+        useTempWorkingDirectory();
+        final Path customOutputDir = tempDir.resolve("custom-output");
 
+        final SettingsService settingsService = newSettingsService();
         settingsService.updateSettings(
-                "sk-deepseek-runtime",
+                "deepseek-key",
                 SettingsService.PROVIDER_OPENAI_COMPATIBLE,
-                "http://localhost:5001/v1/",
-                "sk-openai-runtime",
-                "deepseek-v4-flash",
-                "deepseek-v4-pro",
-                newOutputDir,
+                "http://localhost:9000/v1",
+                "openai-key",
+                "model-stage-1",
+                "model-stage-2",
+                "svn-user",
+                "svn-pass",
+                customOutputDir.toString(),
                 "preset-2"
         );
 
-        final Map<String, Object> settings = settingsService.getSettings();
+        assertTrue(Files.exists(customOutputDir.resolve("settings.json")));
+        assertTrue(Files.exists(tempDir.resolve("outputs").resolve("settings.json")));
 
-        Assertions.assertEquals(SettingsService.PROVIDER_OPENAI_COMPATIBLE, settings.get("provider"));
-        Assertions.assertEquals("http://localhost:5001/v1/", settings.get("openaiBaseUrl"));
-        Assertions.assertEquals("sk-openai-runtime", settings.get("openaiApiKey"));
-        Assertions.assertEquals("deepseek-v4-flash", settings.get("openaiStageOneModel"));
-        Assertions.assertEquals("deepseek-v4-pro", settings.get("openaiStageTwoModel"));
-        Assertions.assertEquals("preset-2", settings.get("defaultSvnPresetId"));
-        Assertions.assertEquals(Paths.get(newOutputDir).toAbsolutePath().normalize().toString(), settings.get("outputDir"));
+        final SettingsService reloadedService = newSettingsService();
+        final Map<String, Object> settings = reloadedService.getSettings();
+
+        assertEquals(SettingsService.PROVIDER_OPENAI_COMPATIBLE, settings.get("provider"));
+        assertEquals("http://localhost:9000/v1", settings.get("openaiBaseUrl"));
+        assertEquals("model-stage-1", settings.get("openaiStageOneModel"));
+        assertEquals("model-stage-2", settings.get("openaiStageTwoModel"));
+        assertEquals("svn-user", settings.get("svnUsername"));
+        assertEquals(customOutputDir.toAbsolutePath().normalize().toString(), settings.get("outputDir"));
+        assertEquals("preset-2", settings.get("defaultSvnPresetId"));
+        assertEquals("openai-key", reloadedService.getOpenaiApiKey());
+        assertEquals("deepseek-key", reloadedService.pickActiveKey(null));
+        assertEquals("svn-pass", reloadedService.resolveSvnCredentials(null, null).getPassword());
+    }
+
+    @Test
+    void shouldCreateMissingOutputDirectoryWhenSavingSettings() throws IOException {
+        useTempWorkingDirectory();
+        final Path missingOutputDir = tempDir.resolve("missing-output");
+
+        final SettingsService settingsService = newSettingsService();
+        settingsService.updateSettings(
+                null,
+                SettingsService.PROVIDER_DEEPSEEK,
+                null,
+                null,
+                null,
+                null,
+                null,
+                null,
+                missingOutputDir.toString(),
+                "preset-1"
+        );
+
+        assertTrue(Files.isDirectory(missingOutputDir));
+        assertTrue(Files.exists(missingOutputDir.resolve("settings.json")));
+    }
+
+    @Test
+    void shouldFailWhenOutputPathIsAFile() throws IOException {
+        useTempWorkingDirectory();
+        final Path occupiedPath = tempDir.resolve("occupied-output");
+        Files.write(occupiedPath, "not-a-directory".getBytes(StandardCharsets.UTF_8));
+
+        final SettingsService settingsService = newSettingsService();
+
+        final IllegalStateException exception = assertThrows(
+                IllegalStateException.class,
+                () -> settingsService.updateSettings(
+                        null,
+                        SettingsService.PROVIDER_DEEPSEEK,
+                        null,
+                        null,
+                        null,
+                        null,
+                        null,
+                        null,
+                        occupiedPath.toString(),
+                        "preset-1"
+                )
+        );
+
+        assertTrue(exception.getMessage().contains("输出路径不是目录"));
+        assertEquals(tempDir.resolve("outputs").toAbsolutePath().normalize().toString(),
+                settingsService.getSettings().get("outputDir"));
+    }
+
+    @Test
+    void shouldFailWhenOutputDirectoryIsNotWritable() throws IOException {
+        useTempWorkingDirectory();
+        final Path readOnlyDir = tempDir.resolve("read-only-output");
+        Files.createDirectories(readOnlyDir);
+
+        final Set<PosixFilePermission> originalPermissions = Files.getPosixFilePermissions(readOnlyDir);
+        Files.setPosixFilePermissions(readOnlyDir, EnumSet.of(
+                PosixFilePermission.OWNER_READ,
+                PosixFilePermission.OWNER_EXECUTE
+        ));
+        Assumptions.assumeFalse(Files.isWritable(readOnlyDir), "Test requires a non-writable directory");
+
+        final SettingsService settingsService = newSettingsService();
+        try {
+            final IllegalStateException exception = assertThrows(
+                    IllegalStateException.class,
+                    () -> settingsService.updateSettings(
+                            null,
+                            SettingsService.PROVIDER_DEEPSEEK,
+                            null,
+                            null,
+                            null,
+                            null,
+                            null,
+                            null,
+                            readOnlyDir.toString(),
+                            "preset-1"
+                    )
+            );
+
+            assertTrue(exception.getMessage().contains("输出目录不可写"));
+            assertEquals(tempDir.resolve("outputs").toAbsolutePath().normalize().toString(),
+                    settingsService.getSettings().get("outputDir"));
+        } finally {
+            Files.setPosixFilePermissions(readOnlyDir, originalPermissions);
+        }
+    }
+
+    @Test
+    void shouldReturnSanitizedSettingsWhileKeepingRecoveredSecretsInRuntime() throws IOException {
+        useTempWorkingDirectory();
+
+        final SettingsService settingsService = newSettingsService();
+        settingsService.updateSettings(
+                "deepseek-key",
+                SettingsService.PROVIDER_DEEPSEEK,
+                "http://localhost:5001/v1",
+                "openai-key",
+                "stage-1",
+                "stage-2",
+                "svn-user",
+                "svn-pass",
+                tempDir.resolve("runtime-output").toString(),
+                "preset-1"
+        );
+
+        final SettingsService reloadedService = newSettingsService();
+        final Map<String, Object> settings = reloadedService.getSettings();
+
+        assertFalse(settings.containsKey("apiKey"));
+        assertFalse(settings.containsKey("openaiApiKey"));
+        assertFalse(settings.containsKey("svnPassword"));
+        assertEquals(Boolean.TRUE, settings.get("apiKeyConfigured"));
+        assertEquals(Boolean.TRUE, settings.get("openaiApiKeyConfigured"));
+        assertEquals(Boolean.TRUE, settings.get("svnCredentialsConfigured"));
+        assertEquals("deepseek-key", reloadedService.pickActiveKey(null));
+        assertEquals("openai-key", reloadedService.getOpenaiApiKey());
+        assertEquals("svn-pass", reloadedService.resolveSvnCredentials(null, null).getPassword());
+        assertNotNull(settings.get("apiKeySource"));
+    }
+
+    private SettingsService newSettingsService() {
+        final OutputFileService outputFileService = new OutputFileService();
+        outputFileService.setOutputRoot(tempDir.resolve("outputs").toString());
+        final SettingsPersistenceService settingsPersistenceService = new SettingsPersistenceService();
+        final SvnPresetService svnPresetService = new SvnPresetService();
+        return new SettingsService(outputFileService, settingsPersistenceService, svnPresetService);
+    }
+
+    private void useTempWorkingDirectory() {
+        originalUserDir = System.getProperty("user.dir");
+        System.setProperty("user.dir", tempDir.toAbsolutePath().normalize().toString());
     }
 }