[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_331":332,"_333":334},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_246":-5,"_20":247,"_22":248,"_249":250,"_251":252,"_26":253,"_24":254,"_255":-5,"_256":-5,"_257":57,"_258":259,"_260":48,"_261":-5,"_262":-5,"_263":264},"routes/_app.x.$handle.$name.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":-5,"_29":-5,"_30":-5,"_31":-5,"_32":-5},"handle","diegoivo","name","todo-app","branchName","main","version","path","frontend","project",{"_36":193,"_13":14,"_49":194,"_195":-5,"_196":57,"_197":198,"_199":198,"_200":-5,"_201":-5,"_202":203,"_204":185,"_205":48,"_206":48,"_207":-5,"_208":51,"_209":210,"_211":-5,"_212":-5,"_213":-5,"_214":-5,"_215":216,"_217":216,"_218":219,"_220":219,"_221":219,"_222":216,"_223":216,"_224":225,"_226":227,"_228":229,"_230":57},"tree",[79,80,81,82,83],"file",{"_36":75,"_43":44,"_39":42,"_13":19,"_54":-5,"_52":73,"_17":51,"_41":-5,"_49":76,"_45":77,"_58":-5,"_18":78},"contents",[33,34,35],"upstream","pull","ahead","behind","envVars",{"_36":68,"_13":69,"_39":70,"_41":42,"_43":44,"_45":71,"_47":48,"_49":72,"_17":51,"_52":73,"_54":-5,"_56":57,"_58":-5,"_18":74},{"_36":60,"_13":61,"_39":62,"_41":42,"_43":44,"_45":63,"_47":48,"_49":64,"_17":65,"_52":24,"_54":66,"_56":57,"_58":-5,"_18":67},{"_36":37,"_13":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":50,"_17":51,"_52":53,"_54":55,"_56":57,"_58":-5,"_18":59},"id","8cc619b8-3da1-11f0-9c4c-76b3cceeab13","index.tsx","fileId","8cc61a6c-3da1-11f0-9c4c-76b3cceeab13","parentId","9da52af2-69f5-482c-bcda-5dc6f97804a6","branchId","e5e7eb1c-3da0-11f0-9e6d-76b3cceeab13","branchVersion",7,"latest",true,"createdAt",["D",1748642450923],0,"fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client?deps=react@18.2.0,react-dom@18.2.0\";\nimport App from \"./components/App.tsx\";\n\n// Get initial data from server\nconst initialData = (window as any).__INITIAL_DATA__ || { user: null, isAuthenticated: false };\n\nconst root = createRoot(document.getElementById(\"root\")!);\nroot.render();","deleted",false,"label",[19,38],"a2d8910c-3da3-11f0-b81c-76b3cceeab13","index.html","89f4e5e8-3da1-11f0-9c50-76b3cceeab13",12,["D",1748643346946],1,"\n\n\n \n \n CONVERSION | Gerenciador de Tarefas UX\n \n \n \n \n\n\n

\n \n\n",[19,61],"df991716-3da2-11f0-a349-76b3cceeab13","components","3503e1bd-a273-4d41-95ba-d159a4cafd1b",9,["D",1748643019374],"directory",[19,69],"89f4ecbe-3da1-11f0-9c50-76b3cceeab13",["D",1748642446195],6,[19],{"_36":175,"_13":176,"_39":177,"_41":-5,"_43":44,"_45":178,"_47":48,"_49":179,"_17":51,"_52":73,"_54":-5,"_56":57,"_58":-5,"_89":180,"_18":181},{"_36":75,"_13":19,"_39":42,"_41":-5,"_43":44,"_45":77,"_47":48,"_49":124,"_17":51,"_52":73,"_54":-5,"_56":57,"_58":-5,"_89":125,"_18":126},{"_36":100,"_13":101,"_39":102,"_41":-5,"_43":44,"_45":103,"_47":48,"_49":104,"_17":51,"_52":73,"_54":-5,"_56":57,"_58":-5,"_89":105,"_18":106},{"_36":92,"_13":93,"_39":94,"_41":-5,"_43":44,"_45":95,"_47":48,"_49":96,"_17":65,"_52":24,"_54":97,"_56":57,"_58":-5,"_89":98,"_18":99},{"_36":84,"_13":85,"_39":86,"_41":-5,"_43":44,"_45":65,"_47":48,"_49":87,"_17":51,"_52":53,"_54":88,"_56":57,"_58":-5,"_89":90,"_18":91},"e5e9fb28-3da0-11f0-9e6d-76b3cceeab13","main.tsx","e5e9fbaa-3da0-11f0-9e6d-76b3cceeab13",["D",1748642170979],"","children",[],[85],"e35b33c6-3da6-11f0-bd2d-76b3cceeab13","README.md","684326bc-3da1-11f0-895c-76b3cceeab13",19,["D",1748644743664],"# CONVERSION UX - Gerenciador de Tarefas\n\nUma plataforma moderna e intuitiva para gerenciar tarefas com máxima eficiência, seguindo a identidade visual da Conversion UX.\n\n## ✨ Recursos\n\n- 🎨 **Design Moderno**: Interface limpa seguindo a identidade visual da Conversion UX\n- 🔐 **Autenticação Segura**: Login via Google OAuth através do LastLogin\n- 📋 **Gerenciamento Completo**: Criar, editar, completar e excluir tarefas\n- 📅 **Calendário Integrado**: Definir datas de vencimento para tarefas\n- 🎯 **Sistema de Prioridades**: Alta, média e baixa prioridade com indicadores visuais\n- 📂 **Categorização**: Organize por trabalho, pessoal, urgente ou ideias\n- 📊 **Dashboard**: Estatísticas e resumo de produtividade\n- 🔍 **Filtros Avançados**: Filtre por status, categoria e prioridade\n- 📱 **Responsivo**: Funciona perfeitamente em desktop e mobile\n\n## 🏗️ Estrutura do Projeto\n\n```\n├── backend/\n│ ├── index.ts # Servidor Hono com API REST\n│ └── README.md\n├── frontend/\n│ ├── components/\n│ │ ├── App.tsx # Componente principal\n│ │ ├── LandingPage.tsx # Página inicial\n│ │ ├── TodoList.tsx # Lista de tarefas\n│ │ └── TodoForm.tsx # Formulário de tarefas\n│ ├── index.html # Template HTML\n│ ├── index.tsx # Entry point React\n│ └── README.md\n├── shared/\n│ ├── types.ts # Tipos TypeScript compartilhados\n│ └── README.md\n└── README.md\n```\n\n## 🚀 API Endpoints\n\n- `GET /` - Página inicial (landing page ou app)\n- `GET /api/todos` - Buscar tarefas do usuário\n- `POST /api/todos` - Criar nova tarefa\n- `PUT /api/todos/:id` - Atualizar tarefa\n- `DELETE /api/todos/:id` - Excluir tarefa\n\n## 🔧 Tecnologias\n\n- **Backend**: Hono.js + TypeScript\n- **Frontend**: React 18.2.0 + TypeScript\n- **Estilização**: CSS customizado + TailwindCSS\n- **Armazenamento**: Val Town Blob Storage\n- **Autenticação**: LastLogin (Google OAuth)\n- **Hospedagem**: Val Town\n\n## 🎨 Design System\n\n### Cores\n- **Azul Principal**: `#4F7CFF`\n- **Azul Hover**: `#3B5FE6`\n- **Fundo**: `#fafafa`\n- **Cards**: `#ffffff`\n- **Bordas**: `#e5e7eb`\n\n### Componentes\n- **Botões**: Estilo conversion-button com hover effects\n- **Inputs**: Estilo conversion-input com focus states\n- **Cards**: Estilo conversion-card com sombras sutis\n- **Logo**: Ícone \"C\" com badge BETA\n\n## 📋 Funcionalidades das Tarefas\n\n### Campos da Tarefa\n- **Título**: Obrigatório, descrição principal\n- **Descrição**: Opcional, detalhes adicionais\n- **Prioridade**: Alta (🔴), Média (🟡), Baixa (🟢)\n- **Categoria**: Trabalho (💼), Pessoal (👤), Urgente (🚨), Ideias (💡)\n- **Data de Vencimento**: Opcional, com indicador de atraso\n- **Status**: Pendente ou Concluída\n\n### Recursos Avançados\n- **Ordenação Inteligente**: Por status, prioridade e data\n- **Filtros**: Por status e categoria\n- **Indicadores Visuais**: Cores por prioridade, alertas de atraso\n- **Estatísticas**: Contadores de tarefas e progresso\n\n## 🔐 Autenticação\n\nUtiliza o LastLogin para autenticação segura via Google OAuth:\n- Login automático via header `X-LastLogin-Email`\n- Logout através de `/auth/logout`\n- Dados isolados por usuário no blob storage\n\n## 📱 Responsividade\n\n- **Desktop**: Layout em grid com sidebar\n- **Tablet**: Layout adaptativo\n- **Mobile**: Layout em coluna única\n- **Componentes**: Todos otimizados para touch\n\n## 🚀 Como Executar\n\n1. Abra o arquivo `/backend/index.ts`\n2. Execute como HTTP trigger\n3. Acesse a URL gerada\n4. Faça login com sua conta Google\n5. Comece a gerenciar suas tarefas!\n\n## 📈 Métricas\n\nO dashboard exibe:\n- Total de tarefas\n- Tarefas concluídas\n- Tarefas pendentes\n- Percentual de conclusão\n- Distribuição por prioridade",[],[93],"6b4eef9e-3da1-11f0-904a-76b3cceeab13","shared","f5054ab5-e7bd-4c79-b9ee-e4c2ec5f3780",3,["D",1748642394754],[107,108],[101],{"_36":117,"_13":93,"_39":118,"_41":102,"_43":44,"_45":119,"_47":48,"_49":120,"_17":51,"_52":24,"_54":121,"_56":57,"_58":-5,"_89":122,"_18":123},{"_36":109,"_13":110,"_39":111,"_41":102,"_43":44,"_45":112,"_47":48,"_49":113,"_17":65,"_52":53,"_54":114,"_56":57,"_58":-5,"_89":115,"_18":116},"496cac40-3da6-11f0-a615-76b3cceeab13","types.ts","6b4ee756-3da1-11f0-904a-76b3cceeab13",13,["D",1748644485411],"// Shared types for the Conversion UX Task Manager\n\nexport interface Todo {\n id: string;\n title: string;\n description?: string;\n completed: boolean;\n priority: 'low' | 'medium' | 'high';\n dueDate?: string; // ISO date string\n category: 'work' | 'personal' | 'urgent' | 'ideas';\n createdAt: string;\n updatedAt: string;\n}\n\nexport interface User {\n email: string;\n name?: string;\n todos: Todo[];\n}\n\nexport interface CreateTodoRequest {\n title: string;\n description?: string;\n priority: Todo['priority'];\n dueDate?: string;\n category: Todo['category'];\n}\n\nexport interface UpdateTodoRequest {\n title?: string;\n description?: string;\n completed?: boolean;\n priority?: Todo['priority'];\n dueDate?: string;\n category?: Todo['category'];\n}\n\nexport interface ApiResponse {\n success: boolean;\n data?: T;\n error?: string;\n}",[],[101,110],"6d3e98e0-3da1-11f0-8c7e-76b3cceeab13","6d3e9994-3da1-11f0-8c7e-76b3cceeab13",4,["D",1748642398028],"# Shared Code\n\nThis directory contains code that is shared between the frontend and backend:\n\n- `types.ts` - TypeScript interfaces and types used across the application\n\nThese files must be compatible with both browser and server environments.",[],[101,93],["D",1748642446195],[127,128,129],[19],{"_36":68,"_13":69,"_39":70,"_41":42,"_43":44,"_45":71,"_47":48,"_49":136,"_17":51,"_52":73,"_54":-5,"_56":57,"_58":-5,"_89":137,"_18":138},{"_36":60,"_13":61,"_39":62,"_41":42,"_43":44,"_45":63,"_47":48,"_49":133,"_17":65,"_52":24,"_54":66,"_56":57,"_58":-5,"_89":134,"_18":135},{"_36":37,"_13":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":130,"_17":51,"_52":53,"_54":55,"_56":57,"_58":-5,"_89":131,"_18":132},["D",1748642450923],[],[19,38],["D",1748643346946],[],[19,61],["D",1748643019374],[139,140,141,142],[19,69],{"_36":167,"_13":168,"_39":169,"_41":70,"_43":44,"_45":170,"_47":48,"_49":171,"_17":65,"_52":53,"_54":172,"_56":57,"_58":-5,"_89":173,"_18":174},{"_36":159,"_13":160,"_39":161,"_41":70,"_43":44,"_45":162,"_47":48,"_49":163,"_17":51,"_52":53,"_54":164,"_56":57,"_58":-5,"_89":165,"_18":166},{"_36":151,"_13":152,"_39":153,"_41":70,"_43":44,"_45":154,"_47":48,"_49":155,"_17":65,"_52":53,"_54":156,"_56":57,"_58":-5,"_89":157,"_18":158},{"_36":143,"_13":144,"_39":145,"_41":70,"_43":44,"_45":146,"_47":48,"_49":147,"_17":65,"_52":53,"_54":148,"_56":57,"_58":-5,"_89":149,"_18":150},"cf466d2e-3da6-11f0-9944-76b3cceeab13","TodoList.tsx","fa9bb438-3da2-11f0-8024-76b3cceeab13",18,["D",1748644709973],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\nimport type { Todo } from \"../../shared/types.ts\";\n\ninterface TodoListProps {\n todos: Todo[];\n onUpdate: (id: string, updates: Partial) => void;\n onDelete: (id: string) => void;\n loading: boolean;\n}\n\nexport default function TodoList({ todos, onUpdate, onDelete, loading }: TodoListProps) {\n const [filter, setFilter] = useState<'all' | 'active' | 'completed'>('all');\n const [categoryFilter, setCategoryFilter] = useState('all');\n\n const getCategoryIcon = (category: Todo['category']) => {\n const icons = {\n work: '💼',\n personal: '👤',\n urgent: '🚨',\n ideas: '💡'\n };\n return icons[category];\n };\n\n const getCategoryLabel = (category: Todo['category']) => {\n const labels = {\n work: 'Trabalho',\n personal: 'Pessoal',\n urgent: 'Urgente',\n ideas: 'Ideias'\n };\n return labels[category];\n };\n\n const getPriorityIcon = (priority: Todo['priority']) => {\n const icons = {\n low: '🟢',\n medium: '🟡',\n high: '🔴'\n };\n return icons[priority];\n };\n\n const getPriorityClass = (priority: Todo['priority']) => {\n return `priority-${priority}`;\n };\n\n const formatDate = (dateString: string) => {\n return new Date(dateString).toLocaleDateString('pt-BR', {\n day: '2-digit',\n month: '2-digit',\n year: 'numeric'\n });\n };\n\n const isOverdue = (dueDate?: string) => {\n if (!dueDate) return false;\n return new Date(dueDate) < new Date();\n };\n\n const filteredTodos = todos.filter(todo => {\n const statusMatch = filter === 'all' || \n (filter === 'active' && !todo.completed) || \n (filter === 'completed' && todo.completed);\n \n const categoryMatch = categoryFilter === 'all' || todo.category === categoryFilter;\n \n return statusMatch && categoryMatch;\n });\n\n const sortedTodos = filteredTodos.sort((a, b) => {\n // Sort by completion status first (incomplete first)\n if (a.completed !== b.completed) {\n return a.completed ? 1 : -1;\n }\n \n // Then by priority (high to low)\n const priorityOrder = { high: 3, medium: 2, low: 1 };\n if (priorityOrder[a.priority] !== priorityOrder[b.priority]) {\n return priorityOrder[b.priority] - priorityOrder[a.priority];\n }\n \n // Then by due date (soonest first)\n if (a.dueDate && b.dueDate) {\n return new Date(a.dueDate).getTime() - new Date(b.dueDate).getTime();\n }\n if (a.dueDate && !b.dueDate) return -1;\n if (!a.dueDate && b.dueDate) return 1;\n \n // Finally by creation date (newest first)\n return new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime();\n });\n\n if (todos.length === 0) {\n return (\n

📋

Nenhuma tarefa ainda!

Adicione sua primeira tarefa para começar a organizar seu trabalho.

\n );\n }\n\n return (\n

\n {/* Filters */}\n

\n Status:\n {(['all', 'active', 'completed'] as const).map(status => (\n setFilter(status)}\n className={`px-3 py-1 text-xs rounded-full transition-colors ${\n filter === status \n ? 'conversion-blue text-white' \n : 'bg-gray-200 text-gray-700 hover:bg-gray-300'\n }`}\n >\n {status === 'all' ? 'Todas' : status === 'active' ? 'Ativas' : 'Concluídas'}\n \n ))}\n

