refactor: migrate to monorepo structure with Docker, PocketBase, and e2e tests

- Reorganize into apps/, packages/, docs/, e2e/, pocketbase/ directories - Add Dockerfiles for web, worker, and PocketBase services - Add docker-compose.yml for local orchestration - Add turbo.json for monorepo task management - Add Playwright e2e test infrastructure - Add PocketBase backend with migrations - Remove Vite/Next.js/ESLint/PostCSS config files - Update package.json with workspace dependencies - Add .env.example and .dockerignore
2026-07-16 06:19:58 -04:00
parent ec14645a4b
commit 8f55626e03
286 changed files with 31992 additions and 9245 deletions
@@ -0,0 +1,155 @@
+'use client';
+
+import { useEffect, useState } from 'react';
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from '@/components/ui/table';
+import { Badge } from '@/components/ui/badge';
+import { Button } from '@/components/ui/button';
+import { Checkbox } from '@/components/ui/checkbox';
+import { Calendar, MoreHorizontal } from 'lucide-react';
+import { TaskDetailPanel } from './task-detail-panel';
+
+interface Task {
+  id: string;
+  title: string;
+  description?: string;
+  status: 'todo' | 'in_progress' | 'done';
+  priority: 'low' | 'medium' | 'high' | 'urgent';
+  domain: string;
+  due_date?: string;
+  project_id?: string;
+  tags: string[];
+}
+
+export function TasksListView() {
+  const [tasks, setTasks] = useState<Task[]>([]);
+  const [loading, setLoading] = useState(true);
+  const [selectedTask, setSelectedTask] = useState<Task | null>(null);
+
+  useEffect(() => {
+    fetchTasks();
+  }, []);
+
+  async function fetchTasks() {
+    try {
+      const response = await fetch('/api/tasks?sort=-created');
+      if (response.ok) {
+        const data = await response.json();
+        setTasks(data.items || []);
+      }
+    } catch (error) {
+      console.error('Failed to fetch tasks:', error);
+    } finally {
+      setLoading(false);
+    }
+  }
+
+  async function toggleTaskComplete(task: Task) {
+    const newStatus = task.status === 'done' ? 'todo' : 'done';
+    try {
+      await fetch(`/api/tasks/${task.id}`, {
+        method: 'PATCH',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ status: newStatus }),
+      });
+      fetchTasks();
+    } catch (error) {
+      console.error('Failed to toggle task:', error);
+    }
+  }
+
+  if (loading) {
+    return <p className="text-muted-foreground">Loading tasks...</p>;
+  }
+
+  return (
+    <>
+      <Table>
+        <TableHeader>
+          <TableRow>
+            <TableHead className="w-[50px]"></TableHead>
+            <TableHead>Task</TableHead>
+            <TableHead>Priority</TableHead>
+            <TableHead>Domain</TableHead>
+            <TableHead>Due Date</TableHead>
+            <TableHead className="w-[50px]"></TableHead>
+          </TableRow>
+        </TableHeader>
+        <TableBody>
+          {tasks.map((task) => (
+            <TableRow key={task.id}>
+              <TableCell>
+                <Checkbox
+                  checked={task.status === 'done'}
+                  onCheckedChange={() => toggleTaskComplete(task)}
+                  aria-label={`Mark "${task.title}" as ${task.status === 'done' ? 'incomplete' : 'complete'}`}
+                />
+              </TableCell>
+              <TableCell>
+                <button
+                  onClick={() => setSelectedTask(task)}
+                  className={`text-left font-medium hover:underline ${
+                    task.status === 'done'
+                      ? 'line-through text-muted-foreground'
+                      : ''
+                  }`}
+                >
+                  {task.title}
+                </button>
+              </TableCell>
+              <TableCell>
+                <Badge
+                  variant={
+                    task.priority === 'urgent'
+                      ? 'destructive'
+                      : task.priority === 'high'
+                        ? 'default'
+                        : 'secondary'
+                  }
+                >
+                  {task.priority}
+                </Badge>
+              </TableCell>
+              <TableCell>
+                <Badge variant="outline">{task.domain}</Badge>
+              </TableCell>
+              <TableCell>
+                {task.due_date && (
+                  <span className="flex items-center gap-1 text-sm text-muted-foreground">
+                    <Calendar className="h-3 w-3" />
+                    {new Date(task.due_date).toLocaleDateString()}
+                  </span>
+                )}
+              </TableCell>
+              <TableCell>
+                <Button
+                  variant="ghost"
+                  size="icon"
+                  className="h-11 w-11"
+                  aria-label={`More options for ${task.title}`}
+                >
+                  <MoreHorizontal className="h-4 w-4" aria-hidden="true" />
+                </Button>
+              </TableCell>
+            </TableRow>
+          ))}
+        </TableBody>
+      </Table>
+
+      {selectedTask && (
+        <TaskDetailPanel
+          task={selectedTask}
+          open={!!selectedTask}
+          onOpenChange={(open) => !open && setSelectedTask(null)}
+          onUpdate={fetchTasks}
+        />
+      )}
+    </>
+  );
+}