@elevasis/ui 2.25.6 → 2.26.1

package/dist/components/index.js

@@ -1,27 +1,30 @@
-import '../chunk-Q5BEODAT.js';
 import { useBreadcrumbs } from '../chunk-S66IQSSR.js';
-export { AllTasksPage, HealthStatusCard, MilestoneTimeline, ProjectDetailPage, ProjectsListPage, ProjectsSidebar, ProjectsSidebarMiddle, ProjectsSidebarTop, TaskCard, UpcomingMilestonesPage, calculateProgress, deliveryManifest, formatStatusLabel, milestoneStatusColors, noteTypeColors, projectStatusColors, taskStatusColors, taskTypeColors } from '../chunk-KNISO652.js';
-export { LEAD_GEN_ROUTE_LINKS, LeadGenCompaniesPage, LeadGenContactsPage, LeadGenListDetailPage, LeadGenListsPage, LeadGenOverviewPage, LeadGenRouteShell, LeadGenSidebar, LeadGenSidebarMiddle, LeadGenSidebarTop, TabSection, getEnrichmentColor, getStatusColor, leadGenManifest, useDeleteLists } from '../chunk-L7D6KNHV.js';
-export { ActionModal, AgentDefinitionDisplay, AgentExecutionLogs, BaseExecutionLogs, BaseExecutionLogsHeader, BaseExecutionLogsStates, CheckpointGroup, CollapsibleJsonSection, CommandQueueSidebar, CommandQueueSidebarMiddle, CommandQueueSidebarTop, CommandQueueTaskRow, ConfigCard, ContentSections, ContextUsageBadge, ContractDisplay, ExecutionErrorSection, LogEntry, LogGroup, NewKnowledgeMapEdge, NewKnowledgeMapGraph, NewKnowledgeMapNode, OperationsSidebar, OperationsSidebarMiddle, OperationsSidebarTop, ResourceDefinitionSection, ResourceErrorState, ResourceFilter, ResourceHeader, ResourceNotFoundState, SessionMemory, ToolsListDisplay, WorkflowDefinitionDisplay, WorkflowExecutionLogs, getExecutionStatusConfig, getIcon, getLogLevelConfig, iconMap, operationsManifest, useNewKnowledgeMapLayout } from '../chunk-ARJPZ66V.js';
-import '../chunk-N55DVMAG.js';
-import '../chunk-ZTWA5H77.js';
+import '../chunk-X2SUMO3P.js';
+export { AllTasksPage, HealthStatusCard, MilestoneTimeline, ProjectDetailPage, ProjectsListPage, ProjectsSidebar, ProjectsSidebarMiddle, ProjectsSidebarTop, TaskCard, UpcomingMilestonesPage, calculateProgress, deliveryManifest, formatStatusLabel, milestoneStatusColors, noteTypeColors, projectStatusColors, taskStatusColors, taskTypeColors } from '../chunk-WUVR4QY6.js';
+export { LEAD_GEN_ROUTE_LINKS, LeadGenCompaniesPage, LeadGenContactsPage, LeadGenListDetailPage, LeadGenListsPage, LeadGenOverviewPage, LeadGenRouteShell, LeadGenSidebar, LeadGenSidebarMiddle, LeadGenSidebarTop, StepConfigForm, TabSection, getEnrichmentColor, getStatusColor, leadGenManifest, useDeleteLists } from '../chunk-JKBGDFX2.js';
+export { ActionModal, AgentDefinitionDisplay, AgentExecutionLogs, BaseExecutionLogs, BaseExecutionLogsHeader, BaseExecutionLogsStates, CheckpointGroup, CollapsibleJsonSection, CommandQueueSidebar, CommandQueueSidebarMiddle, CommandQueueSidebarTop, CommandQueueTaskRow, ConfigCard, ContentSections, ContextUsageBadge, ContractDisplay, ExecutionErrorSection, LogEntry, LogGroup, NewKnowledgeMapEdge, NewKnowledgeMapGraph, NewKnowledgeMapNode, OperationsSidebar, OperationsSidebarMiddle, OperationsSidebarTop, ResourceDefinitionSection, ResourceErrorState, ResourceFilter, ResourceHeader, ResourceNotFoundState, SessionMemory, ToolsListDisplay, WorkflowDefinitionDisplay, WorkflowExecutionLogs, getExecutionStatusConfig, getIcon, getLogLevelConfig, iconMap, operationsManifest, useNewKnowledgeMapLayout } from '../chunk-UY5I2KOZ.js';
 import '../chunk-ROSMICXG.js';
