@elevasis/ui 2.17.0 → 2.18.0

package/dist/charts/index.js

@@ -1,6 +1,6 @@
-export { ActivityTrendChart, ChartFrame, CombinedTrendChart, CostTrendChart, CyberAreaChart, CyberDonut, CyberDonutTooltip, CyberLegendItem, HeroStatsRow, getSeriesColor, useCyberColors } from '../chunk-MJ6YV2B5.js';
+export { ActivityTrendChart, ChartFrame, CombinedTrendChart, CostTrendChart, CyberAreaChart, CyberDonut, CyberDonutTooltip, CyberLegendItem, HeroStatsRow, getSeriesColor, useCyberColors } from '../chunk-DDZMBNTY.js';
 import '../chunk-QSTH6T77.js';
-import '../chunk-TTP62HWW.js';
+import '../chunk-SQPM2QDH.js';
 import '../chunk-SZHARWKU.js';
 import '../chunk-3KMDHCAR.js';
 import '../chunk-NYBEU5TE.js';

package/dist/{chunk-ABUDMATM.js → chunk-66VY5EMV.js}

@@ -1,11 +1,11 @@
 import { ResourceHealthChart } from './chunk-LGKLC5MG.js';
-import { useCyberColors, HeroStatsRow } from './chunk-MJ6YV2B5.js';
+import { useCyberColors, HeroStatsRow } from './chunk-DDZMBNTY.js';
 import { AppShellCenteredContainer, AppShellLoader } from './chunk-M25JL54Z.js';
 import { STATUS_COLORS, getStatusIcon, formatDuration, getStatusColors, AGENT_CONSTANTS, shouldAnimateEdge, TIMELINE_CONSTANTS, calculateBarPosition, CONTAINER_CONSTANTS, useExecutionPath, useUnifiedWorkflowLayout, WORKFLOW_CONSTANTS, useReactFlowAgent } from './chunk-E4WQGJNS.js';
-import { useExecuteResource, useDashboardMetrics, useResources, useTimeRangeDates, useUnresolvedErrors, useRecentExecutionsByResource, useCommandQueue, useScheduledTasks, useResourcesHealth } from './chunk-R7GKX4HW.js';
+import { useExecuteResource, useDashboardMetrics, useResources, useTimeRangeDates, useUnresolvedErrors, useRecentExecutionsByResource, useCommandQueue, useScheduledTasks, useResourcesHealth } from './chunk-EY322HXF.js';
 import { Graph_module_css_default, useDirectedChainHighlighting, useNodeSelection, useFitViewTrigger } from './chunk-22UVE3RA.js';
 import { glassBase } from './chunk-R73EHHPN.js';
-import { GlowDot, CardHeader, EmptyState, PageTitleCaption, TabCountBadge } from './chunk-TTP62HWW.js';
+import { GlowDot, CardHeader, EmptyState, PageTitleCaption, TabCountBadge } from './chunk-SQPM2QDH.js';
 import { formatTimeAgo, getTimeRangeDates, formatRelativeTime } from './chunk-GCBWGGI6.js';
 import { ResourceStatusColors } from './chunk-KRWALB24.js';
 import { useInitialization } from './chunk-DK2HVHCY.js';
