\n Your Todos ({todos.filter(t => !t.completed).length} active)\n

\n Sorted by AI priority\n

\n\n

\n {todos.map((todo) => (\n \n

\n toggleComplete(todo)}\n className=\"mt-1 h-4 w-4 text-blue-600 rounded focus:ring-blue-500\"\n />\n\n

\n {editingId === todo.id ? (\n

\n setEditTitle(e.target.value)}\n className=\"w-full px-2 py-1 border border-gray-300 rounded focus:outline-none focus:ring-2 focus:ring-blue-500\"\n />\n setEditDescription(e.target.value)}\n className=\"w-full px-2 py-1 border border-gray-300 rounded focus:outline-none focus:ring-2 focus:ring-blue-500\"\n rows={2}\n placeholder=\"Description...\"\n />\n

\n \n Save\n \n \n Cancel\n \n

\n ) : (\n <>\n

\n {todo.title}\n

\n {todo.description && (\n

\n {todo.description}\n

\n )}\n \n

\n \n Priority: {priorityLabels[todo.priority as keyof typeof priorityLabels]}\n \n {todo.ai_priority && (\n \n 🤖 AI: {priorityLabels[todo.ai_priority as keyof typeof priorityLabels]}\n \n )}\n \n Created: {formatDate(todo.created_at)}\n \n

\n\n {todo.ai_reasoning && (\n

\n AI Reasoning:\n

{todo.ai_reasoning}

\n )}\n \n )}\n

\n\n

\n {editingId !== todo.id && (\n <>\n updatePriority(todo, Number(e.target.value))}\n className=\"text-xs border border-gray-300 rounded px-1 py-1\"\n title=\"Manual Priority\"\n >\n {Object.entries(priorityLabels).map(([value, label]) => (\n \n ))}\n \n \n startEdit(todo)}\n className=\"text-blue-600 hover:text-blue-800 text-xs\"\n title=\"Edit\"\n >\n ✏️\n \n \n onDelete(todo.id)}\n className=\"text-red-600 hover:text-red-800 text-xs\"\n title=\"Delete\"\n >\n 🗑️\n \n \n )}\n

\n ))}\n

\n \n );\n}","deleted","label",[169,170,152],"frontend","components","permalink","https://www.val.town/x/dukky/aiTodoApp/code/frontend/components/TodoList.tsx","extension","actionData","errors"]