fix: Rerender changes panel upon task refocus (#380)

Author: charlesvien

apps/array/src/renderer/features/right-sidebar/components/RightSidebarContent.tsx

@@ -70,9 +70,11 @@ export function RightSidebarContent({
       </Flex>
       <Box flexGrow="1" overflow="hidden">
         {activeTab === "changes" && (
-          <ChangesPanel taskId={taskId} task={task} />
+          <ChangesPanel key={taskId} taskId={taskId} task={task} />
+        )}
+        {activeTab === "files" && (
+          <FileTreePanel key={taskId} taskId={taskId} task={task} />
         )}
-        {activeTab === "files" && <FileTreePanel taskId={taskId} task={task} />}
       </Box>
     </Flex>
   );

apps/array/src/renderer/features/task-detail/components/ChangesPanel.tsx

@@ -363,6 +363,7 @@ export function ChangesPanel({ taskId, task }: ChangesPanelProps) {
       }),
     enabled: !!repoPath,
     refetchOnMount: "always",
+    refetchOnWindowFocus: true,
   });
 
   const getActiveIndex = useCallback((): number => {

apps/array/src/renderer/features/task-detail/components/ChangesTabBadge.tsx

@@ -26,6 +26,7 @@ export function ChangesTabBadge({ taskId, task }: ChangesTabBadgeProps) {
       }),
     enabled: !!repoPath,
     refetchOnMount: "always",
+    refetchOnWindowFocus: true,
   });
 
   if (!diffStats || diffStats.filesChanged === 0) {