dsh-todo-time-log 0.6.2 → 0.6.3

package/README.md

@@ -83,7 +83,7 @@
 
 <p align="center"><img src="https://github.com/FantasyStarry/dsh-todo-time-log/raw/main/docs/images/demo-complete.png" alt="完成与撤销操作示范" width="100%"></p>
 
-1. 点行内的「完成」（看板里是卡片上的 checkbox），完成时刻自动写入。
+1. 点行首的勾选圈（看板里是卡片上的勾选框），完成时刻自动写入。
 2. 底部浮出 toast，「撤销」可以一键退回未完成状态。
 3. 表格的「完成时间」列立即出现时间；页面高度不变，视线不被打断。
 
@@ -91,7 +91,7 @@
 
 <p align="center"><img src="https://github.com/FantasyStarry/dsh-todo-time-log/raw/main/docs/images/demo-quickadd.png" alt="对话式快速录入操作示范" width="100%"></p>
 
-1. 打开「对话录入」，先确认工作区 —— `@` 文件补全按工作区隔离。
+1. 点新建框右侧的「批量」进入批量录入，先确认工作区 —— `@` 文件补全按工作区隔离。
 2. 一句话可以写多条，支持 `#分类`、`@文件`、`!优先级`、`^类型`。
 3. 发送后逐条回执；不满意可以整批撤销。
 
@@ -110,8 +110,9 @@
 
 | 能力 | 说明 |
 | --- | --- |
-| 🕒 创建 / 完成时间 | 全自动记录，本地时间 `YYYY-MM-DD HH:mm:ss`，未完成显示 `-`；重复完成、重复取消都会给出明确提示 |
-| 🗂 四视图 | 表格 / 看板 / 甘特图 / 日历，同一份数据四种视角；切换视图保留筛选与排序 |
+| 🕒 创建 / 完成时间 | 全自动记录，本地时间 `YYYY-MM-DD HH:mm:ss`，未完成显示 `-`；表格的完成时间列直接给出「用时 / 进行中」两行，重复完成、重复取消都会给出明确提示 |
+| 🗂 四视图 | 表格 / 看板 / 甘特图 / 日历，同一份数据四种视角；切换视图保留筛选与排序，排序统一走表头 |
+| 🧭 行内操作 | 勾选圈完成、点标题展开详情、行尾「⋯」编辑 / 删除；删除二次确认后仍可用 toast 撤销 |
 | 📊 甘特图 | 纯前端计算（不新增接口）：条形 = 创建 → 完成，未完成延伸到「现在」，支持全部 / 近 7 天 / 近 30 天 |
 | 🏷 分类 · 优先级 · 类型 | 项目分类（可从「已用分类 / 工作区 / 文件夹」建议里选）、高 / 中 / 低优先级、缺陷 / 新功能 / 改进 / 疑问 / 杂项 / 其他 |
 | 📎 `@工作区文件` | 把待办关联到代码文件；只给文件、不给分类时，自动取文件所在目录作为分类 |
@@ -119,7 +120,8 @@
 | 🤖 智能体工具 | 智能体可 `list / get / create / complete / uncomplete / update / delete / health`，与 UI 共用同一实现 |
 | 📦 导入 / 导出 | 页头「数据」：JSON 无损备份、CSV 给 Excel 统计；导入先预览再写入，支持合并 / 仅新增 / 覆盖全部，自动备份并可直接撤销 |
 | 🔒 本地数据 | `<DSH_PROFILE_DIR 或 ~/.dsh>/todo-time-log/todos.json`；临时文件 + rename 原子替换、写入串行化、跨进程文件锁 |
-| 🌗 主题与无障碍 | 全部颜色走 `--dsw-alias-*` token，明暗主题自适应；`aria-live`、`aria-sort`、键盘操作、减少动效偏好 |
+| ✨ 动效 | 列表入场错位、勾选回弹、详情 / 菜单展开、对话框淡入、甘特条「画」出来、筛选计数弹一下；只用 transform / opacity / clip-path，时长 120–200ms |
+| 🌗 主题与无障碍 | 全部颜色走 `--dsw-alias-*` token，明暗主题自适应；`aria-live`、`aria-sort`、键盘操作；`prefers-reduced-motion` 下全部动画与过渡关闭 |
 | ⌨️ 面板快捷键 | `/` 聚焦搜索、`n` 聚焦新建、`f` 循环切换筛选 |
 
 ---
@@ -175,7 +177,7 @@ plugin_manager action=install_bundle target=<本地仓库绝对路径>
 | 入口 | 怎么用 | 适合 |
 | --- | --- | --- |
 | 面板表单 | 顶部输入框 + 分类 / 优先级 / 类型选择器，Enter 创建 | 手动逐条记录 |
-| 对话式录入 | 面板右上「对话录入」，一句话写多条，逐条回执 + 撤销 | 一次记一堆 |
+| 对话式录入 | 新建框右侧「批量」，一句话写多条，逐条回执 + 撤销 | 一次记一堆 |
 | `/todo` 命令 | Harness 主输入框：`/todo 写周报 #工作 lib/store.js` | 不离开对话流 |
 | 智能体工具 | 让模型调用 `todo_time_log`（`create` / `complete` / `list` …） | 让 AI 代记、代查 |
 

package/lib/client.js

@@ -16,16 +16,12 @@
       "create.placeholder": "输入待办；可写 #分类 @文件，Enter 创建",
       "create.action": "添加",
       "create.actionBusy": "添加中…",
