@elevasis/ui 2.0.1 → 2.0.3

package/dist/auth/index.js

@@ -1,5 +1,4 @@
-export { AdminGuard, ProtectedRoute, useSessionCheck as useRefocusSessionCheck, useSessionCheck } from '../chunk-RWQIFKMJ.js';
-export { useStableAccessToken } from '../chunk-ALA56RGZ.js';
+export { AdminGuard, ProtectedRoute, useSessionCheck as useRefocusSessionCheck, useSessionCheck, useStableAccessToken } from '../chunk-MTJ43R2E.js';
 import '../chunk-TUXTSEAF.js';
 import '../chunk-DD3CCMCZ.js';
 import '../chunk-QEPXAWE2.js';

package/dist/charts/index.js

@@ -1,15 +1,13 @@
-export { ActivityTrendChart, ChartFrame, CombinedTrendChart, CostTrendChart, CyberAreaChart, CyberDonut, CyberDonutTooltip, CyberLegendItem, HeroStatsRow, getSeriesColor, useCyberColors } from '../chunk-YUAE4IVA.js';
-import '../chunk-MCA6LOGM.js';
-import '../chunk-3KMDHCAR.js';
-import '../chunk-NNKKBSJN.js';
+export { ActivityTrendChart, ChartFrame, CombinedTrendChart, CostTrendChart, CyberAreaChart, CyberDonut, CyberDonutTooltip, CyberLegendItem, HeroStatsRow, getSeriesColor, useCyberColors } from '../chunk-KFICYU6S.js';
 import '../chunk-LXHZYSMQ.js';
-import '../chunk-ELJIFLCB.js';
-import '../chunk-SZHARWKU.js';
+import '../chunk-Y3D3WFJG.js';
+import '../chunk-3KMDHCAR.js';
+import '../chunk-NYBEU5TE.js';
 import '../chunk-2IFYDILW.js';
-import '../chunk-QJ2S46NI.js';
+import '../chunk-ELJIFLCB.js';
+import '../chunk-DT3QYZVU.js';
 import '../chunk-IOKL7BKE.js';
-import '../chunk-RWQIFKMJ.js';
-import '../chunk-ALA56RGZ.js';
+import '../chunk-MTJ43R2E.js';
 import '../chunk-TUXTSEAF.js';
 import '../chunk-DD3CCMCZ.js';
 import '../chunk-QEPXAWE2.js';

package/dist/{chunk-QTD5HPKD.js → chunk-35QO7M43.js}

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

package/dist/{chunk-QJ2S46NI.js → chunk-DT3QYZVU.js}

@@ -18,6 +18,6 @@ var sidebarToggleIconSize = 20;
 var sidebarSubLinkPaddingY = 6;
 var sidebarSubLinkPaddingX = 10;
 var sidebarGroupChevronSize = 14;
-var sidebarListItemIconSize = 14;
+var subshellNavItemIconSize = 14;
 
-export { sidebarBottomSectionCollapsedHeight, sidebarBottomSectionHeight, sidebarCollapsedWidth, sidebarGroupChevronSize, sidebarHoverDelay, sidebarIconInnerSize, sidebarIconSize, sidebarIconStroke, sidebarItemGap, sidebarItemHeight, sidebarItemPadding, sidebarListItemIconSize, sidebarSectionPadding, sidebarSubLinkIndent, sidebarSubLinkPaddingX, sidebarSubLinkPaddingY, sidebarToggleIconSize, sidebarTransitionDuration, sidebarWidth, topbarHeight };
+export { sidebarBottomSectionCollapsedHeight, sidebarBottomSectionHeight, sidebarCollapsedWidth, sidebarGroupChevronSize, sidebarHoverDelay, sidebarIconInnerSize, sidebarIconSize, sidebarIconStroke, sidebarItemGap, sidebarItemHeight, sidebarItemPadding, sidebarSectionPadding, sidebarSubLinkIndent, sidebarSubLinkPaddingX, sidebarSubLinkPaddingY, sidebarToggleIconSize, sidebarTransitionDuration, sidebarWidth, subshellNavItemIconSize, topbarHeight };

package/dist/{chunk-NEST7NA4.js → chunk-H762MTQ5.js}

@@ -1,28 +1,28 @@
 import { ChatHeader, ChatSidebar } from './chunk-ROSMICXG.js';
-import { SubshellSidebarSection, SubshellLoader, PageContainer, CollapsibleSidebarGroup, SidebarListItem } from './chunk-2IJCM3VQ.js';
-import { ResourceHealthPanel } from './chunk-YVDYRV4Q.js';
+import { SubshellSidebarSection, SubshellLoader, PageContainer, CollapsibleSidebarGroup, SubshellNavItem } from './chunk-OCP2MBTY.js';
+import { ResourceHealthPanel } from './chunk-OKKGD3S6.js';
 import { CustomModal, ConfirmationModal } from './chunk-GBMNCNHX.js';
