dsh-better-tool-ui

In DSH web message streams, every tool call, MCP invocation, and thinking line the model emits is rendered as the same generic card by default. In a multi-step agentic session the screen quickly fills with rows of identical grey blocks; information density is low, visual hierarchy is flat, and it is hard to tell at a glance what each step did or what the result was.

dsh-better-tool-ui unifies all three into a compact timeline. A continuous color rail on the left encodes state via blue (a breathing animation for in-progress), green (completed), and red (error or non-zero exit code). Each row inlines a tool icon, name, Chinese description, and a parameter summary. When expanded, bash gets a dark terminal block, write and edit get a GitHub-style red-and-green diff, MCP calls split into a parameter grid and a colorized result section, ask_user_question renders as a paginated Q&A panel, the goal series appears as callout blocks embedded in the message flow, and thinking lines align to a uniform 12px grid. Streaming tool rows show a live preview in the message stream while parameters are still being generated, then automatically yield to the finalized card once the stream completes.

It is built for developers who drive Claude, MCP servers, or multi-subagent workflows inside DSH web. When a single conversation bursts with dozens of tool calls, this rendering turns a wall of grey cards into a readable timeline, letting you grasp the full picture without opening every card. All colors follow DSH theme tokens so light and dark modes switch automatically. Stopping the plugin or uninstalling it and restarting restores the stock rendering, with zero changes to factory code.