@elevasis/ui 2.18.0 → 2.19.0

package/dist/api/index.js

@@ -1,5 +1,5 @@
 import '../chunk-XCYKC6OZ.js';
-export { ApiClientProvider, useApiClient, useApiClientContext } from '../chunk-VDM6DQES.js';
-import '../chunk-GCBWGGI6.js';
+export { ApiClientProvider, useApiClient, useApiClientContext } from '../chunk-R7OJCNL3.js';
+import '../chunk-OD7GWIZS.js';
 import '../chunk-KRWALB24.js';
 import '../chunk-DD3CCMCZ.js';

package/dist/app/index.js

@@ -1,12 +1,12 @@
-import { ElevasisUIProvider } from '../chunk-34NQLV2W.js';
-import '../chunk-R73EHHPN.js';
+import { ElevasisUIProvider } from '../chunk-MJAKU2WA.js';
+import '../chunk-Q5HC6ENG.js';
 import '../chunk-WLOQ4IBG.js';
-import '../chunk-P3TFNFZS.js';
+import '../chunk-EUWBY43Z.js';
 import '../chunk-SZHARWKU.js';
-import '../chunk-VDM6DQES.js';
+import '../chunk-R7OJCNL3.js';
 import '../chunk-6IA2OMAE.js';
 import '../chunk-QJ2KCHKX.js';
-import '../chunk-GCBWGGI6.js';
+import '../chunk-OD7GWIZS.js';
 import '../chunk-KRWALB24.js';
 import { useInitialization } from '../chunk-DK2HVHCY.js';
 import '../chunk-DD3CCMCZ.js';

package/dist/charts/index.js

@@ -1,13 +1,13 @@
-export { ActivityTrendChart, ChartFrame, CombinedTrendChart, CostTrendChart, CyberAreaChart, CyberDonut, CyberDonutTooltip, CyberLegendItem, HeroStatsRow, getSeriesColor, useCyberColors } from '../chunk-DDZMBNTY.js';
+export { ActivityTrendChart, ChartFrame, CombinedTrendChart, CostTrendChart, CyberAreaChart, CyberDonut, CyberDonutTooltip, CyberLegendItem, HeroStatsRow, getSeriesColor, useCyberColors } from '../chunk-CTTY6FUT.js';
 import '../chunk-QSTH6T77.js';
-import '../chunk-SQPM2QDH.js';
+import '../chunk-BHR7IV72.js';
 import '../chunk-SZHARWKU.js';
 import '../chunk-3KMDHCAR.js';
 import '../chunk-NYBEU5TE.js';
 import '../chunk-2IFYDILW.js';
 import '../chunk-Q7DJKLEN.js';
 import '../chunk-DT3QYZVU.js';
-import '../chunk-GCBWGGI6.js';
+import '../chunk-OD7GWIZS.js';
 import '../chunk-KRWALB24.js';
 import '../chunk-SLH2QLKV.js';
 import '../chunk-DK2HVHCY.js';

package/dist/chunk-3JCMO7SD.js

@@ -0,0 +1,14 @@
+import { useAppearance } from './chunk-QJ2KCHKX.js';
+import { Center, Box } from '@mantine/core';
+import { jsx } from 'react/jsx-runtime';
+
+function SubshellLoader() {
+  const { loader } = useAppearance();
+  return /* @__PURE__ */ jsx(Center, { mih: "calc(100vh - 70px)", children: loader });
+}
+function SubshellSidebarLoader({ padding = "sm" }) {
+  const { loader } = useAppearance();
+  return /* @__PURE__ */ jsx(Box, { style: { flex: 1, minHeight: 0, display: "flex" }, children: /* @__PURE__ */ jsx(Center, { p: padding, style: { flex: 1, minHeight: 0 }, children: loader }) });
+}
+
+export { SubshellLoader, SubshellSidebarLoader };

package/dist/{chunk-P6TC4K7I.js → chunk-46Z2VHY3.js}

@@ -1,12 +1,12 @@
-import { CyberAreaChart, CostTrendChart, ActivityTrendChart } from './chunk-DDZMBNTY.js';
+import { CyberAreaChart, CostTrendChart, ActivityTrendChart } from './chunk-CTTY6FUT.js';
 import { AppShellLoader } from './chunk-M25JL54Z.js';
 import { FilterBar } from './chunk-PDHTXPSF.js';
 import { CustomModal } from './chunk-GBMNCNHX.js';
 import { formatDuration } from './chunk-E4WQGJNS.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-EY322HXF.js';