\n \n

\n Categoria:\n setCategoryFilter('all')}\n className={`px-3 py-1 text-xs rounded-full transition-colors ${\n categoryFilter === 'all' \n ? 'conversion-blue text-white' \n : 'bg-gray-200 text-gray-700 hover:bg-gray-300'\n }`}\n >\n Todas\n \n {(['work', 'personal', 'urgent', 'ideas'] as const).map(category => (\n setCategoryFilter(category)}\n className={`px-3 py-1 text-xs rounded-full transition-colors ${\n categoryFilter === category \n ? 'conversion-blue text-white' \n : 'bg-gray-200 text-gray-700 hover:bg-gray-300'\n }`}\n >\n {getCategoryIcon(category)} {getCategoryLabel(category)}\n \n ))}\n

\n\n {/* Todo Items */}\n

\n {sortedTodos.map(todo => (\n \n

\n onUpdate(todo.id, { completed: !todo.completed })}\n disabled={loading}\n className={`mt-1 w-5 h-5 rounded border-2 flex items-center justify-center transition-colors ${\n todo.completed \n ? 'bg-green-500 border-green-500 text-white' \n : 'border-gray-300 hover:border-green-500'\n }`}\n >\n {todo.completed && '✓'}\n \n \n

\n {getCategoryIcon(todo.category)}\n {getCategoryLabel(todo.category)}\n {getPriorityIcon(todo.priority)}\n {todo.priority === 'high' ? 'Alta' : todo.priority === 'medium' ? 'Média' : 'Baixa'} prioridade\n {isOverdue(todo.dueDate) && !todo.completed && (\n \n Atrasada\n \n )}\n

\n \n

\n {todo.title}\n

\n \n {todo.description && (\n

\n {todo.description}\n

\n )}\n \n

\n Criada: {formatDate(todo.createdAt)}\n {todo.dueDate && (\n \n 📅 Vencimento: {formatDate(todo.dueDate)}\n \n )}\n {todo.updatedAt !== todo.createdAt && (\n Atualizada: {formatDate(todo.updatedAt)}\n )}\n

\n \n onDelete(todo.id)}\n disabled={loading}\n className=\"text-gray-400 hover:text-red-500 p-1 rounded transition-colors disabled:opacity-50\"\n title=\"Excluir tarefa\"\n >\n 🗑️\n \n

\n ))}\n