+      "create.batch": "批量",
+      "create.batchTitle": "批量录入：一句话记多条",
       "filter.label": "筛选",
       "filter.all": "全部",
       "filter.pending": "未完成",
       "filter.completed": "已完成",
-      "sort.label": "排序",
-      "sort.createdAt": "创建时间",
-      "sort.completedAt": "完成时间",
-      "direction.asc": "升序",
-      "direction.desc": "降序",
-      "direction.toggleAria": "切换排序方向（当前：{direction}）",
       "list.loading": "加载中…",
       "list.refreshing": "更新中…",
       "list.error": "加载失败",
@@ -84,9 +80,6 @@
       "projects.groupFolder": "文件夹",
       "projects.countOption": "{name}（{count}）",
       "group.header": "{project} · {count} 条",
-      "sort.updatedAt": "更新时间",
-      "sort.project": "分类",
-      "sort.priority": "优先级",
       "priority.label": "优先级",
       "priority.none": "未设置",
       "priority.high": "高",
@@ -126,6 +119,10 @@
       "table.status": "状态",
       "table.createdAt": "创建时间",
       "table.completedAt": "完成时间",
+      "table.spent": "用时 {duration}",
+      "table.elapsed": "进行中 {duration}",
+      "table.more": "更多操作",
+      "table.moreAria": "打开待办操作：{title}",
       "table.actions": "操作",
       "table.detail": "详情",
       "table.sortAria": "按 {column} 排序",
@@ -246,6 +243,7 @@
       "notice.created": "已创建待办。",
       "notice.updated": "已更新待办。",
       "notice.deleted": "已删除待办。",
+      "notice.restored": "已恢复待办。",
       "notice.completed": "已标记为完成。",
       "notice.uncompleted": "已取消完成。",
       "notice.quickAddCreated": "已添加 {count} 条待办",
@@ -307,16 +305,12 @@
       "create.placeholder": "Type a todo; #project @file supported, Enter to create",
       "create.action": "Add",
       "create.actionBusy": "Adding…",
+      "create.batch": "Batch",
+      "create.batchTitle": "Batch entry: add several todos in one message",
       "filter.label": "Filter",
       "filter.all": "All",
       "filter.pending": "Pending",
       "filter.completed": "Completed",
-      "sort.label": "Sort",
-      "sort.createdAt": "Created",
-      "sort.completedAt": "Completed",
-      "direction.asc": "Ascending",
-      "direction.desc": "Descending",
-      "direction.toggleAria": "Switch sort direction (currently {direction})",
       "list.loading": "Loading…",
       "list.refreshing": "Refreshing…",
       "list.error": "Failed to load",
@@ -375,9 +369,6 @@
       "projects.groupFolder": "Folders",
       "projects.countOption": "{name} ({count})",
       "group.header": "{project} · {count} item(s)",
-      "sort.updatedAt": "Updated",
-      "sort.project": "Project",
-      "sort.priority": "Priority",
       "priority.label": "Priority",
       "priority.none": "None",
       "priority.high": "High",
@@ -417,6 +408,10 @@
       "table.status": "Status",
       "table.createdAt": "Created",
       "table.completedAt": "Completed",
+      "table.spent": "{duration} spent",
+      "table.elapsed": "{duration} so far",
+      "table.more": "More actions",
+      "table.moreAria": "Open actions for {title}",
       "table.actions": "Actions",
       "table.detail": "Details",
       "table.sortAria": "Sort by {column}",
@@ -537,6 +532,7 @@
       "notice.created": "Todo created.",
       "notice.updated": "Todo updated.",
       "notice.deleted": "Todo deleted.",
+      "notice.restored": "Todo restored.",
       "notice.completed": "Marked as completed.",
       "notice.uncompleted": "Marked as pending.",
       "notice.quickAddCreated": "Added {count} todo(s)",
@@ -612,13 +608,6 @@
     { value: "pending", labelKey: "filter.pending" },
     { value: "completed", labelKey: "filter.completed" }
   ];
-  var SORTS = [
-    { value: "createdAt", labelKey: "sort.createdAt" },
-    { value: "completedAt", labelKey: "sort.completedAt" },
-    { value: "updatedAt", labelKey: "sort.updatedAt" },
-    { value: "project", labelKey: "sort.project" },
-    { value: "priority", labelKey: "sort.priority" }
-  ];
   var PRIORITIES = [
     { value: "", labelKey: "priority.none" },
     { value: "high", labelKey: "priority.high" },
@@ -710,6 +699,11 @@
   font-size: 14px;
   line-height: 1.6;
   -webkit-font-smoothing: antialiased;
+  /* 动效令牌：短、克制、只服务状态变化（入场 / 浮层 / 勾选）。 */
+  --ttl-ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);
+  --ttl-ease-spring: cubic-bezier(0.34, 1.4, 0.64, 1);
+  --ttl-dur-fast: 120ms;
+  --ttl-dur-base: 180ms;
 }
 .ttl-scroll {
   flex: 1;
@@ -790,6 +784,7 @@
   background: var(--dsw-alias-bg-layer-1);
   box-shadow: var(--dsw-shadow-lv1);
   transition: border-color 0.15s, box-shadow 0.15s;
+  animation: ttl-fade-in 160ms var(--ttl-ease-out);
 }
 .ttl-composer:hover { border-color: var(--dsw-alias-border-l3); }
 .ttl-composer:focus-within {
@@ -820,6 +815,8 @@
   color: var(--dsw-alias-label-primary);
 }
 .ttl-composer .ttl-button-primary { height: 36px; padding: 0 18px; }