-import { CenteredErrorState, CardHeader, StatsCardSkeleton, TrendIndicator, DetailCardSkeleton, EmptyState, PageTitleCaption, JsonViewer } from './chunk-SQPM2QDH.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-UU6PJ4EJ.js';
+import { CenteredErrorState, CardHeader, StatsCardSkeleton, TrendIndicator, DetailCardSkeleton, EmptyState, PageTitleCaption, JsonViewer } from './chunk-BHR7IV72.js';
 import { useRouterContext } from './chunk-Q7DJKLEN.js';
-import { formatBucketTime, PAGE_SIZE_DEFAULT, getTimeRangeDates } from './chunk-GCBWGGI6.js';
+import { formatBucketTime, PAGE_SIZE_DEFAULT, getTimeRangeDates } from './chunk-OD7GWIZS.js';
 import { useState, useMemo, useCallback } from 'react';
 import { Table, Text, Badge, Tooltip, Card, Group, Select, SegmentedControl, Button, TextInput, Stack, Paper, Center, Loader, ActionIcon, NumberFormatter, Box, Alert, Switch, Pagination, UnstyledButton, Title, Divider, Code, CopyButton, Accordion } from '@mantine/core';
 import { IconActivity, IconFilterOff, IconCircleCheck, IconThumbDown, IconThumbUp, IconClock, IconCircleX, IconSearch, IconArrowUpRight, IconAlertTriangle, IconAlertCircle, IconExternalLink, IconChartPie, IconHeartbeat, IconDownload, IconCpu, IconTrendingUp, IconChartBar, IconCash, IconInfoCircle, IconExclamationCircle, IconBug, IconChecks, IconCircle, IconCircleFilled, IconCheck, IconCopy, IconCircleDashed, IconPlus, IconArrowUp, IconArrowDown, IconFileOff, IconRobot, IconKey, IconUser } from '@tabler/icons-react';

package/dist/{chunk-B6FIIEFO.js → chunk-5SCVXZPM.js}

@@ -5,16 +5,16 @@ 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-EY322HXF.js';
-import { useCreateTask, useCreateMilestone, useProjectMilestones, useUpdateTask, useProjects, useDeleteProject, useProject, useProjectNotes, useUpdateMilestone, useCreateNote, showApiErrorNotification, projectKeys } from './chunk-GRGRBWIO.js';
+import { useProjectRealtime, useTableSort, sortData, usePaginationState, useTableSelection, useProjectActivities } from './chunk-UU6PJ4EJ.js';
+import { useCreateTask, useCreateMilestone, useProjectMilestones, useUpdateTask, useProjects, useDeleteProject, useProject, useProjectNotes, useUpdateMilestone, useCreateNote, showApiErrorNotification, projectKeys } from './chunk-M7W7CGPL.js';
 import { SubshellContentContainer } from './chunk-RX4UWZZR.js';
-import { StatusBadge, EmptyState, PageTitleCaption, CenteredErrorState, StatCard } from './chunk-SQPM2QDH.js';
+import { StatusBadge, EmptyState, PageTitleCaption, CenteredErrorState, StatCard, CardHeader } from './chunk-BHR7IV72.js';
 import { useRouterContext } from './chunk-Q7DJKLEN.js';
-import { PAGE_SIZE_DEFAULT, formatTimeAgo, formatDate, formatRelativeTime } from './chunk-GCBWGGI6.js';
+import { PAGE_SIZE_DEFAULT, formatTimeAgo, formatDate, formatRelativeTime } from './chunk-OD7GWIZS.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, 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, Space, Tabs, Divider, Anchor, Chip } from '@mantine/core';
+import { IconNotes, IconBriefcase, IconChecklist, IconFlag, IconX, IconPlus, IconHeartbeat, IconFileText, IconCalendar, IconInbox, IconLock, IconAlertTriangle, IconCircleCheck, IconClock, IconChevronDown, IconChevronRight, IconDownload, IconListCheck, IconMessageCircle, IconSearch, IconCheck, IconCopy, IconFileDescription, IconArrowLeft, IconCurrencyDollar, IconBuilding } from '@tabler/icons-react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useDisclosure } from '@mantine/hooks';
 import { useQueryClient, useMutation } from '@tanstack/react-query';
