From 6867b49194071c2e0dfd279f5ccf9ca6e5e7558a Mon Sep 17 00:00:00 2001
From: marius-kilocode <marius@kilocode.ai>
Date: Wed, 25 Mar 2026 18:43:24 +0100
Subject: [PATCH] fix(vscode): move diff badge to the right end of the action
 row

---
 .../src/components/chat/ChatView.tsx          | 28 +++++++++----------
 .../webview-ui/src/styles/chat.css            |  2 ++
 2 files changed, 16 insertions(+), 14 deletions(-)

diff --git a/packages/kilo-vscode/webview-ui/src/components/chat/ChatView.tsx b/packages/kilo-vscode/webview-ui/src/components/chat/ChatView.tsx
index c50fd424c7a..0f68223384d 100644
--- a/packages/kilo-vscode/webview-ui/src/components/chat/ChatView.tsx
+++ b/packages/kilo-vscode/webview-ui/src/components/chat/ChatView.tsx
@@ -150,20 +150,6 @@ export const ChatView: Component<ChatViewProps> = (props) => {
                 >
                   {language.t("command.session.new.task")}
                 </Button>
-                <Show when={isSidebar()}>
-                  <button
-                    class="session-diff-badge"
-                    onClick={() => vscode.postMessage({ type: "openChanges" })}
-                    aria-label={language.t("command.session.show.changes")}
-                  >
-                    <Icon name="layers" size="small" />
-                    <Show when={session.summary()?.files} fallback={<span>0f</span>}>
-                      <span class="session-diff-files">{session.summary()!.files}f</span>
-                      <span class="session-diff-add">+{session.summary()!.additions}</span>
-                      <span class="session-diff-del">-{session.summary()!.deletions}</span>
-                    </Show>
-                  </button>
-                </Show>
                 <Show when={canContinueInWorktree()}>
                   <Button
                     variant="ghost"
@@ -184,6 +170,20 @@ export const ChatView: Component<ChatViewProps> = (props) => {
                     {transferring() ? transferDetail() : "Worktree"}
                   </Button>
                 </Show>
+                <Show when={isSidebar()}>
+                  <button
+                    class="session-diff-badge"
+                    onClick={() => vscode.postMessage({ type: "openChanges" })}
+                    aria-label={language.t("command.session.show.changes")}
+                  >
+                    <Icon name="layers" size="small" />
+                    <Show when={session.summary()?.files} fallback={<span>0f</span>}>
+                      <span class="session-diff-files">{session.summary()!.files}f</span>
+                      <span class="session-diff-add">+{session.summary()!.additions}</span>
+                      <span class="session-diff-del">-{session.summary()!.deletions}</span>
+                    </Show>
+                  </button>
+                </Show>
               </div>
             </div>
           </Show>
diff --git a/packages/kilo-vscode/webview-ui/src/styles/chat.css b/packages/kilo-vscode/webview-ui/src/styles/chat.css
index 60847a9383c..eaead9dbeb6 100644
--- a/packages/kilo-vscode/webview-ui/src/styles/chat.css
+++ b/packages/kilo-vscode/webview-ui/src/styles/chat.css
@@ -195,6 +195,7 @@
   align-items: center;
   justify-content: center;
   gap: 4px;
+  margin-left: auto;
   padding: 4px 8px;
   border: none;
   border-radius: 4px;
@@ -205,6 +206,7 @@
   font-variant-numeric: tabular-nums;
   cursor: pointer;
   white-space: nowrap;
+  flex: 0 0 auto;
 }
 
 .session-diff-badge:hover {