+/* 「批量」是捕获区的模式切换，不是第二个主操作：保持 ghost 层级。 */
+.ttl-composer-batch { height: 32px; padding: 0 8px; }
 .ttl-create-suggest {
   position: absolute;
   top: calc(100% + 6px);
@@ -860,8 +857,9 @@
   font-size: 13px;
   line-height: 1;
   cursor: pointer;
-  transition: background 0.15s, color 0.15s;
+  transition: background 0.15s, color 0.15s, border-color 0.15s, box-shadow 0.15s, transform var(--ttl-dur-fast) var(--ttl-ease-out);
 }
+.ttl-button:active:not(:disabled) { transform: scale(0.98); }
 .ttl-button-primary {
   height: 34px;
   padding: 0 16px;
@@ -886,7 +884,6 @@
 .ttl-ghost-button:focus-visible,
 .ttl-seg-item:focus-visible,
 .ttl-link:focus-visible,
-.ttl-sort-dir:focus-visible,
 .ttl-toast-action:focus-visible,
 .ttl-toast-close:focus-visible,
 .ttl-select select:focus-visible {
@@ -914,7 +911,14 @@
   border-radius: 0;
 }
 .ttl-data .ttl-list > .ttl-board { padding: 12px 12px 16px; }
+/* 工具栏固定两行：第一行视图 + 搜索；第二行视图专属控件 + 全局筛选。 */
 .ttl-toolbar {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  gap: 8px;
+}
+.ttl-toolbar-row {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
@@ -949,6 +953,9 @@
   line-height: 1;
   white-space: nowrap;
   cursor: pointer;
+  transition: background-color var(--ttl-dur-fast) var(--ttl-ease-out),
+    color var(--ttl-dur-fast) var(--ttl-ease-out),
+    box-shadow var(--ttl-dur-fast) var(--ttl-ease-out);
 }
 .ttl-seg-item:hover { color: var(--dsw-alias-label-primary); }
 .ttl-seg-item[aria-pressed='true'] {
@@ -962,6 +969,7 @@
   font-size: 11px;
   font-weight: 500;
   font-variant-numeric: tabular-nums;
+  animation: ttl-count-pop 200ms var(--ttl-ease-out);
 }
 .ttl-seg-item[aria-pressed='true'] .ttl-seg-count { color: var(--dsw-alias-label-secondary); }
 .ttl-select {
@@ -982,26 +990,6 @@
   font-size: 12px;
   cursor: pointer;
 }
-.ttl-sort-dir {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 28px;
-  height: 28px;
-  padding: 0;
-  border: 0.5px solid var(--dsw-alias-border-l3);
-  border-radius: var(--dsw-radius-sm);
-  background: none;
-  color: var(--dsw-alias-label-secondary);
-  font: inherit;
-  font-size: 13px;
-  line-height: 1;
-  cursor: pointer;
-}
-.ttl-sort-dir:hover {
-  background: var(--dsw-alias-interactive-bg-hover);
-  color: var(--dsw-alias-label-primary);
-}
 .ttl-refreshing {
   min-width: 52px;
   font-size: 12px;
@@ -1246,6 +1234,7 @@
   color: var(--dsw-alias-label-tertiary);
   font-size: 12px;
   line-height: 20px;
+  animation: ttl-fade-down 160ms var(--ttl-ease-out);
 }
 .ttl-detail-list {
   display: grid;
@@ -1294,6 +1283,74 @@
 }
 .ttl-link:disabled { opacity: 0.5; cursor: not-allowed; }
 .ttl-link-danger { color: var(--dsw-alias-state-error-primary); }
+/* 表格「完成时间」列双行：时刻 + 用时 / 进行中。 */
+.ttl-td-time .ttl-time-primary { display: block; line-height: 18px; }
+.ttl-time-duration {
+  display: block;
+  color: var(--dsw-alias-label-tertiary);
+  font-size: 11px;
+  line-height: 16px;
+  font-variant-numeric: tabular-nums;
+  /* 完成后这一行才出现，淡入让「用时」自然接手。 */
+  animation: ttl-fade-in 160ms var(--ttl-ease-out);
+}
+/* 表格行尾「⋯」与行内菜单：与看板卡片同一套动作模型。 */
+.ttl-row-more {
+  width: 22px;
+  height: 22px;
+  padding: 0;
+  border: 0;
+  border-radius: 6px;
+  background: none;
+  color: var(--dsw-alias-label-tertiary);
+  font: inherit;
+  font-size: 15px;
+  line-height: 1;
+  cursor: pointer;
+}
+.ttl-row-more:hover {
+  background: var(--dsw-alias-interactive-bg-hover);
+  color: var(--dsw-alias-label-primary);
+}
+.ttl-row-more:disabled { opacity: 0.5; cursor: not-allowed; }
+/* 表格行尾：⋯ 在上，展开后的动作在下，整列右对齐且不撑破操作列。 */
+.ttl-table-more {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  gap: 2px;
+}
+.ttl-row-menu {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-end;
+  gap: 0;
+  animation: ttl-fade-down var(--ttl-dur-fast) var(--ttl-ease-out);
+}
+.ttl-row-menu-item {
+  padding: 1px 2px;
+  border: 0;
+  border-radius: 6px;
+  background: none;
+  color: var(--dsw-alias-label-secondary);
+  font: inherit;
+  font-size: 12px;
+  line-height: 18px;
+  white-space: nowrap;
+  cursor: pointer;
+}
+.ttl-row-menu-item:hover {
+  background: var(--dsw-alias-interactive-bg-hover);
+  color: var(--dsw-alias-label-primary);
+}
+.ttl-row-menu-item:disabled { opacity: 0.5; cursor: not-allowed; }
+.ttl-row-menu-item-danger { color: color-mix(in srgb, var(--dsw-alias-state-error-primary) 78%, transparent); }
+.ttl-row-menu-item-danger:hover { color: var(--dsw-alias-state-error-primary); }
+.ttl-row-edit-actions { display: inline-flex; align-items: center; justify-content: flex-end; gap: 6px; }
+/* 行内编辑时状态列改为两个紧凑选择器（可见标签隐藏，aria-label 仍在）。 */
+.ttl-edit-status { display: flex; align-items: center; gap: 4px; }
+.ttl-edit-status .ttl-select > span { display: none; }
+.ttl-edit-status .ttl-select select { max-width: 78px; font-size: 12px; }
 .ttl-edit-input {
   flex: 1;
   height: 30px;
@@ -1310,6 +1367,7 @@
   color: var(--dsw-alias-label-tertiary);
   font-size: 13px;
   line-height: 20px;
+  animation: ttl-fade-in var(--ttl-dur-base) var(--ttl-ease-out);
 }
 
 .ttl-placeholder-title {
@@ -1607,6 +1665,8 @@
   height: 16px;
   border-radius: 8px;
   overflow: hidden;
+  /* 时间条从左向右「画」出来，呼应创建 → 完成的时间方向。 */
+  animation: ttl-bar-draw 420ms var(--ttl-ease-out) both;
 }
 .ttl-gantt-bar-completed { background: var(--dsw-alias-state-success-secondary); }
 .ttl-gantt-bar-ongoing {
@@ -1625,12 +1685,14 @@
   font-size: 10px;
   line-height: 1;
   white-space: nowrap;
-}.ttl-chat {
+}
+.ttl-chat {
   margin-bottom: 16px;
   border: 0.5px solid var(--dsw-alias-border-l2);
   border-radius: var(--dsw-radius-md);
   background: var(--dsw-alias-bg-layer-1);
   overflow: hidden;
+  animation: ttl-fade-in 160ms var(--ttl-ease-out);
 }
 
 .ttl-chat-headrow {
@@ -1792,6 +1854,8 @@
 .ttl-table-row {
   border-bottom: 0.5px solid var(--dsw-alias-border-l1);
   transition: background 0.12s ease-out;
+  /* 新行 / 切视图时淡入；animation-delay 由行索引注入，形成轻错位。 */
+  animation: ttl-fade-in var(--ttl-dur-base) var(--ttl-ease-out) both;
 }
 .ttl-table-row:hover { background: var(--dsw-alias-interactive-bg-hover); }
 .ttl-table tbody tr:last-child { border-bottom: 0; }
@@ -1960,11 +2024,13 @@
   border: 0.5px solid var(--dsw-alias-border-l2);
   border-radius: 12px;
   background: var(--dsw-alias-bg-base);
-  transition: border-color 0.15s, box-shadow 0.15s;
+  transition: border-color 0.15s, box-shadow 0.15s, transform 0.16s var(--ttl-ease-out);
+  animation: ttl-rise-in 200ms var(--ttl-ease-out) backwards;
 }
 .ttl-board-card:hover {
   border-color: var(--dsw-alias-border-l3);
   box-shadow: var(--dsw-shadow-lv1);
+  transform: translateY(-1px);
 }
 .ttl-board-card-editing { padding: 9px 10px; }
 .ttl-board-card-main { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
@@ -2016,6 +2082,13 @@
 }
 .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; }