\n\n {filteredTodos.length === 0 && todos.length > 0 && (\n

🔍

Nenhuma tarefa encontrada com os filtros selecionados.

\n )}\n \n );\n}",[],[19,69,144],"ac83ddda-3da6-11f0-bd2d-76b3cceeab13","TodoForm.tsx","e93d6d08-3da2-11f0-b0d5-76b3cceeab13",17,["D",1748644651656],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\nimport type { Todo } from \"../../shared/types.ts\";\n\ninterface TodoFormProps {\n onAdd: (todo: { \n title: string; \n description?: string;\n priority: Todo['priority']; \n dueDate?: string;\n category: Todo['category'];\n }) => void;\n loading: boolean;\n}\n\nexport default function TodoForm({ onAdd, loading }: TodoFormProps) {\n const [title, setTitle] = useState('');\n const [description, setDescription] = useState('');\n const [priority, setPriority] = useState('medium');\n const [dueDate, setDueDate] = useState('');\n const [category, setCategory] = useState('work');\n\n const handleSubmit = (e: React.FormEvent) => {\n e.preventDefault();\n if (!title.trim()) return;\n \n onAdd({ \n title: title.trim(), \n description: description.trim() || undefined,\n priority, \n dueDate: dueDate || undefined,\n category \n });\n \n setTitle('');\n setDescription('');\n setDueDate('');\n };\n\n const priorityOptions = [\n { value: 'low', label: 'Baixa', color: 'text-green-600', icon: '🟢' },\n { value: 'medium', label: 'Média', color: 'text-yellow-600', icon: '🟡' },\n { value: 'high', label: 'Alta', color: 'text-red-600', icon: '🔴' }\n ];\n\n const categoryOptions = [\n { value: 'work', label: 'Trabalho', icon: '💼' },\n { value: 'personal', label: 'Pessoal', icon: '👤' },\n { value: 'urgent', label: 'Urgente', icon: '🚨' },\n { value: 'ideas', label: 'Ideias', icon: '💡' }\n ];\n\n // Get today's date in YYYY-MM-DD format for min date\n const today = new Date().toISOString().split('T')[0];\n\n return (\n

