Move changes toggle before mini chat

packages/ui/src/components/layout/Header.tsx

@@ -2015,9 +2015,7 @@ export const Header: React.FC<HeaderProps> = ({
     return <React.Fragment key={tab.id}>{tabButton}</React.Fragment>;
   };
 
-  const desktopSidebarActions = (
+  const desktopChangesPanelAction = !isVSCode ? (
-    <>
-      {!isVSCode ? (
     <Tooltip>
       <TooltipTrigger asChild>
         <button
@@ -2038,7 +2036,10 @@ export const Header: React.FC<HeaderProps> = ({
         <p>{t('header.actions.toggleChangesPanel')}</p>
       </TooltipContent>
     </Tooltip>
-      ) : null}
+  ) : null;
+
+  const desktopSidebarActions = (
+    <>
       {showPlanTab && (
         <Tooltip>
           <TooltipTrigger asChild>
@@ -2224,6 +2225,7 @@ export const Header: React.FC<HeaderProps> = ({
               percentIconClassName="h-5 w-5"
             />
           ) : null}
+          {desktopChangesPanelAction}
           <HeaderIconActionButton
             visible={showMiniChatHeaderAction}
             title={isNewSessionDraftOpen ? t('header.actions.newMiniChat') : t('header.actions.openSessionMiniChat')}