习惯打卡看板 ds-hu/dsh-personal-track

personal-track

DeepSeek Harness（DSH）插件：一个主面板「习惯看板」，内含打卡视图（专注栏 + 当日看板）与统计视图，以及针对单个任务/影视书籍的专注模式（全屏 + 笔记 + 长图素材）。

- 领域语言：CONTEXT.md —— 五形态（打卡/计数器/槽位/会话/登记）、习惯日与夜段、目标、格、任务进度、专注会话与素材
- 决策记录：docs/adr/ —— 传输选型、状态派生不落库、图片存域内 base64
- 变更记录：CHANGELOG.md —— 每个版本的新增 / 变更 / 移除 / 修正
- 上游插件开发文档快照：.dsh-docs/（git 忽略）

功能

| 分组 | 习惯 | 形态与交互 |
| 日常 | 洗漱 ×2、洗澡 ×1、洗衣 | 打卡：空槽是一个虚线 ＋，记一条就多一个可改可删的时间块，记满即不再出现按钮；洗衣是存量 + 洗涤会话：±1 与"修正"只调存量不留记录，"洗完"记下件数与时点 |
| 饮食 | 早饭/午饭/晚饭 | 三行紧凑排布：点 ＋ 即盖时间戳，✎ 改时间与价格，× 清除 |
| 学习 | 背单词、多邻国 | 背单词按当日目标（新词/复习）计进度、可改目标、超额单列；多邻国任意节数 |
| 健身 | 跑步、跳绳、引体向上、健身器材 | 跑步每日至多一次并显示派生配速；跳绳 90/180 定数；引体记支撑时长；器材记名称/动作数/重量 |
| 记录 | 影视书籍、任务作业 | 跨日保留的状态登记：媒体三态 + 5 星评分；任务进度 → 三态派生 + 逾期，一键完成；点击标题或 ⤢ 进入专注模式 |

专注模式是这次的核心新增：点任务/影视书籍的标题（或它右边的 ⤢）进入全屏工作面——左侧是名称、学科、截止、专注时长（累计时长在悬停里）与笔记，右上是一条细工具条（进度条可拖、可 ±、检查点可点，加「屏幕全屏」「退出专注」两个按钮），右下是素材流。进入即开始一段专注会话，退出即结束；时长只由起止时刻派生，进程崩溃留下的未闭合会话不计。弹窗是不透明的整屏：它盖住的正是看板本身，半透明会让底下的内容一直可读；配色取外壳自己的主题令牌（--dsw-alias-bg-base / --dsw-alias-label-primary），深浅由 body[data-ds-dark-theme] 判定，不读系统偏好。

素材 = 文本块（Markdown）+ 图片，按加入顺序混排：＋ 文本 加一块 Markdown（标题/列表/引用/代码/行内样式，自己解析、零依赖、不经过 HTML 注入），添加图片…、直接 Ctrl+V 粘贴或拖入图片即可成为素材。长图默认整页适应，点一下切到原始尺寸（可滚动）；单张上限 10 MB。

专注栏常驻打卡视图左侧：有置顶条目时显示它的卡片（累计专注、「继续专注」、取消置顶），没有时显示时钟、习惯日与当日完成摘要。置顶是展示态，记在浏览器本地，不进域、不进备份。窄屏（≤720px）下不显示这一栏——它没地方待在看板旁边，只会把看板往下推；专注模式改从看板任意条目进入，置顶照旧。

两处初值是替你算好的：新增会话（背单词 / 多邻国 / 健身 / 洗衣）的时间默认当前时刻 （正是宿主本会盖上的那个值，改一下即可补录）；新建任务的截止默认本周末 （周一为一周之始，即当前习惯日所在周的周日），仍是可改可清空的普通日期字段。

完成条是分数的，不是复选框。 8 个习惯格（洗漱 2、洗澡 1、三餐 3、背单词 1、多邻国 1）之外， 当日到期的任务各占一格，所以读数是 5.3/9 这样的形式：背单词那格填的是加权目标进度（做了一半就是半格），任务那格填的是 当前/目标量。每个小方格按自己的分数渐变填绿，鼠标悬停给出具体百分比——「今天完成了多少」是连续量，布尔答不了。

