@elevasis/ui 2.30.0 → 2.32.0

package/dist/{chunk-4FZYEEPK.js → chunk-LLRXA7D7.js}

@@ -1,14 +1,13 @@
 import { ZodFormRenderer } from './chunk-3MEXPLWT.js';
 import { ResourceHealthChart } from './chunk-LGKLC5MG.js';
-import { HeroStatsRow } from './chunk-2DIYILF7.js';
-import { useCyberColors } from './chunk-CW3UNAF2.js';
+import { useCyberColors, HeroStatsRow } from './chunk-4DYOXEH6.js';
 import { AppShellCenteredContainer, AppShellLoader } from './chunk-RYTEQBAO.js';
 import { Graph_module_css_default, useDirectedChainHighlighting, useNodeSelection, useFitViewTrigger } from './chunk-22UVE3RA.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-6EFVZV6X.js';
-import { glassBase } from './chunk-T5Z7G2J2.js';
-import { GlowDot, CardHeader, EmptyState, PageTitleCaption, TabCountBadge } from './chunk-6WXDE5LZ.js';
-import { formatTimeAgo, getTimeRangeDates, formatRelativeTime } from './chunk-HXZQWMKE.js';
+import { useExecuteResource, useDashboardMetrics, useResources, useTimeRangeDates, useUnresolvedErrors, useRecentExecutionsByResource, useCommandQueue, useScheduledTasks, useResourcesHealth } from './chunk-GCOQ3TBG.js';
+import { glassBase } from './chunk-RQA2EVN3.js';
+import { GlowDot, CardHeader, EmptyState, PageTitleCaption, TabCountBadge } from './chunk-EPTHX4VZ.js';
+import { formatTimeAgo, getTimeRangeDates, formatRelativeTime } from './chunk-2RJMVWFJ.js';
 import { ResourceStatusColors } from './chunk-KRWALB24.js';
 import { useInitialization } from './chunk-533DUEQY.js';
 import { memo, useMemo, useEffect, useState, useCallback, Fragment } from 'react';

package/dist/chunk-MOY4VOHF.js

