@elevasis/ui 2.68.0 → 2.69.0

package/dist/features/auth/index.js

@@ -1,24 +1,24 @@
-import { AppShellError } from '../../chunk-GBXTRSAU.js';
-import { computeProtectedRouteGate, DEFAULT_WAIT_FOR_ORGANIZATION, ProtectedRoute, AppearanceContext, useAppearance } from '../../chunk-ZGCWTWBD.js';
-export { AccessGuard } from '../../chunk-ZGCWTWBD.js';
-import '../../chunk-R6NMRXNO.js';
-import '../../chunk-RBGVNPA6.js';
+import { AppShellError } from '../../chunk-XQ3ILKYN.js';
+import { computeProtectedRouteGate, DEFAULT_WAIT_FOR_ORGANIZATION, ProtectedRoute, AppearanceContext, useAppearance } from '../../chunk-WXHAHKKI.js';
+export { AccessGuard } from '../../chunk-WXHAHKKI.js';
+import '../../chunk-FLECOYUS.js';
+import '../../chunk-XQBURFKM.js';
 import '../../chunk-MKH2KOAO.js';
+import '../../chunk-VDX6DL7Z.js';
 import '../../chunk-L7BZZ4SI.js';
-import '../../chunk-NDHMZT2G.js';
+import '../../chunk-C75XWBYZ.js';
+import '../../chunk-MISHPEJX.js';
 import '../../chunk-62GVNH5U.js';
 import { useInitialization } from '../../chunk-P45GQ3ZW.js';
-import '../../chunk-5NRJ2BLQ.js';
 import '../../chunk-M7WWRZ5Z.js';
 import '../../chunk-3KMDHCAR.js';
-import '../../chunk-MISHPEJX.js';
 import '../../chunk-2IFYDILW.js';
 import '../../chunk-BLXJEIQS.js';
 import '../../chunk-UD657ICS.js';
 import '../../chunk-DD3CCMCZ.js';
 import '../../chunk-RNP5R5I3.js';
 export { USER_PROFILE_QUERY_KEY, useUserProfile } from '../../chunk-RT4KRGZT.js';
-import '../../chunk-L3HFJFYF.js';
+import '../../chunk-NM4A63KJ.js';
 import '../../chunk-Y6I3IC45.js';
 import '../../chunk-6SSQGWK7.js';
 import '../../chunk-BI5VDO2K.js';

package/dist/features/clients/index.css

@@ -66,214 +66,6 @@
   color: var(--color-text-dimmed);
 }
 
