fix: typescheck

Author: k11kirky

pnpm-lock.yaml

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

pnpm-workspace.yaml

@@ -1,9 +1,9 @@
+import { useTaskData } from "@features/task-detail/hooks/useTaskData";
 import { FileIcon, FolderIcon, FolderOpenIcon } from "@phosphor-icons/react";
 import { Box, Flex, Text } from "@radix-ui/themes";
 import type { Task } from "@shared/types";
 import { useQuery } from "@tanstack/react-query";
 import { useState } from "react";
-import { useTaskData } from "@features/task-detail/hooks/useTaskData";
 
 interface FileTreePanelProps {
   taskId: string;
@@ -17,8 +17,17 @@ interface TreeNode {
   path: string;
 }
 
-function buildTreeFromPaths(files: Array<{ path: string; name: string }>): TreeNode[] {
-  const root: Record<string, TreeNode> = {};
+interface TreeNodeBuilder {
+  name: string;
+  type: "file" | "folder";
+  children?: Record<string, TreeNodeBuilder>;
+  path: string;
+}
+
+function buildTreeFromPaths(
+  files: Array<{ path: string; name: string }>,
+): TreeNode[] {
+  const root: Record<string, TreeNodeBuilder> = {};
 
   for (const file of files) {
     const parts = file.path.split("/").filter(Boolean);
@@ -39,13 +48,13 @@ function buildTreeFromPaths(files: Array<{ path: string; name: string }>): TreeN
       }
 
       if (!isLastPart && currentLevel[part].children) {
-        currentLevel = currentLevel[part].children as Record<string, TreeNode>;
+        currentLevel = currentLevel[part].children;
       }
     }
   }
 
   // Convert children objects to arrays and sort
-  const convertToArray = (node: TreeNode): TreeNode => {
+  const convertToArray = (node: TreeNodeBuilder): TreeNode => {
     if (node.children && typeof node.children === "object") {
       const childrenArray = Object.values(node.children)
         .map(convertToArray)
@@ -56,9 +65,19 @@ function buildTreeFromPaths(files: Array<{ path: string; name: string }>): TreeN
           }
           return a.name.localeCompare(b.name);
         });
-      return { ...node, children: childrenArray };
+      return {
+        name: node.name,
+        type: node.type,
+        path: node.path,
+        children: childrenArray,
+      };
     }
-    return node;
+    return {
+      name: node.name,
+      type: node.type,
+      path: node.path,
+      children: undefined,
+    };
   };
 
   return Object.values(root)
@@ -96,7 +115,7 @@ function TreeItem({ node, depth }: TreeItemProps) {
           paddingLeft: `${depth * 16 + 8}px`,
           cursor: node.type === "folder" ? "pointer" : "default",
         }}
-        className="hover:bg-gray-2 rounded"
+        className="rounded hover:bg-gray-2"
         onClick={handleToggle}
       >
         {node.type === "folder" ? (
@@ -115,7 +134,11 @@ function TreeItem({ node, depth }: TreeItemProps) {
       {node.type === "folder" && isExpanded && node.children && (
         <Box>
           {node.children.map((child, index) => (
-            <TreeItem key={`${child.name}-${index}`} node={child} depth={depth + 1} />
+            <TreeItem
+              key={`${child.name}-${index}`}
+              node={child}
+              depth={depth + 1}
+            />
           ))}
         </Box>
       )}

src/renderer/features/task-detail/components/FileTreePanel.tsx

@@ -4,19 +4,27 @@ import {
   PanelLeaf,
   PanelTab,
 } from "@features/panels";
+import { FileTreePanel } from "@features/task-detail/components/FileTreePanel";
 import { TaskArtifactEditorPanel } from "@features/task-detail/components/TaskArtifactEditorPanel";
 import { TaskArtifactsPanel } from "@features/task-detail/components/TaskArtifactsPanel";
 import { TaskDetailPanel } from "@features/task-detail/components/TaskDetailPanel";
 import { TaskLogsPanel } from "@features/task-detail/components/TaskLogsPanel";
 import { TaskShellPanel } from "@features/task-detail/components/TaskShellPanel";
 import { TodoListPanel } from "@features/task-detail/components/TodoListPanel";
-import { FileTreePanel } from "@features/task-detail/components/FileTreePanel";
 import { useTaskData } from "@features/task-detail/hooks/useTaskData";
 import { useTaskExecution } from "@features/task-detail/hooks/useTaskExecution";
 import { useTaskPanelLayoutStore } from "@features/task-detail/stores/taskPanelLayoutStore";
 import { useBlurOnEscape } from "@hooks/useBlurOnEscape";
 import { useStatusBar } from "@hooks/useStatusBar";
-import { CheckSquareIcon, FolderIcon, InfoIcon, ListIcon, NotePencilIcon, StackIcon, TerminalIcon } from "@phosphor-icons/react";
+import {
+  CheckSquareIcon,
+  FolderIcon,
+  InfoIcon,
+  ListIcon,
+  NotePencilIcon,
+  StackIcon,
+  TerminalIcon,
+} from "@phosphor-icons/react";
 import { Flex } from "@radix-ui/themes";
 import type { Task } from "@shared/types";
 import { useCallback } from "react";
@@ -151,18 +159,26 @@ export function TaskDetail({ task: initialTask }: TaskDetailProps) {
                   id="todo-list"
                   label="Todo list"
                   icon={
-                    <CheckSquareIcon size={12} weight="bold" color="var(--gray-11)" />
+                    <CheckSquareIcon
+                      size={12}
+                      weight="bold"
+                      color="var(--gray-11)"
+                    />
                   }
                 >
-                  <TodoListPanel taskId={taskId} task={task} />
+                  <TodoListPanel taskId={taskId} />
                 </PanelTab>
               </PanelLeaf>
               <PanelLeaf droppable={false}>
                 <PanelTab
                   id="file-tree"
                   label="Files"
                   icon={
-                    <FolderIcon size={12} weight="bold" color="var(--gray-11)" />
+                    <FolderIcon
+                      size={12}
+                      weight="bold"
+                      color="var(--gray-11)"
+                    />
                   }
                 >
                   <FileTreePanel taskId={taskId} task={task} />