dsh-web-hero-patch

A DeepSeek Harness web-surface plugin: a hero character image tucked behind the composer input plus a lifted headline — the "everything is a plugin" way to dress up the new-session hero.

What it does

In the new-session hero state of the Web GUI:

• renders assets/deepseek_smile.png above the composer input, tucked slightly behind the input card (layer relationship: input bar in front, character behind), with a soft silhouette drop shadow;
• keeps the workspace / mode row right above the input bar, floating over the image's lower area;
• lifts the headline ("探索未至之境" / "Into the Unknown") 52px up.

How it works

• Host half (lib/index.js): registers a /hero-image/ prefix route on the DSH webserver that streams the package's PNG assets (traversal-proof), so the client bundle stays tiny and the image is browser-cached.
• Client half (lib/client.js): a pure-CSS patch injected as one <style> tag — the image is a ::before flex item of the hero composer stack and the headline is reordered/lifted with order + transform. No React, no client dependencies.

The dsh.client declaration makes DSH serve this package automatically at /plugins/dsh-web-hero-patch/client.js and inject it into the boot manifest.

Install

dsh plugin --profile web add dsh-web-hero-patch
# restart the dsh web process, then refresh the GUI page (Cmd+R)

Tuning

All knobs live in one CSS string in lib/client.js:

| Knob | Current value | Effect | |---|---|---| | width | 280px | image width (1/5 of the 1400px source) | | aspect-ratio | 1400/1123 | keeps the image undistorted | | margin | 0 0 -58px | overlap with the input bar (-48px cancels the row gap; the rest is the tuck) | | drop-shadow(...) | 0 6px 10px rgba(15,23,42,.22) | silhouette shadow | | translateY | -52px | headline lift |

After a release, bump the version and refresh the profile:

npm version patch && npm publish
dsh plugin --profile web add dsh-web-hero-patch@latest
# restart the dsh web process, refresh the page

License

MIT