安静标签页（Quiet Tab）

一个本地优先、零账号、零云端的每日专注工作台。它把一天压缩成四块：三件关键事项、时间块、临时收件箱和日终三行复盘。

安静标签页不是项目管理系统，也不试图替代日历。它适合希望打开浏览器时先确认“今天究竟做什么”的个人开发者、研究者、自由职业者和远程工作者。

为什么做这个项目

许多效率工具把记录变成维护系统本身。这个项目选择更窄的边界：

只组织今天：避免长期 backlog 对当前注意力的干扰。
三件事上限：迫使使用者做优先级判断。
先暂存、后处理：临时想法进入收件箱，不打断正在做的事。
数据留在本机：不注册、不联网，不采集分析数据。
随时可带走：完整状态可导出和导入 JSON。

功能

三件关键事项，可勾选完成状态；
按开始时间自动排序的每日时间块；
支持快速捕获的临时收件箱；
“进展 / 阻力 / 明日第一步”三行日终复盘；
按本地日期隔离的 localStorage 持久化；
JSON 备份、恢复和跨设备迁移；
键盘快捷键：N 聚焦收件箱，1～3 聚焦三件事；
响应式布局、可见焦点、屏幕阅读器标签和减少动态效果支持；
可打印的纸面视图；
无第三方脚本、字体、CDN 或运行时依赖。

快速开始

需要 Node.js 20 或更高版本，仅用于启动静态服务器和运行测试。

npm start

访问 http://127.0.0.1:4173。也可以把整个目录放到任意静态文件服务器上。

不建议直接双击 index.html。部分浏览器会限制 file:// 页面加载 ES modules；使用本地 HTTP 服务更稳定。

测试与检查

npm test
npm run check
npm run smoke

npm test 使用 Node.js 内建 node:test 验证状态迁移、输入收敛、序列化和存储行为；
npm run check 对浏览器脚本、状态模块和工具脚本执行语法检查；
npm run smoke 临时启动真实 HTTP 服务器，验证首页、ES module 和 404 响应。

数据与隐私

数据以 quiet-tab:day:YYYY-MM-DD 为键保存在当前浏览器的 localStorage。应用没有网络请求，也没有遥测代码。清除浏览器站点数据会同时清除记录，因此重要内容请定期使用“导出 JSON”备份。

导入旧日期的备份时，内容会写入当前日期，避免导入后找不到页面。导入器会限制字段长度、条目数量和文件大小，但 JSON 备份仍应视为个人数据，分享前请自行检查。

项目结构

quiet-tab/
├── index.html            # 页面语义骨架
├── styles.css            # 纸面台账视觉系统与响应式样式
├── src/
│   ├── app.js            # DOM 渲染、事件与浏览器集成
│   └── state.js          # 纯状态逻辑、规范化与本地存储适配
├── test/state.test.js    # 状态模块单元测试
├── scripts/
│   ├── serve.mjs         # 零依赖静态服务器
│   └── smoke.mjs         # HTTP 冒烟测试
└── README.md

设计取向

界面采用“纸面日程台账”方向：暖白纸张、墨蓝文字、朱红时间标记和细密横线。深色收件箱像夹在日程本里的复写纸，刻意与需要承诺的事项分开。项目不加载远程字体，以本机衬线字体和等宽字体构成编辑感，而不是常见的卡片式仪表盘。

已知边界

不提供云同步、多人协作、通知、周期任务或跨日搜索；
浏览器隐私模式可能在关闭窗口后清除记录；
数据按浏览器来源隔离，更换域名或端口不会自动迁移，需要 JSON 导入导出；
时间块只表达计划，不检测重叠，也不与系统日历同步；
当前只有中文界面。

参与贡献

欢迎提交可复现的问题和范围清晰的改进。开始开发前请阅读 CONTRIBUTING.md，安全问题请按 SECURITY.md 私下报告。