@@ -349,7 +349,8 @@ var noteTypeColors = {
   call_note: "blue",
   status_update: "green",
   issue: "yellow",
-  blocker: "red"
+  blocker: "red",
+  agent_learning: "grape"
 };
 function formatStatusLabel(status) {
   return status.split("_").map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join(" ");
@@ -772,58 +773,92 @@ function ProjectsListPage({ onProjectClick } = {}) {
 function isResumeContext(val) {
   return !!val && typeof val === "object" && !Array.isArray(val);
 }
+function ContextRow({ label, value }) {
+  return /* @__PURE__ */ jsxs(Stack, { gap: 2, children: [
+    /* @__PURE__ */ jsx(
+      Text,
+      {
+        size: "xs",
+        ff: "monospace",
+        c: "var(--color-text-subtle)",
+        style: { textTransform: "uppercase", letterSpacing: "0.06em", opacity: 0.7 },
+        children: label
+      }
+    ),
+    /* @__PURE__ */ jsx(Text, { size: "xs", c: "var(--color-text)", style: { lineHeight: 1.55 }, children: value })
+  ] });
+}
 function ResumeContextPreview({ tasks }) {
   const candidate = tasks.filter((t) => isResumeContext(t.resume_context)).sort((a, b) => new Date(b.updated_at).getTime() - new Date(a.updated_at).getTime())[0];
   if (!candidate) return null;
   const ctx = candidate.resume_context;
-  return /* @__PURE__ */ jsx(
+  const hasBody = ctx.current_state || ctx.next_steps;
+  return /* @__PURE__ */ jsxs(
     Paper,
     {
-      p: "sm",
+      p: "md",
       style: {
         border: "1px solid var(--color-border)",
         borderRadius: "var(--mantine-radius-default)",
-        backgroundColor: "color-mix(in srgb, var(--color-primary) 5%, var(--color-surface))"
+        backgroundColor: "color-mix(in srgb, var(--color-primary) 4%, var(--color-surface))",
+        position: "relative",
+        overflow: "hidden"
       },
-      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 })
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              position: "absolute",
+              inset: "0 auto 0 0",
+              width: 3,
+              background: "linear-gradient(180deg, var(--color-primary) 0%, color-mix(in srgb, var(--color-primary) 30%, transparent) 100%)"
+            }
+          }
+        ),
+        /* @__PURE__ */ jsxs(Stack, { gap: "sm", pl: 4, children: [
+          /* @__PURE__ */ jsxs(Group, { gap: 6, align: "baseline", wrap: "wrap", children: [
+            /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "Last worked" }),
+            /* @__PURE__ */ jsx(Text, { size: "xs", fw: 600, c: "var(--color-text)", children: formatRelativeTime(candidate.updated_at) }),
+            /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "on" }),
+            /* @__PURE__ */ jsx(Text, { size: "xs", fw: 600, c: "var(--color-text)", children: candidate.name })
+          ] }),
+          hasBody && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(Divider, { opacity: 0.3 }),
+            /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
+              ctx.current_state && /* @__PURE__ */ jsx(ContextRow, { label: "Current State", value: ctx.current_state }),
+              ctx.next_steps && /* @__PURE__ */ jsx(ContextRow, { label: "Next Steps", value: ctx.next_steps })
+            ] })
+          ] })
         ] })
-      ] })
+      ]
     }
   );
 }
