fix(vscode): move diff badge to the right end of the action row

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>

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 {