dsh-todo-time-log 0.6.0 → 0.6.2

package/lib/client.js

@@ -260,6 +260,42 @@
       "notice.serverError": "服务器返回了错误。",
       "toast.undo": "撤销",
       "toast.dismiss": "关闭提示",
+      "transfer.open": "数据",
+      "transfer.title": "导入 / 导出",
+      "transfer.close": "关闭",
+      "transfer.exportTitle": "导出",
+      "transfer.exportHint": "导出全部待办。JSON 无损、可回导；CSV 适合用 Excel 统计耗时。",
+      "transfer.exportJson": "导出 JSON",
+      "transfer.exportCsv": "导出 CSV",
+      "transfer.exported": "已导出 {count} 条待办（{format}）",
+      "transfer.importTitle": "导入",
+      "transfer.importHint": "支持本插件 JSON（v1–v5）、待办数组或 CSV；导入前会自动备份当前数据。",
+      "transfer.chooseFile": "选择文件",
+      "transfer.noFile": "未选择文件",
+      "transfer.reading": "读取中…",
+      "transfer.readError": "读取文件失败：{message}",
+      "transfer.emptyFile": "文件内容为空。",
+      "transfer.noPreview": "选择文件后先显示预览，确认后才写入。",
+      "transfer.previewTitle": "导入预览",
+      "transfer.previewAdded": "新增 {count}",
+      "transfer.previewUpdated": "更新 {count}",
+      "transfer.previewSkipped": "跳过 {count}",
+      "transfer.previewRemoved": "移除 {count}",
+      "transfer.previewTotal": "合计 {count}",
+      "transfer.previewRows": "共读取 {count} 行",
+      "transfer.previewInvalid": "非法 {count} 行",
+      "transfer.rowError": "第 {row} 行：{message}",
+      "transfer.modeLabel": "冲突处理",
+      "transfer.modeMerge": "合并（推荐）",
+      "transfer.modeMergeHint": "同 ID 以更新时间较新的为准；新 ID 追加为待办。",
+      "transfer.modeAdd": "仅新增",
+      "transfer.modeAddHint": "已存在的 ID 直接跳过，不修改现有待办。",
+      "transfer.modeReplace": "覆盖全部",
+      "transfer.modeReplaceHint": "先自动备份，再用文件内容替换全部待办。",
+      "transfer.confirm": "开始导入",
+      "transfer.importing": "导入中…",
+      "transfer.imported": "导入完成",
+      "transfer.undone": "已撤销导入",
       "error.panel": "待办时间日志面板出现异常",
       "error.panelHint": "请关闭后重新打开面板；如果问题持续存在，请检查插件日志。",
       "error.detail": "详情：{message}"
@@ -515,6 +551,42 @@
       "notice.serverError": "The server returned an error.",
       "toast.undo": "Undo",
       "toast.dismiss": "Dismiss message",
+      "transfer.open": "Data",
+      "transfer.title": "Import / Export",
+      "transfer.close": "Close",
+      "transfer.exportTitle": "Export",
+      "transfer.exportHint": "Exports every todo. JSON is lossless and re-importable; CSV suits Excel time analysis.",
+      "transfer.exportJson": "Export JSON",
+      "transfer.exportCsv": "Export CSV",
+      "transfer.exported": "Exported {count} todo(s) ({format})",
+      "transfer.importTitle": "Import",
+      "transfer.importHint": "Accepts this plugin JSON (v1–v5), a todo array or CSV; the current data is backed up first.",
+      "transfer.chooseFile": "Choose file",
+      "transfer.noFile": "No file selected",
+      "transfer.reading": "Reading…",
+      "transfer.readError": "Could not read the file: {message}",
+      "transfer.emptyFile": "The file is empty.",
+      "transfer.noPreview": "Pick a file to preview; nothing is written until you confirm.",
+      "transfer.previewTitle": "Import preview",
+      "transfer.previewAdded": "Add {count}",
+      "transfer.previewUpdated": "Update {count}",
+      "transfer.previewSkipped": "Skip {count}",
+      "transfer.previewRemoved": "Remove {count}",
+      "transfer.previewTotal": "Total {count}",
+      "transfer.previewRows": "{count} row(s) read",
+      "transfer.previewInvalid": "{count} invalid row(s)",
+      "transfer.rowError": "Row {row}: {message}",
+      "transfer.modeLabel": "Conflict handling",
+      "transfer.modeMerge": "Merge (recommended)",
+      "transfer.modeMergeHint": "Same id keeps the newer update; new ids are appended.",
+      "transfer.modeAdd": "Add only",
+      "transfer.modeAddHint": "Existing ids are skipped; current todos stay untouched.",
+      "transfer.modeReplace": "Replace all",
+      "transfer.modeReplaceHint": "Backs up first, then replaces every todo with the file contents.",
+      "transfer.confirm": "Start import",
+      "transfer.importing": "Importing…",
+      "transfer.imported": "Import finished",
+      "transfer.undone": "Import undone",
       "error.panel": "The todo time log panel crashed",
       "error.panelHint": "Close and reopen the panel; check the plugin logs if it keeps happening.",
       "error.detail": "Details: {message}"
@@ -577,6 +649,11 @@
     { value: "comfortable", labelKey: "board.densityComfortable" },
     { value: "compact", labelKey: "board.densityCompact" }
   ];