-import '../chunk-6U7AIIHF.js';
-import { BaseNode, useGraphTheme, BaseEdge, GraphBackground, GraphLegend, GraphFitViewButton } from '../chunk-7F3IQMLI.js';
-export { AgentExecutionTimeline, AgentExecutionVisualizer, AgentIterationEdge, AgentIterationNode, BaseEdge, BaseNode, EmptyVisualizer, ExecutionStats, ExecutionStatusBadge, FormFieldRenderer, GraphBackground, GraphContainer, GraphFitViewButton, GraphFitViewHandler, GraphLegend, RunResourceButton, TimelineAxis, TimelineBar, TimelineContainer, TimelineRow, UnifiedWorkflowEdge, UnifiedWorkflowGraph, UnifiedWorkflowNode, VisualizerContainer, WorkflowExecutionTimeline, ZodFormRenderer, getGraphBackgroundStyles, useGraphBackgroundStyles, useGraphTheme } from '../chunk-7F3IQMLI.js';
+import '../chunk-OHXU5WWK.js';
+import '../chunk-ZTWA5H77.js';
+import '../chunk-JDNEWB5F.js';
+import '../chunk-KEFWANZY.js';
+import '../chunk-XQQEKWTL.js';
+export { AgentExecutionTimeline, AgentExecutionVisualizer, AgentIterationEdge, AgentIterationNode, BaseEdge, BaseNode, EmptyVisualizer, ExecutionStats, ExecutionStatusBadge, GraphBackground, GraphContainer, GraphFitViewButton, GraphFitViewHandler, GraphLegend, RunResourceButton, TimelineAxis, TimelineBar, TimelineContainer, TimelineRow, UnifiedWorkflowEdge, UnifiedWorkflowGraph, UnifiedWorkflowNode, VisualizerContainer, WorkflowExecutionTimeline, getGraphBackgroundStyles, useGraphBackgroundStyles, useGraphTheme } from '../chunk-G66QFZXD.js';
 import '../chunk-ECNNI3NT.js';
-import '../chunk-BDKM56TP.js';
-import { NotificationList } from '../chunk-JXSBOG2R.js';
-export { ActivityCard, ActivityFilters as ActivityFiltersBar, ActivityTable, BusinessImpactCard, CostBreakdownCard, CostByModelTable, CostMetricsCard, ErrorAnalysisCard, ErrorBreakdownTable, ExecutionBreakdownTable, ExecutionHealthCard, ExecutionLogsFilters as ExecutionLogsFilterBar, ExecutionLogsTable, NotificationItem, NotificationList, monitoringManifest } from '../chunk-JXSBOG2R.js';
-export { ResourceHealthPanel } from '../chunk-QARSVM7Q.js';
+import '../chunk-4KTLOK7K.js';
+export { ZodFormRenderer } from '../chunk-3MEXPLWT.js';
+import { NotificationList } from '../chunk-LWKZ3BCC.js';
+export { ActivityCard, ActivityFilters as ActivityFiltersBar, ActivityTable, BusinessImpactCard, CostBreakdownCard, CostByModelTable, CostMetricsCard, ErrorAnalysisCard, ErrorBreakdownTable, ExecutionBreakdownTable, ExecutionHealthCard, ExecutionLogsFilters as ExecutionLogsFilterBar, ExecutionLogsTable, NotificationItem, NotificationList, monitoringManifest } from '../chunk-LWKZ3BCC.js';
+export { ResourceHealthPanel } from '../chunk-YO2YORW4.js';
 export { ResourceHealthChart, getHealthColor } from '../chunk-LGKLC5MG.js';
-import '../chunk-KMAXFJPH.js';
+import '../chunk-OGXKOMUT.js';
+import '../chunk-CW3UNAF2.js';
 export { SEOSidebar, SEOSidebarMiddle, SEOSidebarTop, seoManifest } from '../chunk-DWK2QIAK.js';
-import { showAuthError } from '../chunk-C7IBFI5B.js';
-export { CreateCredentialModal, CredentialList, CredentialSettings, MembershipFeaturePanel, MembershipStatusBadge, OAuthConnectModal, OrganizationMembershipsList, WebhookUrlDisplayModal, settingsManifest, showAuthError } from '../chunk-C7IBFI5B.js';
+import { showAuthError } from '../chunk-UPMX5GJI.js';
+export { CreateCredentialModal, CredentialList, CredentialSettings, MembershipFeaturePanel, MembershipStatusBadge, OAuthConnectModal, OrganizationMembershipsList, WebhookUrlDisplayModal, settingsManifest, showAuthError } from '../chunk-UPMX5GJI.js';
 import { AppShellLoader } from '../chunk-RYTEQBAO.js';
