Back to home

lhjlol

dsh-whale-avatar

DSH 插件:给助手消息加头像与名字(App 图标 + 吃白饭的蓝色大肥鱼)| Adds app-icon avatar and name to assistant messages

Stars
1
Language
JavaScript
Created
Aug 16, 2026
Updated
Aug 16, 2026

Introduction

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:向组合插入本插件行。