@@ -1682,7 +1682,7 @@ function OperationalOverview({
   const errors = errorData?.errors ?? [];
   const errorCount = errorData?.total ?? 0;
   const { data: allCommands } = useCommandQueue({ status: "pending", limit: 100 });
-  const commands = allCommands ?? [];
+  const commands = allCommands?.tasks ?? [];
   const commandCount = commands.length;
   const { data: allTasks, isLoading: tasksLoading } = useScheduledTasks();
   const tasks = allTasks ?? [];

package/dist/{chunk-2TDZBYXI.js → chunk-A2AZY5SF.js}

@@ -1,5 +1,5 @@
 import { SubshellContainer, SubshellSidebar, SubshellRightSideContainer } from './chunk-RX4UWZZR.js';
-import { FeatureUnavailableState } from './chunk-TTP62HWW.js';
+import { FeatureUnavailableState } from './chunk-SQPM2QDH.js';
 import { useRouterContext } from './chunk-Q7DJKLEN.js';
 import { useInitialization } from './chunk-DK2HVHCY.js';
 import { useOrganization } from './chunk-DD3CCMCZ.js';

package/dist/{chunk-FNWWVX5N.js → chunk-B6FIIEFO.js}

@@ -5,18 +5,18 @@ 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 { useProjectRealtime, useTableSort, sortData, usePaginationState, useTableSelection, useProjectActivities } from './chunk-R7GKX4HW.js';
+import { useProjectRealtime, useTableSort, sortData, usePaginationState, useTableSelection, useProjectActivities } from './chunk-EY322HXF.js';
 import { useCreateTask, useCreateMilestone, useProjectMilestones, useUpdateTask, useProjects, useDeleteProject, useProject, useProjectNotes, useUpdateMilestone, useCreateNote, showApiErrorNotification, projectKeys } from './chunk-GRGRBWIO.js';
 import { SubshellContentContainer } from './chunk-RX4UWZZR.js';
-import { StatusBadge, EmptyState, PageTitleCaption, CenteredErrorState, StatCard } from './chunk-TTP62HWW.js';
+import { StatusBadge, EmptyState, PageTitleCaption, CenteredErrorState, StatCard } from './chunk-SQPM2QDH.js';
 import { useRouterContext } from './chunk-Q7DJKLEN.js';
 import { PAGE_SIZE_DEFAULT, formatTimeAgo, formatDate, formatRelativeTime } from './chunk-GCBWGGI6.js';
 import { useElevasisServices } from './chunk-IRW7JMQ4.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, 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 { IconNotes, IconBriefcase, IconChecklist, IconFlag, IconX, IconPlus, IconHeartbeat, IconFileText, IconCalendar, IconInbox, IconLock, IconAlertTriangle, IconCircleCheck, IconClock, IconChevronDown, IconChevronRight, IconDownload, IconListCheck, IconMessageCircle, IconSearch, IconArrowLeft, IconCheck, IconCopy, IconCurrencyDollar, IconBuilding } from '@tabler/icons-react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { useDisclosure, useClipboard } from '@mantine/hooks';
+import { useDisclosure } from '@mantine/hooks';
 import { useQueryClient, useMutation } from '@tanstack/react-query';
 
 function Checklist({ items, onToggle, onAdd, onRemove }) {
@@ -809,13 +809,7 @@ function ResumeContextPreview({ tasks }) {
     }
   );
 }
-var buildBootstrapCommand = (projectId) => `/project work ${projectId}`;
-function QuickActionsRow({
-  onCreateTask,
-  onAddMilestone,
-  onLogBlocker,
-  onResumeBootstrap
-}) {
+function QuickActionsRow({ onCreateTask, onAddMilestone, onLogBlocker }) {
   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" }),
@@ -829,18 +823,7 @@ function QuickActionsRow({
         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 }) {
@@ -1033,6 +1016,61 @@ function parseChecklist2(milestone) {
   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 getMilestoneSurfaceStyles(status) {
+  const normalizedStatus = status ?? "upcoming";
+  const accent = normalizedStatus === "completed" ? "var(--color-primary)" : normalizedStatus === "in_progress" ? "color-mix(in srgb, var(--color-primary) 72%, white)" : "color-mix(in srgb, var(--color-primary) 36%, var(--color-border))";
+  const background = normalizedStatus === "completed" ? "var(--color-primary)" : normalizedStatus === "in_progress" ? "linear-gradient(180deg, color-mix(in srgb, var(--color-primary) 7%, var(--color-surface)) 0%, var(--color-surface) 100%)" : "linear-gradient(180deg, color-mix(in srgb, var(--color-primary) 3%, var(--color-surface)) 0%, var(--color-surface) 100%)";
+  return {
+    accent,
+    background
+  };
+}
 function MilestoneChecklist({ milestone }) {
   const items = parseChecklist2(milestone);
   const { mutate: updateMilestone } = useUpdateMilestone();
@@ -1185,7 +1223,6 @@ function ProjectDetailPage({ projectId, onBack, backLabel = "Projects" }) {
   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, {}) }) });
   }
@@ -1195,7 +1232,7 @@ 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 milestones = sortMilestonesForTimeline(project.milestones ?? []);
   const tasks = project.tasks ?? [];
   const totalMilestones = milestones.length;
   const completedMilestones = milestones.filter((milestone) => milestone.status === "completed").length;
@@ -1204,6 +1241,10 @@ function ProjectDetailPage({ projectId, onBack, backLabel = "Projects" }) {
   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
+  );
   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: [
@@ -1218,11 +1259,9 @@ function ProjectDetailPage({ projectId, onBack, backLabel = "Projects" }) {
     /* @__PURE__ */ jsx(
       QuickActionsRow,
       {
-        projectId,
         onCreateTask: openCreateTask,
         onAddMilestone: openAddMilestone,
-        onLogBlocker: openLogBlocker,
-        onResumeBootstrap: () => clipboard.copy(buildBootstrapCommand(projectId))
+        onLogBlocker: openLogBlocker
       }
     ),
     /* @__PURE__ */ jsxs(SimpleGrid, { cols: 4, children: [
@@ -1332,84 +1371,204 @@ function ProjectDetailPage({ projectId, onBack, backLabel = "Projects" }) {
             /* @__PURE__ */ jsx(Tabs.Panel, { value: "status", pt: "md", children: milestones.length === 0 ? /* @__PURE__ */ jsx(Text, { c: "dimmed", size: "sm", children: "No milestones yet." }) : /* @__PURE__ */ jsx(
               Timeline,
               {
-                active: completedMilestones,
+                active: activeMilestoneIndex,
                 bulletSize: 20,
+                lineWidth: 3,
                 color: "var(--color-primary)",
                 styles: {
                   itemBullet: {
-                    borderColor: "color-mix(in srgb, var(--color-primary) 40%, transparent)",
-                    backgroundColor: "var(--color-surface)"
+                    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) 25%, transparent)"
+                    "--_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);
-                  return /* @__PURE__ */ jsxs(
+                  const checklistItems = parseChecklist2(milestone);
+                  const completedChecklistItems = checklistItems.filter((item) => item.completed).length;
+                  const { accent, background } = getMilestoneSurfaceStyles(milestone.status);
+                  return /* @__PURE__ */ jsx(
                     Timeline.Item,
                     {
-                      bullet: milestone.status === "completed" ? /* @__PURE__ */ jsx(
-                        "div",
+                      bullet: renderMilestoneBullet(milestone.status),
+                      title: /* @__PURE__ */ jsx("div", {}),
+                      children: /* @__PURE__ */ jsxs(
+                        Paper,
                         {
+                          p: "lg",
+                          radius: "md",
                           style: {
-                            width: 12,
-                            height: 12,
-                            borderRadius: "50%",
-                            backgroundColor: "var(--color-primary)",
-                            boxShadow: "0 0 8px var(--color-primary), 0 0 16px color-mix(in srgb, var(--color-primary) 50%, transparent)"
-                          }
-                        }
-                      ) : void 0,
-                      title: /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
-                        /* @__PURE__ */ jsx(Text, { fw: 500, children: milestone.name }),
-                        /* @__PURE__ */ jsx(
-                          Badge,
-                          {
-                            variant: "light",
-                            color: milestoneStatusColors[milestone.status || ""] || "gray",
-                            size: "sm",
-                            children: formatStatusLabel(milestone.status || "unknown")
-                          }
-                        ),
-                        milestone.due_date && /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", children: [
-                          "Due ",
-                          formatDate(milestone.due_date)
-                        ] })
-                      ] }),
-                      children: [
-                        milestone.description && /* @__PURE__ */ jsx(Text, { size: "sm", mt: "xs", children: milestone.description }),
-                        /* @__PURE__ */ jsx(MilestoneChecklist, { milestone }),
-                        milestoneTasks.length > 0 && /* @__PURE__ */ jsx(Stack, { gap: "xs", mt: "sm", children: milestoneTasks.map((task) => /* @__PURE__ */ jsx(Card, { withBorder: true, p: "xs", children: /* @__PURE__ */ jsxs(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")
+                            background,
+                            border: `1px solid color-mix(in srgb, ${accent} 24%, var(--color-border))`,
+                            boxShadow: "var(--card-shadow)",
+                            position: "relative",
+                            overflow: "hidden"
+                          },
+                          children: [
+                            /* @__PURE__ */ jsx(
+                              "div",
+                              {
+                                style: {
+                                  position: "absolute",
+                                  inset: "0 auto 0 0",
+                                  width: 3,
+                                  background: `linear-gradient(180deg, ${accent} 0%, color-mix(in srgb, ${accent} 30%, transparent) 100%)`
                                 }
-                              ),
-                              /* @__PURE__ */ jsx(
-                                Badge,
+                              }
+                            ),
+                            /* @__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: milestone.status === "completed" ? "var(--color-background)" : "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: milestone.status === "completed" ? "color-mix(in srgb, var(--color-background) 82%, transparent)" : "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: "color-mix(in srgb, var(--color-primary) 18%, var(--color-border))",
+                                          backgroundColor: "color-mix(in srgb, var(--color-primary) 5%, var(--color-surface))"
+                                        }
+                                      },
+                                      children: [
+                                        "Due ",
+                                        formatDate(milestone.due_date)
+                                      ]
+                                    }
+                                  ),
+                                  /* @__PURE__ */ jsxs(
+                                    Badge,
+                                    {
+                                      variant: "outline",
+                                      size: "md",
+                                      styles: {
+                                        root: {
+                                          borderColor: "color-mix(in srgb, var(--color-primary) 16%, var(--color-border))",
+                                          backgroundColor: "var(--color-surface)"
+                                        }
+                                      },
+                                      children: [
+                                        completedChecklistItems,
+                                        "/",
+                                        checklistItems.length,
+                                        " complete"
+                                      ]
+                                    }
+                                  ),
+                                  milestoneTasks.length > 0 && /* @__PURE__ */ jsxs(
+                                    Badge,
+                                    {
+                                      variant: "outline",
+                                      size: "md",
+                                      styles: {
+                                        root: {
+                                          borderColor: "color-mix(in srgb, var(--color-primary) 16%, var(--color-border))",
+                                          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,
                                 {
-                                  variant: "light",
-                                  color: taskStatusColors[task.status || ""] || "gray",
-                                  size: "xs",
-                                  children: formatStatusLabel(task.status || "pending")
-                                }
-                              )
+                                  p: "sm",
+                                  radius: "md",
+                                  style: {
+                                    border: "1px solid color-mix(in srgb, var(--color-primary) 12%, var(--color-border))",
+                                    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
+                              )) })
                             ] })
-                          ] }),
-                          /* @__PURE__ */ jsx(InlineResumeContextEditor, { task, projectId })
-                        ] }) }, task.id)) })
-                      ]
+                          ]
+                        }
+                      )
                     },
                     milestone.id
                   );

package/dist/{chunk-MJ6YV2B5.js → chunk-DDZMBNTY.js}

@@ -1,5 +1,5 @@
 import { useErrorTrends } from './chunk-QSTH6T77.js';
-import { CardHeader, CenteredErrorState, TrendIndicator, EmptyState, StatCard } from './chunk-TTP62HWW.js';
+import { CardHeader, CenteredErrorState, TrendIndicator, EmptyState, StatCard } from './chunk-SQPM2QDH.js';
 import { getTimeRangeLabel, getTimeRangeDates, formatBucketTime } from './chunk-GCBWGGI6.js';
 import { useRef, useState, useLayoutEffect, useEffect, useMemo, useCallback } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';