fix: layout persisting while moving aorund between tasks

Author: k11kirky

pnpm-lock.yaml

@@ -3,4 +3,7 @@ packages:
 
 onlyBuiltDependencies:
   - electron
-  - esbuild
+  - esbuild
+
+overrides:
+  '@posthog/agent': link:../agent

pnpm-workspace.yaml

@@ -8,14 +8,12 @@ import { TaskDetail } from "@features/task-detail/components/TaskDetail";
 import { TaskList } from "@features/task-list/components/TaskList";
 import { useIntegrations } from "@hooks/useIntegrations";
 import { Box, Flex } from "@radix-ui/themes";
-import { track } from "@renderer/lib/analytics";
 import type { Task } from "@shared/types";
 import { useLayoutStore } from "@stores/layoutStore";
 import { useNavigationStore } from "@stores/navigationStore";
 import { useCallback, useEffect, useState } from "react";
 import { useHotkeys } from "react-hotkeys-hook";
 import { Toaster } from "sonner";
-import { ANALYTICS_EVENTS } from "@/types/analytics";
 
 export function MainLayout() {
   const { setCliMode } = useLayoutStore();
@@ -59,12 +57,6 @@ export function MainLayout() {
 
   const handleSelectTask = (task: Task) => {
     navigateToTask(task);
-
-    // Track task view
-    track(ANALYTICS_EVENTS.TASK_VIEWED, {
-      task_id: task.id,
-      has_repository: !!task.repository_config,
-    });
   };
 
   return (

src/renderer/components/MainLayout.tsx

@@ -1,7 +1,7 @@
 import { RichTextEditor } from "@features/editor/components/RichTextEditor";
 import { Box, Button, Flex, TextArea } from "@radix-ui/themes";
 import { useQuery, useQueryClient } from "@tanstack/react-query";
-import { useCallback, useEffect, useRef, useState } from "react";
+import { useCallback, useEffect, useState } from "react";
 
 interface PlanEditorProps {
   taskId: string;
@@ -21,7 +21,6 @@ export function PlanEditor({
   const [content, setContent] = useState(initialContent || "");
   const [isSaving, setIsSaving] = useState(false);
   const [hasUnsavedChanges, setHasUnsavedChanges] = useState(false);
-  const saveTimeoutRef = useRef<number | null>(null);
 
   const isMarkdownFile = fileName.endsWith(".md");
 
@@ -46,7 +45,6 @@ export function PlanEditor({
     },
   });
 
-  // Seed editor once with fetched content if no initial content was provided
   useEffect(() => {
     if (!initialContent && fetchedContent && content === "") {
       setContent(fetchedContent);
@@ -65,10 +63,6 @@ export function PlanEditor({
             taskId,
             contentToSave,
           );
-        } else {
-          console.warn(
-            `Saving ${fileName} - generic artifact writing not yet implemented`,
-          );
         }
         onSave?.(contentToSave);
         queryClient.setQueryData(
@@ -98,25 +92,6 @@ export function PlanEditor({
     }
   }, [content, fetchedContent]);
 
-  // Auto-save with debounce
-  useEffect(() => {
-    if (saveTimeoutRef.current) {
-      clearTimeout(saveTimeoutRef.current);
-    }
-
-    saveTimeoutRef.current = setTimeout(() => {
-      if (content !== fetchedContent) {
-        handleSave(content);
-      }
-    }, 500);
-
-    return () => {
-      if (saveTimeoutRef.current) {
-        clearTimeout(saveTimeoutRef.current);
-      }
-    };
-  }, [content, fetchedContent, handleSave]);
-
   return (
     <Flex
       direction="column"