卡片底色也会表态：洗漱 / 洗澡 / 三餐 / 背单词按各自的完成条件转绿（记满、记齐、达标）；跑步 / 多邻国 / 跳绳 / 引体向上 / 健身器材有任意 1 条记录即转绿；洗衣在待洗为 0 时转绿。
底色只是当日状态的一眼可见——多邻国那一格仍按「≥1 节即计 1 格」走，其余四项没有格，统计口径不变。

任务的截止日是会有颜色的：逾期与当天红色、3 日内橙色、7 日内黄色，更远则不强调；列表顺序是未完成在前、已完成后，各自按截止日升序，没有截止日的排在各自组末（复制的报告读同一个比较器，见 src/client/board/task-order.ts）。
完成不是删除：勾完只是把进度推到目标量，记录与完成时间都留着，只有 × 才真正删除。

每条任务占两行：第一行是「标题 (分类) 截止于X」，第二行是进度条 + 当前/目标量 + ✎ + ×。
进度条兼作输入：拖动（或聚焦后按 ←/→）即改任务进度，拖动时手柄与右侧读数实时跟随，松开才写一次；没有目标量的任务退化为勾选项，点一下即可完成。完成状态不写成文字——满格加 ✓ 就是完成，条变红就是逾期。
读数占定宽（10/10 也放得下），拖到进位时行宽不跳。过了截止日且已完成的任务收进列表底部的 归档折叠区（纯前端派生，不落库、不动统计），活跃列表只剩还需要看的事。

看板顶部是完成度环 + 完成条（8 个习惯格，外加当日到期的任务格），按分组自上而下全部列出（不做筛选），可切换到任意历史日补卡（不能进入未来；凌晨时段标注为"周X夜"）。
右侧栏不再有独立看板标签页：入口是左侧栏的习惯看板，面板内用顶部「打卡 / 统计」切换两个视图。

看板最底部是复制纯文本报告：把正在看的一天折成几行纯文本（完成度一行、每组习惯一行），末尾接剩余任务的 Markdown 列表（每条 - 占一行，顺序与看板一致）一键进剪贴板，直接粘到聊天里分享；剪贴板 API 不可用时走隐藏文本域兜底。

背单词的进度是加权的：一个复习词按 1/5 个新词计入，分子分母同权，所以 100% 依然等于"目标达成"。

统计视图按范围（近 7 天 / 本月 / 近 30 天 / 近 90 天 / 自定义）给出：习惯×日期热力图、每习惯达标数与连续天数、各习惯的求和指标、三餐（早饭打卡 + 总花费）、心率-配速曲线，以及登记卡里的累计专注（区间内已闭合的专注会话，按开始日归属）。

统计视图底部还有一张数据卡片：导出整个域为一份 JSON，或把这样一份文件读回来（先选文件预览条数，再决定合并还是覆盖），以及清理未引用图片。详见 数据。

安装

这是给自己写的插件，不是通用产品：习惯清单是硬编码的。
八个习惯格（洗漱 ×2、洗澡、三餐、背单词、多邻国）就写在 src/host/derive.ts 的 CELL_IDS 里，注释也直说「hard-coded in v1 by decision」——没有「配置习惯」的开关。
所以要自己用，强烈建议 fork 源码、把清单与常量改成自己的再构建，而不是原样装上再找开关：改代码远比加开关便宜，直接装上的只是别人的作息表。

走 Config 的只有下面四个（写在 cordis.yml，不改代码就能调）：

| 字段 | 默认 | 作用 |
| dayStartHour | 4 | 习惯日起点；00:00–04:00 归前一晚 |
| timezone | 本机时区 | 固定时区覆盖 |
| defaultVocabTarget | { new: 20, review: 60 } | 无历史快照可继承时的背单词目标 |
| defaultRunMinutes | 30 | 新跑步记录的默认时长 |

其余全在源码里，所谓「二改」就是改这些文件：

