diff --git a/Makefile b/Makefile
new file mode 100644
index 0000000..a5d7f2e
--- /dev/null
+++ b/Makefile
@@ -0,0 +1,84 @@
+SHELL := /bin/bash
+
+APP_NAME := sftp-manager
+PORT := 48081
+BASE_PATH := /sftp-manager
+APP_URL := http://localhost:$(PORT)$(BASE_PATH)
+
+MVN := mvn
+DOCKER_COMPOSE := docker compose
+
+.DEFAULT_GOAL := help
+
+.PHONY: help check-mvn check-docker install build test start stop restart status logs deploy bootstrap clean jar-start jar-stop jar-restart
+
+help:
+	@echo "Available targets:"
+	@echo "  make bootstrap   - One command install + deploy + start (Docker)"
+	@echo "  make deploy      - Build app and start with Docker Compose"
+	@echo "  make install     - Maven install (skip tests)"
+	@echo "  make build       - Maven package (skip tests)"
+	@echo "  make test        - Run all tests"
+	@echo "  make start       - Start service by Docker Compose"
+	@echo "  make stop        - Stop service by Docker Compose"
+	@echo "  make restart     - Restart Docker service"
+	@echo "  make status      - Show Docker service status"
+	@echo "  make logs        - Tail service logs"
+	@echo "  make jar-start   - Start packaged jar using deploy.sh"
+	@echo "  make jar-stop    - Stop packaged jar using deploy.sh"
+	@echo "  make jar-restart - Restart packaged jar using deploy.sh"
+
+check-mvn:
+	@command -v $(MVN) >/dev/null 2>&1 || { echo "Error: mvn not found"; exit 1; }
+
+check-docker:
+	@command -v docker >/dev/null 2>&1 || { echo "Error: docker not found"; exit 1; }
+	@$(DOCKER_COMPOSE) version >/dev/null 2>&1 || { echo "Error: docker compose not available"; exit 1; }
+
+install: check-mvn
+	@echo ">>> Installing project artifacts (skip tests)..."
+	@$(MVN) clean install -DskipTests
+
+build: check-mvn
+	@echo ">>> Packaging application (skip tests)..."
+	@$(MVN) clean package -DskipTests
+
+test: check-mvn
+	@echo ">>> Running tests..."
+	@$(MVN) clean test
+
+start: check-docker
+	@echo ">>> Starting $(APP_NAME) with Docker Compose..."
+	@$(DOCKER_COMPOSE) up -d --build
+	@echo ">>> Started. Visit: $(APP_URL)"
+
+stop: check-docker
+	@echo ">>> Stopping $(APP_NAME)..."
+	@$(DOCKER_COMPOSE) down
+
+restart: stop start
+
+status: check-docker
+	@$(DOCKER_COMPOSE) ps
+
+logs: check-docker
+	@$(DOCKER_COMPOSE) logs -f --tail=200 $(APP_NAME)
+
+deploy: build start
+
+bootstrap: install start
+
+clean: check-mvn
+	@$(MVN) clean
+
+jar-start: build
+	@chmod +x ./deploy.sh
+	@./deploy.sh start
+
+jar-stop:
+	@chmod +x ./deploy.sh
+	@./deploy.sh stop
+
+jar-restart: build
+	@chmod +x ./deploy.sh
+	@./deploy.sh restart
diff --git a/docker-compose.yml b/docker-compose.yml
index 57902ee..b4c3850 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -8,8 +8,8 @@ services:
       - "48081:48081"
     volumes:
       # 默认映射到用户家目录（Linux/Mac 为 $HOME，未设置时为当前目录）
-      - ${HOME:-.}/sftp-manager/data:/app/data
-      - ${HOME:-.}/sftp-manager/logs:/app/logs
+      - ./docker/data:/app/data
+      - ./docker/logs:/app/logs
     environment:
       - SPRING_PROFILES_ACTIVE=prod
     restart: unless-stopped
diff --git a/src/main/resources/static/css/style.css b/src/main/resources/static/css/style.css
index fd232d1..e155bcd 100644
--- a/src/main/resources/static/css/style.css
+++ b/src/main/resources/static/css/style.css
@@ -1,167 +1,269 @@
-/* SFTP Manager 自定义样式 */
-/* 全局样式 */
+:root {
+    --bg: #f7f8fc;
+    --surface: #ffffff;
+    --surface-alt: #f2f4fa;
+    --ink: #1d2433;
+    --muted: #5c6475;
+    --line: #d8deea;
+    --primary: #1f3b7a;
+    --primary-soft: #e8eefc;
+    --accent: #d88a26;
+    --danger: #b42318;
+    --ok: #0f9f6e;
+    --radius: 14px;
+    --radius-sm: 10px;
+    --shadow: 0 18px 48px rgba(22, 32, 58, 0.12);
+    --trans: 180ms ease;
+}
+
 * {
-    margin: 0;
-    padding: 0;
     box-sizing: border-box;
 }
 
