dsh-worktodo 0.1.0 → 0.1.3

package/CHANGELOG.md

@@ -1,5 +1,70 @@
 # 更新日志
 
+> 本文提到的 `tools/`、`docs/` 等路径都在**仓库**里，不在 npm 发布包内：<https://github.com/olimc2016/dsh-worktodo>
+
+## 0.1.3
+
+### 新增
+
+- **排序模式**：面板顶部新增「手动 / 优先级 / 创建时间」三档排序（`worktodo_list` 也开放了同样的 `sort` 参数）。
+  - `manual`（默认）：尊重你拖动过的顺序；**没拖过的条目自动退回**优先级 → 截止日期 → 创建时间，所以一上手看到的顺序依然合理；
+  - `priority`：高优先级在前，同优先级按截止日期，无日期垫底；
+  - `created`：最近添加的在前。
+  三种模式都保持「已完成永远沉底」。
+- **拖动排序**：按住任意一行拖到目标位置即可调整顺序。拖动时会**自动切到手动模式**（否则松手后看起来"没生效"）；
+  落序由宿主在校验后写盘（`POST /worktodo/reorder`，收到完整 id 顺序，只写真正变了的记录）；
+  传了不存在的 id 会**显式失败**（`not-found`），不会静默改一半。
+
+### 测试
+
+- `verify-records` 新增 2 例：三种排序模式的顺序、`applyManualOrder` 的纯函数语义（含"没拖过的垫后"）；
+- `smoke-host` 新增 2 例：`/list?sort=created` 的顺序、`POST /reorder` 落盘并在 manual 模式生效（含坏 id 的显式失败）。
+
+## 0.1.2
+
+### 新增
+
+- **按项目管理待办**：面板顶部新增「**按截止 / 按项目**」视图切换。
+  「按项目」视图里每个项目是一个可折叠分组，标题显示「未完成/总数 · 逾期 N」；
+  没写项目的记录归入「未归类」并**永远排在最后**。
+  排序规则：未完成多的项目在前 → 未完成里最早截止日期更早的在前 → 名字字典序。
+  宿主侧 `/worktodo/list` 新增 `projectGroups` 字段（`groupByProject`），且**不受 `project` 参数收窄**——
+  这样面板一次就能拿到全部项目用于切换。
+
+### AI 友好
+
+- **给模型的用法指引**：通过官方 `ctx.systemPrompt.section()` 贡献一段提示（段名 `worktodo:guidance`，
+  `order` 取 3050——官方内置工具段是 1000–3000、`MCP_SERVERS` 是 3100，插在两者之间）。
+  内容讲清三件事：什么时候该用（用户说出承诺/截止日期，或发现超出本会话、仍需人跟进的待办）、
+  什么时候**不该**用（当前任务的步骤拆解属于会话内的 `todo_write`，两者互补）、
+  以及「加之前先查重」「做完用 `worktodo_done`」「标题写成祈使句」等约定。
+- **批量登记**：新增 `worktodo_add_many`，一次调用登记多条；某条不合法只跳过那一条并把原因回传，
+  不影响其余条目（用户一口气说好几件事时省调用）。
+
+### 测试
+
+- `verify-records` 新增 4 例覆盖 `groupByProject`（未归类最后、未完成多者在前、桶内 total/open/overdue、空输入）；
+- `smoke-host` 新增 1 例断言 `/list` 载荷确实带 `projectGroups` 且形状正确。
+
+## 0.1.1
+
+### 修复（重要）
+
+- **装出来的插件根本无法启动**：0.1.0 把运行期真正 import 的三个官方平台包（`@deepseek-ai/dsh-tools`、
+  `@deepseek-ai/dsh-storage-domain`、`@deepseek-ai/dsh-home-paths`）只声明为 `peerDependencies`，
+  于是从 npm / GitHub 装出来的包**没有任何可解析的平台包**，DSH 启动时该插件直接加载失败
+  （实测：工具全部消失，`worktodo_list` 报 `unknown tool`）。现在改为 `dependencies`——
+  实测从 GitHub 安装后，从插件自身位置三个包都能解析。
+- **npm 包页面没有 README**：0.1.0 是经「暂存发布」（staged publishing）上线的，而实测那条路径**不会写入 registry 的 `readme` 字段**
+  （同机对照：普通 `publish` 的包 `readme` 有 8193 字符，本包 0 字符），于是包页面没有 README。
+  本版改为**直接发布**——OIDC 下同样不需要人类 2FA，所以并没有牺牲自动化。
+
+### 文档
+
+- 三份文档（README 中英、CHANGELOG）里补了**绝对仓库地址**的说明：提到 `docs/`、`tools/` 等目录时指向仓库
+  （这些文件不在 npm 包内）。npm 页面上的读者因此能找到出处，而不会撞上够不着的路径。
+- `publish.yml` 的默认发布方式改为**直接发布**，同时保留手动「暂存 + 网页批准」入口。
+
 ## 0.1.0
 
 首个可用版本。