\n \n Título da tarefa *\n \n setTitle(e.target.value)}\n placeholder=\"Ex: Revisar proposta do cliente\"\n className=\"conversion-input w-full\"\n disabled={loading}\n required\n />\n

\n\n

\n \n Descrição (opcional)\n \n setDescription(e.target.value)}\n placeholder=\"Adicione detalhes sobre a tarefa...\"\n rows={3}\n className=\"conversion-input w-full resize-none\"\n disabled={loading}\n />\n

\n\n

\n \n Prioridade\n \n setPriority(e.target.value as Todo['priority'])}\n className=\"conversion-select w-full\"\n disabled={loading}\n >\n {priorityOptions.map(option => (\n \n ))}\n \n

\n\n

\n \n Categoria\n \n setCategory(e.target.value as Todo['category'])}\n className=\"conversion-select w-full\"\n disabled={loading}\n >\n {categoryOptions.map(option => (\n \n ))}\n \n

\n\n

\n \n Data de vencimento (opcional)\n \n setDueDate(e.target.value)}\n min={today}\n className=\"conversion-input w-full\"\n disabled={loading}\n />\n {dueDate && (\n

\n 📅 Vencimento: {new Date(dueDate).toLocaleDateString('pt-BR', {\n weekday: 'long',\n year: 'numeric',\n month: 'long',\n day: 'numeric'\n })}\n

