Cleanup task follow up section loading (vibe-kanban) (#1430)

Solve component completely unmounting when navigating between task attempts

frontend/src/components/panels/TaskAttemptPanel.tsx

@@ -25,12 +25,10 @@ const TaskAttemptPanel = ({
   }
 
   return (
-    <EntriesProvider key={attempt.id}>
+    <EntriesProvider>
       <RetryUiProvider attemptId={attempt.id}>
         {children({
-          logs: (
+          logs: <VirtualizedList attempt={attempt} task={task} />,
-            <VirtualizedList key={attempt.id} attempt={attempt} task={task} />
-          ),
           followUp: (
             <TaskFollowUpSection task={task} selectedAttemptId={attempt.id} />
           ),

frontend/src/components/tasks/TaskFollowUpSection.tsx

@@ -563,14 +563,8 @@ export function TaskFollowUpSection({
     refetchAttemptBranch,
   ]);
 
-  if (!selectedAttemptId) return null;
+  if (!selectedAttemptId) {
-
+    return null;
-  if (isScratchLoading) {
-    return (
-      <div className="flex items-center justify-center h-full">
-        <Loader2 className="animate-spin h-6 w-6" />
-      </div>
-    );
   }
 
   return (

frontend/src/hooks/useTaskAttempt.ts

@@ -6,5 +6,6 @@ export function useTaskAttempt(attemptId?: string) {
     queryKey: ['taskAttempt', attemptId],
     queryFn: () => attemptsApi.get(attemptId!),
     enabled: !!attemptId,
+    placeholderData: (previousData) => previousData,
   });
 }

frontend/src/pages/ProjectTasks.tsx

@@ -287,7 +287,7 @@ export function ProjectTasks() {
   }, [projectId, taskId, isLoading, selectedTask, navigate]);
 
   const effectiveAttemptId = attemptId === 'latest' ? undefined : attemptId;
-  const isTaskView = !!taskId && !effectiveAttemptId;
+  const isTaskView = !!taskId && !effectiveAttemptId && attemptId !== 'latest';
   const { data: attempt } = useTaskAttempt(effectiveAttemptId);
 
   const { data: branchStatus } = useBranchStatus(attempt?.id);