@elevasis/ui 2.10.2 → 2.12.0

package/dist/{chunk-CLXMNMIS.js → chunk-TXZXMTZB.js}

@@ -5,16 +5,198 @@ import { SubshellNavItem } from './chunk-CEWTOKE7.js';
 import { SubshellSidebarSection } from './chunk-IIMU5YAJ.js';
 import { FilterBar } from './chunk-PDHTXPSF.js';
 import { CustomModal } from './chunk-GBMNCNHX.js';
-import { useProjects, useDeleteProject, useTableSort, sortData, usePaginationState, useTableSelection, useProject, useProjectNotes, useUpdateMilestone, useCreateNote } from './chunk-E3IFHX6A.js';
+import { useCreateTask, useCreateMilestone, useProjectMilestones, useUpdateTask, useProjects, useDeleteProject, useTableSort, sortData, usePaginationState, useTableSelection, useProjectRealtime, useProject, useProjectTasks, useProjectNotes, useUpdateMilestone, useProjectActivities, useCreateNote, showApiErrorNotification, projectKeys } from './chunk-WM7JTTPX.js';
 import { SubshellContentContainer } from './chunk-RX4UWZZR.js';
 import { StatusBadge, EmptyState, PageTitleCaption, CenteredErrorState, StatCard } from './chunk-SQQGLGHW.js';
-import { PAGE_SIZE_DEFAULT, formatTimeAgo, formatDate } from './chunk-IOKL7BKE.js';
+import { PAGE_SIZE_DEFAULT, formatTimeAgo, formatDate, formatRelativeTime } from './chunk-IOKL7BKE.js';
+import { useElevasisServices } from './chunk-QEPXAWE2.js';
 import { useRouterContext } from './chunk-Q7DJKLEN.js';
-import { SimpleGrid, Card, Stack, Group, ThemeIcon, Text, RingProgress, Paper, Timeline, Badge, Collapse, ActionIcon, Select, TextInput, Center, Loader, Table, Checkbox, Pagination, Title, Button, Alert, CopyButton, Tooltip, Divider, Tabs, Textarea } from '@mantine/core';
-import { IconNotes, IconBriefcase, IconChecklist, IconFlag, IconHeartbeat, IconFileText, IconCalendar, IconInbox, IconLock, IconAlertTriangle, IconCircleCheck, IconClock, IconChevronDown, IconChevronRight, IconDownload, IconListCheck, IconMessageCircle, IconSearch, IconArrowLeft, IconCheck, IconCopy, IconPlus, IconX } from '@tabler/icons-react';
+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, Divider, Tabs, 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, IconArrowLeft, IconCheck, IconCopy, IconTerminal2, IconCurrencyDollar, IconBuilding } from '@tabler/icons-react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { useState, useMemo } from 'react';
+import { useDisclosure, useClipboard } 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;
@@ -246,7 +428,20 @@ function MilestoneTimeline({ milestones, tasks }) {
     );
   }) }) });
 }
+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: [
@@ -272,7 +467,22 @@ function TaskCard({ task }) {
     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 = () => {
@@ -554,22 +764,273 @@ function ProjectsListPage({ onProjectClick } = {}) {
     )
   ] });
 }