\n )}\n

\n\n \n {loading ? 'Adicionando...' : '+ Adicionar Tarefa'}\n \n \n );\n}",[],[19,69,152],"982d4ede-3da6-11f0-bf05-76b3cceeab13","LandingPage.tsx","982d503c-3da6-11f0-bf05-76b3cceeab13",16,["D",1748644617539],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\nimport { LoginWithGoogleButton } from \"https://esm.town/v/stevekrouse/LoginWithGoogleButton\";\n\nexport default function LandingPage() {\n return (\n

\n {/* Header */}\n

\n CONVERSION\n BETA\n

\n \n

\n \n Recursos\n \n \n Preços\n \n

\n\n {/* Hero Section */}\n

\n Gerencie suas tarefas com\n máxima eficiência\n

\n \n

\n Uma plataforma completa para organizar, priorizar e acompanhar suas tarefas. \n Aumente sua produtividade com nossa interface intuitiva e recursos avançados.\n

\n \n

\n \n via LastLogin\n \n

\n \n

\n ✨ Sem cartão de crédito • 📱 Acesso imediato • 🔒 100% seguro\n

\n\n {/* Features Section */}\n

\n Recursos que fazem a diferença\n

\n Desenvolvido para profissionais que buscam máxima produtividade\n

\n\n

\n 📋\n

\n Organização Inteligente\n

\n Categorize suas tarefas por projetos, prioridades e prazos. \n Mantenha tudo organizado em um só lugar.\n

\n\n

\n 📅\n

\n Calendário Integrado\n

\n Defina prazos e visualize suas tarefas em um calendário intuitivo. \n Nunca mais perca um deadline importante.\n

\n\n

\n ⚡\n

\n Interface Rápida\n

\n Adicione, edite e complete tarefas em segundos. \n Interface otimizada para máxima velocidade.\n

\n\n

\n 📊\n

\n Relatórios Detalhados\n

\n Acompanhe sua produtividade com métricas e relatórios. \n Identifique padrões e melhore continuamente.\n

\n\n

\n 🎯\n

\n Foco em Prioridades\n

\n Sistema de prioridades inteligente que destaca o que é mais importante. \n Foque no que realmente importa.\n

\n\n

\n 🔒\n

\n Segurança Total\n

\n Seus dados são protegidos com criptografia de ponta. \n Acesso seguro via Google OAuth.\n

\n\n {/* CTA Section */}\n

\n Pronto para aumentar sua produtividade?\n

\n Junte-se a milhares de profissionais que já transformaram sua forma de trabalhar\n

\n \n

\n \n Autenticação segura via LastLogin\n \n

\n\n {/* Footer */}\n \n

