From fd61be40788b53915f2b7f97ccefb0416327c452 Mon Sep 17 00:00:00 2001
From: David Hill <iamdavidhill@gmail.com>
Date: Wed, 18 Feb 2026 23:56:21 +0000
Subject: [PATCH] tweak(ui): show added diff counts in review

---
 packages/ui/src/components/session-review.css | 6 ++++++
 packages/ui/src/components/session-review.tsx | 9 ++++++---
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/packages/ui/src/components/session-review.css b/packages/ui/src/components/session-review.css
index 79c62d334..87957146e 100644
--- a/packages/ui/src/components/session-review.css
+++ b/packages/ui/src/components/session-review.css
@@ -213,6 +213,12 @@
     justify-content: flex-end;
   }
 
+  [data-slot="session-review-change-group"] {
+    display: inline-flex;
+    align-items: center;
+    gap: 12px;
+  }
+
   [data-slot="session-review-change"] {
     font-family: var(--font-family-sans);
     font-size: var(--font-size-small);
diff --git a/packages/ui/src/components/session-review.tsx b/packages/ui/src/components/session-review.tsx
index 99f38dbf3..9fd114cca 100644
--- a/packages/ui/src/components/session-review.tsx
+++ b/packages/ui/src/components/session-review.tsx
@@ -549,9 +549,12 @@ export const SessionReview = (props: SessionReviewProps) => {
                             <div data-slot="session-review-trigger-actions">
                               <Switch>
                                 <Match when={isAdded()}>
-                                  <span data-slot="session-review-change" data-type="added">
-                                    {i18n.t("ui.sessionReview.change.added")}
-                                  </span>
+                                  <div data-slot="session-review-change-group" data-type="added">
+                                    <span data-slot="session-review-change" data-type="added">
+                                      {i18n.t("ui.sessionReview.change.added")}
+                                    </span>
+                                    <DiffChanges changes={diff} />
+                                  </div>
                                 </Match>
                                 <Match when={isDeleted()}>
                                   <span data-slot="session-review-change" data-type="removed">