+/* 勾选：对勾从 0.55 弹到 1；只在状态切换时过渡，首屏不会逐个弹。 */
+.ttl-check svg {
+  transform: scale(0.55);
+  transform-origin: 50% 50%;
+  transition: transform 200ms var(--ttl-ease-spring);
+}
+.ttl-check[data-checked='true'] svg { transform: scale(1); }
 .ttl-board-check { position: absolute; top: 8px; left: 8px; }
 .ttl-board-more {
   position: absolute;
@@ -2180,6 +2253,7 @@
   padding: 6px 8px;
   border-radius: 8px;
   background: var(--dsw-alias-bg-module-platform);
+  animation: ttl-fade-in var(--ttl-dur-base) var(--ttl-ease-out) both;
 }
 .ttl-calendar-entry-main {
   display: flex;
@@ -2300,6 +2374,7 @@
   justify-content: center;
   padding: 24px;
   background: var(--dsw-alias-bg-mask-1);
+  animation: ttl-fade-in 140ms ease-out;
 }
 .ttl-dialog {
   display: flex;
@@ -2311,6 +2386,7 @@
   background: var(--dsw-alias-bg-base);
   box-shadow: var(--dsw-shadow-lv3);
   overflow: hidden;
+  animation: ttl-dialog-in 200ms var(--ttl-ease-out) both;
 }
 .ttl-dialog-head {
   display: flex;
@@ -2438,15 +2514,39 @@
 @media (max-width: 560px) {
   .ttl-overlay { align-items: flex-start; padding: 12px; }
 }
+/* ===== 动效关键帧：短、克制，只服务状态变化 ===== */
+@keyframes ttl-fade-in {
+  from { opacity: 0; }
+  to { opacity: 1; }
+}
+@keyframes ttl-rise-in {
+  from { opacity: 0; transform: translateY(6px); }
+  to { opacity: 1; transform: none; }
+}
+@keyframes ttl-fade-down {
+  from { opacity: 0; transform: translateY(-4px); }
+  to { opacity: 1; transform: none; }
+}
+@keyframes ttl-dialog-in {
+  from { opacity: 0; transform: translateY(10px) scale(0.985); }
+  to { opacity: 1; transform: none; }
+}
+@keyframes ttl-count-pop {
+  from { opacity: 0.4; transform: translateY(-2px) scale(0.92); }
+  to { opacity: 1; transform: none; }
+}
+@keyframes ttl-bar-draw {
+  from { clip-path: inset(0 100% 0 0); }
+  to { clip-path: inset(0 0 0 0); }
+}
+
 @media (prefers-reduced-motion: reduce) {
-  .ttl-input,
-  .ttl-button,
-  .ttl-ghost-button,
-  .ttl-detail-toggle svg,
-  .ttl-chat-chevron,
-  .ttl-ghost-button-icon { transition: none; }
-  .ttl-skeleton-bar { animation: none; }
-  .ttl-toast { animation: none; }
+  .ttl-root *,
+  .ttl-root *::before,
+  .ttl-root *::after {
+    animation: none !important;
+    transition: none !important;
+  }
 }
 @media (max-width: 720px) {
   .ttl-detail-list { grid-template-columns: auto minmax(0, 1fr); }
@@ -3928,7 +4028,7 @@
         )
       );
     };