-import { BaseNode, useGraphTheme, BaseEdge, GraphBackground, GraphLegend, GraphFitViewButton, ExecutionStats, UnifiedWorkflowGraph, WorkflowExecutionTimeline, AgentExecutionVisualizer, AgentExecutionTimeline, GraphFitViewHandler } from './chunk-N5BS2VIA.js';
-import { useCyberColors, CyberDonut } from './chunk-YUAE4IVA.js';
-import { JsonViewer, CardHeader, PageTitleCaption, CollapsibleSection, TabCountBadge, ResourceCard, ContextViewer, APIErrorAlert, EmptyState } from './chunk-MCA6LOGM.js';
-import { StyledMarkdown } from './chunk-3KMDHCAR.js';
-import { NavigationButton } from './chunk-NNKKBSJN.js';
-import { AppShellLoader } from './chunk-YYBM5LNJ.js';
-import { useStatusFilter, useResourceSearch, useResourcesDomainFilters, filterByDomainFilters, useCommandViewDomainFilters } from './chunk-7QNDXJQW.js';
-import { useCommandViewLayout, useErrorDetail, useExecution, useArchivedLogs, useDeleteExecution, useRetryExecution, useCancelExecution, useCommandQueueTotals, usePaginationState, useResources, useRecentExecutionsByResource, useExecuteAsync, useResourceDefinition, isSessionCapable, useDeleteTask, useCommandQueue, useSubmitAction, useCommandViewData, useCommandViewStore, useCommandViewStats, useCalibrationProjects, useCalibrationProject, useAllCalibrationProjects, useResourceExecutions, useCheckpointTasks, useCalibrationSSE, useCalibrationRunFull, useExecuteRun, useGradeRun, useCalibrationRuns, useExecutionPanelState, useDeleteSession, useCreateSession, useSessions, useSessionExecutions, useSession, showApiErrorNotification, showSuccessNotification, calibrationKeys, useDeleteProject, useCreateProject, useBulkDeleteExecutions } from './chunk-P6EELWRV.js';
+import { BaseNode, useGraphTheme, BaseEdge, GraphBackground, GraphLegend, GraphFitViewButton, ExecutionStats, UnifiedWorkflowGraph, WorkflowExecutionTimeline, AgentExecutionVisualizer, AgentExecutionTimeline, GraphFitViewHandler } from './chunk-PQNEE57X.js';
+import { useCyberColors, CyberDonut } from './chunk-KFICYU6S.js';
+import { AppShellLoader } from './chunk-YEX4MQSY.js';
+import { useStatusFilter, useResourceSearch, useResourcesDomainFilters, filterByDomainFilters, useCommandViewDomainFilters } from './chunk-PRLXFMNP.js';
+import { useCommandViewLayout, useErrorDetail, useExecution, useArchivedLogs, useDeleteExecution, useRetryExecution, useCancelExecution, useCommandQueueTotals, usePaginationState, useResources, useRecentExecutionsByResource, useExecuteAsync, useResourceDefinition, isSessionCapable, useDeleteTask, useCommandQueue, useSubmitAction, useCommandViewData, useCommandViewStore, useCommandViewStats, useCalibrationProjects, useCalibrationProject, useAllCalibrationProjects, useResourceExecutions, useCheckpointTasks, useCalibrationSSE, useCalibrationRunFull, useExecuteRun, useGradeRun, useCalibrationRuns, useExecutionPanelState, useDeleteSession, useCreateSession, useSessions, useSessionExecutions, useSession, showApiErrorNotification, showSuccessNotification, calibrationKeys, useDeleteProject, useCreateProject, useBulkDeleteExecutions } from './chunk-TZOGB3X4.js';
 import { Graph_module_css_default, useDirectedChainHighlighting, useNodeSelection, GRAPH_CONSTANTS, useGraphHighlighting, calculateGraphHeight } from './chunk-F6RBK7NJ.js';
 import { getResourceStatusColor, useMergedExecution, useTimelineData, useAgentIterationData, getStatusIcon } from './chunk-XA34RETF.js';
+import { useOptionalElevasisFeatures, useElevasisFeatures } from './chunk-MZPVNRPL.js';
+import { SubshellContainer, SubshellSidebar, SubshellRightSideContainer, SubshellContentContainer } from './chunk-RX4UWZZR.js';
+import { JsonViewer, CardHeader, PageTitleCaption, CollapsibleSection, TabCountBadge, ResourceCard, ContextViewer, APIErrorAlert, EmptyState } from './chunk-Y3D3WFJG.js';
+import { StyledMarkdown } from './chunk-3KMDHCAR.js';
+import { NavigationButton } from './chunk-NYBEU5TE.js';
 import { ResourceStatusColors, toWorkflowLogMessages } from './chunk-ELJIFLCB.js';
-import { useOptionalElevasisFeatures, useElevasisFeatures } from './chunk-VB4MVOPL.js';
-import { SubshellContainer, SubshellSidebar, SubshellRightSideContainer, SubshellContentContainer } from './chunk-5COLSYBE.js';
 import { useAppearance } from './chunk-QJ2KCHKX.js';