@@ -0,0 +1,347 @@
+import { SubshellNavItem } from './chunk-X4WBGKJQ.js';
+import { SubshellSidebarSection } from './chunk-IIMU5YAJ.js';
+import { useDealsLookup, useCreateDealTask, useDealTasksDue } from './chunk-GCOQ3TBG.js';
+import { useRouterContext } from './chunk-Q7DJKLEN.js';
+import { Box, Stack, Text, UnstyledButton, Group, Button, Modal, Title, Select, TextInput, Textarea, Badge, Center, Loader } from '@mantine/core';
+import { IconLayoutGrid, IconColumns, IconFileInvoice, IconList, IconBuilding, IconAddressBook, IconTrophy, IconClockExclamation, IconUser, IconPlus, IconChecklist, IconTarget, IconCheckbox, IconCalendar, IconMail, IconPhone } from '@tabler/icons-react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useState } from 'react';
+
+// src/features/crm/workbench/constants.ts
+var SAVED_VIEW_PRESETS = [
+  {
+    id: "my-deals",
+    label: "My Deals",
+    iconName: "IconUser",
+    target: "/crm/deals"
+  },
+  {
+    id: "overdue",
+    label: "Overdue",
+    iconName: "IconClockExclamation",
+    target: "/crm/deals"
+  },
+  {
+    id: "won-this-month",
+    label: "Won this month",
+    iconName: "IconTrophy",
+    target: "/crm/deals",
+    urlFilters: { stage: "closed_won" }
+  }
+];
+var ICON_MAP = {
+  IconUser,
+  IconClockExclamation,
+  IconTrophy
+};
+function SavedViewsPanel({ onViewClick, showSectionLabel = true }) {
+  return /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [
+    showSectionLabel && /* @__PURE__ */ jsx(Text, { fz: "xs", tt: "uppercase", c: "dimmed", fw: 600, mb: 4, children: "Saved Views" }),
+    SAVED_VIEW_PRESETS.map((preset) => {
+      const Icon = ICON_MAP[preset.iconName];
+      return /* @__PURE__ */ jsx(
+        UnstyledButton,
+        {
+          onClick: () => onViewClick(preset),
+          style: {
+            display: "block",
+            width: "100%",
+            padding: "4px 6px",
+            borderRadius: "var(--mantine-radius-sm)",
+            transition: `background-color var(--duration-fast) var(--easing)`
+          },
+          onMouseEnter: (e) => {
+            e.currentTarget.style.backgroundColor = "var(--color-surface-hover)";
+          },
+          onMouseLeave: (e) => {
+            e.currentTarget.style.backgroundColor = "transparent";
+          },
+          children: /* @__PURE__ */ jsxs(Group, { gap: "xs", wrap: "nowrap", children: [
+            /* @__PURE__ */ jsx(Icon, { size: 14, style: { color: "var(--color-text-dimmed)", flexShrink: 0 } }),
+            /* @__PURE__ */ jsx(Text, { size: "xs", children: preset.label })
+          ] })
+        },
+        preset.id
+      );
+    })
+  ] }) });
+}
+var KIND_OPTIONS = [
+  { value: "call", label: "Call" },
+  { value: "email", label: "Email" },
+  { value: "meeting", label: "Meeting" },
+  { value: "other", label: "Other" }
+];
+function QuickCreateActions({ showSectionLabel = true }) {
+  const [open, setOpen] = useState(false);
+  const [dealId, setDealId] = useState(null);
+  const [dealSearch, setDealSearch] = useState("");
+  const [title, setTitle] = useState("");
+  const [description, setDescription] = useState("");
+  const [kind, setKind] = useState("other");
+  const [dueAt, setDueAt] = useState("");
+  const { data: deals, isLoading: isLoadingDeals } = useDealsLookup(
+    {
+      search: dealSearch || void 0,
+      limit: 25
+    },
+    { enabled: open }
+  );
+  const createTask = useCreateDealTask();
+  const dealOptions = (deals ?? []).map((deal) => ({
+    value: deal.id,
+    label: deal.displayLabel
+  }));
+  function resetForm() {
+    setDealId(null);
+    setDealSearch("");
+    setTitle("");
+    setDescription("");
+    setKind("other");
+    setDueAt("");
+  }
+  function handleClose() {
+    setOpen(false);
+    resetForm();
+  }
+  async function handleSubmit() {
+    if (!dealId || !title) return;
+    await createTask.mutateAsync({
+      dealId,
+      title,
+      description: description || null,
+      kind,
+      dueAt: dueAt ? new Date(dueAt).toISOString() : null
+    });
+    handleClose();
+  }
+  const isSubmitDisabled = !dealId || !title || createTask.isPending;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [
+      showSectionLabel && /* @__PURE__ */ jsx(Text, { fz: "xs", tt: "uppercase", c: "dimmed", fw: 600, children: "TASKS" }),
+      /* @__PURE__ */ jsx(Button, { variant: "light", size: "xs", leftSection: /* @__PURE__ */ jsx(IconPlus, { size: 14 }), fullWidth: true, onClick: () => setOpen(true), children: "New Task" })
+    ] }),
+    /* @__PURE__ */ jsxs(Modal, { opened: open, onClose: handleClose, size: "md", children: [
+      /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
+        /* @__PURE__ */ jsx(Title, { order: 3, children: "New Task" }),
+        /* @__PURE__ */ jsx(
+          Select,
+          {
+            label: "Deal",
+            placeholder: "Search deals",
+            data: dealOptions,
+            value: dealId,
+            onChange: setDealId,
+            searchValue: dealSearch,
+            onSearchChange: setDealSearch,
+            searchable: true,
+            nothingFoundMessage: dealSearch ? "No matching deals" : "No deals available",
+            disabled: isLoadingDeals,
+            required: true
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          TextInput,
+          {
+            label: "Title",
+            placeholder: "Task title",
+            value: title,
+            onChange: (e) => setTitle(e.currentTarget.value),
+            required: true
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Textarea,
+          {
+            label: "Description",
+            placeholder: "Optional description",
+            value: description,
+            onChange: (e) => setDescription(e.currentTarget.value),
+            autosize: true,
+            minRows: 2,
+            maxRows: 5
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Select,
+          {
+            label: "Kind",
+            data: KIND_OPTIONS,
+            value: kind,
+            onChange: (v) => setKind(v ?? "other")
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          TextInput,
+          {
+            type: "datetime-local",
+            label: "Due At",
+            value: dueAt,
+            onChange: (e) => setDueAt(e.currentTarget.value)
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs(Group, { justify: "flex-end", mt: "md", children: [
+        /* @__PURE__ */ jsx(Button, { variant: "default", onClick: handleClose, children: "Cancel" }),
+        /* @__PURE__ */ jsx(Button, { onClick: handleSubmit, loading: createTask.isPending, disabled: isSubmitDisabled, children: "Create" })
+      ] })
+    ] })
+  ] });
+}
+var CRM_ITEMS = [
+  { label: "Overview", to: "/crm", icon: IconLayoutGrid, exact: true },
+  { label: "Pipeline", to: "/crm/pipeline", icon: IconColumns, exact: false },
+  { label: "Deals", to: "/crm/deals", icon: IconFileInvoice, exact: false }
+];
+var CrmSidebarMiddle = ({ items = CRM_ITEMS } = {}) => {
+  const { currentPath, navigate } = useRouterContext();
+  return /* @__PURE__ */ jsxs(Stack, { gap: 0, style: { flex: 1, overflowY: "auto" }, children: [
+    /* @__PURE__ */ jsx(Stack, { gap: 0, p: "sm", children: items.map((item) => {
+      const isActive = item.exact ? currentPath === item.to || currentPath === `${item.to}/` : currentPath.startsWith(item.to);
+      return /* @__PURE__ */ jsx(
+        SubshellNavItem,
+        {
+          icon: item.icon,
+          label: item.label,
+          isActive,
+          href: item.to,
+          onClick: () => navigate(item.to)
+        },
+        item.to
+      );
+    }) }),
+    /* @__PURE__ */ jsx(SubshellSidebarSection, { icon: IconChecklist, label: "My Tasks", withTopBorder: true }),
+    /* @__PURE__ */ jsx(Stack, { gap: 0, p: "sm", children: /* @__PURE__ */ jsx(
+      MyTasksPanel,
+      {
+        onTaskClick: (dealId) => navigate(`/crm/deals/${dealId}`),
+        onSeeAll: () => navigate("/crm/deals"),
+        showSectionLabel: false,
+        footer: /* @__PURE__ */ jsx(QuickCreateActions, { showSectionLabel: false })
+      }
+    ) })
+  ] });
+};
+var LEAD_GEN_ITEMS = [
+  { label: "Overview", to: "/lead-gen", icon: IconLayoutGrid, exact: true },
+  { label: "Lists", to: "/lead-gen/lists", icon: IconList, exact: false },
+  { label: "Companies", to: "/lead-gen/companies", icon: IconBuilding, exact: false },
+  { label: "Contacts", to: "/lead-gen/contacts", icon: IconAddressBook, exact: false }
+];
+var LeadGenSidebarMiddle = ({ items = LEAD_GEN_ITEMS } = {}) => {
+  const { currentPath, navigate } = useRouterContext();
+  return /* @__PURE__ */ jsx(Stack, { gap: 0, style: { flex: 1, overflowY: "auto" }, children: /* @__PURE__ */ jsx(Stack, { gap: 0, p: "sm", children: items.map((item) => {
+    const isActive = item.exact ? currentPath === item.to || currentPath === `${item.to}/` : currentPath.startsWith(item.to);
+    return /* @__PURE__ */ jsx(
+      SubshellNavItem,
+      {
+        icon: item.icon,
+        label: item.label,
+        isActive,
+        href: item.to,
+        onClick: () => navigate(item.to)
+      },
+      item.to
+    );
+  }) }) });
+};
+var renderItems = (items, currentPath, navigate) => items.map((item) => {
+  const isActive = item.exact ? currentPath === item.to || currentPath === `${item.to}/` : currentPath.startsWith(item.to);
+  return /* @__PURE__ */ jsx(
+    SubshellNavItem,
+    {
+      icon: item.icon,
+      label: item.label,
+      isActive,
+      href: item.to,
+      onClick: () => navigate(item.to)
+    },
+    item.to
+  );
+});
+var SalesSidebar = () => {
+  const { currentPath, navigate } = useRouterContext();
+  return /* @__PURE__ */ jsx(Stack, { gap: 0, style: { height: "100%", display: "flex", flexDirection: "column" }, children: /* @__PURE__ */ jsxs(Stack, { gap: 0, style: { flex: 1, overflowY: "auto" }, children: [
+    /* @__PURE__ */ jsx(SubshellSidebarSection, { icon: IconTarget, label: "Lead Gen" }),
+    /* @__PURE__ */ jsx(Stack, { gap: 0, p: "sm", children: renderItems(LEAD_GEN_ITEMS, currentPath, navigate) }),
+    /* @__PURE__ */ jsx(SubshellSidebarSection, { icon: IconAddressBook, label: "CRM", withTopBorder: true }),
+    /* @__PURE__ */ jsx(Stack, { gap: 0, p: "sm", children: renderItems(CRM_ITEMS, currentPath, navigate) })
+  ] }) });
+};
+var KIND_ICONS = {
+  call: IconPhone,
+  email: IconMail,
+  meeting: IconCalendar,
+  other: IconCheckbox
+};
+function formatDueLabel(dueAt) {
+  if (!dueAt) return "";
+  const date = new Date(dueAt);
+  const now = /* @__PURE__ */ new Date();
+  const today = new Date(now.getFullYear(), now.getMonth(), now.getDate());
+  const dueDay = new Date(date.getFullYear(), date.getMonth(), date.getDate());
+  const diffDays = Math.round((dueDay.getTime() - today.getTime()) / 864e5);
+  if (diffDays < 0) return `${Math.abs(diffDays)}d overdue`;
+  if (diffDays === 0) {
+    return date.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" });
+  }
+  return `in ${diffDays}d`;
+}
+function TaskRow({ task, onClick }) {
+  const KindIcon = KIND_ICONS[task.kind];
+  const dueLabel = formatDueLabel(task.dueAt);
+  const isOverdue = task.dueAt !== null && new Date(task.dueAt) < /* @__PURE__ */ new Date();
+  return /* @__PURE__ */ jsx(
+    UnstyledButton,
+    {
+      onClick,
+      style: {
+        display: "block",
+        width: "100%",
+        padding: "4px 6px",
+        borderRadius: "var(--mantine-radius-sm)",
+        transition: `background-color var(--duration-fast) var(--easing)`
+      },
+      onMouseEnter: (e) => {
+        e.currentTarget.style.backgroundColor = "var(--color-surface-hover)";
+      },
+      onMouseLeave: (e) => {
+        e.currentTarget.style.backgroundColor = "transparent";
+      },
+      children: /* @__PURE__ */ jsxs(Group, { gap: "xs", wrap: "nowrap", children: [
+        /* @__PURE__ */ jsx(KindIcon, { size: 14, style: { color: "var(--color-text-dimmed)", flexShrink: 0 } }),
+        /* @__PURE__ */ jsx(Text, { size: "xs", truncate: true, style: { flex: 1, minWidth: 0 }, children: task.title }),
+        dueLabel && /* @__PURE__ */ jsx(Badge, { size: "xs", variant: "light", color: isOverdue ? "red" : "gray", style: { flexShrink: 0 }, children: dueLabel })
+      ] })
+    }
+  );
+}
+function MyTasksPanel({
+  onTaskClick,
+  onSeeAll,
+  footer,
+  showSectionLabel = true
+}) {
+  const { data, isLoading, isError } = useDealTasksDue({ window: "today_and_overdue" });
+  const tasks = data ?? [];
+  const total = tasks.length;
+  const visible = tasks.slice(0, 5);
+  return /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [
+    showSectionLabel && /* @__PURE__ */ jsxs(Group, { justify: "space-between", mb: 4, children: [
+      /* @__PURE__ */ jsx(Text, { fz: "xs", tt: "uppercase", c: "dimmed", fw: 600, children: "My Tasks" }),
+      total > 0 && /* @__PURE__ */ jsx(Badge, { size: "xs", variant: "light", children: total })
+    ] }),
+    isLoading && /* @__PURE__ */ jsx(Center, { py: 4, children: /* @__PURE__ */ jsx(Loader, { size: "xs" }) }),
+    isError && /* @__PURE__ */ jsx(Text, { size: "xs", c: "red", children: "Failed to load tasks" }),
+    !isLoading && !isError && visible.length === 0 && /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "No tasks due - you're caught up." }),
+    !isLoading && !isError && visible.map((task) => /* @__PURE__ */ jsx(TaskRow, { task, onClick: () => onTaskClick(task.dealId) }, task.id)),
+    onSeeAll && total > 5 && /* @__PURE__ */ jsx(UnstyledButton, { onClick: onSeeAll, mt: 2, style: { display: "inline-block" }, children: /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", style: { textDecoration: "underline" }, children: [
+      "See all (",
+      total,
+      ")"
+    ] }) }),
+    footer
+  ] }) });
+}
+
+export { CRM_ITEMS, CrmSidebarMiddle, LEAD_GEN_ITEMS, LeadGenSidebarMiddle, MyTasksPanel, QuickCreateActions, SAVED_VIEW_PRESETS, SalesSidebar, SavedViewsPanel };