| 要改的东西 | 位置 |
| 习惯清单、格数与格名 | src/host/derive.ts — CELL_IDS / CELL_LABEL |
| 每格怎么算达成（洗漱 2 次、洗澡 1 次、三餐各 1 次、多邻国 ≥1 节） | src/host/derive.ts — dayCells()；次数上限校验在 src/host/api.ts |
| 背单词加权（复习 1 词按新词 1/5 计） | src/host/derive.ts — NEW_WEIGHT / REVIEW_WEIGHT |
| 存什么字段（域 schema，跳绳 90/180 之类的定数也在这里） | src/host/domain.ts |
| 看板分组、卡片与顺序 | src/client/board/BoardBody.tsx |
| 任务/影视书籍行的入口（标题点击与 ⤢） | src/client/board/registry.tsx |
| 任务的显示顺序（看板与日报共用一个比较器） | src/client/board/task-order.ts |
| 复制出的报告文本（含剩余任务的 Markdown 列表） | src/client/board/report.ts |
| 统计视图的指标卡 | src/client/board/stats-panel.tsx |
| 专注模式的版式与交互 | src/client/board/FocusOverlay.tsx（样式在 src/client/styles.ts） |
| 专注栏的空态与置顶卡 | src/client/board/FocusColumn.tsx |
| 素材文本块的 Markdown 支持范围 | src/client/board/markdown.ts |
| 单张图片上限（两半身共用） | src/shared/route.ts — MAX_IMAGE_BYTES |

改完按 开发 重新构建：动过宿主半身要重启 dsh --profile web，只动客户端 bundle 是热重载。
改到 src/host/domain.ts 就是改磁盘格式，别忘了那里的域 version——加字段/加表要把旧版本列进 compatibleVersions，否则 per-record 后端会把旧文档整份丢掉（不会迁移）。

方式 A —— 本机开发（推荐）：pnpm link 到 web profile，需要重启一次
dsh plugin --profile web add link:D:/Projects/dsh-personal-track
dsh --profile web --dump-config # 应出现 "# == personal-track" 层
然后重启：dsh --profile web

方式 B —— 从 GitHub 装，不依赖本机路径：
dsh plugin --profile web add github:cup113/personal-track
仓库里只有源码，lib/ 靠 package.json 的 prepare 在安装时现场构建；pnpm 11 默认拦下依赖的构建脚本，首次安装会以 ERR_PNPM_GIT_DEP_PREPARE_NOT_ALLOWED 失败，并把精确键（包名@解析后的 tarball URL）打印出来： allowBuilds: personal-track@https://codeload.github.com/cup113/personal-track/tar.gz/<sha>: true 把这一行原样抄进 profile 的 pnpm-workspace.yaml，再跑一次同样的 add 就装上了。
裸包名（personal-track）不生效，personal-track@* 也会被拒（pnpm 只认精确版本）；键里带 commit sha，所以仓库每推一个新提交这个键就变，要重新批准一次—— 本机开发请走方式 A：link 不打包、不触发这道审批。

临时试用（不安装，改完即用）：

--patch 是启动器级选项，必须写在 web 之前；写成 dsh web --patch … 会被转发给 web 应用并报错
dsh --profile web --patch D:/Projects/dsh-personal-track/dev.patch.yml

patch 行的两条对齐铁律：name 必须是包名（Loader 据此从 profile 的 node_modules 解析代码）， id 必须等于宿主半身导出的 name——本插件三条（包名 / name / id）都是 personal-track。

开发

pnpm install # 装依赖；prepare 顺带跑一次 build（与下面等价）
pnpm build # 产出 lib/index.js（ESM）与 lib/client.js（浏览器闭包工厂）
pnpm watch # 只重建产物；客户端 bundle 改动会被宿主轮询到并热重载
pnpm typecheck # 三个独立程序（宿主 / 浏览器 / 测试）
pnpm test # 逐文件跑 tests/.test.ts，任一失败即整体失败
pnpm verify # 先构建，再跑客户端 facade + 宿主真实栈端到端

测试分两层，理解这个划分是读懂这套测试的关键。

- tests/ 是规则层：全部在进程内跑，不起端口、不落盘。tests/support.ts 提供内存 Domain（MemoryDomain，六个方法的 Map 实现）和一个不存在的 HTTP 请求/响应替身，于是 store.ts、stats.ts、backup.ts、宿主路由都能被直接驱动。
- scripts/verify-.mjs 是接线与持久化层：真 storage hub、真 JSON 后端、真端口、真重启、真备份往返。规则类断言不在那里重复。

ApiDeps.now 与 Config.now 是同一条时间缝线：宿主默认用本机时钟，测试与 verify-host.mjs 传一个固定时刻，因此「今天到期的任务」「在区间内完成」这类断言不再依赖运行时刻。
若某条规则只能通过跑完整栈才能验证，那说明它缺少一条缝线，而不是该多写一条端到端断言。

