Family

Code

Code an agent wrote, ran, or wants to change, and the controls to accept it.

Components5

A code panel with copy, optional line numbers, highlighted lines, and a collapse for anything long.

A proposed change shown as a unified or side-by-side diff, with optional accept and reject controls.

Streaming command output with stderr called out, an exit code, and scroll that follows without trapping you.

A sandboxed frame for whatever the assistant just built, with the widths to check it at.

A proposed change reviewed a hunk at a time: take three of the seven, leave the rest, apply what you took.

Each of these copies its source into your project, the same as any other component in the registry.

npx shadcn@latest add Tinkerers-Labs/mischief-ui/code-block