summaryrefslogtreecommitdiffhomepage
path: root/packages/ui/src
diff options
context:
space:
mode:
Diffstat (limited to 'packages/ui/src')
-rw-r--r--packages/ui/src/components/diff-changes.tsx18
-rw-r--r--packages/ui/src/components/message-part.tsx2
2 files changed, 11 insertions, 9 deletions
diff --git a/packages/ui/src/components/diff-changes.tsx b/packages/ui/src/components/diff-changes.tsx
index e6c04f519..5b2b7362e 100644
--- a/packages/ui/src/components/diff-changes.tsx
+++ b/packages/ui/src/components/diff-changes.tsx
@@ -1,18 +1,20 @@
-import type { FileDiff } from "@opencode-ai/sdk"
import { createMemo, For, Match, Show, Switch } from "solid-js"
-export function DiffChanges(props: { diff: FileDiff | FileDiff[]; variant?: "default" | "bars" }) {
+export function DiffChanges(props: {
+ changes: { additions: number; deletions: number } | { additions: number; deletions: number }[]
+ variant?: "default" | "bars"
+}) {
const variant = () => props.variant ?? "default"
const additions = createMemo(() =>
- Array.isArray(props.diff)
- ? props.diff.reduce((acc, diff) => acc + (diff.additions ?? 0), 0)
- : props.diff.additions,
+ Array.isArray(props.changes)
+ ? props.changes.reduce((acc, diff) => acc + (diff.additions ?? 0), 0)
+ : props.changes.additions,
)
const deletions = createMemo(() =>
- Array.isArray(props.diff)
- ? props.diff.reduce((acc, diff) => acc + (diff.deletions ?? 0), 0)
- : props.diff.deletions,
+ Array.isArray(props.changes)
+ ? props.changes.reduce((acc, diff) => acc + (diff.deletions ?? 0), 0)
+ : props.changes.deletions,
)
const total = createMemo(() => (additions() ?? 0) + (deletions() ?? 0))
diff --git a/packages/ui/src/components/message-part.tsx b/packages/ui/src/components/message-part.tsx
index 01a58025a..38870b5a3 100644
--- a/packages/ui/src/components/message-part.tsx
+++ b/packages/ui/src/components/message-part.tsx
@@ -364,7 +364,7 @@ ToolRegistry.register({
</div>
<div data-slot="actions">
<Show when={props.metadata.filediff}>
- <DiffChanges diff={props.metadata.filediff} />
+ <DiffChanges changes={props.metadata.filediff} />
</Show>
</div>
</div>