@elevasis/ui 2.75.0 → 2.76.0

package/dist/{chunk-L3NBMLRN.js → chunk-3RK2NNJX.js}

@@ -1,4 +1,4 @@
-import { computeInterfaceReadiness, getSystem } from './chunk-A2SB32YV.js';
+import { computeInterfaceReadiness, getSystem } from './chunk-5ZK7K7YP.js';
 
 // src/features/operations/systems/systemInterfaceReadiness.ts
 function summarizeReadinessIssues(issues) {

package/dist/{chunk-R6NMRXNO.js → chunk-4WLAVUPS.js}

@@ -1,4 +1,4 @@
-import { PRESETS, getPreset, generateShades } from './chunk-RBGVNPA6.js';
+import { PRESETS, getPreset, generateShades } from './chunk-RXZ3XDBM.js';
 import { Tooltip, Tree, Text, TagsInput, Tabs, Table, Stack, SimpleGrid, Select, Combobox, SegmentedControl, ScrollArea, Paper, Popover, Notification, MultiSelect, Modal, Menu, Input, HoverCard, Group, Grid, Flex, Drawer, Code, Divider, Card, Button, Accordion, createTheme } from '@mantine/core';
 import { createContext, useContext } from 'react';
 

package/dist/{chunk-DTEGVSJ6.js → chunk-5R4I2PAN.js}

@@ -1,18 +1,17 @@
-import { projectKeys, noteKeys, taskKeys, milestoneKeys } from './chunk-IYATYH5I.js';
-import { leadGenListMemberKeys } from './chunk-DVAOCHIF.js';
-import { companyKeys, contactKeys } from './chunk-NYIIRZSA.js';
-import { useErrorNotification } from './chunk-DMSTDZCJ.js';
-import { useNotificationAdapter, dealKeys, acquisitionListKeys, useListsTelemetry, useOptionalElevasisSystems, useSSEConnection } from './chunk-SB3IHM5Y.js';
-import { HTTP_HEADERS } from './chunk-ZG6YJUT4.js';
-import { showApiErrorNotification, showSuccessNotification } from './chunk-ICHDIVQO.js';
+import { projectKeys, noteKeys, taskKeys, milestoneKeys } from './chunk-GFSOQH3N.js';
+import { leadGenListMemberKeys } from './chunk-H5AEYSVX.js';
+import { useSupabase } from './chunk-MKH2KOAO.js';
+import { companyKeys, contactKeys } from './chunk-GDQQX5SL.js';
+import { useErrorNotification } from './chunk-XODQUPFW.js';
+import { useNotificationAdapter, dealKeys, acquisitionListKeys, useListsTelemetry, useOptionalElevasisSystems, useSSEConnection } from './chunk-K55TU6CC.js';
+import { HTTP_HEADERS } from './chunk-JZQNUQE4.js';
+import { showApiErrorNotification, showSuccessNotification } from './chunk-KXNRTJAE.js';
 import { OrganizationContext, useOrganization } from './chunk-DD3CCMCZ.js';
-import { STALE_TIME_DEFAULT, STALE_TIME_ADMIN } from './chunk-A2SB32YV.js';
+import { STALE_TIME_DEFAULT, STALE_TIME_ADMIN } from './chunk-5ZK7K7YP.js';
 import { useElevasisServices } from './chunk-BI5VDO2K.js';
-import { useAuthContext } from './chunk-BRJ3QZ4E.js';
 import { useContext, useEffect, useState, useRef, useCallback, useMemo } from 'react';
 import { useQueryClient, useMutation, useQuery } from '@tanstack/react-query';
 import { notifications } from '@mantine/notifications';
-import { createClient } from '@supabase/supabase-js';
 
 function useCreateOrgRole() {
   const { apiRequest } = useElevasisServices();
@@ -274,39 +273,6 @@ function useTransitionItem() {
     }
   });
 }