-    const renderBoardCard = (todo) => {
+    const renderBoardCard = (todo, index) => {
       const isEditing = editingId === todo.id;
       const isConfirming = confirmId === todo.id;
       const actionsOpen = boardActionsId === todo.id;
@@ -3948,6 +4048,8 @@
           key: todo.id,
           className: isEditing ? "ttl-board-card ttl-board-card-editing" : "ttl-board-card",
           "data-status": todo.status,
+          // 入场错位：与表格同一节奏（前 7 张，12ms 一步）。
+          style: { animationDelay: `${Math.min(index || 0, 6) * 12}ms` },
           role: "listitem",
           onKeyDown: (event) => {
             if (!event || event.key !== "Escape") return;
@@ -4185,7 +4287,7 @@
             "+"
           ) : null
         ),
-        collapsed ? null : h("div", { className: "ttl-board-list", role: "list" }, lane.items.map(renderBoardCard))
+        collapsed ? null : h("div", { className: "ttl-board-list", role: "list" }, lane.items.map((todo, index) => renderBoardCard(todo, index)))
       );
     };
     const renderBoardColumn = (column) => {
@@ -4235,7 +4337,7 @@
             tabIndex: 0,
             "aria-label": t("board.columnBodyAria", { name: column.label, count: total })
           },