-import { setDealReferrer, compareDealsByPriority } from '../chunk-SBQ4MYQV.js';
-export { ActivityFeedWidget, CrmOverview, CrmSidebar, CrmSidebarMiddle, CrmSidebarTop, DealDetailPage, DealsListPage, MetricsStrip, MyTasksPanel, PIPELINE_FUNNEL_ORDER, PipelineFunnelWidget, QuickCreateActions, SAVED_VIEW_PRESETS, SavedViewsPanel, crmManifest, useCrmPipelineSummary, useCrmQuickMetrics, useRecentCrmActivity } from '../chunk-SBQ4MYQV.js';
+import { setDealReferrer, compareDealsByPriority } from '../chunk-XZSEPJZQ.js';
+export { ActivityFeedWidget, CrmOverview, CrmSidebar, CrmSidebarMiddle, CrmSidebarTop, DealDetailPage, DealsListPage, MetricsStrip, MyTasksPanel, PIPELINE_FUNNEL_ORDER, PipelineFunnelWidget, QuickCreateActions, SAVED_VIEW_PRESETS, SavedViewsPanel, crmManifest, useCrmPipelineSummary, useCrmQuickMetrics, useRecentCrmActivity } from '../chunk-XZSEPJZQ.js';
 import '../chunk-BZZCNLT6.js';
 export { SortableHeader, TableSelectionToolbar } from '../chunk-TUMSNGTX.js';
 import '../chunk-X4WBGKJQ.js';
@@ -30,32 +33,31 @@ import { FilterBar } from '../chunk-PDHTXPSF.js';
 export { FilterBar } from '../chunk-PDHTXPSF.js';
 import { CustomModal } from '../chunk-KVJ3LFH2.js';
 export { ConfirmationInputModal, ConfirmationModal, CustomModal } from '../chunk-KVJ3LFH2.js';
-import '../chunk-SNHGSCKH.js';
+import '../chunk-XBMCDGHA.js';
+export { Graph_module_css_default as graphStyles } from '../chunk-22UVE3RA.js';
 export { CONTAINER_CONSTANTS, SHARED_VIZ_CONSTANTS } from '../chunk-E4WQGJNS.js';
 import '../chunk-7M2VOCYN.js';
-import { useCommandViewLayout, useOrganizationPermissions, useCreateOrgRole, usePermissionCatalog, useUpdateApiKey, useDeleteApiKey, useCreateApiKey, useListApiKeys, usePaginationState, useActivateDeployment, useDeactivateDeployment, useDeleteDeployment, useListDeployments, useResources, useCreateSchedule, useListSchedules, usePauseSchedule, useResumeSchedule, useCancelSchedule, useDeleteSchedule, useDeals, useTransitionItem, dealKeys, useMarkAllAsRead, useNotifications } from '../chunk-CPAJXBTL.js';
+import { useOrganizationPermissions, useCreateOrgRole, usePermissionCatalog, useUpdateApiKey, useDeleteApiKey, useCreateApiKey, useListApiKeys, usePaginationState, useActivateDeployment, useDeactivateDeployment, useDeleteDeployment, useListDeployments, useResources, useCreateSchedule, useListSchedules, usePauseSchedule, useResumeSchedule, useCancelSchedule, useDeleteSchedule, useDeals, useTransitionItem, dealKeys, useMarkAllAsRead, useNotifications } from '../chunk-YHBPR67D.js';
 import '../chunk-VKMNWHTL.js';
-import { showSuccessNotification, showErrorNotification, showApiErrorNotification } from '../chunk-HKBEURCV.js';
-export { showApiErrorNotification, showErrorNotification, showInfoNotification, showSuccessNotification, showWarningNotification } from '../chunk-HKBEURCV.js';
+import { showSuccessNotification, showErrorNotification, showApiErrorNotification } from '../chunk-G26INIF3.js';
+export { showApiErrorNotification, showErrorNotification, showInfoNotification, showSuccessNotification, showWarningNotification } from '../chunk-G26INIF3.js';
 import '../chunk-BRXELOHC.js';
-import { Graph_module_css_default, useDirectedChainHighlighting, useNodeSelection, GRAPH_CONSTANTS } from '../chunk-22UVE3RA.js';
-export { Graph_module_css_default as graphStyles } from '../chunk-22UVE3RA.js';
 import '../chunk-3ZMAGTWF.js';
 import '../chunk-VMJVQAFZ.js';
-import '../chunk-YRKQNPK2.js';
-import '../chunk-QIW6OCEI.js';
+import '../chunk-JPGX3533.js';
+import '../chunk-LH4GPYDX.js';
+import '../chunk-HLFFKKT3.js';
 import '../chunk-WLOQ4IBG.js';
