READMESource: main@cc70ee35
dsh-whale-avatar
给 DSH Web UI 的助手消息加上头像与名字:App 图标 + 吃白饭的蓝色大肥鱼。纯 CSS 注入(::before),React 重渲染不会丢,跟随日间/夜间主题令牌。
Adds an avatar (the app icon) and the name to every assistant message in the DSH Web UI. Pure CSS injection — survives React re-renders, theme-aware.
实现
- 目标元素:
[data-chat-flow-kind="assistant-step"](官方 web 应用的助手消息节点)。 - 注入方式:
style标签内一条 CSS 规则,::before伪元素渲染「头像 + 名字」,无 DOM 改动。 - 头像:56px PNG 包进 28×28 SVG 的 data URI(Retina 清晰)。
安装
通过 Oh-DSH Desktop 插件市场安装(或 dsh plugin --profile <name> add github:lhjlol/dsh-whale-avatar)。安装后运行时自动重启生效。
卸载
从市场的插件列表卸载即可;CSS 随之移除。
结构
lib/client.js— 浏览器半(__ModuleLoader__格式),全部逻辑在此。lib/index.mjs— Node 半,空 apply(纯 client 插件)。cordis.patch.yml— bundle patch:向组合插入本插件行。
No comments yet. Be the first to write one.