-import { topbarHeight } from './chunk-QJ2S46NI.js';
+import { topbarHeight } from './chunk-DT3QYZVU.js';
 import { getResourceIcon, getResourceColor, getErrorInfo, formatErrorMessage, formatRelativeTime, DOMAIN_MAP, getNodeId, PAGE_SIZE_DEFAULT } from './chunk-IOKL7BKE.js';
 import { useInitialization } from './chunk-TUXTSEAF.js';
 import { useOrganization } from './chunk-DD3CCMCZ.js';
 import { useRouterContext } from './chunk-Q7DJKLEN.js';
 import { Stack, Group, Text, Badge, ThemeIcon, Box, TextInput, Textarea, Radio, Checkbox, Select, NumberInput, Title, Alert, Button, ActionIcon, Collapse, Card, SimpleGrid, Divider, Paper, Space, CopyButton, Center, Tooltip, Code, Menu, useMantineTheme, UnstyledButton, RangeSlider, Loader, Progress, Tabs, Pagination, Modal, LoadingOverlay, SegmentedControl, Switch, Timeline, ScrollArea, Table } from '@mantine/core';
-import { IconBrain, IconFileText, IconDatabase, IconMessage, IconAlertCircle, IconCircleX, IconCircleCheck, IconBolt, IconHandClick, IconClock, IconWebhook, IconExternalLink, IconMail, IconSend, IconArrowUp, IconMessageCircle, IconRocket, IconEye, IconEdit, IconAlertTriangle, IconRefresh, IconX, IconCheck, IconCode, IconChevronRight, IconTool, IconSettings, IconCpu, IconClockHour4, IconVersions, IconPlayerPlay, IconNetwork, IconSitemap, IconCopy, IconPlayerStop, IconReload, IconTrash, IconTerminal2, IconBug, IconChevronDown, IconArrowLeft, IconRobot, IconGitBranch, IconDotsVertical, IconFilter, IconCategory, IconApps, IconRoute, IconAdjustmentsHorizontal, IconSearch, IconCircleDashed, IconPlus, IconAdjustments, IconChartBar, IconReportAnalytics, IconCoin, IconFlask, IconInfoCircle, IconLayoutSidebarRightExpand, IconNote, IconArchive, IconDownload, IconTimeline, IconHistory } from '@tabler/icons-react';
+import { IconBrain, IconFileText, IconDatabase, IconMessage, IconAlertCircle, IconCircleX, IconCircleCheck, IconBolt, IconHandClick, IconClock, IconWebhook, IconExternalLink, IconMail, IconSend, IconArrowUp, IconMessageCircle, IconRocket, IconEye, IconEdit, IconAlertTriangle, IconRefresh, IconX, IconCheck, IconCode, IconChevronRight, IconTool, IconSettings, IconCpu, IconClockHour4, IconVersions, IconPlayerPlay, IconNetwork, IconSitemap, IconCopy, IconPlayerStop, IconReload, IconTrash, IconTerminal2, IconBug, IconChevronDown, IconArrowLeft, IconRobot, IconGitBranch, IconDotsVertical, IconFilter, IconCategory, IconApps, IconRoute, IconAdjustmentsHorizontal, IconSearch, IconCircleDashed, IconPlus, IconAdjustments, IconChartBar, IconReportAnalytics, IconCoin, IconBriefcase, IconFlask, IconInfoCircle, IconLayoutSidebarRightExpand, IconNote, IconArchive, IconDownload, IconTimeline, IconHistory } from '@tabler/icons-react';
 import { useForm } from '@mantine/form';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { memo, forwardRef, useMemo, useImperativeHandle, useState, useRef, useCallback, useEffect } from 'react';
@@ -4534,7 +4534,7 @@ function CommandViewSidebarContent({ timeRange }) {
     if (!selectedNode || !selectedResourceId) return null;
     if (selectedNode.type === "agent") return `/operations/resources/agent/${selectedResourceId}`;
     if (selectedNode.type === "workflow") return `/operations/resources/workflow/${selectedResourceId}`;
-    if (selectedNode.type === "human") return `/command-center/command-queue?checkpoint=${selectedResourceId}`;
+    if (selectedNode.type === "human") return `/operations/command-queue?checkpoint=${selectedResourceId}`;
     return null;
   };
   const resourceUrl = selectedNode?.type === "agent" ? `/operations/resources/agent/${selectedResourceId}` : `/operations/resources/workflow/${selectedResourceId}`;
@@ -4730,7 +4730,7 @@ function CommandViewSidebarContent({ timeRange }) {
                 padding: "xs",
                 withBorder: true,
                 component: "a",
-                href: `/command-center/command-queue?task=${task.id}`,
+                href: `/operations/command-queue?task=${task.id}`,
                 target: "_blank",
                 rel: "noopener noreferrer",
                 style: HOVER_CARD_STYLE,
@@ -5269,11 +5269,15 @@ function CalibrationSidebar({
         overflow: "hidden"
       },
       children: [
-        /* @__PURE__ */ jsxs(Group, { justify: "space-between", mb: "md", mt: "-4", pt: "0", style: { flexShrink: 0 }, children: [
-          /* @__PURE__ */ jsx(Text, { size: "xs", fw: 600, c: "dimmed", tt: "uppercase", children: "Projects" }),
-          /* @__PURE__ */ jsx(UnstyledButton, { title: "Refresh projects", onClick: handleRefresh, children: /* @__PURE__ */ jsx(IconRefresh, { size: 14, style: { opacity: 0.6 } }) })
-        ] }),
-        /* @__PURE__ */ jsx(ScrollArea, { style: { flex: 1, minHeight: 0 }, scrollbarSize: 8, children: isInitialLoading ? /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, { size: "sm" }) }) : projects && projects.length > 0 ? /* @__PURE__ */ jsx(Stack, { gap: "xs", children: projects.map((project) => /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx(
+          SubshellSidebarSection,
+          {
+            icon: IconBriefcase,
+            label: "Projects",
+            rightSection: /* @__PURE__ */ jsx(UnstyledButton, { title: "Refresh projects", onClick: handleRefresh, children: /* @__PURE__ */ jsx(IconRefresh, { size: 14, style: { opacity: 0.6 } }) })
+          }
+        ),
+        /* @__PURE__ */ jsx(ScrollArea, { style: { flex: 1, minHeight: 0 }, scrollbarSize: 8, children: isInitialLoading ? /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, { size: "sm" }) }) : projects && projects.length > 0 ? /* @__PURE__ */ jsx(Stack, { gap: "xs", p: "sm", children: projects.map((project) => /* @__PURE__ */ jsx(
           ProjectGroup,
           {
             project,
@@ -5285,7 +5289,7 @@ function CalibrationSidebar({
             onRunClick
           },
           project.id
-        )) }) : /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", style: { padding: "6px 8px" }, children: "No projects yet" }) })
+        )) }) : /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", style: { padding: theme.spacing.sm }, children: "No projects yet" }) })
       ]
     }
   );
