dsh-pet-frieren

Preview

The pet follows the Agent's state — idle, thinking, executing tool calls,
streaming output, waiting for approval, and collapsed on errors — each with
its own animation and speech bubble.

Install

One command. The plugin installs into the web profile as a standard
dsh bundle (the same
mechanism the bundled dsh web surfaces use):

dsh plugin --profile web add github:dakeshui123/dsh-pet-frieren

Then (re)start the GUI and Frieren is there:

dsh --profile web

• Update: dsh plugin --profile web update dsh-pet-frieren
• Pin a release: dsh plugin --profile web add github:dakeshui123/dsh-pet-frieren#v0.1.0
• Remove: dsh plugin --profile web remove dsh-pet-frieren
• Install from git directly:
  dsh plugin --profile web add git+https://github.com/dakeshui123/dsh-pet-frieren.git

The plugin ships its client bundle prebuilt (no prepare/build step), so it
installs cleanly with any pnpm version — no allowBuilds fiddling required.

Interactions

prefers-reduced-motion is respected: the pet shows a static frame of the
current agent state (no auto or click animations, no drag run animation).

How it works

A dsh plugin is an npm package that declares dsh.bundle.patch (a
cordis.patch.yml profile layer) plus a dsh.client browser half:

dsh-pet-frieren/
├── package.json          dsh.bundle.patch → cordis.patch.yml;
│                         dsh.client { platform: "web" } → exports["./client"]
├── cordis.patch.yml      inserts the plugin's own row into the web profile
├── lib/index.js          node half: serves the runtime assets over HTTP
├── lib/client.js         browser half: the pet overlay (prebuilt bundle)
├── assets/spritesheet.webp   petdex v1 atlas: 8×9 grid of 192×208 px frames
├── assets/pet.json       petdex-format pet manifest (assets/ is the pet folder)
├── assets/preview.png    README preview render
├── test/client.test.js   zero-dependency smoke tests (`node --test`)
├── README.zh.md          中文说明
└── 使用说明.md            中文使用说明

At boot, the dsh client-modules node half scans the profile's Loader
entries for dsh.client packages, serves /plugins/dsh-pet-frieren/client.js,
and injects the boot graph into the page. The browser Loader then materializes
the bundle and calls its apply(ctx), which mounts the pet — a
self-contained DOM overlay animated with requestAnimationFrame (no React;
one inject edge: the sessions service).

The pet reflects the Agent's state through the client runtime's sessions
service: the plugin declares inject: ["sessions"], subscribes to
sessions.list (the current session's running and pendingInteraction),
and to the current session's live snapshot (lastAgentError, runningCalls,
partial). The mapping:

Assets follow the same host-serves / client-reads pattern the dsh bundles
use (the web-app bundle serves its frontend dist the same way): the node half
injects the host webServer service and registers the
/dsh-plugin-assets/dsh-pet-frieren prefix route, which serves
assets/spritesheet.webp (a fixed allowlist — no path traversal surface).
The browser half references the sprite as a plain URL in CSS, so the image is
a normal browser-cached HTTP asset instead of being embedded in the bundle.

Development

lib/client.js is a hand-written bundle in the exact
window.__ModuleLoader__.load shape the dsh web module system consumes, so no
build step is needed to ship. The single sprite atlas lives in assets/ and
is served verbatim by the node half. Tests are zero-dependency:

node --test

Pet format

The assets/ folder is also a valid Petdex-format pet
folder (pet.json + spritesheet.webp), so the same art can be submitted to
the Petdex gallery (npx petdex submit assets). Frame counts used by the
animations match the populated cells of the atlas:

License & IP

Code and this fan-art arrangement: MIT.
"Frieren" is a character from Frieren: Beyond Journey's End
(葬送のフリーレン) by Kanehito Yamada and Tsukasa Abe; the artwork here is
personal, non-commercial fan art. See LICENSE for the full note.