zhangyuzhangyu233/dsh-rgb-input-glow

dsh-rgb-input-glow

DeepSeek Harness Web 插件：「光污染」—— RGB 流光皮肤

npm version
License: MIT

「光污染」是一款独立的 RGB 光效皮肤，为 DeepSeek Harness Web 界面叠加沉浸式辉光。它是 《弹丸论破：天魔命曲》皮肤（dsh-angelsanddemon-fatesumphony-skin）的伴生光效层 —— 本身不修改任何原皮肤，未加载原皮时同样生效。

功能一览

输入框（[data-composer-card]）四周柔和发光，纯 CSS ::after + 多层 box-shadow，紧贴边框向外晕开，无灯管/描边结构：

- 常态（待机）：蓝色 · 偏暗呼吸（0.28↔0.5 opacity，4s）
- 点击 / 聚焦：蓝色 · 亮呼吸 + 0.7s 淡入点亮（无脉冲）
- 智能体运行中：RGB 色环流转（box-shadow 三层柔光整圈换色）；呼吸只变 opacity，不影响文字
- 当前会话自然完成：绿色闪光 + 绿色呼吸灯提醒
- 仅自然完成触发；点击「停止」主动中断不变绿；切换会话自动复位
- 用停止按钮 / 回合状态行出现→消失探测，400ms 防抖避免流式渲染误判

WebGL 真实辉光层（叠加在 CSS 之上，CSS 仍是基础与降级兜底）：

- 全屏透明 canvas + shader：SDF 圆角矩形 + 5 层多尺度 bloom（锐利亮核 + 大范围柔和弥散）
- 覆盖：输入框（蓝/RGB/绿随状态）、侧栏选中/运行/完成/悬停行、hero 大标题 + logo、顶部选中 tab、新会话按钮
- 统一时间 hue：所有 RGB 元素同相位流转，永不脱色
- 坐标每帧从 DOM 同步（radius 经 WeakMap 缓存）；devicePixelRatio 适配；WebGL2→WebGL1 自动回退
- 侧栏悬停行辉光跟随鼠标水平位置（shader 水平锚点衰减；不渲染跟随鼠标的光斑）
- 完成瞬间绿色爆发：WebGL 层与 CSS 闪光同步，指数衰减
- prefers-reduced-motion 下暂停渲染 / 静止

其他区域：

- 会话头部标签（对话 / 轨迹）：选中项底部可滑动指示条（rAF 驱动，easeInOut + 途中拉长拖拽感）；运行中文字 + 边缘光 + 指示条共享同一 @property hue 同步变 RGB 流光；完成时转绿色呼吸
- "Deep diving..." 运行字样：文字 RGB 渐变从左到右无缝循环流动；右侧随时显示运行秒数（格式 12秒 / 1分05秒）
- 左侧栏：悬停蓝色发光；选中蓝色发光 + 呼吸；运行中会话行 RGB 色环 + 标题文字边缘 RGB 流光；已完成会话绿色呼吸 + 完成瞬间大亮闪
- 空会话（hero）大标题 + logo：RGB 色环流转柔光，只加光晕不改文字颜色
- 新会话按钮悬停亮起蓝光

安装

插件挂载在 DeepSeek Harness 的 Web profile 上。以下任选一种来源安装。

方式 A：npm（推荐）

进入你的 Web profile 目录
cd $env:USERPROFILE\.dsh\profiles\web
npm install dsh-rgb-input-glow

方式 B：从 GitHub 安装

cd $env:USERPROFILE\.dsh\profiles\web
npm install git+https://github.com/zhangyuzhangyu233/dsh-rgb-input-glow.git

方式 C：本地开发（link）

cd $env:USERPROFILE\.dsh\profiles\web
npm install link:C:/你的路径/dsh-rgb

启用

编辑 ~/.dsh/profiles/web/package.json，把插件加入 dsh.profile.bundles：

{
"dependencies": {
"dsh-rgb-input-glow": "^1.0.0"
},
"dsh": {
"profile": {
"bundles": [ "...", "dsh-rgb-input-glow" ]
}
}
}

然后重启 dsh web。浏览器强制刷新（Ctrl+F5）加载最新客户端代码 —— 客户端 bundle 按请求实时生成，改代码后刷新即可，无需重启服务。

卸载

cd $env:USERPROFILE\.dsh\profiles\web
npm uninstall dsh-rgb-input-glow

并从 dsh.profile.bundles 中移除 "dsh-rgb-input-glow"，重启 dsh web。

兼容性

- 配合原皮：dsh-angelsanddemon-fatesumphony-skin 在场时贴合其 talkingbar 直角；独立使用自动继承默认皮肤圆角
- DeepSeek Harness Web：>= 20 Node；dsh.client.platform: web
- 尊重 prefers-reduced-motion

文件结构

dsh-rgb-input-glow/
├── client.js          # 全部客户端逻辑：CSS + WebGL 渲染器 + 状态探测
├── cordis.patch.yml   # dsh bundle patch
├── host.js            # 服务端占位（stub）
└── package.json

许可证

MIT