@@ -5321,7 +5325,7 @@ function ProjectGroup({
   );
 }
 function RunItem({ run, isActive, onRunClick }) {
-  return /* @__PURE__ */ jsx(SidebarListItem, { icon: IconPlayerPlay, label: run.name, isActive, onClick: () => onRunClick(run.id) });
+  return /* @__PURE__ */ jsx(SubshellNavItem, { icon: IconPlayerPlay, label: run.name, isActive, onClick: () => onRunClick(run.id) });
 }
 function WorkflowExecutionPanel({
   resourceId,
@@ -6652,7 +6656,7 @@ var operationsManifest = {
   key: "operations",
   label: "Operations",
   sidebar: OperationsSidebar,
-  subshellRoutes: ["/operations/resources"],
+  subshellRoutes: ["/operations"],
   navEntry: {
     label: "Operations",
     icon: IconCode,
@@ -6663,6 +6667,8 @@ var operationsManifest = {
       { label: "Resources", link: "/operations/resources" },
       { label: "Command View", link: "/operations/command-view" },
       { label: "Command Queue", link: "/operations/command-queue" },
+      { label: "Calibration", link: "/operations/calibration" },
+      { label: "Sessions", link: "/operations/sessions" },
       { label: "Task Scheduler", link: "/operations/task-scheduler" }
     ]
   }

package/dist/{chunk-YUAE4IVA.js → chunk-KFICYU6S.js}

@@ -1,5 +1,5 @@
-import { CardHeader, CenteredErrorState, TrendIndicator, EmptyState, StatCard } from './chunk-MCA6LOGM.js';
 import { getTimeRangeLabel, getTimeRangeDates, useErrorTrends, formatBucketTime } from './chunk-LXHZYSMQ.js';
+import { CardHeader, CenteredErrorState, TrendIndicator, EmptyState, StatCard } from './chunk-Y3D3WFJG.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-RWQIFKMJ.js → chunk-MTJ43R2E.js}

@@ -1,10 +1,18 @@
 import { useInitialization } from './chunk-TUXTSEAF.js';
 import { useAuthContext } from './chunk-BRJ3QZ4E.js';
-import { useRef, useEffect } from 'react';
+import { useRef, useCallback, useEffect } from 'react';
 import { useQueryClient } from '@tanstack/react-query';
 import { useNavigate, useLocation } from '@tanstack/react-router';
 import { jsx, Fragment } from 'react/jsx-runtime';
 
+function useStableAccessToken() {
+  const { getAccessToken } = useAuthContext();
+  const getAccessTokenRef = useRef(getAccessToken);
+  getAccessTokenRef.current = getAccessToken;
+  return useCallback(() => {
+    return getAccessTokenRef.current();
+  }, []);
+}
 function useSessionCheck() {
   const { user } = useAuthContext();
   const queryClient = useQueryClient();
@@ -105,4 +113,4 @@ function AdminGuard({ children, redirectTo = "/", fallback = null }) {
   return /* @__PURE__ */ jsx(Fragment, { children });
 }
 
-export { AdminGuard, ProtectedRoute, useSessionCheck };
+export { AdminGuard, ProtectedRoute, useSessionCheck, useStableAccessToken };

package/dist/{chunk-CD6UPIXK.js → chunk-MVJ4TSSA.js}

@@ -1,21 +1,21 @@
 import { FilterBar } from './chunk-PDHTXPSF.js';
 import { CustomModal } from './chunk-GBMNCNHX.js';
-import { ListSkeleton, EmptyState, PageTitleCaption, CardHeader, APIErrorAlert, StatCard } from './chunk-MCA6LOGM.js';
-import { AppShellLoader } from './chunk-YYBM5LNJ.js';
-import { useAvailablePresets } from './chunk-QTD5HPKD.js';
-import { useDeleteCredential, useCreateCredential, useCredentials, MEMBERSHIP_STATUS_COLORS, transformMembershipToTableRow, useUserMemberships, useUpdateWebhookEndpoint, useDeleteWebhookEndpoint, useCreateWebhookEndpoint, useListWebhookEndpoints, useUpdateMemberConfig, useOrganizationMembers, useUpdateCredential, CredentialSchemas } from './chunk-7QNDXJQW.js';
-import { useResources, showErrorNotification } from './chunk-P6EELWRV.js';
+import { AppShellLoader } from './chunk-YEX4MQSY.js';
+import { useAvailablePresets } from './chunk-35QO7M43.js';
+import { useDeleteCredential, useCreateCredential, useCredentials, MEMBERSHIP_STATUS_COLORS, transformMembershipToTableRow, useUserMemberships, useUpdateWebhookEndpoint, useDeleteWebhookEndpoint, useCreateWebhookEndpoint, useListWebhookEndpoints, useUpdateMemberConfig, useOrganizationMembers, useUpdateCredential, CredentialSchemas } from './chunk-PRLXFMNP.js';
+import { useResources, showErrorNotification } from './chunk-TZOGB3X4.js';
+import { ListSkeleton, EmptyState, PageTitleCaption, CardHeader, APIErrorAlert, StatCard } from './chunk-Y3D3WFJG.js';
 import { formatDateTime, OAUTH_POPUP_CHECK_INTERVAL, OAUTH_FLOW_TIMEOUT } from './chunk-IOKL7BKE.js';
 import { useInitialization } from './chunk-TUXTSEAF.js';
 import { useElevasisServices } from './chunk-QEPXAWE2.js';
 import { Table, Group, Text, Tooltip, ActionIcon, Stack, Title, Button, Select, TextInput, Alert, PasswordInput, Anchor, Paper, Card, Switch, Badge, Center, Loader, Box, Code, CopyButton, ThemeIcon, useMantineColorScheme, SimpleGrid, UnstyledButton, Divider, Textarea } from '@mantine/core';
-import { IconSettings, IconKey, IconCalendar, IconPencil, IconTrash, IconAlertTriangle, IconInfoCircle, IconExclamationMark, IconPlus, IconAlertCircle, IconUsers, IconSearch, IconBuilding, IconEdit, IconUserX, IconUserCheck, IconWebhook, IconCheck, IconCopy, IconUser, IconMail, IconRefresh, IconPalette, IconSun, IconEye, IconSparkles, IconTrendingUp, IconClock, IconPlayerPause, IconPlayerPlay, IconActivity, IconBrandDropbox, IconRocket, IconBrandGithub, IconBrandGmail, IconBrandGoogleDrive, IconPlug, IconBrandSlack, IconMoon, IconDeviceDesktop } from '@tabler/icons-react';
+import { IconSettings, IconKey, IconCalendar, IconPencil, IconTrash, IconAlertTriangle, IconInfoCircle, IconExclamationMark, IconPlus, IconAlertCircle, IconUsers, IconSearch, IconBuilding, IconWebhook, IconCheck, IconCopy, IconUser, IconMail, IconRefresh, IconPalette, IconSun, IconEye, IconSparkles, IconTrendingUp, IconClock, IconPlayerPause, IconPlayerPlay, IconActivity, IconBrandDropbox, IconBrandGoogleDrive, IconPlug, IconMoon, IconDeviceDesktop } from '@tabler/icons-react';
 import { z } from 'zod';
 import { useState, useEffect, useRef, useMemo, useCallback } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useForm } from '@mantine/form';
-import { notifications } from '@mantine/notifications';
 import { useMutation, useQueryClient } from '@tanstack/react-query';
+import { notifications } from '@mantine/notifications';
 import { create } from 'zustand';
 
 // ../core/src/integrations/oauth/provider-registry.ts
@@ -546,9 +546,7 @@ function MembershipStatusBadge({ status, size = "sm", variant = "light" }) {
 function OrganizationMembershipsList({
   memberships,
   loading,
-  error,
-  onEditRole,
-  onLeaveOrganization
+  error
 }) {
   const [searchTerm, setSearchTerm] = useState("");
   const [statusFilter, setStatusFilter] = useState("");
@@ -623,40 +621,7 @@ function OrganizationMembershipsList({
           /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Badge, { variant: "light", color: "blue", size: "sm", children: row.role }) }),
           /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(MembershipStatusBadge, { status: row.status }) }),
           /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: row.joinedAt.toLocaleDateString() }) }),