-/* src/theme/custom.css */
-.mantine-Button-root[data-variant=default] {
-  background-color: var(--color-surface);
-  backdrop-filter: var(--glass-blur);
-  -webkit-backdrop-filter: var(--glass-blur);
-  border: 1px solid var(--color-border);
-  color: var(--color-text);
-}
-.mantine-Button-root[data-variant=default]:hover {
-  background-color: var(--color-surface-hover);
-}
-.lead-gen-build-action-button:disabled,
-.lead-gen-build-action-button[data-disabled] {
-  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: var(--surface-primary-muted) !important;
-}
-.mantine-Accordion-control:hover {
-  background-color: var(--color-surface-hover);
-}
-[data-mantine-color-scheme] .mantine-Accordion-root .mantine-Accordion-item {
-  --item-filled-color: var(--color-surface);
-  --item-border-color: var(--color-border);
-}
-[data-mantine-color-scheme] .mantine-Accordion-root[data-variant=separated] .mantine-Accordion-item[data-active] {
-  background-color: var(--color-surface);
-  border-color: var(--color-border);
-}
-.mantine-Menu-item:hover:not([data-disabled]) {
-  background-color: var(--color-surface-hover);
-}
-.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] .mantine-Tabs-root {
-  --tab-border-color: var(--color-border);
-  --tab-hover-color: var(--color-surface-hover);
-  --tabs-radius: var(--mantine-radius-xs);
-}
-[data-mantine-color-scheme] .mantine-Tabs-root .mantine-Tabs-tab {
-  color: var(--color-text);
-}
-[data-mantine-color-scheme] .mantine-Tabs-root .mantine-Tabs-tab:hover {
-  background-color: var(--color-surface-hover);
-}
-[data-mantine-color-scheme] .mantine-Tabs-root .mantine-Tabs-tab[data-active] {
-  background-color: var(--color-surface-hover);
-  border-color: var(--color-primary);
-  color: var(--color-text);
-}
-.mantine-Pagination-control:not([data-active]) {
-  background: var(--color-surface);
-}
-::-webkit-scrollbar {
-  width: 5px;
-  height: 5px;
-}
-::-webkit-scrollbar-track {
-  background: transparent;
-}
-::-webkit-scrollbar-thumb {
-  background: color-mix(in srgb, var(--color-text-subtle) 50%, var(--color-border));
-  border-radius: 4px;
-}
-::-webkit-scrollbar-thumb:hover {
-  background: var(--color-text-subtle);
-}
-[data-mantine-color-scheme] .mantine-Checkbox-input:not(:disabled):not(:checked):not([data-indeterminate]) {
-  background-color: var(--color-surface);
-  border-color: var(--color-border);
-}
-[data-mantine-color-scheme] .mantine-Checkbox-input:checked,
-[data-mantine-color-scheme] .mantine-Checkbox-input[data-indeterminate] {
-  background-color: var(--color-primary);
-  border-color: var(--color-primary);
-}
-.mantine-Switch-root:has(input:not(:checked)) .mantine-Switch-track {
-  background-color: var(--color-surface-hover);
-  border-color: var(--color-border);
-}
-.mantine-Timeline-root {
-  --tl-color: var(--color-primary);
-}
-.mantine-Timeline-item {
-  --item-border-color: var(--color-border);
-}
-.mantine-Timeline-itemBullet {
-  border-color: var(--color-border);
-}
-.mantine-Timeline-itemBullet:where([data-with-child]) {
-  background-color: var(--color-primary);
-  border-color: var(--color-primary);
-}
-.mantine-Tree-node:focus-visible > [data-value] {
-  outline: 2px solid color-mix(in srgb, var(--color-primary) 55%, transparent);
-  outline-offset: 2px;
-}
-.mantine-Tree-label[data-hovered] {
-  background-color: var(--color-surface-hover);
-  border-color: var(--color-border);
-}
-.mantine-Tree-label[data-selected] {
-  background-color: color-mix(in srgb, var(--color-primary) 12%, transparent);
-  border-color: color-mix(in srgb, var(--color-primary) 38%, var(--color-border));
-  color: var(--color-primary);
-}
-[data-knowledge-article] pre {
-  white-space: pre-wrap;
-  word-break: break-word;
-  overflow-x: auto;
-  max-width: 100%;
-  padding: var(--mantine-spacing-sm);
-  background-color: var(--color-surface);
-  border: 1px solid var(--color-border);
-  border-radius: var(--mantine-radius-sm);
-}
-[data-knowledge-article] pre code {
-  background: transparent;
-  border: none;
-  padding: 0;
-  white-space: inherit;
-  word-break: inherit;
-}
-.recharts-surface:focus {
-  outline: none;
-}
-.hide-scrollbar {
-  scrollbar-width: none;
-  -ms-overflow-style: none;
-}
-.hide-scrollbar::-webkit-scrollbar {
-  display: none;
-}
-
-/* src/components/display/ElevasisLoader.module.css */
-.wrapper {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: var(--loader-size);
-  height: var(--loader-size);
-  overflow: visible;
-}
-.loader {
-  width: 100%;
-  height: 100%;
-  display: block;
-  overflow: visible;
-}
-.chevron {
-  stroke: var(--loader-color);
-  stroke-width: 2;
-  stroke-linecap: square;
-  stroke-linejoin: miter;
-  fill: none;
-  opacity: 0.15;
-  animation: chevronPulse 2s ease-in-out infinite;
-  filter: drop-shadow(0 0 1.5px var(--loader-color));
-}
-[data-mantine-color-scheme=light] .chevron {
-  filter: none;
-}
-.c1 {
-  animation-delay: 0s;
-}
-.c2 {
-  animation-delay: 0.2s;
-}
-.c3 {
-  animation-delay: 0.4s;
-}
-@keyframes chevronPulse {
-  0%, 100% {
-    opacity: 0.12;
-    filter: drop-shadow(0 0 1px var(--loader-color));
-  }
-  40%, 60% {
-    opacity: 1;
-    filter: drop-shadow(0 0 3px var(--loader-color));
-  }
-}
-[data-mantine-color-scheme=light] .chevron {
-  animation-name: chevronPulseLight;
-}
-@keyframes chevronPulseLight {
-  0%, 100% {
-    opacity: 0.2;
-  }
-  40%, 60% {
-    opacity: 1;
-  }
-}
-
 /* src/graph/Graph.globals.css */
 .elevasis-graph-root .react-flow__node.selected,
 .elevasis-graph-root .react-flow__node:focus,