package/dist/{chunk-XQQEKWTL.js → chunk-N55DVMAG.js}

@@ -1,10 +1,14 @@
 import { useAppearance } from './chunk-E565XMTQ.js';
-import { Box, Center } from '@mantine/core';
+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 { SubshellSidebarLoader };
+export { SubshellLoader, SubshellSidebarLoader };

package/dist/{chunk-7E3FUTND.js → chunk-ND5TDV2J.js}

@@ -1,4 +1,4 @@
-import { APIClientError } from './chunk-HXZQWMKE.js';
+import { APIClientError } from './chunk-2RJMVWFJ.js';
 import { OrganizationContext } from './chunk-DD3CCMCZ.js';
 import { createContext, useContext, useMemo, useCallback } from 'react';
 import { jsx } from 'react/jsx-runtime';

package/dist/{chunk-WF227UBV.js → chunk-QQHOKTJA.js}

@@ -1,13 +1,13 @@
-import { useOptionalElevasisFeatures } from './chunk-6IXOKUBC.js';
+import { useOptionalElevasisSystems } from './chunk-QXCDKE2O.js';
 import { useRouterContext } from './chunk-Q7DJKLEN.js';
 import { useMemo } from 'react';
 
 var useBreadcrumbs = (options = {}) => {
   const { currentPath } = useRouterContext();
-  const featureContext = useOptionalElevasisFeatures();
+  const systemContext = useOptionalElevasisSystems();
   const { labelsByPath = {} } = options;
   return useMemo(() => {
-    const shellModel = featureContext?.shellModel;
+    const shellModel = systemContext?.shellModel;
     const overriddenLabel = labelsByPath[currentPath];
     if (overriddenLabel) {
       return [{ label: overriddenLabel, isActive: true }];
@@ -39,7 +39,7 @@ var useBreadcrumbs = (options = {}) => {
       });
     }
     return breadcrumbs;
-  }, [currentPath, featureContext, labelsByPath]);
+  }, [currentPath, systemContext, labelsByPath]);
 };
 function formatSegmentLabel(segment) {
   return segment.split("-").map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join(" ");