-          /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
-            row.canEdit && onEditRole && /* @__PURE__ */ jsx(
-              ActionIcon,
-              {
-                variant: "subtle",
-                size: "sm",
-                color: "blue",
-                onClick: () => onEditRole(row.id),
-                disabled: row.status !== "active",
-                children: /* @__PURE__ */ jsx(IconEdit, { size: 16 })
-              }
-            ),
-            row.canRemove && onLeaveOrganization && row.status === "active" && /* @__PURE__ */ jsx(
-              ActionIcon,
-              {
-                variant: "subtle",
-                size: "sm",
-                color: "red",
-                onClick: () => onLeaveOrganization(row.id),
-                children: /* @__PURE__ */ jsx(IconUserX, { size: 16 })
-              }
-            ),
-            row.status === "inactive" && /* @__PURE__ */ jsx(
-              ActionIcon,
-              {
-                variant: "subtle",
-                size: "sm",
-                color: "green",
-                disabled: true,
-                title: "Contact admin to reactivate",
-                children: /* @__PURE__ */ jsx(IconUserCheck, { size: 16 })
-              }
-            )
-          ] }) })
+          /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Group, { gap: "xs", children: /* @__PURE__ */ jsx(ActionIcon, { variant: "light", size: "sm", color: "gray", title: "Configure member access", children: /* @__PURE__ */ jsx(IconSettings, { size: 14 }) }) }) })
         ] }, row.id)) })
       ] }) })
     ] })
