Conversion Todo - Gerencie suas tarefas

\n Organize suas tarefas\n com inteligência\n

\n Uma ferramenta simples e poderosa para gerenciar suas tarefas diárias. \n Adicione datas de vencimento, converse com IA sobre suas tarefas e mantenha-se produtivo.\n

\n {/* Add Todo Form */}\n

\n Adicionar Nova Tarefa\n

\n setNewTodoTitle(e.target.value)}\n placeholder=\"Digite sua tarefa...\"\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n onKeyPress={(e) => e.key === \"Enter\" && createTodo()}\n disabled={loading}\n />\n

\n \n Data de Vencimento (opcional)\n \n setNewTodoDueDate(e.target.value)}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n disabled={loading}\n />\n

\n \n {loading ? \"...\" : \"Adicionar\"}\n \n

\n\n {/* Stats */}\n

{todos.length}

Total

{pendingTodos.length}

Pendentes

{overdueTodos.length}

Atrasadas

{todayTodos.length}

Hoje

{completedTodos.length}

Concluídas

\n\n {/* Todos List */}\n

\n {/* Pending Todos */}\n {sortedPendingTodos.length > 0 && (\n

\n Tarefas Pendentes ({pendingTodos.length})\n

\n {sortedPendingTodos.map((todo) => {\n const isOverdueTask = todo.dueDate && isOverdue(todo.dueDate);\n const isTodayTask = todo.dueDate && isDueToday(todo.dueDate);\n const hasMessages = todo.chatMessages && todo.chatMessages.length > 0;\n \n return (\n

\n toggleTodo(todo.id, e.target.checked)}\n className=\"h-4 w-4 text-blue-600 rounded focus:ring-blue-500 mt-1\"\n />\n {editingId === todo.id ? (\n

\n setEditingTitle(e.target.value)}\n className=\"w-full px-2 py-1 border border-gray-300 rounded focus:outline-none focus:ring-1 focus:ring-blue-500\"\n onKeyPress={(e) => {\n if (e.key === \"Enter\") saveEdit(todo.id);\n if (e.key === \"Escape\") cancelEdit();\n }}\n autoFocus\n />\n setEditingDueDate(e.target.value)}\n className=\"w-full px-2 py-1 border border-gray-300 rounded focus:outline-none focus:ring-1 focus:ring-blue-500\"\n />\n

\n saveEdit(todo.id)}\n className=\"px-3 py-1 text-sm bg-green-600 text-white rounded hover:bg-green-700\"\n >\n Salvar\n \n \n Cancelar\n \n

\n ) : (\n <>\n

\n {todo.title}\n {isOverdueTask && (\n \n Atrasada\n \n )}\n {isTodayTask && (\n \n Hoje\n \n )}\n {hasMessages && (\n \n 🤖 {todo.chatMessages!.length}\n \n )}\n

\n {todo.dueDate && (\n

\n 📅 {formatDate(todo.dueDate)}\n

\n )}\n

\n openChat(todo)}\n className=\"text-sm text-purple-600 hover:text-purple-800\"\n title=\"Conversar com IA\"\n >\n 🤖 IA\n \n startEditing(todo)}\n className=\"text-sm text-blue-600 hover:text-blue-800\"\n >\n Editar\n \n deleteTodo(todo.id)}\n className=\"text-sm text-red-600 hover:text-red-800\"\n >\n Excluir\n \n

\n \n )}\n

\n );\n })}\n

\n )}\n\n {/* Completed Todos */}\n {completedTodos.length > 0 && (\n

\n Tarefas Concluídas ({completedTodos.length})\n

\n {completedTodos.map((todo) => {\n const hasMessages = todo.chatMessages && todo.chatMessages.length > 0;\n \n return (\n

\n toggleTodo(todo.id, e.target.checked)}\n className=\"h-4 w-4 text-blue-600 rounded focus:ring-blue-500\"\n />\n

\n {todo.title}\n {hasMessages && (\n \n 🤖 {todo.chatMessages!.length}\n \n )}\n

\n {todo.dueDate && (\n

\n 📅 {formatDate(todo.dueDate)}\n

\n )}\n

\n openChat(todo)}\n className=\"text-sm text-purple-600 hover:text-purple-800\"\n title=\"Conversar com IA\"\n >\n 🤖 IA\n \n deleteTodo(todo.id)}\n className=\"text-sm text-red-600 hover:text-red-800\"\n >\n Excluir\n \n

\n );\n })}\n

\n )}\n\n {/* Empty State */}\n {todos.length === 0 && (\n

📝

\n Nenhuma tarefa ainda\n

\n Comece adicionando sua primeira tarefa acima!\n

\n )}\n

\n Adicionar Nova Tarefa\n

\n setNewTodoTitle(e.target.value)}\n placeholder=\"Digite sua tarefa...\"\n className=\"flex-1 px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n onKeyPress={(e) => e.key === \"Enter\" && createTodo()}\n disabled={loading}\n />\n \n {loading ? \"...\" : \"Adicionar\"}\n \n

\n Organize suas tarefas\n com inteligência\n

\n Tarefas Simples\n

\n Datas de Vencimento\n

\n Assistente IA\n

\n Sincronização\n

\n Produtividade em números\n

\n Assistente IA Integrado\n

\n Pronto para ser mais produtivo?\n

\n {isSignup ? \"Criar Conta\" : \"Entrar\"}\n

Todo

\n Adicionar Nova Tarefa\n

\n Tarefas Pendentes ({pendingTodos.length})\n

\n Tarefas Concluídas ({completedTodos.length})\n

\n Nenhuma tarefa ainda\n

Assistente IA

\n Conversion Todo\n

Todo

\n Adicionar Nova Tarefa\n

\n Tarefas Pendentes ({pendingTodos.length})\n

\n Tarefas Concluídas ({completedTodos.length})\n

\n Nenhuma tarefa ainda\n

History for App.tsx