@@ -657,3 +449,211 @@
     transform: none;
   }
 }
+
+/* src/theme/custom.css */
+.mantine-Button-root[data-variant=default] {
+  background-color: var(--color-surface);
+  backdrop-filter: var(--glass-blur);
+  -webkit-backdrop-filter: var(--glass-blur);
+  border: 1px solid var(--color-border);
+  color: var(--color-text);
+}
+.mantine-Button-root[data-variant=default]:hover {
+  background-color: var(--color-surface-hover);
+}
+.lead-gen-build-action-button:disabled,
+.lead-gen-build-action-button[data-disabled] {
+  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: var(--surface-primary-muted) !important;
+}
+.mantine-Accordion-control:hover {
+  background-color: var(--color-surface-hover);
+}
+[data-mantine-color-scheme] .mantine-Accordion-root .mantine-Accordion-item {
+  --item-filled-color: var(--color-surface);
+  --item-border-color: var(--color-border);
+}
+[data-mantine-color-scheme] .mantine-Accordion-root[data-variant=separated] .mantine-Accordion-item[data-active] {
+  background-color: var(--color-surface);
+  border-color: var(--color-border);
+}
+.mantine-Menu-item:hover:not([data-disabled]) {
+  background-color: var(--color-surface-hover);
+}
+.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] .mantine-Tabs-root {
+  --tab-border-color: var(--color-border);
+  --tab-hover-color: var(--color-surface-hover);
+  --tabs-radius: var(--mantine-radius-xs);
+}
+[data-mantine-color-scheme] .mantine-Tabs-root .mantine-Tabs-tab {
+  color: var(--color-text);
+}
+[data-mantine-color-scheme] .mantine-Tabs-root .mantine-Tabs-tab:hover {
+  background-color: var(--color-surface-hover);
+}
+[data-mantine-color-scheme] .mantine-Tabs-root .mantine-Tabs-tab[data-active] {
+  background-color: var(--color-surface-hover);
+  border-color: var(--color-primary);
+  color: var(--color-text);
+}
+.mantine-Pagination-control:not([data-active]) {
+  background: var(--color-surface);
+}
+::-webkit-scrollbar {
+  width: 5px;
+  height: 5px;
+}
+::-webkit-scrollbar-track {
+  background: transparent;
+}
+::-webkit-scrollbar-thumb {
+  background: color-mix(in srgb, var(--color-text-subtle) 50%, var(--color-border));
+  border-radius: 4px;
+}
+::-webkit-scrollbar-thumb:hover {
+  background: var(--color-text-subtle);
+}
+[data-mantine-color-scheme] .mantine-Checkbox-input:not(:disabled):not(:checked):not([data-indeterminate]) {
+  background-color: var(--color-surface);
+  border-color: var(--color-border);
+}
+[data-mantine-color-scheme] .mantine-Checkbox-input:checked,
+[data-mantine-color-scheme] .mantine-Checkbox-input[data-indeterminate] {
+  background-color: var(--color-primary);
+  border-color: var(--color-primary);
+}
+.mantine-Switch-root:has(input:not(:checked)) .mantine-Switch-track {
+  background-color: var(--color-surface-hover);
+  border-color: var(--color-border);
+}
+.mantine-Timeline-root {
+  --tl-color: var(--color-primary);
+}
+.mantine-Timeline-item {
+  --item-border-color: var(--color-border);
+}
+.mantine-Timeline-itemBullet {
+  border-color: var(--color-border);
+}
+.mantine-Timeline-itemBullet:where([data-with-child]) {
+  background-color: var(--color-primary);
+  border-color: var(--color-primary);
+}
+.mantine-Tree-node:focus-visible > [data-value] {
+  outline: 2px solid color-mix(in srgb, var(--color-primary) 55%, transparent);
+  outline-offset: 2px;
+}
+.mantine-Tree-label[data-hovered] {
+  background-color: var(--color-surface-hover);
+  border-color: var(--color-border);
+}
+.mantine-Tree-label[data-selected] {
+  background-color: color-mix(in srgb, var(--color-primary) 12%, transparent);
+  border-color: color-mix(in srgb, var(--color-primary) 38%, var(--color-border));
+  color: var(--color-primary);
+}
+[data-knowledge-article] pre {
+  white-space: pre-wrap;
+  word-break: break-word;
+  overflow-x: auto;
+  max-width: 100%;
+  padding: var(--mantine-spacing-sm);
+  background-color: var(--color-surface);
+  border: 1px solid var(--color-border);
+  border-radius: var(--mantine-radius-sm);
+}
+[data-knowledge-article] pre code {
+  background: transparent;
+  border: none;
+  padding: 0;
+  white-space: inherit;
+  word-break: inherit;
+}
+.recharts-surface:focus {
+  outline: none;
+}
+.hide-scrollbar {
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+}
+.hide-scrollbar::-webkit-scrollbar {
+  display: none;
+}
+
+/* src/components/display/ElevasisLoader.module.css */
+.wrapper {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: var(--loader-size);
+  height: var(--loader-size);
+  overflow: visible;
+}
+.loader {
+  width: 100%;
+  height: 100%;
+  display: block;
+  overflow: visible;
+}
+.chevron {
+  stroke: var(--loader-color);
+  stroke-width: 2;
+  stroke-linecap: square;
+  stroke-linejoin: miter;
+  fill: none;
+  opacity: 0.15;
+  animation: chevronPulse 2s ease-in-out infinite;
+  filter: drop-shadow(0 0 1.5px var(--loader-color));
+}
+[data-mantine-color-scheme=light] .chevron {
+  filter: none;
+}
+.c1 {
+  animation-delay: 0s;
+}
+.c2 {
+  animation-delay: 0.2s;
+}
+.c3 {
+  animation-delay: 0.4s;
+}
+@keyframes chevronPulse {
+  0%, 100% {
+    opacity: 0.12;
+    filter: drop-shadow(0 0 1px var(--loader-color));
+  }
+  40%, 60% {
+    opacity: 1;
+    filter: drop-shadow(0 0 3px var(--loader-color));
+  }
+}
+[data-mantine-color-scheme=light] .chevron {
+  animation-name: chevronPulseLight;
+}
+@keyframes chevronPulseLight {
+  0%, 100% {
+    opacity: 0.2;
+  }
+  40%, 60% {
+    opacity: 1;
+  }
+}

