@elevasis/ui 2.10.1 → 2.11.0

package/dist/app/index.js

@@ -1,5 +1,5 @@
-import { ElevasisUIProvider } from '../chunk-LPSBID5V.js';
-import '../chunk-6PNHW4X2.js';
+import { ElevasisUIProvider } from '../chunk-DJBORKTR.js';
+import '../chunk-24UMQV5B.js';
 import '../chunk-F4TPY6YL.js';
 import '../chunk-R7WLWGPO.js';
 import '../chunk-SZHARWKU.js';

package/dist/{chunk-TSX4I3NW.js → chunk-23PZ57GB.js}

@@ -1,5 +1,5 @@
 import { useCyberColors, CyberLegendItem, CyberAreaChart } from './chunk-STZJ7SY5.js';
-import { useResourcesHealth } from './chunk-E3IFHX6A.js';
+import { useResourcesHealth } from './chunk-DOFVHWAP.js';
 import { getTimeRangeDates, formatBucketTime } from './chunk-LXHZYSMQ.js';
 import { CardHeader, EmptyState } from './chunk-SQQGLGHW.js';
 import { Paper, Center, Loader, Group } from '@mantine/core';

package/dist/{chunk-6PNHW4X2.js → chunk-24UMQV5B.js}

@@ -494,7 +494,7 @@ var STYLE = `
   [data-mantine-color-scheme="light"] .chrome-bg-beam-1 {
     background: linear-gradient(to right, transparent 0%, var(--chrome-beam-1) 10%, var(--chrome-beam-1) 90%, transparent 100%);
     transform: rotate(0deg);
-    --chrome-beam-opacity: 0.09;
+    --chrome-beam-opacity: 0.08;
   }
   [data-mantine-color-scheme="light"] .chrome-bg-beam-2 {
     background: linear-gradient(to right, transparent 0%, var(--chrome-beam-2) 10%, var(--chrome-beam-2) 90%, transparent 100%);
@@ -504,65 +504,43 @@ var STYLE = `
   [data-mantine-color-scheme="light"] .chrome-bg-beam-3 {
     background: linear-gradient(to right, transparent 0%, var(--chrome-beam-3) 10%, var(--chrome-beam-3) 90%, transparent 100%);
     transform: rotate(45deg);
-    --chrome-beam-opacity: 0.09;
+    --chrome-beam-opacity: 0.08;
   }
   [data-mantine-color-scheme="light"] .chrome-bg-beam-4 {
     background: linear-gradient(to right, transparent 0%, var(--chrome-beam-4) 10%, var(--chrome-beam-4) 90%, transparent 100%);
     transform: rotate(67.5deg);
-    --chrome-beam-opacity: 0.07;
+    --chrome-beam-opacity: 0.08;
   }
   [data-mantine-color-scheme="light"] .chrome-bg-beam-5 {
     background: linear-gradient(to right, transparent 0%, var(--chrome-beam-5) 10%, var(--chrome-beam-5) 90%, transparent 100%);
     transform: rotate(90deg);
-    --chrome-beam-opacity: 0.09;
+    --chrome-beam-opacity: 0.08;
   }
   [data-mantine-color-scheme="light"] .chrome-bg-beam-6 {
     background: linear-gradient(to right, transparent 0%, var(--chrome-beam-6) 10%, var(--chrome-beam-6) 90%, transparent 100%);
     transform: rotate(112.5deg);
-    --chrome-beam-opacity: 0.07;
+    --chrome-beam-opacity: 0.08;
   }
   [data-mantine-color-scheme="light"] .chrome-bg-beam-7 {
     background: linear-gradient(to right, transparent 0%, var(--chrome-beam-7) 10%, var(--chrome-beam-7) 90%, transparent 100%);
     transform: rotate(135deg);
-    --chrome-beam-opacity: 0.09;
+    --chrome-beam-opacity: 0.08;
   }
   [data-mantine-color-scheme="light"] .chrome-bg-beam-8 {
     background: linear-gradient(to right, transparent 0%, var(--chrome-beam-8) 10%, var(--chrome-beam-8) 90%, transparent 100%);
     transform: rotate(157.5deg);
-    --chrome-beam-opacity: 0.07;
+    --chrome-beam-opacity: 0.08;
   }
 
   /* Midnight light mode: reduce beam intensity by one step */