+  var TRANSFER_MODES = [
+    { value: "merge", labelKey: "transfer.modeMerge", hintKey: "transfer.modeMergeHint" },
+    { value: "add", labelKey: "transfer.modeAdd", hintKey: "transfer.modeAddHint" },
+    { value: "replace", labelKey: "transfer.modeReplace", hintKey: "transfer.modeReplaceHint" }
+  ];
   var BOARD_COMPLETED_LIMIT = 10;
   var CALENDAR_BASES = [
     { value: "createdAt", labelKey: "calendar.basisCreated" },
@@ -592,6 +669,7 @@
     "calendar.weekdaySun"
   ];
   var TABLE_COLUMNS = [
+    { key: "check", labelKey: "row.complete", sortBy: null, srOnly: true },
     { key: "title", labelKey: "table.title", sortBy: "title" },
     { key: "project", labelKey: "table.project", sortBy: "project" },
     { key: "status", labelKey: "table.status", sortBy: null },
@@ -625,8 +703,13 @@
   overflow: hidden;
   color: var(--dsw-alias-label-primary);
   background: var(--dsw-alias-bg-base);
+  /* 与宿主 UI 同一套字体栈（真机继承宿主 body 字体）：显式声明后，静态预览与真机一致，
+     也不会被祖先样式改掉。 */
+  font-family: var(--dsw-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
+    "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif);
   font-size: 14px;
   line-height: 1.6;
+  -webkit-font-smoothing: antialiased;
 }
 .ttl-scroll {
   flex: 1;
@@ -814,8 +897,9 @@
 /* 数据区：视图/筛选控制与列表同属一张卡片，成为唯一的数据容器。 */
 .ttl-data {
   border: 0.5px solid var(--dsw-alias-border-l2);
-  border-radius: var(--dsw-radius-md);
+  border-radius: var(--dsw-radius-lg);
   background: var(--dsw-alias-bg-base);
+  box-shadow: var(--dsw-shadow-lv1);
   overflow: hidden;
 }
 .ttl-data > .ttl-toolbar {
@@ -1072,8 +1156,8 @@
   display: inline-flex;
   align-items: center;
   flex: none;
-  height: 20px;
-  padding: 0 8px;
+  height: 18px;
+  padding: 0 7px;
   border: 0;
   border-radius: 9999px;
   background: color-mix(in srgb, var(--dsw-alias-label-secondary) 9%, transparent);
@@ -1087,19 +1171,36 @@
   background: color-mix(in srgb, var(--dsw-alias-state-success-primary) 14%, transparent);
   color: var(--dsw-alias-state-success-primary);
 }
-.ttl-badge-row { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 4px; }
-.ttl-badge.ttl-priority-high {
-  background: color-mix(in srgb, var(--dsw-alias-state-error-primary) 14%, transparent);
-  color: var(--dsw-alias-state-error-primary);
+/* 状态：胶囊 + 状态点（颜色沿用胶囊文字色）。 */
+.ttl-status-badge::before {
+  content: '';
+  flex: none;
+  width: 5px;
+  height: 5px;
+  margin-right: 4px;
+  border-radius: 50%;
+  background: currentColor;
+  opacity: 0.9;
 }
-.ttl-badge.ttl-priority-medium {
-  background: color-mix(in srgb, var(--dsw-alias-state-warn-primary) 16%, transparent);
-  color: var(--dsw-alias-state-warn-primary);
+.ttl-badge-row { display: inline-flex; flex-wrap: nowrap; align-items: center; gap: 4px; }
+/* 类型：小号圆角矩形标签（与状态胶囊区分层级）。 */
+.ttl-badge.ttl-type-badge {
+  border-radius: 5px;
+  padding: 0 6px;
+  font-size: 10.5px;
+  letter-spacing: 0.02em;
 }
-.ttl-badge.ttl-priority-low {
-  background: color-mix(in srgb, var(--dsw-alias-label-secondary) 9%, transparent);
-  color: var(--dsw-alias-label-secondary);
+/* 优先级：箭头 + 文字，不再用第二个彩色胶囊，避免「标签汤」。 */
+.ttl-badge.ttl-priority-badge {
+  gap: 3px;
+  padding: 0;
+  background: none;
+  font-weight: 500;
 }
+.ttl-priority-arrow { font-size: 11px; line-height: 1; }
+.ttl-badge.ttl-priority-badge.ttl-priority-high { background: none; color: var(--dsw-alias-state-error-primary); }
+.ttl-badge.ttl-priority-badge.ttl-priority-medium { background: none; color: var(--dsw-alias-state-warn-label); }
+.ttl-badge.ttl-priority-badge.ttl-priority-low { background: none; color: var(--dsw-alias-label-tertiary); }
 .ttl-priority-select select { min-width: 64px; }
 .ttl-type-select select { min-width: 76px; }
 .ttl-badge.ttl-type-bug {
@@ -1176,7 +1277,7 @@
   gap: 2px;
 }
 .ttl-link {
-  padding: 2px 6px;
+  padding: 2px 3px;
   border: 0;
   border-radius: 6px;
   background: none;
@@ -1246,10 +1347,11 @@
 }
 .ttl-skeleton-row {
   display: grid;
-  grid-template-columns: 32fr 14fr 8fr 12fr 12fr 10fr;
+  /* 与 .ttl-table 的列宽同口径（标题吃剩余，状态列固定），骨架屏不跳列。 */
+  grid-template-columns: 20px minmax(0, 1fr) 72px 132px 100px 100px 92px;
   align-items: center;
-  gap: 24px;
-  height: 44px;
+  gap: 12px;
+  height: 42px;
   padding: 0 12px;
   border-bottom: 0.5px solid var(--dsw-alias-border-l1);
 }
@@ -1300,14 +1402,34 @@
 .ttl-board-edit .ttl-project-picker { flex: 1 1 100%; }
 .ttl-calendar-entry-edit .ttl-project-picker { flex: 1 1 100%; }
 .ttl-gantt-row-edit .ttl-project-picker { flex: 0 1 220px; }.ttl-badge-project {
-  max-width: 140px;
-  overflow: hidden;
-  text-overflow: ellipsis;
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+  max-width: 100%;
   padding: 0;
   background: none;
-  color: var(--dsw-alias-label-tertiary);
+  color: var(--dsw-alias-label-secondary);
   font-weight: 400;
 }
+.ttl-project-dot {
+  flex: none;
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  background: var(--dsw-alias-label-tertiary);
+}
+.ttl-badge-project[data-tone='business'] .ttl-project-dot { background: var(--dsw-alias-state-business-primary); }
+.ttl-badge-project[data-tone='done'] .ttl-project-dot { background: var(--dsw-alias-state-done-primary); }
+.ttl-badge-project[data-tone='success'] .ttl-project-dot { background: var(--dsw-alias-state-success-primary); }
+.ttl-badge-project[data-tone='warn'] .ttl-project-dot { background: var(--dsw-alias-state-warn-primary); }
+.ttl-badge-project[data-tone='error'] .ttl-project-dot { background: var(--dsw-alias-state-error-primary); }
+.ttl-badge-project[data-tone='idle'] .ttl-project-dot { background: var(--dsw-alias-label-caption); }
+.ttl-project-name {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
 .ttl-badge-project-none { color: var(--dsw-alias-label-caption); }
 
 .ttl-list-group {
@@ -1616,22 +1738,33 @@
 }
 .ttl-table {
   width: 100%;
-  min-width: 700px;
+  /* 固定列宽：列宽只由 col 决定，不随标题长短跳动（否则长标题会挤扁状态列，徽标被迫换行）。 */
+  table-layout: fixed;
+  min-width: 860px;
   border-collapse: collapse;
   font-size: 13px;
 }
+/* 列宽口径：标题吃掉剩余宽度，其余列固定，保证「状态」列永远放得下一行徽标。 */
+.ttl-col-check { width: 40px; }
+.ttl-col-project { width: 104px; }
+.ttl-col-status { width: 160px; }
+.ttl-col-createdAt { width: 126px; }
+.ttl-col-completedAt { width: 126px; }
+.ttl-col-actions { width: 118px; }
 .ttl-th {
-  height: 36px;
+  height: 34px;
   padding: 0 12px;
-  border-bottom: 0.5px solid var(--dsw-alias-border-l1);
+  border-bottom: 0.5px solid var(--dsw-alias-border-l2);
   background: var(--dsw-alias-bg-module-platform);
-  color: var(--dsw-alias-label-secondary);
-  font-size: 12px;
+  color: var(--dsw-alias-label-tertiary);
+  font-size: 11px;
   font-weight: 500;
-  line-height: 18px;
+  line-height: 16px;
+  letter-spacing: 0.02em;
   text-align: left;
   white-space: nowrap;
 }
+.ttl-th-check { width: 40px; padding: 0 4px 0 12px; }
 .ttl-th-right { text-align: right; }
 .ttl-th-sortable { padding: 0; }
 .ttl-th-button {
@@ -1639,14 +1772,15 @@
   align-items: center;
   gap: 4px;
   width: 100%;
-  height: 36px;
+  height: 34px;
   padding: 0 12px;
   border: 0;
   background: none;
   color: inherit;
   font: inherit;
-  font-size: 12px;
-  line-height: 18px;
+  font-size: 11px;
+  letter-spacing: 0.02em;
+  line-height: 16px;
   text-align: left;
   white-space: nowrap;
   cursor: pointer;
@@ -1655,7 +1789,10 @@
 .ttl-th-button:hover { color: var(--dsw-alias-label-primary); }
 .ttl-th-button-active { color: var(--dsw-alias-label-primary); }
 .ttl-th-arrow { color: var(--dsw-alias-label-tertiary); font-size: 9px; line-height: 1; }
-.ttl-table-row { border-bottom: 0.5px solid var(--dsw-alias-border-l1); }
+.ttl-table-row {
+  border-bottom: 0.5px solid var(--dsw-alias-border-l1);
+  transition: background 0.12s ease-out;
+}
 .ttl-table-row:hover { background: var(--dsw-alias-interactive-bg-hover); }
 .ttl-table tbody tr:last-child { border-bottom: 0; }
 .ttl-table-group-row .ttl-td {
@@ -1671,7 +1808,8 @@
   vertical-align: middle;
   line-height: 20px;
 }
-.ttl-td-title { max-width: 360px; }
+.ttl-td-check { width: 40px; padding: 11px 4px 11px 12px; }
+.ttl-td-title { max-width: none; }
 .ttl-td-time {
   color: var(--dsw-alias-label-tertiary);
   font-size: 12px;
@@ -1681,7 +1819,17 @@
   font-variant-numeric: tabular-nums;
 }
 .ttl-td-actions { text-align: right; white-space: nowrap; }
+/* 操作区默认压低，行 hover / 键盘聚焦时再提亮，避免整张表被按钮占满注意力。 */
+.ttl-td-actions .ttl-link { color: var(--dsw-alias-label-tertiary); }
+.ttl-td-actions .ttl-link:hover { color: var(--dsw-alias-label-primary); }
+.ttl-table-row:hover .ttl-td-actions .ttl-link,
+.ttl-table-row:focus-within .ttl-td-actions .ttl-link { color: var(--dsw-alias-label-secondary); }
+.ttl-td-actions .ttl-link.ttl-link-danger { color: color-mix(in srgb, var(--dsw-alias-state-error-primary) 72%, transparent); }
+.ttl-table-row:hover .ttl-td-actions .ttl-link.ttl-link-danger,
+.ttl-td-actions .ttl-link.ttl-link-danger:hover { color: var(--dsw-alias-state-error-primary); }
 .ttl-table-title-button {
+  display: -webkit-box;
+  width: 100%;
   max-width: 100%;
   padding: 0;
   border: 0;
@@ -1692,10 +1840,15 @@
   font-weight: 500;
   line-height: 20px;
   text-align: left;
+  overflow: hidden;
   overflow-wrap: anywhere;
+  /* 最多两行：长标题截断为省略号，完整文案在 title 与「详情」里可见，行高保持稳定。 */
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
   cursor: pointer;
 }
 .ttl-table-title-button:hover { color: var(--dsw-alias-state-business-primary); }
+.ttl-table-row[data-status='completed'] .ttl-table-title-button { color: var(--dsw-alias-label-secondary); }
 .ttl-table-detail-row .ttl-td { padding: 0 12px 10px; }
 
 .ttl-board {
@@ -1786,7 +1939,7 @@
 .ttl-board-move-select { height: 24px; max-width: 150px; padding: 0 4px; border: 0.5px solid var(--dsw-alias-border-l3); border-radius: 6px; background: var(--dsw-alias-bg-layer-1); color: var(--dsw-alias-label-secondary); font: inherit; font-size: 12px; cursor: pointer; }
 .ttl-board-move-select:focus-visible { outline: 2px solid var(--dsw-alias-state-business-primary); outline-offset: 1px; }
 .ttl-board-compact .ttl-board-card { gap: 2px; padding: 6px 28px 6px 32px; }
-.ttl-board-compact .ttl-board-check { top: 6px; left: 6px; width: 22px; height: 22px; }
+.ttl-board-compact .ttl-board-check { top: 6px; left: 6px; width: 18px; height: 18px; }
 .ttl-board-compact .ttl-board-more { top: 4px; right: 2px; }
 .ttl-board-compact .ttl-board-card-title { -webkit-line-clamp: 1; }
 .ttl-board-compact .ttl-board-card-files { display: none; }
@@ -1805,8 +1958,13 @@
   gap: 4px;
   padding: 9px 32px 9px 36px;
   border: 0.5px solid var(--dsw-alias-border-l2);
-  border-radius: 10px;
+  border-radius: 12px;
   background: var(--dsw-alias-bg-base);
+  transition: border-color 0.15s, box-shadow 0.15s;
+}
+.ttl-board-card:hover {
+  border-color: var(--dsw-alias-border-l3);
+  box-shadow: var(--dsw-shadow-lv1);
 }
 .ttl-board-card-editing { padding: 9px 10px; }
 .ttl-board-card-main { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
@@ -1835,30 +1993,30 @@
 }
 .ttl-board-project { display: inline-flex; align-items: center; gap: 4px; min-width: 0; max-width: 100%; }
 .ttl-board-project-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
-.ttl-board-check {
-  position: absolute;
-  top: 8px;
-  left: 8px;
+/* 勾选圈：表格行首与看板卡片共用（看板只额外负责定位）。 */
+.ttl-check {
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  width: 24px;
-  height: 24px;
+  width: 20px;
+  height: 20px;
   padding: 0;
-  border: 1.5px solid var(--dsw-alias-border-l3);
+  border: 1.5px solid var(--dsw-alias-border-l4);
   border-radius: 50%;
   background: none;
   color: transparent;
   cursor: pointer;
+  transition: border-color 0.15s, background 0.15s, color 0.15s;
 }
-.ttl-board-check:hover { border-color: var(--dsw-alias-state-success-primary); }
-.ttl-board-check[data-checked='true'] {
+.ttl-check:hover { border-color: var(--dsw-alias-state-success-primary); }
+.ttl-check[data-checked='true'] {
   border-color: var(--dsw-alias-state-success-primary);
   background: var(--dsw-alias-state-success-primary);
   color: var(--dsw-alias-label-primary-foreground);
 }
-.ttl-board-check:focus-visible { outline: 2px solid var(--dsw-alias-state-business-primary); outline-offset: 2px; }
-.ttl-board-check:disabled { opacity: 0.5; cursor: not-allowed; }
+.ttl-check:focus-visible { outline: 2px solid var(--dsw-alias-state-business-primary); outline-offset: 2px; }
+.ttl-check:disabled { opacity: 0.5; cursor: not-allowed; }
+.ttl-board-check { position: absolute; top: 8px; left: 8px; }
 .ttl-board-more {
   position: absolute;
   top: 6px;
@@ -2119,10 +2277,167 @@
 .ttl-file-chip-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 .ttl-file-chip-icon { font-size: 10px; line-height: 1; }
 .ttl-file-more { color: var(--dsw-alias-label-tertiary); font-size: 11px; line-height: 20px; }
-.ttl-title-cell { display: flex; flex-direction: column; align-items: flex-start; gap: 3px; min-width: 0; }
+.ttl-title-cell { display: flex; flex-direction: column; align-items: stretch; gap: 3px; min-width: 0; }
 .ttl-board-card-files { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 2px; }
 .ttl-calendar-entry-files { display: flex; flex: 1 1 100%; flex-wrap: wrap; gap: 4px; }
 .ttl-detail-files { display: flex; flex-wrap: wrap; gap: 4px; }
+
+/* 导入 / 导出：轻量浮层对话框，内容超高时只滚动对话框主体。 */
+.ttl-download-anchor {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  overflow: hidden;
+  clip: rect(0 0 0 0);
+  white-space: nowrap;
+}
+.ttl-overlay {
+  position: absolute;
+  inset: 0;
+  z-index: 30;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 24px;
+  background: var(--dsw-alias-bg-mask-1);
+}
+.ttl-dialog {
+  display: flex;
+  flex-direction: column;
+  width: min(560px, 100%);
+  max-height: 100%;
+  border: 0.5px solid var(--dsw-alias-border-l2);
+  border-radius: var(--dsw-radius-lg);
+  background: var(--dsw-alias-bg-base);
+  box-shadow: var(--dsw-shadow-lv3);
+  overflow: hidden;
+}
+.ttl-dialog-head {
+  display: flex;
+  flex: none;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  padding: 14px 16px;
+  border-bottom: 0.5px solid var(--dsw-alias-border-l1);
+}
+.ttl-dialog-title {
+  margin: 0;
+  font-size: 15px;
+  font-weight: 600;
+  line-height: 22px;
+  color: var(--dsw-alias-label-primary);
+}
+.ttl-dialog-close {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 26px;
+  height: 26px;
+  padding: 0;
+  border: 0;
+  border-radius: var(--dsw-radius-sm);
+  background: none;
+  color: var(--dsw-alias-label-tertiary);
+  font: inherit;
+  font-size: 18px;
+  line-height: 1;
+  cursor: pointer;
+}
+.ttl-dialog-close:hover { background: var(--dsw-alias-interactive-bg-hover); color: var(--dsw-alias-label-primary); }
+.ttl-dialog-body {
+  display: flex;
+  flex-direction: column;
+  gap: 18px;
+  padding: 16px;
+  overflow-y: auto;
+}
+.ttl-dialog-footer {
+  display: flex;
+  flex: none;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 8px;
+  padding: 12px 16px;
+  border-top: 0.5px solid var(--dsw-alias-border-l1);
+  background: var(--dsw-alias-bg-base);
+}
+.ttl-transfer-section { display: flex; flex-direction: column; gap: 8px; }
+.ttl-transfer-heading {
+  margin: 0;
+  font-size: 13px;
+  font-weight: 600;
+  line-height: 20px;
+  color: var(--dsw-alias-label-primary);
+}
+.ttl-transfer-hint { margin: 0; font-size: 12px; line-height: 18px; color: var(--dsw-alias-label-tertiary); }
+.ttl-dialog-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
+.ttl-dialog-actions-end { justify-content: flex-end; padding-top: 4px; }
+.ttl-transfer-file {
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: 12px;
+  line-height: 18px;
+  color: var(--dsw-alias-label-secondary);
+}
+.ttl-file-input { display: none; }
+.ttl-transfer-error {
+  margin: 0;
+  padding: 8px 10px;
+  border-radius: var(--dsw-radius-sm);
+  background: color-mix(in srgb, var(--dsw-alias-state-error-primary) 10%, transparent);
+  color: var(--dsw-alias-state-error-primary);
+  font-size: 12px;
+  line-height: 18px;
+}
+.ttl-transfer-preview {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  padding: 12px;
+  border: 0.5px solid var(--dsw-alias-border-l2);
+  border-radius: var(--dsw-radius-md);
+  background: var(--dsw-alias-bg-layer-1);
+}
+.ttl-transfer-preview-title { font-size: 12px; font-weight: 600; line-height: 18px; color: var(--dsw-alias-label-primary); }
+.ttl-transfer-counts { display: flex; flex-wrap: wrap; gap: 6px; }
+.ttl-transfer-count {
+  padding: 2px 8px;
+  border-radius: 999px;
+  background: var(--dsw-alias-bg-module-platform);
+  color: var(--dsw-alias-label-secondary);
+  font-size: 12px;
+  line-height: 18px;
+  font-variant-numeric: tabular-nums;
+}
+.ttl-transfer-rows { margin: 0; font-size: 11px; line-height: 16px; color: var(--dsw-alias-label-tertiary); }
+.ttl-transfer-invalid {
+  margin: 0;
+  padding-left: 16px;
+  color: var(--dsw-alias-state-error-primary);
+  font-size: 11px;
+  line-height: 17px;
+}
+.ttl-transfer-mode { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 12px; color: var(--dsw-alias-label-tertiary); }
+.ttl-transfer-mode select {
+  height: 28px;
+  padding: 0 6px;
+  border: 0.5px solid var(--dsw-alias-border-l3);
+  border-radius: var(--dsw-radius-sm);
+  background: var(--dsw-alias-bg-layer-1);
+  color: var(--dsw-alias-label-secondary);
+  font: inherit;
+  font-size: 12px;
+  cursor: pointer;
+}
+.ttl-transfer-mode-hint { margin: 0; font-size: 11px; line-height: 16px; color: var(--dsw-alias-label-tertiary); }
+.ttl-transfer-empty { margin: 0; font-size: 12px; line-height: 18px; color: var(--dsw-alias-label-tertiary); }
+.ttl-overlay .ttl-button { height: 28px; font-size: 12px; }
+@media (max-width: 560px) {
+  .ttl-overlay { align-items: flex-start; padding: 12px; }
+}
 @media (prefers-reduced-motion: reduce) {
   .ttl-input,
   .ttl-button,
@@ -2495,6 +2810,16 @@
     const name = normalizeProject(project);
     return name === "" ? t("project.none") : name;
   }
+  var PROJECT_TONES = ["business", "done", "success", "warn", "error"];
+  function projectTone(project) {
+    const name = normalizeProject(project);
+    if (name === "") return "idle";
+    let hash = 0;
+    for (let index = 0; index < name.length; index += 1) {
+      hash = hash * 31 + name.charCodeAt(index) | 0;
+    }
+    return PROJECT_TONES[Math.abs(hash) % PROJECT_TONES.length];
+  }
   function compareProjectNames(left, right) {
     if (left === right) return 0;
     if (left === "") return 1;
@@ -2824,6 +3149,7 @@
       (index) => h(
         "div",
         { key: index, className: "ttl-skeleton-row" },
+        bar(true),
         bar(),
         bar(),
         bar(true),
@@ -2886,7 +3212,54 @@
   function ProjectBadge(props) {
     const project = normalizeProject(props && props.project);
     const className = project === "" ? "ttl-badge ttl-badge-project ttl-badge-project-none" : "ttl-badge ttl-badge-project";
-    return h("span", { className, title: projectLabel(project) }, projectLabel(project));
+    return h(
+      "span",
+      { className, title: projectLabel(project), "data-tone": projectTone(project) },
+      h("span", { className: "ttl-project-dot", "aria-hidden": "true" }),
+      h("span", { className: "ttl-project-name" }, projectLabel(project))
+    );
+  }
+  function CheckIcon(props) {
+    const checked = Boolean(props && props.checked);
+    return h(
+      "svg",
+      {
+        width: 12,
+        height: 12,
+        viewBox: "0 0 16 16",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: 2,
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        "aria-hidden": "true",
+        focusable: "false"
+      },
+      checked ? h("path", { d: "M3.5 8.5l3 3 6-6.5" }) : null
+    );
+  }
+  function CheckButton(props) {
+    const checked = Boolean(props && props.checked);
+    const disabled = Boolean(props && props.disabled);
+    const label = props && typeof props.label === "string" ? props.label : "";
+    const hover = props && typeof props.title === "string" && props.title !== "" ? props.title : void 0;
+    const className = props && typeof props.className === "string" && props.className !== "" ? props.className : "";
+    const onClick = props && typeof props.onClick === "function" ? props.onClick : null;
+    return h(
+      "button",
+      {
+        type: "button",
+        className: className === "" ? "ttl-check" : `ttl-check ${className}`,
+        role: "checkbox",
+        "aria-checked": checked ? "true" : "false",
+        "aria-label": label,
+        title: hover,
+        "data-checked": checked ? "true" : "false",
+        disabled,
+        onClick
+      },
+      h(CheckIcon, { checked })
+    );
   }
   function GanttView(props) {
     const todos = props && Array.isArray(props.todos) ? props.todos : [];
@@ -3555,22 +3928,6 @@
         )
       );
     };
-    const boardCheckIcon = (completed) => h(
-      "svg",
-      {
-        width: 12,
-        height: 12,
-        viewBox: "0 0 16 16",
-        fill: "none",
-        stroke: "currentColor",
-        strokeWidth: 2,
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        "aria-hidden": "true",
-        focusable: "false"
-      },
-      completed ? h("path", { d: "M3.5 8.5l3 3 6-6.5" }) : null
-    );
     const renderBoardCard = (todo) => {
       const isEditing = editingId === todo.id;
       const isConfirming = confirmId === todo.id;
@@ -3609,23 +3966,16 @@
           prioritySelectControl(editingPriority, setEditingPriority, busyId === todo.id),
           typeSelectControl(editingType, setEditingType, busyId === todo.id)
         ) : [
-          h(
-            "button",
-            {
-              key: "check",
-              type: "button",
-              className: "ttl-board-check",
-              role: "checkbox",
-              "aria-checked": completed ? "true" : "false",
-              "aria-label": t("board.checkAria", { title }),
-              "data-checked": completed ? "true" : "false",
-              disabled: isBusy,
-              onClick: () => {
-                void handleToggle(todo);
-              }
-            },
-            boardCheckIcon(completed)
-          ),
+          h(CheckButton, {
+            key: "check",
+            checked: completed,
+            disabled: isBusy,
+            label: t("board.checkAria", { title }),
+            className: "ttl-board-check",
+            onClick: () => {
+              void handleToggle(todo);
+            }
+          }),
           h(
             "div",
             { key: "main", className: "ttl-board-card-main" },
@@ -3639,8 +3989,8 @@
                 "span",
                 { className: "ttl-board-project", title: projectLabel(project) },
                 h("span", {
-                  className: "ttl-board-dot",
-                  "data-status": "project",
+                  className: "ttl-project-dot",
+                  "data-tone": projectTone(project),
                   "aria-hidden": "true"
                 }),
                 h("span", { className: "ttl-board-project-name" }, projectLabel(project))
@@ -4089,7 +4439,7 @@
 
   // src/client/views/table.js
   function createTableView(deps) {
-    const { confirmId, detailIdOf, direction, editingId, emptyActionKey, expandedIds, filter, handleEmptyAction, handleHeaderSort, listStatus, priorityBadge, projectInput, renderActionButtons, renderDetailContent, renderFileChips, setConfirmId, sortBy, statusBadge, titleInput, toggleExpanded, typeBadge, visibleTodos } = deps;
+    const { confirmId, detailIdOf, direction, editingId, emptyActionKey, expandedIds, filter, handleEmptyAction, handleHeaderSort, listStatus, priorityBadge, projectInput, renderActionButtons, renderDetailContent, renderFileChips, renderRowCheck, setConfirmId, sortBy, statusBadge, titleInput, toggleExpanded, typeBadge, visibleTodos } = deps;
     const pushTableRow = (rows, todo) => {
       const completed = todo.status === "completed";
       const isEditing = editingId === todo.id;
@@ -4131,6 +4481,7 @@
               }
             }
           },
+          h("td", { className: "ttl-td ttl-td-check" }, renderRowCheck(todo)),
           titleCell,
           h(
             "td",
@@ -4144,7 +4495,7 @@
           ),
           h("td", { className: "ttl-td ttl-td-time" }, formatTime(todo.createdAt)),
           h("td", { className: "ttl-td ttl-td-time" }, completed ? formatTime(todo.completedAt) : EMPTY_TIME),
-          h("td", { className: "ttl-td ttl-td-actions" }, renderActionButtons(todo, { showDetail: true }))
+          h("td", { className: "ttl-td ttl-td-actions" }, renderActionButtons(todo, { showDetail: true, showToggle: false }))
         )
       );
       if (expanded) {
@@ -4207,6 +4558,11 @@
             "aria-label": t("table.aria"),
             "aria-busy": listStatus === "loading" ? "true" : "false"
           },
+          h(
+            "colgroup",
+            null,
+            TABLE_COLUMNS.map((column) => h("col", { key: column.key, className: `ttl-col ttl-col-${column.key}` }))
+          ),
           h(
             "thead",
             null,
@@ -4221,10 +4577,10 @@
                   {
                     key: column.key,
                     scope: "col",
-                    className: (column.sortBy === null ? "ttl-th" : "ttl-th ttl-th-sortable") + (column.align === "right" ? " ttl-th-right" : ""),
+                    className: (column.sortBy === null ? "ttl-th" : "ttl-th ttl-th-sortable") + (column.align === "right" ? " ttl-th-right" : "") + ` ttl-th-${column.key}`,
                     "aria-sort": column.sortBy === null ? void 0 : ariaSort
                   },
-                  column.sortBy === null ? h("span", null, t(column.labelKey)) : h(
+                  column.srOnly === true ? h("span", { className: "ttl-sr-only" }, t(column.labelKey)) : column.sortBy === null ? h("span", null, t(column.labelKey)) : h(
                     "button",
                     {
                       type: "button",
@@ -4247,6 +4603,245 @@
     return renderTableView;
   }
 
+  // src/client/transfer.js
+  function makeDownload(content, filename, mime) {
+    const text = typeof content === "string" ? content : "";
+    const name = typeof filename === "string" && filename !== "" ? filename : "todos.json";
+    const type = typeof mime === "string" && mime !== "" ? mime : "application/octet-stream";
+    try {
+      if (typeof Blob !== "undefined" && typeof URL !== "undefined" && typeof URL.createObjectURL === "function") {
+        return { url: URL.createObjectURL(new Blob([text], { type })), name };
+      }
+    } catch {
+    }
+    return { url: `data:${type},${encodeURIComponent(text)}`, name };
+  }
+  function readFileText(file) {
+    if (file && typeof file.text === "function") {
+      return file.text().then((text) => String(text ?? ""));
+    }
+    return new Promise((resolve, reject) => {
+      const reader = new FileReader();
+      reader.onload = () => resolve(String(reader.result ?? ""));
+      reader.onerror = () => reject(new Error("读取文件失败"));
+      reader.readAsText(file, "utf-8");
+    });
+  }
+  function countChip(labelKey, count) {
+    const value = Number(count);
+    return h(
+      "span",
+      { className: "ttl-transfer-count", key: labelKey },
+      t(labelKey, { count: Number.isFinite(value) && value > 0 ? Math.floor(value) : 0 })
+    );
+  }
+  function TransferDialog(props) {
+    const {
+      open,
+      busy,
+      applying,
+      fileName,
+      mode,
+      preview,
+      error,
+      fileInputRef,
+      onClose,
+      onExport,
+      onPickFile,
+      onFileChange,
+      onModeChange,
+      onConfirm
+    } = props;
+    if (open !== true) return null;
+    const record = isRecord(preview) ? preview : null;
+    const summary = record !== null && isRecord(record.summary) ? record.summary : null;
+    const invalid = record !== null && Array.isArray(record.invalid) ? record.invalid.slice(0, 5) : [];
+    const invalidCount = record !== null && typeof record.invalidCount === "number" ? record.invalidCount : 0;
+    const rowCount = record !== null && typeof record.rowCount === "number" ? record.rowCount : 0;
+    const activeMode = TRANSFER_MODES.find((option) => option.value === mode) ?? TRANSFER_MODES[0];
+    const canConfirm = summary !== null && busy !== true && applying !== true;
+    const backdrop = (event) => {
+      if (event && event.target === event.currentTarget) onClose();
+    };
+    return h(
+      "div",
+      { className: "ttl-overlay", role: "presentation", onMouseDown: backdrop },
+      h(
+        "div",
+        {
+          className: "ttl-dialog",
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-labelledby": "ttl-transfer-title",
+          onKeyDown: (event) => {
+            if (event && event.key === "Escape") {
+              event.stopPropagation();
+              onClose();
+            }
+          }
+        },
+        h(
+          "div",
+          { className: "ttl-dialog-head" },
+          h("h2", { id: "ttl-transfer-title", className: "ttl-dialog-title" }, t("transfer.title")),
+          h(
+            "button",
+            {
+              type: "button",
+              className: "ttl-dialog-close",
+              onClick: onClose,
+              disabled: busy === true,
+              "aria-label": t("transfer.close"),
+              autoFocus: true
+            },
+            "×"
+          )
+        ),
+        h(
+          "div",
+          { className: "ttl-dialog-body" },
+          // 导出
+          h(
+            "section",
+            { className: "ttl-transfer-section" },
+            h("h3", { className: "ttl-transfer-heading" }, t("transfer.exportTitle")),
+            h("p", { className: "ttl-transfer-hint" }, t("transfer.exportHint")),
+            h(
+              "div",
+              { className: "ttl-dialog-actions" },
+              h(
+                "button",
+                {
+                  type: "button",
+                  className: "ttl-button ttl-button-outline",
+                  disabled: busy === true,
+                  onClick: () => onExport("json")
+                },
+                t("transfer.exportJson")
+              ),
+              h(
+                "button",
+                {
+                  type: "button",
+                  className: "ttl-button ttl-button-outline",
+                  disabled: busy === true,
+                  onClick: () => onExport("csv")
+                },
+                t("transfer.exportCsv")
+              )
+            )
+          ),
+          // 导入
+          h(
+            "section",
+            { className: "ttl-transfer-section" },
+            h("h3", { className: "ttl-transfer-heading" }, t("transfer.importTitle")),
+            h("p", { className: "ttl-transfer-hint" }, t("transfer.importHint")),
+            h(
+              "div",
+              { className: "ttl-dialog-actions" },
+              h(
+                "button",
+                {
+                  type: "button",
+                  className: "ttl-button ttl-button-outline",
+                  disabled: busy === true,
+                  onClick: onPickFile
+                },
+                t("transfer.chooseFile")
+              ),
+              h(
+                "span",
+                { className: "ttl-transfer-file", title: typeof fileName === "string" ? fileName : "" },
+                typeof fileName === "string" && fileName !== "" ? fileName : t("transfer.noFile")
+              )
+            ),
+            h("input", {
+              ref: fileInputRef,
+              className: "ttl-file-input",
+              type: "file",
+              accept: ".json,.csv,application/json,text/csv",
+              tabIndex: -1,
+              "aria-label": t("transfer.chooseFile"),
+              onChange: onFileChange
+            }),
+            typeof error === "string" && error !== "" ? h("p", { className: "ttl-transfer-error", role: "alert" }, error) : null,
+            summary !== null ? h(
+              "div",
+              { className: "ttl-transfer-preview" },
+              h("div", { className: "ttl-transfer-preview-title" }, t("transfer.previewTitle")),
+              h(
+                "div",
+                { className: "ttl-transfer-counts" },
+                countChip("transfer.previewAdded", summary.added),
+                countChip("transfer.previewUpdated", summary.updated),
+                countChip("transfer.previewSkipped", summary.skipped),
+                Number(summary.removed) > 0 ? countChip("transfer.previewRemoved", summary.removed) : null,
+                countChip("transfer.previewTotal", summary.total)
+              ),
+              rowCount > 0 || invalidCount > 0 ? h(
+                "p",
+                { className: "ttl-transfer-rows" },
+                t("transfer.previewRows", { count: rowCount }),
+                invalidCount > 0 ? ` · ${t("transfer.previewInvalid", { count: invalidCount })}` : ""
+              ) : null,
+              invalid.length > 0 ? h(
+                "ul",
+                { className: "ttl-transfer-invalid" },
+                invalid.map((item, index) => h(
+                  "li",
+                  { key: `invalid-${index}` },
+                  t("transfer.rowError", {
+                    row: isRecord(item) ? Number(item.row) || 0 : 0,
+                    message: isRecord(item) && typeof item.message === "string" ? item.message : ""
+                  })
+                ))
+              ) : null,
+              h(
+                "div",
+                { className: "ttl-transfer-mode" },
+                h("span", { className: "ttl-transfer-mode-label" }, t("transfer.modeLabel")),
+                h(
+                  "select",
+                  {
+                    value: typeof mode === "string" ? mode : "merge",
+                    disabled: busy === true,
+                    "aria-label": t("transfer.modeLabel"),
+                    onChange: (event) => onModeChange(event.target.value)
+                  },
+                  TRANSFER_MODES.map((option) => h(
+                    "option",
+                    { key: option.value, value: option.value },
+                    t(option.labelKey)
+                  ))
+                )
+              ),
+              h("p", { className: "ttl-transfer-mode-hint" }, t(activeMode.hintKey))
+            ) : h(
+              "p",
+              { className: "ttl-transfer-empty" },
+              busy === true ? t("transfer.reading") : t("transfer.noPreview")
+            )
+          )
+        ),
+        h(
+          "div",
+          { className: "ttl-dialog-footer" },
+          h(
+            "button",
+            {
+              type: "button",
+              className: "ttl-button ttl-button-primary",
+              disabled: canConfirm !== true,
+              onClick: onConfirm
+            },
+            applying === true ? t("transfer.importing") : t("transfer.confirm")
+          )
+        )
+      )
+    );
+  }
+
   // src/client/panel.js
   function TodoPanel() {
     const [todos, setTodos] = React.useState([]);
@@ -4265,6 +4860,15 @@
     const [editTitle, setEditTitle] = React.useState("");
     const [confirmId, setConfirmId] = React.useState(null);
     const [notice, setNotice] = React.useState(null);
+    const [transferOpen, setTransferOpen] = React.useState(false);
+    const [transferBusy, setTransferBusy] = React.useState(false);
+    const [transferApplying, setTransferApplying] = React.useState(false);
+    const [transferError, setTransferError] = React.useState("");
+    const [transferFileName, setTransferFileName] = React.useState("");
+    const [transferContent, setTransferContent] = React.useState("");
+    const [transferMode, setTransferMode] = React.useState("merge");
+    const [transferPreview, setTransferPreview] = React.useState(null);
+    const [download, setDownload] = React.useState({ url: "", name: "" });
     const [expandedIds, setExpandedIds] = React.useState({});
     const [view, setView] = React.useState("table");
     const [range, setRange] = React.useState("all");
@@ -4325,6 +4929,8 @@
     const projectSeqRef = React.useRef(0);
     const suggestKindRef = React.useRef("file");
     const createBlurTimerRef = React.useRef(null);
+    const transferInputRef = React.useRef(null);
+    const downloadRef = React.useRef(null);
     React.useEffect(() => {
       mountedRef.current = true;
       return () => {
@@ -4350,6 +4956,21 @@
       }, delay);
       return () => clearTimeout(timer);
     }, [notice]);
+    React.useEffect(() => {
+      if (download.url === "" || downloadRef.current === null) return void 0;
+      downloadRef.current.click();
+      const url = download.url;
+      const timer = setTimeout(() => {
+        try {
+          if (typeof URL !== "undefined" && typeof URL.revokeObjectURL === "function") {
+            URL.revokeObjectURL(url);
+          }
+        } catch {
+        }
+        if (mountedRef.current) setDownload({ url: "", name: "" });
+      }, 2e3);
+      return () => clearTimeout(timer);
+    }, [download]);
     const loadList = React.useCallback(
       async (nextFilter, nextSortBy, nextDirection, nextProject, options) => {
         const quiet = Boolean(options && options.quiet);
@@ -5037,7 +5658,9 @@
     const detailIdOf = (todo) => `ttl-detail-${String(todo.id).replace(/[^A-Za-z0-9_-]/g, "-")}`;
     const statusBadge = (todo) => h(
       "span",
-      { className: todo.status === "completed" ? "ttl-badge ttl-badge-completed" : "ttl-badge" },
+      {
+        className: todo.status === "completed" ? "ttl-badge ttl-status-badge ttl-badge-completed" : "ttl-badge ttl-status-badge"
+      },
       t(todo.status === "completed" ? "row.completed" : "row.pending")
     );
     const priorityBadge = (todo) => {
@@ -5049,6 +5672,11 @@
           className: `ttl-badge ttl-priority-badge ttl-priority-${priority}`,
           "data-priority": priority
         },
+        h(
+          "span",
+          { className: "ttl-priority-arrow", "aria-hidden": "true" },
+          priority === "high" ? "↑" : priority === "medium" ? "↗" : "↓"
+        ),
         t(`priority.${priority}`)
       );
     };
@@ -5171,22 +5799,24 @@
         return buttons;
       }
       if (opts.showDetail === true) buttons.push(detailToggleButton(todo));
-      buttons.push(
-        h(
-          "button",
-          {
-            key: "toggle",
-            type: "button",
-            className: "ttl-link",
-            disabled: isBusy,
-            "aria-label": t("row.toggleAria", { action: toggleLabel, title: todo.title }),
-            onClick: () => {
-              void handleToggle(todo);
-            }
-          },
-          toggleLabel
-        )
-      );
+      if (opts.showToggle !== false) {
+        buttons.push(
+          h(
+            "button",
+            {
+              key: "toggle",
+              type: "button",
+              className: "ttl-link",
+              disabled: isBusy,
+              "aria-label": t("row.toggleAria", { action: toggleLabel, title: todo.title }),
+              onClick: () => {
+                void handleToggle(todo);
+              }
+            },
+            toggleLabel
+          )
+        );
+      }
       buttons.push(
         h(
           "button",
@@ -5245,6 +5875,19 @@
       }
       return buttons;
     };
+    const renderRowCheck = (todo) => {
+      const completed = todo.status === "completed";
+      return h(CheckButton, {
+        checked: completed,
+        disabled: isBusy,
+        label: t("board.checkAria", { title: todo.title === "" ? t("list.empty") : todo.title }),
+        title: t(completed ? "row.uncomplete" : "row.complete"),
+        className: "ttl-row-check",
+        onClick: () => {
+          void handleToggle(todo);
+        }
+      });
+    };
     const copyFilePath = (path) => {
       try {
         if (typeof navigator === "undefined" || navigator === null) return;
@@ -5405,6 +6048,128 @@
         if (mountedRef.current) setBusyId(null);
       }
     };
+    const openTransfer = () => {
+      if (transferBusy) return;
+      setTransferError("");
+      setTransferPreview(null);
+      setTransferFileName("");
+      setTransferContent("");
+      setTransferMode("merge");
+      setTransferOpen(true);
+    };
+    const closeTransfer = () => {
+      if (transferBusy) return;
+      setTransferOpen(false);
+    };
+    const runImportPreview = async (content, mode) => {
+      setTransferBusy(true);
+      setTransferError("");
+      try {
+        const value = await request("/import", { content, mode, dryRun: true });
+        if (!mountedRef.current) return;
+        setTransferPreview(value);
+      } catch (error) {
+        if (!mountedRef.current) return;
+        setTransferPreview(null);
+        setTransferError(messageOf(error));
+      } finally {
+        if (mountedRef.current) setTransferBusy(false);
+      }
+    };
+    const handleTransferModeChange = (nextMode) => {
+      if (transferBusy || transferContent === "") return;
+      setTransferMode(nextMode);
+      void runImportPreview(transferContent, nextMode);
+    };
+    const handleExport = async (format) => {
+      if (transferBusy) return;
+      setTransferBusy(true);
+      setTransferError("");
+      try {
+        const value = await request("/export", { format });
+        if (!mountedRef.current) return;
+        setDownload(makeDownload(value.content, value.filename, value.mime));
+        showNotice("success", t("transfer.exported", {
+          count: Number(value.count) || 0,
+          format: String(value.format || format).toUpperCase()
+        }));
+        setTransferOpen(false);
+      } catch (error) {
+        if (!mountedRef.current) return;
+        setTransferError(messageOf(error));
+      } finally {
+        if (mountedRef.current) setTransferBusy(false);
+      }
+    };
+    const handlePickFile = () => {
+      const input = transferInputRef.current;
+      if (input && typeof input.click === "function") input.click();
+    };
+    const handleImportFileChange = async (event) => {
+      const target = event && event.target ? event.target : null;
+      const files = target && target.files ? target.files : null;
+      const file = files && files.length > 0 ? files[0] : null;
+      if (target) target.value = "";
+      if (file === null) return;
+      let content = "";
+      try {
+        content = await readFileText(file);
+      } catch (error) {
+        if (mountedRef.current) setTransferError(t("transfer.readError", { message: messageOf(error) }));
+        return;
+      }
+      if (!mountedRef.current) return;
+      if (content.trim() === "") {
+        setTransferPreview(null);
+        setTransferError(t("transfer.emptyFile"));
+        return;
+      }
+      setTransferFileName(typeof file.name === "string" ? file.name : "");
+      setTransferContent(content);
+      void runImportPreview(content, transferMode);
+    };
+    const handleRestoreBackup = async (backupFile) => {
+      if (typeof backupFile !== "string" || backupFile === "") return;
+      try {
+        const value = await request("/restore", { file: backupFile });
+        if (!mountedRef.current) return;
+        showNotice("success", notifyText(value, "transfer.undone"));
+        void fetchProjectSuggestions(workspaceRef.current, true);
+        await reload(true);
+      } catch (error) {
+        showNotice("error", messageOf(error));
+      }
+    };
+    const handleImportConfirm = async () => {
+      if (transferBusy || transferContent === "") return;
+      setTransferBusy(true);
+      setTransferApplying(true);
+      setTransferError("");
+      try {
+        const value = await request("/import", { content: transferContent, mode: transferMode });
+        if (!mountedRef.current) return;
+        setTransferOpen(false);
+        setTransferPreview(null);
+        setTransferContent("");
+        setTransferFileName("");
+        const backup = value && typeof value.backup === "string" ? value.backup : "";
+        showNotice("success", notifyText(value, "transfer.imported"), backup === "" ? void 0 : {
+          onClick: () => {
+            void handleRestoreBackup(backup);
+          }
+        });
+        void fetchProjectSuggestions(workspaceRef.current, true);
+        await reload(true);
+      } catch (error) {
+        if (!mountedRef.current) return;
+        setTransferError(messageOf(error));
+      } finally {
+        if (mountedRef.current) {
+          setTransferBusy(false);
+          setTransferApplying(false);
+        }
+      }
+    };
     const shiftCalendarMonth = (delta) => {
       const total = calendarYear * 12 + calendarMonth + delta;
       setCalendarYear(Math.floor(total / 12));
@@ -5464,6 +6229,7 @@
       renderActionButtons,
       renderDetailContent,
       renderFileChips,
+      renderRowCheck,
       setBoardActionsId,
       setBoardLaneCollapsed,
       setBoardShowAllCompleted,
@@ -5753,6 +6519,15 @@
       "div",
       { className: "ttl-root", "data-dsh-todo-time-log": "panel", onKeyDown: handlePanelKeyDown },
       h(StyleSheet),
+      // 下载锚点：makeDownload() 生成 blob URL 后由 effect 通过 ref 点击。
+      h("a", {
+        ref: downloadRef,
+        className: "ttl-download-anchor",
+        href: download.url === "" ? void 0 : download.url,
+        download: download.name === "" ? void 0 : download.name,
+        "aria-hidden": "true",
+        tabIndex: -1
+      }),
       h(
         "div",
         { className: "ttl-scroll" },
@@ -5772,6 +6547,35 @@
             h(
               "div",
               { className: "ttl-heading-actions" },
+              h(
+                "button",
+                {
+                  type: "button",
+                  className: "ttl-ghost-button",
+                  "aria-haspopup": "dialog",
+                  "aria-expanded": transferOpen ? "true" : "false",
+                  title: t("transfer.open"),
+                  onClick: openTransfer
+                },
+                h(
+                  "svg",
+                  {
+                    className: "ttl-ghost-button-icon",
+                    width: 12,
+                    height: 12,
+                    viewBox: "0 0 16 16",
+                    fill: "none",
+                    stroke: "currentColor",
+                    strokeWidth: 1.4,
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    "aria-hidden": "true",
+                    focusable: "false"
+                  },
+                  h("path", { d: "M8 2v7m0 0l3-3m-3 3L5 6M3 12v1.5a.5.5 0 0 0 .5.5h9a.5.5 0 0 0 .5-.5V12" })
+                ),
+                t("transfer.open")
+              ),
               h(
                 "button",
                 {
@@ -5954,7 +6758,23 @@
             "×"
           )
         )
-      )
+      ),
+      h(TransferDialog, {
+        open: transferOpen,
+        busy: transferBusy,
+        applying: transferApplying,
+        fileName: transferFileName,
+        mode: transferMode,
+        preview: transferPreview,
+        error: transferError,
+        fileInputRef: transferInputRef,
+        onClose: closeTransfer,
+        onExport: handleExport,
+        onPickFile: handlePickFile,
+        onFileChange: handleImportFileChange,
+        onModeChange: handleTransferModeChange,
+        onConfirm: handleImportConfirm
+      })
     );
   }
   function createPanel() {