\n );\n}",[],[19,69,160],"841d23b0-3da6-11f0-9944-76b3cceeab13","App.tsx","df990384-3da2-11f0-a349-76b3cceeab13",15,["D",1748644583876],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\nimport { LoginWithGoogleButton } from \"https://esm.town/v/stevekrouse/LoginWithGoogleButton\";\nimport TodoList from \"./TodoList.tsx\";\nimport TodoForm from \"./TodoForm.tsx\";\nimport LandingPage from \"./LandingPage.tsx\";\nimport type { Todo, User, ApiResponse } from \"../../shared/types.ts\";\n\ninterface AppProps {\n initialData: {\n user: User | null;\n isAuthenticated: boolean;\n showLanding: boolean;\n };\n}\n\nexport default function App({ initialData }: AppProps) {\n const [user, setUser] = useState(initialData.user);\n const [todos, setTodos] = useState(initialData.user?.todos || []);\n const [isAuthenticated, setIsAuthenticated] = useState(initialData.isAuthenticated);\n const [showLanding, setShowLanding] = useState(initialData.showLanding);\n const [loading, setLoading] = useState(false);\n\n // Show landing page if not authenticated\n if (showLanding || !isAuthenticated) {\n return ;\n }\n\n // Fetch todos from API\n const fetchTodos = async () => {\n if (!isAuthenticated) return;\n \n setLoading(true);\n try {\n const response = await fetch('/api/todos');\n const result: ApiResponse = await response.json();\n \n if (result.success && result.data) {\n setTodos(result.data);\n }\n } catch (error) {\n console.error('Failed to fetch todos:', error);\n } finally {\n setLoading(false);\n }\n };\n\n // Add new todo\n const addTodo = async (todoData: { \n title: string; \n description?: string;\n priority: Todo['priority']; \n dueDate?: string;\n category: Todo['category'];\n }) => {\n if (!isAuthenticated) return;\n \n setLoading(true);\n try {\n const response = await fetch('/api/todos', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify(todoData)\n });\n \n const result: ApiResponse = await response.json();\n \n if (result.success && result.data) {\n setTodos(prev => [...prev, result.data!]);\n }\n } catch (error) {\n console.error('Failed to add todo:', error);\n } finally {\n setLoading(false);\n }\n };\n\n // Update todo\n const updateTodo = async (id: string, updates: Partial) => {\n if (!isAuthenticated) return;\n \n setLoading(true);\n try {\n const response = await fetch(`/api/todos/${id}`, {\n method: 'PUT',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify(updates)\n });\n \n const result: ApiResponse = await response.json();\n \n if (result.success && result.data) {\n setTodos(prev => prev.map(todo => \n todo.id === id ? result.data! : todo\n ));\n }\n } catch (error) {\n console.error('Failed to update todo:', error);\n } finally {\n setLoading(false);\n }\n };\n\n // Delete todo\n const deleteTodo = async (id: string) => {\n if (!isAuthenticated) return;\n \n setLoading(true);\n try {\n const response = await fetch(`/api/todos/${id}`, {\n method: 'DELETE'\n });\n \n const result: ApiResponse = await response.json();\n \n if (result.success) {\n setTodos(prev => prev.filter(todo => todo.id !== id));\n }\n } catch (error) {\n console.error('Failed to delete todo:', error);\n } finally {\n setLoading(false);\n }\n };\n\n const completedCount = todos.filter(t => t.completed).length;\n const totalCount = todos.length;\n\n return (\n

\n {/* Header */}\n

\n CONVERSION\n BETA\n

\n \n

\n \n Olá, {user?.email?.split('@')[0]}\n \n \n Sair\n \n

\n\n

\n {/* Main Content */}\n

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

\n 📋\n

Total de Tarefas

{totalCount}

\n\n

\n ✅\n

Concluídas

{completedCount}

\n\n

\n ⏳\n

Pendentes

{totalCount - completedCount}

\n\n {/* Todo List */}\n

Suas Tarefas

\n {totalCount > 0 && (\n

\n {Math.round((completedCount / totalCount) * 100)}% concluído\n

\n )}\n

\n \n \n

\n\n {/* Sidebar */}\n

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

Nova Tarefa

\n \n

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

Resumo

\n 🔴 Alta prioridade\n {todos.filter(t => t.priority === 'high' && !t.completed).length}\n

\n 🟡 Média prioridade\n {todos.filter(t => t.priority === 'medium' && !t.completed).length}\n

\n 🟢 Baixa prioridade\n {todos.filter(t => t.priority === 'low' && !t.completed).length}\n