@@ -758,20 +723,6 @@ function AccountSettings({
     }
   });
   const { data: memberships = [], isLoading, error } = useUserMemberships(user?.id || "");
-  const handleEditRole = (_membershipId) => {
-    notifications.show({
-      title: "Edit Role",
-      message: "Role editing functionality coming soon",
-      color: "blue"
-    });
-  };
-  const handleLeaveOrganization = (_membershipId) => {
-    notifications.show({
-      title: "Leave Organization",
-      message: "Leave organization functionality coming soon",
-      color: "orange"
-    });
-  };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(PageTitleCaption, { title: "Account Settings", caption: "Manage your account and organization memberships" }),
     user && /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
@@ -832,9 +783,7 @@ function AccountSettings({
       {
         memberships,
         loading: isLoading,
-        error,
-        onEditRole: handleEditRole,
-        onLeaveOrganization: handleLeaveOrganization
+        error
       }
     ),
     error && /* @__PURE__ */ jsxs(Alert, { icon: /* @__PURE__ */ jsx(IconAlertCircle, { size: 16 }), title: "Error", color: "red", children: [
@@ -1995,21 +1944,9 @@ function EditCredentialModal({ apiUrl, credential, onClose }) {
   ] }) });
 }
 var PROVIDER_ICONS = {
-  slack: IconBrandSlack,
-  attio: IconPlug,
-  // Attio doesn't have a brand icon
   "google-sheets": IconBrandGoogleDrive,
-  gmail: IconBrandGmail,
-  github: IconBrandGithub,
-  linear: IconRocket,
   dropbox: IconBrandDropbox
 };
-var MOCK_PROVIDERS = [
-  { id: "google-sheets", name: "Google Sheets", available: false },
-  { id: "gmail", name: "Gmail", available: false },
-  { id: "github", name: "GitHub", available: false },
-  { id: "linear", name: "Linear", available: false }
-];
 function OAuthIntegrationsCard({ apiUrl }) {
   const [selectedProviderId, setSelectedProviderId] = useState(null);
   const [modalOpened, setModalOpened] = useState(false);
@@ -2030,11 +1967,7 @@ function OAuthIntegrationsCard({ apiUrl }) {
     setSelectedProviderId(providerId);
     setModalOpened(true);
   };
-  const realProviders = Object.values(OAUTH_PROVIDERS).map((p) => ({
-    ...p,
-    available: true
-  }));
-  const allProviders = [...realProviders, ...MOCK_PROVIDERS];
+  const providers = Object.values(OAUTH_PROVIDERS);
   const selectedProvider = selectedProviderId ? OAUTH_PROVIDERS[selectedProviderId] : null;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { children: [
@@ -2042,38 +1975,15 @@ function OAuthIntegrationsCard({ apiUrl }) {
         /* @__PURE__ */ jsx(Title, { order: 3, children: "OAuth Integrations" }),
         /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", mt: 4, children: "Connect third-party services using OAuth 2.0" })
       ] }) }),