-import '../chunk-TAIX4NO3.js';
-import { SubshellContentContainer } from '../chunk-TKAYX2SP.js';
-import { ListSkeleton, EmptyState, PageTitleCaption, StatCard, CenteredErrorState, CardHeader } from '../chunk-U36X6NZM.js';
-export { APIErrorAlert, ActivityTimeline, CardHeader, CenteredErrorState, CollapsibleSection, ContextViewer, CustomSelector, DetailCardSkeleton, EmptyState, FeatureUnavailableState, GlowDot, JsonViewer, ListSkeleton, PageNotFound, PageTitleCaption, ResourceCard, StatCard, StatCardSkeleton, StatsCardSkeleton, StatusBadge, TabCountBadge, TimeRangeSelector, TrendIndicator, catalogItemToResourceDefinition } from '../chunk-U36X6NZM.js';
-export { NavigationButton } from '../chunk-NYBEU5TE.js';
-import '../chunk-LPM7O6XM.js';
+import '../chunk-ZFLM2YVW.js';
+import { ListSkeleton, EmptyState, PageTitleCaption, StatCard, CenteredErrorState, CardHeader } from '../chunk-RIFTUOPE.js';
+export { APIErrorAlert, ActivityTimeline, CardHeader, CenteredErrorState, CollapsibleSection, ContextViewer, CustomSelector, DetailCardSkeleton, EmptyState, FeatureUnavailableState, GlowDot, JsonViewer, ListSkeleton, PageNotFound, PageTitleCaption, ResourceCard, StatCard, StatCardSkeleton, StatsCardSkeleton, StatusBadge, TabCountBadge, TimeRangeSelector, TrendIndicator } from '../chunk-RIFTUOPE.js';
+export { StyledMarkdown } from '../chunk-3KMDHCAR.js';
+import '../chunk-W2ZTLH7Y.js';
 export { ElevasisLoader } from '../chunk-SZHARWKU.js';
 import '../chunk-V3HUIZJX.js';
-export { StyledMarkdown } from '../chunk-3KMDHCAR.js';
-import '../chunk-5RLYII6P.js';
-import '../chunk-T6INEVX6.js';
+import { SubshellContentContainer } from '../chunk-TKAYX2SP.js';
+export { NavigationButton } from '../chunk-NYBEU5TE.js';
+import '../chunk-SGS4CQ2B.js';
 import '../chunk-2IFYDILW.js';
 import { useRouterContext } from '../chunk-Q7DJKLEN.js';
 export { RoleBadge } from '../chunk-GESXCQWY.js';
@@ -64,7 +66,7 @@ import { useAppearance } from '../chunk-E565XMTQ.js';
 import '../chunk-KU7ZDWQ7.js';
 import '../chunk-DT3QYZVU.js';
 import '../chunk-RNP5R5I3.js';
-import { getResourceIcon, getResourceColor, formatDateTime, PAGE_SIZE_DEFAULT, formatTimeAgo } from '../chunk-SGXXJE52.js';
+import { formatDateTime, PAGE_SIZE_DEFAULT, formatTimeAgo } from '../chunk-QD4X4H5A.js';
 import '../chunk-KRWALB24.js';
 import '../chunk-WFTNY755.js';
 import { useInitialization } from '../chunk-WKJ47GIW.js';
@@ -74,16 +76,14 @@ import { useElevasisServices } from '../chunk-5WWZXCS5.js';
 import '../chunk-BRJ3QZ4E.js';
 import '../chunk-I2KLQ2HA.js';
 import * as runtime from 'react/jsx-runtime';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { Stack, Group, ThemeIcon, Text, Badge, Box, Card, Title, Checkbox, Tooltip, Center, TextInput, Textarea, Loader, Alert, Button, Table, ActionIcon, Paper, Code, CopyButton, SimpleGrid, Pagination, SegmentedControl, Switch, Select, Divider, Menu, Timeline, Tabs, ScrollArea, Breadcrumbs as Breadcrumbs$1, Popover, Indicator } from '@mantine/core';
-import { IconBrain, IconDatabase, IconMessage, IconAlertCircle, IconCircleX, IconCircleCheck, IconBolt, IconHandClick, IconClock, IconWebhook, IconExternalLink, IconLock, IconPencil, IconKey, IconCalendar, IconTrash, IconAlertTriangle, IconExclamationMark, IconShieldLock, IconCheck, IconCopy, IconPlus, IconRocket, IconRefresh, IconPower, IconPlayerPlay, IconTag, IconCalendarRepeat, IconCalendarEvent, IconCalendarTime, IconRobot, IconGitBranch, IconSettings, IconDotsVertical, IconPlayerPause, IconPlayerStop, IconCalendarDue, IconCalendarStats, IconCalendarOff, IconListCheck, IconBell } from '@tabler/icons-react';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import { Stack, Card, Title, Checkbox, Group, Text, Tooltip, Center, TextInput, Textarea, Loader, Alert, Button, Table, ActionIcon, Paper, Code, CopyButton, SimpleGrid, Badge, Pagination, SegmentedControl, Switch, Select, Divider, Menu, Timeline, ThemeIcon, Tabs, ScrollArea, Breadcrumbs as Breadcrumbs$1, Box, Popover, Indicator } from '@mantine/core';
+import { IconLock, IconPencil, IconAlertCircle, IconKey, IconCalendar, IconClock, IconTrash, IconAlertTriangle, IconExclamationMark, IconShieldLock, IconCheck, IconCopy, IconPlus, IconRocket, IconRefresh, IconPower, IconPlayerPlay, IconCircleCheck, IconTag, IconCalendarRepeat, IconCalendarEvent, IconCalendarTime, IconRobot, IconGitBranch, IconSettings, IconExternalLink, IconDotsVertical, IconPlayerPause, IconPlayerStop, IconCalendarDue, IconCalendarStats, IconCalendarOff, IconListCheck, IconBell } from '@tabler/icons-react';
 import { useForm } from '@mantine/form';