+function isResumeContext(val) {
+  return !!val && typeof val === "object" && !Array.isArray(val);
+}
+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;
+  return /* @__PURE__ */ jsx(
+    Paper,
+    {
+      p: "sm",
+      style: {
+        border: "1px solid var(--color-border)",
+        borderRadius: "var(--mantine-radius-default)",
+        backgroundColor: "color-mix(in srgb, var(--color-primary) 5%, var(--color-surface))"
+      },
+      children: /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [
+        /* @__PURE__ */ jsx(Group, { gap: "xs", children: /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", children: [
+          "Last worked",
+          " ",
+          /* @__PURE__ */ jsx(Text, { component: "span", size: "xs", fw: 500, c: "var(--color-text)", children: formatRelativeTime(candidate.updated_at) }),
+          " ",
+          "on",
+          " ",
+          /* @__PURE__ */ jsx(Text, { component: "span", size: "xs", fw: 500, c: "var(--color-text)", children: candidate.name })
+        ] }) }),
+        ctx.current_state && /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", children: [
+          "Current state:",
+          " ",
+          /* @__PURE__ */ jsx(Text, { component: "span", size: "xs", c: "var(--color-text-subtle)", children: ctx.current_state })
+        ] }),
+        ctx.next_steps && /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", children: [
+          "Next:",
+          " ",
+          /* @__PURE__ */ jsx(Text, { component: "span", size: "xs", c: "var(--color-text-subtle)", children: ctx.next_steps })
+        ] })
+      ] })
+    }
+  );
+}
+var buildBootstrapCommand = (projectId) => `/project work ${projectId}`;
+function QuickActionsRow({
+  onCreateTask,
+  onAddMilestone,
+  onLogBlocker,
+  onResumeBootstrap
+}) {
+  return /* @__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(Tooltip, { label: "Copies bootstrap command to clipboard", children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "light",
+        size: "compact-sm",
+        color: "grape",
+        leftSection: /* @__PURE__ */ jsx(IconTerminal2, { size: 14 }),
+        onClick: onResumeBootstrap,
+        children: "Resume Bootstrap"
+      }
+    ) })
+  ] });
+}
+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" }
+];
+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" }
 ];
-function parseChecklist(milestone) {
+function parseChecklist2(milestone) {
   const raw = milestone.checklist;
   if (!Array.isArray(raw)) return [];
   return raw;
 }
 function MilestoneChecklist({ milestone }) {
-  const items = parseChecklist(milestone);
+  const items = parseChecklist2(milestone);
   const { mutate: updateMilestone } = useUpdateMilestone();
-  const [newItemLabel, setNewItemLabel] = useState("");
-  const [adding, setAdding] = useState(false);
   function saveChecklist(updated) {
     const allComplete = updated.length > 0 && updated.every((item) => item.completed);
     const wasComplete = milestone.status === "completed";
@@ -585,75 +1046,23 @@ function MilestoneChecklist({ milestone }) {
     }
     updateMilestone({ id: milestone.id, updates });
   }
-  function toggleItem(itemId) {
-    const updated = items.map((item) => item.id === itemId ? { ...item, completed: !item.completed } : item);
-    saveChecklist(updated);
-  }
-  function addItem() {
-    const label = newItemLabel.trim();
-    if (!label) return;
-    const newItem = { id: crypto.randomUUID(), label, completed: false };
-    saveChecklist([...items, newItem]);
-    setNewItemLabel("");
-  }
-  function removeItem(itemId) {
-    saveChecklist(items.filter((item) => item.id !== itemId));
-  }
-  const completedCount = items.filter((item) => item.completed).length;
-  return /* @__PURE__ */ jsxs(Stack, { gap: "xs", mt: "sm", children: [
-    items.length > 0 && /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", children: [
-      completedCount,
-      "/",
-      items.length,
-      " complete"
-    ] }),
-    items.map((item) => /* @__PURE__ */ jsxs(Group, { gap: "xs", wrap: "nowrap", children: [
-      /* @__PURE__ */ jsx(
-        Checkbox,
-        {
-          size: "xs",
-          checked: item.completed,
-          onChange: () => toggleItem(item.id),
-          label: /* @__PURE__ */ jsx(
-            Text,
-            {
-              size: "sm",
-              td: item.completed ? "line-through" : void 0,
-              c: item.completed ? "dimmed" : "var(--color-text-subtle)",
-              children: item.label
-            }
-          ),
-          styles: { input: { cursor: "pointer" }, label: { cursor: "pointer" } }
-        }
-      ),
-      /* @__PURE__ */ jsx(ActionIcon, { variant: "subtle", size: "xs", onClick: () => removeItem(item.id), style: { opacity: 0.4 }, children: /* @__PURE__ */ jsx(IconX, { size: 12 }) })
-    ] }, item.id)),
-    adding ? /* @__PURE__ */ jsx(
-      TextInput,
-      {
-        size: "xs",
-        placeholder: "Item label...",
-        value: newItemLabel,
-        onChange: (event) => setNewItemLabel(event.target.value),
-        onKeyDown: (event) => {
-          if (event.key === "Enter") {
-            addItem();
-            setAdding(false);
-          }
-          if (event.key === "Escape") {
-            setNewItemLabel("");
-            setAdding(false);
-          }
-        },
-        onBlur: () => {
-          if (newItemLabel.trim()) addItem();
-          setAdding(false);
-        },
-        autoFocus: true,
-        style: { maxWidth: 250 }
+  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));
       }
-    ) : /* @__PURE__ */ jsx(Group, { children: /* @__PURE__ */ jsx(Button, { variant: "subtle", size: "compact-xs", leftSection: /* @__PURE__ */ jsx(IconPlus, { size: 12 }), onClick: () => setAdding(true), children: "Add item" }) })
-  ] });
+    }
+  );
 }
 function AddNoteModal({ opened, onClose, projectId }) {
   const [noteType, setNoteType] = useState("call_note");
@@ -711,12 +1120,69 @@ function AddNoteModal({ opened, onClose, projectId }) {
     ] })
   ] }) });
 }
