液态黑色玻璃日程:DSH 悬浮日程与双泳道时间轴

前言

在 DeepSeek Harness(DSH)里长时间跑任务或对话时,日程往往散落在系统日历、便签或浏览器标签里,和当前窗口没有固定关联。DSH 社区插件可以挂在 Web 客户端半边,把能力嵌进同一界面。下面介绍维护者 ZinK33 的 dsh-plugin-glass-notepad:一个悬浮在 DSH 窗口内的日程表,采用苹果「液态玻璃」黑色玻璃质感,支持工作/个人分类、时间范围标注、双泳道时间轴,以及中国大陆节假日与农历节气显示。数据默认只留在本机浏览器存储,除可选的节假日 JSON 同步外不做其它网络请求。

这是什么

dsh-plugin-glass-notepad 是纯前端的 DSH 客户端插件:client.js 由 DSH 的 Client module loader 直接加载,零依赖、无构建步骤。安装后插件行 id 为 glass-notepad,包名与 dsh-plugin-glass-notepad 一致;显示名称曾用「记事本」,旧数据会自动归为「工作」类型,包名与 id 未变,已安装实例可继续使用。

Host 半边是空的 apply(),不注册工具、不写会话日志。分类在 SkillHub 目录中属于「趣味换装」——侧重界面材质与交互形态,而非后端能力扩展。

核心功能

三种形态与布局

面板可在三种大小间切换:展开面板 → 收起胶囊 → 缩成小球;三者均可拖动。展开时面板会朝页面空余的一侧生长(靠近右半屏向左长、靠近下半屏向上长),宽高限制在当前可用空间内。尺寸范围 268–620 × 220–760,或通过「切换尺寸」在中、大两档间循环;四条边与四个角共 8 个方向可拖动改尺寸,尺寸与位置写入本机存储,窗口缩放时会收回可视区域。

收起胶囊会显示最近未完成日程:第一行为时间(同天为 14:00–15:30,跨天补日期),第二行为内容;正在进行中的优先,否则取开始时间最近的一条。小球上亮类型色圆点,悬停提示含时间与内容。读秒每 30 秒重算,一条结束后自动指向下一条。

工作与个人分类

每条日程带类型按钮:紫色圆点为工作,蓝色圆点为个人,点击展开二选一。时间范围显示紧跟分类右侧,空间不足时省略号截断,不挤掉「改时间 / 删除」图标。卡片左侧色条、时间徽标、时间轴色条均用该类型颜色。

时间范围与列表

可为每条日程设置开始与结束时间(datetime-local),徽标显示时刻与时长;跨午夜显示为 23:00 → 次日 01:00。快捷按钮包括:现在、+1 小时、今天 09:00–18:00、清除时间。

列表只显示顶部日期选择器选中的那一天,按开始时间升序;跨午夜日程只出现在开始日期那天。未标注开始时间的条目仅在「今天」页末尾的「未标注时间」分组出现。已结束或已过开始时间的条目变暗并沉到当天「已完成」小节;工具条上下箭头可切换已完成排序(从早到晚 / 从晚到早,默认从早到晚)。

双泳道时间轴

工具条时钟图标可开关 24 小时时间轴:工作泳道在上(紫色)、个人在下(蓝色),各 22px 高,中间 6px 间隙。可用 ‹ › 或日期选择器换日,列表同步;点击色条滚动并高亮对应日程,「现在」有高亮游标。工具条与时间轴固定在滚动区外,仅下方列表滚动。

节假日、农历与材质

标题行显示日期、星期;法定节假日标红(如「国庆节」),调休上班标琥珀色。内置 2024–2026 年中国大陆节假日与调休(108 条,与社区 holiday-cn 比对一致);启动或换年时可选从 cdn.jsdelivr.net 拉取对应年份 JSON(6 秒超时,缓存 30 天),失败则静默用内置数据。

农历与二十四节气覆盖 1900–2100 年;界面文案跟随 DSH 语言,元数据在 locale/en.json 与 locale/zh.json。

液态黑色玻璃使用固定深色材质(backdrop-filter: blur(30px) saturate(180%) brightness(.92) 等),浅色/深色主题下观感一致;不支持 backdrop-filter 时退回不透明深色底。尊重 prefers-reduced-motion。

数据存储

日程、类型、面板尺寸、位置、时间轴日期保存在浏览器存储键 dsh-plugin-glass-notepad/state.v1;节假日同步缓存在 dsh-plugin-glass-notepad/holidays.v1。

安装与启用

DSH 的 plugin_manager 工具或「设置 → 插件」界面均支持,任选一种方式(资料原文,勿自行拼接其它 install 命令):

1. 本地目录

将仓库放到磁盘后执行:

plugin_manager install_bundle  target = <本目录的绝对路径>

2. 打包 tgz

在仓库根目录:

npm pack --ignore-scripts

将生成的 dsh-plugin-glass-notepad-*.tgz 交给 DSH 插件安装界面安装。

3. Git 仓库地址

在插件安装界面填入本仓库地址(owner/repo 或带 #tag 的固定版本)。

安装后建议刷新页面;插件默认出现在浮层右下角(首次为展开面板)。要求:DSH Desktop Web 客户端、Client module loader 可用;Chromium 系浏览器对 backdrop-filter 支持良好。

典型用法

  1. 安装并刷新后,拖动标题栏、胶囊或小球把面板放到不挡操作的位置;必要时从边缘拖动调整大小,或点「切换尺寸」在中、大档间切换。
  2. 点「+」新建日程,选工作或个人,用「改时间」或快捷按钮设定时间范围;当天条目出现在列表,并在打开的时间轴对应泳道显示色条。
  3. 点工具条时钟图标查看双泳道时间轴,用日期选择器切换日期;需要看未标注时间的条目时,把日期拨回今天。
  4. 收起为胶囊或小球的形态时,仍可通过胶囊上的最近未完成摘要或小球悬停提示快速扫一眼下一项安排。

适用场景与注意

适合希望在 DSH 同一窗口内维护当日/选中日程、区分工作与个人、并对照 24 小时时间轴与大陆节假日/农历的开发者或日常用户。插件以当前 DSH 进程与浏览器上下文运行,安装前应自行查看 GitHub 仓库 源码与 MIT 许可证;除可选节假日 CDN 外不上传日程内容。

社区目录 SkillHub 与 DeepSeek / 幻方无官方从属关系,属 DSH「一切皆插件」生态中的独立收录。当前 package 版本为 0.1.0,GitHub 星标为 0(以目录页信息为准)。

链接

  • 目录页:https://www.skillhub.cn/plugins/ZinK33/dsh-plugin-glass-notepad
  • 源码与完整说明:https://github.com/ZinK33/dsh-plugin-glass-notepad

经过上面的步骤,你可以在 DSH 里得到一块可缩放、可分类、带双泳道时间轴与节假日标注的悬浮日程,而日程主体始终留在本机浏览器存储中。

羽毛球分组比赛记分
小程序二维码

欢迎使用《羽毛球分组比赛记分》微信小程序

小夜