-function QuickActionsRow({ onCreateTask, onAddMilestone, onLogBlocker }) {
-  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"
-      }
-    )
+function QuickActionsRow({
+  onCreateTask,
+  onAddMilestone,
+  onLogBlocker,
+  onBack,
+  backLabel = "Projects"
+}) {
+  return /* @__PURE__ */ jsxs(Group, { gap: "xs", wrap: "wrap", justify: "space-between", children: [
+    /* @__PURE__ */ jsxs(Group, { gap: "xs", wrap: "wrap", children: [
+      /* @__PURE__ */ jsx(Button, { variant: "light", size: "compact-sm", leftSection: /* @__PURE__ */ jsx(IconPlus, { size: 14 }), onClick: onCreateTask, children: "Create Task" }),
+      /* @__PURE__ */ jsx(Button, { variant: "light", size: "compact-sm", leftSection: /* @__PURE__ */ jsx(IconFlag, { size: 14 }), onClick: onAddMilestone, children: "Add Milestone" }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "light",
+          size: "compact-sm",
+          color: "orange",
+          leftSection: /* @__PURE__ */ jsx(IconAlertTriangle, { size: 14 }),
+          onClick: onLogBlocker,
+          children: "Log Blocker"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(Button, { variant: "light", size: "compact-sm", leftSection: /* @__PURE__ */ jsx(IconArrowLeft, { size: 14 }), onClick: onBack, children: backLabel })
   ] });
 }
 function LinkedRecordChips({ dealId, clientCompanyId }) {
@@ -869,7 +904,8 @@ var NOTE_FILTER_OPTIONS = [
   { value: "call_note", label: "Call Notes" },
   { value: "status_update", label: "Status Updates" },
   { value: "issue", label: "Issues" },
-  { value: "blocker", label: "Blockers" }
+  { value: "blocker", label: "Blockers" },
+  { value: "agent_learning", label: "Agent Learning" }
 ];
 function isWithinLastWeek(dateStr) {
   if (!dateStr) return false;
@@ -1009,7 +1045,8 @@ var noteTypeOptions = [
   { value: "call_note", label: "Call Note" },
   { value: "status_update", label: "Status Update" },
   { value: "issue", label: "Issue" },
-  { value: "blocker", label: "Blocker" }
+  { value: "blocker", label: "Blocker" },
+  { value: "agent_learning", label: "Agent Learning" }
 ];
 function parseChecklist2(milestone) {
   const raw = milestone.checklist;
@@ -1065,7 +1102,7 @@ function renderMilestoneBullet(status) {
 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%)";
+  const background = normalizedStatus === "completed" ? "var(--color-primary)" : normalizedStatus === "in_progress" ? "linear-gradient(180deg, color-mix(in srgb, var(--color-primary) 3%, transparent) 0%, transparent 100%)" : "linear-gradient(180deg, color-mix(in srgb, var(--color-primary) 1.5%, transparent) 0%, transparent 100%)";
   return {
     accent,
     background
@@ -1245,15 +1282,12 @@ function ProjectDetailPage({ projectId, onBack, backLabel = "Projects" }) {
     (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: [
     /* @__PURE__ */ jsx(
       PageTitleCaption,
       {
         title: project.name,
-        caption: [companyName, formatStatusLabel(project.status || "unknown")].filter(Boolean).join(" - "),
-        rightSection: /* @__PURE__ */ jsx(Group, { children: /* @__PURE__ */ jsx(Button, { variant: "light", size: "sm", leftSection: /* @__PURE__ */ jsx(IconArrowLeft, { size: 16 }), onClick: onBack, children: backLabel }) })
+        caption: [companyName, formatStatusLabel(project.status || "unknown")].filter(Boolean).join(" - ")
       }
     ),
     /* @__PURE__ */ jsx(
@@ -1261,7 +1295,9 @@ function ProjectDetailPage({ projectId, onBack, backLabel = "Projects" }) {
       {
         onCreateTask: openCreateTask,
         onAddMilestone: openAddMilestone,
-        onLogBlocker: openLogBlocker
+        onLogBlocker: openLogBlocker,
+        onBack,
+        backLabel
       }
     ),
     /* @__PURE__ */ jsxs(SimpleGrid, { cols: 4, children: [
@@ -1306,7 +1342,6 @@ function ProjectDetailPage({ projectId, onBack, backLabel = "Projects" }) {
         }
       )
     ] }),
-    /* @__PURE__ */ jsx(ResumeContextPreview, { tasks }),
     /* @__PURE__ */ jsxs(
       Paper,
       {
@@ -1316,13 +1351,13 @@ function ProjectDetailPage({ projectId, onBack, backLabel = "Projects" }) {
           borderRadius: "var(--mantine-radius-default)"
         },
         children: [
-          /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
-            /* @__PURE__ */ jsxs(Group, { justify: "space-between", wrap: "wrap", children: [
-              /* @__PURE__ */ jsxs(Group, { gap: "sm", children: [
-                /* @__PURE__ */ jsx(Title, { order: 3, children: "Project Details" }),
-                /* @__PURE__ */ jsx(Badge, { variant: "light", color: projectStatusColors[project.status || ""] || "gray", children: formatStatusLabel(project.status || "unknown") })
-              ] }),
-              /* @__PURE__ */ jsxs(Group, { gap: 4, children: [
+          /* @__PURE__ */ jsx(Stack, { gap: "md", children: /* @__PURE__ */ jsx(
+            CardHeader,
+            {
+              icon: /* @__PURE__ */ jsx(IconFileDescription, { size: 18 }),
+              title: "Project Details",
+              rightSection: /* @__PURE__ */ jsxs(Group, { gap: 4, wrap: "wrap", justify: "flex-end", children: [
+                /* @__PURE__ */ jsx(Badge, { variant: "light", color: projectStatusColors[project.status || ""] || "gray", children: formatStatusLabel(project.status || "unknown") }),
                 /* @__PURE__ */ jsx(LinkedRecordChips, { dealId: project.deal_id, clientCompanyId: project.client_company_id }),
                 /* @__PURE__ */ jsx(Text, { size: "sm", ff: "monospace", c: "var(--color-text-subtle)", children: project.id }),
                 /* @__PURE__ */ jsx(CopyButton, { value: `/project work ${project.id}`, children: ({ copied, copy }) => /* @__PURE__ */ jsx(Tooltip, { label: copied ? "Copied!" : "Copy ID", withArrow: true, children: /* @__PURE__ */ jsx(
@@ -1336,35 +1371,44 @@ function ProjectDetailPage({ projectId, onBack, backLabel = "Projects" }) {
                   }
                 ) }) })
               ] })
+            }
+          ) }),
+          /* @__PURE__ */ jsx(Space, { my: "xs" }),
+          /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
+            project.description && /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "Description" }),
+              /* @__PURE__ */ jsx(Text, { size: "sm", children: project.description })
             ] }),
-            /* @__PURE__ */ jsxs(Group, { gap: "lg", children: [
-              project.start_date && /* @__PURE__ */ jsxs(Group, { gap: 4, children: [
-                /* @__PURE__ */ jsx(Text, { size: "sm", fw: 500, children: "Started:" }),
+            /* @__PURE__ */ jsxs(SimpleGrid, { cols: 4, children: [
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "Start Date" }),
                 /* @__PURE__ */ jsx(Text, { size: "sm", children: formatDate(project.start_date) })
               ] }),
-              project.target_end_date && /* @__PURE__ */ jsxs(Group, { gap: 4, children: [
-                /* @__PURE__ */ jsx(Text, { size: "sm", fw: 500, children: "Target:" }),
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "Target End Date" }),
                 /* @__PURE__ */ jsx(Text, { size: "sm", children: formatDate(project.target_end_date) })
               ] }),
-              project.contract_value != null && /* @__PURE__ */ jsxs(Group, { gap: 4, children: [
-                /* @__PURE__ */ jsx(Text, { size: "sm", fw: 500, children: "Contract:" }),
-                /* @__PURE__ */ jsxs(Text, { size: "sm", children: [
-                  "$",
-                  project.contract_value.toLocaleString(),
-                  project.metadata && project.metadata.rate_type === "hourly" ? "/hr" : ""
-                ] })
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "Actual End Date" }),
+                /* @__PURE__ */ jsx(Text, { size: "sm", children: formatDate(project.actual_end_date) })
               ] }),
-              project.company && /* @__PURE__ */ jsxs(Group, { gap: 4, children: [
-                /* @__PURE__ */ jsx(Text, { size: "sm", fw: 500, children: "Company:" }),
-                /* @__PURE__ */ jsx(Text, { size: "sm", children: project.company.name })
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "Contract Value" }),
+                /* @__PURE__ */ jsx(Text, { size: "sm", fw: 500, children: project.contract_value != null ? `$${project.contract_value.toLocaleString()}${project.metadata && project.metadata.rate_type === "hourly" ? "/hr" : ""}` : "-" })
               ] })
+            ] }),
+            project.company && /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "Company" }),
+              /* @__PURE__ */ jsx(Text, { size: "sm", fw: 500, children: project.company.name }),
+              project.company.domain && /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: project.company.domain })
             ] })
           ] }),