-          lanes ? lanes.length === 0 ? h("p", { className: "ttl-board-column-empty" }, t(emptyColumnKey(column))) : h("div", { className: "ttl-board-lanes" }, lanes.map((lane) => renderBoardLane(column, lane))) : visibleItems.length === 0 ? h("p", { className: "ttl-board-column-empty" }, t(emptyColumnKey(column))) : h("div", { className: "ttl-board-list", role: "list" }, visibleItems.map(renderBoardCard)),
+          lanes ? lanes.length === 0 ? h("p", { className: "ttl-board-column-empty" }, t(emptyColumnKey(column))) : h("div", { className: "ttl-board-lanes" }, lanes.map((lane) => renderBoardLane(column, lane))) : visibleItems.length === 0 ? h("p", { className: "ttl-board-column-empty" }, t(emptyColumnKey(column))) : h("div", { className: "ttl-board-list", role: "list" }, visibleItems.map((todo, index) => renderBoardCard(todo, index))),
           !lanes && hiddenCount > 0 ? h(
             "button",
             {
@@ -4439,12 +4541,16 @@
 
   // src/client/views/table.js
   function createTableView(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 { busyId, cancelEdit, confirmId, detailIdOf, direction, editingId, editingPriority, editingType, emptyActionKey, expandedIds, filter, handleDelete, handleEmptyAction, handleHeaderSort, listStatus, nowMs, priorityBadge, prioritySelectControl, projectInput, renderDetailContent, renderFileChips, renderRowCheck, saveEdit, setConfirmId, setEditingPriority, setEditingType, setTableActionsId, sortBy, startEdit, statusBadge, tableActionsId, titleInput, toggleExpanded, typeBadge, typeSelectControl, visibleTodos } = deps;
+    const pushTableRow = (rows, todo, index) => {
       const completed = todo.status === "completed";
       const isEditing = editingId === todo.id;
       const expanded = expandedIds[todo.id] === true;
+      const actionsOpen = tableActionsId === todo.id;
+      const isConfirming = confirmId === todo.id;
       const detailId = detailIdOf(todo);
+      const menuId = `ttl-row-menu-${String(todo.id).replace(/[^A-Za-z0-9_-]/g, "-")}`;
+      const duration = formatDurationShort(todo.createdAt, completed ? todo.completedAt : nowMs);
       const titleCell = isEditing ? h("td", { className: "ttl-td ttl-td-title" }, titleInput(todo)) : h(
         "td",
         { className: "ttl-td ttl-td-title" },
@@ -4473,11 +4579,15 @@
             key: todo.id,
             className: "ttl-table-row",
             "data-status": todo.status,
+            // 入场错位：只给前 7 行加延迟（12ms 一步），长列表不用等。
+            style: { animationDelay: `${Math.min(index || 0, 6) * 12}ms` },
             onKeyDown: (event) => {
-              if (event.key === "Escape" && confirmId === todo.id) {
+              if (!event || event.key !== "Escape") return;
+              if (isConfirming || actionsOpen) {
                 event.preventDefault();
                 event.stopPropagation();
                 setConfirmId(null);
+                setTableActionsId(null);
               }
             }
           },
@@ -4491,11 +4601,140 @@
           h(
             "td",
             { className: "ttl-td ttl-td-status" },
-            h("span", { className: "ttl-badge-row" }, statusBadge(todo), typeBadge(todo), priorityBadge(todo))
+            isEditing ? h(
+              "span",
+              { className: "ttl-edit-status" },
+              prioritySelectControl(editingPriority, setEditingPriority, busyId === todo.id),
+              typeSelectControl(editingType, setEditingType, busyId === todo.id)
+            ) : h("span", { className: "ttl-badge-row" }, statusBadge(todo), typeBadge(todo), priorityBadge(todo))
           ),
           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, showToggle: false }))
+          // 完成时间列双行：第一行时刻，第二行「用时 / 进行中」——时间账本的核心指标。
+          h(
+            "td",
+            { className: "ttl-td ttl-td-time" },
+            h("span", { className: "ttl-time-primary" }, completed ? formatTime(todo.completedAt) : EMPTY_TIME),
+            duration === EMPTY_TIME ? null : h(
+              "span",
+              { className: "ttl-time-duration", "data-status": todo.status },
+              t(completed ? "table.spent" : "table.elapsed", { duration })
+            )
+          ),
+          h(
+            "td",
+            { className: "ttl-td ttl-td-actions" },
+            isEditing ? h(
+              "span",
+              { className: "ttl-row-edit-actions" },
+              h(
+                "button",
+                {
+                  type: "button",
+                  className: "ttl-link",
+                  disabled: busyId === todo.id,
+                  onClick: () => {
+                    void saveEdit(todo);
+                  }
+                },
+                t("row.save")
+              ),
+              h(
+                "button",
+                { type: "button", className: "ttl-link", disabled: busyId === todo.id, onClick: cancelEdit },
+                t("row.cancel")
+              )
+            ) : h(
+              "div",
+              { className: "ttl-table-more" },
+              h(
+                "button",
+                {
+                  type: "button",
+                  className: "ttl-row-more",
+                  "aria-expanded": actionsOpen ? "true" : "false",
+                  "aria-controls": actionsOpen ? menuId : void 0,
+                  "aria-label": t("table.moreAria", { title: todo.title === "" ? t("list.empty") : todo.title }),
+                  title: t("table.more"),
+                  disabled: busyId === todo.id,
+                  onClick: () => {
+                    setConfirmId(null);
+                    setTableActionsId(actionsOpen ? null : todo.id);
+                  }
+                },
+                "⋯"
+              ),
+              actionsOpen ? h(
+                "div",
+                { id: menuId, className: "ttl-row-menu", role: "group", "aria-label": t("table.more") },
+                isConfirming ? [
+                  h(
+                    "button",
+                    {
+                      key: "confirm",
+                      type: "button",
+                      className: "ttl-row-menu-item ttl-row-menu-item-danger",
+                      disabled: busyId === todo.id,
+                      onClick: () => {
+                        void handleDelete(todo);
+                      }
+                    },
+                    t("row.confirmDelete")
+                  ),
+                  h(
+                    "button",
+                    {
+                      key: "cancel",
+                      type: "button",
+                      className: "ttl-row-menu-item",
+                      onClick: () => setConfirmId(null)
+                    },
+                    t("row.cancel")
+                  )
+                ] : [
+                  h(
+                    "button",
+                    {
+                      key: "detail",
+                      type: "button",
+                      className: "ttl-row-menu-item",
+                      "aria-expanded": expanded ? "true" : "false",
+                      "aria-controls": detailId,
+                      onClick: () => {
+                        setTableActionsId(null);
+                        toggleExpanded(todo);
+                      }
+                    },
+                    t("table.detail")
+                  ),
+                  h(
+                    "button",
+                    {
+                      key: "edit",
+                      type: "button",
+                      className: "ttl-row-menu-item",
+                      disabled: busyId === todo.id,
+                      onClick: () => {
+                        setTableActionsId(null);
+                        startEdit(todo);
+                      }
+                    },
+                    t("row.edit")
+                  ),
+                  h(
+                    "button",
+                    {
+                      key: "delete",
+                      type: "button",
+                      className: "ttl-row-menu-item ttl-row-menu-item-danger",
+                      disabled: busyId === todo.id,
+                      onClick: () => setConfirmId(todo.id)
+                    },
+                    t("row.delete")
+                  )
+                ]
+              ) : null
+            )
+          )
         )
       );
       if (expanded) {
@@ -4543,10 +4782,10 @@
               )
             )
           );
-          for (const todo of group.items) pushTableRow(rows, todo);
+          for (const [index, todo] of group.items.entries()) pushTableRow(rows, todo, index);
         }
       } else {
-        for (const todo of visibleTodos) pushTableRow(rows, todo);
+        for (const [index, todo] of visibleTodos.entries()) pushTableRow(rows, todo, index);
       }
       return h(
         "div",
@@ -4640,6 +4879,7 @@
       open,
       busy,
       applying,
+      dirty,
       fileName,
       mode,
       preview,
@@ -4660,7 +4900,9 @@
     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 canDismissBackdrop = dirty !== true && busy !== true && applying !== true;
     const backdrop = (event) => {
+      if (!canDismissBackdrop) return;
       if (event && event.target === event.currentTarget) onClose();
     };
     return h(
@@ -4676,7 +4918,7 @@
           onKeyDown: (event) => {
             if (event && event.key === "Escape") {
               event.stopPropagation();
-              onClose();
+              if (canDismissBackdrop) onClose();
             }
           }
         },
@@ -4887,6 +5129,7 @@
     const [messages, setMessages] = React.useState(() => [{ id: 0, role: "assistant", welcome: true }]);
     const [boardGroupBy, setBoardGroupBy] = React.useState("status");
     const [boardActionsId, setBoardActionsId] = React.useState(null);
+    const [tableActionsId, setTableActionsId] = React.useState(null);
     const [boardShowAllCompleted, setBoardShowAllCompleted] = React.useState(false);
     const [search, setSearch] = React.useState("");
     const [boardLaneCollapsed, setBoardLaneCollapsed] = React.useState({});
@@ -5244,6 +5487,30 @@
         cancelEdit();
       }
     };
