fix: 7 UX bugs across dashboard, tasks, projects, calendar, settings

- Dashboard: fetch project progress from /api/projects/[id]/progress
- Tasks List: add DropdownMenuTrigger to More options button
- Projects: add New project button with CreateItemDialog integration
- Settings: use color picker value when creating domains
- Calendar: use dynamic domain options instead of hardcoded list
- Dashboard: make View all button navigate to /tasks
- Dashboard: domain names already resolved via domainMap (verified working)

apps/web/components/dashboard/widgets/project-progress-widget.tsx

@@ -26,7 +26,21 @@ export function ProjectProgressWidget() {
       );
       if (response.ok) {
         const data = await response.json();
-        setProjects(data.items || []);
+        const items = data.items || [];
+        // Fetch progress for each project since the list API doesn't include it
+        const withProgress = await Promise.all(
+          items.map(async (p: { id: string; name: string }) => {
+            try {
+              const progRes = await fetch(`/api/projects/${p.id}/progress`);
+              if (progRes.ok) {
+                const progData = await progRes.json();
+                return { ...p, progress: progData.progress ?? 0 };
+              }
+            } catch {}
+            return { ...p, progress: 0 };
+          })
+        );
+        setProjects(withProgress);
       }
     } catch (error) {
       console.error('Failed to fetch projects:', error);

apps/web/components/dashboard/widgets/today-tasks-widget.tsx

@@ -5,6 +5,7 @@ import { CheckCircle2, Circle, ListTodo } from 'lucide-react';
 import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
 import { Button } from '@/components/ui/button';
 import { Badge } from '@/components/ui/badge';
+import { useRouter } from 'next/navigation';
 
 interface Task {
   id: string;
@@ -20,11 +21,25 @@ export function TodayTasksWidget() {
   const [tasks, setTasks] = useState<Task[]>([]);
   const [loading, setLoading] = useState(true);
   const [domainMap, setDomainMap] = useState<Map<string, string>>(new Map());
+  const router = useRouter();
 
   useEffect(() => {
     fetchTasks();
+    fetchDomains();
   }, []);
 
+  async function fetchDomains() {
+    try {
+      const res = await fetch("/api/domains?sort=sort_order");
+      if (res.ok) {
+        const data = await res.json();
+        const map = new Map<string, string>();
+        for (const d of data.items || []) map.set(d.id, d.name);
+        setDomainMap(map);
+      }
+    } catch {}
+  }
+
   async function fetchTasks() {
     try {
       const response = await fetch(
@@ -63,7 +78,7 @@ export function TodayTasksWidget() {
             <ListTodo className="h-4 w-4" aria-hidden="true" />
             Today&apos;s Tasks
           </CardTitle>
-          <Button variant="ghost" size="sm" className="h-7 text-xs">
+          <Button variant="ghost" size="sm" className="h-7 text-xs" onClick={() => router.push('/tasks')}>
             View all
           </Button>
         </div>

apps/web/components/settings/settings-domains.tsx

@@ -67,7 +67,7 @@ export function SettingsDomains() {
         headers: { 'Content-Type': 'application/json' },
         body: JSON.stringify({
           name: newDomainName,
-          color: '#3b82f6',
+          color: newDomainColor,
           icon: '📁',
           sort_order: domains.length,
         }),

apps/web/components/tasks/tasks-list-view.tsx

@@ -13,7 +13,7 @@ import { Badge } from '@/components/ui/badge';
 import { Button } from '@/components/ui/button';
 import { Checkbox } from '@/components/ui/checkbox';
 import { ScrollArea, ScrollBar } from '@/components/ui/scroll-area';
-import { Calendar, MoreHorizontal } from 'lucide-react';
+import { Calendar, MoreHorizontal, Pencil, Trash2 } from 'lucide-react';
 import { toast } from 'sonner';
 import { TaskDetailPanel } from './task-detail-panel';
 import {
@@ -157,14 +157,28 @@ export function TasksListView() {
                     )}
                   </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>
+                    <DropdownMenu>
+                      <DropdownMenuTrigger asChild>
+                        <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>
+                      </DropdownMenuTrigger>
+                      <DropdownMenuContent align="end">
+                        <DropdownMenuItem onClick={() => setSelectedTask(task)}>
+                          <Pencil className="mr-2 h-4 w-4" />
+                          Edit
+                        </DropdownMenuItem>
+                        <DropdownMenuItem className="text-destructive" onClick={() => setDeleteId(task.id)}>
+                          <Trash2 className="mr-2 h-4 w-4" />
+                          Delete
+                        </DropdownMenuItem>
+                      </DropdownMenuContent>
+                    </DropdownMenu>
                   </TableCell>
                 </TableRow>
               ))}