-          /* @__PURE__ */ jsx(Divider, { my: "md" }),
-          /* @__PURE__ */ jsxs(Tabs, { defaultValue: defaultTab, children: [
+          /* @__PURE__ */ jsx(Space, { my: "xs" }),
+          /* @__PURE__ */ jsx(ResumeContextPreview, { tasks }),
+          /* @__PURE__ */ jsx(Space, { my: "md" }),
+          /* @__PURE__ */ jsxs(Tabs, { defaultValue: "status", children: [
             /* @__PURE__ */ jsxs(Tabs.List, { children: [
               /* @__PURE__ */ jsx(Tabs.Tab, { value: "status", children: "Status" }),
-              /* @__PURE__ */ jsx(Tabs.Tab, { value: "details", children: "Details" }),
               /* @__PURE__ */ jsx(Tabs.Tab, { value: "notes", children: "Notes" }),
               /* @__PURE__ */ jsx(Tabs.Tab, { value: "activity", children: "Activity" })
             ] }),
@@ -1414,8 +1458,11 @@ function ProjectDetailPage({ projectId, onBack, backLabel = "Projects" }) {
                           radius: "md",
                           style: {
                             background,
-                            border: `1px solid color-mix(in srgb, ${accent} 24%, var(--color-border))`,
-                            boxShadow: "var(--card-shadow)",
+                            border: "none",
+                            borderTop: "1px solid var(--color-border)",
+                            borderRight: "1px solid var(--color-border)",
+                            borderBottom: "1px solid var(--color-border)",
+                            boxShadow: "none",
                             position: "relative",
                             overflow: "hidden"
                           },
@@ -1575,42 +1622,6 @@ 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: [
-                  /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "Description" }),
-                  /* @__PURE__ */ jsx(Text, { size: "sm", children: project.description })
-                ] }),
-                project.contract_value != null && /* @__PURE__ */ jsxs("div", { children: [
-                  /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "Contract Value" }),
-                  /* @__PURE__ */ jsxs(Text, { size: "sm", fw: 500, children: [
-                    "$",
-                    project.contract_value.toLocaleString()
-                  ] })
-                ] }),
-                /* @__PURE__ */ jsxs(SimpleGrid, { cols: 3, children: [
-                  /* @__PURE__ */ jsxs("div", { children: [
-                    /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "Start Date" }),
-                    /* @__PURE__ */ jsx(Text, { size: "sm", children: formatDate(project.start_date) })
-                  ] }),
-                  /* @__PURE__ */ jsxs("div", { children: [
-                    /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "Target End Date" }),
-                    /* @__PURE__ */ jsx(Text, { size: "sm", children: formatDate(project.target_end_date) })
-                  ] }),
-                  /* @__PURE__ */ jsxs("div", { children: [
-                    /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "Actual End Date" }),
-                    /* @__PURE__ */ jsx(Text, { size: "sm", children: formatDate(project.actual_end_date) })
-                  ] })
-                ] })
-              ] }) }),
-              project.company && /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
-                /* @__PURE__ */ jsx(Title, { order: 3, children: "Company" }),
-                /* @__PURE__ */ jsx(Text, { fw: 500, children: project.company.name }),
-                project.company.domain && /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: project.company.domain })
-              ] }) })
-            ] }) }),
             /* @__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 }) })
           ] })

package/dist/{chunk-SQPM2QDH.js → chunk-BHR7IV72.js}

@@ -1,6 +1,6 @@
 import { StyledMarkdown } from './chunk-3KMDHCAR.js';
 import { useRouterContext } from './chunk-Q7DJKLEN.js';
-import { getErrorInfo, getErrorTitle, getResourceIcon, formatTimeAgo } from './chunk-GCBWGGI6.js';
+import { getErrorInfo, getErrorTitle, getResourceIcon, formatTimeAgo } from './chunk-OD7GWIZS.js';
 import { ResourceStatusColors } from './chunk-KRWALB24.js';
 import { useAuthContext } from './chunk-BRJ3QZ4E.js';
 import { Center, Stack, Title, Text, Button, Box, Loader, Badge, Group, Collapse, ScrollArea, Card, Select, Alert, Code, ThemeIcon, Paper, Grid, Timeline, Space } from '@mantine/core';
@@ -699,7 +699,8 @@ var STATUS_COLORS = {
   call_note: "blue",
   status_update: "green",
   issue: "yellow",
-  blocker: "red"
+  blocker: "red",
+  agent_learning: "grape"
 };
 function StatusBadge({ status, ...props }) {
   const label = status.split("_").map((w) => w.charAt(0).toUpperCase() + w.slice(1)).join(" ");

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

@@ -1,6 +1,6 @@
 import { useErrorTrends } from './chunk-QSTH6T77.js';
-import { CardHeader, CenteredErrorState, TrendIndicator, EmptyState, StatCard } from './chunk-SQPM2QDH.js';
-import { getTimeRangeLabel, getTimeRangeDates, formatBucketTime } from './chunk-GCBWGGI6.js';
+import { CardHeader, CenteredErrorState, TrendIndicator, EmptyState, StatCard } from './chunk-BHR7IV72.js';
+import { getTimeRangeLabel, getTimeRangeDates, formatBucketTime } from './chunk-OD7GWIZS.js';
 import { useRef, useState, useLayoutEffect, useEffect, useMemo, useCallback } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useComputedColorScheme, Group, Text, Box, Stack, Center, Loader, Paper, Button, NumberFormatter, Badge, Space, Tooltip as Tooltip$1, SimpleGrid, Alert, SegmentedControl } from '@mantine/core';

package/dist/{chunk-P3TFNFZS.js → chunk-EUWBY43Z.js}

@@ -1,6 +1,6 @@
-import { ApiClientProvider, useApiClient } from './chunk-VDM6DQES.js';
+import { ApiClientProvider, useApiClient } from './chunk-R7OJCNL3.js';
 import { OrganizationProvider } from './chunk-6IA2OMAE.js';
-import { getErrorInfo, getErrorTitle, formatErrorMessage } from './chunk-GCBWGGI6.js';
+import { getErrorInfo, getErrorTitle, formatErrorMessage } from './chunk-OD7GWIZS.js';
 import { InitializationProvider } from './chunk-DK2HVHCY.js';
 import { useOrganization } from './chunk-DD3CCMCZ.js';
 import { ProfileProvider } from './chunk-QHSW4WHM.js';

package/dist/{chunk-LT33DSMO.js → chunk-IBOX2M24.js}

@@ -4,11 +4,11 @@ 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, useDealsLookup, useCreateDealTask, useDealsSummary, useDeleteDeal, usePaginationState, useDeals, useTableSort, sortData, useTableSelection, useDealDetail, useCompany } from './chunk-EY322HXF.js';
+import { useDealTasksDue, useDealsLookup, useCreateDealTask, useDealsSummary, useDeleteDeal, usePaginationState, useDeals, useTableSort, sortData, useTableSelection, useDealDetail, useCompany } from './chunk-UU6PJ4EJ.js';
 import { SubshellContentContainer } from './chunk-RX4UWZZR.js';
-import { CenteredErrorState, CardHeader, PageTitleCaption, EmptyState, ActivityTimeline } from './chunk-SQPM2QDH.js';
+import { CenteredErrorState, CardHeader, PageTitleCaption, EmptyState, ActivityTimeline } from './chunk-BHR7IV72.js';
 import { useRouterContext } from './chunk-Q7DJKLEN.js';
-import { PAGE_SIZE_DEFAULT, formatTimeAgo } from './chunk-GCBWGGI6.js';
+import { PAGE_SIZE_DEFAULT, formatTimeAgo } from './chunk-OD7GWIZS.js';
 import { useElevasisServices } from './chunk-IRW7JMQ4.js';
 import { Box, Stack, Group, Text, Badge, Center, Loader, UnstyledButton, Button, Modal, Title, Select, TextInput, Textarea, Paper, Alert, SimpleGrid, Table, Checkbox, Pagination, ActionIcon, Tabs, Card, Code, Divider, Anchor } from '@mantine/core';
 import { IconLayoutGrid, IconColumns, IconFileInvoice, IconAddressBook, IconTrophy, IconClockExclamation, IconUser, IconPlus, IconChecklist, IconAlertCircle, IconHistory, IconSearch, IconTargetArrow, IconAlertTriangle, IconArrowLeft, IconFileText, IconTrash, IconX, IconBuilding, IconCheckbox, IconCalendar, IconMail, IconPhone, IconArrowRight, IconNote } from '@tabler/icons-react';
@@ -642,7 +642,7 @@ function CrmOverview({
   getDealValue,
   renderActions
 }) {
-  const rightSection = renderActions ? renderActions() : /* @__PURE__ */ jsx(Button, { leftSection: /* @__PURE__ */ jsx(IconColumns, { size: 16 }), variant: "light", size: "sm", onClick: onGoToPipeline, children: "Go to Pipeline" });
+  const rightSection = renderActions ? renderActions() : /* @__PURE__ */ jsx(Button, { leftSection: /* @__PURE__ */ jsx(IconColumns, { size: 16 }), variant: "light", size: "xs", onClick: onGoToPipeline, children: "Go to Pipeline" });
   return /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
     /* @__PURE__ */ jsx(
       PageTitleCaption,