+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: milestones = [] } = useProjectMilestones(projectId);
+  const { data: tasks = [] } = useProjectTasks(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);
+  const clipboard = useClipboard({ timeout: 2e3 });
   if (isLoading) {
     return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsx(Center, { style: { flex: 1 }, children: /* @__PURE__ */ jsx(Loader, {}) }) });
   }
@@ -726,8 +1192,6 @@ function ProjectDetailPage({ projectId, onBack, backLabel = "Projects" }) {
   if (!project) {
     return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsx(Center, { style: { flex: 1 }, children: /* @__PURE__ */ jsx(Alert, { color: "yellow", children: "Project not found" }) }) });
   }
-  const milestones = project.milestones ?? [];
-  const tasks = project.tasks ?? [];
   const totalMilestones = milestones.length;
   const completedMilestones = milestones.filter((milestone) => milestone.status === "completed").length;
   const totalTasks = tasks.length;
@@ -735,6 +1199,8 @@ function ProjectDetailPage({ projectId, onBack, backLabel = "Projects" }) {
   const milestoneProgress = calculateProgress(completedMilestones, totalMilestones);
   const taskProgress = calculateProgress(approvedTasks, totalTasks);
   const companyName = project.company?.name ?? null;
+  const isEmpty = milestones.length === 0 && tasks.length === 0 && !notes?.length;
+  const defaultTab = isEmpty ? "details" : "status";
   return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsx(PageContainer, { children: /* @__PURE__ */ jsxs(Stack, { children: [
     /* @__PURE__ */ jsx(
       PageTitleCaption,
@@ -744,6 +1210,16 @@ function ProjectDetailPage({ projectId, onBack, backLabel = "Projects" }) {
         rightSection: /* @__PURE__ */ jsx(Group, { children: /* @__PURE__ */ jsx(Button, { variant: "light", size: "sm", leftSection: /* @__PURE__ */ jsx(IconArrowLeft, { size: 16 }), onClick: onBack, children: backLabel }) })
       }
     ),
+    /* @__PURE__ */ jsx(
+      QuickActionsRow,
+      {
+        projectId,
+        onCreateTask: openCreateTask,
+        onAddMilestone: openAddMilestone,
+        onLogBlocker: openLogBlocker,
+        onResumeBootstrap: () => clipboard.copy(buildBootstrapCommand(projectId))
+      }
+    ),
     /* @__PURE__ */ jsxs(SimpleGrid, { cols: 4, children: [
       /* @__PURE__ */ jsx(
         StatCard,
@@ -755,19 +1231,38 @@ function ProjectDetailPage({ projectId, onBack, backLabel = "Projects" }) {
           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: 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__ */ 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__ */ jsx(ResumeContextPreview, { tasks }),
     /* @__PURE__ */ jsxs(
       Paper,
       {
@@ -784,8 +1279,18 @@ function ProjectDetailPage({ projectId, onBack, backLabel = "Projects" }) {
                 /* @__PURE__ */ jsx(Badge, { variant: "light", color: projectStatusColors[project.status || ""] || "gray", children: formatStatusLabel(project.status || "unknown") })
               ] }),
               /* @__PURE__ */ jsxs(Group, { gap: 4, children: [
+                /* @__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.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(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__ */ jsxs(Group, { gap: "lg", children: [
@@ -812,7 +1317,7 @@ function ProjectDetailPage({ projectId, onBack, backLabel = "Projects" }) {
             ] })
           ] }),
           /* @__PURE__ */ jsx(Divider, { my: "md" }),
-          /* @__PURE__ */ jsxs(Tabs, { defaultValue: "status", children: [
+          /* @__PURE__ */ jsxs(Tabs, { defaultValue: defaultTab, children: [
             /* @__PURE__ */ jsxs(Tabs.List, { children: [
               /* @__PURE__ */ jsx(Tabs.Tab, { value: "status", children: "Status" }),
               /* @__PURE__ */ jsx(Tabs.Tab, { value: "details", children: "Details" }),
@@ -856,7 +1361,15 @@ function ProjectDetailPage({ projectId, onBack, backLabel = "Projects" }) {
                       ) : void 0,
                       title: /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
                         /* @__PURE__ */ jsx(Text, { fw: 500, children: milestone.name }),
-                        /* @__PURE__ */ jsx(Badge, { variant: "light", color: milestoneStatusColors[milestone.status || ""] || "gray", size: "sm", children: formatStatusLabel(milestone.status || "unknown") }),
+                        /* @__PURE__ */ jsx(
+                          Badge,
+                          {
+                            variant: "light",
+                            color: milestoneStatusColors[milestone.status || ""] || "gray",
+                            size: "sm",
+                            children: formatStatusLabel(milestone.status || "unknown")
+                          }
+                        ),
                         milestone.due_date && /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", children: [
                           "Due ",
                           formatDate(milestone.due_date)
@@ -865,12 +1378,31 @@ function ProjectDetailPage({ projectId, onBack, backLabel = "Projects" }) {
                       children: [
                         milestone.description && /* @__PURE__ */ jsx(Text, { size: "sm", mt: "xs", children: milestone.description }),
                         /* @__PURE__ */ jsx(MilestoneChecklist, { milestone }),
-                        milestoneTasks.length > 0 && /* @__PURE__ */ jsx(Stack, { gap: "xs", mt: "sm", children: milestoneTasks.map((task) => /* @__PURE__ */ jsx(Card, { withBorder: true, p: "xs", children: /* @__PURE__ */ jsxs(Group, { gap: "xs", justify: "space-between", children: [
-                          /* @__PURE__ */ jsx(Text, { size: "sm", fw: 500, children: task.name }),
-                          /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
-                            /* @__PURE__ */ jsx(Badge, { variant: "light", color: taskTypeColors[task.type || ""] || "gray", size: "xs", children: formatStatusLabel(task.type || "other") }),
-                            /* @__PURE__ */ jsx(Badge, { variant: "light", color: taskStatusColors[task.status || ""] || "gray", size: "xs", children: formatStatusLabel(task.status || "pending") })
-                          ] })
+                        milestoneTasks.length > 0 && /* @__PURE__ */ jsx(Stack, { gap: "xs", mt: "sm", children: milestoneTasks.map((task) => /* @__PURE__ */ jsx(Card, { withBorder: true, p: "xs", children: /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
+                          /* @__PURE__ */ jsxs(Group, { gap: "xs", justify: "space-between", children: [
+                            /* @__PURE__ */ jsx(Text, { size: "sm", fw: 500, children: task.name }),
+                            /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+                              /* @__PURE__ */ jsx(
+                                Badge,
+                                {
+                                  variant: "light",
+                                  color: taskTypeColors[task.type || ""] || "gray",
+                                  size: "xs",
+                                  children: formatStatusLabel(task.type || "other")
+                                }
+                              ),
+                              /* @__PURE__ */ jsx(
+                                Badge,
+                                {
+                                  variant: "light",
+                                  color: taskStatusColors[task.status || ""] || "gray",
+                                  size: "xs",
+                                  children: formatStatusLabel(task.status || "pending")
+                                }
+                              )
+                            ] })
+                          ] }),
+                          /* @__PURE__ */ jsx(InlineResumeContextEditor, { task, projectId })
                         ] }) }, task.id)) })
                       ]
                     },
@@ -880,6 +1412,7 @@ function ProjectDetailPage({ projectId, onBack, backLabel = "Projects" }) {
               }
             ) }),
             /* @__PURE__ */ jsx(Tabs.Panel, { value: "details", pt: "md", children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+              isEmpty && /* @__PURE__ */ jsx(Alert, { color: "blue", title: "Get started", children: "This project has no milestones, tasks, or notes yet. Add a milestone or create a task to begin tracking progress." }),
               /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
                 /* @__PURE__ */ jsx(Title, { order: 3, children: "Project Details" }),
                 project.description && /* @__PURE__ */ jsxs("div", { children: [
@@ -914,23 +1447,32 @@ function ProjectDetailPage({ projectId, onBack, backLabel = "Projects" }) {
                 project.company.domain && /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: project.company.domain })
               ] }) })
             ] }) }),
-            /* @__PURE__ */ jsx(Tabs.Panel, { value: "notes", pt: "md", children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
-              /* @__PURE__ */ jsx(Group, { justify: "flex-end", children: /* @__PURE__ */ jsx(Button, { variant: "light", size: "sm", leftSection: /* @__PURE__ */ jsx(IconPlus, { size: 16 }), onClick: () => setAddNoteOpen(true), children: "Add Note" }) }),
-              !notes?.length ? /* @__PURE__ */ jsx(Text, { c: "dimmed", size: "sm", children: "No notes yet." }) : /* @__PURE__ */ jsx(Stack, { gap: "sm", children: notes.map((note) => /* @__PURE__ */ jsx(Card, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
-                /* @__PURE__ */ jsxs(Group, { justify: "space-between", children: [
-                  /* @__PURE__ */ jsx(Badge, { variant: "light", color: noteTypeColors[note.type || ""] || "gray", size: "sm", children: formatStatusLabel(note.type || "note") }),
-                  /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: formatTimeAgo(note.occurred_at) })
-                ] }),
-                note.summary && /* @__PURE__ */ jsx(Text, { size: "sm", fw: 500, children: note.summary }),
-                /* @__PURE__ */ jsx(Text, { size: "sm", children: note.content })
-              ] }) }, note.id)) })
-            ] }) }),
-            /* @__PURE__ */ jsx(Tabs.Panel, { value: "activity", pt: "md", children: /* @__PURE__ */ jsx(Text, { c: "dimmed", size: "sm", children: "Activity feed coming soon." }) })
+            /* @__PURE__ */ jsx(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" }),
@@ -963,4 +1505,4 @@ function ProjectDetailPage({ projectId, onBack, backLabel = "Projects" }) {
   ] }) }) });
 }
 
-export { AllTasksPage, DELIVERY_COMMUNICATION_ITEMS, DELIVERY_PROJECT_ITEMS, DELIVERY_WORK_ITEMS, HealthStatusCard, MilestoneTimeline, ProjectDetailPage, ProjectsListPage, ProjectsSidebar, ProjectsSidebarMiddle, ProjectsSidebarTop, TaskCard, UpcomingMilestonesPage, calculateProgress, deliveryManifest, formatStatusLabel, milestoneStatusColors, noteTypeColors, projectStatusColors, taskStatusColors, taskTypeColors };
+export { AllTasksPage, Checklist, CreateDeliveryEntityModal, DELIVERY_COMMUNICATION_ITEMS, DELIVERY_PROJECT_ITEMS, DELIVERY_WORK_ITEMS, HealthStatusCard, MilestoneTimeline, ProjectDetailPage, ProjectsListPage, ProjectsSidebar, ProjectsSidebarMiddle, ProjectsSidebarTop, TaskCard, UpcomingMilestonesPage, calculateProgress, deliveryManifest, formatStatusLabel, milestoneStatusColors, noteTypeColors, projectStatusColors, taskStatusColors, taskTypeColors };