@@ -43,7 +108,7 @@
 - 新增可观测性：`/worktodo/health` 现在报告运行中的实际 `version` 与
   `tools: { status, registered, names, error }`——工具静默没注册这类问题不用再翻日志猜。
 
-### 测试（116 例，均不需要启动 DSH）
+### 测试（172 例，均不需要启动 DSH）
 
 - `tools/verify-records.mjs`（22）：日期归一化与相对日期、状态/优先级同义词、完成时间维护、
   引用解析（id / 标题 / 前缀 / 歧义）、分组边界（本周日 vs 下周一）、统计口径、筛选、坏记录修复。
@@ -54,7 +119,7 @@
   统计不随筛选变化、提升去重、变更通知。
 - `tools/smoke-host.mjs`（26）：假 ctx 里跑通 `apply` → 7 条路由 → 服务 → 存储的完整增删改查，
   方法围栏与 `connection` 准入，失败路径（空标题、坏 JSON、未知 filter），health 自检字段，
-  6 个工具经**官方 `defineTool`** 校验注册并真实执行，以及 5 条「工具返回值必须无损」的断言——
+  7 个工具经**官方 `defineTool`** 校验注册并真实执行，以及 5 条「工具返回值必须无损」的断言——
   判定用的是 **DSH 自己的校验器** `snapshotJsonValue`（来自 `@deepseek-ai/dsh-util-values`，
   就是 `@deepseek-ai/dsh-tools` 报 "value is not lossless JSON" 时用的那一个函数），
   并有一条专门断言「旧写法 `due: undefined` 必须被它拒绝」，用来证明这条守卫确实有牙齿。

package/README.en.md

@@ -1,8 +1,12 @@
 # Work Todo · dsh-worktodo
 
+
 **A work todo list that belongs to you, not to a session.** A dedicated DSH sidebar panel, plus `worktodo_*` tools so the agent reads and writes **the same** list you do.
 
-> Works with **DSH 0.2.x** (tested on 0.2.0-rc.2) · **zero npm runtime dependencies** (`dependencies: {}`) · community plugin, unofficial
+> Works with **DSH 0.2.x** (tested on 0.2.0-rc.2) · runtime deps are **3 official platform packages only** (no third-party deps) · community plugin, unofficial
+
+> **About the paths in this file**: references to `docs/`, `tools/` and similar point into the **repository** —
+> those files are not part of the npm package. Repository: <https://github.com/olimc2016/dsh-worktodo>
 
 ## The gap it fills
 
@@ -33,7 +37,8 @@ dsh plugin --profile desktop add github:olimc2016/dsh-worktodo
 
 This path is verified (see `docs/verification.md`): the browser half's build output `lib/client.js` is committed,
 and the package declares no `prepare`/`install` build script, so a git install needs **no build authorization**
-and pulls none of the development dependencies — measured: **1 package** resolved, **316 KB** installed,
+measurement (install from GitHub): **1 top-level package** plus the 3 official platform packages, about **12 MB** installed
+(~8 MB of that is zod, pulled in by the official `@deepseek-ai/dsh-tools`), and no development dependencies.
 no nested `node_modules`, and the installed tree matches the npm tarball file for file.
 
 **Option 2: from npm** (once the package is published)
