\n \n

\n {/* Status indicator */}\n

\n {isCompleted ? (\n

\n \n

\n ) : isCanceled ? (\n

\n \n

\n ) : task.status.type === 'started' ? (\n

\n ) : (\n

\n )}\n

\n \n

\n {task.title}\n

\n \n {/* Subtask count badge like Linear */}\n {hasChildren && (\n \n \n {completedCount}/{totalCount}\n \n )}\n

\n \n {/* Only show metadata on parent tasks or first-level subtasks */}\n {depth < 2 && (\n

\n {task.project && (\n \n {task.project.icon && {task.project.icon}}\n {task.project.name}\n \n )}\n \n {task.estimate && (\n \n \n {task.estimate}\n \n )}\n \n {task.dueDate && (\n \n \n {formatDueDate(task.dueDate)}\n \n )}\n

\n )}\n

\n \n

\n \n {/* Render children recursively */}\n {hasChildren && isExpanded && (\n

\n {children.map((child, index) => (\n onSubtaskClick ? onSubtaskClick(child) : onClick()}\n isSelected={child.id === selectedTaskId}\n selectedTaskId={selectedTaskId}\n animationDelay={animationDelay + (index + 1) * 30}\n depth={depth + 1}\n onSubtaskClick={onSubtaskClick}\n childrenByParentId={childrenByParentId}\n />\n ))}\n

\n )}\n

\n );\n}\n\nfunction isOverdue(dateStr: string): boolean {\n const dueDate = new Date(dateStr);\n const today = new Date();\n today.setHours(0, 0, 0, 0);\n dueDate.setHours(0, 0, 0, 0);\n return dueDate < today;\n}\n\nfunction formatDueDate(dateStr: string): string {\n const dueDate = new Date(dateStr);\n const today = new Date();\n today.setHours(0, 0, 0, 0);\n dueDate.setHours(0, 0, 0, 0);\n \n const diffDays = Math.ceil((dueDate.getTime() - today.getTime()) / (1000 * 60 * 60 * 24));\n \n if (diffDays === 0) return 'Today';\n if (diffDays === 1) return 'Tomorrow';\n if (diffDays === -1) return 'Yesterday';\n if (diffDays < -1) return `${Math.abs(diffDays)}d ago`;\n if (diffDays < 7) return `In ${diffDays}d`;\n \n return dueDate.toLocaleDateString('en-US', { month: 'short', day: 'numeric' });\n}\n","deleted","label",[168,169,149],"frontend","components","permalink","https://www.val.town/x/shapedlines/general-asks/code/frontend/components/TaskItem.tsx","extension","actionData","errors"]