宿主代码改动必须重启 dsh（Node 的 ESM 缓存不因 patch 重载失效）；客户端 bundle 改动是热重载。
若客户端比宿主新，看板会直接提示「插件宿主半身未更新：请重启 dsh --profile web」。

数据

~/.dsh/storages/habit/，人类可读的 JSON，per-record 布局：

| 路径 | 内容 |
| days/<YYYY-MM-DD>.json | 一个习惯日的全部数据（打卡时间、槽位、会话、洗涤） |
| counters/laundry.json | 待洗存量（权威值；洗涤历史在天文档里） |
| media/<id>.json · tasks/<id>.json | 登记条目（含素材引用与专注会话） |
| assets/<id>.json | 一张素材图片的字节（base64）与其 mime |

空白天不产生文档：没有任何记录的一天在磁盘上不存在，读接口也从不创建文档。

图片是唯一存了二进制的地方，而它只存字节：mime 与大小都是读的时候从字节派生的（见 ADR 0003）。删素材、删条目都会即时清掉对应的字节，数据卡里的「清理未引用图片」只兜被中断的写入留下的孤儿。

备份

统计视图的「导出」拿到一份 personal-track-<日期>.json： json { "format": "personal-track/backup", "version": 2, "exportedAt": "…",
"days": [ … ], "counters": { "laundry": { … } }, "media": [ … ], "tasks": [ … ],
"assets": [ { "id": "…", "mime": "image/png", "data": "<base64>", "createdAt": "…" } ] }

它只含事实：没有格数、比率、连续天数、逾期标记、专注时长、图片大小——这些导入后从记录重算，所以文件里不可能有与数据本身矛盾的字段（任务/媒体各自带 id，日文档自带 date，因此不需要外层键）。
版本 1 的文件仍然可读（那时还没有图片），导入时按空图片集处理。

「选择备份…」只解析文件并显示条数，此时还没有写入；随后：

- 合并：文件里的记录按同键覆盖，本地多余的保留；
- 覆盖（清空现有）：额外删除文件中没有的本地记录（含图片字节），用于整机迁移或回滚。

宿主会先把整份文件按同一套 zod schema 校验通过再落盘，任何一条不合法即整份拒绝（400 habit/bad-backup），不会出现"导入了一半"；跨记录的规则也在这一步查：检查点缺目标量、图片素材缺对应字节，都是整份拒绝。

结构

src/shared/ route.ts（/habit/api 的唯一路由声明：两半身共用 method + path + 图片上限） src/host/ index.ts（装配）· config.ts（含时间缝线 now） api.ts（传输：读 body、查表、映射失败形状，含唯一的二进制响应臂） routes.ts（每个路由一个 handler，返回响应体；素材与专注路由也在这里） api-error.ts（统一的失败词汇）· daykey.ts（习惯日算法） domain.ts（zod + 域声明 + assets 表）· derive.ts（派生规则，含专注时长） store.ts（域访问；素材增删、专注会话、级联与孤儿清扫） backup.ts（事实文件的读写与校验，v2 带图片、兼容 v1）· stats.ts（范围聚合） src/client/ index.tsx（注册面：唯一主面板 + 侧栏入口）· api.ts（命令面，base/fetch 可注入） types.ts（线上契约）· styles.ts（注入式样式表，含专注模式与专注栏） board/（tile 原语 + 看板卡片 + 统计面板 + 数据卡片 + TrackPanel/FocusColumn/FocusOverlay） board/editor-state.ts（编辑器与导入状态机，纯函数） board/focus.ts（专注的纯规则：置顶、时长格式）· board/markdown.ts（迷你 Markdown 解析） board/Markdown.tsx（把解析结果渲染成 React 节点，不经过 HTML 注入） scripts/ build.mjs（esbuild CLI 双产物）· run-tests.mjs（逐文件跑测试） verify-client.mjs · verify-host.mjs（真实栈：接线与持久化） tests/ support.ts（内存 Domain + 无端口 HTTP 驱动，按 schema 校验记录） data-layer.test.ts（习惯日与派生值）· store.test.ts · stats.test.ts · backup.test.ts api-handle.test.ts · focus.test.ts（专注会话与素材）· markdown.test.ts client-format.test.ts · client-api.test.ts · editor-state.test.ts docs/adr/ 0001 树外传输 · 0002 状态派生不落库 · 0003 图片存域内 base64 demo/ focus-mode.html（专注模式的零依赖单文件 demo，与实现同步；它读系统偏好、带全局 border-box，是因为它自己就扮演「外壳」，见文件顶部注释）

