Feature request: show herdr plugin pane tokens (e.g. Quota usage) in the web UI #1209

Thanks for herdr-web-ui. I use it on Windows 11 with the desktop PWA and an Android phone over a tailnet-only tailscale serve, and it works well for monitoring and replying.

Feature request: show the per-pane tokens that herdr plugins report, in the web UI's agent/sidebar rows.

Background
herdr lets plugins attach short text tokens to a pane. In the terminal UI they appear wherever the user adds $name to a sidebar row, for example rows = [["state_icon", "workspace"], ["agent", "$quota"]] under [ui.sidebar.agents].

The Quota plugin (pinkpixel-dev/quota/herdr-plugin) uses this to show remaining AI usage per agent. On my machine herdr agent list returns, for the Claude pane:

"tokens": {"quota": "5h 95% · Wk 67%"}

and the native herdr sidebar shows it. In herdr-web-ui the same pane shows no usage at all. I looked through the installed source and could not find where the web UI reads this tokens field, so I assume it is simply not rendered yet. I may have missed it.

What I'd like
Render the pane's tokens values (for example as small text next to the agent name in the sidebar), and ideally respect the same $name row configuration, or just show all tokens for a pane. From a phone this is the quickest way to see how much usage is left before approving more work.

I understand this may not fit your plans or priorities. If you would rather not, a short pointer to the right place in the code would also help. I can't write TypeScript, but I'm happy to test a build on Windows + Android and report back.

Environment: Windows 11, herdr 0.9.5, herdr-web-ui installed via herdr plugin install, Quota plugin 0.1.0.