+    const restoreDeleted = async (todo) => {
+      if (todo === null || todo === void 0) return;
+      try {
+        const content = JSON.stringify([{
+          id: todo.id,
+          title: todo.title,
+          project: todo.project,
+          files: normalizeFiles(todo.files),
+          status: todo.status,
+          priority: todo.priority,
+          type: todo.type,
+          createdAt: todo.createdAt,
+          completedAt: todo.completedAt,
+          updatedAt: todo.updatedAt
+        }]);
+        await request("/import", { content, mode: "merge" });
+        if (!mountedRef.current) return;
+        showNotice("success", t("notice.restored"));
+        void fetchProjectSuggestions(workspaceRef.current, true);
+        await reload(true);
+      } catch (error) {
+        showNotice("error", messageOf(error));
+      }
+    };
     const handleDelete = async (todo) => {
       if (todo === null || todo === void 0 || busyId !== null) return;
       setBusyId(todo.id);
@@ -5251,7 +5518,12 @@
         await request("/delete", { id: todo.id });
         if (!mountedRef.current) return;
         setConfirmId(null);
-        showNotice("success", t("notice.deleted"));
+        setTableActionsId(null);
+        showNotice("success", t("notice.deleted"), {
+          onClick: () => {
+            void restoreDeleted(todo);
+          }
+        });
         void fetchProjectSuggestions(workspaceRef.current, true);
         await reload(true);
       } catch (error) {
@@ -6197,6 +6469,7 @@
       calendarMonth,
       calendarSelectedDay,
       calendarYear,
+      cancelEdit,
       confirmId,
       density,
       detailIdOf,
@@ -6230,6 +6503,7 @@
       renderDetailContent,
       renderFileChips,
       renderRowCheck,
+      saveEdit,
       setBoardActionsId,
       setBoardLaneCollapsed,
       setBoardShowAllCompleted,
@@ -6237,9 +6511,11 @@
       setConfirmId,
       setEditingPriority,
       setEditingType,
+      setTableActionsId,
       sortBy,
       startEdit,
       statusBadge,
+      tableActionsId,
       titleInput,
       toggleExpanded,
       toggleGanttExpanded,
@@ -6299,38 +6575,10 @@
             onClick: () => setFilter(entry.value)
           },
           t(entry.labelKey),
-          h("span", { className: "ttl-seg-count" }, String(filterCounts[entry.value] || 0))
+          h("span", { key: filterCounts[entry.value] || 0, className: "ttl-seg-count" }, String(filterCounts[entry.value] || 0))
         )
       )
     );
-    const sortSelect = h(
-      "label",
-      { className: "ttl-select" },
-      h("span", null, t("sort.label")),
-      h(
-        "select",
-        {
-          value: sortBy,
-          "aria-label": t("sort.label"),
-          onChange: (event) => setSortBy(event.target.value)
-        },
-        SORTS.map(
-          (entry) => h("option", { key: entry.value, value: entry.value }, t(entry.labelKey))
-        )
-      )
-    );
-    const directionLabel = t(direction === "asc" ? "direction.asc" : "direction.desc");
-    const directionToggle = h(
-      "button",
-      {
-        type: "button",
-        className: "ttl-sort-dir",
-        "aria-label": t("direction.toggleAria", { direction: directionLabel }),
-        title: t("direction.toggleAria", { direction: directionLabel }),
-        onClick: () => setDirection(direction === "asc" ? "desc" : "asc")
-      },
-      h("span", { "aria-hidden": "true" }, direction === "asc" ? "↑" : "↓")
-    );
     const viewToggle = h(
       "div",
       { className: "ttl-seg", role: "group", "aria-label": t("view.aria") },
@@ -6575,41 +6823,38 @@
                   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",
-                {
-                  type: "button",
-                  className: "ttl-ghost-button",
-                  "aria-expanded": chatOpen ? "true" : "false",
-                  "aria-controls": chatOpen ? "ttl-chat-panel" : void 0,
-                  "aria-label": chatOpen ? t("chat.collapse") : t("chat.expand"),
-                  title: chatOpen ? t("chat.collapse") : t("chat.expand"),
-                  onClick: () => setChatOpen((value) => !value)
-                },
-                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: chatOpen ? "M4 10l4-4 4 4" : "M4 6l4 4-4 4" })
-                ),
-                t("chat.title")
               )
             )
           ),
