File Diff

A compact code-change surface with old and new line numbers plus live change counts.

src/components/ai/tool-result.tsx+3−1

1212 function Message({ children }) {13−  return <div>{children}</div>13+  return <article className="group">14+    <MessageBubble>{children}</MessageBubble>15+  </article>1416 }

Loading component preview…

Installation

Add the component source directly to your project.

pnpm dlx shadcn@latest add https://pastaui.com/r/file-diff.json

API reference

File Diff

File Diff properties
Prop	Type	Default	Description
`filename`	`string`	—	Names the changed file.
`lines`	`DiffLine[]`	—	Provides context, addition, and deletion rows.
`additions / deletions`	`number`	`derived`	Overrides calculated change counts.