@elevasis/ui 2.10.1 → 2.11.0

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

@@ -5,16 +5,125 @@ 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, useProjects, useDeleteProject, useTableSort, sortData, usePaginationState, useTableSelection, useProjectRealtime, useProject, useProjectTasks, useProjectNotes, useUpdateMilestone, useProjectActivities, useCreateNote, showApiErrorNotification, projectKeys } from './chunk-DOFVHWAP.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 { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { useState, useMemo } from 'react';
+import { useState, useMemo, useCallback } from 'react';
+import { Modal, Stack, Title, TextInput, Textarea, Select, Group, Button, SimpleGrid, Card, ThemeIcon, Text, RingProgress, Paper, Timeline, Badge, Collapse, ActionIcon, Center, Loader, Table, Checkbox, Pagination, Alert, CopyButton, Tooltip, Divider, Tabs, Anchor, Chip } from '@mantine/core';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { IconNotes, IconBriefcase, IconChecklist, IconFlag, IconHeartbeat, IconFileText, IconCalendar, IconInbox, IconLock, IconAlertTriangle, IconCircleCheck, IconClock, IconChevronDown, IconChevronRight, IconDownload, IconListCheck, IconMessageCircle, IconSearch, IconArrowLeft, IconCheck, IconCopy, IconX, IconPlus, IconTerminal2, IconCurrencyDollar, IconBuilding } from '@tabler/icons-react';
+import { useDisclosure, useClipboard } from '@mantine/hooks';
+import { useQueryClient, useMutation } from '@tanstack/react-query';
 
+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;
@@ -554,6 +663,252 @@ 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: () => save({ current_state: currentState || void 0 })
+        }
+      ),
+      /* @__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: () => save({ next_steps: nextSteps || void 0 })
+        }
+      ),
+      /* @__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: () => save({ files_modified: filesModified || void 0 })
+        }
+      )
+    ] }) })
+  ] });
+}
 var noteTypeOptions = [
   { value: "call_note", label: "Call Note" },
   { value: "status_update", label: "Status Update" },
@@ -652,7 +1007,16 @@ function MilestoneChecklist({ milestone }) {
         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" }) })
+    ) : /* @__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 }) {
@@ -711,12 +1075,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 +1147,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 +1154,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 +1165,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 +1186,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 +1234,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 +1272,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 +1316,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 +1333,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 +1367,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 +1402,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 +1460,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, 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 };