-function getSupabaseConfig() {
-  const url = import.meta.env?.VITE_SUPABASE_URL;
-  const anonKey = import.meta.env?.VITE_SUPABASE_ANON_KEY;
-  if (!url || !anonKey) {
-    throw new Error("Missing Supabase environment variables (VITE_SUPABASE_URL, VITE_SUPABASE_ANON_KEY)");
-  }
-  return { url, anonKey };
-}
-var useSupabase = () => {
-  const { getAccessToken } = useAuthContext();
-  const { url, anonKey } = getSupabaseConfig();
-  return useMemo(
-    () => createClient(url, anonKey, {
-      global: {
-        headers: {
-          // Additional headers if needed
-        }
-      },
-      accessToken: async () => {
-        try {
-          const token = await getAccessToken();
-          if (!token) {
-            return null;
-          }
-          return token;
-        } catch {
-          return null;
-        }
-      }
-    }),
-    [getAccessToken, url, anonKey]
-  );
-};
 var projectActivityKeys = {
   all: ["project-activities"],
   list: (projectId) => [...projectActivityKeys.all, "list", projectId]

package/dist/chunk-6B4ZPBQJ.js

@@ -0,0 +1,7 @@
+import { PageContainer } from './chunk-BZZCNLT6.js';
+import { SubshellContentContainer } from './chunk-K55TU6CC.js';
+import { jsx } from 'react/jsx-runtime';
+
+var SubshellPageLayout = ({ children, className }) => /* @__PURE__ */ jsx(SubshellContentContainer, { className, children: /* @__PURE__ */ jsx(PageContainer, { children }) });
+
+export { SubshellPageLayout };

package/dist/{chunk-QFS2GZMV.js → chunk-73G3I5HJ.js}

@@ -1,12 +1,12 @@
-import { useNotificationAdapter } from './chunk-SB3IHM5Y.js';
-import { showApiErrorNotification } from './chunk-ICHDIVQO.js';
+import { useNotificationAdapter } from './chunk-K55TU6CC.js';
+import { showApiErrorNotification } from './chunk-KXNRTJAE.js';
 import { OrganizationContext } from './chunk-DD3CCMCZ.js';
-import { STALE_TIME_DEFAULT, GC_TIME_MEDIUM, GC_TIME_SHORT, STALE_TIME_MONITORING } from './chunk-A2SB32YV.js';
+import { GC_TIME_MEDIUM, STALE_TIME_DEFAULT, GC_TIME_SHORT, STALE_TIME_MONITORING } from './chunk-5ZK7K7YP.js';
 import { useElevasisServices } from './chunk-BI5VDO2K.js';
 import { useQuery, useQueryClient, useMutation } from '@tanstack/react-query';
 import { z } from 'zod';
-import { notifications } from '@mantine/notifications';
 import { useContext } from 'react';
+import { notifications } from '@mantine/notifications';
 
 // ../core/src/auth/multi-tenancy/memberships/membership.ts
 function transformMembershipToTableRow(membership) {
@@ -95,162 +95,6 @@ function usePermissionCatalog() {
   });
 }
 