-import { memo, forwardRef, useMemo, useImperativeHandle, useRef, useEffect, useState, useCallback, Component } from 'react';
+import { useRef, useEffect, useState, useMemo, useCallback, Component } from 'react';
 import { z } from 'zod';
 import { useDisclosure } from '@mantine/hooks';
 import { useQueryClient, useQuery } from '@tanstack/react-query';
-import { useReactFlow, ReactFlow, ReactFlowProvider } from '@xyflow/react';
-import '@xyflow/react/dist/style.css';
 import { Link, RichTextEditor as RichTextEditor$1 } from '@mantine/tiptap';
 import { useEditor } from '@tiptap/react';
 import Placeholder from '@tiptap/extension-placeholder';
@@ -2263,392 +2263,6 @@ var TaskScheduler = () => {
     )
   ] });
 };
-var triggerTypeIcons = {
-  webhook: IconWebhook,
-  schedule: IconClock,
-  manual: IconHandClick,
-  event: IconBolt
-};
-var connectionStatusIcons = {
-  connected: IconCircleCheck,
-  disconnected: IconCircleX,
-  error: IconAlertCircle
-};
-var statBubbleBase = {
-  minWidth: 20,
-  height: 20,
-  borderRadius: 10,
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "center",
-  fontSize: 11,
-  fontWeight: 600,
-  padding: "0 6px",
-  color: "white",
-  boxShadow: "0 2px 4px rgba(0,0,0,0.2)"
-};
-var CommandViewNode = memo(function CommandViewNode2({ data, selected }) {
-  const Icon = getResourceIcon(data.type);
-  const color = getResourceColor(data.type);
-  const successCount = (data.type === "agent" || data.type === "workflow") && data.stats ? data.stats.successCount : 0;
-  const failureCount = (data.type === "agent" || data.type === "workflow") && data.stats ? data.stats.failureCount : 0;
-  const warningCount = (data.type === "agent" || data.type === "workflow") && data.stats ? data.stats.warningCount : 0;
-  const pendingCount = data.type === "human" && data.stats ? data.stats.pendingCount : 0;
-  const showBubbles = successCount > 0 || failureCount > 0 || warningCount > 0 || pendingCount > 0;
-  return /* @__PURE__ */ jsxs("div", { style: { position: "relative" }, children: [
-    showBubbles && /* @__PURE__ */ jsxs(
-      "div",
-      {
-        style: {
-          position: "absolute",
-          top: -8,
-          right: -8,
-          display: "flex",
-          gap: 4,
-          zIndex: 10
-        },
-        children: [
-          successCount > 0 && /* @__PURE__ */ jsx(
-            "div",
-            {
-              style: {
-                ...statBubbleBase,
-                background: "linear-gradient(135deg, var(--mantine-color-green-5), var(--mantine-color-green-7))"
-              },
-              children: successCount
-            }
-          ),
-          warningCount > 0 && /* @__PURE__ */ jsx(
-            "div",
-            {
-              style: {
-                ...statBubbleBase,
-                background: "linear-gradient(135deg, var(--mantine-color-yellow-5), var(--mantine-color-yellow-7))"
-              },
-              children: warningCount
-            }
-          ),
-          failureCount > 0 && /* @__PURE__ */ jsx(
-            "div",
-            {
-              style: {
-                ...statBubbleBase,
-                background: "linear-gradient(135deg, var(--mantine-color-red-5), var(--mantine-color-red-7))"
-              },
-              children: failureCount
-            }
-          ),
-          pendingCount > 0 && /* @__PURE__ */ jsx(
-            "div",
-            {
-              style: {
-                ...statBubbleBase,
-                background: "linear-gradient(135deg, var(--mantine-color-orange-5), var(--mantine-color-orange-7))"
-              },
-              children: pendingCount
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx(BaseNode, { color, selected, highlighted: Boolean(data.highlighted), children: /* @__PURE__ */ jsxs(Stack, { gap: 8, children: [
-      /* @__PURE__ */ jsxs(Group, { gap: "xs", wrap: "nowrap", children: [
-        /* @__PURE__ */ jsx(
-          ThemeIcon,
-          {
-            size: "md",
-            variant: "gradient",
-            gradient: { from: `${color}.4`, to: `${color}.6`, deg: 135 },
-            className: Graph_module_css_default.nodeIcon,
-            children: /* @__PURE__ */ jsx(Icon, { size: 16 })
-          }
-        ),
-        /* @__PURE__ */ jsx(Text, { size: "sm", fw: 600, truncate: true, style: { flex: 1, fontFamily: "var(--elevasis-font-family-subtitle)" }, children: data.name })
-      ] }),
-      /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", lineClamp: 2, children: data.description }),
-      /* @__PURE__ */ jsxs(Group, { gap: 4, wrap: "wrap", children: [
-        /* @__PURE__ */ jsx(
-          Badge,
-          {
-            size: "xs",
-            variant: "gradient",
-            gradient: data.status === "prod" ? { from: "green.5", to: "green.7", deg: 135 } : { from: "blue.5", to: "blue.7", deg: 135 },
-            className: data.status === "prod" ? Graph_module_css_default.badgeProd : "",
-            style: {
-              textTransform: "uppercase",
-              letterSpacing: "0.5px"
-            },
-            children: data.status
-          }
-        ),
-        data.type === "agent" && /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsxs(
-            Badge,
-            {
-              size: "xs",
-              variant: "outline",
-              color: "gray",
-              className: Graph_module_css_default.badge,
-              style: { backdropFilter: "blur(4px)" },
-              children: [
-                data.toolCount,
-                " tools"
-              ]
-            }
-          ),
-          data.hasKnowledgeMap && /* @__PURE__ */ jsx(
-            Badge,
-            {
-              size: "xs",
-              variant: "gradient",
-              gradient: { from: "grape.5", to: "grape.7", deg: 135 },
-              leftSection: /* @__PURE__ */ jsx(IconBrain, { size: 10 }),
-              className: Graph_module_css_default.badge,
-              children: "KM"
-            }
-          ),
-          data.hasMemory && /* @__PURE__ */ jsx(
-            Badge,
-            {
-              size: "xs",
-              variant: "gradient",
-              gradient: { from: "cyan.5", to: "cyan.7", deg: 135 },
-              leftSection: /* @__PURE__ */ jsx(IconDatabase, { size: 10 }),
-              className: Graph_module_css_default.badge,
-              children: "Mem"
-            }
-          ),
-          data.sessionCapable && /* @__PURE__ */ jsx(
-            Badge,
-            {
-              size: "xs",
-              variant: "gradient",
-              gradient: { from: "blue.5", to: "blue.7", deg: 135 },
-              leftSection: /* @__PURE__ */ jsx(IconMessage, { size: 10 }),
-              className: Graph_module_css_default.badge,
-              children: "Session"
-            }
-          )
-        ] }),
-        data.type === "workflow" && /* @__PURE__ */ jsxs(
-          Badge,
-          {
-            size: "xs",
-            variant: "outline",
-            color: "gray",
-            className: Graph_module_css_default.badge,
-            style: { backdropFilter: "blur(4px)" },
-            children: [
-              data.stepCount,
-              " steps"
-            ]
-          }
-        ),
-        data.type === "integration" && /* @__PURE__ */ jsx(
-          Badge,
-          {
-            size: "xs",
-            variant: "gradient",
-            gradient: data.connectionStatus === "connected" ? { from: "green.5", to: "green.7", deg: 135 } : data.connectionStatus === "error" ? { from: "red.5", to: "red.7", deg: 135 } : { from: "gray.5", to: "gray.7", deg: 135 },
-            leftSection: (() => {
-              const StatusIcon = connectionStatusIcons[data.connectionStatus];
-              return /* @__PURE__ */ jsx(StatusIcon, { size: 10 });
-            })(),
-            className: Graph_module_css_default.badge,
-            children: data.connectionStatus
-          }
-        ),
-        data.type === "trigger" && /* @__PURE__ */ jsx(
-          Badge,
-          {
-            size: "xs",
-            variant: "outline",
-            color: "gray",
-            leftSection: (() => {
-              const TriggerIcon = triggerTypeIcons[data.triggerType] || IconBolt;
-              return /* @__PURE__ */ jsx(TriggerIcon, { size: 10 });
-            })(),
-            className: Graph_module_css_default.badge,
-            style: { backdropFilter: "blur(4px)" },
-            children: data.triggerType
-          }
-        ),
-        data.type === "external" && /* @__PURE__ */ jsx(
-          Badge,
-          {
-            size: "xs",
-            variant: "outline",
-            color: "gray",
-            leftSection: /* @__PURE__ */ jsx(IconExternalLink, { size: 10 }),
-            className: Graph_module_css_default.badge,
-            style: { backdropFilter: "blur(4px)" },
-            children: data.platform
-          }
-        ),
-        data.type === "human" && /* @__PURE__ */ jsx(
-          Badge,
-          {
-            size: "xs",
-            variant: "gradient",
-            gradient: { from: "yellow.5", to: "orange.6", deg: 135 },
-            leftSection: /* @__PURE__ */ jsx(IconHandClick, { size: 10 }),
-            className: Graph_module_css_default.badge,
-            children: "Approval Required"
-          }
-        )
-      ] })
-    ] }) })
-  ] });
-});
-var relationshipColorMap = {
-  triggers: { color: "edgeTriggers", glow: "edgeTriggersGlow" },
-  uses: { color: "edgeUses", glow: "edgeUsesGlow" },
-  approval: { color: "edgeApproval", glow: "edgeApprovalGlow" }
-};
-function getEdgeColors(relationship, colors) {
-  const mapping = relationshipColorMap[relationship] ?? relationshipColorMap.approval;
-  return {
-    edgeColor: colors[mapping.color],
-    glowColor: colors[mapping.glow]
-  };
-}
-var CommandViewEdge = memo(function CommandViewEdge2({
-  id,
-  sourceX,
-  sourceY,
-  targetX,
-  targetY,
-  sourcePosition,
-  targetPosition,
-  data,
-  selected
-}) {
-  const colors = useGraphTheme();
-  const relationship = data?.relationship || "uses";
-  const { edgeColor, glowColor } = getEdgeColors(relationship, colors);
-  return /* @__PURE__ */ jsx(
-    BaseEdge,
-    {
-      id,
-      sourceX,
-      sourceY,
-      targetX,
-      targetY,
-      sourcePosition,
-      targetPosition,
-      color: edgeColor,
-      glowColor,
-      label: data?.label || relationship,
-      animated: data?.animated ?? false,
-      selected,
-      dimmed: data?.dimmed,
-      edgeIndex: data?.edgeIndex,
-      totalEdges: data?.totalEdges
-    }
-  );
-});
-var nodeTypes = {
-  commandView: CommandViewNode
-};
-var edgeTypes = {
-  commandView: CommandViewEdge
-};
-var CommandViewGraphInner = forwardRef(function CommandViewGraphInner2({ graph, height, selectedNodeId, onNodeSelect }, ref) {
-  const { fitView } = useReactFlow();
-  const { nodes: layoutNodes, edges: layoutEdges } = useCommandViewLayout(graph);
-  const { nodes, edges, handleNodeMouseEnter, handleNodeMouseLeave } = useDirectedChainHighlighting(
-    layoutNodes,
-    layoutEdges,
-    { selectedNodeId }
-  );
-  const { handleNodeClick, handlePaneClick } = useNodeSelection(selectedNodeId ?? null, onNodeSelect ?? (() => {
-  }));
-  const nodesWithSelection = useMemo(
-    () => nodes.map((node) => ({
-      ...node,
-      selected: node.id === selectedNodeId
-    })),
-    [nodes, selectedNodeId]
-  );
-  useImperativeHandle(ref, () => ({
-    fitView: () => fitView({ padding: 0.15, duration: 300 })
-  }));
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      className: `elevasis-graph-root ${Graph_module_css_default.graphContainer}`,
-      style: {
-        width: "100%",
-        height,
-        border: "1px solid var(--color-border)",
-        borderRadius: "var(--mantine-radius-default)",
-        overflow: "hidden"
-      },
-      children: /* @__PURE__ */ jsxs(
-        ReactFlow,
-        {
-          nodes: nodesWithSelection,
-          edges,
-          nodeTypes,
-          edgeTypes,
-          onNodeMouseEnter: handleNodeMouseEnter,
-          onNodeMouseLeave: handleNodeMouseLeave,
-          onNodeClick: onNodeSelect ? handleNodeClick : void 0,
-          onPaneClick: onNodeSelect ? handlePaneClick : void 0,
-          fitView: true,
-          fitViewOptions: { padding: 0.15 },
-          proOptions: { hideAttribution: true },
-          minZoom: GRAPH_CONSTANTS.MIN_ZOOM,
-          maxZoom: GRAPH_CONSTANTS.MAX_ZOOM,
-          nodesDraggable: false,
-          nodesConnectable: false,
-          elementsSelectable: !!onNodeSelect,
-          selectNodesOnDrag: false,
-          panOnDrag: true,
-          zoomOnScroll: true,
-          zoomOnPinch: true,
-          panOnScroll: false,
-          children: [
-            /* @__PURE__ */ jsx(GraphBackground, {}),
-            /* @__PURE__ */ jsx(
-              GraphLegend,
-              {
-                title: "",
-                position: "bottom-right",
-                items: [
-                  { color: "orange", label: "Triggers" },
-                  { color: "violet", label: "Agents" },
-                  { color: "blue", label: "Workflows" },
-                  { color: "teal", label: "Integrations" },
-                  { color: "yellow", label: "Human" },
-                  { color: "gray", label: "External" }
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              GraphLegend,
-              {
-                title: "",
-                position: "bottom-left",
-                items: [
-                  { color: "blue", label: "Triggers", type: "line" },
-                  { color: "teal", label: "Uses", type: "line" },
-                  { color: "yellow", label: "Requires Approval", type: "line" }
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsx(GraphFitViewButton, { padding: 0.15, variant: "mantine", duration: 300 })
-          ]
-        }
-      )
-    }
-  );
-});
-var CommandViewGraph = forwardRef(
-  function CommandViewGraph2(props, ref) {
-    return /* @__PURE__ */ jsx(ReactFlowProvider, { children: /* @__PURE__ */ jsx(CommandViewGraphInner, { ref, ...props }) });
-  }
-);
 var tokens = {
   cardBg: "rgba(16, 16, 20, 0.92)",
   cardBorder: "rgba(255, 255, 255, 0.06)",
@@ -3611,4 +3225,4 @@ function NotificationBell({ unreadCount, onNavigate }) {
   ] });
 }
 
-export { AbsoluteScheduleForm, ApiKeyDisplayModal, ApiKeyList, ApiKeySettings, AppErrorBoundary, Breadcrumbs, Can, CommandViewEdge, CommandViewGraph, CommandViewNode, CrashErrorFallback, CreateApiKeyModal, CreateRoleModal, CreateScheduleModal, DEAL_STAGES, DEFAULT_KANBAN_CONFIG, DealKanbanCard, DeleteScheduleModal, DeploymentDetailModal, DeploymentList, DeploymentSettings, DeploymentStatusBadge, EditApiKeyModal, ErrorReportCard, KanbanBoard, MdxRenderer, NoAccessState, NotificationBell, NotificationPanel, PermissionMatrix, RecurringScheduleForm, RelativeScheduleForm, RichTextEditor, ScheduleCard, ScheduleDetailModal, ScheduleTypeSelector, TaskScheduler, buildErrorReport, mdxComponents };
+export { AbsoluteScheduleForm, ApiKeyDisplayModal, ApiKeyList, ApiKeySettings, AppErrorBoundary, Breadcrumbs, Can, CrashErrorFallback, CreateApiKeyModal, CreateRoleModal, CreateScheduleModal, DEAL_STAGES, DEFAULT_KANBAN_CONFIG, DealKanbanCard, DeleteScheduleModal, DeploymentDetailModal, DeploymentList, DeploymentSettings, DeploymentStatusBadge, EditApiKeyModal, ErrorReportCard, KanbanBoard, MdxRenderer, NoAccessState, NotificationBell, NotificationPanel, PermissionMatrix, RecurringScheduleForm, RelativeScheduleForm, RichTextEditor, ScheduleCard, ScheduleDetailModal, ScheduleTypeSelector, TaskScheduler, buildErrorReport, mdxComponents };

package/dist/components/navigation/index.css

@@ -138,14 +138,14 @@
 }
 .lead-gen-build-action-button:disabled,
 .lead-gen-build-action-button[data-disabled] {
-  background-color: color-mix(in srgb, var(--mantine-color-gray-8) 48%, var(--color-surface) 52%) !important;
-  border-color: color-mix(in srgb, var(--mantine-color-gray-8) 58%, var(--color-surface) 42%) !important;
+  background-color: var(--surface-primary-muted) !important;
+  border-color: var(--border-primary-subtle) !important;
   color: color-mix(in srgb, var(--color-text-subtle) 88%, var(--color-text-dimmed) 12%) !important;
   opacity: 0.78;
 }
 .lead-gen-build-action-button:disabled:hover,
 .lead-gen-build-action-button[data-disabled]:hover {
-  background-color: color-mix(in srgb, var(--mantine-color-gray-8) 48%, var(--color-surface) 52%) !important;
+  background-color: var(--surface-primary-muted) !important;
 }
 .mantine-Accordion-control:hover {
   background-color: var(--color-surface-hover);
@@ -153,8 +153,18 @@
 .mantine-Menu-item:hover:not([data-disabled]) {
   background-color: var(--color-surface-hover);
 }
-.mantine-Select-option:hover {
-  background-color: var(--color-surface-hover) !important;
+.mantine-Select-option:hover,
+.mantine-MultiSelect-option:hover,
+.mantine-TagsInput-option:hover,
+.mantine-Combobox-option:hover {
+  background-color: var(--surface-primary-muted) !important;
+}
+.mantine-Select-option[data-combobox-selected],
+.mantine-MultiSelect-option[data-combobox-selected],
+.mantine-TagsInput-option[data-combobox-selected],
+.mantine-Combobox-option[data-combobox-selected] {
+  background-color: var(--surface-primary-subtle) !important;
+  color: var(--color-text);
 }
 [data-mantine-color-scheme=dark] .mantine-Tabs-root {
   --tab-border-color: var(--color-border);
@@ -216,6 +226,16 @@
   display: none;
 }
 
+/* src/graph/Graph.globals.css */
+.elevasis-graph-root .react-flow__node.selected,
+.elevasis-graph-root .react-flow__node:focus,
+.elevasis-graph-root .react-flow__node:focus-visible {
+  outline: none !important;
+}
+.elevasis-graph-root .react-flow__node.selected > * {
+  box-shadow: none;
+}
+
 /* src/graph/Graph.module.css */
 @keyframes edgeFlow {
   0% {
@@ -589,13 +609,3 @@
     transform: none;
   }
 }
-
-/* src/graph/Graph.globals.css */
-.elevasis-graph-root .react-flow__node.selected,
-.elevasis-graph-root .react-flow__node:focus,
-.elevasis-graph-root .react-flow__node:focus-visible {
-  outline: none !important;
-}
-.elevasis-graph-root .react-flow__node.selected > * {
-  box-shadow: none;
-}