Loading your GTD system...

\n );\n }\n\n const taskCounts = getTaskCounts();\n const listTitles = {\n inbox: 'Inbox',\n next_actions: 'Next Actions',\n projects: 'Projects',\n waiting_for: 'Waiting For',\n someday_maybe: 'Someday/Maybe',\n completed: 'Completed'\n };\n\n return (\n

\n {/* Header */}\n

\n 📋 Getting Things Done\n

\n setShowTaskForm(true)}\n className=\"bg-blue-600 text-white px-4 py-2 rounded-lg hover:bg-blue-700 transition-colors\"\n >\n ➕ Add Task\n \n setShowProjectForm(true)}\n className=\"bg-green-600 text-white px-4 py-2 rounded-lg hover:bg-green-700 transition-colors\"\n >\n 📁 Add Project\n \n

\n\n

\n {/* Sidebar */}\n

\n {Object.entries(listTitles).map(([key, title]) => (\n setActiveList(key as TaskList)}\n className={`w-full text-left px-4 py-3 rounded-lg transition-colors flex justify-between items-center ${\n activeList === key\n ? 'bg-blue-100 text-blue-800 border-l-4 border-blue-600'\n : 'text-gray-700 hover:bg-gray-100'\n }`}\n >\n {title}\n 0\n ? 'bg-red-100 text-red-800'\n : 'bg-gray-100 text-gray-600'\n }`}>\n {taskCounts[key as TaskList]}\n \n \n ))}\n

\n\n {/* Contexts */}\n

\n Contexts\n

\n {contexts.map(context => {\n const contextTasks = tasks.filter(t => \n t.context === context.name && t.list === 'next_actions' && !t.completed\n );\n return (\n

\n {context.name}\n {contextTasks.length}\n

\n );\n })}\n

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

\n \n

\n\n {/* Task Form Modal */}\n {showTaskForm && (\n {\n setShowTaskForm(false);\n setEditingTask(null);\n }}\n />\n )}\n\n {/* Project Form Modal */}\n {showProjectForm && (\n setShowProjectForm(false)}\n />\n )}\n

\n );\n}","deleted","label",[170,171,153],"frontend","components","permalink","https://www.val.town/x/jessicaocean/gtd/code/frontend/components/App.tsx","extension","actionData","errors"]