-// src/hooks/settings/webhooks/webhookEndpointService.ts
-var WebhookEndpointService = class {
-  constructor(apiRequest) {
-    this.apiRequest = apiRequest;
-  }
-  /**
-   * List webhook endpoints for the current organization
-   */
-  async listEndpoints() {
-    const response = await this.apiRequest("/webhook-endpoints");
-    return response.data;
-  }
-  /**
-   * Create a new webhook endpoint
-   */
-  async createEndpoint(data) {
-    return this.apiRequest("/webhook-endpoints", {
-      method: "POST",
-      body: JSON.stringify(data)
-    });
-  }
-  /**
-   * Update an existing webhook endpoint (e.g., toggle status, rename)
-   */
-  async updateEndpoint(endpointId, data) {
-    return this.apiRequest(`/webhook-endpoints/${endpointId}`, {
-      method: "PATCH",
-      body: JSON.stringify(data)
-    });
-  }
-  /**
-   * Delete a webhook endpoint
-   */
-  async deleteEndpoint(endpointId) {
-    await this.apiRequest(`/webhook-endpoints/${endpointId}`, {
-      method: "DELETE"
-    });
-  }
-};
-function useDeleteWebhookEndpoint() {
-  const { apiRequest } = useElevasisServices();
-  const queryClient = useQueryClient();
-  return useMutation({
-    mutationFn: async (endpointId) => {
-      const service = new WebhookEndpointService(apiRequest);
-      return await service.deleteEndpoint(endpointId);
-    },
-    onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: ["webhook-endpoints"] });
-      notifications.show({
-        title: "Success",
-        message: "Webhook endpoint deleted",
-        color: "teal"
-      });
-    },
-    onError: (error) => {
-      console.error("Failed to delete webhook endpoint:", error);
-      showApiErrorNotification(error);
-    }
-  });
-}
-function useUpdateWebhookEndpoint() {
-  const { apiRequest } = useElevasisServices();
-  const queryClient = useQueryClient();
-  return useMutation({
-    mutationFn: async ({ endpointId, data }) => {
-      const service = new WebhookEndpointService(apiRequest);
-      return await service.updateEndpoint(endpointId, data);
-    },
-    onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: ["webhook-endpoints"] });
-      notifications.show({
-        title: "Success",
-        message: "Webhook endpoint updated",
-        color: "teal"
-      });
-    },
-    onError: (error) => {
-      console.error("Failed to update webhook endpoint:", error);
-      showApiErrorNotification(error);
-    }
-  });
-}
-function useCreateWebhookEndpoint() {
-  const { apiRequest } = useElevasisServices();
-  const queryClient = useQueryClient();
-  return useMutation({
-    mutationFn: async (data) => {
-      const service = new WebhookEndpointService(apiRequest);
-      return await service.createEndpoint(data);
-    },
-    onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: ["webhook-endpoints"] });
-    },
-    onError: (error) => {
-      console.error("Failed to create webhook endpoint:", error);
-      showApiErrorNotification(error);
-    }
-  });
-}
-function useListWebhookEndpoints() {
-  const { apiRequest, workOSOrganizationId, isReady } = useElevasisServices();
-  return useQuery({
-    queryKey: ["webhook-endpoints", workOSOrganizationId],
-    queryFn: async () => {
-      const service = new WebhookEndpointService(apiRequest);
-      return await service.listEndpoints();
-    },
-    enabled: isReady
-  });
-}
-function useOrgRoles(orgId) {
-  const { apiRequest, isReady } = useElevasisServices();
-  const organization = useContext(OrganizationContext);
-  const targetOrgId = orgId ?? organization?.currentSupabaseOrganizationId ?? void 0;
-  return useQuery({
-    queryKey: ["org-roles", targetOrgId],
-    queryFn: () => apiRequest(`/organizations/${targetOrgId}/roles`),
-    enabled: isReady && !!targetOrgId,
-    staleTime: STALE_TIME_DEFAULT
-  });
-}
-function useAssignRole() {
-  const { apiRequest } = useElevasisServices();
-  const organization = useContext(OrganizationContext);
-  const orgId = organization?.currentSupabaseOrganizationId ?? null;
-  const queryClient = useQueryClient();
-  return useMutation({
-    mutationFn: ({ membershipId, roleId }) => apiRequest(`/memberships/${membershipId}/roles`, {
-      method: "POST",
-      body: JSON.stringify({ roleId })
-    }),
-    onSettled: (_data, _error, { membershipId }) => {
-      queryClient.invalidateQueries({ queryKey: ["member-roles", orgId, membershipId] });
-      queryClient.invalidateQueries({ queryKey: ["organization-permissions", orgId] });
-      queryClient.invalidateQueries({ queryKey: ["org-roles", orgId] });
-    }
-  });
-}
-function useRevokeRole() {
-  const { apiRequest } = useElevasisServices();
-  const organization = useContext(OrganizationContext);
-  const orgId = organization?.currentSupabaseOrganizationId ?? null;
-  const queryClient = useQueryClient();
-  return useMutation({
-    mutationFn: ({ membershipId, roleId }) => apiRequest(`/memberships/${membershipId}/roles/${roleId}`, {
-      method: "DELETE"
-    }),
-    onSettled: (_data, _error, { membershipId }) => {
-      queryClient.invalidateQueries({ queryKey: ["member-roles", orgId, membershipId] });
-      queryClient.invalidateQueries({ queryKey: ["organization-permissions", orgId] });
-      queryClient.invalidateQueries({ queryKey: ["org-roles", orgId] });
-    }
-  });
-}
-
 // src/hooks/settings/organization/organizationMembershipService.ts
 var OrganizationMembershipService = class {
   constructor(apiRequest) {
@@ -473,6 +317,162 @@ function useReactivateMembership() {
     }
   });
 }
