@elevasis/ui 2.11.0 → 2.12.0

package/dist/app/index.js

@@ -1,5 +1,5 @@
-import { ElevasisUIProvider } from '../chunk-DJBORKTR.js';
-import '../chunk-24UMQV5B.js';
+import { ElevasisUIProvider } from '../chunk-PXFV47B3.js';
+import '../chunk-TYWZABTP.js';
 import '../chunk-F4TPY6YL.js';
 import '../chunk-R7WLWGPO.js';
 import '../chunk-SZHARWKU.js';

package/dist/{chunk-BSCTPKXM.js → chunk-235RO24Z.js}

@@ -3,7 +3,7 @@ import { CustomModal } from './chunk-GBMNCNHX.js';
 import { CyberAreaChart, CostTrendChart, ActivityTrendChart } from './chunk-STZJ7SY5.js';
 import { AppShellLoader } from './chunk-YEX4MQSY.js';
 import { formatDuration } from './chunk-GHIPBT5V.js';
-import { useResolveError, useResolveAllErrors, usePaginationState, useErrorDetails, useMarkAsRead, useExecutionLogsFilters, useExecutionLogs, useExecutionHealth, useErrorAnalysis, useTimeRangeDates, useErrorDetail, useResolveErrorsByExecution, useResources, useCostTrends, useCostSummary, useCostByModel, useCostBreakdown, useActivityFilters, useActivityTrend, useActivities, useNotifications, useMarkAllAsRead, useTestNotification } from './chunk-DOFVHWAP.js';
+import { useResolveError, useResolveAllErrors, usePaginationState, useErrorDetails, useMarkAsRead, useExecutionLogsFilters, useExecutionLogs, useExecutionHealth, useErrorAnalysis, useTimeRangeDates, useErrorDetail, useResolveErrorsByExecution, useResources, useCostTrends, useCostSummary, useCostByModel, useCostBreakdown, useActivityFilters, useActivityTrend, useActivities, useNotifications, useMarkAllAsRead, useTestNotification } from './chunk-WM7JTTPX.js';
 import { formatBucketTime, getTimeRangeDates } from './chunk-LXHZYSMQ.js';
 import { CenteredErrorState, CardHeader, StatsCardSkeleton, TrendIndicator, DetailCardSkeleton, EmptyState, PageTitleCaption, JsonViewer } from './chunk-SQQGLGHW.js';
 import { PAGE_SIZE_DEFAULT } from './chunk-IOKL7BKE.js';

package/dist/{chunk-TNOIOBYI.js → chunk-7PLBPEBW.js}

@@ -1,11 +1,11 @@
-import { ResourceExecuteDialog } from './chunk-L34DFR2K.js';
+import { ResourceExecuteDialog } from './chunk-ZKCQEHEJ.js';
 import { TableSelectionToolbar, SortableHeader } from './chunk-TUMSNGTX.js';
 import { PageContainer } from './chunk-BZZCNLT6.js';
 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 { showApiErrorNotification, acquisitionListKeys, showSuccessNotification, useListsTelemetry, useLists, useCreateList, useTableSort, sortData, usePaginationState, useTableSelection, useList, useListProgress, useListExecutions, useResourceDefinition, useCompanies, useDeleteCompanies, useContacts, useDeleteContacts } from './chunk-DOFVHWAP.js';
+import { showApiErrorNotification, acquisitionListKeys, showSuccessNotification, useListsTelemetry, useLists, useCreateList, useTableSort, sortData, usePaginationState, useTableSelection, useList, useListProgress, useListExecutions, useResourceDefinition, useCompanies, useDeleteCompanies, useContacts, useDeleteContacts } from './chunk-WM7JTTPX.js';
 import { SubshellContentContainer } from './chunk-RX4UWZZR.js';
 import { PageTitleCaption, CenteredErrorState, StatCard, EmptyState } from './chunk-SQQGLGHW.js';
 import { useElevasisServices } from './chunk-QEPXAWE2.js';