-          // 新建待办：整页唯一的主操作区。
-          h(
+          // 捕获区：单条与批量共用同一位置；批量展开时不在列表上方再叠一层。
+          chatOpen ? h(ChatPanel, {
+            id: "ttl-chat-panel",
+            open: true,
+            busy: chatBusy,
+            messages,
+            input: chatInput,
+            suggestions: fileSuggestions,
+            suggestionsKind: suggestKind,
+            workspaces,
+            workspace,
+            onWorkspaceChange: handleWorkspaceChange,
+            suggestionsOpen: suggestOpen && suggestTarget === "chat",
+            suggestionsLoading: suggestLoading,
+            suggestionsError: suggestError,
+            suggestionsActive: suggestActive,
+            onToggle: () => setChatOpen(false),
+            onChange: (value, caret) => handleChatInputChange(value, caret),
+            onSend: () => {
+              void handleChatSend();
+            },
+            onUndo: (message) => {
+              void handleChatUndo(message);
+            },
+            onSuggestMove: moveFileSuggest,
+            onSuggestClose: closeFileSuggest,
+            onSuggestSelect: selectSuggestion,
+            onCopyFile: copyFilePath
+          }) : h(
             "form",
             { className: "ttl-composer", onSubmit: handleCreate, "aria-label": t("create.aria") },
             h("input", {
@@ -6656,6 +6901,18 @@
             }),
             prioritySelectControl(newPriority, setNewPriority, creating),
             typeSelectControl(newType, setNewType, creating),
+            h(
+              "button",
+              {
+                type: "button",
+                className: "ttl-ghost-button ttl-composer-batch",
+                title: t("create.batchTitle"),
+                "aria-expanded": "false",
+                "aria-controls": "ttl-chat-panel",
+                onClick: () => setChatOpen(true)
+              },
+              t("create.batch")
+            ),
             h(
               "button",
               {
@@ -6666,35 +6923,6 @@
               creating ? t("create.actionBusy") : t("create.action")
             )
           ),
-          // 对话录入：按需展开的次要录入方式，默认收起，不与新建抢注意力。
-          chatOpen ? h(ChatPanel, {
-            id: "ttl-chat-panel",
-            open: true,
-            busy: chatBusy,
-            messages,
-            input: chatInput,
-            suggestions: fileSuggestions,
-            suggestionsKind: suggestKind,
-            workspaces,
-            workspace,
-            onWorkspaceChange: handleWorkspaceChange,
-            suggestionsOpen: suggestOpen && suggestTarget === "chat",
-            suggestionsLoading: suggestLoading,
-            suggestionsError: suggestError,
-            suggestionsActive: suggestActive,
-            onToggle: () => setChatOpen((value) => !value),
-            onChange: (value, caret) => handleChatInputChange(value, caret),
-            onSend: () => {
-              void handleChatSend();
-            },
-            onUndo: (message) => {
-              void handleChatUndo(message);
-            },
-            onSuggestMove: moveFileSuggest,
-            onSuggestClose: closeFileSuggest,
-            onSuggestSelect: selectSuggestion,
-            onCopyFile: copyFilePath
-          }) : null,
           // 数据区：视图切换与列表同属一张卡片。
           h(
             "div",
@@ -6702,26 +6930,32 @@
             h(
               "div",
               { className: "ttl-toolbar" },
+              // 第一行固定：视图切换 + 搜索。切视图时控件位置不变。
               h(
                 "div",
-                { className: "ttl-group" },
-                viewToggle,
-                view === "table" ? filterTabs : view === "board" ? h(React.Fragment, null, boardGroupSelect, densitySelect, filterTabs) : view === "gantt" ? rangeSelect : calendarBasisSelect
+                { className: "ttl-toolbar-row" },
+                h("div", { className: "ttl-group" }, viewToggle),
+                h(
+                  "div",
+                  { className: "ttl-group" },
+                  searchInput,
+                  h(
+                    "span",
+                    { className: "ttl-refreshing", "aria-live": "polite" },
+                    refreshing && listStatus !== "loading" ? t("list.refreshing") : ""
+                  )
+                )
               ),
+              // 第二行：左侧是当前视图专属控件，右侧始终是分类 / 类型筛选。
               h(
                 "div",
-                { className: "ttl-group" },
-                searchInput,
-                projectFilterSelect,
-                typeFilterSelect,
-                view === "table" ? sortSelect : null,
-                view === "table" ? directionToggle : null,
-                view === "calendar" ? calendarNav : null,
+                { className: "ttl-toolbar-row" },
                 h(
-                  "span",
-                  { className: "ttl-refreshing", "aria-live": "polite" },
-                  refreshing && listStatus !== "loading" ? t("list.refreshing") : ""
-                )
+                  "div",
+                  { className: "ttl-group" },
+                  view === "table" ? filterTabs : view === "board" ? h(React.Fragment, null, boardGroupSelect, densitySelect, filterTabs) : view === "gantt" ? rangeSelect : h(React.Fragment, null, calendarBasisSelect, calendarNav)
+                ),
+                h("div", { className: "ttl-group" }, projectFilterSelect, typeFilterSelect)
               )
             ),
             h("div", { className: "ttl-list" }, listBody)
@@ -6763,6 +6997,8 @@
         open: transferOpen,
         busy: transferBusy,
         applying: transferApplying,
+        // 有文件 / 预览 / 改动过策略时，遮罩与 Esc 不再直接关闭（防误丢导入内容）。
+        dirty: transferFileName !== "" || transferContent !== "" || transferPreview !== null,
         fileName: transferFileName,
         mode: transferMode,
         preview: transferPreview,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-todo-time-log",
-  "version": "0.6.2",
+  "version": "0.6.3",
   "description": "DeepSeek Harness 待办插件：自动记录每条待办的创建与完成时间，四视图（表格 / 看板 / 甘特图 / 日历）呈现真实耗时（Todo time log for DeepSeek Harness）",
   "keywords": [
     "dsh",