@@ -90,10 +95,15 @@ Pin your own path in `cordis.patch.yml`:
 ```bash
 pnpm install            # esbuild ships a prebuilt binary; no approve-builds needed
 pnpm run build          # build lib/client.js (browser half)
-pnpm test               # 116 cases: data model / storage / service / host wiring and tools / client contract / client bundle / catalog gate
+pnpm test               # 172 cases: data model / storage / service / host wiring and tools / client contract / client bundle / CI contract / privacy gate / catalog gate
 pnpm run watch          # incremental client build
 ```
 
+Release flow (trusted publishing + staged approval) is documented in `docs/releasing.md`:
+
+```bash
+```
+
 No DSH instance is needed to run the suite: `verify-records` (pure data), `verify-store` (real file IO plus a genuine **official `defineDomain` contract check**), `verify-service` (explicit statuses and boundaries), `smoke-host` (apply → routes → service → storage in a fake context, plus tool registration and execution with schemas validated by the **official `defineTool`**), `smoke-contract` (extracts the paths and field names the client actually sends and checks them against the host's real routes — catching silent failures where a mistyped field means, for instance, that due dates never save), `smoke-client` (bundle format, slot registration, and a first render that must not throw), and `verify-submission` (a local gate for the catalog PR: fields, filename, category and date, plus checks that only matter on the GitHub distribution path, such as whether every file a git install needs is actually tracked).
 
 ## License

package/README.md

@@ -2,7 +2,10 @@
 
 **归你所有、跨会话持久的工作待办。** DSH 侧栏一个独立面板，agent 通过 `worktodo_*` 工具读写**同一份**列表。
 
-> 兼容 **DSH 0.2.x**（0.2.0-rc.2 实测）· **零 npm 依赖**（`dependencies: {}`）· 社区插件，非官方
+> 兼容 **DSH 0.2.x**（0.2.0-rc.2 实测）· 运行期只依赖 **3 个官方平台包**（无任何第三方依赖）· 社区插件，非官方
+
+> **关于本文里的路径**：提到 `docs/`、`tools/` 等目录时，指的是**仓库**里的文件——它们不在 npm 发布包内。
+> 仓库地址：<https://github.com/olimc2016/dsh-worktodo>
 
 ---
 
@@ -35,7 +38,14 @@ dsh plugin --profile desktop add github:olimc2016/dsh-worktodo
 
 这条路是实测过的（见 `docs/verification.md`）：仓库里提交了浏览器半侧的构建产物 `lib/client.js`，
 包内没有 `prepare`/`install` 这类构建脚本，所以 **git 安装不需要任何构建授权**，也不会把开发依赖装进来
-——实测只解析 **1 个包**、整个安装 **316 KB**、包内无嵌套 `node_modules`，且安装结果与 npm 发布包逐一相同。
+——实测（从 GitHub 安装）：顶层解析 **1 个包** + 3 个官方平台包，安装约 **12 MB**（其中约 8 MB 是官方 `@deepseek-ai/dsh-tools` 依赖的 zod），
+包内含已构建的 `lib/client.js`，**无需构建授权**。
+
+> **为什么平台包必须是 `dependencies` 而不是 peer**：0.1.0 曾只声明 peer，结果从 npm/GitHub 装出来的包里
+> **没有任何可解析的平台包**，DSH 启动时该插件直接加载失败（工具全部消失）。0.1.1 起改为 `dependencies`——
+> 实测安装后从插件自身位置三个包都能解析。
+（注意：DSH 的插件安装器会额外在包目录里装一次开发依赖，本机观察到 22 MB；那是安装器行为、与包本身无关，
+删掉不影响运行——见 `docs/verification.md`。）
 
 **方式二：从 npm 装**（包发布后可用）
 
@@ -97,10 +107,15 @@ dsh plugin --profile desktop add dsh-worktodo
 ```bash
 pnpm install            # esbuild 用预编译二进制，无需 approve-builds
 pnpm run build          # 打 lib/client.js（浏览器半侧）
-pnpm test               # 116 个用例：数据模型 / 存储 / 服务 / 宿主接线与工具 / 客户端↔宿主契约 / 客户端 bundle / 收录门禁
+pnpm test               # 155 个用例：数据模型 / 存储 / 服务 / 宿主接线与工具 / 客户端↔宿主契约 / 客户端 bundle / CI 契约 / 隐私门禁 / 收录门禁
 pnpm run watch          # 改客户端时增量构建
 ```
 
+发版流程（Trusted Publishing + 暂存批准）见仓库里的 `docs/releasing.md`：
+
+```bash
+```
+
 测试策略：不用启动 DSH 就能跑完——
 `verify-records`（纯数据）、`verify-store`（真实文件 IO + **官方 `defineDomain` 契约校验**）、
 `verify-service`（显式状态与边界）、`smoke-host`（假 ctx 里跑通 apply → 路由 → 服务 → 存储，

package/lib/client.js

@@ -71,6 +71,14 @@ var zh = {
   "groupWeek": "\u672C\u5468",
   "groupLater": "\u4EE5\u540E",
   "groupCompleted": "\u5DF2\u5B8C\u6210",
+  "viewDue": "\u6309\u622A\u6B62",
+  "viewProject": "\u6309\u9879\u76EE",
+  "noProject": "\u672A\u5F52\u7C7B",
+  "sortLabel": "\u6392\u5E8F",
+  "sortManual": "\u624B\u52A8",
+  "sortPriority": "\u4F18\u5148\u7EA7",
+  "sortCreated": "\u521B\u5EFA\u65F6\u95F4",
+  "dragHint": "\u62D6\u52A8\u8C03\u6574\u987A\u5E8F\uFF08\u4F1A\u81EA\u52A8\u5207\u5230\u624B\u52A8\u6392\u5E8F\uFF09",
   "expand": "\u5C55\u5F00",
   "collapse": "\u6536\u8D77",
   "empty": "\u8FD8\u6CA1\u6709\u5F85\u529E",
@@ -129,6 +137,14 @@ var en = {
   "groupWeek": "This week",
   "groupLater": "Later",
   "groupCompleted": "Completed",
+  "viewDue": "By due",
+  "viewProject": "By project",
+  "noProject": "Uncategorized",
+  "sortLabel": "Sort",
+  "sortManual": "Manual",
+  "sortPriority": "Priority",
+  "sortCreated": "Created",
+  "dragHint": "Drag to reorder (switches to manual sort)",
   "expand": "Expand",
   "collapse": "Collapse",
   "empty": "No to-dos yet",
@@ -226,6 +242,18 @@ var STYLE_TEXT = `
   flex-direction: column; align-items: stretch; gap: 6px;
   border: 1px solid ${C.border1}; background: ${C.layer1};
 }
+.wt-seg {
+  display: inline-flex; align-items: center; border-radius: 8px; overflow: hidden;
+  border: 1px solid ${C.border}; background: ${C.bg2};
+}
+.wt-seg-btn {
+  appearance: none; border: 0; background: transparent; color: ${C.label2};
+  font: inherit; font-size: 11.5px; line-height: 1; padding: 5px 9px; cursor: pointer;
+}
+.wt-seg-btn.is-on { background: ${C.hover}; color: ${C.label}; font-weight: 600; }
+.wt-seg-btn:hover { color: ${C.label}; }
+.wt-row[draggable="true"] { cursor: grab; }
+.wt-row[draggable="true"]:active { cursor: grabbing; }
 .wt-group-head {
   display: flex; align-items: center; gap: 7px; padding: 3px 8px; border-radius: 8px;
   cursor: pointer; user-select: none; color: ${C.label2};
@@ -362,12 +390,13 @@ async function postJson(path, body) {
   return parsed.data ?? {};
 }
 var lastList = null;
-function useList() {
+var lastSort = "manual";
+function useList(sort) {
   const [state, setState] = import_react.default.useState(() => lastList ? { status: "ready", data: lastList, error: null } : { status: "loading", data: null, error: null });
   const [tick, setTick] = import_react.default.useState(0);
   import_react.default.useEffect(() => {
     let alive = true;
-    fetch(`${ROUTE_LIST}?filter=all`, { cache: "no-store", credentials: "same-origin" }).then(async (response) => {
+    fetch(`${ROUTE_LIST}?filter=all&sort=${encodeURIComponent(sort || "manual")}`, { cache: "no-store", credentials: "same-origin" }).then(async (response) => {
       if (!response.ok) throw new Error(`HTTP ${response.status}`);
       const body = await response.json().catch(() => null);
       if (!body?.ok) throw new Error(body?.error ?? body?.reason ?? "\u672A\u77E5\u9519\u8BEF");
@@ -385,7 +414,7 @@ function useList() {
     return () => {
       alive = false;
     };
-  }, [tick]);
+  }, [tick, sort]);
   const refresh = import_react.default.useCallback(() => setTick((n) => n + 1), []);
   return { ...state, refresh };
 }
@@ -457,7 +486,7 @@ function QuickAdd({ t, onAdd, busy }) {
     }, t("add"))
   ]);
 }
-function TodoRow({ todo, today, t, onToggle, onRemove, onSave }) {
+function TodoRow({ todo, today, t, onToggle, onRemove, onSave, drag }) {
   const [editing, setEditing] = import_react.default.useState(false);
   const [draft, setDraft] = import_react.default.useState(null);
   const [notesOpen, setNotesOpen] = import_react.default.useState(false);
@@ -627,7 +656,29 @@ function TodoRow({ todo, today, t, onToggle, onRemove, onSave }) {
       title: row.source === "agent" ? t("sourceAgent") : t("sourceSession")
     }, row.source === "agent" ? t("sourceAgent") : t("sourceSession")));
   }
-  return import_react.default.createElement("div", { className: "wt-row" }, [
+  const dragAttrs = drag ? {
+    draggable: true,
+    onDragStart: (event) => {
+      try {
+        event.dataTransfer?.setData("text/plain", row.id ?? "");
+        if (event.dataTransfer) event.dataTransfer.effectAllowed = "move";
+      } catch {
+      }
+      drag.onStart?.(row.id);
+    },
+    onDragOver: (event) => {
+      event.preventDefault();
+      drag.onOver?.(row.id);
+    },
+    onDrop: (event) => {
+      event.preventDefault();
+      drag.onDrop?.(row.id);
+    },
+    onDragEnd: () => drag.onEnd?.(),
+    title: drag.hint,
+    style: drag.dragging ? { opacity: 0.45 } : void 0
+  } : {};
+  return import_react.default.createElement("div", { className: "wt-row", ...dragAttrs }, [
     import_react.default.createElement("button", {
       key: "check",
       type: "button",
@@ -674,7 +725,7 @@ function TodoRow({ todo, today, t, onToggle, onRemove, onSave }) {
     }, confirming ? t("confirmDelete") : import_react.default.createElement(IconTrash, { key: "i" }))
   ]);
 }
-function Group({ label, items, closed, t, today, onToggleOpen, onToggleTodo, onRemove, onSave }) {
+function Group({ label, items, meta, closed, t, today, onToggleOpen, onToggleTodo, onRemove, onSave, drag }) {
   const list = asArray(items);
   if (!list.length) return null;
   return import_react.default.createElement("div", { style: { marginTop: 6 } }, [
@@ -688,7 +739,7 @@ function Group({ label, items, closed, t, today, onToggleOpen, onToggleTodo, onR
     }, [
       import_react.default.createElement(IconChevron, { key: "c", open: !closed }),
       import_react.default.createElement("span", { key: "l", style: { fontWeight: 600, fontSize: 12 } }, label),
-      import_react.default.createElement("span", { key: "n", style: { fontSize: 11, color: C.label3 } }, String(list.length)),
+      import_react.default.createElement("span", { key: "n", style: { fontSize: 11, color: C.label3 } }, meta || String(list.length)),
       import_react.default.createElement("span", { key: "sp", style: { flex: 1 } }),
       import_react.default.createElement("span", { key: "h", style: { fontSize: 11, color: C.label3 } }, closed ? t("expand") : t("collapse"))
     ]),
@@ -699,7 +750,15 @@ function Group({ label, items, closed, t, today, onToggleOpen, onToggleTodo, onR
       t,
       onToggle: onToggleTodo,
       onRemove,
-      onSave
+      onSave,
+      drag: drag ? {
+        dragging: drag.dragId === todo?.id,
+        hint: drag.hint,
+        onStart: drag.onStart,
+        onOver: drag.onOver,
+        onDrop: drag.onDrop,
+        onEnd: drag.onEnd
+      } : void 0
     })))
   ]);
 }
@@ -747,7 +806,13 @@ var GROUPS = [
 ];
 function WorkTodoPanel(props) {
   const t = typeof props?.t === "function" ? props.t : (key) => zh[key] ?? key;
-  const { status, data, error, refresh } = useList();
+  const [sort, setSortState] = import_react.default.useState(lastSort);
+  const setSort = import_react.default.useCallback((next) => {
+    lastSort = next;
+    setSortState(next);
+  }, []);
+  const [dragId, setDragId] = import_react.default.useState(null);
+  const { status, data, error, refresh } = useList(sort);
   const [barError, setBarError] = import_react.default.useState(null);
   const [dismissedReadError, setDismissedReadError] = import_react.default.useState(null);
   const readError = error && error !== dismissedReadError ? error : null;
@@ -755,6 +820,7 @@ function WorkTodoPanel(props) {
   const [notice, setNotice] = import_react.default.useState(null);
   const [pending, setPending] = import_react.default.useState(0);
   const [closed, setClosed] = import_react.default.useState({ completed: true });
+  const [view, setView] = import_react.default.useState("due");
   const runWrite = import_react.default.useCallback(async (job) => {
     setPending((n) => n + 1);
     try {
@@ -784,6 +850,30 @@ function WorkTodoPanel(props) {
   const handleToggle = import_react.default.useCallback((ref) => runWrite(() => postJson("/status", { ref, toggle: true })), [runWrite]);
   const handleRemove = import_react.default.useCallback((ref) => runWrite(() => postJson("/remove", { ref })), [runWrite]);
   const handleSave = import_react.default.useCallback((ref, patch) => runWrite(() => postJson("/update", { ref, ...patch })), [runWrite]);
+  const handleDropOn = import_react.default.useCallback((targetId) => {
+    const dragging = dragId;
+    setDragId(null);
+    if (!dragging || !targetId || dragging === targetId) return Promise.resolve(false);
+    const ids = asArray(data?.todos).map((todo) => todo?.id).filter(Boolean);
+    const from = ids.indexOf(dragging);
+    if (from === -1) return Promise.resolve(false);
+    ids.splice(from, 1);
+    const to = ids.indexOf(targetId);
+    ids.splice(to === -1 ? ids.length : to, 0, dragging);
+    return runWrite(() => postJson("/reorder", { ids })).then((result) => result.ok);
+  }, [dragId, data, runWrite]);
+  const dragHandlers = import_react.default.useMemo(() => ({
+    dragId,
+    hint: t("dragHint"),
+    onStart: (id) => {
+      setDragId(id);
+      if (sort !== "manual") setSort("manual");
+    },
+    onOver: () => {
+    },
+    onDrop: (id) => handleDropOn(id),
+    onEnd: () => setDragId(null)
+  }), [dragId, sort, t, setSort, handleDropOn]);
   const handleAdopt = import_react.default.useCallback((sessionTodos) => runWrite(() => postJson("/adopt", { todos: sessionTodos })).then((result) => {
     if (result.ok) {
       const created = Array.isArray(result.data?.created) ? result.data.created.length : 0;
@@ -834,7 +924,14 @@ function WorkTodoPanel(props) {
   const store = data?.store ?? null;
   const num = (value) => Number.isFinite(Number(value)) ? Number(value) : 0;
   const overdueCount = num(stats.overdue);
-  const totalVisible = GROUPS.reduce((sum, group) => sum + asArray(groups[group.key]).length, 0);
+  const projectGroups = asArray(data?.projectGroups);
+  const viewGroups = view === "project" ? projectGroups.map((bucket) => ({
+    key: `p:${bucket?.key ?? ""}`,
+    label: bucket?.project ? String(bucket.project) : t("noProject"),
+    meta: `${num(bucket?.open)}/${num(bucket?.total)}${num(bucket?.overdue) ? ` \xB7 ${t("statOverdue")} ${num(bucket.overdue)}` : ""}`,
+    items: bucket?.todos
+  })) : GROUPS.map((group) => ({ key: group.key, label: t(group.label), items: groups[group.key] }));
+  const totalVisible = viewGroups.reduce((sum, group) => sum + asArray(group.items).length, 0);
   const chips = [
     { key: "open", label: t("statOpen"), value: num(stats.open) },
     { key: "overdue", label: t("statOverdue"), value: overdueCount, alert: overdueCount > 0 },
@@ -858,6 +955,31 @@ function WorkTodoPanel(props) {
         import_react.default.createElement("span", { key: "l", style: { color: C.label3 } }, chip.label),
         import_react.default.createElement("b", { key: "v", style: { fontWeight: 650 } }, String(chip.value))
       ])),
+      import_react.default.createElement("span", { key: "sort", className: "wt-seg", title: t("sortLabel") }, [
+        ...["manual", "priority", "created"].map((mode) => import_react.default.createElement("button", {
+          key: mode,
+          type: "button",
+          className: `wt-seg-btn${sort === mode ? " is-on" : ""}`,
+          title: mode === "manual" ? t("dragHint") : `${t("sortLabel")}\uFF1A${t(`sort${mode === "manual" ? "Manual" : mode === "priority" ? "Priority" : "Created"}`)}`,
+          onClick: () => setSort(mode)
+        }, t(`sort${mode === "manual" ? "Manual" : mode === "priority" ? "Priority" : "Created"}`)))
+      ]),
+      import_react.default.createElement("span", { key: "view", className: "wt-seg" }, [
+        import_react.default.createElement("button", {
+          key: "due",
+          type: "button",
+          className: `wt-seg-btn${view === "due" ? " is-on" : ""}`,
+          title: t("viewDue"),
+          onClick: () => setView("due")
+        }, t("viewDue")),
+        import_react.default.createElement("button", {
+          key: "proj",
+          type: "button",
+          className: `wt-seg-btn${view === "project" ? " is-on" : ""}`,
+          title: t("viewProject"),
+          onClick: () => setView("project")
+        }, t("viewProject"))
+      ]),
       import_react.default.createElement("span", { key: "sp", style: { flex: 1 } }),
       import_react.default.createElement("button", {
         key: "rf",
@@ -938,17 +1060,19 @@ function WorkTodoPanel(props) {
     }) : null,
     import_react.default.createElement(QuickAdd, { key: "quick", t, busy: pending > 0, onAdd: handleAdd }),
     /* 分组列表 */
-    totalVisible ? import_react.default.createElement("div", { key: "groups" }, GROUPS.map((group) => import_react.default.createElement(Group, {
+    totalVisible ? import_react.default.createElement("div", { key: "groups" }, viewGroups.map((group) => import_react.default.createElement(Group, {
       key: group.key,
-      label: t(group.label),
-      items: groups[group.key],
+      label: group.label,
+      meta: group.meta,
+      items: group.items,
       closed: Boolean(closed[group.key]),
       t,
       today,
       onToggleOpen: () => setClosed((prev) => ({ ...prev, [group.key]: !prev[group.key] })),
       onToggleTodo: handleToggle,
       onRemove: handleRemove,
-      onSave: handleSave
+      onSave: handleSave,
+      drag: dragHandlers
     }))) : import_react.default.createElement("div", {
       key: "empty",
       style: { padding: "22px 12px", textAlign: "center", color: C.label3 }