工具链注意事项（都踩过）

- esbuild 用原生 CLI，不用其 JS API：JS API 通过管道 stdio 派生编译器子进程，被 DSH 文件沙箱拒绝（spawn EPERM）；CLI 本身就是编译器，以继承 stdio 执行，无需管道派生。
- 测试用 Node 原生类型剥离（node tests/.test.ts）而不是 vitest：vite/vitest 内部经 esbuild JS API 转换 TS，同样被沙箱挡住。
- pnpm-workspace.yaml 的 allowBuilds: esbuild: false：我们直接调二进制，不需要它的 postinstall。
- verify 里不要嵌 pnpm build：那会触发 pnpm 的依赖自检，无 TTY 时直接以 ERR_PNPM_ABORTED_REMOVE_MODULES_DIR_NO_TTY 中止。写成 node scripts/build.mjs 后，pnpm verify 与 npm run verify 都能跑。
- 二次跑 verify 前先清 .tmp/verify-host：JSON 后端每次写入都是「临时文件 + rename」，而沙箱在工作区根上有一条 Everyone 的「删除子目录与文件」拒绝项（沙箱的预期设计）。一次中断的运行会留下 habit/days/.json，下一次运行时 rm 清不掉它，随后的 rename 覆盖就被拒（EPERM ... rename）。删掉那个临时目录再跑即可。
- 客户端 bundle 的运行时依赖只能是冻结平台表内的模块（react、react/jsx-runtime，表里其实还有 react-dom 等）；其他 @deepseek-ai/ 一律 import type，构建期擦除。跨插件取值一律经 ctx 服务或 slots。
专注模式因此不用 createPortal：那要引入 react-dom 这个运行时依赖，而它要解决的问题（祖先元素把 fixed 定位困住）已被主路径覆盖——原生全屏的元素渲染在 top layer，祖先既裁不到也偏不了。
- 域的版本升级要列 compatibleVersions：per-record 后端对不接受的版本是丢弃而不是迁移，升级 version 而不列旧版本，等于把历史数据删掉。
- 上限判定要用同一个单位：图片上限按解码后字节数比较（base64 编码后的长度比它粗最多 3 字节，拿字符串长度比会让 MAX + 1 字节溜过去）。
- prefers-color-scheme 不是外壳主题的信号：令牌挂在 body 上，翻转它的是 body[data-ds-dark-theme]。
按系统偏好判深浅，在「系统深色 + 外壳浅色」这类组合下会把整屏画成反的——不透明的弹窗尤其显眼。
配套的一条：主题切换写成继承的变量，别写成 body[data-ds-dark-theme] .某元素 { background: … }，属性选择器会多带一个 class 级权重，反压过 .某元素:hover，把悬停色吃掉。
- box-sizing 没人替你重置：外壳只在组件内逐条声明，没有全局 重置，而 demo 有全局重置——所以「demo 里好好的」不能证明实现里也好。width:100% 再带左右 padding/border 的盒子在内容盒下必然宽出所在列（笔记框就是这样横跨了专注模式的分界线，右缘越线 8px）。verify-client.mjs 现在按这个形状逐条断言：这类盒子必须自己写 box-sizing: border-box。同一处还守住了「弹窗底必须是外壳令牌加不透明字面量兜底」「样式表里不出现 prefers-color-scheme」「≤720px 隐藏专注栏」。
- SlotMap 是按 import 做声明合并的：用到某个 slot 就必须 import 声明它的包（例如 sidebar.panellist 在 @deepseek-ai/dsh-client-ui-sidebar/client），否则类型上根本不存在。
- ctx.<服务> 每一个都要写进客户端插件的 inject 导出：声明合并让类型随时可见，但 cordis 运行时只解析 inject 集合里的服务名，漏写要到真正访问那一刻才抛 cannot get property "…" without inject（统计按钮的 ctx.layout 就这样漏过）。scripts/verify-client.mjs 的假 context 是带同款守卫的 Proxy，未声明的访问会在 facade 测试里当场炸掉。