-  [data-mantine-color-scheme="light"] .chrome-bg-root[data-variant="midnight"] .chrome-bg-beam-1,
-  [data-mantine-color-scheme="light"] .chrome-bg-root[data-variant="midnight"] .chrome-bg-beam-3,
-  [data-mantine-color-scheme="light"] .chrome-bg-root[data-variant="midnight"] .chrome-bg-beam-5,
-  [data-mantine-color-scheme="light"] .chrome-bg-root[data-variant="midnight"] .chrome-bg-beam-7 {
-    --chrome-beam-opacity: 0.08;
-  }
-  [data-mantine-color-scheme="light"] .chrome-bg-root[data-variant="midnight"] .chrome-bg-beam-2 {
+  [data-mantine-color-scheme="light"] .chrome-bg-root[data-variant="midnight"] .chrome-bg-beam {
     --chrome-beam-opacity: 0.07;
   }
-  [data-mantine-color-scheme="light"] .chrome-bg-root[data-variant="midnight"] .chrome-bg-beam-4,
-  [data-mantine-color-scheme="light"] .chrome-bg-root[data-variant="midnight"] .chrome-bg-beam-6,
-  [data-mantine-color-scheme="light"] .chrome-bg-root[data-variant="midnight"] .chrome-bg-beam-8 {
-    --chrome-beam-opacity: 0.06;
-  }
 
   /* Aurora light mode: reduce beam intensity by one step */
-  [data-mantine-color-scheme="light"] .chrome-bg-root[data-variant="aurora"] .chrome-bg-beam-1,
-  [data-mantine-color-scheme="light"] .chrome-bg-root[data-variant="aurora"] .chrome-bg-beam-3,
-  [data-mantine-color-scheme="light"] .chrome-bg-root[data-variant="aurora"] .chrome-bg-beam-5,
-  [data-mantine-color-scheme="light"] .chrome-bg-root[data-variant="aurora"] .chrome-bg-beam-7 {
-    --chrome-beam-opacity: 0.08;
-  }
-  [data-mantine-color-scheme="light"] .chrome-bg-root[data-variant="aurora"] .chrome-bg-beam-2 {
+  [data-mantine-color-scheme="light"] .chrome-bg-root[data-variant="aurora"] .chrome-bg-beam {
     --chrome-beam-opacity: 0.07;
   }
-  [data-mantine-color-scheme="light"] .chrome-bg-root[data-variant="aurora"] .chrome-bg-beam-4,
-  [data-mantine-color-scheme="light"] .chrome-bg-root[data-variant="aurora"] .chrome-bg-beam-6,
-  [data-mantine-color-scheme="light"] .chrome-bg-root[data-variant="aurora"] .chrome-bg-beam-8 {
-    --chrome-beam-opacity: 0.06;
-  }
 
   /* Dark mode: screen blend with low opacity over near-black base */
   [data-mantine-color-scheme="dark"] .chrome-bg-beam {
@@ -571,98 +549,62 @@ var STYLE = `
   [data-mantine-color-scheme="dark"] .chrome-bg-beam-1 {
     background: linear-gradient(to right, transparent 0%, var(--chrome-beam-1) 10%, var(--chrome-beam-1) 90%, transparent 100%);
     transform: rotate(0deg);
-    --chrome-beam-opacity: 0.12;
+    --chrome-beam-opacity: 0.11;
   }
   [data-mantine-color-scheme="dark"] .chrome-bg-beam-2 {
     background: linear-gradient(to right, transparent 0%, var(--chrome-beam-2) 10%, var(--chrome-beam-2) 90%, transparent 100%);
     transform: rotate(22.5deg);
-    --chrome-beam-opacity: 0.1;
+    --chrome-beam-opacity: 0.11;
   }
   [data-mantine-color-scheme="dark"] .chrome-bg-beam-3 {
     background: linear-gradient(to right, transparent 0%, var(--chrome-beam-3) 10%, var(--chrome-beam-3) 90%, transparent 100%);
     transform: rotate(45deg);
-    --chrome-beam-opacity: 0.12;
+    --chrome-beam-opacity: 0.11;
   }
   [data-mantine-color-scheme="dark"] .chrome-bg-beam-4 {
     background: linear-gradient(to right, transparent 0%, var(--chrome-beam-4) 10%, var(--chrome-beam-4) 90%, transparent 100%);
     transform: rotate(67.5deg);
-    --chrome-beam-opacity: 0.1;
+    --chrome-beam-opacity: 0.11;
   }
   [data-mantine-color-scheme="dark"] .chrome-bg-beam-5 {
     background: linear-gradient(to right, transparent 0%, var(--chrome-beam-5) 10%, var(--chrome-beam-5) 90%, transparent 100%);
     transform: rotate(90deg);
-    --chrome-beam-opacity: 0.12;
+    --chrome-beam-opacity: 0.11;
   }
   [data-mantine-color-scheme="dark"] .chrome-bg-beam-6 {
     background: linear-gradient(to right, transparent 0%, var(--chrome-beam-6) 10%, var(--chrome-beam-6) 90%, transparent 100%);
     transform: rotate(112.5deg);
-    --chrome-beam-opacity: 0.1;
+    --chrome-beam-opacity: 0.11;
   }
   [data-mantine-color-scheme="dark"] .chrome-bg-beam-7 {
     background: linear-gradient(to right, transparent 0%, var(--chrome-beam-7) 10%, var(--chrome-beam-7) 90%, transparent 100%);
     transform: rotate(135deg);
-    --chrome-beam-opacity: 0.12;
+    --chrome-beam-opacity: 0.11;
   }
   [data-mantine-color-scheme="dark"] .chrome-bg-beam-8 {
     background: linear-gradient(to right, transparent 0%, var(--chrome-beam-8) 10%, var(--chrome-beam-8) 90%, transparent 100%);
     transform: rotate(157.5deg);
-    --chrome-beam-opacity: 0.1;
+    --chrome-beam-opacity: 0.11;
   }
 
   /* Rose-gold dark mode: reduced brightness */
-  [data-mantine-color-scheme="dark"] .chrome-bg-root[data-variant="rose-gold"] .chrome-bg-beam-1,
-  [data-mantine-color-scheme="dark"] .chrome-bg-root[data-variant="rose-gold"] .chrome-bg-beam-3,
-  [data-mantine-color-scheme="dark"] .chrome-bg-root[data-variant="rose-gold"] .chrome-bg-beam-5,
-  [data-mantine-color-scheme="dark"] .chrome-bg-root[data-variant="rose-gold"] .chrome-bg-beam-7 {
-    --chrome-beam-opacity: 0.07;
-  }
-  [data-mantine-color-scheme="dark"] .chrome-bg-root[data-variant="rose-gold"] .chrome-bg-beam-2,
-  [data-mantine-color-scheme="dark"] .chrome-bg-root[data-variant="rose-gold"] .chrome-bg-beam-4,
-  [data-mantine-color-scheme="dark"] .chrome-bg-root[data-variant="rose-gold"] .chrome-bg-beam-6,
-  [data-mantine-color-scheme="dark"] .chrome-bg-root[data-variant="rose-gold"] .chrome-bg-beam-8 {
-    --chrome-beam-opacity: 0.06;
+  [data-mantine-color-scheme="dark"] .chrome-bg-root[data-variant="rose-gold"] .chrome-bg-beam {
+    --chrome-beam-opacity: 0.065;
   }
 
   /* Titanium dark mode: softened beams for subtle silver shimmer */
-  [data-mantine-color-scheme="dark"] .chrome-bg-root[data-variant="titanium"] .chrome-bg-beam-1,
-  [data-mantine-color-scheme="dark"] .chrome-bg-root[data-variant="titanium"] .chrome-bg-beam-3,
-  [data-mantine-color-scheme="dark"] .chrome-bg-root[data-variant="titanium"] .chrome-bg-beam-5,
-  [data-mantine-color-scheme="dark"] .chrome-bg-root[data-variant="titanium"] .chrome-bg-beam-7 {
-    --chrome-beam-opacity: 0.10;
-  }
-  [data-mantine-color-scheme="dark"] .chrome-bg-root[data-variant="titanium"] .chrome-bg-beam-2,
-  [data-mantine-color-scheme="dark"] .chrome-bg-root[data-variant="titanium"] .chrome-bg-beam-4,
-  [data-mantine-color-scheme="dark"] .chrome-bg-root[data-variant="titanium"] .chrome-bg-beam-6,
-  [data-mantine-color-scheme="dark"] .chrome-bg-root[data-variant="titanium"] .chrome-bg-beam-8 {
-    --chrome-beam-opacity: 0.08;
+  [data-mantine-color-scheme="dark"] .chrome-bg-root[data-variant="titanium"] .chrome-bg-beam {
+    --chrome-beam-opacity: 0.09;
   }
 
   /* Aurora dark mode: softer beams to reduce ambient bloom */
-  [data-mantine-color-scheme="dark"] .chrome-bg-root[data-variant="aurora"] .chrome-bg-beam-1,
-  [data-mantine-color-scheme="dark"] .chrome-bg-root[data-variant="aurora"] .chrome-bg-beam-3,
-  [data-mantine-color-scheme="dark"] .chrome-bg-root[data-variant="aurora"] .chrome-bg-beam-5,
-  [data-mantine-color-scheme="dark"] .chrome-bg-root[data-variant="aurora"] .chrome-bg-beam-7 {
-    --chrome-beam-opacity: 0.12;
-  }
-  [data-mantine-color-scheme="dark"] .chrome-bg-root[data-variant="aurora"] .chrome-bg-beam-2,
-  [data-mantine-color-scheme="dark"] .chrome-bg-root[data-variant="aurora"] .chrome-bg-beam-4,
-  [data-mantine-color-scheme="dark"] .chrome-bg-root[data-variant="aurora"] .chrome-bg-beam-6,
-  [data-mantine-color-scheme="dark"] .chrome-bg-root[data-variant="aurora"] .chrome-bg-beam-8 {
-    --chrome-beam-opacity: 0.09;
+  [data-mantine-color-scheme="dark"] .chrome-bg-root[data-variant="aurora"] .chrome-bg-beam {
+    --chrome-beam-opacity: 0.10;
   }
 
   /* Midnight dark mode: slightly brighter beams */
-  [data-mantine-color-scheme="dark"] .chrome-bg-root[data-variant="midnight"] .chrome-bg-beam-1,
-  [data-mantine-color-scheme="dark"] .chrome-bg-root[data-variant="midnight"] .chrome-bg-beam-3,
-  [data-mantine-color-scheme="dark"] .chrome-bg-root[data-variant="midnight"] .chrome-bg-beam-5,
-  [data-mantine-color-scheme="dark"] .chrome-bg-root[data-variant="midnight"] .chrome-bg-beam-7 {
-    --chrome-beam-opacity: 0.14;
-  }
-  [data-mantine-color-scheme="dark"] .chrome-bg-root[data-variant="midnight"] .chrome-bg-beam-2,
-  [data-mantine-color-scheme="dark"] .chrome-bg-root[data-variant="midnight"] .chrome-bg-beam-4,
-  [data-mantine-color-scheme="dark"] .chrome-bg-root[data-variant="midnight"] .chrome-bg-beam-6,
-  [data-mantine-color-scheme="dark"] .chrome-bg-root[data-variant="midnight"] .chrome-bg-beam-8 {
-    --chrome-beam-opacity: 0.11;
+  [data-mantine-color-scheme="dark"] .chrome-bg-root[data-variant="midnight"] .chrome-bg-beam {
+    --chrome-beam-opacity: 0.12;
   }
 
   @keyframes chrome-rotate {
@@ -675,11 +617,13 @@ var STYLE = `
     }
   }
 `;
+var RANDOM_OFFSET = `${-Math.random() * 180}s`;
 function ChromeBackground({ variant, beam }) {
   const style = {
     "--chrome-beam-width": beam?.width ?? "200vmax",
     "--chrome-beam-height": beam?.height ?? "32vmax",
-    "--chrome-beam-intensity": beam?.intensity ?? 1
+    "--chrome-beam-intensity": beam?.intensity ?? 1,
+    "--chrome-animation-delay": RANDOM_OFFSET
   };
   return /* @__PURE__ */ jsxs(Fragment$1, { children: [
     /* @__PURE__ */ jsx("style", { children: STYLE }),
@@ -705,7 +649,7 @@ var auroraPreset = {
     beam: {
       width: "240vmax",
       height: "30vmax",
-      intensity: 1
+      intensity: 0.85
     }
   }),
   light: {
@@ -774,7 +718,12 @@ var roseGoldPreset = {
     "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap",
     "https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap"
   ],
-  background: createElement(ChromeBackground, { variant: "rose-gold" }),
+  background: createElement(ChromeBackground, {
+    variant: "rose-gold",
+    beam: {
+      intensity: 0.85
+    }
+  }),
   light: {
     primary: "#A8695E",
     primaryContrast: "#ffffff",
@@ -845,7 +794,7 @@ var midnightPreset = {
     beam: {
       width: "240vmax",
       height: "30vmax",
-      intensity: 1
+      intensity: 0.85
     }
   }),
   light: {
@@ -918,7 +867,7 @@ var titaniumPreset = {
     beam: {
       width: "260vmax",
       height: "32vmax",
-      intensity: 1.15
+      intensity: 0.85
     }
   }),
   light: {
@@ -2571,8 +2520,8 @@ var componentThemes = {
   HoverCard: HoverCard.extend({
     styles: {
       dropdown: {
-        backgroundColor: "var(--color-surface)",
-        border: "1px solid var(--color-border)",
+        backgroundColor: "var(--glass-background)",
+        ...glassBase,
         boxShadow: "var(--standard-box-shadow)"
       }
     }
@@ -2590,12 +2539,18 @@ var componentThemes = {
   Menu: Menu.extend({
     styles: {
       dropdown: {
-        background: "var(--color-surface)",
-        border: "1px solid var(--color-border)"
+        backgroundColor: "var(--glass-background)",
+        ...glassBase,
+        boxShadow: "var(--standard-box-shadow)"
       }
     }
   }),
   Modal: Modal.extend({
+    defaultProps: {
+      withCloseButton: false,
+      centered: true,
+      padding: "xs"
+    },
     styles: {
       content: {
         backgroundColor: "var(--color-elevated, var(--color-background))",
@@ -2614,7 +2569,7 @@ var componentThemes = {
   Popover: Popover.extend({
     styles: {
       dropdown: {
-        backgroundColor: "var(--color-surface)",
+        backgroundColor: "var(--glass-background)",
         ...glassBase,
         boxShadow: "var(--standard-box-shadow)"
       }
@@ -2713,9 +2668,10 @@ var componentThemes = {
   Tooltip: Tooltip.extend({
     styles: {
       tooltip: {
-        backgroundColor: "var(--color-surface)",
+        backgroundColor: "var(--glass-background)",
+        ...glassBase,
         color: "var(--color-text)",
-        border: "1px solid var(--color-border)"
+        boxShadow: "var(--standard-box-shadow)"
       }
     }
   })

package/dist/chunk-3ZMAGTWF.js

@@ -0,0 +1,18 @@
+import { useMemo } from 'react';
+
+// src/execution/hooks/useMergedExecution.ts
+function useMergedExecution(fetchedExecution, streamingLogs) {
+  return useMemo(() => {
+    if (!fetchedExecution) return void 0;
+    if (!streamingLogs || streamingLogs.length === 0) return fetchedExecution;
+    const existingKeys = new Set(fetchedExecution.executionLogs.map((log) => `${log.timestamp}:${log.message}`));
+    const newLogs = streamingLogs.filter((log) => !existingKeys.has(`${log.timestamp}:${log.message}`));
+    if (newLogs.length === 0) return fetchedExecution;
+    return {
+      ...fetchedExecution,
+      executionLogs: [...fetchedExecution.executionLogs, ...newLogs].sort((a, b) => a.timestamp - b.timestamp)
+    };
+  }, [fetchedExecution, streamingLogs]);
+}
+
+export { useMergedExecution };

package/dist/{chunk-WHQXDETX.js → chunk-AQDBRRZD.js}

@@ -4,14 +4,14 @@ import { SubshellNavItem } from './chunk-CEWTOKE7.js';
 import { SubshellSidebarSection } from './chunk-IIMU5YAJ.js';
 import { FilterBar } from './chunk-PDHTXPSF.js';
 import { CustomModal } from './chunk-GBMNCNHX.js';
-import { useDealTasksDue, useDeals, useCreateDealTask, useDeleteDeal, useTableSort, sortData, usePaginationState, useTableSelection, useDealDetail } from './chunk-E3IFHX6A.js';
+import { useDealTasksDue, useDeals, useCreateDealTask, useDeleteDeal, useTableSort, sortData, usePaginationState, useTableSelection, useDealDetail, useCompany } from './chunk-DOFVHWAP.js';
 import { SubshellContentContainer } from './chunk-RX4UWZZR.js';
 import { CenteredErrorState, CardHeader, PageTitleCaption, EmptyState, ActivityTimeline } from './chunk-SQQGLGHW.js';
 import { PAGE_SIZE_DEFAULT, formatTimeAgo } from './chunk-IOKL7BKE.js';
 import { useElevasisServices } from './chunk-QEPXAWE2.js';
 import { useRouterContext } from './chunk-Q7DJKLEN.js';
-import { Box, Stack, Group, Text, Badge, Center, Loader, UnstyledButton, Button, Modal, Select, TextInput, Textarea, Paper, Alert, SimpleGrid, Table, Checkbox, Pagination, Title, ActionIcon, Tabs, Card, Code, Divider, Anchor } from '@mantine/core';
-import { IconLayoutGrid, IconColumns, IconFileInvoice, IconAddressBook, IconTrophy, IconClockExclamation, IconUser, IconPlus, IconChecklist, IconAlertCircle, IconHistory, IconSearch, IconTargetArrow, IconAlertTriangle, IconArrowLeft, IconFileText, IconTrash, IconX, IconCheckbox, IconCalendar, IconMail, IconPhone, IconArrowRight, IconNote } from '@tabler/icons-react';
+import { Box, Stack, Group, Text, Badge, Center, Loader, UnstyledButton, Button, Modal, Title, Select, TextInput, Textarea, Paper, Alert, SimpleGrid, Table, Checkbox, Pagination, ActionIcon, Tabs, Card, Code, Divider, Anchor } from '@mantine/core';
+import { IconLayoutGrid, IconColumns, IconFileInvoice, IconAddressBook, IconTrophy, IconClockExclamation, IconUser, IconPlus, IconChecklist, IconAlertCircle, IconHistory, IconSearch, IconTargetArrow, IconAlertTriangle, IconArrowLeft, IconFileText, IconTrash, IconX, IconBuilding, IconCheckbox, IconCalendar, IconMail, IconPhone, IconArrowRight, IconNote } from '@tabler/icons-react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useState, useMemo, useEffect } from 'react';
 import { useQuery, useQueryClient } from '@tanstack/react-query';
@@ -209,8 +209,9 @@ function QuickCreateActions({ showSectionLabel = true }) {
       showSectionLabel && /* @__PURE__ */ jsx(Text, { fz: "xs", tt: "uppercase", c: "dimmed", fw: 600, children: "TASKS" }),
       /* @__PURE__ */ jsx(Button, { variant: "light", size: "xs", leftSection: /* @__PURE__ */ jsx(IconPlus, { size: 14 }), fullWidth: true, onClick: () => setOpen(true), children: "New Task" })
     ] }),
-    /* @__PURE__ */ jsxs(Modal, { opened: open, onClose: handleClose, title: "New Task", size: "md", children: [
+    /* @__PURE__ */ jsxs(Modal, { opened: open, onClose: handleClose, size: "md", children: [
       /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
+        /* @__PURE__ */ jsx(Title, { order: 3, children: "New Task" }),
         /* @__PURE__ */ jsx(
           Select,
           {
@@ -1108,5 +1109,123 @@ function DealDetailPage({ dealId, renderActions, onDealLoaded }) {
     ] }) })
   ] }) });
 }
+function CompanyDetailPage({ companyId }) {
+  const navigate = useNavigate();
+  const { data: company, isLoading, error } = useCompany(companyId);
+  const title = company ? company.name : "Company Detail";
+  const headerActions = /* @__PURE__ */ jsx(
+    Button,
+    {
+      variant: "light",
+      size: "sm",
+      leftSection: /* @__PURE__ */ jsx(IconArrowLeft, { size: 16 }),
+      onClick: () => navigate({ to: "/crm" }),
+      children: "CRM"
+    }
+  );
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsxs(PageContainer, { 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: [
+      /* @__PURE__ */ jsx(Stack, { children: /* @__PURE__ */ jsx(PageTitleCaption, { title, caption: "Unable to load company details", rightSection: headerActions }) }),
+      /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(CenteredErrorState, { error, title: "Failed to load company" }) })
+    ] }) });
+  }
+  if (!company) {
+    return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsxs(PageContainer, { children: [
+      /* @__PURE__ */ jsx(Stack, { children: /* @__PURE__ */ jsx(PageTitleCaption, { title, caption: "Company not found", rightSection: headerActions }) }),
+      /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(
+        EmptyState,
+        {
+          icon: IconBuilding,
+          title: "Company not found",
+          description: "The selected company no longer exists."
+        }
+      ) })
+    ] }) });
+  }
+  return /* @__PURE__ */ jsx(SubshellContentContainer, { children: /* @__PURE__ */ jsxs(PageContainer, { children: [
+    /* @__PURE__ */ jsx(Stack, { children: /* @__PURE__ */ jsx(
+      PageTitleCaption,
+      {
+        title: company.name,
+        caption: [company.domain, company.locationCity, company.locationState].filter(Boolean).join(" \xB7 ") || "Company",
+        rightSection: headerActions
+      }
+    ) }),
+    /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "md", p: "md", children: [
+      /* @__PURE__ */ jsx(Card, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
+        /* @__PURE__ */ jsx(Title, { order: 4, children: "Overview" }),
+        /* @__PURE__ */ jsxs(SimpleGrid, { cols: { base: 1, sm: 2 }, spacing: "sm", children: [
+          /* @__PURE__ */ jsxs(Group, { children: [
+            /* @__PURE__ */ jsx(Text, { fw: 500, children: "Name:" }),
+            /* @__PURE__ */ jsx(Text, { children: company.name })
+          ] }),
+          /* @__PURE__ */ jsxs(Group, { children: [
+            /* @__PURE__ */ jsx(Text, { fw: 500, children: "Status:" }),
+            /* @__PURE__ */ jsx(Badge, { variant: "light", color: "blue", children: company.status })
+          ] }),
+          company.domain && /* @__PURE__ */ jsxs(Group, { children: [
+            /* @__PURE__ */ jsx(Text, { fw: 500, children: "Domain:" }),
+            /* @__PURE__ */ jsx(Text, { children: company.domain })
+          ] }),
+          company.website && /* @__PURE__ */ jsxs(Group, { children: [
+            /* @__PURE__ */ jsx(Text, { fw: 500, children: "Website:" }),
+            /* @__PURE__ */ jsx(Text, { component: "a", href: company.website, target: "_blank", c: "blue", children: company.website })
+          ] }),
+          company.numEmployees != null && /* @__PURE__ */ jsxs(Group, { children: [
+            /* @__PURE__ */ jsx(Text, { fw: 500, children: "Employees:" }),
+            /* @__PURE__ */ jsx(Text, { children: company.numEmployees.toLocaleString() })
+          ] }),
+          company.foundedYear != null && /* @__PURE__ */ jsxs(Group, { children: [
+            /* @__PURE__ */ jsx(Text, { fw: 500, children: "Founded:" }),
+            /* @__PURE__ */ jsx(Text, { children: company.foundedYear })
+          ] })
+        ] })
+      ] }) }),
+      (company.locationCity || company.locationState) && /* @__PURE__ */ jsx(Card, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
+        /* @__PURE__ */ jsx(Title, { order: 4, children: "Location" }),
+        /* @__PURE__ */ jsxs(SimpleGrid, { cols: { base: 1, sm: 2 }, spacing: "sm", children: [
+          company.locationCity && /* @__PURE__ */ jsxs(Group, { children: [
+            /* @__PURE__ */ jsx(Text, { fw: 500, children: "City:" }),
+            /* @__PURE__ */ jsx(Text, { children: company.locationCity })
+          ] }),
+          company.locationState && /* @__PURE__ */ jsxs(Group, { children: [
+            /* @__PURE__ */ jsx(Text, { fw: 500, children: "State:" }),
+            /* @__PURE__ */ jsx(Text, { children: company.locationState })
+          ] })
+        ] })
+      ] }) }),
+      company.linkedinUrl && /* @__PURE__ */ jsx(Card, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
+        /* @__PURE__ */ jsx(Title, { order: 4, children: "Social" }),
+        /* @__PURE__ */ jsxs(Group, { children: [
+          /* @__PURE__ */ jsx(Text, { fw: 500, children: "LinkedIn:" }),
+          /* @__PURE__ */ jsx(Text, { component: "a", href: company.linkedinUrl, target: "_blank", c: "blue", children: "View Profile" })
+        ] })
+      ] }) }),
+      (company.segment || company.category) && /* @__PURE__ */ jsx(Card, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
+        /* @__PURE__ */ jsx(Title, { order: 4, children: "Classification" }),
+        /* @__PURE__ */ jsxs(SimpleGrid, { cols: { base: 1, sm: 2 }, spacing: "sm", children: [
+          company.segment && /* @__PURE__ */ jsxs(Group, { children: [
+            /* @__PURE__ */ jsx(Text, { fw: 500, children: "Segment:" }),
+            /* @__PURE__ */ jsx(Text, { children: company.segment })
+          ] }),
+          company.category && /* @__PURE__ */ jsxs(Group, { children: [
+            /* @__PURE__ */ jsx(Text, { fw: 500, children: "Category:" }),
+            /* @__PURE__ */ jsx(Text, { children: company.category })
+          ] })
+        ] })
+      ] }) }),
+      company.verticalResearch && /* @__PURE__ */ jsx(Card, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
+        /* @__PURE__ */ jsx(Title, { order: 4, children: "Vertical Research" }),
+        /* @__PURE__ */ jsx(Text, { size: "sm", style: { whiteSpace: "pre-wrap" }, children: company.verticalResearch })
+      ] }) })
+    ] }) })
+  ] }) });
+}
 
-export { ActivityFeedWidget, CRM_ITEMS, CrmOverview, CrmSidebar, CrmSidebarMiddle, CrmSidebarTop, DEAL_STAGE_COLORS, DEAL_STAGE_OPTIONS, DealDetailPage, DealsListPage, MetricsStrip, MyTasksPanel, PIPELINE_FUNNEL_ORDER, PipelineFunnelWidget, QuickCreateActions, SAVED_VIEW_PRESETS, SavedViewsPanel, TasksDueWidget, crmManifest, formatDealStageLabel, useCrmPipelineSummary, useCrmQuickMetrics, useRecentCrmActivity };
+export { ActivityFeedWidget, CRM_ITEMS, CompanyDetailPage, CrmOverview, CrmSidebar, CrmSidebarMiddle, CrmSidebarTop, DEAL_STAGE_COLORS, DEAL_STAGE_OPTIONS, DealDetailPage, DealsListPage, MetricsStrip, MyTasksPanel, PIPELINE_FUNNEL_ORDER, PipelineFunnelWidget, QuickCreateActions, SAVED_VIEW_PRESETS, SavedViewsPanel, TasksDueWidget, crmManifest, formatDealStageLabel, useCrmPipelineSummary, useCrmQuickMetrics, useRecentCrmActivity };