package/dist/features/clients/index.d.ts

@@ -72,6 +72,44 @@ interface DeleteClientConfirmProps {
 }
 declare function DeleteClientConfirm({ opened, onClose, clientId, clientName, onDeleted }: DeleteClientConfirmProps): react_jsx_runtime.JSX.Element;
 
+type SystemSidebarComponent = ComponentType;
+type SystemIconComponent = ComponentType<{
+    size?: number;
+    stroke?: number;
+}>;
+type SystemSidebarWidthResolver = number | ((context: {
+    currentPath: string;
+}) => number);
+interface SystemModule {
+    /** Unique stable identifier for this UI system module. */
+    key: string;
+    /** Organization Model system id this module presents. Omit for navigation-only app surfaces. */
+    systemId?: string;
+    /** Route prefixes owned by navigation-only app surfaces. */
+    routePrefixes?: string[];
+    /** Capability identifiers contributed by this system module. */
+    capabilityIds?: string[];
+    /** Icon used when this system node appears in shell navigation. */
+    icon?: SystemIconComponent;
+    /** Sidebar component rendered when this system's subtree route is active. */
+    sidebar?: SystemSidebarComponent;
+    /** Optional shell sidebar width override. Defaults to 250px. */
+    sidebarWidth?: SystemSidebarWidthResolver;
+    /** Operations-only bridge connecting this system to the organization graph node. */
+    organizationGraph?: OrganizationGraphSystemBridge;
+}
+interface OrganizationGraphSystemBridge {
+    systemId?: string;
+}
+
+/**
+ * Client Management binds to the `client-management` OM System, which owns
+ * `/clients` and declares `ui.icon: 'clients'` — the icon registry resolves that
+ * token, so no manifest-level override is needed. There is no sidebar: the
+ * System has no subsections, so the shell renders it as a leaf nav node.
+ */
+declare const clientsManifest: SystemModule;
+
 interface ClientsListPageProps {
     onClientClick?: (clientId: string) => void;
 }