-:root {
-    /* 设计令牌（简化版） */
-    --color-primary: #0d6efd;
-    --color-success: #198754;
-    --color-warning: #ffc107;
-    --color-danger: #dc3545;
-    --color-dark: #0f172a;
-    --color-gray-700: #334155;
-    --color-gray-600: #6b7280;
-    --color-gray-200: #e5e7eb;
-    --color-gray-100: #f3f4f6;
-
-    --radius-sm: 4px;
-    --radius-md: 12px;
-    --shadow-card: 0 22px 55px rgba(15, 23, 42, 0.18);
+html,
+body {
+    width: 100%;
+    height: 100%;
 }
 
 body {
-    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
-    font-size: 14px;
-    line-height: 1.5;
-    color: var(--color-dark);
-    background:
-        radial-gradient(circle at top left, #e0f2fe 0, transparent 55%),
-        radial-gradient(circle at bottom right, #e9d5ff 0, transparent 55%),
-        #f3f4f6;
+    margin: 0;
+    font-family: Manrope, "Segoe UI", "PingFang SC", "Hiragino Sans GB", sans-serif;
+    background: radial-gradient(circle at 5% 10%, #edf2ff 0, transparent 38%),
+        radial-gradient(circle at 95% 90%, #fff3e5 0, transparent 36%),
+        var(--bg);
+    color: var(--ink);
     overflow: hidden;
 }
 
-/* 应用容器 */
-.app-container {
+.app-shell {
+    height: 100vh;
     display: flex;
     flex-direction: column;
-    height: calc(100vh - 32px);
-    max-width: 1220px;
-    margin: 16px auto;
-    background-color: #ffffff;
-    border-radius: var(--radius-md);
-    box-shadow: var(--shadow-card);
-    overflow: hidden;
+    padding: 14px;
+    gap: 10px;
 }
 
-/* 导航栏 */
-.navbar {
-    flex-shrink: 0;
-    padding: 8px 16px;
-    min-height: 48px;
+.topbar {
+    min-height: 62px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 10px 14px;
+    border-radius: var(--radius);
+    background: linear-gradient(132deg, #233b75 0%, #405f9f 58%, #355086 100%);
+    color: #fff;
+    box-shadow: var(--shadow);
 }
 
-.navbar-brand {
-    font-size: 18px;
+.brand-title {
+    margin: 0;
+    font-size: 21px;
+    line-height: 1.2;
+    font-weight: 700;
+    letter-spacing: 0.01em;
+}
+
+.brand-subtitle {
+    margin: 2px 0 0;
+    font-size: 13px;
+    color: rgba(255, 255, 255, 0.85);
+}
+
+.topbar-actions {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+}
+
+.topbar .btn {
+    min-height: 38px;
+    border-radius: 999px;
+    padding: 0 14px;
     font-weight: 600;
 }
 
-/* 工具栏 */
-.toolbar {
-    flex-shrink: 0;
-    padding: 8px 16px;
+.workspace {
+    flex: 1;
+    min-height: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+}
+
+.summary-strip {
+    display: grid;
+    grid-template-columns: 1fr 1fr 2fr;
+    gap: 10px;
+}
+
+.summary-item {
+    min-height: 58px;
+    border: 1px solid var(--line);
+    border-radius: var(--radius-sm);
+    background: var(--surface);
+    padding: 10px 12px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    gap: 2px;
+}
+
+.summary-k {
+    font-size: 11px;
+    color: var(--muted);
+    text-transform: uppercase;
+    letter-spacing: 0.06em;
+    font-weight: 700;
+}
+
+.summary-v {
+    font-size: 13px;
+    color: var(--ink);
+    line-height: 1.35;
+    font-weight: 600;
+}
+
+.ops-toolbar {
+    border: 1px solid var(--line);
+    border-radius: var(--radius-sm);
+    background: var(--surface);
+    padding: 10px;
     display: flex;
     align-items: center;
     gap: 8px;
-    min-height: 44px;
-    background-color: #f9fafb;
-    border-bottom: 1px solid #e5e7eb;
+    flex-wrap: wrap;
+}
+
+.ops-group {
+    display: flex;
+    gap: 6px;
+    flex-wrap: wrap;
+}
+
+.ops-group-right {
+    margin-left: auto;
+}
+
+.ops-toolbar .btn {
+    min-height: 36px;
+    border-radius: 999px;
+    padding-inline: 14px;
+    font-weight: 600;
+}
+
+.ops-toolbar .btn-primary {
+    background-color: var(--accent);
+    border-color: var(--accent);
+    color: #1e1e1e;
+}
+
+.ops-toolbar .btn-primary:hover {
+    background-color: #c97816;
+    border-color: #c97816;
 }
 
-/* 传输进度（上传/下载/跨面板传输） */
 .transfer-progress {
+    margin-left: auto;
     display: inline-flex;
     align-items: center;
-    vertical-align: middle;
-    gap: 8px;
+    gap: 10px;
 }
 
 .transfer-progress-label {
     font-size: 12px;
-    color: #333;
-    max-width: 200px;
+    color: var(--muted);
+    max-width: 230px;
+    white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
-    white-space: nowrap;
 }
 
-.transfer-progress .progress {
-    border-radius: 4px;
-    overflow: hidden;
-}
-
-.transfer-progress .progress-bar {
-    transition: width 0.3s ease;
-    font-size: 11px;
-    line-height: 20px;
-    text-align: center;
-    color: white;
-    background-color: #0d6efd;
-}
-
-/* 双面板容器 */
-.panels-container {
-    display: flex;
+.panes-grid {
     flex: 1;
-    overflow: hidden;
+    min-height: 0;
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 10px;
 }
 
-/* 面板 */
-.panel {
-    flex: 1;
+.pane {
+    min-width: 0;
+    min-height: 0;
     display: flex;
     flex-direction: column;
-    border-right: 1px solid #dee2e6;
+    border: 1px solid var(--line);
+    border-radius: var(--radius);
+    background: var(--surface);
     overflow: hidden;
-    background-color: #ffffff;
-    min-width: 0;
 }
 
-.panel:last-child {
-    border-right: none;
-}
-
-/* 当前活动面板高亮 */
-.panel.active-panel {
-    box-shadow: inset 0 0 0 1px rgba(37, 99, 235, 0.4);
-}
-
-/* 拖拽上传效果 */
-.panel.drag-over {
-    background-color: #e7f3ff;
-    border: 2px dashed #0d6efd;
-}
-
-/* 面板头部 */
-.panel-header {
-    flex-shrink: 0;
-    padding: 8px;
-    background-color: #e9ecef;
-    border-bottom: 1px solid #dee2e6;
-    display: flex;
+.pane-head {
+    padding: 10px;
+    border-bottom: 1px solid var(--line);
+    background: var(--surface-alt);
+    display: grid;
     gap: 8px;
 }
 
-.panel-mode {
-    flex: 1;
-    min-width: 100px;
-}
-
-.connection-select {
-    flex: 2;
-    min-width: 120px;
-}
-
-/* 连接状态指示器 */
-.connection-status {
+.pane-head-title {
     display: flex;
     align-items: center;
+    gap: 8px;
+}
+
+.pane-head-text {
+    font-size: 12px;
+    color: var(--muted);
+    font-weight: 600;
+}
+
+.pane-badge {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    min-height: 26px;
+    padding: 0 10px;
+    border-radius: 999px;
+    font-size: 12px;
+    font-weight: 700;
+}
+
+.pane-badge-master {
+    background: #e9f0ff;
+    color: #244492;
+}
+
+.pane-badge-slave {
+    background: #fff2e2;
+    color: #9a5c07;
+}
+
+.pane-head-controls {
+    display: grid;
+    grid-template-columns: 1fr auto 1fr;
+    align-items: center;
+    gap: 8px;
+}
+
+.panel-mode,
+.connection-select,
+.path-input {
+    border-radius: 10px;
+    border: 1px solid #cfd7e6;
+    min-height: 38px;
+    font-size: 13px;
+}
+
+.connection-status {
+    display: inline-flex;
+    align-items: center;
+    gap: 6px;
     padding: 0 8px;
-    flex-shrink: 0;
+    min-height: 34px;
+    border: 1px solid #d5dceb;
+    border-radius: 999px;
+    background: #fff;
 }
 
 .status-dot {
@@ -169,311 +271,369 @@ body {
     height: 10px;
     border-radius: 50%;
     display: inline-block;
-    margin-right: 5px;
 }
 
 .status-dot[data-status="connected"] {
-    background-color: #198754;
+    background: var(--ok);
 }
 
 .status-dot[data-status="disconnected"] {
-    background-color: #dc3545;
+    background: var(--danger);
 }
 
 .status-dot[data-status="connecting"] {
-    background-color: #ffc107;
+    background: #f59e0b;
     animation: pulse 1s infinite;
 }
 
 @keyframes pulse {
-    0%, 100% {
+    0%,
+    100% {
         opacity: 1;
     }
     50% {
-        opacity: 0.5;
+        opacity: 0.35;
     }
 }
 
-.connection-status .status-text {
+.status-text {
     font-size: 12px;
-    color: #666;
+    font-weight: 600;
+    color: var(--muted);
 }
 
-.connection-status.connected .status-text {
-    color: #198754;
+.slave-targets {
+    border-bottom: 1px solid var(--line);
+    padding: 8px 10px;
+    background: #fcfdff;
 }
 
-.connection-status.disconnected .status-text {
-    color: #dc3545;
-}
-
-.connection-status.connecting .status-text {
-    color: #ffc107;
-}
-
-/* 路径栏 */
-.path-bar {
-    flex-shrink: 0;
-    padding: 8px;
-    display: flex;
-    gap: 8px;
-    background-color: #fff;
-    border-bottom: 1px solid #dee2e6;
-}
-
-.path-input {
-    flex: 1;
+.slave-target-search {
+    min-height: 34px;
     font-size: 12px;
+    border-radius: 9px;
+    border: 1px solid #d3dbeb;
+    margin-bottom: 8px;
 }
 
-/* 文件列表 */
-.file-list {
-    flex: 1;
-    overflow-y: auto;
-    overflow-x: hidden;
-    background-color: #fff;
-}
-
-/* 文件列表拖拽悬停效果 */
-.file-list.drag-over {
-    background-color: #e7f3ff;
-    outline: 2px dashed #0d6efd;
-    outline-offset: -2px;
-}
-
-/* 文件项拖拽中 */
-.file-item.dragging {
-    opacity: 0.5;
-}
-
-/* 文件项 */
-.file-item {
-    padding: 8px 12px;
-    min-height: 44px;
-    cursor: pointer;
+.slave-targets-head {
     display: flex;
     align-items: center;
-    border-bottom: 1px solid #f0f0f0;
-    transition: background-color 0.15s;
-    user-select: none;
+    justify-content: space-between;
+    margin-bottom: 8px;
+    font-size: 12px;
+    color: var(--muted);
+    font-weight: 700;
+}
+
+.slave-targets-actions {
+    display: flex;
+    gap: 4px;
+}
+
+.btn-xs {
+    min-height: 28px;
+    padding: 0 10px;
+    font-size: 11px;
+    border-radius: 999px;
+}
+
+.slave-target-list {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
+    gap: 6px;
+    max-height: 110px;
+    overflow: auto;
+}
+
+.slave-target-item {
+    border: 1px solid #d2d9e8;
+    border-radius: 10px;
+    background: #fff;
+    padding: 6px 8px;
+    display: grid;
+    grid-template-columns: 18px 1fr;
+    gap: 6px;
+    align-items: center;
+    min-height: 44px;
+    cursor: pointer;
+    transition: border-color var(--trans), box-shadow var(--trans);
+}
+
+.slave-target-item.is-hidden {
+    display: none;
+}
+
+.slave-target-item:hover {
+    border-color: #8fa4d3;
+    box-shadow: 0 4px 14px rgba(43, 70, 126, 0.13);
+}
+
+.slave-target-item:has(.slave-target-check:checked) {
+    border-color: #5376bf;
+    box-shadow: 0 0 0 1px rgba(83, 118, 191, 0.25);
+    background: #f4f7ff;
+}
+
+.slave-target-main {
+    font-size: 12px;
+    font-weight: 700;
+    color: var(--ink);
+    line-height: 1.2;
+}
+
+.slave-target-sub {
+    grid-column: 2;
+    font-size: 11px;
+    color: var(--muted);
+    line-height: 1.15;
+    font-family: "JetBrains Mono", monospace;
+}
+
+.slave-target-status {
+    grid-column: 2;
+    font-size: 10px;
+    color: #687386;
+    line-height: 1.2;
+    margin-top: 2px;
+}
+
+.slave-target-status-success {
+    color: #0f9f6e;
+}
+
+.slave-target-status-failed {
+    color: #c0392b;
+}
+
+.slave-target-status-running {
+    color: #1f3b7a;
+}
+
+.path-bar {
+    display: grid;
+    grid-template-columns: auto 1fr;
+    gap: 8px;
+    padding: 8px 10px;
+    border-bottom: 1px solid var(--line);
+}
+
+.path-bar .btn {
+    min-height: 38px;
+    min-width: 42px;
+    border-radius: 10px;
+}
+
+.file-list {
+    flex: 1;
+    overflow: auto;
+    background: #fff;
+}
+
+.file-item {
+    display: grid;
+    grid-template-columns: 56px minmax(140px, 1fr) 90px 145px;
+    gap: 8px;
+    align-items: center;
+    min-height: 44px;
+    padding: 7px 10px;
+    border-bottom: 1px solid #eef2f8;
+    cursor: pointer;
+    transition: background-color var(--trans);
 }
 
 .file-item:hover {
-    background-color: #f8f9fa;
+    background: #f4f7ff;
 }
 
 .file-item.selected {
-    background-color: #0d6efd;
-    color: white;
-}
-
-.file-item.selected .file-name {
-    color: #ffffff;
+    background: #1f3b7a;
+    color: #fff;
 }
 
 .file-icon {
-    margin-right: 10px;
-    width: 40px;
-    text-align: center;
-    font-size: 16px;
-    flex-shrink: 0;
+    display: inline-flex;
 }
 
-/* 文件类型徽标（替代 emoji 图标） */
 .file-type {
     display: inline-flex;
     align-items: center;
     justify-content: center;
-    min-width: 34px;
-    padding: 2px 8px;
+    min-width: 40px;
+    height: 22px;
     border-radius: 999px;
-    background-color: rgba(15, 23, 42, 0.06);
-    color: #0f172a;
-    font-size: 11px;
-    font-weight: 600;
-    text-transform: uppercase;
+    background: #edf1f9;
+    color: #273042;
+    font-size: 10px;
+    font-weight: 700;
     letter-spacing: 0.04em;
 }
 
 .file-type-dir {
-    background-color: rgba(37, 99, 235, 0.15);
-    color: #1d4ed8;
+    background: #e8eefc;
+    color: #1f3b7a;
 }
 
 .file-item.selected .file-type,
 .file-item.selected .file-type-dir {
-    background-color: rgba(15, 23, 42, 0.32);
-    color: #ffffff;
+    background: rgba(255, 255, 255, 0.2);
+    color: #fff;
 }
 
-.file-name {
-    flex: 1;
+.file-name,
+.file-size,
+.file-date {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
 }
 
-.file-size {
-    margin-left: 10px;
-    min-width: 80px;
-    text-align: right;
-    font-size: 12px;
-    color: #666;
-    flex-shrink: 0;
-}
-
+.file-size,
 .file-date {
-    margin-left: 10px;
-    min-width: 140px;
-    text-align: right;
+    color: #5e6778;
     font-size: 12px;
-    color: #666;
-    flex-shrink: 0;
 }
 
-/* 选中状态下的文件大小和日期 */
 .file-item.selected .file-size,
-.file-item.selected .file-date {
-    color: rgba(255, 255, 255, 0.9);
+.file-item.selected .file-date,
+.file-item.selected .file-name {
+    color: #fff;
+}
+
+.panel.active-panel {
+    box-shadow: inset 0 0 0 2px rgba(216, 138, 38, 0.55);
+}
+
+.panel.drag-over,
+.file-list.drag-over {
+    background: #eef3ff;
+    outline: 2px dashed #4b69a7;
+    outline-offset: -2px;
 }
 
-/* 状态栏 */
 .status-bar {
-    flex-shrink: 0;
-    padding: 4px 16px;
+    min-height: 38px;
+    border: 1px solid var(--line);
+    border-radius: var(--radius-sm);
+    background: var(--surface);
+    display: flex;
+    align-items: center;
+    padding: 0 12px;
     font-size: 12px;
-    color: #666;
-    background-color: #f9fafb;
-    border-top: 1px solid #e5e7eb;
+    color: var(--muted);
 }
 
-/* 上下文菜单 */
-.context-menu {
-    position: absolute;
-    background-color: #fff;
-    border: 1px solid #ccc;
-    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
-    z-index: 1000;
-    min-width: 120px;
-}
-
-.menu-item {
-    padding: 8px 12px;
-    cursor: pointer;
-    user-select: none;
-}
-
-.menu-item:hover {
-    background-color: #0d6efd;
-    color: white;
-}
-
-/* 连接列表 */
 .connection-item {
-    padding: 8px 12px;
-    border-bottom: 1px solid #f0f0f0;
+    padding: 10px 12px;
+    border-bottom: 1px solid #eef2f8;
     display: flex;
     justify-content: space-between;
     align-items: center;
-}
-
-.connection-item:hover {
-    background-color: #f8f9fa;
+    gap: 8px;
 }
 
 .connection-name {
-    font-weight: 600;
+    font-weight: 700;
 }
 
 .connection-info {
     font-size: 12px;
-    color: #666;
+    color: var(--muted);
 }
 
 .connection-actions {
     display: flex;
-    gap: 4px;
-}
-
-.connection-actions button {
-    padding: 2px 8px;
-    font-size: 12px;
-}
-
-/* 新建文件夹项（内联编辑） */
-.new-folder {
-    background-color: #e7f3ff;
-}
-
-.new-folder-input {
-    width: 100%;
-    padding: 2px 4px;
-    border: 1px solid #0d6efd;
-    outline: none;
-    font-size: 14px;
-}
-
-/* 页面头部信息区域 */
-.app-header {
-    padding: 12px 20px 4px;
-    display: flex;
-    align-items: flex-start;
-    justify-content: space-between;
-    gap: 12px;
-    background: linear-gradient(120deg, rgba(37, 99, 235, 0.07), rgba(56, 189, 248, 0.04));
-    border-bottom: 1px solid rgba(148, 163, 184, 0.35);
-}
-
-.app-header-main {
-    max-width: 70%;
-}
-
-.app-title {
-    font-size: 18px;
-    font-weight: 600;
-    color: #0f172a;
-    margin-bottom: 4px;
-}
-
-.app-subtitle {
-    font-size: 13px;
-    color: #6b7280;
-    margin-bottom: 0;
-}
-
-.app-header-tags {
-    display: flex;
-    flex-wrap: wrap;
     gap: 6px;
-    justify-content: flex-end;
 }
 
-.header-tag {
-    padding: 3px 10px;
-    border-radius: 999px;
-    font-size: 11px;
-    color: #1e40af;
-    background-color: rgba(59, 130, 246, 0.08);
-    border: 1px solid rgba(59, 130, 246, 0.18);
-    white-space: nowrap;
+.context-menu {
+    position: fixed;
+    z-index: 50;
 }
 
-/* 全局聚焦可见样式（键盘导航） */
 *:focus-visible {
-    outline: 2px solid var(--color-primary);
+    outline: 2px solid #335baf;
     outline-offset: 2px;
 }
 
-/* 响应式设计 */
-@media (max-width: 768px) {
-    .panels-container {
-        flex-direction: column;
+@media (max-width: 1180px) {
+    .summary-strip {
+        grid-template-columns: 1fr 1fr;
     }
 
-    .panel {
-        height: 50%;
-        border-right: none;
-        border-bottom: 1px solid #dee2e6;
+    .summary-item-wide {
+        grid-column: 1 / -1;
+    }
+}
+
+@media (max-width: 980px) {
+    body {
+        overflow: auto;
+    }
+
+    .app-shell {
+        height: auto;
+        min-height: 100vh;
+    }
+
+    .panes-grid {
+        grid-template-columns: 1fr;
+        grid-template-rows: minmax(320px, 1fr) minmax(320px, 1fr);
+    }
+
+    .file-item {
+        grid-template-columns: 52px 1fr 88px;
+    }
+
+    .file-date {
+        display: none;
+    }
+}
+
+@media (max-width: 680px) {
+    .topbar {
+        flex-direction: column;
+        align-items: flex-start;
+        gap: 10px;
+    }
+
+    .topbar-actions {
+        width: 100%;
+        justify-content: flex-start;
+        flex-wrap: wrap;
+    }
+
+    .summary-strip {
+        grid-template-columns: 1fr;
+    }
+
+    .ops-group-right,
+    .transfer-progress {
+        margin-left: 0;
+        width: 100%;
+    }
+
+    .ops-group {
+        width: 100%;
+    }
+
+    .ops-group .btn,
+    .ops-group-right .btn {
+        flex: 1;
+        min-width: 128px;
+    }
+
+    .pane-head-controls {
+        grid-template-columns: 1fr;
+    }
+
+    .connection-status {
+        width: fit-content;
+    }
+
+    .file-item {
+        grid-template-columns: 44px 1fr;
+        gap: 6px;
     }
 
     .file-size,
@@ -481,214 +641,11 @@ body {
         display: none;
     }
 
-    .toolbar {
-        flex-wrap: wrap;
-    }
-
-    .navbar-brand {
-        font-size: 16px;
+    .slave-target-list {
+        grid-template-columns: 1fr;
     }
 }
 
-@media (max-width: 576px) {
-    .toolbar button {
-        padding: 2px 8px;
-        font-size: 12px;
-    }
-
-    .file-item {
-        padding: 6px 8px;
-    }
-}
-
-/* ============================
-   ui-ux-pro-max 主题覆盖样式
-   ============================ */
-
-/* 设计令牌（Minimal + Gold） */
-:root {
-    --color-primary: #171717;
-    --color-secondary: #404040;
-    --color-cta: #D4AF37;
-
-    --color-text: #171717;
-    --color-bg: #ffffff;
-
-    --radius-sm: 4px;
-    --radius-md: 14px;
-    --shadow-card: 0 24px 60px rgba(15, 23, 42, 0.18);
-
-    --transition-base: 150ms ease;
-}
-
-body {
-    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
-    color: var(--color-text, #171717);
-    background-color: var(--color-bg, #ffffff);
-    background-image:
-        radial-gradient(circle at top left, rgba(23, 23, 23, 0.04) 0, transparent 55%),
-        radial-gradient(circle at bottom right, rgba(64, 64, 64, 0.04) 0, transparent 55%);
-    -webkit-font-smoothing: antialiased;
-}
-
-.app-container {
-    border-radius: var(--radius-md);
-    box-shadow: var(--shadow-card);
-    border: 1px solid rgba(15, 23, 42, 0.06);
-}
-
-.navbar {
-    background-color: #171717 !important;
-    border-bottom: 1px solid #27272a;
-}
-
-.navbar-brand {
-    letter-spacing: 0.02em;
-}
-
-.navbar .btn-primary.btn-sm {
-    background-color: var(--color-cta, #D4AF37);
-    border-color: var(--color-cta, #D4AF37);
-    color: #171717;
-    font-weight: 500;
-    padding-inline: 14px;
-    border-radius: 999px;
-    transition: background-color var(--transition-base), border-color var(--transition-base), transform var(--transition-base), box-shadow var(--transition-base);
-}
-
-.navbar .btn-primary.btn-sm:hover {
-    background-color: #b48b1f;
-    border-color: #b48b1f;
-    transform: translateY(-1px);
-    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
-}
-
-.navbar .btn-primary.btn-sm:active {
-    transform: translateY(0);
-    box-shadow: none;
-}
-
-.toolbar {
-    background-color: #f9fafb;
-    border-bottom: 1px solid #e5e7eb;
-}
-
-.toolbar .btn-group {
-    display: flex;
-    flex-wrap: wrap;
-    gap: 6px;
-}
-
-.toolbar .btn {
-    border-radius: 999px;
-    padding: 4px 14px;
-    font-size: 13px;
-    font-weight: 500;
-    border-width: 1px;
-    border-style: solid;
-    border-color: rgba(148, 163, 184, 0.55);
-    background-color: #ffffff;
-    color: var(--color-secondary, #404040);
-    transition: background-color var(--transition-base), color var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base), transform var(--transition-base);
-}
-
-.toolbar .btn-outline-primary {
-    border-color: rgba(148, 163, 184, 0.7);
-}
-
-.toolbar .btn-outline-primary:hover {
-    background-color: var(--color-primary);
-    color: #ffffff;
-    border-color: var(--color-primary);
-    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.18);
-}
-
-.toolbar .btn-outline-secondary {
-    border-color: rgba(148, 163, 184, 0.55);
-    color: var(--color-secondary);
-    background-color: #f9fafb;
-}
-
-.toolbar .btn-outline-secondary:hover {
-    background-color: #e5e7eb;
-    border-color: #9ca3af;
-}
-
-.toolbar .btn-outline-danger {
-    border-color: rgba(220, 38, 38, 0.35);
-    color: #b91c1c;
-    background-color: #fef2f2;
-}
-
-.toolbar .btn-outline-danger:hover {
-    background-color: #dc2626;
-    border-color: #b91c1c;
-    color: #ffffff;
-}
-
-.toolbar .btn:active {
-    transform: scale(0.97);
-    box-shadow: none;
-}
-
-.panel {
-    border-right: 1px solid #e5e7eb;
-}
-
-.panel.active-panel {
-    box-shadow: inset 0 0 0 1px rgba(212, 175, 55, 0.65);
-}
-
-.panel-header {
-    background-color: #f3f4f6;
-    border-bottom: 1px solid #e5e7eb;
-}
-
-.path-bar {
-    background-color: #ffffff;
-    border-bottom: 1px solid #e5e7eb;
-}
-
-.file-item {
-    transition: background-color var(--transition-base), color var(--transition-base);
-}
-
-.app-header {
-    background: linear-gradient(120deg, rgba(23, 23, 23, 0.03), rgba(64, 64, 64, 0.02));
-}
-
-.app-title {
-    font-size: 20px;
-}
-
-.header-tag {
-    color: #404040;
-    background-color: #f4f4f5;
-    border: 1px solid #e4e4e7;
-}
-
-/* 主按钮：统一金色 CTA 风格 */
-.btn-primary {
-    background-color: var(--color-cta, #D4AF37);
-    border-color: var(--color-cta, #D4AF37);
-    color: #171717;
-    font-weight: 500;
-    transition: background-color var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base), transform var(--transition-base);
-}
-
-.btn-primary:hover {
-    background-color: #b48b1f;
-    border-color: #b48b1f;
-    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.25);
-    transform: translateY(-1px);
-}
-
-.btn-primary:active {
-    transform: translateY(0);
-    box-shadow: none;
-}
-
-/* 尊重用户的「减少动态效果」系统设置 */
 @media (prefers-reduced-motion: reduce) {
     * {
         animation-duration: 0.01ms !important;
diff --git a/src/main/resources/static/index.html b/src/main/resources/static/index.html
index facef69..ef0b4f0 100644
--- a/src/main/resources/static/index.html
+++ b/src/main/resources/static/index.html
@@ -4,116 +4,153 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>SFTP文件管理器</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=Manrope:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
     <link rel="stylesheet" href="css/style.css">
 </head>
 <body>
-    <div class="app-container">
-        <!-- 顶部导航栏 -->
-        <nav class="navbar navbar-dark bg-dark">
-            <div class="container-fluid">
-                <span class="navbar-brand mb-0 h1">SFTP文件管理器</span>
-                <div>
-                    <button class="btn btn-primary btn-sm" onclick="showConnectionDialog()">连接管理</button>
-                </div>
+    <div class="app-shell">
+        <header class="topbar" role="banner">
+            <div class="topbar-left">
+                <h1 class="brand-title">SFTP Manager</h1>
+                <p class="brand-subtitle">主从文件分发工作台</p>
             </div>
-        </nav>
-
-        <!-- 页面头部信息 -->
-        <header class="app-header">
-            <div class="app-header-main">
-                <h1 class="app-title">文件工作台</h1>
-                <p class="app-subtitle">双面板本地 / SFTP 文件管理器，支持拖拽、键盘快捷键与批量操作。</p>
-            </div>
-            <div class="app-header-tags">
-                <span class="header-tag">双面板布局</span>
-                <span class="header-tag">SFTP / 本地</span>
-                <span class="header-tag">拖拽上传</span>
+            <div class="topbar-actions">
+                <button type="button" class="btn btn-light btn-sm" onclick="showConnectionDialog()">连接管理</button>
+                <button type="button" class="btn btn-outline-light btn-sm" onclick="refreshPanels()">刷新全部</button>
             </div>
         </header>
 
-        <!-- 工具栏 -->
-        <div class="toolbar bg-light border-bottom">
-            <div class="btn-group" role="group">
-                <button type="button" class="btn btn-sm btn-outline-primary" onclick="uploadFiles()">上传</button>
-                <button type="button" class="btn btn-sm btn-outline-primary" onclick="downloadFiles()">下载</button>
-                <button type="button" class="btn btn-sm btn-outline-primary" onclick="transferToRight()">传输到右侧</button>
-                <button type="button" class="btn btn-sm btn-outline-primary" onclick="transferToLeft()">传输到左侧</button>
-                <button type="button" class="btn btn-sm btn-outline-danger" onclick="deleteFiles()">删除</button>
-                <button type="button" class="btn btn-sm btn-outline-secondary" onclick="showRenameDialog()">重命名</button>
-                <button type="button" class="btn btn-sm btn-outline-secondary" onclick="showMkdirDialog()">新建文件夹</button>
-                <button type="button" class="btn btn-sm btn-outline-secondary" id="btn-show-hidden" onclick="toggleShowHidden()" title="切换是否显示隐藏文件">显示隐藏文件</button>
-                <button type="button" class="btn btn-sm btn-outline-secondary" onclick="refreshPanels()">刷新</button>
-            </div>
-            <!-- 文件上传输入框（隐藏） -->
-            <input type="file" id="file-input" multiple style="display:none">
-            <!-- 传输进度（上传/下载/跨面板传输） -->
-            <div class="transfer-progress" id="transfer-progress" style="display:none;">
-                <span class="transfer-progress-label" id="transfer-progress-label"></span>
-                <div class="progress transfer-progress-bar" style="height: 20px; margin-left: 10px; width: 220px;">
-                    <div class="progress-bar" id="transfer-progress-bar" role="progressbar" style="width: 0%">0%</div>
+        <main class="workspace" role="main">
+            <section class="summary-strip" aria-label="传输策略说明">
+                <div class="summary-item">
+                    <span class="summary-k">主端</span>
+                    <span class="summary-v" id="master-summary">左侧：本机 / 单台远端</span>
                 </div>
-            </div>
-        </div>
+                <div class="summary-item">
+                    <span class="summary-k">从端</span>
+                    <span class="summary-v" id="slave-summary">右侧：单台或多台远端</span>
+                </div>
+                <div class="summary-item summary-item-wide">
+                    <span class="summary-k">策略</span>
+                    <span class="summary-v">主向从发送（支持单发/多发），右侧可同时选择多目标进行分发</span>
+                </div>
+            </section>
 
-        <!-- 双面板区域 -->
-        <div class="panels-container">
-            <!-- 左面板 -->
-            <div class="panel" id="left-panel">
-                <div class="panel-header">
-                    <select class="form-select form-select-sm panel-mode" id="left-mode" onchange="onModeChange('left')">
-                        <option value="local">本地文件</option>
-                        <option value="sftp">SFTP服务器</option>
-                    </select>
-                    <div class="connection-status" id="left-status" style="display:none;">
-                        <span class="status-dot" data-status="disconnected"></span>
-                        <span class="status-text">未连接</span>
+            <section class="ops-toolbar" aria-label="操作区">
+                <div class="ops-group">
+                    <button type="button" class="btn btn-outline-primary btn-sm" onclick="uploadFiles()">上传到主端</button>
+                    <button type="button" class="btn btn-outline-primary btn-sm" onclick="downloadFiles()">从主端下载</button>
+                    <button type="button" class="btn btn-outline-danger btn-sm" onclick="deleteFiles()">删除</button>
+                    <button type="button" class="btn btn-outline-secondary btn-sm" onclick="showRenameDialog()">重命名</button>
+                    <button type="button" class="btn btn-outline-secondary btn-sm" onclick="showMkdirDialog()">新建文件夹</button>
+                </div>
+                <div class="ops-group ops-group-right">
+                    <button type="button" class="btn btn-primary btn-sm" id="btn-transfer-master" onclick="transferMasterToSlaves()">主 -> 从发送</button>
+                    <button type="button" class="btn btn-outline-warning btn-sm" id="btn-retry-failed" onclick="retryFailedDispatch()" style="display:none;">重试失败目标</button>
+                    <button type="button" class="btn btn-outline-secondary btn-sm" id="btn-show-hidden" onclick="toggleShowHidden()" title="切换隐藏文件">显示隐藏文件</button>
+                </div>
+                <input type="file" id="file-input" multiple style="display:none">
+                <div class="transfer-progress" id="transfer-progress" style="display:none;" aria-live="polite">
+                    <span class="transfer-progress-label" id="transfer-progress-label"></span>
+                    <div class="progress transfer-progress-bar" style="height: 20px; width: 260px;">
+                        <div class="progress-bar" id="transfer-progress-bar" role="progressbar" style="width: 0%">0%</div>
                     </div>
-                    <select class="form-select form-select-sm connection-select" id="left-connection" style="display:none;" onchange="onConnectionChange('left')">
-                        <option value="">选择连接</option>
-                    </select>
                 </div>
-                <div class="path-bar">
-                    <button class="btn btn-sm btn-outline-secondary" onclick="goUp('left')">↑</button>
-                    <input type="text" class="form-control form-control-sm path-input" id="left-path" readonly>
-                </div>
-                <div class="file-list" id="left-file-list">
-                    <div class="text-center text-muted p-3">加载中...</div>
-                </div>
-            </div>
+            </section>
 
-            <!-- 右面板 -->
-            <div class="panel" id="right-panel">
-                <div class="panel-header">
-                    <select class="form-select form-select-sm panel-mode" id="right-mode" onchange="onModeChange('right')">
-                        <option value="local">本地文件</option>
-                        <option value="sftp">SFTP服务器</option>
-                    </select>
-                    <div class="connection-status" id="right-status" style="display:none;">
-                        <span class="status-dot" data-status="disconnected"></span>
-                        <span class="status-text">未连接</span>
+            <section class="panes-grid" aria-label="主从面板">
+                <article class="pane panel pane-master" id="left-panel" aria-label="主端面板">
+                    <header class="pane-head">
+                        <div class="pane-head-title">
+                            <span class="pane-badge pane-badge-master">主端</span>
+                            <span class="pane-head-text">发送源</span>
+                        </div>
+                        <div class="pane-head-controls">
+                            <label class="visually-hidden" for="left-mode">主端模式</label>
+                            <select class="form-select form-select-sm panel-mode" id="left-mode" onchange="onModeChange('left')">
+                                <option value="local">本地文件</option>
+                                <option value="sftp">SFTP服务器</option>
+                            </select>
+                            <div class="connection-status" id="left-status" style="display:none;">
+                                <span class="status-dot" data-status="disconnected"></span>
+                                <span class="status-text">未连接</span>
+                            </div>
+                            <label class="visually-hidden" for="left-connection">主端连接</label>
+                            <select class="form-select form-select-sm connection-select" id="left-connection" style="display:none;" onchange="onConnectionChange('left')">
+                                <option value="">选择连接</option>
+                            </select>
+                        </div>
+                    </header>
+                    <div class="path-bar">
+                        <button class="btn btn-sm btn-outline-secondary" type="button" onclick="goUp('left')" aria-label="主端返回上级">↑</button>
+                        <input type="text" class="form-control form-control-sm path-input" id="left-path" readonly>
                     </div>
-                    <select class="form-select form-select-sm connection-select" id="right-connection" style="display:none;" onchange="onConnectionChange('right')">
-                        <option value="">选择连接</option>
-                    </select>
-                </div>
-                <div class="path-bar">
-                    <button class="btn btn-sm btn-outline-secondary" onclick="goUp('right')">↑</button>
-                    <input type="text" class="form-control form-control-sm path-input" id="right-path" readonly>
-                </div>
-                <div class="file-list" id="right-file-list">
-                    <div class="text-center text-muted p-3">加载中...</div>
-                </div>
-            </div>
-        </div>
+                    <div class="file-list" id="left-file-list">
+                        <div class="text-center text-muted p-3">加载中...</div>
+                    </div>
+                </article>
 
-        <!-- 状态栏 -->
-        <div class="status-bar bg-light border-top">
+                <article class="pane panel pane-slave" id="right-panel" aria-label="从端面板">
+                    <header class="pane-head">
+                        <div class="pane-head-title">
+                            <span class="pane-badge pane-badge-slave">从端</span>
+                            <span class="pane-head-text">接收目标（单台或多台）</span>
+                        </div>
+                        <div class="pane-head-controls">
+                            <label class="visually-hidden" for="right-mode">从端模式</label>
+                            <select class="form-select form-select-sm panel-mode" id="right-mode" onchange="onModeChange('right')">
+                                <option value="local">本地文件</option>
+                                <option value="sftp">SFTP服务器</option>
+                            </select>
+                            <div class="connection-status" id="right-status" style="display:none;">
+                                <span class="status-dot" data-status="disconnected"></span>
+                                <span class="status-text">未连接</span>
+                            </div>
+                            <label class="visually-hidden" for="right-connection">从端连接</label>
+                            <select class="form-select form-select-sm connection-select" id="right-connection" style="display:none;" onchange="onConnectionChange('right')">
+                                <option value="">选择连接</option>
+                            </select>
+                        </div>
+                    </header>
+
+                    <section class="slave-targets" aria-label="从端目标选择">
+                        <div class="slave-targets-head">
+                            <span>分发目标</span>
+                            <div class="slave-targets-actions">
+                                <button type="button" class="btn btn-outline-secondary btn-xs" onclick="selectAllSlaveTargets(true)">全选</button>
+                                <button type="button" class="btn btn-outline-secondary btn-xs" onclick="selectAllSlaveTargets(false)">清空</button>
+                            </div>
+                        </div>
+                        <input
+                            id="slave-target-search"
+                            class="form-control form-control-sm slave-target-search"
+                            type="text"
+                            placeholder="搜索从端目标（名称 / 主机 / 用户）"
+                            oninput="filterSlaveTargets(this.value)">
+                        <div id="slave-target-list" class="slave-target-list">
+                            <div class="text-muted">暂无可用目标，请先在连接管理中连接服务器。</div>
+                        </div>
+                    </section>
+
+                    <div class="path-bar">
+                        <button class="btn btn-sm btn-outline-secondary" type="button" onclick="goUp('right')" aria-label="从端返回上级">↑</button>
+                        <input type="text" class="form-control form-control-sm path-input" id="right-path" readonly>
+                    </div>
+                    <div class="file-list" id="right-file-list">
+                        <div class="text-center text-muted p-3">加载中...</div>
+                    </div>
+                </article>
+            </section>
+        </main>
+
+        <footer class="status-bar">
             <span id="status-text" aria-live="polite">就绪</span>
-        </div>
+        </footer>
     </div>
 
-    <!-- 连接管理对话框 -->
     <div class="modal fade" id="connectionModal" tabindex="-1">
         <div class="modal-dialog modal-lg">
             <div class="modal-content">
@@ -125,9 +162,7 @@
                     <div class="mb-3">
                         <button class="btn btn-primary" onclick="showAddConnectionDialog()">添加连接</button>
                     </div>
-                    <div class="connection-list" id="connection-list">
-                        <!-- 连接列表动态生成 -->
-                    </div>
+                    <div class="connection-list" id="connection-list"></div>
                 </div>
                 <div class="modal-footer">
                     <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">关闭</button>
@@ -136,7 +171,6 @@
         </div>
     </div>
 
-    <!-- 添加连接对话框 -->
     <div class="modal fade" id="addConnectionModal" tabindex="-1">
         <div class="modal-dialog">
             <div class="modal-content">
diff --git a/src/main/resources/static/js/app.js b/src/main/resources/static/js/app.js
index fa8f23c..af57943 100644
--- a/src/main/resources/static/js/app.js
+++ b/src/main/resources/static/js/app.js
@@ -28,6 +28,17 @@ let activePanelId = 'left';
 // 是否展示隐藏文件（默认不展示）
 let showHiddenFiles = false;
 
+// 从端目标会话（支持多选）
+let selectedSlaveSessions = new Set(['local']);
+
+// 从端目标最近一次分发状态
+let slaveDeliveryStatus = {};
+
+// 最近一次分发上下文（用于失败重试）
+let lastDispatchContext = null;
+let lastFailedSlaveSessions = [];
+let dispatchRunning = false;
+
 // 初始化
 $(document).ready(function() {
     initApp();
@@ -42,6 +53,10 @@ function initApp() {
     // 加载活跃连接
     loadActiveConnections();
 
+    // 初始化从端多目标
+    renderSlaveTargetList();
+    refreshTopologySummary();
+
     // 绑定键盘事件
     bindKeyboardEvents();
 
@@ -54,6 +69,22 @@ function initApp() {
     // 面板点击切换活动面板
     $('#left-panel').on('click', function() { setActivePanel('left'); });
     $('#right-panel').on('click', function() { setActivePanel('right'); });
+
+    // 从端多目标勾选
+    $(document).on('change', '.slave-target-check', function() {
+        const sessionId = $(this).data('session-id');
+        if (!sessionId) return;
+        if (this.checked) {
+            selectedSlaveSessions.add(sessionId);
+        } else {
+            selectedSlaveSessions.delete(sessionId);
+        }
+        if (selectedSlaveSessions.size === 0) {
+            selectedSlaveSessions.add(panelState.right.sessionId || 'local');
+            renderSlaveTargetList();
+        }
+        refreshTopologySummary();
+    });
 }
 
 // 设置当前活动面板并应用高亮样式
@@ -61,6 +92,195 @@ function setActivePanel(panelId) {
     activePanelId = panelId;
     $('#left-panel, #right-panel').removeClass('active-panel');
     $('#' + panelId + '-panel').addClass('active-panel');
+    refreshTopologySummary();
+}
+
+function getSessionDisplayName(sessionId) {
+    if (!sessionId || sessionId === 'local') {
+        return '本机(local)';
+    }
+    const conn = activeConnections[sessionId];
+    if (!conn) {
+        return '会话 ' + sessionId.substring(0, 8);
+    }
+    const base = conn.name || conn.host || '远端';
+    return base + ':' + (conn.port || 22);
+}
+
+function formatStatusTime(ts) {
+    if (!ts) return '';
+    const d = new Date(ts);
+    const hh = String(d.getHours()).padStart(2, '0');
+    const mm = String(d.getMinutes()).padStart(2, '0');
+    const ss = String(d.getSeconds()).padStart(2, '0');
+    return hh + ':' + mm + ':' + ss;
+}
+
+function markDeliveryStatus(sessionId, state, message) {
+    if (!sessionId) return;
+    slaveDeliveryStatus[sessionId] = {
+        state: state,
+        message: message || '',
+        time: Date.now()
+    };
+}
+
+function getDeliveryStatusText(meta) {
+    if (!meta) return '未分发';
+    const timeText = formatStatusTime(meta.time);
+    if (meta.state === 'success') {
+        return '成功 ' + timeText;
+    }
+    if (meta.state === 'failed') {
+        return '失败 ' + timeText;
+    }
+    if (meta.state === 'running') {
+        return '发送中...';
+    }
+    return '未分发';
+}
+
+function updateRetryFailedButton() {
+    const retryBtn = $('#btn-retry-failed');
+    if (retryBtn.length === 0) return;
+    if (lastFailedSlaveSessions.length > 0 && !dispatchRunning) {
+        retryBtn.show();
+        retryBtn.text('重试失败目标(' + lastFailedSlaveSessions.length + ')');
+        retryBtn.prop('disabled', false);
+    } else {
+        retryBtn.hide();
+    }
+}
+
+function getSlaveTargetSessions() {
+    const targets = [];
+    selectedSlaveSessions.forEach(function(sessionId) {
+        if (sessionId) {
+            targets.push(sessionId);
+        }
+    });
+    if (targets.length === 0) {
+        const fallback = panelState.right.mode === 'sftp'
+            ? (panelState.right.sessionId && panelState.right.sessionId !== 'local' ? panelState.right.sessionId : null)
+            : 'local';
+        if (fallback) {
+            targets.push(fallback);
+        }
+    }
+    return targets;
+}
+
+function renderSlaveTargetList() {
+    const box = $('#slave-target-list');
+    if (box.length === 0) return;
+
+    const sessions = [];
+    if (panelState.right.mode === 'local') {
+        sessions.push({
+            sessionId: 'local',
+            label: '本机(local)',
+            info: '127.0.0.1'
+        });
+    } else {
+        Object.keys(activeConnections || {}).forEach(function(sessionId) {
+            const conn = activeConnections[sessionId];
+            if (!conn) return;
+            sessions.push({
+                sessionId: sessionId,
+                label: conn.name || conn.host || ('会话 ' + sessionId.substring(0, 8)),
+                info: (conn.username || 'user') + '@' + (conn.host || 'host') + ':' + (conn.port || 22)
+            });
+        });
+    }
+
+    const validSet = new Set(sessions.map(function(item) { return item.sessionId; }));
+    const normalizedSelected = new Set();
+    selectedSlaveSessions.forEach(function(sessionId) {
+        if (validSet.has(sessionId)) {
+            normalizedSelected.add(sessionId);
+        }
+    });
+
+    if (normalizedSelected.size === 0 && sessions.length > 0) {
+        normalizedSelected.add(sessions[0].sessionId);
+    }
+    selectedSlaveSessions = normalizedSelected;
+
+    if (sessions.length === 0) {
+        box.html('<div class="text-muted">当前为从端SFTP模式，但暂无可用连接，请先在连接管理中连接服务器。</div>');
+        refreshTopologySummary();
+        return;
+    }
+
+    let html = '';
+    sessions.forEach(function(item) {
+        const checked = selectedSlaveSessions.has(item.sessionId) ? 'checked' : '';
+        const searchable = (item.label + ' ' + item.info).toLowerCase();
+        const statusMeta = slaveDeliveryStatus[item.sessionId];
+        const statusClass = statusMeta ? (' slave-target-status-' + statusMeta.state) : '';
+        const statusTitle = statusMeta && statusMeta.message ? $('<div>').text(statusMeta.message).html() : '';
+        const statusText = getDeliveryStatusText(statusMeta);
+        html += '<label class="slave-target-item" data-search-key="' + $('<div>').text(searchable).html() + '" title="' + $('<div>').text(item.info).html() + '">' +
+            '<input class="form-check-input slave-target-check" type="checkbox" data-session-id="' + item.sessionId + '" ' + checked + '>' +
+            '<span class="slave-target-main">' + $('<div>').text(item.label).html() + '</span>' +
+            '<span class="slave-target-sub">' + $('<div>').text(item.info).html() + '</span>' +
+            '<span class="slave-target-status' + statusClass + '" title="' + statusTitle + '">' + $('<div>').text(statusText).html() + '</span>' +
+            '</label>';
+    });
+
+    box.html(html || '<div class="text-muted">暂无目标。</div>');
+    filterSlaveTargets($('#slave-target-search').val() || '');
+    refreshTopologySummary();
+    updateRetryFailedButton();
+}
+
+function filterSlaveTargets(keyword) {
+    const value = (keyword || '').trim().toLowerCase();
+    const list = $('#slave-target-list .slave-target-item');
+    if (list.length === 0) return;
+
+    list.each(function() {
+        const key = ($(this).attr('data-search-key') || '').toLowerCase();
+        const hit = value === '' || key.indexOf(value) !== -1;
+        $(this).toggleClass('is-hidden', !hit);
+    });
+}
+
+function refreshTopologySummary() {
+    const masterEl = $('#master-summary');
+    const slaveEl = $('#slave-summary');
+    if (masterEl.length === 0 || slaveEl.length === 0) return;
+
+    masterEl.text('左侧主端：' + getSessionDisplayName(panelState.left.sessionId));
+
+    const slaves = getSlaveTargetSessions().map(getSessionDisplayName);
+    if (slaves.length === 0) {
+        slaveEl.text('右侧从端目标(0)：请先连接从端目标');
+    } else {
+        slaveEl.text('右侧从端目标(' + slaves.length + ')：' + slaves.join(' / '));
+    }
+}
+
+function selectAllSlaveTargets(checked) {
+    const mode = panelState.right.mode;
+    if (checked) {
+        selectedSlaveSessions.clear();
+        if (mode === 'local') {
+            selectedSlaveSessions.add('local');
+        } else {
+            Object.keys(activeConnections || {}).forEach(function(sessionId) {
+                selectedSlaveSessions.add(sessionId);
+            });
+        }
+    } else {
+        selectedSlaveSessions.clear();
+        if (mode === 'local') {
+            selectedSlaveSessions.add('local');
+        } else if (panelState.right.sessionId && panelState.right.sessionId !== 'local') {
+            selectedSlaveSessions.add(panelState.right.sessionId);
+        }
+    }
+    renderSlaveTargetList();
 }
 
 // 初始化面板路径
@@ -418,6 +638,9 @@ function handleFileDrop(data, targetPanelId) {
 // 更新路径输入框
 function updatePathInput(panelId, path) {
     $(`#${panelId}-path`).val(path || '');
+    if (panelId === 'right') {
+        refreshTopologySummary();
+    }
 }
 
 // 更新状态栏
@@ -456,6 +679,17 @@ function onModeChange(panelId) {
             updateStatus('请选择SFTP连接');
         }
     }
+
+    if (panelId === 'right') {
+        selectedSlaveSessions.clear();
+        if (panelState.right.mode === 'local') {
+            selectedSlaveSessions.add('local');
+        } else if (panelState.right.sessionId && panelState.right.sessionId !== 'local') {
+            selectedSlaveSessions.add(panelState.right.sessionId);
+        }
+        renderSlaveTargetList();
+    }
+    refreshTopologySummary();
 }
 
 // 连接切换
@@ -469,6 +703,17 @@ function onConnectionChange(panelId) {
         $(`#${panelId}-file-list`).html('<div class="text-center text-muted p-3">请选择SFTP连接</div>');
         showConnectionStatus(panelId, null);
     }
+
+    if (panelId === 'right') {
+        selectedSlaveSessions.clear();
+        if (panelState.right.mode === 'local') {
+            selectedSlaveSessions.add('local');
+        } else if (panelState.right.sessionId && panelState.right.sessionId !== 'local') {
+            selectedSlaveSessions.add(panelState.right.sessionId);
+        }
+        renderSlaveTargetList();
+    }
+    refreshTopologySummary();
 }
 
 // 更新连接状态显示（状态：connected / disconnected / connecting）
@@ -514,6 +759,7 @@ function loadActiveConnections() {
                 activeConnections = response.data;
                 updateConnectionSelect('left');
                 updateConnectionSelect('right');
+                renderSlaveTargetList();
                 ['left', 'right'].forEach(function(panelId) {
                     if (panelState[panelId].mode === 'sftp') {
                         showConnectionStatus(panelId, panelState[panelId].sessionId);
@@ -570,6 +816,7 @@ function refreshPanels() {
                 activeConnections = response.data;
                 updateConnectionSelect('left');
                 updateConnectionSelect('right');
+                renderSlaveTargetList();
                 ['left', 'right'].forEach(function(panelId) {
                     if (panelState[panelId].mode === 'sftp') {
                         showConnectionStatus(panelId, panelState[panelId].sessionId);
@@ -737,6 +984,7 @@ function deleteConnection(id) {
                 loadActiveConnections();
                 updateConnectionSelect('left');
                 updateConnectionSelect('right');
+                renderSlaveTargetList();
             } else {
                 alert('删除失败: ' + (response.message || '未知错误'));
             }
@@ -761,6 +1009,8 @@ function disconnectFromSftp(sessionId) {
                 updatePanelsAfterDisconnect(sessionId);
                 updateConnectionSelect('left');
                 updateConnectionSelect('right');
+                selectedSlaveSessions.delete(sessionId);
+                renderSlaveTargetList();
                 ['left', 'right'].forEach(function(panelId) {
                     showConnectionStatus(panelId, panelState[panelId].sessionId);
                 });
@@ -789,6 +1039,8 @@ function updatePanelsAfterDisconnect(sessionId) {
             initPanelPath(panelId);
         }
     });
+    renderSlaveTargetList();
+    refreshTopologySummary();
 }
 
 // 连接成功后只更新当前活动面板为新连接，另一侧保持原选择，便于左右选不同 SFTP
@@ -870,6 +1122,10 @@ function connectToServer(connId) {
                             activeConnections[sessionId] = conn;
                             updateConnectionSelect('left');
                             updateConnectionSelect('right');
+                            if (panelState.right.mode === 'sftp' && panelState.right.sessionId === sessionId) {
+                                selectedSlaveSessions.add(sessionId);
+                            }
+                            renderSlaveTargetList();
                             updatePanelStateWithConnection(sessionId, conn);
                             loadConnectionList();
                             if (typeof bootstrap !== 'undefined') {
@@ -1198,6 +1454,213 @@ function transferToLeft() {
     doTransfer('right', 'left');
 }
 
+// 主端 -> 多从端分发
+function transferMasterToSlaves() {
+    const transferBtn = $('#btn-transfer-master');
+    const sourceSessionId = panelState.left.sessionId;
+    const sourceSelected = panelState.left.selectedFiles || [];
+    if (sourceSelected.length === 0) {
+        alert('请先在左侧主端选择要发送的文件');
+        return;
+    }
+
+    const sourcePaths = sourceSelected
+        .filter(function(item) { return item && item.path; })
+        .map(function(item) { return item.path; });
+
+    if (sourcePaths.length === 0) {
+        alert('未找到有效源路径');
+        return;
+    }
+
+    const targetPath = panelState.right.currentPath;
+    if (!targetPath) {
+        alert('请先在右侧选择目标目录路径');
+        return;
+    }
+
+    const targetSessions = getSlaveTargetSessions();
+    if (targetSessions.length === 0) {
+        alert('请至少选择一个从端目标');
+        return;
+    }
+
+    if (sourceSessionId === 'local' && targetSessions.length === 1 && targetSessions[0] === 'local') {
+        alert('主端与从端均为本机，无需执行分发');
+        return;
+    }
+
+    const hasDirectory = sourceSelected.some(function(item) { return item && item.isDirectory; });
+    const recursive = hasDirectory;
+
+    runDispatchToTargets({
+        sourceSessionId: sourceSessionId,
+        sourcePaths: sourcePaths,
+        targetPath: targetPath,
+        recursive: recursive,
+        targetSessions: targetSessions,
+        transferBtn: transferBtn,
+        saveAsLastContext: true
+    });
+}
+
+function runDispatchToTargets(options) {
+    const transferBtn = options.transferBtn || $('#btn-transfer-master');
+    const sourceSessionId = options.sourceSessionId;
+    const sourcePaths = options.sourcePaths || [];
+    const targetPath = options.targetPath;
+    const recursive = !!options.recursive;
+    const targetSessions = options.targetSessions || [];
+    const saveAsLastContext = options.saveAsLastContext === true;
+
+    if (dispatchRunning) {
+        alert('已有分发任务在执行，请稍后再试');
+        return;
+    }
+    if (targetSessions.length === 0) {
+        alert('没有可分发的目标');
+        return;
+    }
+
+    dispatchRunning = true;
+    updateRetryFailedButton();
+
+    let index = 0;
+    let success = 0;
+    let fail = 0;
+    let failMessages = [];
+    const failedSessions = [];
+    const MAX_CONCURRENCY = 2;
+    let running = 0;
+    let finished = 0;
+
+    showTransferProgress(true, '开始主从分发...');
+    updateTransferProgress(0, '分发 0/' + targetSessions.length, true);
+    transferBtn.prop('disabled', true).text('分发中...');
+
+    if (saveAsLastContext) {
+        lastDispatchContext = {
+            sourceSessionId: sourceSessionId,
+            sourcePaths: sourcePaths.slice(),
+            targetPath: targetPath,
+            recursive: recursive
+        };
+        lastFailedSlaveSessions = [];
+    }
+
+    function done() {
+        dispatchRunning = false;
+        showTransferProgress(false);
+        transferBtn.prop('disabled', false).text('主 -> 从发送');
+        const msg = '分发完成：成功 ' + success + ' 台，失败 ' + fail + ' 台';
+        updateStatus(msg);
+
+        lastFailedSlaveSessions = failedSessions.slice();
+        updateRetryFailedButton();
+        renderSlaveTargetList();
+
+        if (fail > 0) {
+            alert(msg + '\n\n失败详情:\n' + failMessages.join('\n'));
+        }
+        loadFiles('right');
+    }
+
+    function schedule() {
+        if (finished >= targetSessions.length) {
+            if (running === 0) {
+                done();
+            }
+            return;
+        }
+
+        while (running < MAX_CONCURRENCY && index < targetSessions.length) {
+            const targetSessionId = targetSessions[index++];
+            running++;
+
+            markDeliveryStatus(targetSessionId, 'running', '分发中');
+            renderSlaveTargetList();
+
+            const label = '分发中 (' + (finished + 1) + '/' + targetSessions.length + ') -> ' + getSessionDisplayName(targetSessionId);
+            updateTransferProgress(0, label, true);
+
+            $.ajax({
+                url: API_BASE + 'api/files/transfer',
+                method: 'POST',
+                contentType: 'application/json',
+                data: JSON.stringify({
+                    sourceSessionId: sourceSessionId,
+                    sourcePaths: sourcePaths,
+                    targetSessionId: targetSessionId,
+                    targetPath: targetPath,
+                    recursive: recursive
+                }),
+                success: function(response) {
+                    if (response.success) {
+                        success++;
+                        markDeliveryStatus(targetSessionId, 'success', '分发成功');
+                    } else {
+                        fail++;
+                        failedSessions.push(targetSessionId);
+                        const msg = response.message || '未知错误';
+                        failMessages.push(getSessionDisplayName(targetSessionId) + ' - ' + msg);
+                        markDeliveryStatus(targetSessionId, 'failed', msg);
+                    }
+                },
+                error: function(xhr, status, error) {
+                    const errMsg = xhr.responseJSON && xhr.responseJSON.message ? xhr.responseJSON.message : error;
+                    fail++;
+                    failedSessions.push(targetSessionId);
+                    failMessages.push(getSessionDisplayName(targetSessionId) + ' - ' + errMsg);
+                    markDeliveryStatus(targetSessionId, 'failed', errMsg);
+                },
+                complete: function() {
+                    running--;
+                    finished++;
+                    renderSlaveTargetList();
+                    schedule();
+                }
+            });
+        }
+    }
+
+    schedule();
+}
+
+function retryFailedDispatch() {
+    if (dispatchRunning) {
+        alert('当前有任务进行中，请稍后重试');
+        return;
+    }
+    if (!lastDispatchContext || lastFailedSlaveSessions.length === 0) {
+        alert('当前没有可重试的失败目标');
+        return;
+    }
+
+    const targets = lastFailedSlaveSessions.filter(function(sessionId) {
+        if (sessionId === 'local') {
+            return panelState.right.mode === 'local';
+        }
+        return !!activeConnections[sessionId];
+    });
+
+    if (targets.length === 0) {
+        alert('失败目标已失效（可能已断开），请重新选择目标后分发');
+        lastFailedSlaveSessions = [];
+        updateRetryFailedButton();
+        return;
+    }
+
+    runDispatchToTargets({
+        sourceSessionId: lastDispatchContext.sourceSessionId,
+        sourcePaths: lastDispatchContext.sourcePaths,
+        targetPath: lastDispatchContext.targetPath,
+        recursive: lastDispatchContext.recursive,
+        targetSessions: targets,
+        transferBtn: $('#btn-transfer-master'),
+        saveAsLastContext: false
+    });
+}
+
 // ========== 文件删除功能（模块06）==========
 
 // 工具栏删除：删除当前活动面板中选中的文件