package/dist/{chunk-KDAOCM66.js → chunk-ETWKPFOO.js}

@@ -1,4 +1,4 @@
-import { usePresetsContext } from './chunk-24UMQV5B.js';
+import { usePresetsContext } from './chunk-TYWZABTP.js';
 import { useMemo } from 'react';
 
 var BUILT_IN_NAMES = /* @__PURE__ */ new Set([

package/dist/{chunk-XYSMBMAR.js → chunk-F6SMVMFC.js}

@@ -1,8 +1,8 @@
 import { FilterBar } from './chunk-PDHTXPSF.js';
 import { CustomModal } from './chunk-GBMNCNHX.js';
 import { AppShellLoader } from './chunk-YEX4MQSY.js';
-import { useAvailablePresets } from './chunk-KDAOCM66.js';
-import { useDeleteCredential, useCreateCredential, useCredentials, MEMBERSHIP_STATUS_COLORS, transformMembershipToTableRow, useUserMemberships, useUpdateWebhookEndpoint, useResources, useDeleteWebhookEndpoint, useCreateWebhookEndpoint, useListWebhookEndpoints, useUpdateMemberConfig, useOrganizationMembers, useUpdateCredential, CredentialSchemas, showErrorNotification } from './chunk-DOFVHWAP.js';
+import { useAvailablePresets } from './chunk-ETWKPFOO.js';
+import { useDeleteCredential, useCreateCredential, useCredentials, MEMBERSHIP_STATUS_COLORS, transformMembershipToTableRow, useUserMemberships, useUpdateWebhookEndpoint, useResources, useDeleteWebhookEndpoint, useCreateWebhookEndpoint, useListWebhookEndpoints, useUpdateMemberConfig, useOrganizationMembers, useUpdateCredential, CredentialSchemas, showErrorNotification } from './chunk-WM7JTTPX.js';
 import { ListSkeleton, EmptyState, PageTitleCaption, CardHeader, APIErrorAlert, StatCard } from './chunk-SQQGLGHW.js';
 import { formatDateTime, OAUTH_POPUP_CHECK_INTERVAL, OAUTH_FLOW_TIMEOUT } from './chunk-IOKL7BKE.js';
 import { useInitialization } from './chunk-TUXTSEAF.js';

package/dist/{chunk-BLQLWIOW.js → chunk-GHCYUZZE.js}

@@ -2,10 +2,10 @@ import { ResourceHealthChart } from './chunk-LGKLC5MG.js';
 import { useCyberColors, HeroStatsRow } from './chunk-STZJ7SY5.js';
 import { AppShellCenteredContainer, AppShellLoader } from './chunk-YEX4MQSY.js';
 import { STATUS_COLORS, getStatusIcon, formatDuration, getStatusColors, AGENT_CONSTANTS, shouldAnimateEdge, TIMELINE_CONSTANTS, calculateBarPosition, CONTAINER_CONSTANTS, useExecutionPath, useUnifiedWorkflowLayout, WORKFLOW_CONSTANTS, useReactFlowAgent } from './chunk-GHIPBT5V.js';
-import { useExecuteResource, useDashboardMetrics, useResources, useTimeRangeDates, useUnresolvedErrors, useRecentExecutionsByResource, useCommandQueue, useScheduledTasks, useResourcesHealth } from './chunk-DOFVHWAP.js';
+import { useExecuteResource, useDashboardMetrics, useResources, useTimeRangeDates, useUnresolvedErrors, useRecentExecutionsByResource, useCommandQueue, useScheduledTasks, useResourcesHealth } from './chunk-WM7JTTPX.js';
 import { getTimeRangeDates } from './chunk-LXHZYSMQ.js';
 import { Graph_module_css_default, useDirectedChainHighlighting, useNodeSelection, useFitViewTrigger } from './chunk-22UVE3RA.js';
-import { glassBase } from './chunk-24UMQV5B.js';
+import { glassBase } from './chunk-TYWZABTP.js';
 import { GlowDot, CardHeader, EmptyState, PageTitleCaption, TabCountBadge } from './chunk-SQQGLGHW.js';
 import { ResourceStatusColors } from './chunk-ELJIFLCB.js';
 import { formatTimeAgo, formatRelativeTime } from './chunk-IOKL7BKE.js';
@@ -16,6 +16,7 @@ import { jsxs, jsx, Fragment as Fragment$1 } from 'react/jsx-runtime';
 import { Position, Handle, getSmoothStepPath, BaseEdge as BaseEdge$1, EdgeLabelRenderer, Panel, useReactFlow, Controls, ReactFlowProvider, ReactFlow } from '@xyflow/react';
 import { IconPlayerPlay, IconPlayerStop, IconArrowsSplit, IconSquare, IconFocus2, IconArrowUpRight, IconLayoutDashboard, IconActivity, IconAlertTriangle, IconHandStop, IconCalendarEvent, IconCircleCheck, IconBrain, IconGitBranch } from '@tabler/icons-react';
 import '@xyflow/react/dist/style.css';
+import { z } from 'zod';
 import { notifications } from '@mantine/notifications';
 import { useForm } from '@mantine/form';
 import '@mantine/charts/styles.css';
@@ -1398,6 +1399,7 @@ function ZodFormRenderer({
     /* @__PURE__ */ jsx(Button, { type: "submit", loading: isPending, fullWidth: true, children: submitLabel })
   ] }) });
 }
