@elevasis/ui 2.3.0 → 2.4.0

package/dist/chunk-WSL5MNAI.js

@@ -0,0 +1,955 @@
+import { TableSelectionToolbar, SortableHeader } from './chunk-TUMSNGTX.js';
+import { PageContainer } from './chunk-BZZCNLT6.js';
+import { SubshellSidebarSection, SubshellNavItem } from './chunk-27COZ5AH.js';
+import { FilterBar } from './chunk-PDHTXPSF.js';
+import { CustomModal } from './chunk-GBMNCNHX.js';
+import { useProjects, useProject, useProjectNotes, useDeleteProject as useDeleteProject$1, useUpdateMilestone, useCreateNote } from './chunk-PEZ4WOPF.js';
+import { useDeleteProject, useTableSort, sortData, usePaginationState, useTableSelection } from './chunk-IPRMGSCV.js';
+import { SubshellContentContainer } from './chunk-RX4UWZZR.js';
+import { StatusBadge, EmptyState, PageTitleCaption, CenteredErrorState, StatCard } from './chunk-Y3D3WFJG.js';
+import { PAGE_SIZE_DEFAULT, formatTimeAgo, formatDate } from './chunk-IOKL7BKE.js';
+import { useRouterContext } from './chunk-Q7DJKLEN.js';
+import { SimpleGrid, Card, Stack, Group, ThemeIcon, Text, RingProgress, Paper, Timeline, Badge, Collapse, ActionIcon, Select, TextInput, Center, Loader, Table, Checkbox, Pagination, Title, Button, Alert, CopyButton, Tooltip, Divider, Tabs, Textarea } from '@mantine/core';
+import { IconBriefcase, IconHeartbeat, IconFlag, IconFileText, IconCalendar, IconInbox, IconLock, IconAlertTriangle, IconCircleCheck, IconClock, IconChevronDown, IconChevronRight, IconDownload, IconListCheck, IconMessageCircle, IconChecklist, IconSearch, IconArrowLeft, IconCheck, IconCopy, IconPlus, IconX, IconNotes } from '@tabler/icons-react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { useState, useMemo } from 'react';
+
+function ringColor(completed, total) {
+  if (total === 0) return "gray";
+  const pct = completed / total;
+  if (pct > 0.75) return "green";
+  if (pct > 0.5) return "yellow";
+  return "gray";
+}
+function ringValue(completed, total) {
+  if (total === 0) return 0;
+  return Math.round(completed / total * 100);
+}
+function formatDate2(iso) {
+  return new Date(iso).toLocaleDateString();
+}
+function daysRelative(targetEndDate) {
+  const now = /* @__PURE__ */ new Date();
+  const end = new Date(targetEndDate);
+  const diffMs = end.getTime() - now.getTime();
+  const diffDays = Math.ceil(diffMs / 864e5);
+  if (diffDays >= 0) {
+    return { label: `${diffDays} day${diffDays === 1 ? "" : "s"} remaining`, overdue: false };
+  }
+  return { label: `${Math.abs(diffDays)} day${Math.abs(diffDays) === 1 ? "" : "s"} overdue`, overdue: true };
+}
+function HealthStatusCard({
+  status,
+  milestoneCount,
+  completedMilestones,
+  taskCount,
+  completedTasks,
+  startDate,
+  targetEndDate
+}) {
+  const milestoneRingValue = ringValue(completedMilestones, milestoneCount);
+  const taskRingValue = ringValue(completedTasks, taskCount);
+  const timeInfo = targetEndDate ? daysRelative(targetEndDate) : null;
+  return /* @__PURE__ */ jsxs(SimpleGrid, { cols: 4, children: [
+    /* @__PURE__ */ jsx(Card, { withBorder: true, radius: "md", p: "md", children: /* @__PURE__ */ jsxs(Stack, { gap: 8, children: [
+      /* @__PURE__ */ jsxs(Group, { gap: 6, children: [
+        /* @__PURE__ */ jsx(ThemeIcon, { size: 20, variant: "light", color: "gray", children: /* @__PURE__ */ jsx(IconHeartbeat, { size: 14 }) }),
+        /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", fw: 500, children: "Status" })
+      ] }),
+      /* @__PURE__ */ jsx(StatusBadge, { status, size: "md" })
+    ] }) }),
+    /* @__PURE__ */ jsx(Card, { withBorder: true, radius: "md", p: "md", children: /* @__PURE__ */ jsxs(Stack, { gap: 8, children: [
+      /* @__PURE__ */ jsxs(Group, { gap: 6, children: [
+        /* @__PURE__ */ jsx(ThemeIcon, { size: 20, variant: "light", color: "gray", children: /* @__PURE__ */ jsx(IconFlag, { size: 14 }) }),
+        /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", fw: 500, children: "Milestones" })
+      ] }),
+      /* @__PURE__ */ jsxs(Group, { gap: 10, align: "center", children: [
+        /* @__PURE__ */ jsx(
+          RingProgress,
+          {
+            size: 48,
+            thickness: 5,
+            sections: [{ value: milestoneRingValue, color: ringColor(completedMilestones, milestoneCount) }]
+          }
+        ),
+        /* @__PURE__ */ jsxs(Stack, { gap: 2, children: [
+          /* @__PURE__ */ jsxs(Text, { size: "sm", fw: 600, children: [
+            completedMilestones,
+            "/",
+            milestoneCount
+          ] }),
+          /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "complete" })
+        ] })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx(Card, { withBorder: true, radius: "md", p: "md", children: /* @__PURE__ */ jsxs(Stack, { gap: 8, children: [
+      /* @__PURE__ */ jsxs(Group, { gap: 6, children: [
+        /* @__PURE__ */ jsx(ThemeIcon, { size: 20, variant: "light", color: "gray", children: /* @__PURE__ */ jsx(IconFileText, { size: 14 }) }),
+        /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", fw: 500, children: "Tasks" })
+      ] }),
+      /* @__PURE__ */ jsxs(Group, { gap: 10, align: "center", children: [
+        /* @__PURE__ */ jsx(
+          RingProgress,
+          {
+            size: 48,
+            thickness: 5,
+            sections: [{ value: taskRingValue, color: ringColor(completedTasks, taskCount) }]
+          }
+        ),
+        /* @__PURE__ */ jsxs(Stack, { gap: 2, children: [
+          /* @__PURE__ */ jsxs(Text, { size: "sm", fw: 600, children: [
+            completedTasks,
+            "/",
+            taskCount
+          ] }),
+          /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "approved" })
+        ] })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx(Card, { withBorder: true, radius: "md", p: "md", children: /* @__PURE__ */ jsxs(Stack, { gap: 8, children: [
+      /* @__PURE__ */ jsxs(Group, { gap: 6, children: [
+        /* @__PURE__ */ jsx(ThemeIcon, { size: 20, variant: "light", color: "gray", children: /* @__PURE__ */ jsx(IconCalendar, { size: 14 }) }),
+        /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", fw: 500, children: "Timeline" })
+      ] }),
+      /* @__PURE__ */ jsx(Stack, { gap: 2, children: startDate && targetEndDate ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs(Text, { size: "sm", fw: 500, children: [
+          formatDate2(startDate),
+          " \u2192 ",
+          formatDate2(targetEndDate)
+        ] }),
+        timeInfo && /* @__PURE__ */ jsx(Text, { size: "xs", c: timeInfo.overdue ? "red" : "dimmed", children: timeInfo.label })
+      ] }) : startDate ? /* @__PURE__ */ jsxs(Text, { size: "sm", fw: 500, children: [
+        "Started ",
+        formatDate2(startDate)
+      ] }) : targetEndDate ? /* @__PURE__ */ jsxs(Text, { size: "sm", fw: 500, children: [
+        "Due ",
+        formatDate2(targetEndDate)
+      ] }) : /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "No dates set" }) })
+    ] }) })
+  ] });
+}
+
+// src/features/delivery/_shared.ts
+var projectStatusColors = {
+  active: "blue",
+  on_track: "green",
+  at_risk: "yellow",
+  blocked: "red",
+  completed: "teal",
+  paused: "gray"
+};
+var milestoneStatusColors = {
+  upcoming: "gray",
+  in_progress: "blue",
+  completed: "green",
+  overdue: "red",
+  blocked: "orange"
+};
+var taskStatusColors = {
+  pending: "gray",
+  planned: "gray",
+  in_progress: "blue",
+  submitted: "yellow",
+  approved: "green",
+  rejected: "red",
+  revision_requested: "orange"
+};
+var taskTypeColors = {
+  documentation: "blue",
+  code: "violet",
+  report: "cyan",
+  design: "pink",
+  other: "gray"
+};
+var noteTypeColors = {
+  call_note: "blue",
+  status_update: "green",
+  issue: "yellow",
+  blocker: "red"
+};
+function formatStatusLabel(status) {
+  return status.split("_").map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join(" ");
+}
+function calculateProgress(completed, total) {
+  if (total === 0) return 0;
+  return Math.round(completed / total * 100);
+}
+var MILESTONE_ICONS = {
+  upcoming: IconClock,
+  in_progress: IconFlag,
+  completed: IconCircleCheck,
+  overdue: IconAlertTriangle,
+  blocked: IconLock
+};
+function MilestoneTimeline({ milestones, tasks }) {
+  const sorted = [...milestones].sort((a, b) => a.sequence - b.sequence);
+  const defaultExpanded = new Set(sorted.filter((m) => m.status === "in_progress").map((m) => m.id));
+  const [expanded, setExpanded] = useState(defaultExpanded);
+  if (sorted.length === 0) {
+    return /* @__PURE__ */ jsx(EmptyState, { icon: IconInbox, title: "No milestones yet" });
+  }
+  function toggleMilestone(id) {
+    setExpanded((prev) => {
+      const next = new Set(prev);
+      if (next.has(id)) {
+        next.delete(id);
+      } else {
+        next.add(id);
+      }
+      return next;
+    });
+  }
+  const activeIndex = sorted.reduce((last, m, i) => m.status !== "upcoming" ? i : last, -1);
+  return /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "md", children: /* @__PURE__ */ jsx(Timeline, { active: activeIndex, bulletSize: 28, lineWidth: 2, color: "var(--color-primary)", children: sorted.map((milestone) => {
+    const Icon = MILESTONE_ICONS[milestone.status] || IconFlag;
+    const color = milestoneStatusColors[milestone.status] || "gray";
+    const isExpanded = expanded.has(milestone.id);
+    const milestoneTasks = tasks.filter((t) => t.milestone_id === milestone.id);
+    const ChevronIcon = isExpanded ? IconChevronDown : IconChevronRight;
+    return /* @__PURE__ */ jsx(
+      Timeline.Item,
+      {
+        bullet: /* @__PURE__ */ jsx(ThemeIcon, { size: 28, variant: "filled", color, radius: "xl", children: /* @__PURE__ */ jsx(Icon, { size: 14 }) }),
+        children: /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [
+          /* @__PURE__ */ jsxs(
+            Group,
+            {
+              gap: 8,
+              style: { cursor: "pointer", userSelect: "none" },
+              onClick: () => toggleMilestone(milestone.id),
+              children: [
+                /* @__PURE__ */ jsx(Text, { size: "sm", fw: 700, children: milestone.name }),
+                /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "light", color, children: formatStatusLabel(milestone.status) }),
+                /* @__PURE__ */ jsx(ThemeIcon, { size: 16, variant: "transparent", color: "dimmed", children: /* @__PURE__ */ jsx(ChevronIcon, { size: 14 }) })
+              ]
+            }
+          ),
+          milestone.due_date && /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", children: [
+            "Due ",
+            new Date(milestone.due_date).toLocaleDateString()
+          ] }),
+          /* @__PURE__ */ jsx(Collapse, { in: isExpanded, children: /* @__PURE__ */ jsx(Stack, { gap: 6, mt: 6, children: milestoneTasks.length === 0 ? /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "No tasks" }) : milestoneTasks.map((task) => /* @__PURE__ */ jsxs(Card, { withBorder: true, p: "xs", children: [
+            /* @__PURE__ */ jsxs(Group, { gap: 6, wrap: "nowrap", children: [
+              /* @__PURE__ */ jsx(Text, { size: "xs", fw: 500, style: { flex: 1, minWidth: 0 }, children: task.name }),
+              /* @__PURE__ */ jsx(Badge, { size: "xs", variant: "light", color: taskTypeColors[task.type] || "gray", children: formatStatusLabel(task.type) }),
+              /* @__PURE__ */ jsx(Badge, { size: "xs", variant: "light", color: taskStatusColors[task.status] || "gray", children: formatStatusLabel(task.status) })
+            ] }),
+            task.due_date && /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", mt: 4, children: [
+              "Due ",
+              new Date(task.due_date).toLocaleDateString()
+            ] })
+          ] }, task.id)) }) })
+        ] })
+      },
+      milestone.id
+    );
+  }) }) });
+}
+function TaskCard({ task }) {
+  return /* @__PURE__ */ jsx(Card, { withBorder: true, radius: "sm", p: "sm", children: /* @__PURE__ */ jsxs(Stack, { gap: 6, children: [
+    /* @__PURE__ */ jsxs(Group, { justify: "space-between", wrap: "nowrap", children: [
+      /* @__PURE__ */ jsxs(Group, { gap: 6, wrap: "nowrap", style: { minWidth: 0 }, children: [
+        /* @__PURE__ */ jsx(Text, { fw: 500, size: "sm", style: { flexShrink: 0 }, children: task.name }),
+        /* @__PURE__ */ jsx(Badge, { size: "xs", variant: "light", color: taskTypeColors[task.type] || "gray", children: formatStatusLabel(task.type) }),
+        /* @__PURE__ */ jsx(StatusBadge, { status: task.status, size: "xs" })
+      ] }),
+      task.file_url && /* @__PURE__ */ jsx(
+        ActionIcon,
+        {
+          component: "a",
+          href: task.file_url,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          variant: "light",
+          size: "sm",
+          "aria-label": "Download file",
+          children: /* @__PURE__ */ jsx(IconDownload, { size: 14 })
+        }
+      )
+    ] }),
+    task.description && /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: task.description }),
+    task.due_date && /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", children: [
+      "Due ",
+      new Date(task.due_date).toLocaleDateString()
+    ] })
+  ] }) });
+}
+var ProjectsSidebarTop = () => {
+  return /* @__PURE__ */ jsx(SubshellSidebarSection, { icon: IconBriefcase, label: "Projects" });
+};
+var PROJECT_ITEMS = [{ label: "Projects", to: "/projects", icon: IconBriefcase, exact: true }];
+var WORK_ITEMS = [
+  { label: "Tasks", to: "/projects/tasks", icon: IconChecklist, exact: false },
+  { label: "Milestones", to: "/projects/milestones", icon: IconFlag, exact: false }
+];
+var COMMUNICATION_ITEMS = [{ label: "Notes", to: "/projects/notes", icon: IconNotes, exact: false }];
+var ProjectsSidebarMiddle = ({ currentPath, onNavigate } = {}) => {
+  const { currentPath: routerCurrentPath, navigate } = useRouterContext();
+  const resolvedCurrentPath = currentPath ?? routerCurrentPath;
+  const resolvedNavigate = onNavigate ?? navigate;
+  const renderItems = (items) => items.map((item) => {
+    const isActive = item.exact ? resolvedCurrentPath === item.to || resolvedCurrentPath === `${item.to}/` : resolvedCurrentPath.startsWith(item.to);
+    return /* @__PURE__ */ jsx(
+      SubshellNavItem,
+      {
+        icon: item.icon,
+        label: item.label,
+        isActive,
+        onClick: () => resolvedNavigate(item.to)
+      },
+      item.to
+    );
+  });
+  return /* @__PURE__ */ jsxs(Stack, { gap: 0, style: { flex: 1, overflowY: "auto" }, children: [
+    /* @__PURE__ */ jsx(Stack, { gap: 0, p: "sm", children: renderItems(PROJECT_ITEMS) }),
+    /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(SubshellSidebarSection, { icon: IconListCheck, label: "Work", withTopBorder: true }),
+      /* @__PURE__ */ jsx(Stack, { gap: 0, p: "sm", children: renderItems(WORK_ITEMS) })
+    ] }),
+    /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(SubshellSidebarSection, { icon: IconMessageCircle, label: "Communication", withTopBorder: true }),
+      /* @__PURE__ */ jsx(Stack, { gap: 0, p: "sm", children: renderItems(COMMUNICATION_ITEMS) })
+    ] })
+  ] });
+};
+var ProjectsSidebar = () => {
+  return /* @__PURE__ */ jsxs(Stack, { gap: 0, style: { height: "100%", display: "flex", flexDirection: "column" }, children: [
+    /* @__PURE__ */ jsx(ProjectsSidebarTop, {}),
+    /* @__PURE__ */ jsx(ProjectsSidebarMiddle, {})
+  ] });
+};
+var deliveryManifest = {
+  key: "delivery",
+  label: "Projects",
+  navEntry: {
+    label: "Projects",
+    icon: IconBriefcase,
+    link: "/projects",
+    featureKey: "delivery"
+  },
+  sidebar: ProjectsSidebar,
+  subshellRoutes: ["/projects"]
+};
+function AllTasksPage() {
+  return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsxs(PageContainer, { children: [
+    /* @__PURE__ */ jsx(Stack, { children: /* @__PURE__ */ jsx(PageTitleCaption, { title: "All Tasks", caption: "Project tasks are scoped to an individual project" }) }),
+    /* @__PURE__ */ jsxs(Paper, { children: [
+      /* @__PURE__ */ jsx(
+        EmptyState,
+        {
+          icon: IconChecklist,
+          title: "Project task lists are not aggregated here",
+          description: "Open a project detail view to inspect its tasks. The shared contract does not provide a cross-project task list.",
+          py: "xl"
+        }
+      ),
+      /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", ta: "center", pb: "xl", children: "This page is kept for route parity only." })
+    ] })
+  ] }) });
+}
+function UpcomingMilestonesPage() {
+  return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsxs(PageContainer, { children: [
+    /* @__PURE__ */ jsx(Stack, { children: /* @__PURE__ */ jsx(PageTitleCaption, { title: "Upcoming Milestones", caption: "Milestones are scoped to an individual project" }) }),
+    /* @__PURE__ */ jsxs(Paper, { children: [
+      /* @__PURE__ */ jsx(
+        EmptyState,
+        {
+          icon: IconFlag,
+          title: "Project milestone lists are not aggregated here",
+          description: "Open a project detail view to inspect its milestones. The shared contract does not provide a cross-project milestone list.",
+          py: "xl"
+        }
+      ),
+      /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", ta: "center", pb: "xl", children: "This page is kept for route parity only." })
+    ] })
+  ] }) });
+}
+var STATUS_OPTIONS = [
+  { value: "active", label: "Active" },
+  { value: "on_track", label: "On Track" },
+  { value: "at_risk", label: "At Risk" },
+  { value: "blocked", label: "Blocked" },
+  { value: "completed", label: "Completed" },
+  { value: "paused", label: "Paused" }
+];
+function ProjectsListPage({ onProjectClick } = {}) {
+  const [statusFilter, setStatusFilter] = useState(null);
+  const [searchQuery, setSearchQuery] = useState("");
+  const [showBatchDelete, setShowBatchDelete] = useState(false);
+  const { data: projects, isLoading, error } = useProjects();
+  const deleteProject = useDeleteProject();
+  const { sort, toggleSort } = useTableSort("updated");
+  const filteredProjects = useMemo(() => {
+    const source = projects ?? [];
+    const query = searchQuery.trim().toLowerCase();
+    return source.filter((project) => {
+      const matchesStatus = !statusFilter || project.status === statusFilter;
+      const matchesSearch = !query || project.name.toLowerCase().includes(query);
+      return matchesStatus && matchesSearch;
+    });
+  }, [projects, searchQuery, statusFilter]);
+  const sortAccessors = useMemo(
+    () => ({
+      name: (p) => p.name || "",
+      status: (p) => p.status || "",
+      updated: (p) => p.updated_at || ""
+    }),
+    []
+  );
+  const sortedProjects = useMemo(() => sortData(filteredProjects, sort, sortAccessors), [filteredProjects, sort, sortAccessors]);
+  const pagination = usePaginationState(PAGE_SIZE_DEFAULT, [statusFilter, searchQuery], sortedProjects.length);
+  const paginatedProjects = useMemo(
+    () => sortedProjects.slice(pagination.offset, pagination.offset + PAGE_SIZE_DEFAULT),
+    [sortedProjects, pagination.offset]
+  );
+  const selection = useTableSelection(paginatedProjects, sortedProjects);
+  const handleDeleteSelected = async () => {
+    await Promise.all([...selection.selectedIds].map((projectId) => deleteProject.mutateAsync(projectId)));
+    setShowBatchDelete(false);
+    selection.clear();
+  };
+  return /* @__PURE__ */ jsxs(SubshellContentContainer, { children: [
+    /* @__PURE__ */ jsxs(PageContainer, { children: [
+      /* @__PURE__ */ jsx(Stack, { children: /* @__PURE__ */ jsx(PageTitleCaption, { title: "Projects", caption: "Client delivery tracking and milestone management" }) }),
+      /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { children: [
+        /* @__PURE__ */ jsxs(
+          FilterBar,
+          {
+            actions: /* @__PURE__ */ jsx(
+              TableSelectionToolbar,
+              {
+                selectedCount: selection.selectedCount,
+                onDelete: () => setShowBatchDelete(true),
+                isDeleting: deleteProject.isPending
+              }
+            ),
+            children: [
+              /* @__PURE__ */ jsx(
+                Select,
+                {
+                  placeholder: "All Statuses",
+                  data: STATUS_OPTIONS,
+                  style: { minWidth: 180 },
+                  size: "sm",
+                  clearable: true,
+                  value: statusFilter,
+                  onChange: setStatusFilter
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                TextInput,
+                {
+                  placeholder: "Search by name...",
+                  leftSection: /* @__PURE__ */ jsx(IconSearch, { size: 16 }),
+                  style: { minWidth: 250 },
+                  size: "sm",
+                  value: searchQuery,
+                  onChange: (e) => setSearchQuery(e.currentTarget.value)
+                }
+              )
+            ]
+          }
+        ),
+        isLoading ? /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, {}) }) : error ? /* @__PURE__ */ jsx(CenteredErrorState, { error, title: "Failed to load projects" }) : !sortedProjects.length ? /* @__PURE__ */ jsx(EmptyState, { icon: IconBriefcase, title: "No projects found" }) : /* @__PURE__ */ jsxs(Table, { children: [
+          /* @__PURE__ */ jsx(Table.Thead, { children: /* @__PURE__ */ jsxs(Table.Tr, { children: [
+            /* @__PURE__ */ jsx(Table.Th, { w: 40, children: /* @__PURE__ */ jsx(
+              Checkbox,
+              {
+                checked: selection.isPageAllSelected,
+                indeterminate: selection.isPagePartiallySelected,
+                onChange: selection.togglePage
+              }
+            ) }),
+            /* @__PURE__ */ jsx(SortableHeader, { column: "name", sort, onToggle: toggleSort, children: "Name" }),
+            /* @__PURE__ */ jsx(SortableHeader, { column: "status", sort, onToggle: toggleSort, children: "Status" }),
+            /* @__PURE__ */ jsx(Table.Th, { children: "Milestones" }),
+            /* @__PURE__ */ jsx(Table.Th, { children: "Tasks" }),
+            /* @__PURE__ */ jsx(SortableHeader, { column: "updated", sort, onToggle: toggleSort, children: "Updated" })
+          ] }) }),
+          /* @__PURE__ */ jsx(Table.Tbody, { children: paginatedProjects.map((project) => {
+            const completedMilestones = project.completedMilestones ?? 0;
+            const milestoneCount = project.milestoneCount ?? 0;
+            const completedTasks = project.completedTasks ?? 0;
+            const taskCount = project.taskCount ?? 0;
+            const rowProps = onProjectClick ? {
+              style: { cursor: "pointer" },
+              onClick: () => onProjectClick(project.id)
+            } : void 0;
+            return /* @__PURE__ */ jsxs(Table.Tr, { ...rowProps, children: [
+              /* @__PURE__ */ jsx(Table.Td, { onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsx(
+                Checkbox,
+                {
+                  checked: selection.isSelected(project.id),
+                  onChange: () => selection.toggle(project.id)
+                }
+              ) }),
+              /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { fw: 500, children: project.name }) }),
+              /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Badge, { variant: "light", color: projectStatusColors[project.status || ""] || "gray", size: "sm", children: formatStatusLabel(project.status || "unknown") }) }),
+              /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsxs(Text, { size: "sm", children: [
+                completedMilestones,
+                "/",
+                milestoneCount
+              ] }) }),
+              /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsxs(Text, { size: "sm", children: [
+                completedTasks,
+                "/",
+                taskCount
+              ] }) }),
+              /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: formatTimeAgo(project.updated_at) }) })
+            ] }, project.id);
+          }) })
+        ] }),
+        sortedProjects.length > PAGE_SIZE_DEFAULT && /* @__PURE__ */ jsx(Group, { justify: "center", children: /* @__PURE__ */ jsx(
+          Pagination,
+          {
+            value: pagination.page,
+            onChange: pagination.setPage,
+            total: pagination.totalPages(sortedProjects.length),
+            size: "sm"
+          }
+        ) })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsx(
+      CustomModal,
+      {
+        opened: showBatchDelete,
+        onClose: () => !deleteProject.isPending && setShowBatchDelete(false),
+        size: "sm",
+        loading: deleteProject.isPending,
+        children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+          /* @__PURE__ */ jsxs(Group, { gap: "sm", children: [
+            /* @__PURE__ */ jsx(IconAlertTriangle, { size: 24, color: "var(--color-error)" }),
+            /* @__PURE__ */ jsxs(Title, { order: 4, children: [
+              "Delete ",
+              selection.selectedCount,
+              " Projects"
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs(Text, { size: "sm", children: [
+            "Are you sure you want to delete",
+            " ",
+            /* @__PURE__ */ jsx(Text, { span: true, fw: 600, children: selection.selectedCount }),
+            " ",
+            "selected projects?"
+          ] }),
+          /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "This action cannot be undone." }),
+          /* @__PURE__ */ jsxs(Group, { justify: "flex-end", mt: "md", children: [
+            /* @__PURE__ */ jsx(Button, { variant: "light", onClick: () => setShowBatchDelete(false), disabled: deleteProject.isPending, children: "Cancel" }),
+            /* @__PURE__ */ jsx(Button, { color: "red", loading: deleteProject.isPending, onClick: () => void handleDeleteSelected(), children: "Delete" })
+          ] })
+        ] })
+      }
+    )
+  ] });
+}
+var noteTypeOptions = [
+  { value: "call_note", label: "Call Note" },
+  { value: "status_update", label: "Status Update" },
+  { value: "issue", label: "Issue" },
+  { value: "blocker", label: "Blocker" }
+];
+function parseChecklist(milestone) {
+  const raw = milestone.checklist;
+  if (!Array.isArray(raw)) return [];
+  return raw;
+}
+function MilestoneChecklist({ milestone }) {
+  const items = parseChecklist(milestone);
+  const { mutate: updateMilestone } = useUpdateMilestone();
+  const [newItemLabel, setNewItemLabel] = useState("");
+  const [adding, setAdding] = useState(false);
+  function saveChecklist(updated) {
+    const allComplete = updated.length > 0 && updated.every((item) => item.completed);
+    const wasComplete = milestone.status === "completed";
+    const updates = {
+      checklist: updated
+    };
+    if (allComplete && !wasComplete) {
+      updates.status = "completed";
+      updates.completed_at = (/* @__PURE__ */ new Date()).toISOString();
+    } else if (!allComplete && wasComplete) {
+      updates.status = "in_progress";
+      updates.completed_at = null;
+    }
+    updateMilestone({ id: milestone.id, updates });
+  }
+  function toggleItem(itemId) {
+    const updated = items.map((item) => item.id === itemId ? { ...item, completed: !item.completed } : item);
+    saveChecklist(updated);
+  }
+  function addItem() {
+    const label = newItemLabel.trim();
+    if (!label) return;
+    const newItem = { id: crypto.randomUUID(), label, completed: false };
+    saveChecklist([...items, newItem]);
+    setNewItemLabel("");
+  }
+  function removeItem(itemId) {
+    saveChecklist(items.filter((item) => item.id !== itemId));
+  }
+  const completedCount = items.filter((item) => item.completed).length;
+  return /* @__PURE__ */ jsxs(Stack, { gap: "xs", mt: "sm", children: [
+    items.length > 0 && /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", children: [
+      completedCount,
+      "/",
+      items.length,
+      " complete"
+    ] }),
+    items.map((item) => /* @__PURE__ */ jsxs(Group, { gap: "xs", wrap: "nowrap", children: [
+      /* @__PURE__ */ jsx(
+        Checkbox,
+        {
+          size: "xs",
+          checked: item.completed,
+          onChange: () => toggleItem(item.id),
+          label: /* @__PURE__ */ jsx(
+            Text,
+            {
+              size: "sm",
+              td: item.completed ? "line-through" : void 0,
+              c: item.completed ? "dimmed" : "var(--color-text-subtle)",
+              children: item.label
+            }
+          ),
+          styles: { input: { cursor: "pointer" }, label: { cursor: "pointer" } }
+        }
+      ),
+      /* @__PURE__ */ jsx(ActionIcon, { variant: "subtle", size: "xs", onClick: () => removeItem(item.id), style: { opacity: 0.4 }, children: /* @__PURE__ */ jsx(IconX, { size: 12 }) })
+    ] }, item.id)),
+    adding ? /* @__PURE__ */ jsx(
+      TextInput,
+      {
+        size: "xs",
+        placeholder: "Item label...",
+        value: newItemLabel,
+        onChange: (event) => setNewItemLabel(event.target.value),
+        onKeyDown: (event) => {
+          if (event.key === "Enter") {
+            addItem();
+            setAdding(false);
+          }
+          if (event.key === "Escape") {
+            setNewItemLabel("");
+            setAdding(false);
+          }
+        },
+        onBlur: () => {
+          if (newItemLabel.trim()) addItem();
+          setAdding(false);
+        },
+        autoFocus: true,
+        style: { maxWidth: 250 }
+      }
+    ) : /* @__PURE__ */ jsx(Group, { children: /* @__PURE__ */ jsx(Button, { variant: "subtle", size: "compact-xs", leftSection: /* @__PURE__ */ jsx(IconPlus, { size: 12 }), onClick: () => setAdding(true), children: "Add item" }) })
+  ] });
+}
+function AddNoteModal({ opened, onClose, projectId }) {
+  const [noteType, setNoteType] = useState("call_note");
+  const [content, setContent] = useState("");
+  const [summary, setSummary] = useState("");
+  const { mutate: createNote, isPending } = useCreateNote();
+  function handleSubmit() {
+    if (!content.trim() || !noteType) return;
+    createNote(
+      {
+        project_id: projectId,
+        type: noteType,
+        content: content.trim(),
+        summary: summary.trim() || null
+      },
+      {
+        onSuccess: () => {
+          setContent("");
+          setSummary("");
+          setNoteType("call_note");
+          onClose();
+        }
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(CustomModal, { opened, onClose, size: "md", loading: isPending, children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+    /* @__PURE__ */ jsxs(Group, { justify: "space-between", align: "flex-start", children: [
+      /* @__PURE__ */ jsx(Title, { order: 3, children: "Add Note" }),
+      /* @__PURE__ */ jsx(ActionIcon, { variant: "subtle", onClick: onClose, disabled: isPending, children: /* @__PURE__ */ jsx(IconX, { size: 18 }) })
+    ] }),
+    /* @__PURE__ */ jsx(Select, { label: "Type", data: noteTypeOptions, value: noteType, onChange: setNoteType, required: true }),
+    /* @__PURE__ */ jsx(
+      TextInput,
+      {
+        label: "Summary",
+        placeholder: "Brief summary (optional)",
+        value: summary,
+        onChange: (event) => setSummary(event.target.value)
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Textarea,
+      {
+        label: "Content",
+        placeholder: "Note content...",
+        minRows: 4,
+        value: content,
+        onChange: (event) => setContent(event.target.value),
+        required: true
+      }
+    ),
+    /* @__PURE__ */ jsxs(Group, { justify: "flex-end", children: [
+      /* @__PURE__ */ jsx(Button, { variant: "light", onClick: onClose, disabled: isPending, children: "Cancel" }),
+      /* @__PURE__ */ jsx(Button, { onClick: handleSubmit, loading: isPending, disabled: !content.trim() || !noteType, children: "Add Note" })
+    ] })
+  ] }) });
+}
+function ProjectDetailPage({ projectId, onBack, backLabel = "Projects" }) {
+  const { data: project, isLoading, error } = useProject(projectId);
+  const { data: notes } = useProjectNotes({ projectId });
+  const { mutate: deleteProject, isPending: isDeleting } = useDeleteProject$1();
+  const [addNoteOpen, setAddNoteOpen] = useState(false);
+  const [deleteModalOpen, setDeleteModalOpen] = useState(false);
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsx(Center, { style: { flex: 1 }, children: /* @__PURE__ */ jsx(Loader, {}) }) });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsx(Center, { style: { flex: 1 }, children: /* @__PURE__ */ jsx(Alert, { color: "red", children: "Error loading project" }) }) });
+  }
+  if (!project) {
+    return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsx(Center, { style: { flex: 1 }, children: /* @__PURE__ */ jsx(Alert, { color: "yellow", children: "Project not found" }) }) });
+  }
+  const milestones = project.milestones ?? [];
+  const tasks = project.tasks ?? [];
+  const totalMilestones = milestones.length;
+  const completedMilestones = milestones.filter((milestone) => milestone.status === "completed").length;
+  const totalTasks = tasks.length;
+  const approvedTasks = tasks.filter((task) => task.status === "approved").length;
+  const milestoneProgress = calculateProgress(completedMilestones, totalMilestones);
+  const taskProgress = calculateProgress(approvedTasks, totalTasks);
+  const companyName = project.company?.name ?? null;
+  return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsx(PageContainer, { children: /* @__PURE__ */ jsxs(Stack, { children: [
+    /* @__PURE__ */ jsx(
+      PageTitleCaption,
+      {
+        title: project.name,
+        caption: [companyName, formatStatusLabel(project.status || "unknown")].filter(Boolean).join(" - "),
+        rightSection: /* @__PURE__ */ jsx(Group, { children: /* @__PURE__ */ jsx(Button, { variant: "light", size: "sm", leftSection: /* @__PURE__ */ jsx(IconArrowLeft, { size: 16 }), onClick: onBack, children: backLabel }) })
+      }
+    ),
+    /* @__PURE__ */ jsxs(SimpleGrid, { cols: 4, children: [
+      /* @__PURE__ */ jsx(
+        StatCard,
+        {
+          variant: "hero",
+          icon: IconHeartbeat,
+          value: formatStatusLabel(project.status || "unknown"),
+          label: "Status",
+          valueColor: `var(--mantine-color-${projectStatusColors[project.status || ""] || "gray"}-6)`
+        }
+      ),
+      /* @__PURE__ */ jsx(StatCard, { variant: "hero", icon: IconFlag, value: `${completedMilestones}/${totalMilestones}`, label: "Milestones", children: /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", children: [
+        milestoneProgress,
+        "% complete"
+      ] }) }),
+      /* @__PURE__ */ jsx(StatCard, { variant: "hero", icon: IconChecklist, value: `${approvedTasks}/${totalTasks}`, label: "Tasks", children: /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", children: [
+        taskProgress,
+        "% complete"
+      ] }) }),
+      /* @__PURE__ */ jsx(StatCard, { variant: "hero", icon: IconCalendar, value: project.start_date ? formatDate(project.start_date) : "-", label: "Timeline", children: project.target_end_date && /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", children: [
+        "to ",
+        formatDate(project.target_end_date)
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsxs(
+      Paper,
+      {
+        p: "md",
+        style: {
+          border: "1px solid var(--color-border)",
+          borderRadius: "var(--mantine-radius-default)"
+        },
+        children: [
+          /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+            /* @__PURE__ */ jsxs(Group, { justify: "space-between", wrap: "wrap", children: [
+              /* @__PURE__ */ jsxs(Group, { gap: "sm", children: [
+                /* @__PURE__ */ jsx(Title, { order: 3, children: "Project Details" }),
+                /* @__PURE__ */ jsx(Badge, { variant: "light", color: projectStatusColors[project.status || ""] || "gray", children: formatStatusLabel(project.status || "unknown") })
+              ] }),
+              /* @__PURE__ */ jsxs(Group, { gap: 4, children: [
+                /* @__PURE__ */ jsx(Text, { size: "sm", ff: "monospace", c: "var(--color-text-subtle)", children: project.id }),
+                /* @__PURE__ */ jsx(CopyButton, { value: project.id, children: ({ copied, copy }) => /* @__PURE__ */ jsx(Tooltip, { label: copied ? "Copied!" : "Copy ID", withArrow: true, children: /* @__PURE__ */ jsx(ActionIcon, { onClick: copy, variant: "subtle", size: "xs", color: copied ? "green" : "var(--color-text-subtle)", children: copied ? /* @__PURE__ */ jsx(IconCheck, { size: 14 }) : /* @__PURE__ */ jsx(IconCopy, { size: 14 }) }) }) })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs(Group, { gap: "lg", children: [
+              project.start_date && /* @__PURE__ */ jsxs(Group, { gap: 4, children: [
+                /* @__PURE__ */ jsx(Text, { size: "sm", fw: 500, children: "Started:" }),
+                /* @__PURE__ */ jsx(Text, { size: "sm", children: formatDate(project.start_date) })
+              ] }),
+              project.target_end_date && /* @__PURE__ */ jsxs(Group, { gap: 4, children: [
+                /* @__PURE__ */ jsx(Text, { size: "sm", fw: 500, children: "Target:" }),
+                /* @__PURE__ */ jsx(Text, { size: "sm", children: formatDate(project.target_end_date) })
+              ] }),
+              project.contract_value != null && /* @__PURE__ */ jsxs(Group, { gap: 4, children: [
+                /* @__PURE__ */ jsx(Text, { size: "sm", fw: 500, children: "Contract:" }),
+                /* @__PURE__ */ jsxs(Text, { size: "sm", children: [
+                  "$",
+                  project.contract_value.toLocaleString(),
+                  project.metadata && project.metadata.rate_type === "hourly" ? "/hr" : ""
+                ] })
+              ] }),
+              project.company && /* @__PURE__ */ jsxs(Group, { gap: 4, children: [
+                /* @__PURE__ */ jsx(Text, { size: "sm", fw: 500, children: "Company:" }),
+                /* @__PURE__ */ jsx(Text, { size: "sm", children: project.company.name })
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx(Divider, { my: "md" }),
+          /* @__PURE__ */ jsxs(Tabs, { defaultValue: "status", children: [
+            /* @__PURE__ */ jsxs(Tabs.List, { children: [
+              /* @__PURE__ */ jsx(Tabs.Tab, { value: "status", children: "Status" }),
+              /* @__PURE__ */ jsx(Tabs.Tab, { value: "details", children: "Details" }),
+              /* @__PURE__ */ jsx(Tabs.Tab, { value: "notes", children: "Notes" }),
+              /* @__PURE__ */ jsx(Tabs.Tab, { value: "activity", children: "Activity" })
+            ] }),
+            /* @__PURE__ */ jsx(Tabs.Panel, { value: "status", pt: "md", children: milestones.length === 0 ? /* @__PURE__ */ jsx(Text, { c: "dimmed", size: "sm", children: "No milestones yet." }) : /* @__PURE__ */ jsx(
+              Timeline,
+              {
+                active: completedMilestones,
+                bulletSize: 20,
+                color: "var(--color-primary)",
+                styles: {
+                  itemBullet: {
+                    borderColor: "color-mix(in srgb, var(--color-primary) 40%, transparent)",
+                    backgroundColor: "var(--color-surface)"
+                  },
+                  item: {
+                    "--_item-border-color": "color-mix(in srgb, var(--color-primary) 25%, transparent)"
+                  },
+                  itemTitle: {
+                    color: "var(--color-text)"
+                  }
+                },
+                children: milestones.map((milestone) => {
+                  const milestoneTasks = tasks.filter((task) => task.milestone_id === milestone.id);
+                  return /* @__PURE__ */ jsxs(
+                    Timeline.Item,
+                    {
+                      bullet: milestone.status === "completed" ? /* @__PURE__ */ jsx(
+                        "div",
+                        {
+                          style: {
+                            width: 12,
+                            height: 12,
+                            borderRadius: "50%",
+                            backgroundColor: "var(--color-primary)",
+                            boxShadow: "0 0 8px var(--color-primary), 0 0 16px color-mix(in srgb, var(--color-primary) 50%, transparent)"
+                          }
+                        }
+                      ) : void 0,
+                      title: /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+                        /* @__PURE__ */ jsx(Text, { fw: 500, children: milestone.name }),
+                        /* @__PURE__ */ jsx(Badge, { variant: "light", color: milestoneStatusColors[milestone.status || ""] || "gray", size: "sm", children: formatStatusLabel(milestone.status || "unknown") }),
+                        milestone.due_date && /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", children: [
+                          "Due ",
+                          formatDate(milestone.due_date)
+                        ] })
+                      ] }),
+                      children: [
+                        milestone.description && /* @__PURE__ */ jsx(Text, { size: "sm", mt: "xs", children: milestone.description }),
+                        /* @__PURE__ */ jsx(MilestoneChecklist, { milestone }),
+                        milestoneTasks.length > 0 && /* @__PURE__ */ jsx(Stack, { gap: "xs", mt: "sm", children: milestoneTasks.map((task) => /* @__PURE__ */ jsx(Card, { withBorder: true, p: "xs", children: /* @__PURE__ */ jsxs(Group, { gap: "xs", justify: "space-between", children: [
+                          /* @__PURE__ */ jsx(Text, { size: "sm", fw: 500, children: task.name }),
+                          /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+                            /* @__PURE__ */ jsx(Badge, { variant: "light", color: taskTypeColors[task.type || ""] || "gray", size: "xs", children: formatStatusLabel(task.type || "other") }),
+                            /* @__PURE__ */ jsx(Badge, { variant: "light", color: taskStatusColors[task.status || ""] || "gray", size: "xs", children: formatStatusLabel(task.status || "pending") })
+                          ] })
+                        ] }) }, task.id)) })
+                      ]
+                    },
+                    milestone.id
+                  );
+                })
+              }
+            ) }),
+            /* @__PURE__ */ jsx(Tabs.Panel, { value: "details", pt: "md", children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+              /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
+                /* @__PURE__ */ jsx(Title, { order: 3, children: "Project Details" }),
+                project.description && /* @__PURE__ */ jsxs("div", { children: [
+                  /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "Description" }),
+                  /* @__PURE__ */ jsx(Text, { size: "sm", children: project.description })
+                ] }),
+                project.contract_value != null && /* @__PURE__ */ jsxs("div", { children: [
+                  /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "Contract Value" }),
+                  /* @__PURE__ */ jsxs(Text, { size: "sm", fw: 500, children: [
+                    "$",
+                    project.contract_value.toLocaleString()
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsxs(SimpleGrid, { cols: 3, children: [
+                  /* @__PURE__ */ jsxs("div", { children: [
+                    /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "Start Date" }),
+                    /* @__PURE__ */ jsx(Text, { size: "sm", children: formatDate(project.start_date) })
+                  ] }),
+                  /* @__PURE__ */ jsxs("div", { children: [
+                    /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "Target End Date" }),
+                    /* @__PURE__ */ jsx(Text, { size: "sm", children: formatDate(project.target_end_date) })
+                  ] }),
+                  /* @__PURE__ */ jsxs("div", { children: [
+                    /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "Actual End Date" }),
+                    /* @__PURE__ */ jsx(Text, { size: "sm", children: formatDate(project.actual_end_date) })
+                  ] })
+                ] })
+              ] }) }),
+              project.company && /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
+                /* @__PURE__ */ jsx(Title, { order: 3, children: "Company" }),
+                /* @__PURE__ */ jsx(Text, { fw: 500, children: project.company.name }),
+                project.company.domain && /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: project.company.domain })
+              ] }) })
+            ] }) }),
+            /* @__PURE__ */ jsx(Tabs.Panel, { value: "notes", pt: "md", children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+              /* @__PURE__ */ jsx(Group, { justify: "flex-end", children: /* @__PURE__ */ jsx(Button, { variant: "light", size: "sm", leftSection: /* @__PURE__ */ jsx(IconPlus, { size: 16 }), onClick: () => setAddNoteOpen(true), children: "Add Note" }) }),
+              !notes?.length ? /* @__PURE__ */ jsx(Text, { c: "dimmed", size: "sm", children: "No notes yet." }) : /* @__PURE__ */ jsx(Stack, { gap: "sm", children: notes.map((note) => /* @__PURE__ */ jsx(Card, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
+                /* @__PURE__ */ jsxs(Group, { justify: "space-between", children: [
+                  /* @__PURE__ */ jsx(Badge, { variant: "light", color: noteTypeColors[note.type || ""] || "gray", size: "sm", children: formatStatusLabel(note.type || "note") }),
+                  /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: formatTimeAgo(note.occurred_at) })
+                ] }),
+                note.summary && /* @__PURE__ */ jsx(Text, { size: "sm", fw: 500, children: note.summary }),
+                /* @__PURE__ */ jsx(Text, { size: "sm", children: note.content })
+              ] }) }, note.id)) })
+            ] }) }),
+            /* @__PURE__ */ jsx(Tabs.Panel, { value: "activity", pt: "md", children: /* @__PURE__ */ jsx(Text, { c: "dimmed", size: "sm", children: "Activity feed coming soon." }) })
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(AddNoteModal, { opened: addNoteOpen, onClose: () => setAddNoteOpen(false), projectId }),
+    /* @__PURE__ */ jsx(CustomModal, { opened: deleteModalOpen, onClose: () => setDeleteModalOpen(false), size: "sm", children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+      /* @__PURE__ */ jsxs(Group, { justify: "space-between", align: "flex-start", children: [
+        /* @__PURE__ */ jsx(Title, { order: 4, children: "Delete project" }),
+        /* @__PURE__ */ jsx(ActionIcon, { variant: "subtle", onClick: () => setDeleteModalOpen(false), children: /* @__PURE__ */ jsx(IconX, { size: 18 }) })
+      ] }),
+      /* @__PURE__ */ jsxs(Text, { size: "sm", children: [
+        "Are you sure you want to delete ",
+        /* @__PURE__ */ jsx("strong", { children: project.name }),
+        "? This cannot be undone."
+      ] }),
+      /* @__PURE__ */ jsx(Divider, {}),
+      /* @__PURE__ */ jsxs(Group, { justify: "flex-end", children: [
+        /* @__PURE__ */ jsx(Button, { variant: "default", onClick: () => setDeleteModalOpen(false), disabled: isDeleting, children: "Cancel" }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            color: "red",
+            loading: isDeleting,
+            onClick: () => deleteProject(project.id, {
+              onSuccess: () => {
+                setDeleteModalOpen(false);
+                onBack();
+              }
+            }),
+            children: "Delete project"
+          }
+        )
+      ] })
+    ] }) })
+  ] }) }) });
+}
+
+export { AllTasksPage, HealthStatusCard, MilestoneTimeline, ProjectDetailPage, ProjectsListPage, ProjectsSidebar, ProjectsSidebarMiddle, ProjectsSidebarTop, TaskCard, UpcomingMilestonesPage, calculateProgress, deliveryManifest, formatStatusLabel, milestoneStatusColors, noteTypeColors, projectStatusColors, taskStatusColors, taskTypeColors };