\n );\n}",[],[19,69,168],"7f64f6f4-3da1-11f0-abe2-76b3cceeab13","backend","172ef69f-f9e9-4620-af6f-022708727157",5,["D",1748642428472],[182],[176],{"_36":183,"_13":184,"_39":185,"_41":177,"_43":44,"_45":186,"_47":48,"_49":187,"_17":188,"_52":189,"_54":190,"_56":57,"_58":-5,"_89":191,"_18":192},"605d9e1e-3da6-11f0-9767-76b3cceeab13","index.ts","7f64e894-3da1-11f0-abe2-76b3cceeab13",14,["D",1748644523901],2,"http","import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { lastlogin } from \"https://esm.town/v/stevekrouse/lastlogin_safe\";\nimport { blob } from \"https://esm.town/v/std/blob\";\nimport { readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport type { Todo, User, CreateTodoRequest, UpdateTodoRequest, ApiResponse } from \"../shared/types.ts\";\n\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err, c) => {\n throw err;\n});\n\n// Serve static assets\napp.get(\"/frontend/*\", c => serveFile(c.req.path, import.meta.url));\napp.get(\"/shared/*\", c => serveFile(c.req.path, import.meta.url));\n\n// Helper function to get user data from blob storage\nasync function getUserData(email: string): Promise {\n const userData = await blob.getJSON(`user:${email}`);\n return userData || { email, todos: [] };\n}\n\n// Helper function to save user data to blob storage\nasync function saveUserData(user: User): Promise {\n await blob.setJSON(`user:${user.email}`, user);\n}\n\n// Helper function to generate unique ID\nfunction generateId(): string {\n return Date.now().toString(36) + Math.random().toString(36).substr(2);\n}\n\n// Landing page route (when not authenticated)\napp.get(\"/\", async (c) => {\n const email = c.req.header(\"X-LastLogin-Email\");\n \n if (!email) {\n // Show landing page\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n const initialData = {\n user: null,\n isAuthenticated: false,\n showLanding: true\n };\n\n const dataScript = ``;\n\n html = html.replace(\"\", `${dataScript}`);\n return c.html(html);\n }\n\n // Show app for authenticated users\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n const initialData = {\n user: await getUserData(email),\n isAuthenticated: true,\n showLanding: false\n };\n\n const dataScript = ``;\n\n html = html.replace(\"\", `${dataScript}`);\n return c.html(html);\n});\n\n// API Routes\n\n// Get todos for authenticated user\napp.get(\"/api/todos\", async (c) => {\n const email = c.req.header(\"X-LastLogin-Email\");\n \n if (!email) {\n return c.json({ success: false, error: \"Not authenticated\" }, 401);\n }\n\n try {\n const userData = await getUserData(email);\n return c.json>({ success: true, data: userData.todos });\n } catch (error) {\n return c.json({ success: false, error: \"Failed to fetch todos\" }, 500);\n }\n});\n\n// Create new todo\napp.post(\"/api/todos\", async (c) => {\n const email = c.req.header(\"X-LastLogin-Email\");\n \n if (!email) {\n return c.json({ success: false, error: \"Not authenticated\" }, 401);\n }\n\n try {\n const body = await c.req.json() as CreateTodoRequest;\n const userData = await getUserData(email);\n \n const newTodo: Todo = {\n id: generateId(),\n title: body.title,\n description: body.description,\n completed: false,\n priority: body.priority,\n dueDate: body.dueDate,\n category: body.category,\n createdAt: new Date().toISOString(),\n updatedAt: new Date().toISOString()\n };\n\n userData.todos.push(newTodo);\n await saveUserData(userData);\n\n return c.json>({ success: true, data: newTodo });\n } catch (error) {\n return c.json({ success: false, error: \"Failed to create todo\" }, 500);\n }\n});\n\n// Update todo\napp.put(\"/api/todos/:id\", async (c) => {\n const email = c.req.header(\"X-LastLogin-Email\");\n const todoId = c.req.param(\"id\");\n \n if (!email) {\n return c.json({ success: false, error: \"Not authenticated\" }, 401);\n }\n\n try {\n const body = await c.req.json() as UpdateTodoRequest;\n const userData = await getUserData(email);\n \n const todoIndex = userData.todos.findIndex(todo => todo.id === todoId);\n if (todoIndex === -1) {\n return c.json({ success: false, error: \"Todo not found\" }, 404);\n }\n\n // Update todo with provided fields\n const updatedTodo = {\n ...userData.todos[todoIndex],\n ...body,\n updatedAt: new Date().toISOString()\n };\n\n userData.todos[todoIndex] = updatedTodo;\n await saveUserData(userData);\n\n return c.json>({ success: true, data: updatedTodo });\n } catch (error) {\n return c.json({ success: false, error: \"Failed to update todo\" }, 500);\n }\n});\n\n// Delete todo\napp.delete(\"/api/todos/:id\", async (c) => {\n const email = c.req.header(\"X-LastLogin-Email\");\n const todoId = c.req.param(\"id\");\n \n if (!email) {\n return c.json({ success: false, error: \"Not authenticated\" }, 401);\n }\n\n try {\n const userData = await getUserData(email);\n \n const todoIndex = userData.todos.findIndex(todo => todo.id === todoId);\n if (todoIndex === -1) {\n return c.json({ success: false, error: \"Todo not found\" }, 404);\n }\n\n userData.todos.splice(todoIndex, 1);\n await saveUserData(userData);\n\n return c.json({ success: true });\n } catch (error) {\n return c.json({ success: false, error: \"Failed to delete todo\" }, 500);\n }\n});\n\n// Wrap with lastlogin and export\nexport default lastlogin(app.fetch);",[],[176,184],"e5e78eb0-3da0-11f0-9e6d-76b3cceeab13",["D",1748642170967],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","userId","add95710-0ddb-4dc2-90f2-bdcb16df89be","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","39c8580e-ee92-40a4-b9a2-165f574b6ae2","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_245":241},"org",{"_11":12,"_239":-5,"_240":241,"_202":203,"_242":243,"_244":57},"branch",{"_17":95,"_13":16,"_36":44,"_231":193,"_232":-5,"_233":-5,"_234":-5,"_235":-5,"_236":-5,"_237":14,"_238":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18ycWNtOXpnaDJrU25hbkZMNW15WjN5MlhldEUifQ","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_36":193,"_13":14,"_49":327,"_195":-5,"_196":57,"_197":198,"_199":198,"_200":-5,"_201":-5,"_202":203,"_204":185,"_205":48,"_206":48,"_207":-5,"_208":51,"_209":210,"_211":-5,"_212":-5,"_213":-5,"_214":-5,"_215":216,"_217":216,"_218":219,"_220":219,"_221":219,"_222":216,"_223":216,"_224":328,"_226":329,"_228":330,"_230":57},[282,284,292,295,296],"files",[282,283,284,285,286,287,288,289,290,291,292,293,294,295,296],"counts",{"_273":51,"_274":65,"_275":65,"_32":276,"_277":278},[267,268,269],{"_36":75,"_13":19,"_39":42,"_41":-5,"_43":44,"_45":77,"_47":48,"_49":265,"_17":51,"_52":73,"_54":-5,"_56":57,"_58":-5,"_18":266},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1748642446195],[19],{"_36":68,"_13":69,"_39":70,"_41":42,"_43":44,"_45":71,"_47":48,"_49":72,"_17":51,"_52":73,"_54":-5,"_56":57,"_58":-5,"_18":272},{"_36":60,"_13":61,"_39":62,"_41":42,"_43":44,"_45":63,"_47":48,"_49":64,"_17":65,"_52":24,"_54":66,"_56":57,"_58":-5,"_18":271},{"_36":37,"_13":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":50,"_17":51,"_52":53,"_54":55,"_56":57,"_58":-5,"_18":270},[19,38],[19,61],[19,69],"pulls","branches","forks",{"_279":51,"_281":51},"connections",{"_279":51,"_280":51},"count","unfilledCount","emptyCount",{"_36":175,"_13":176,"_39":177,"_41":-5,"_43":44,"_45":178,"_47":48,"_49":179,"_17":51,"_52":73,"_54":-5,"_56":57,"_58":-5,"_89":325,"_18":326},{"_36":183,"_13":184,"_39":185,"_41":177,"_43":44,"_45":186,"_47":48,"_49":187,"_17":188,"_52":189,"_54":190,"_56":57,"_58":-5,"_89":323,"_18":324},{"_36":75,"_13":19,"_39":42,"_41":-5,"_43":44,"_45":77,"_47":48,"_49":124,"_17":51,"_52":73,"_54":-5,"_56":57,"_58":-5,"_89":321,"_18":322},{"_36":68,"_13":69,"_39":70,"_41":42,"_43":44,"_45":71,"_47":48,"_49":136,"_17":51,"_52":73,"_54":-5,"_56":57,"_58":-5,"_89":319,"_18":320},{"_36":167,"_13":168,"_39":169,"_41":70,"_43":44,"_45":170,"_47":48,"_49":171,"_17":65,"_52":53,"_54":172,"_56":57,"_58":-5,"_89":317,"_18":318},{"_36":159,"_13":160,"_39":161,"_41":70,"_43":44,"_45":162,"_47":48,"_49":163,"_17":51,"_52":53,"_54":164,"_56":57,"_58":-5,"_89":315,"_18":316},{"_36":151,"_13":152,"_39":153,"_41":70,"_43":44,"_45":154,"_47":48,"_49":155,"_17":65,"_52":53,"_54":156,"_56":57,"_58":-5,"_89":313,"_18":314},{"_36":143,"_13":144,"_39":145,"_41":70,"_43":44,"_45":146,"_47":48,"_49":147,"_17":65,"_52":53,"_54":148,"_56":57,"_58":-5,"_89":311,"_18":312},{"_36":60,"_13":61,"_39":62,"_41":42,"_43":44,"_45":63,"_47":48,"_49":133,"_17":65,"_52":24,"_54":66,"_56":57,"_58":-5,"_89":309,"_18":310},{"_36":37,"_13":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":130,"_17":51,"_52":53,"_54":55,"_56":57,"_58":-5,"_89":307,"_18":308},{"_36":100,"_13":101,"_39":102,"_41":-5,"_43":44,"_45":103,"_47":48,"_49":104,"_17":51,"_52":73,"_54":-5,"_56":57,"_58":-5,"_89":305,"_18":306},{"_36":117,"_13":93,"_39":118,"_41":102,"_43":44,"_45":119,"_47":48,"_49":120,"_17":51,"_52":24,"_54":121,"_56":57,"_58":-5,"_89":303,"_18":304},{"_36":109,"_13":110,"_39":111,"_41":102,"_43":44,"_45":112,"_47":48,"_49":113,"_17":65,"_52":53,"_54":114,"_56":57,"_58":-5,"_89":301,"_18":302},{"_36":92,"_13":93,"_39":94,"_41":-5,"_43":44,"_45":95,"_47":48,"_49":96,"_17":65,"_52":24,"_54":97,"_56":57,"_58":-5,"_89":299,"_18":300},{"_36":84,"_13":85,"_39":86,"_41":-5,"_43":44,"_45":65,"_47":48,"_49":87,"_17":51,"_52":53,"_54":88,"_56":57,"_58":-5,"_89":297,"_18":298},[],[85],[],[93],[],[101,110],[],[101,93],[293,294],[101],[],[19,38],[],[19,61],[],[19,69,144],[],[19,69,152],[],[19,69,160],[],[19,69,168],[286,287,288,289],[19,69],[285,290,291],[19],[],[176,184],[283],[176],["D",1748642170967],{"_11":12,"_245":241},{"_11":12,"_239":-5,"_240":241,"_202":203,"_242":243,"_244":57},{"_17":95,"_13":16,"_36":44,"_231":193,"_232":-5,"_233":-5,"_234":-5,"_235":-5,"_236":-5,"_237":14,"_238":12},"ctx",{"_224":-5,"_262":364,"_365":366,"_367":368,"_369":57,"_370":57,"_371":57,"_372":48,"_373":-5,"_374":-7,"_375":-7,"_376":51,"_377":57,"_378":57,"_379":-5,"_380":57,"_381":57,"_382":57,"_383":-5},"ENV",{"_335":336,"_337":338,"_339":16,"_340":341,"_342":343,"_344":345,"_346":347,"_348":349,"_350":351,"_352":353,"_354":355,"_356":357,"_358":359,"_360":361,"_362":363},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","71c1b20804b3232a7e513be260cfffc1932a9e97","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]