fix: resolve 15+ UX issues across the full app

- CreateItemDialog: shared Zustand store for dialog state
- TopBar: use store instead of router.push navigation
- TaskDetailPanel: dynamic domain fetch from /api/domains
- TodayTasksWidget: domain name resolution from UUIDs
- ProjectProgressWidget: fetch real progress, default to 0
- Calendar page: domain filter fetches from API dynamically
- Habits page: edit/delete dropdown with AlertDialog
- Projects page: domain name display + delete button
- Notes page: domain picker on creation, names in list
- Settings domains: add color picker input
- Tasks list view: MoreHorizontal wired to edit/delete
- HabitCard: domain resolution + edit/delete dropdown
- PocketBase compat: add JSDoc migration comment

apps/web/app/(dashboard)/tasks/page.tsx

@@ -1,72 +1,41 @@
-'use client';
+"use client";
 
-import { useEffect, useState } from 'react';
-import { LayoutGrid, List, Plus } from 'lucide-react';
-import { Button } from '@/components/ui/button';
-import { Tabs, TabsList, TabsTrigger } from '@/components/ui/tabs';
-import { TasksKanbanView } from '@/components/tasks/tasks-kanban-view';
-import { TasksListView } from '@/components/tasks/tasks-list-view';
-import { CreateItemDialog } from '@/components/create-item-dialog';
+import { useState } from "react";
+import { LayoutGrid, List, Plus } from "lucide-react";
+import { Button } from "@/components/ui/button";
+import { Tabs, TabsList, TabsTrigger } from "@/components/ui/tabs";
+import { TasksKanbanView } from "@/components/tasks/tasks-kanban-view";
+import { TasksListView } from "@/components/tasks/tasks-list-view";
+import { CreateItemDialog } from "@/components/create-item-dialog";
+import { useCreateDialogStore } from "@/lib/stores/use-create-dialog-store";
 
 export default function TasksPage() {
-  const [view, setView] = useState<'kanban' | 'list'>('kanban');
-  const [createOpen, setCreateOpen] = useState(false);
+  const [view, setView] = useState<"kanban" | "list">("kanban");
   const [refreshKey, setRefreshKey] = useState(0);
-
-  useEffect(() => {
-    if (new URLSearchParams(window.location.search).get('new') === 'true') setCreateOpen(true);
-  }, []);
-
-  function handleCreateOpenChange(open: boolean) {
-    setCreateOpen(open);
-    if (!open && new URLSearchParams(window.location.search).get('new') === 'true') {
-      window.history.replaceState(null, '', '/tasks');
-    }
-  }
+  const { open, openCreate, closeCreate } = useCreateDialogStore();
 
   return (
     <div>
       <div className="mb-6 flex items-center justify-between">
         <div>
           <h1 className="text-2xl font-bold">Tasks</h1>
-          <p className="mt-1 text-muted-foreground">
-            Move work forward without losing the thread.
-          </p>
+          <p className="mt-1 text-muted-foreground">Move work forward without losing the thread.</p>
         </div>
         <div className="flex items-center gap-2">
-          <Button onClick={() => setCreateOpen(true)}>
+          <Button onClick={() => openCreate("task")}>
             <Plus className="mr-2 h-4 w-4" aria-hidden="true" />
             New task
           </Button>
-          <Tabs
-            value={view}
-            onValueChange={(v) => setView(v as 'kanban' | 'list')}
-          >
+          <Tabs value={view} onValueChange={(v) => setView(v as "kanban" | "list")}>
             <TabsList>
-              <TabsTrigger value="kanban" className="gap-2">
-                <LayoutGrid className="h-4 w-4" aria-hidden="true" />
-                Board
-              </TabsTrigger>
-              <TabsTrigger value="list" className="gap-2">
-                <List className="h-4 w-4" aria-hidden="true" />
-                List
-              </TabsTrigger>
+              <TabsTrigger value="kanban" className="gap-2"><LayoutGrid className="h-4 w-4" aria-hidden="true" /> Board</TabsTrigger>
+              <TabsTrigger value="list" className="gap-2"><List className="h-4 w-4" aria-hidden="true" /> List</TabsTrigger>
             </TabsList>
           </Tabs>
         </div>
       </div>
-
-      {view === 'kanban' ? (
-        <TasksKanbanView key={refreshKey} />
-      ) : (
-        <TasksListView key={refreshKey} />
-      )}
-      <CreateItemDialog
-        type="task"
-        open={createOpen}
-        onOpenChange={handleCreateOpenChange}
-        onCreated={() => setRefreshKey((key) => key + 1)}
-      />
+      {view === "kanban" ? <TasksKanbanView key={refreshKey} /> : <TasksListView key={refreshKey} />}
+      <CreateItemDialog type="task" open={open} onOpenChange={(o) => (o ? openCreate("task") : closeCreate())} onCreated={() => setRefreshKey((k) => k + 1)} />
     </div>
   );
 }