+var isZodSchema = (value) => value instanceof z.ZodType;
 function RunResourceButton({
   resourceId,
   resourceType,
@@ -1439,12 +1441,10 @@ function RunResourceButton({
   );
   const handleClick = useCallback(() => {
     const result = getInput();
-    if ("schema" in result) {
-      const withSchema = result;
-      setModalState({
-        schema: withSchema.schema,
-        defaults: "defaults" in result ? result.defaults : void 0
-      });
+    const maybeSchema = result.schema;
+    if (isZodSchema(maybeSchema)) {
+      const defaults = result.defaults;
+      setModalState({ schema: maybeSchema, defaults });
     } else {
       void handleExecute(result);
     }

package/dist/{chunk-23PZ57GB.js → chunk-ISVFJCPP.js}

@@ -1,5 +1,5 @@
 import { useCyberColors, CyberLegendItem, CyberAreaChart } from './chunk-STZJ7SY5.js';
-import { useResourcesHealth } from './chunk-DOFVHWAP.js';
+import { useResourcesHealth } from './chunk-WM7JTTPX.js';
 import { getTimeRangeDates, formatBucketTime } from './chunk-LXHZYSMQ.js';
 import { CardHeader, EmptyState } from './chunk-SQQGLGHW.js';
 import { Paper, Center, Loader, Group } from '@mantine/core';

package/dist/{chunk-AQDBRRZD.js → chunk-MISBW6WW.js}

@@ -4,7 +4,7 @@ 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 { useDealTasksDue, useDeals, useCreateDealTask, useDeleteDeal, useTableSort, sortData, usePaginationState, useTableSelection, useDealDetail, useCompany } from './chunk-DOFVHWAP.js';
+import { useDealTasksDue, useDeals, useCreateDealTask, useDeleteDeal, useTableSort, sortData, usePaginationState, useTableSelection, useDealDetail, useCompany } from './chunk-WM7JTTPX.js';
 import { SubshellContentContainer } from './chunk-RX4UWZZR.js';
 import { CenteredErrorState, CardHeader, PageTitleCaption, EmptyState, ActivityTimeline } from './chunk-SQQGLGHW.js';
 import { PAGE_SIZE_DEFAULT, formatTimeAgo } from './chunk-IOKL7BKE.js';

package/dist/{chunk-DJBORKTR.js → chunk-PXFV47B3.js}

@@ -1,4 +1,4 @@
-import { PRESETS, getPreset, generateShades, mantineThemeOverride, createCssVariablesResolver, PresetsProvider } from './chunk-24UMQV5B.js';
+import { PRESETS, getPreset, generateShades, mantineThemeOverride, createCssVariablesResolver, PresetsProvider } from './chunk-TYWZABTP.js';
 import { AppBackground } from './chunk-F4TPY6YL.js';
 import { ElevasisCoreProvider } from './chunk-R7WLWGPO.js';
 import { ElevasisLoader } from './chunk-SZHARWKU.js';

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

@@ -5,19 +5,92 @@ 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 { useCreateTask, useCreateMilestone, useProjectMilestones, useProjects, useDeleteProject, useTableSort, sortData, usePaginationState, useTableSelection, useProjectRealtime, useProject, useProjectTasks, useProjectNotes, useUpdateMilestone, useProjectActivities, useCreateNote, showApiErrorNotification, projectKeys } from './chunk-DOFVHWAP.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, formatRelativeTime } from './chunk-IOKL7BKE.js';
 import { useElevasisServices } from './chunk-QEPXAWE2.js';
 import { useRouterContext } from './chunk-Q7DJKLEN.js';
 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 { 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 { 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" },
@@ -355,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: [
@@ -381,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 = () => {
@@ -877,7 +978,9 @@ function InlineResumeContextEditor({ task, projectId }) {
           autosize: true,
           value: currentState,
           onChange: (e) => setCurrentState(e.target.value),
-          onBlur: () => save({ current_state: currentState || void 0 })
+          onBlur: () => {
+            if (currentState !== (ctx.current_state ?? "")) save({ current_state: currentState });
+          }
         }
       ),
       /* @__PURE__ */ jsx(
@@ -890,7 +993,9 @@ function InlineResumeContextEditor({ task, projectId }) {
           autosize: true,
           value: nextSteps,
           onChange: (e) => setNextSteps(e.target.value),
-          onBlur: () => save({ next_steps: nextSteps || void 0 })
+          onBlur: () => {
+            if (nextSteps !== (ctx.next_steps ?? "")) save({ next_steps: nextSteps });
+          }
         }
       ),
       /* @__PURE__ */ jsx(
@@ -903,7 +1008,10 @@ function InlineResumeContextEditor({ task, projectId }) {
           autosize: true,
           value: filesModified,
           onChange: (e) => setFilesModified(e.target.value),
-          onBlur: () => save({ files_modified: filesModified || void 0 })
+          onBlur: () => {
+            const original = typeof ctx.files_modified === "string" ? ctx.files_modified : "";
+            if (filesModified !== original) save({ files_modified: filesModified });
+          }
         }
       )
     ] }) })
@@ -915,16 +1023,14 @@ var noteTypeOptions = [
   { 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";
@@ -940,84 +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 }
-      }
-    ) : /* @__PURE__ */ jsx(Group, { children: /* @__PURE__ */ jsx(
-      Button,
-      {
-        variant: "subtle",
-        size: "compact-xs",
-        leftSection: /* @__PURE__ */ jsx(IconPlus, { size: 12 }),
-        onClick: () => setAdding(true),
-        children: "Add item"
+  return /* @__PURE__ */ jsx(
+    Checklist,
+    {
+      items,
+      onToggle: (itemId) => {
+        const updated = items.map((item) => item.id === itemId ? { ...item, completed: !item.completed } : item);
+        saveChecklist(updated);
+      },
+      onAdd: (label) => {
+        const newItem = { id: crypto.randomUUID(), label, completed: false };
+        saveChecklist([...items, newItem]);
+      },
+      onRemove: (itemId) => {
+        saveChecklist(items.filter((item) => item.id !== itemId));
       }
-    ) })
-  ] });
+    }
+  );
 }
 function AddNoteModal({ opened, onClose, projectId }) {
   const [noteType, setNoteType] = useState("call_note");
@@ -1460,4 +1505,4 @@ function ProjectDetailPage({ projectId, onBack, backLabel = "Projects" }) {
   ] }) }) });
 }
 
-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 };
+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 };