@elevasis/ui 2.34.0 → 2.35.0

package/dist/chunk-IVGI4GDL.js

@@ -1,1593 +0,0 @@
-import { SubshellNavItem } from './chunk-X4WBGKJQ.js';
-import { SubshellSidebarSection } from './chunk-IIMU5YAJ.js';
-import { milestoneStatusColors, formatStatusLabel, taskTypeColors, taskStatusColors, projectStatusColors, calculateProgress, noteTypeColors } from './chunk-R2XR4FCV.js';
-import { PageContainer } from './chunk-BZZCNLT6.js';
-import { TableSelectionToolbar, SortableHeader } from './chunk-TUMSNGTX.js';
-import { FilterBar } from './chunk-PDHTXPSF.js';
-import { CustomModal } from './chunk-R66W5UDG.js';
-import { useProjectRealtime, useTableSort, sortData, usePaginationState, useTableSelection, useProjectActivities } from './chunk-IGDYWFNE.js';
-import { useCreateTask, useCreateMilestone, useProjectMilestones, useUpdateTask, useProjects, useDeleteProject, useProject, useProjectNotes, useUpdateMilestone, useCreateNote, showApiErrorNotification, projectKeys } from './chunk-XZGSCABI.js';
-import { StatusBadge, EmptyState, PageTitleCaption, CenteredErrorState, StatCard, CardHeader } from './chunk-HRWLKKWM.js';
-import { SubshellContentContainer } from './chunk-TKAYX2SP.js';
-import { PROJECTS_VIEW_ACTION_ID } from './chunk-DTFKWZ7A.js';
-import { useRouterContext } from './chunk-Q7DJKLEN.js';
-import { PAGE_SIZE_DEFAULT, formatTimeAgo, formatDate, formatRelativeTime } from './chunk-2RJMVWFJ.js';
-import { useElevasisServices } from './chunk-KJ3QUBNU.js';
-import { useState, useMemo, useCallback } 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 } 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';
-import { useQueryClient, useMutation } from '@tanstack/react-query';
-
-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, {})
-  ] });
-};
-var deliveryManifest = {
-  key: "delivery",
-  systemId: "projects",
-  capabilityIds: [PROJECTS_VIEW_ACTION_ID],
-  icon: IconBriefcase
-};
-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: "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" })
-          ] })
-        ] })
-      }
-    )
-  ] });
-}
-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 isResumeContext2(val) {
-  return !!val && typeof val === "object" && !Array.isArray(val);
-}
-function extractContext(task) {
-  if (isResumeContext2(task.resume_context)) return task.resume_context;
-  return {};
-}
-function useMergeResumeContext() {
-  const { apiRequest } = useElevasisServices();
-  const queryClient = useQueryClient();
-  return useMutation({
-    mutationFn: async ({ taskId, patch }) => {
-      const res = await apiRequest(`/project-tasks/${taskId}/resume-context`, {
-        method: "PATCH",
-        body: JSON.stringify(patch)
-      });
-      return res.task;
-    },
-    onSuccess: (_data, variables) => {
-      queryClient.invalidateQueries({ queryKey: projectKeys.tasks(variables.projectId) });
-    },
-    onError: (error) => {
-      showApiErrorNotification(error);
-    }
-  });
-}
-function InlineResumeContextEditor({ task, projectId }) {
-  const [expanded, setExpanded] = useState(false);
-  const ctx = extractContext(task);
-  const [currentState, setCurrentState] = useState(ctx.current_state ?? "");
-  const [nextSteps, setNextSteps] = useState(ctx.next_steps ?? "");
-  const [filesModified, setFilesModified] = useState(typeof ctx.files_modified === "string" ? ctx.files_modified : "");
-  const { mutate: mergeContext, isPending } = useMergeResumeContext();
-  const save = useCallback(
-    (patch) => {
-      const nonEmpty = Object.fromEntries(Object.entries(patch).filter(([, v]) => v !== void 0));
-      if (Object.keys(nonEmpty).length === 0) return;
-      mergeContext({ taskId: task.id, projectId, patch: nonEmpty });
-    },
-    [mergeContext, task.id, projectId]
-  );
-  return /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [
-    /* @__PURE__ */ jsxs(Group, { gap: "xs", style: { cursor: "pointer", userSelect: "none" }, onClick: () => setExpanded((v) => !v), children: [
-      /* @__PURE__ */ jsx(ActionIcon, { variant: "subtle", size: "xs", tabIndex: -1, children: expanded ? /* @__PURE__ */ jsx(IconChevronDown, { size: 12 }) : /* @__PURE__ */ jsx(IconChevronRight, { size: 12 }) }),
-      /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "Resume context" }),
-      isPending && /* @__PURE__ */ jsx(Loader, { size: 10 })
-    ] }),
-    /* @__PURE__ */ jsx(Collapse, { in: expanded, children: /* @__PURE__ */ jsxs(Stack, { gap: "xs", pl: "md", pt: 4, children: [
-      /* @__PURE__ */ jsx(
-        Textarea,
-        {
-          label: "Current state",
-          placeholder: "What is the task's current state?",
-          size: "xs",
-          minRows: 2,
-          autosize: true,
-          value: currentState,
-          onChange: (e) => setCurrentState(e.target.value),
-          onBlur: () => {
-            if (currentState !== (ctx.current_state ?? "")) save({ current_state: currentState });
-          }
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        Textarea,
-        {
-          label: "Next steps",
-          placeholder: "What should happen next?",
-          size: "xs",
-          minRows: 2,
-          autosize: true,
-          value: nextSteps,
-          onChange: (e) => setNextSteps(e.target.value),
-          onBlur: () => {
-            if (nextSteps !== (ctx.next_steps ?? "")) save({ next_steps: nextSteps });
-          }
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        Textarea,
-        {
-          label: "Files modified (one per line)",
-          placeholder: "src/foo.ts\nsrc/bar.ts",
-          size: "xs",
-          minRows: 2,
-          autosize: true,
-          value: filesModified,
-          onChange: (e) => setFilesModified(e.target.value),
-          onBlur: () => {
-            const original = typeof ctx.files_modified === "string" ? ctx.files_modified : "";
-            if (filesModified !== original) save({ files_modified: filesModified });
-          }
-        }
-      )
-    ] }) })
-  ] });
-}
-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 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__ */ 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: 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;
-                  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: "none",
-                            borderTop: "1px solid var(--color-border)",
-                            borderRight: "1px solid var(--color-border)",
-                            borderBottom: "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: [
-                                      completedChecklistItems,
-                                      "/",
-                                      checklistItems.length,
-                                      " 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(InlineResumeContextEditor, { task, projectId })
-                                ] })
-                              },
-                              task.id
-                            )) })
-                          ] })
-                        }
-                      )
-                    },
-                    milestone.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, deliveryManifest };