@@ -85,5 +123,5 @@ declare function ClientDetailPage({ clientId }: ClientDetailPageProps): react_js
 declare const CLIENT_STATUS_COLORS: Record<ClientStatus, string>;
 declare function formatClientStatusLabel(status: string): string;
 
-export { CLIENT_STATUS_COLORS, ClientDetailPage, ClientLineageSection, ClientStatusBadge, ClientsListPage, ClientsMetricsStrip, CreateClientModal, DeleteClientConfirm, EditClientNameModal, UpdateClientStatusModal, formatClientStatusLabel };
+export { CLIENT_STATUS_COLORS, ClientDetailPage, ClientLineageSection, ClientStatusBadge, ClientsListPage, ClientsMetricsStrip, CreateClientModal, DeleteClientConfirm, EditClientNameModal, UpdateClientStatusModal, clientsManifest, formatClientStatusLabel };
 export type { ClientDetailPageProps, ClientLineageColumn, ClientLineageSectionProps, ClientStatusBadgeProps, ClientsListPageProps, CreateClientModalProps, DeleteClientConfirmProps, EditClientNameModalProps, UpdateClientStatusModalProps };

package/dist/features/clients/index.js

@@ -2,25 +2,26 @@ import '../../chunk-DLR4SDZW.js';
 import { PageContainer } from '../../chunk-BZZCNLT6.js';
 import '../../chunk-TUMSNGTX.js';
 import { FilterBar } from '../../chunk-PDHTXPSF.js';
-import { useClientStatus, StatCard, EmptyState, useCreateClient, CustomModal, useUpdateClient, useDeleteClient, usePaginationState, useClients, SubshellContentContainer, PageTitleCaption, CenteredErrorState, useClient } from '../../chunk-ZGCWTWBD.js';
-import '../../chunk-R6NMRXNO.js';
-import '../../chunk-RBGVNPA6.js';
+import { useClientStatus, StatCard, EmptyState, useCreateClient, CustomModal, useUpdateClient, useDeleteClient, usePaginationState, useClients, SubshellContentContainer, PageTitleCaption, CenteredErrorState, useClient } from '../../chunk-WXHAHKKI.js';
+export { clientsManifest } from '../../chunk-WXHAHKKI.js';
+import '../../chunk-FLECOYUS.js';
+import '../../chunk-XQBURFKM.js';
 import '../../chunk-MKH2KOAO.js';
+import '../../chunk-VDX6DL7Z.js';
 import '../../chunk-L7BZZ4SI.js';
-import { showApiErrorNotification } from '../../chunk-NDHMZT2G.js';
+import { showApiErrorNotification } from '../../chunk-C75XWBYZ.js';
+import '../../chunk-MISHPEJX.js';
 import { CardHeader } from '../../chunk-62GVNH5U.js';
 import '../../chunk-P45GQ3ZW.js';
-import '../../chunk-5NRJ2BLQ.js';
 import '../../chunk-M7WWRZ5Z.js';
 import '../../chunk-3KMDHCAR.js';
-import '../../chunk-MISHPEJX.js';
 import '../../chunk-2IFYDILW.js';
 import '../../chunk-BLXJEIQS.js';
 import '../../chunk-UD657ICS.js';
 import '../../chunk-DD3CCMCZ.js';
 import '../../chunk-RNP5R5I3.js';
 import '../../chunk-RT4KRGZT.js';
-import { PAGE_SIZE_DEFAULT, formatTimeAgo } from '../../chunk-L3HFJFYF.js';
+import { PAGE_SIZE_DEFAULT, formatTimeAgo } from '../../chunk-NM4A63KJ.js';
 import '../../chunk-Y6I3IC45.js';
 import '../../chunk-6SSQGWK7.js';
 import '../../chunk-BI5VDO2K.js';