-      /* @__PURE__ */ jsx(SimpleGrid, { cols: { base: 1, sm: 2, md: 3 }, children: allProviders.map((provider) => {
+      /* @__PURE__ */ jsx(SimpleGrid, { cols: { base: 1, sm: 2, md: 3 }, children: providers.map((provider) => {
         const Icon = PROVIDER_ICONS[provider.id] || IconPlug;
-        return /* @__PURE__ */ jsx(
-          Card,
-          {
-            withBorder: true,
-            style: {
-              opacity: provider.available ? 1 : 0.6
-            },
-            children: /* @__PURE__ */ jsxs(Stack, { children: [
-              /* @__PURE__ */ jsx(Group, { justify: "space-between", align: "flex-start", children: /* @__PURE__ */ jsxs(Group, { gap: "sm", children: [
-                /* @__PURE__ */ jsx(ThemeIcon, { size: "lg", variant: "light", color: provider.available ? "blue" : "gray", children: /* @__PURE__ */ jsx(Icon, { size: 20 }) }),
-                /* @__PURE__ */ jsxs("div", { children: [
-                  /* @__PURE__ */ jsx(Text, { fw: 600, style: { fontFamily: "var(--mantine-font-family-headings)" }, children: provider.name }),
-                  !provider.available && /* @__PURE__ */ jsx(Badge, { color: "gray", variant: "light", size: "xs", mt: 4, children: "Coming Soon" })
-                ] })
-              ] }) }),
-              /* @__PURE__ */ jsx(
-                Button,
-                {
-                  variant: "filled",
-                  size: "sm",
-                  onClick: () => handleOpenModal(provider.id),
-                  disabled: !provider.available,
-                  fullWidth: true,
-                  children: "Connect"
-                }
-              )
-            ] })
-          },
-          provider.id
-        );
+        return /* @__PURE__ */ jsx(Card, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { children: [
+          /* @__PURE__ */ jsx(Group, { justify: "space-between", align: "flex-start", children: /* @__PURE__ */ jsxs(Group, { gap: "sm", children: [
+            /* @__PURE__ */ jsx(ThemeIcon, { size: "lg", variant: "light", color: "blue", children: /* @__PURE__ */ jsx(Icon, { size: 20 }) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Text, { fw: 600, style: { fontFamily: "var(--mantine-font-family-headings)" }, children: provider.name }) })
+          ] }) }),
+          /* @__PURE__ */ jsx(Button, { variant: "filled", size: "sm", onClick: () => handleOpenModal(provider.id), fullWidth: true, children: "Connect" })
+        ] }) }, provider.id);
       }) })
     ] }) }),
     /* @__PURE__ */ jsx(
@@ -2098,7 +2008,7 @@ var settingsManifest = {
   navEntry: {
     label: "Settings",
     icon: IconSettings,
-    link: "/settings",
+    link: "/settings/account",
     dataOnboardingTourId: "settings-gear",
     links: [
       { label: "Account", link: "/settings/account" },

package/dist/{chunk-VB4MVOPL.js → chunk-MZPVNRPL.js}

@@ -1,4 +1,5 @@
-import { SubshellContainer, SubshellSidebar, SubshellRightSideContainer } from './chunk-5COLSYBE.js';
+import { SubshellContainer, SubshellSidebar, SubshellRightSideContainer } from './chunk-RX4UWZZR.js';
+import { FeatureUnavailableState } from './chunk-Y3D3WFJG.js';
 import { ApiClientProvider, useApiClient } from './chunk-NVOCKXUQ.js';
 import { OrganizationProvider } from './chunk-W4VYXIN7.js';
 import { getErrorInfo, getErrorTitle, formatErrorMessage } from './chunk-IOKL7BKE.js';
@@ -185,19 +186,118 @@ function useOptionalElevasisFeatures() {
 function getEnabledFeatures(features, hasFeature) {
   return features.filter((feature) => hasFeature(feature.key));
 }
-function getNavItems(features) {
-  return features.flatMap((feature) => feature.navEntry ? [feature.navEntry] : []);
+function normalizeRoutePath(path) {
+  const trimmedPath = path.trim();
+  if (!trimmedPath || trimmedPath === "/") {
+    return "/";
+  }
+  return trimmedPath.replace(/\/+$/, "") || "/";
+}
+function isRouteMatch(currentPath, route) {
+  const normalizedCurrentPath = normalizeRoutePath(currentPath);
+  const normalizedRoute = normalizeRoutePath(route);
+  return normalizedCurrentPath === normalizedRoute || normalizedCurrentPath.startsWith(`${normalizedRoute}/`);
+}
+function filterNavLinks(links, disabledSubsectionPaths, isFeatureEnabled) {
+  return links.flatMap((link) => {
+    if (link.featureKey && !isFeatureEnabled(link.featureKey)) {
+      return [];
+    }
+    if (disabledSubsectionPaths.some((disabledPath) => isRouteMatch(link.link, disabledPath))) {
+      return [];
+    }
+    const nestedLinks = link.links?.length ? filterNavLinks(link.links, disabledSubsectionPaths, isFeatureEnabled) : void 0;
+    return [
+      {
+        ...link,
+        links: nestedLinks
+      }
+    ];
+  });
+}
+function getNavItems(features, disabledSubsectionPaths, isFeatureEnabled) {
+  return features.flatMap((feature) => {
+    if (!feature.navEntry) {
+      return [];
+    }
+    const links = feature.navEntry.links?.length ? filterNavLinks(feature.navEntry.links, disabledSubsectionPaths, isFeatureEnabled) : void 0;
+    return [
+      {
+        ...feature.navEntry,
+        links
+      }
+    ];
+  });
+}
+function findMatchingNavLink(links, currentPath) {
+  for (const link of links) {
+    if (link.links?.length) {
+      const nestedLink = findMatchingNavLink(link.links, currentPath);
+      if (nestedLink) {
+        return nestedLink;
+      }
+    }
+    if (isRouteMatch(currentPath, link.link)) {
+      return link;
+    }
+  }
+  return null;
+}
+function isHiddenNavLink(link, disabledSubsectionPaths, isFeatureEnabled) {
+  if (link.featureKey && !isFeatureEnabled(link.featureKey)) {
+    return true;
+  }
+  return disabledSubsectionPaths.some((disabledPath) => isRouteMatch(link.link, disabledPath));
+}
+function resolveNavRoute(features, currentPath, disabledSubsectionPaths, isFeatureEnabled) {
+  for (const feature of features) {
+    const navEntry = feature.navEntry;
+    const matchesSubshell = feature.subshellRoutes?.some((route) => isRouteMatch(currentPath, route)) ?? false;
+    const matchesEntryLink = navEntry?.link ? isRouteMatch(currentPath, navEntry.link) : false;
+    const matchedLink = navEntry?.links?.length ? findMatchingNavLink(navEntry.links, currentPath) : null;
+    if (!matchesSubshell && !matchesEntryLink && !matchedLink) {
+      continue;
+    }
+    if (matchedLink && isHiddenNavLink(matchedLink, disabledSubsectionPaths, isFeatureEnabled)) {
+      return {
+        state: "disabled",
+        path: currentPath,
+        feature,
+        navEntry,
+        navLink: matchedLink
+      };
+    }
+    return {
+      state: "enabled",
+      path: currentPath,
+      feature,
+      navEntry,
+      navLink: matchedLink ?? void 0
+    };
+  }
+  return {
+    state: "missing",
+    path: currentPath
+  };
 }
 function ElevasisFeaturesProvider({
   features,
   timeRange,
   operationsApiUrl,
   operationsSSEManager,
+  disabledSubsectionPaths = [],
   children
 }) {
   const { hasFeature } = useFeatureAccess();
+  const normalizedDisabledSubsectionPaths = useMemo(
+    () => disabledSubsectionPaths.map((path) => normalizeRoutePath(path)),
+    [disabledSubsectionPaths]
+  );
   const enabledFeatures = useMemo(() => getEnabledFeatures(features, hasFeature), [features, hasFeature]);
-  const navItems = useMemo(() => getNavItems(enabledFeatures), [enabledFeatures]);
+  const navItems = useMemo(
+    () => getNavItems(enabledFeatures, normalizedDisabledSubsectionPaths, hasFeature),
+    [enabledFeatures, normalizedDisabledSubsectionPaths, hasFeature]
+  );
   const getFeature = useCallback(
     (key) => features.find((feature) => feature.key === key),
     [features]
@@ -206,6 +306,10 @@ function ElevasisFeaturesProvider({
     (key) => enabledFeatures.some((feature) => feature.key === key),
     [enabledFeatures]
   );
+  const resolveNavRouteByPath = useCallback(
+    (path) => resolveNavRoute(enabledFeatures, path, normalizedDisabledSubsectionPaths, isFeatureEnabled),
+    [enabledFeatures, normalizedDisabledSubsectionPaths, isFeatureEnabled]
+  );
   const value = useMemo(
     () => ({
       navItems,
@@ -214,38 +318,37 @@ function ElevasisFeaturesProvider({
       timeRange,
       operationsApiUrl,
       operationsSSEManager,
+      disabledSubsectionPaths: normalizedDisabledSubsectionPaths,
       isFeatureEnabled,
-      getFeature
+      getFeature,
+      resolveNavRoute: resolveNavRouteByPath
     }),
-    [navItems, enabledFeatures, features, timeRange, operationsApiUrl, operationsSSEManager, isFeatureEnabled, getFeature]
+    [
+      navItems,
+      enabledFeatures,
+      features,
+      timeRange,
+      operationsApiUrl,
+      operationsSSEManager,
+      normalizedDisabledSubsectionPaths,
+      isFeatureEnabled,
+      getFeature,
+      resolveNavRouteByPath
+    ]
   );
   return /* @__PURE__ */ jsx(ElevasisFeaturesContext.Provider, { value, children });
 }
-function isRouteMatch(currentPath, route) {
-  return currentPath.startsWith(route);
-}
-function resolveFeatureShellFeature(features, currentPath) {
-  for (const feature of features) {
-    if (!feature.sidebar || !feature.subshellRoutes?.length) {
-      continue;
-    }
-    if (feature.subshellRoutes.some((route) => isRouteMatch(currentPath, route))) {
-      return feature;
-    }
-  }
-  return null;
-}
 function FeatureShell({ children }) {
-  const { enabledFeatures } = useElevasisFeatures();
+  const { resolveNavRoute: resolveNavRoute2 } = useElevasisFeatures();
   const { currentPath } = useRouterContext();
-  const matchedFeature = useMemo(
-    () => resolveFeatureShellFeature(enabledFeatures, currentPath),
-    [enabledFeatures, currentPath]
-  );
-  if (!matchedFeature?.sidebar) {
+  const routeResolution = resolveNavRoute2(currentPath);
+  if (routeResolution.state === "disabled") {
+    return /* @__PURE__ */ jsx(FeatureUnavailableState, { path: currentPath });
+  }
+  if (routeResolution.state !== "enabled" || !routeResolution.feature?.sidebar) {
     return /* @__PURE__ */ jsx(Fragment, { children });
   }
-  const SidebarComponent = matchedFeature.sidebar;
+  const SidebarComponent = routeResolution.feature.sidebar;
   return /* @__PURE__ */ jsxs(SubshellContainer, { children: [
     /* @__PURE__ */ jsx(SubshellSidebar, { width: 250, children: /* @__PURE__ */ jsx(SidebarComponent, {}) }),
     /* @__PURE__ */ jsx(SubshellRightSideContainer, { children })

package/dist/{chunk-NNKKBSJN.js → chunk-NYBEU5TE.js}

@@ -1,4 +1,4 @@
-import { sidebarItemPadding, sidebarItemHeight, sidebarIconSize, sidebarIconStroke, sidebarIconInnerSize } from './chunk-QJ2S46NI.js';
+import { sidebarItemPadding, sidebarItemHeight, sidebarIconSize, sidebarIconStroke, sidebarIconInnerSize } from './chunk-DT3QYZVU.js';
 import { UnstyledButton, Group, Box, ThemeIcon } from '@mantine/core';
 import { IconChevronRight } from '@tabler/icons-react';
 import { jsx, jsxs } from 'react/jsx-runtime';