@elevasis/ui 2.67.0 → 2.68.0

package/dist/chunk-TGPJNKDU.js

@@ -0,0 +1,1595 @@
+import { milestoneStatusColors, formatStatusLabel, taskTypeColors, taskStatusColors, projectStatusColors, calculateProgress, noteTypeColors } from './chunk-DLR4SDZW.js';
+import { PageContainer } from './chunk-BZZCNLT6.js';
+import { TableSelectionToolbar, SortableHeader } from './chunk-TUMSNGTX.js';
+import { FilterBar } from './chunk-PDHTXPSF.js';
+import { StatusBadge, EmptyState, SubshellContentContainer, PageTitleCaption, useProjectRealtime, useTableSort, sortData, usePaginationState, useTableSelection, CenteredErrorState, CustomModal, StatCard, useProjectActivities } from './chunk-ZGCWTWBD.js';
+import { useCreateTask, useCreateMilestone, useProjectMilestones, useUpdateTask, useProjects, useDeleteProject, useProject, useProjectNotes, useUpdateMilestone, useCreateNote } from './chunk-NDHMZT2G.js';
+import { CardHeader } from './chunk-62GVNH5U.js';
+import { SubshellSidebarSection, SubshellNavItem } from './chunk-MISHPEJX.js';
+import { PAGE_SIZE_DEFAULT, formatTimeAgo, formatDate, formatRelativeTime } from './chunk-L3HFJFYF.js';
+import { useRouterContext } from './chunk-Q7DJKLEN.js';
+import { useState, useMemo } from 'react';
+import { Stack, Text, Group, Checkbox, ActionIcon, TextInput, Button, Modal, Title, Textarea, Select, SimpleGrid, Card, ThemeIcon, RingProgress, Paper, Timeline, Badge, Collapse, Center, Loader, Table, Pagination, Alert, CopyButton, Tooltip, Space, Tabs, Divider, Anchor, Chip, List } from '@mantine/core';
+import { IconNotes, IconBriefcase, IconChecklist, IconFlag, IconX, IconPlus, IconHeartbeat, IconFileText, IconCalendar, IconInbox, IconLock, IconAlertTriangle, IconCircleCheck, IconClock, IconChevronDown, IconChevronRight, IconDownload, IconListCheck, IconMessageCircle, IconSearch, IconCheck, IconCopy, IconFileDescription, IconArrowLeft, IconCurrencyDollar, IconBuilding } from '@tabler/icons-react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { useDisclosure } from '@mantine/hooks';
+
+function Checklist({ items, onToggle, onAdd, onRemove }) {
+  const [adding, setAdding] = useState(false);
+  const [newItemLabel, setNewItemLabel] = useState("");
+  function commitAdd() {
+    const label = newItemLabel.trim();
+    if (label) onAdd(label);
+    setNewItemLabel("");
+  }
+  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: () => onToggle(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: () => onRemove(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") {
+            commitAdd();
+            setAdding(false);
+          }
+          if (event.key === "Escape") {
+            setNewItemLabel("");
+            setAdding(false);
+          }
+        },
+        onBlur: () => {
+          if (newItemLabel.trim()) commitAdd();
+          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"
+      }
+    ) })
+  ] });
+}
+var TASK_TYPE_OPTIONS = [
+  { value: "documentation", label: "Documentation" },
+  { value: "code", label: "Code" },
+  { value: "report", label: "Report" },
+  { value: "design", label: "Design" },
+  { value: "other", label: "Other" }
+];
+function CreateDeliveryEntityModal({ opened, onClose, projectId, entityType }) {
+  const [name, setName] = useState("");
+  const [description, setDescription] = useState("");
+  const [taskType, setTaskType] = useState("other");
+  const [milestoneId, setMilestoneId] = useState(null);
+  const { mutate: createTask, isPending: isCreatingTask } = useCreateTask();
+  const { mutate: createMilestone, isPending: isCreatingMilestone } = useCreateMilestone();
+  const { data: milestones = [] } = useProjectMilestones(entityType === "task" ? projectId : "");
+  const isPending = entityType === "task" ? isCreatingTask : isCreatingMilestone;
+  const milestoneOptions = milestones.map((m) => ({ value: m.id, label: m.name }));
+  function resetForm() {
+    setName("");
+    setDescription("");
+    setTaskType("other");
+    setMilestoneId(null);
+  }
+  function handleClose() {
+    resetForm();
+    onClose();
+  }
+  function handleSubmit() {
+    const trimmedName = name.trim();
+    if (!trimmedName) return;
+    if (entityType === "task") {
+      createTask(
+        {
+          project_id: projectId,
+          name: trimmedName,
+          description: description.trim() || null,
+          type: taskType ?? "other",
+          milestone_id: milestoneId ?? null
+        },
+        {
+          onSuccess: () => {
+            resetForm();
+            onClose();
+          }
+        }
+      );
+    } else {
+      createMilestone(
+        {
+          project_id: projectId,
+          name: trimmedName,
+          description: description.trim() || null
+        },
+        {
+          onSuccess: () => {
+            resetForm();
+            onClose();
+          }
+        }
+      );
+    }
+  }
+  const title = entityType === "task" ? "Create Task" : "Add Milestone";
+  return /* @__PURE__ */ jsx(Modal, { opened, onClose: handleClose, size: "md", children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+    /* @__PURE__ */ jsx(Title, { order: 3, children: title }),
+    /* @__PURE__ */ jsx(
+      TextInput,
+      {
+        label: "Name",
+        placeholder: entityType === "task" ? "Task name..." : "Milestone name...",
+        value: name,
+        onChange: (e) => setName(e.target.value),
+        required: true,
+        "data-autofocus": true
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Textarea,
+      {
+        label: "Description",
+        placeholder: "Optional description...",
+        minRows: 3,
+        value: description,
+        onChange: (e) => setDescription(e.target.value)
+      }
+    ),
+    entityType === "task" && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Select, { label: "Type", data: TASK_TYPE_OPTIONS, value: taskType, onChange: setTaskType }),
+      milestoneOptions.length > 0 && /* @__PURE__ */ jsx(
+        Select,
+        {
+          label: "Milestone",
+          placeholder: "Assign to milestone (optional)",
+          data: milestoneOptions,
+          value: milestoneId,
+          onChange: setMilestoneId,
+          clearable: true
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs(Group, { justify: "flex-end", children: [
+      /* @__PURE__ */ jsx(Button, { variant: "light", onClick: handleClose, disabled: isPending, children: "Cancel" }),
+      /* @__PURE__ */ jsx(Button, { onClick: handleSubmit, loading: isPending, disabled: !name.trim(), children: title })
+    ] })
+  ] }) });
+}
+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" }) })
+    ] }) })
+  ] });
+}
+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 parseChecklist(task) {
+  const raw = task.checklist;
+  if (!Array.isArray(raw)) return [];
+  return raw;
+}
+function TaskCard({ task }) {
+  const { mutate: updateTask } = useUpdateTask();
+  const items = parseChecklist(task);
+  function saveChecklist(updated) {
+    const updates = {
+      checklist: updated
+    };
+    updateTask({ id: task.id, updates });
+  }
+  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()
+    ] }),
+    items.length > 0 && /* @__PURE__ */ jsx(
+      Checklist,
+      {
+        items,
+        onToggle: (itemId) => {
+          saveChecklist(items.map((item) => item.id === itemId ? { ...item, completed: !item.completed } : item));
+        },
+        onAdd: (label) => {
+          saveChecklist([...items, { id: crypto.randomUUID(), label, completed: false }]);
+        },
+        onRemove: (itemId) => {
+          saveChecklist(items.filter((item) => item.id !== itemId));
+        }
+      }
+    )
+  ] }) });
+}
+var ProjectsSidebarTop = () => {
+  return /* @__PURE__ */ jsx(SubshellSidebarSection, { icon: IconBriefcase, label: "Projects" });
+};
+var DELIVERY_PROJECT_ITEMS = [
+  { label: "Projects", to: "/projects", icon: IconBriefcase, exact: true }
+];
+var DELIVERY_WORK_ITEMS = [
+  { label: "Tasks", to: "/projects/tasks", icon: IconChecklist, exact: false },
+  { label: "Milestones", to: "/projects/milestones", icon: IconFlag, exact: false }
+];
+var DELIVERY_COMMUNICATION_ITEMS = [
+  { label: "Notes", to: "/projects/notes", icon: IconNotes, exact: false }
+];
+var ProjectsSidebarMiddle = ({
+  currentPath,
+  onNavigate,
+  projectItems = DELIVERY_PROJECT_ITEMS,
+  workItems = DELIVERY_WORK_ITEMS,
+  communicationItems = DELIVERY_COMMUNICATION_ITEMS
+} = {}) => {
+  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,
+        href: item.to,
+        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(projectItems) }),
+    /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(SubshellSidebarSection, { icon: IconListCheck, label: "Work", withTopBorder: true }),
+      /* @__PURE__ */ jsx(Stack, { gap: 0, p: "sm", children: renderItems(workItems) })
+    ] }),
+    /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(SubshellSidebarSection, { icon: IconMessageCircle, label: "Communication", withTopBorder: true }),
+      /* @__PURE__ */ jsx(Stack, { gap: 0, p: "sm", children: renderItems(communicationItems) })
+    ] })
+  ] });
+};
+var ProjectsSidebar = ({ children } = {}) => {
+  return /* @__PURE__ */ jsxs(Stack, { gap: 0, style: { height: "100%", display: "flex", flexDirection: "column" }, children: [
+    /* @__PURE__ */ jsx(ProjectsSidebarTop, {}),
+    children ?? /* @__PURE__ */ jsx(ProjectsSidebarMiddle, {})
+  ] });
+};
+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 } = {}) {
+  useProjectRealtime();
+  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: "Project 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" })
+          ] })
+        ] })
+      }
+    )
+  ] });
+}
+function isResumeContext(val) {
+  return !!val && typeof val === "object" && !Array.isArray(val);
+}
+function ContextRow({ label, value }) {
+  return /* @__PURE__ */ jsxs(Stack, { gap: 2, children: [
+    /* @__PURE__ */ jsx(
+      Text,
+      {
+        size: "xs",
+        ff: "monospace",
+        c: "var(--color-text-subtle)",
+        style: { textTransform: "uppercase", letterSpacing: "0.06em", opacity: 0.7 },
+        children: label
+      }
+    ),
+    /* @__PURE__ */ jsx(Text, { size: "xs", c: "var(--color-text)", style: { lineHeight: 1.55 }, children: value })
+  ] });
+}
+function ResumeContextPreview({ tasks }) {
+  const candidate = tasks.filter((t) => isResumeContext(t.resume_context)).sort((a, b) => new Date(b.updated_at).getTime() - new Date(a.updated_at).getTime())[0];
+  if (!candidate) return null;
+  const ctx = candidate.resume_context;
+  const hasBody = ctx.current_state || ctx.next_steps;
+  return /* @__PURE__ */ jsxs(
+    Paper,
+    {
+      p: "md",
+      style: {
+        border: "1px solid var(--color-border)",
+        borderRadius: "var(--mantine-radius-default)",
+        backgroundColor: "color-mix(in srgb, var(--color-primary) 4%, var(--color-surface))",
+        position: "relative",
+        overflow: "hidden"
+      },
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              position: "absolute",
+              inset: "0 auto 0 0",
+              width: 3,
+              background: "linear-gradient(180deg, var(--color-primary) 0%, color-mix(in srgb, var(--color-primary) 30%, transparent) 100%)"
+            }
+          }
+        ),
+        /* @__PURE__ */ jsxs(Stack, { gap: "sm", pl: 4, children: [
+          /* @__PURE__ */ jsxs(Group, { gap: 6, align: "baseline", wrap: "wrap", children: [
+            /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "Last worked" }),
+            /* @__PURE__ */ jsx(Text, { size: "xs", fw: 600, c: "var(--color-text)", children: formatRelativeTime(candidate.updated_at) }),
+            /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "on" }),
+            /* @__PURE__ */ jsx(Text, { size: "xs", fw: 600, c: "var(--color-text)", children: candidate.name })
+          ] }),
+          hasBody && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(Divider, { opacity: 0.3 }),
+            /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
+              ctx.current_state && /* @__PURE__ */ jsx(ContextRow, { label: "Current State", value: ctx.current_state }),
+              ctx.next_steps && /* @__PURE__ */ jsx(ContextRow, { label: "Next Steps", value: ctx.next_steps })
+            ] })
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+function QuickActionsRow({
+  onCreateTask,
+  onAddMilestone,
+  onLogBlocker,
+  onBack,
+  backLabel = "Projects"
+}) {
+  return /* @__PURE__ */ jsxs(Group, { gap: "xs", wrap: "wrap", justify: "space-between", children: [
+    /* @__PURE__ */ jsxs(Group, { gap: "xs", wrap: "wrap", children: [
+      /* @__PURE__ */ jsx(Button, { variant: "light", size: "compact-sm", leftSection: /* @__PURE__ */ jsx(IconPlus, { size: 14 }), onClick: onCreateTask, children: "Create Task" }),
+      /* @__PURE__ */ jsx(Button, { variant: "light", size: "compact-sm", leftSection: /* @__PURE__ */ jsx(IconFlag, { size: 14 }), onClick: onAddMilestone, children: "Add Milestone" }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "light",
+          size: "compact-sm",
+          color: "orange",
+          leftSection: /* @__PURE__ */ jsx(IconAlertTriangle, { size: 14 }),
+          onClick: onLogBlocker,
+          children: "Log Blocker"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(Button, { variant: "light", size: "compact-sm", leftSection: /* @__PURE__ */ jsx(IconArrowLeft, { size: 14 }), onClick: onBack, children: backLabel })
+  ] });
+}
+function LinkedRecordChips({ dealId, clientCompanyId }) {
+  if (!dealId && !clientCompanyId) return null;
+  return /* @__PURE__ */ jsxs(Group, { gap: "xs", wrap: "wrap", children: [
+    dealId && /* @__PURE__ */ jsx(Anchor, { href: `/crm/deals/${dealId}`, underline: "never", children: /* @__PURE__ */ jsx(
+      Badge,
+      {
+        variant: "light",
+        color: "blue",
+        leftSection: /* @__PURE__ */ jsx(IconCurrencyDollar, { size: 12 }),
+        style: { cursor: "pointer" },
+        children: "Deal"
+      }
+    ) }),
+    clientCompanyId && /* @__PURE__ */ jsx(Anchor, { href: `/crm/companies/${clientCompanyId}`, underline: "never", children: /* @__PURE__ */ jsx(Badge, { variant: "light", color: "teal", leftSection: /* @__PURE__ */ jsx(IconBuilding, { size: 12 }), style: { cursor: "pointer" }, children: "Company" }) })
+  ] });
+}
+function ProjectActivityTimeline({ projectId }) {
+  const { data: activities, isLoading, error } = useProjectActivities(projectId);
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(Center, { py: "xl", children: /* @__PURE__ */ jsx(Loader, { size: "sm" }) });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsx(Alert, { color: "red", title: "Failed to load activity", children: "Could not fetch project activity. Please refresh." });
+  }
+  if (!activities?.length) {
+    return /* @__PURE__ */ jsx(Text, { c: "dimmed", size: "sm", children: "No activity recorded for this project yet." });
+  }
+  return /* @__PURE__ */ jsx(Timeline, { bulletSize: 18, lineWidth: 2, children: activities.map((activity) => /* @__PURE__ */ jsxs(
+    Timeline.Item,
+    {
+      title: /* @__PURE__ */ jsx(Text, { size: "sm", fw: 500, children: activity.title }),
+      children: [
+        activity.description && /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", mt: 2, children: activity.description }),
+        /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", mt: 2, children: formatTimeAgo(activity.occurredAt) })
+      ]
+    },
+    activity.id
+  )) });
+}
+var NOTE_FILTER_OPTIONS = [
+  { value: "call_note", label: "Call Notes" },
+  { value: "status_update", label: "Status Updates" },
+  { value: "issue", label: "Issues" },
+  { value: "blocker", label: "Blockers" },
+  { value: "agent_learning", label: "Agent Learning" }
+];
+function isWithinLastWeek(dateStr) {
+  if (!dateStr) return false;
+  const date = new Date(dateStr);
+  const cutoff = /* @__PURE__ */ new Date();
+  cutoff.setDate(cutoff.getDate() - 7);
+  return date >= cutoff;
+}
+function NotesTabContent({ notes, onAddNote }) {
+  const [activeFilter, setActiveFilter] = useState(null);
+  const allNotes = notes ?? [];
+  const thisWeek = allNotes.filter((n) => isWithinLastWeek(n.occurred_at));
+  const weeklyByType = NOTE_FILTER_OPTIONS.map(({ value, label }) => ({
+    value,
+    label,
+    count: thisWeek.filter((n) => n.type === value).length
+  })).filter((entry) => entry.count > 0);
+  const rollupText = weeklyByType.length > 0 ? weeklyByType.map((e) => `${e.count} ${e.label.toLowerCase()}`).join(", ") + " this week" : null;
+  const visibleNotes = activeFilter ? allNotes.filter((n) => n.type === activeFilter) : allNotes;
+  return /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+    rollupText && /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", fw: 500, children: rollupText }),
+    /* @__PURE__ */ jsxs(Group, { justify: "space-between", align: "center", wrap: "wrap", children: [
+      /* @__PURE__ */ jsx(Chip.Group, { value: activeFilter ?? "", onChange: (val) => setActiveFilter(val || null), children: /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+        /* @__PURE__ */ jsx(Chip, { value: "", size: "xs", variant: "light", children: "All" }),
+        NOTE_FILTER_OPTIONS.map(({ value, label }) => /* @__PURE__ */ jsx(Chip, { value, size: "xs", variant: "light", children: label }, value))
+      ] }) }),
+      /* @__PURE__ */ jsx(Button, { variant: "light", size: "sm", leftSection: /* @__PURE__ */ jsx(IconPlus, { size: 16 }), onClick: onAddNote, children: "Add Note" })
+    ] }),
+    !visibleNotes.length ? /* @__PURE__ */ jsx(Text, { c: "dimmed", size: "sm", children: activeFilter ? `No ${formatStatusLabel(activeFilter)} notes yet.` : "No notes yet." }) : /* @__PURE__ */ jsx(Stack, { gap: "sm", children: visibleNotes.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: formatRelativeTime(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)) })
+  ] });
+}
+function humanizeKey(key) {
+  return key.replace(/_/g, " ").toUpperCase();
+}
+function ContextLabel({ label }) {
+  return /* @__PURE__ */ jsx(
+    Text,
+    {
+      size: "xs",
+      ff: "monospace",
+      c: "var(--color-text-subtle)",
+      style: { textTransform: "uppercase", letterSpacing: "0.06em", opacity: 0.7 },
+      children: label
+    }
+  );
+}
+function ContextValue({ value }) {
+  if (Array.isArray(value)) {
+    return /* @__PURE__ */ jsx(List, { size: "xs", withPadding: true, children: value.map((item, i) => /* @__PURE__ */ jsx(List.Item, { children: /* @__PURE__ */ jsx(Text, { size: "xs", c: "var(--color-text)", style: { lineHeight: 1.55 }, children: typeof item === "string" || typeof item === "number" || typeof item === "boolean" ? String(item) : JSON.stringify(item) }) }, i)) });
+  }
+  if (value !== null && typeof value === "object") {
+    return /* @__PURE__ */ jsx(Text, { size: "xs", ff: "monospace", c: "var(--color-text)", style: { lineHeight: 1.55, whiteSpace: "pre-wrap" }, children: JSON.stringify(value, null, 2) });
+  }
+  return /* @__PURE__ */ jsx(Text, { size: "xs", c: "var(--color-text)", style: { lineHeight: 1.55 }, children: String(value ?? "") });
+}
+function ResumeContextView({ task }) {
+  const ctx = task.resume_context;
+  if (!ctx || typeof ctx !== "object" || Array.isArray(ctx)) return null;
+  const entries = Object.entries(ctx);
+  if (entries.length === 0) return null;
+  return /* @__PURE__ */ jsx(Stack, { gap: "sm", children: entries.map(([key, value]) => /* @__PURE__ */ jsxs(Stack, { gap: 2, children: [
+    /* @__PURE__ */ jsx(ContextLabel, { label: humanizeKey(key) }),
+    /* @__PURE__ */ jsx(ContextValue, { value })
+  ] }, key)) });
+}
+var noteTypeOptions = [
+  { value: "call_note", label: "Call Note" },
+  { value: "status_update", label: "Status Update" },
+  { value: "issue", label: "Issue" },
+  { value: "blocker", label: "Blocker" },
+  { value: "agent_learning", label: "Agent Learning" }
+];
+function isTaskDone(status) {
+  return status === "completed" || status === "approved";
+}
+function parseChecklist2(milestone) {
+  const raw = milestone.checklist;
+  if (!Array.isArray(raw)) return [];
+  return raw;
+}
+function sortMilestonesForTimeline(milestones) {
+  return [...milestones].sort((a, b) => {
+    if (a.sequence !== b.sequence) return a.sequence - b.sequence;
+    const aCreated = a.created_at ? new Date(a.created_at).getTime() : 0;
+    const bCreated = b.created_at ? new Date(b.created_at).getTime() : 0;
+    if (aCreated !== bCreated) return aCreated - bCreated;
+    return a.name.localeCompare(b.name);
+  });
+}
+var bulletSize = 14;
+function renderMilestoneBullet(status) {
+  const normalizedStatus = status ?? "upcoming";
+  const isCompleted = normalizedStatus === "completed";
+  const isInProgress = normalizedStatus === "in_progress";
+  if (isCompleted) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: {
+          width: bulletSize,
+          height: bulletSize,
+          borderRadius: "50%",
+          backgroundColor: "var(--color-primary)",
+          boxShadow: "0 0 0 4px var(--color-surface)"
+        }
+      }
+    );
+  }
+  const fillColor = isInProgress ? "var(--color-primary)" : "color-mix(in srgb, var(--color-primary) 50%, transparent)";
+  const borderColor = isInProgress ? "var(--color-primary)" : "color-mix(in srgb, var(--color-primary) 20%, transparent)";
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      style: {
+        width: bulletSize,
+        height: bulletSize,
+        borderRadius: "50%",
+        backgroundColor: fillColor,
+        border: `2px solid ${borderColor}`,
+        boxSizing: "border-box",
+        zIndex: 2,
+        boxShadow: "0 0 0 4px var(--color-surface)"
+      }
+    }
+  );
+}
+function MilestoneChecklist({ milestone }) {
+  const items = parseChecklist2(milestone);
+  const { mutate: updateMilestone } = useUpdateMilestone();
+  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 });
+  }
+  return /* @__PURE__ */ jsx(
+    Checklist,
+    {
+      items,
+      onToggle: (itemId) => {
+        const updated = items.map((item) => item.id === itemId ? { ...item, completed: !item.completed } : item);
+        saveChecklist(updated);
+      },
+      onAdd: (label) => {
+        const newItem = { id: crypto.randomUUID(), label, completed: false };
+        saveChecklist([...items, newItem]);
+      },
+      onRemove: (itemId) => {
+        saveChecklist(items.filter((item) => item.id !== itemId));
+      }
+    }
+  );
+}
+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 LogBlockerModal({ opened, onClose, projectId }) {
+  const [content, setContent] = useState("");
+  const [summary, setSummary] = useState("");
+  const { mutate: createNote, isPending } = useCreateNote();
+  function handleSubmit() {
+    if (!content.trim()) return;
+    createNote(
+      {
+        project_id: projectId,
+        type: "blocker",
+        content: content.trim(),
+        summary: summary.trim() || null
+      },
+      {
+        onSuccess: () => {
+          setContent("");
+          setSummary("");
+          onClose();
+        }
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(Modal, { opened, onClose, size: "md", children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+    /* @__PURE__ */ jsx(Title, { order: 3, children: "Log Blocker" }),
+    /* @__PURE__ */ jsx(
+      TextInput,
+      {
+        label: "Summary",
+        placeholder: "Brief blocker summary (optional)",
+        value: summary,
+        onChange: (e) => setSummary(e.target.value)
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Textarea,
+      {
+        label: "Description",
+        placeholder: "Describe the blocker...",
+        minRows: 4,
+        value: content,
+        onChange: (e) => setContent(e.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, { color: "orange", onClick: handleSubmit, loading: isPending, disabled: !content.trim(), children: "Log Blocker" })
+    ] })
+  ] }) });
+}
+function ProjectDetailPage({ projectId, onBack, backLabel = "Projects" }) {
+  useProjectRealtime(projectId);
+  const { data: project, isLoading, error } = useProject(projectId);
+  const { data: notes } = useProjectNotes({ projectId });
+  const { mutate: deleteProject, isPending: isDeleting } = useDeleteProject();
+  const [addNoteOpen, setAddNoteOpen] = useState(false);
+  const [deleteModalOpen, setDeleteModalOpen] = useState(false);
+  const [logBlockerOpen, { open: openLogBlocker, close: closeLogBlocker }] = useDisclosure(false);
+  const [createTaskOpen, { open: openCreateTask, close: closeCreateTask }] = useDisclosure(false);
+  const [addMilestoneOpen, { open: openAddMilestone, close: closeAddMilestone }] = useDisclosure(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 = sortMilestonesForTimeline(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;
+  const activeMilestoneIndex = milestones.reduce(
+    (lastIndex, milestone, index) => milestone.status !== "upcoming" ? index : lastIndex,
+    -1
+  );
+  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(" - ")
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      QuickActionsRow,
+      {
+        onCreateTask: openCreateTask,
+        onAddMilestone: openAddMilestone,
+        onLogBlocker: openLogBlocker,
+        onBack,
+        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__ */ jsx(Stack, { gap: "md", children: /* @__PURE__ */ jsx(
+            CardHeader,
+            {
+              icon: /* @__PURE__ */ jsx(IconFileDescription, { size: 18 }),
+              title: "Project Details",
+              rightSection: /* @__PURE__ */ jsxs(Group, { gap: 4, wrap: "wrap", justify: "flex-end", children: [
+                /* @__PURE__ */ jsx(Badge, { variant: "light", color: projectStatusColors[project.status || ""] || "gray", children: formatStatusLabel(project.status || "unknown") }),
+                /* @__PURE__ */ jsx(LinkedRecordChips, { dealId: project.deal_id, clientCompanyId: project.client_company_id }),
+                /* @__PURE__ */ jsx(Text, { size: "sm", ff: "monospace", c: "var(--color-text-subtle)", children: project.id }),
+                /* @__PURE__ */ jsx(CopyButton, { value: `/project work ${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__ */ jsx(Space, { my: "xs" }),
+          /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
+            project.description && /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "Description" }),
+              /* @__PURE__ */ jsx(Text, { size: "sm", children: project.description })
+            ] }),
+            /* @__PURE__ */ jsxs(SimpleGrid, { cols: 4, 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) })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "Contract Value" }),
+                /* @__PURE__ */ jsx(Text, { size: "sm", fw: 500, children: project.contract_value != null ? `$${project.contract_value.toLocaleString()}${project.metadata && project.metadata.rate_type === "hourly" ? "/hr" : ""}` : "-" })
+              ] })
+            ] }),
+            project.company && /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "Company" }),
+              /* @__PURE__ */ jsx(Text, { size: "sm", fw: 500, children: project.company.name }),
+              project.company.domain && /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: project.company.domain })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx(Space, { my: "xs" }),
+          /* @__PURE__ */ jsx(ResumeContextPreview, { tasks }),
+          /* @__PURE__ */ jsx(Space, { 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: "notes", children: "Notes" }),
+              /* @__PURE__ */ jsx(Tabs.Tab, { value: "activity", children: "Activity" })
+            ] }),
+            /* @__PURE__ */ jsxs(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: activeMilestoneIndex,
+                  bulletSize: 20,
+                  lineWidth: 3,
+                  color: "var(--color-primary)",
+                  styles: {
+                    itemBullet: {
+                      borderColor: "transparent",
+                      backgroundColor: "transparent",
+                      padding: 0,
+                      zIndex: 3,
+                      overflow: "visible",
+                      display: "flex",
+                      alignItems: "center",
+                      justifyContent: "center"
+                    },
+                    item: {
+                      "--_item-border-color": "color-mix(in srgb, var(--color-primary) 22%, transparent)",
+                      paddingBottom: "var(--mantine-spacing-xl)"
+                    },
+                    itemTitle: {
+                      color: "var(--color-text)"
+                    },
+                    itemBody: {
+                      marginTop: 0
+                    }
+                  },
+                  children: milestones.map((milestone) => {
+                    const milestoneTasks = tasks.filter((task) => task.milestone_id === milestone.id);
+                    const checklistItems = parseChecklist2(milestone);
+                    const completedChecklistItems = checklistItems.filter((item) => item.completed).length;
+                    const completedTasks = milestoneTasks.filter(
+                      (t) => isTaskDone(t.status ?? "planned")
+                    ).length;
+                    const progressNumerator = milestoneTasks.length > 0 ? completedTasks : completedChecklistItems;
+                    const progressDenominator = milestoneTasks.length > 0 ? milestoneTasks.length : checklistItems.length;
+                    return /* @__PURE__ */ jsx(
+                      Timeline.Item,
+                      {
+                        bullet: renderMilestoneBullet(milestone.status),
+                        title: /* @__PURE__ */ jsx("div", {}),
+                        children: /* @__PURE__ */ jsx(
+                          Paper,
+                          {
+                            p: "lg",
+                            radius: "md",
+                            style: {
+                              background: "transparent",
+                              border: "1px solid var(--color-border)",
+                              boxShadow: "none",
+                              position: "relative",
+                              overflow: "hidden"
+                            },
+                            children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+                              /* @__PURE__ */ jsxs(Group, { justify: "space-between", align: "flex-start", wrap: "wrap", children: [
+                                /* @__PURE__ */ jsxs(Stack, { gap: 6, style: { flex: 1, minWidth: 260 }, children: [
+                                  /* @__PURE__ */ jsxs(Group, { gap: "xs", wrap: "wrap", children: [
+                                    /* @__PURE__ */ jsx(Text, { fw: 700, size: "lg", c: "var(--color-text)", children: milestone.name }),
+                                    /* @__PURE__ */ jsx(
+                                      Badge,
+                                      {
+                                        variant: "light",
+                                        color: milestoneStatusColors[milestone.status || ""] || "gray",
+                                        size: "sm",
+                                        styles: {
+                                          root: {
+                                            letterSpacing: "0.02em"
+                                          }
+                                        },
+                                        children: formatStatusLabel(milestone.status || "unknown")
+                                      }
+                                    )
+                                  ] }),
+                                  milestone.description && /* @__PURE__ */ jsx(Text, { size: "sm", c: "var(--color-text-dimmed)", maw: 900, children: milestone.description })
+                                ] }),
+                                /* @__PURE__ */ jsxs(Group, { gap: "xs", wrap: "wrap", children: [
+                                  milestone.due_date && /* @__PURE__ */ jsxs(
+                                    Badge,
+                                    {
+                                      variant: "outline",
+                                      size: "md",
+                                      styles: {
+                                        root: {
+                                          borderColor: "var(--border-primary-subtle)",
+                                          backgroundColor: "var(--surface-primary-faint)"
+                                        }
+                                      },
+                                      children: [
+                                        "Due ",
+                                        formatDate(milestone.due_date)
+                                      ]
+                                    }
+                                  ),
+                                  /* @__PURE__ */ jsxs(
+                                    Badge,
+                                    {
+                                      variant: "outline",
+                                      size: "md",
+                                      styles: {
+                                        root: {
+                                          borderColor: "var(--border-primary-soft)",
+                                          backgroundColor: "var(--color-surface)"
+                                        }
+                                      },
+                                      children: [
+                                        progressNumerator,
+                                        "/",
+                                        progressDenominator,
+                                        " complete"
+                                      ]
+                                    }
+                                  ),
+                                  milestoneTasks.length > 0 && /* @__PURE__ */ jsxs(
+                                    Badge,
+                                    {
+                                      variant: "outline",
+                                      size: "md",
+                                      styles: {
+                                        root: {
+                                          borderColor: "var(--border-primary-soft)",
+                                          backgroundColor: "var(--color-surface)"
+                                        }
+                                      },
+                                      children: [
+                                        milestoneTasks.length,
+                                        " tasks"
+                                      ]
+                                    }
+                                  )
+                                ] })
+                              ] }),
+                              /* @__PURE__ */ jsx(MilestoneChecklist, { milestone }),
+                              milestoneTasks.length > 0 && /* @__PURE__ */ jsx(Stack, { gap: "sm", children: milestoneTasks.map((task) => /* @__PURE__ */ jsx(
+                                Card,
+                                {
+                                  p: "sm",
+                                  radius: "md",
+                                  style: {
+                                    border: "1px solid var(--border-primary-faint)",
+                                    backgroundColor: "color-mix(in srgb, var(--color-surface-hover) 70%, var(--color-surface))",
+                                    boxShadow: "var(--standard-box-shadow)"
+                                  },
+                                  children: /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
+                                    /* @__PURE__ */ jsxs(Group, { gap: "xs", justify: "space-between", align: "flex-start", wrap: "wrap", children: [
+                                      /* @__PURE__ */ jsx(Text, { size: "sm", fw: 600, c: "var(--color-text)", children: task.name }),
+                                      /* @__PURE__ */ jsxs(Group, { gap: "xs", wrap: "wrap", 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")
+                                          }
+                                        )
+                                      ] })
+                                    ] }),
+                                    /* @__PURE__ */ jsx(ResumeContextView, { task })
+                                  ] })
+                                },
+                                task.id
+                              )) })
+                            ] })
+                          }
+                        )
+                      },
+                      milestone.id
+                    );
+                  })
+                }
+              ),
+              (() => {
+                const unassignedTasks = tasks.filter((task) => task.milestone_id == null);
+                if (unassignedTasks.length === 0) return null;
+                return /* @__PURE__ */ jsx(
+                  Paper,
+                  {
+                    p: "lg",
+                    radius: "md",
+                    mt: "xl",
+                    style: {
+                      border: "1px solid var(--color-border)",
+                      borderRadius: "var(--mantine-radius-default)"
+                    },
+                    children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+                      /* @__PURE__ */ jsxs(Group, { gap: "xs", wrap: "wrap", children: [
+                        /* @__PURE__ */ jsx(Text, { fw: 700, size: "lg", c: "var(--color-text)", children: "Unassigned" }),
+                        /* @__PURE__ */ jsx(Badge, { variant: "light", color: "gray", size: "sm", styles: { root: { letterSpacing: "0.02em" } }, children: "No milestone" }),
+                        /* @__PURE__ */ jsxs(
+                          Badge,
+                          {
+                            variant: "outline",
+                            size: "md",
+                            styles: {
+                              root: {
+                                borderColor: "var(--border-primary-soft)",
+                                backgroundColor: "var(--color-surface)"
+                              }
+                            },
+                            children: [
+                              unassignedTasks.length,
+                              " tasks"
+                            ]
+                          }
+                        )
+                      ] }),
+                      /* @__PURE__ */ jsx(Stack, { gap: "sm", children: unassignedTasks.map((task) => /* @__PURE__ */ jsx(
+                        Card,
+                        {
+                          p: "sm",
+                          radius: "md",
+                          style: {
+                            border: "1px solid var(--border-primary-faint)",
+                            backgroundColor: "color-mix(in srgb, var(--color-surface-hover) 70%, var(--color-surface))",
+                            boxShadow: "var(--standard-box-shadow)"
+                          },
+                          children: /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
+                            /* @__PURE__ */ jsxs(Group, { gap: "xs", justify: "space-between", align: "flex-start", wrap: "wrap", children: [
+                              /* @__PURE__ */ jsx(Text, { size: "sm", fw: 600, c: "var(--color-text)", children: task.name }),
+                              /* @__PURE__ */ jsxs(Group, { gap: "xs", wrap: "wrap", 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")
+                                  }
+                                )
+                              ] })
+                            ] }),
+                            /* @__PURE__ */ jsx(ResumeContextView, { task })
+                          ] })
+                        },
+                        task.id
+                      )) })
+                    ] })
+                  }
+                );
+              })()
+            ] }),
+            /* @__PURE__ */ jsx(Tabs.Panel, { value: "notes", pt: "md", children: /* @__PURE__ */ jsx(NotesTabContent, { notes, onAddNote: () => setAddNoteOpen(true) }) }),
+            /* @__PURE__ */ jsx(Tabs.Panel, { value: "activity", pt: "md", children: /* @__PURE__ */ jsx(ProjectActivityTimeline, { projectId }) })
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(AddNoteModal, { opened: addNoteOpen, onClose: () => setAddNoteOpen(false), projectId }),
+    /* @__PURE__ */ jsx(LogBlockerModal, { opened: logBlockerOpen, onClose: closeLogBlocker, projectId }),
+    /* @__PURE__ */ jsx(
+      CreateDeliveryEntityModal,
+      {
+        opened: createTaskOpen,
+        onClose: closeCreateTask,
+        projectId,
+        entityType: "task"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      CreateDeliveryEntityModal,
+      {
+        opened: addMilestoneOpen,
+        onClose: closeAddMilestone,
+        projectId,
+        entityType: "milestone"
+      }
+    ),
+    /* @__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, Checklist, CreateDeliveryEntityModal, DELIVERY_COMMUNICATION_ITEMS, DELIVERY_PROJECT_ITEMS, DELIVERY_WORK_ITEMS, HealthStatusCard, MilestoneTimeline, ProjectDetailPage, ProjectsListPage, ProjectsSidebar, ProjectsSidebarMiddle, ProjectsSidebarTop, TaskCard, UpcomingMilestonesPage };