+function useOrgRoles(orgId) {
+  const { apiRequest, isReady } = useElevasisServices();
+  const organization = useContext(OrganizationContext);
+  const targetOrgId = orgId ?? organization?.currentSupabaseOrganizationId ?? void 0;
+  return useQuery({
+    queryKey: ["org-roles", targetOrgId],
+    queryFn: () => apiRequest(`/organizations/${targetOrgId}/roles`),
+    enabled: isReady && !!targetOrgId,
+    staleTime: STALE_TIME_DEFAULT
+  });
+}
+function useAssignRole() {
+  const { apiRequest } = useElevasisServices();
+  const organization = useContext(OrganizationContext);
+  const orgId = organization?.currentSupabaseOrganizationId ?? null;
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: ({ membershipId, roleId }) => apiRequest(`/memberships/${membershipId}/roles`, {
+      method: "POST",
+      body: JSON.stringify({ roleId })
+    }),
+    onSettled: (_data, _error, { membershipId }) => {
+      queryClient.invalidateQueries({ queryKey: ["member-roles", orgId, membershipId] });
+      queryClient.invalidateQueries({ queryKey: ["organization-permissions", orgId] });
+      queryClient.invalidateQueries({ queryKey: ["org-roles", orgId] });
+    }
+  });
+}
+function useRevokeRole() {
+  const { apiRequest } = useElevasisServices();
+  const organization = useContext(OrganizationContext);
+  const orgId = organization?.currentSupabaseOrganizationId ?? null;
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: ({ membershipId, roleId }) => apiRequest(`/memberships/${membershipId}/roles/${roleId}`, {
+      method: "DELETE"
+    }),
+    onSettled: (_data, _error, { membershipId }) => {
+      queryClient.invalidateQueries({ queryKey: ["member-roles", orgId, membershipId] });
+      queryClient.invalidateQueries({ queryKey: ["organization-permissions", orgId] });
+      queryClient.invalidateQueries({ queryKey: ["org-roles", orgId] });
+    }
+  });
+}
+
+// src/hooks/settings/webhooks/webhookEndpointService.ts
+var WebhookEndpointService = class {
+  constructor(apiRequest) {
+    this.apiRequest = apiRequest;
+  }
+  /**
+   * List webhook endpoints for the current organization
+   */
+  async listEndpoints() {
+    const response = await this.apiRequest("/webhook-endpoints");
+    return response.data;
+  }
+  /**
+   * Create a new webhook endpoint
+   */
+  async createEndpoint(data) {
+    return this.apiRequest("/webhook-endpoints", {
+      method: "POST",
+      body: JSON.stringify(data)
+    });
+  }
+  /**
+   * Update an existing webhook endpoint (e.g., toggle status, rename)
+   */
+  async updateEndpoint(endpointId, data) {
+    return this.apiRequest(`/webhook-endpoints/${endpointId}`, {
+      method: "PATCH",
+      body: JSON.stringify(data)
+    });
+  }
+  /**
+   * Delete a webhook endpoint
+   */
+  async deleteEndpoint(endpointId) {
+    await this.apiRequest(`/webhook-endpoints/${endpointId}`, {
+      method: "DELETE"
+    });
+  }
+};
+function useListWebhookEndpoints() {
+  const { apiRequest, workOSOrganizationId, isReady } = useElevasisServices();
+  return useQuery({
+    queryKey: ["webhook-endpoints", workOSOrganizationId],
+    queryFn: async () => {
+      const service = new WebhookEndpointService(apiRequest);
+      return await service.listEndpoints();
+    },
+    enabled: isReady
+  });
+}
+function useCreateWebhookEndpoint() {
+  const { apiRequest } = useElevasisServices();
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: async (data) => {
+      const service = new WebhookEndpointService(apiRequest);
+      return await service.createEndpoint(data);
+    },
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ["webhook-endpoints"] });
+    },
+    onError: (error) => {
+      console.error("Failed to create webhook endpoint:", error);
+      showApiErrorNotification(error);
+    }
+  });
+}
+function useDeleteWebhookEndpoint() {
+  const { apiRequest } = useElevasisServices();
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: async (endpointId) => {
+      const service = new WebhookEndpointService(apiRequest);
+      return await service.deleteEndpoint(endpointId);
+    },
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ["webhook-endpoints"] });
+      notifications.show({
+        title: "Success",
+        message: "Webhook endpoint deleted",
+        color: "teal"
+      });
+    },
+    onError: (error) => {
+      console.error("Failed to delete webhook endpoint:", error);
+      showApiErrorNotification(error);
+    }
+  });
+}
+function useUpdateWebhookEndpoint() {
+  const { apiRequest } = useElevasisServices();
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: async ({ endpointId, data }) => {
+      const service = new WebhookEndpointService(apiRequest);
+      return await service.updateEndpoint(endpointId, data);
+    },
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ["webhook-endpoints"] });
+      notifications.show({
+        title: "Success",
+        message: "Webhook endpoint updated",
+        color: "teal"
+      });
+    },
+    onError: (error) => {
+      console.error("Failed to update webhook endpoint:", error);
+      showApiErrorNotification(error);
+    }
+  });
+}
 function useOrganizationMembers(organizationId, params) {
   const { apiRequest, isReady } = useElevasisServices();
   return useQuery({

package/dist/{chunk-7OOFMEX6.js → chunk-BFLYDVEN.js}

@@ -1,15 +1,17 @@
-import { useDealDetail, useExecuteAction } from './chunk-M6VAZAQW.js';
-import { CRM_API_INTERFACE } from './chunk-TX3UHDL5.js';
-import { useTableSort, sortData, useCompany, useContact, deriveActions } from './chunk-NYIIRZSA.js';
+import { useDealDetail, useExecuteAction } from './chunk-EVNLJHDD.js';
+import { CRM_API_INTERFACE } from './chunk-WELN7DDV.js';
+import { useCompany, useContact, deriveActions } from './chunk-GDQQX5SL.js';
+import { useTableSort, sortData } from './chunk-2Y6AKWGU.js';
+import { getSystemApiInterfaceReadiness } from './chunk-3RK2NNJX.js';
 import { useTableSelection } from './chunk-WDBNW44Z.js';
+import { SubshellPageLayout } from './chunk-6B4ZPBQJ.js';
 import { PageContainer } from './chunk-BZZCNLT6.js';
 import { TableSelectionToolbar, SortableHeader } from './chunk-TUMSNGTX.js';
 import { FilterBar } from './chunk-PDHTXPSF.js';
-import { CrmSidebarMiddle, useDealsSummary, useOptionalElevasisSystems, getCrmPipelineCatalog, CenteredErrorState, StatCard, PageTitleCaption, useDeleteDeal, usePaginationState, useDeals, SubshellContentContainer, EmptyState, CustomModal, useCrmActions, ActivityTimeline, ContextViewer, JsonViewer, dealKeys } from './chunk-SB3IHM5Y.js';
-import { showApiErrorNotification, showSuccessNotification } from './chunk-ICHDIVQO.js';
-import { SubshellSidebarSection } from './chunk-MISHPEJX.js';
+import { SubshellSidebarSection, CrmSidebarMiddle, useDealsSummary, useOptionalElevasisSystems, getCrmPipelineCatalog, CenteredErrorState, StatCard, PageTitleCaption, useDeleteDeal, usePaginationState, useDeals, SubshellContentContainer, EmptyState, CustomModal, useCrmActions, ActivityTimeline, ContextViewer, JsonViewer, dealKeys } from './chunk-K55TU6CC.js';
+import { showApiErrorNotification, showSuccessNotification } from './chunk-KXNRTJAE.js';
 import { CardHeader } from './chunk-62GVNH5U.js';
-import { computeInterfaceReadiness, getSystem, PAGE_SIZE_DEFAULT, formatTimeAgo } from './chunk-A2SB32YV.js';
+import { PAGE_SIZE_DEFAULT, formatTimeAgo } from './chunk-5ZK7K7YP.js';
 import { useElevasisServices } from './chunk-BI5VDO2K.js';
 import { Stack, Paper, Center, Loader, Group, Box, Text, Alert, Table, SimpleGrid, Button, Select, TextInput, Tabs, Checkbox, Badge, Tooltip, Pagination, Title, Code, Card, SegmentedControl, Switch, NumberInput, ColorSwatch, Popover, ActionIcon, Anchor, CopyButton, Divider, Textarea } from '@mantine/core';
 import { IconAddressBook, IconColumns, IconHistory, IconAlertCircle, IconCurrencyDollar, IconChartBar, IconBriefcase, IconTrophy, IconSearch, IconTargetArrow, IconAlertTriangle, IconMessages, IconArrowLeft, IconFileText, IconInbox, IconUser, IconBolt, IconBuilding, IconSettings, IconRestore, IconInfoCircle, IconMailForward, IconPlus, IconArrowRight, IconNote, IconCheck, IconCopy } from '@tabler/icons-react';
@@ -203,36 +205,21 @@ function useRecentCrmActivity(opts) {
     error: query.error
   };
 }
-function summarizeReadinessIssues(issues) {
-  return issues[0]?.message;
-}
 function getCrmApiInterfaceReadiness(model) {
-  if (!model) {
-    return {
-      systemPath: CRM_API_INTERFACE.systemPath,
-      interfaceKey: CRM_API_INTERFACE.interfaceKey,
-      readinessProfile: CRM_API_INTERFACE.readinessProfile,
-      declared: false,
-      ready: false,
-      reason: "No Organization Model is available for CRM System Interface readiness.",
-      issues: [
-        {
-          family: "SYSTEM_INTERFACE_MISSING",
-          code: "missing-organization-model",
-          message: "No Organization Model is available for CRM System Interface readiness."
-        }
-      ]
-    };
-  }
-  const readiness = computeInterfaceReadiness(model, CRM_API_INTERFACE);
+  const readiness = getSystemApiInterfaceReadiness(model, CRM_API_INTERFACE.systemPath, CRM_API_INTERFACE.interfaceKey);
   return {
+    ...readiness,
     systemPath: CRM_API_INTERFACE.systemPath,
     interfaceKey: CRM_API_INTERFACE.interfaceKey,
-    readinessProfile: readiness.readinessProfile,
-    declared: getSystem(model, CRM_API_INTERFACE.systemPath)?.apiInterface !== void 0,
-    ready: readiness.ready,
-    reason: summarizeReadinessIssues(readiness.issues),
-    issues: readiness.issues
+    readinessProfile: model ? readiness.readinessProfile : CRM_API_INTERFACE.readinessProfile,
+    reason: model ? readiness.reason : "No Organization Model is available for CRM System Interface readiness.",
+    issues: model ? readiness.issues : [
+      {
+        family: "SYSTEM_INTERFACE_MISSING",
+        code: "missing-organization-model",
+        message: "No Organization Model is available for CRM System Interface readiness."
+      }
+    ]
   };
 }
 function useCrmPipelineConfig() {
@@ -1202,10 +1189,10 @@ function DealDetailPage({ dealId, renderActions, onDealLoaded, bookingUrl }) {
     deal && renderActions?.(deal)
   ] });
   if (isLoading) {
-    return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsx(PageContainer, { children: /* @__PURE__ */ jsxs(Stack, { children: [
+    return /* @__PURE__ */ jsx(SubshellPageLayout, { children: /* @__PURE__ */ jsxs(Stack, { children: [
       /* @__PURE__ */ jsx(PageTitleCaption, { title, caption: "Loading deal details...", rightSection: headerActions }),
       /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, {}) }) })
-    ] }) }) });
+    ] }) });
   }
   if (error) {
     return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsx(PageContainer, { children: /* @__PURE__ */ jsxs(Stack, { children: [
@@ -1366,10 +1353,10 @@ function CompanyDetailPage({ companyId }) {
     }
   );
   if (isLoading) {
-    return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsxs(PageContainer, { children: [
+    return /* @__PURE__ */ jsxs(SubshellPageLayout, { children: [
       /* @__PURE__ */ jsx(Stack, { children: /* @__PURE__ */ jsx(PageTitleCaption, { title, caption: "Loading company details...", rightSection: headerActions }) }),
       /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, {}) }) })
-    ] }) });
+    ] });
   }
   if (error) {
     return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsxs(PageContainer, { children: [
@@ -1660,7 +1647,7 @@ function CrmSettingsPage() {
     const response = await resetSettings.mutateAsync();
     setDraft(draftFromConfig(toResolvedConfig(response.resolved), defaultConfig.buckets));
   };
-  return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsx(PageContainer, { children: /* @__PURE__ */ jsxs(Stack, { children: [
+  return /* @__PURE__ */ jsx(SubshellPageLayout, { children: /* @__PURE__ */ jsxs(Stack, { children: [
     /* @__PURE__ */ jsx(
       PageTitleCaption,
       {
@@ -1805,7 +1792,7 @@ function CrmSettingsPage() {
         }) })
       ] })
     ] }) })
-  ] }) }) });
+  ] }) });
 }
 function ContactDetailPage({ contactId }) {
   const navigate = useNavigate();
@@ -1823,10 +1810,10 @@ function ContactDetailPage({ contactId }) {
     }
   );
   if (isLoading) {
-    return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsxs(PageContainer, { children: [
+    return /* @__PURE__ */ jsxs(SubshellPageLayout, { children: [
       /* @__PURE__ */ jsx(Stack, { children: /* @__PURE__ */ jsx(PageTitleCaption, { title, caption: "Loading contact details...", rightSection: headerActions }) }),
       /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, {}) }) })
-    ] }) });
+    ] });
   }
   if (error) {
     return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsxs(PageContainer, { children: [