@elevasis/ui 2.74.0 → 2.76.0

package/dist/knowledge/index.js

@@ -1,15 +1,15 @@
-import '../chunk-GO4XJ5D4.js';
-import '../chunk-BA3AZJUR.js';
-import '../chunk-E6YGA5WH.js';
+import '../chunk-2GIHWU5O.js';
+import '../chunk-SPW6UA6B.js';
+import '../chunk-EFQLXRYT.js';
+import '../chunk-6B4ZPBQJ.js';
 import { PageContainer } from '../chunk-BZZCNLT6.js';
-import { getConceptDefinition, normaliseConceptKey, SemanticIcon, getKnowledgeIconToken, getKnowledgeGraphNodeCommand, IdentityDomainSchema, WorkflowResourceEntrySchema, AgentResourceEntrySchema, IntegrationResourceEntrySchema, ScriptResourceEntrySchema, findOmTreeGroup, SubshellContentContainer, getKnowledgeNodeReadCommand, getKnowledgeOntologyProjection, getPrimaryOntologyItemsForDomain, projectNavigationSurfaces, projectNavigationGroups, SurfaceDefinitionSchema, RoleSchema, getOntologyDomainLabel, getKnowledgeDomainFolderCommand, buildKnowledgeOmTreeData, findKnowledgeTreeNodeByValue, getKnowledgeTreeFolderCommand, KNOWLEDGE_DOMAINS_WITH_PANELS } from '../chunk-6JN2TLV2.js';
-export { FILTERABLE_DOMAIN_KEYS, KNOWLEDGE_DOMAINS_WITH_PANELS, KNOWLEDGE_ICON_TOKEN_BY_KIND, KnowledgeSearchBar, KnowledgeTree, OM_NESTED_TREE_GROUPS, OM_TREE_GROUPS, SemanticIcon, buildKnowledgeOmTreeData, extendSemanticIconRegistry, findKnowledgeTreeNodeByValue, findOmTreeGroup, getKnowledgeIconToken, getSemanticIconComponent, getSharedOrganizationGraph, resolveSemanticIconComponent } from '../chunk-6JN2TLV2.js';
-import { usePresetsContext } from '../chunk-R6NMRXNO.js';
-import '../chunk-RBGVNPA6.js';
-import '../chunk-O32UQ26A.js';
+import { getConceptDefinition, normaliseConceptKey, SemanticIcon, getKnowledgeIconToken, getKnowledgeGraphNodeCommand, IdentityDomainSchema, WorkflowResourceEntrySchema, AgentResourceEntrySchema, IntegrationResourceEntrySchema, ScriptResourceEntrySchema, findOmTreeGroup, SubshellContentContainer, getKnowledgeNodeReadCommand, getKnowledgeOntologyProjection, getPrimaryOntologyItemsForDomain, projectNavigationSurfaces, projectNavigationGroups, SurfaceDefinitionSchema, RoleSchema, getOntologyDomainLabel, getKnowledgeDomainFolderCommand, buildKnowledgeOmTreeData, findKnowledgeTreeNodeByValue, getKnowledgeTreeFolderCommand, KNOWLEDGE_DOMAINS_WITH_PANELS } from '../chunk-K55TU6CC.js';
+export { FILTERABLE_DOMAIN_KEYS, KNOWLEDGE_DOMAINS_WITH_PANELS, KNOWLEDGE_ICON_TOKEN_BY_KIND, KnowledgeSearchBar, KnowledgeTree, OM_NESTED_TREE_GROUPS, OM_TREE_GROUPS, SemanticIcon, buildKnowledgeOmTreeData, extendSemanticIconRegistry, findKnowledgeTreeNodeByValue, findOmTreeGroup, getKnowledgeIconToken, getSemanticIconComponent, getSharedOrganizationGraph, resolveSemanticIconComponent } from '../chunk-K55TU6CC.js';
+import { usePresetsContext } from '../chunk-4WLAVUPS.js';
+import '../chunk-RXZ3XDBM.js';
+import '../chunk-JZQNUQE4.js';
 import '../chunk-L7BZZ4SI.js';
-import '../chunk-HYQOGRWG.js';
-import '../chunk-MISHPEJX.js';
+import '../chunk-KXNRTJAE.js';
 import '../chunk-62GVNH5U.js';
 import '../chunk-P45GQ3ZW.js';
 import '../chunk-2GIJBHZT.js';
@@ -20,7 +20,7 @@ import '../chunk-UD657ICS.js';
 import '../chunk-DD3CCMCZ.js';
 import '../chunk-RNP5R5I3.js';
 import '../chunk-RT4KRGZT.js';
-import { getSystem, SystemEntrySchema, EntitySchema, ActionSchema, OntologyIdSchema, ontologyGraphNodeId, compileOrganizationOntology, parseOntologyId } from '../chunk-R5UGIFYU.js';
+import { getSystem, SystemEntrySchema, EntitySchema, ActionSchema, OntologyIdSchema, ontologyGraphNodeId, compileOrganizationOntology, parseOntologyId } from '../chunk-5ZK7K7YP.js';
 import '../chunk-Y6I3IC45.js';
 import '../chunk-6SSQGWK7.js';
 import '../chunk-BI5VDO2K.js';

package/dist/layout/index.d.ts

@@ -265,6 +265,35 @@ interface AppShellContentContainerProps {
 declare const AppShellRightSideOuterContainer: ({ children }: AppShellContentContainerProps) => react_jsx_runtime.JSX.Element;
 declare const AppShellContentContainer: ({ children }: AppShellContentContainerProps) => react_jsx_runtime.JSX.Element;
 
+interface AppPageLayoutProps {
+    children: React.ReactNode;
+    /**
+     * Wrap the content in `PageContainer` (max-width + vertical rhythm). Default
+     * true, which is what almost every route wants. Set false for a page that
+     * manages its own width — the monitoring dashboards do, since their charts
+     * run full-bleed.
+     */
+    contained?: boolean;
+}
+/**
+ * The standard route shell: topbar offset, then the shell's padded content
+ * region, then the page container.
+ *
+ * Every route repeated this same three-component nesting by hand, which meant
+ * the layout contract lived in ~50 places instead of one and a route could
+ * silently get it wrong. Composing them here makes the contract a single
+ * import, and the `contained` escape hatch covers the one real variation.
+ *
+ * For a page with a subshell sidebar, use `SubshellContentContainer` instead --
+ * do not wrap one in this. The two handle the topbar offset differently:
+ * `AppTopbarAdjusterWrapper` pushes the whole main region down, while
+ * `SubshellContentContainer` applies the offset to the scrolling right side only
+ * so the sidebar can start at the top. Nesting them double-pads the page, and the
+ * extra wrappers break the `height: 100%` chain that `SubshellRightSideContainer`
+ * needs as a direct flex parent, so the inner scroll never engages.
+ */
+declare const AppPageLayout: ({ children, contained }: AppPageLayoutProps) => react_jsx_runtime.JSX.Element;
+
 interface PageContainerProps {
     children: React.ReactNode;
 }
@@ -429,6 +458,30 @@ interface SubshellSidebarContainerProps {
     width?: number;
 }
 
+interface SubshellPageLayoutProps {
+    children: React.ReactNode;
+    className?: string;
+}
+/**
+ * The standard page body for a route that sits inside a subshell sidebar: the
+ * shell's scrolling right-side region, then the page container.
+ *
+ * This is the subshell counterpart to `AppPageLayout`, and the two are mutually
+ * exclusive -- see that component's comment for why nesting one in the other
+ * double-pads the page and defeats the scroll contract.
+ *
+ * There is deliberately no `contained` prop. A page that runs full-bleed already
+ * has a single component for the job -- render `SubshellContentContainer`
+ * directly, as the knowledge graph pages do. A prop here would add a layer
+ * without removing one, which is the opposite of the point.
+ *
+ * Composing rather than wrapping matters: this renders `SubshellContentContainer`
+ * as its own root and adds no element of its own, so the DOM is identical to the
+ * hand-written nesting. `SubshellContentContainer` must stay a direct flex child
+ * of the height-bounded `SubshellRightSideContainer`, and it still is.
+ */
+declare const SubshellPageLayout: ({ children, className }: SubshellPageLayoutProps) => react_jsx_runtime.JSX.Element;
+
 interface SubshellSidebarProps {
     children: React$1.ReactNode;
     className?: string;
@@ -592,5 +645,5 @@ declare const TopbarContainer: ({ children }: {
     children: React.ReactNode;
 }) => react_jsx_runtime.JSX.Element;
 
-export { AmbientBloomGrid, AppBackground, AppShellCenteredContainer, AppShellContainer, AppShellContentContainer, AppShellError, AppShellLoader, AppShellRightSideContainer, AppShellRightSideOuterContainer, AppTopbarAdjusterWrapper, CollapsibleSidebarGroup, CyberBackground, CyberParticles, FilmGrain, FloatingMotes, FloatingOrbs, LinksGroup, PageContainer, PerspectiveGrid, RadiantGlow, Sidebar, SidebarContext, SidebarProvider, SubshellContainer, SubshellContentContainer, SubshellLoader, SubshellNavItem, SubshellNavList, SubshellRightSideContainer, SubshellSidebar, SubshellSidebarLoader, SubshellSidebarSection, Topbar, TopbarActions, TopbarContainer, Vignette, WaveBackground, sidebarBottomSectionCollapsedHeight, sidebarBottomSectionHeight, sidebarCollapsedWidth, sidebarGroupChevronSize, sidebarHoverDelay, sidebarIconInnerSize, sidebarIconSize, sidebarIconStroke, sidebarItemGap, sidebarItemHeight, sidebarItemPadding, sidebarSectionPadding, sidebarSubLinkIndent, sidebarSubLinkPaddingX, sidebarSubLinkPaddingY, sidebarToggleIconSize, sidebarTransitionDuration, sidebarWidth, subshellNavItemIconSize, subsidebarWidth, topbarHeight, useSidebar, useSidebarCollapse };
-export type { CollapsibleSidebarGroupProps, CyberVariant, LinkItem, LinksGroupProps, NavItem, SidebarNestedProps, SubshellContainerProps, SubshellContentContainerProps, SubshellNavItemProps, SubshellNavListProps, SubshellRightSideContainerProps, SubshellSidebarContainerProps, SubshellSidebarLoaderProps, SubshellSidebarProps, SubshellSidebarSectionProps, TopbarActionsProps, TopbarProps, WaveVariant };
+export { AmbientBloomGrid, AppBackground, AppPageLayout, AppShellCenteredContainer, AppShellContainer, AppShellContentContainer, AppShellError, AppShellLoader, AppShellRightSideContainer, AppShellRightSideOuterContainer, AppTopbarAdjusterWrapper, CollapsibleSidebarGroup, CyberBackground, CyberParticles, FilmGrain, FloatingMotes, FloatingOrbs, LinksGroup, PageContainer, PerspectiveGrid, RadiantGlow, Sidebar, SidebarContext, SidebarProvider, SubshellContainer, SubshellContentContainer, SubshellLoader, SubshellNavItem, SubshellNavList, SubshellPageLayout, SubshellRightSideContainer, SubshellSidebar, SubshellSidebarLoader, SubshellSidebarSection, Topbar, TopbarActions, TopbarContainer, Vignette, WaveBackground, sidebarBottomSectionCollapsedHeight, sidebarBottomSectionHeight, sidebarCollapsedWidth, sidebarGroupChevronSize, sidebarHoverDelay, sidebarIconInnerSize, sidebarIconSize, sidebarIconStroke, sidebarItemGap, sidebarItemHeight, sidebarItemPadding, sidebarSectionPadding, sidebarSubLinkIndent, sidebarSubLinkPaddingX, sidebarSubLinkPaddingY, sidebarToggleIconSize, sidebarTransitionDuration, sidebarWidth, subshellNavItemIconSize, subsidebarWidth, topbarHeight, useSidebar, useSidebarCollapse };
+export type { AppPageLayoutProps, CollapsibleSidebarGroupProps, CyberVariant, LinkItem, LinksGroupProps, NavItem, SidebarNestedProps, SubshellContainerProps, SubshellContentContainerProps, SubshellNavItemProps, SubshellNavListProps, SubshellPageLayoutProps, SubshellRightSideContainerProps, SubshellSidebarContainerProps, SubshellSidebarLoaderProps, SubshellSidebarProps, SubshellSidebarSectionProps, TopbarActionsProps, TopbarProps, WaveVariant };

package/dist/layout/index.js

@@ -1,14 +1,14 @@
-export { AppShellContainer, AppShellContentContainer, AppShellRightSideContainer, AppShellRightSideOuterContainer, AppTopbarAdjusterWrapper, CollapsibleSidebarGroup, CyberParticles, LinksGroup, Sidebar, SidebarContext, SidebarProvider, SubshellNavList, Topbar, TopbarActions, TopbarContainer, Vignette, subsidebarWidth, useSidebar, useSidebarCollapse } from '../chunk-GO4XJ5D4.js';
-export { SubshellLoader } from '../chunk-BA3AZJUR.js';
-export { AppShellCenteredContainer, AppShellError, AppShellLoader } from '../chunk-E6YGA5WH.js';
+export { AppPageLayout, AppShellContainer, AppShellContentContainer, AppShellRightSideContainer, AppShellRightSideOuterContainer, AppTopbarAdjusterWrapper, CollapsibleSidebarGroup, CyberParticles, LinksGroup, Sidebar, SidebarContext, SidebarProvider, SubshellNavList, Topbar, TopbarActions, TopbarContainer, Vignette, subsidebarWidth, useSidebar, useSidebarCollapse } from '../chunk-2GIHWU5O.js';
+export { SubshellLoader } from '../chunk-SPW6UA6B.js';
+export { AppShellCenteredContainer, AppShellError, AppShellLoader } from '../chunk-EFQLXRYT.js';
+export { SubshellPageLayout } from '../chunk-6B4ZPBQJ.js';
 export { PageContainer } from '../chunk-BZZCNLT6.js';
-export { SubshellContainer, SubshellContentContainer, SubshellRightSideContainer, SubshellSidebar, SubshellSidebarLoader } from '../chunk-6JN2TLV2.js';
-import '../chunk-R6NMRXNO.js';
-export { AmbientBloomGrid, AppBackground, CyberBackground, FilmGrain, FloatingMotes, FloatingOrbs, PerspectiveGrid, RadiantGlow, WaveBackground } from '../chunk-RBGVNPA6.js';
-import '../chunk-O32UQ26A.js';
+export { SubshellContainer, SubshellContentContainer, SubshellNavItem, SubshellRightSideContainer, SubshellSidebar, SubshellSidebarLoader, SubshellSidebarSection, sidebarBottomSectionCollapsedHeight, sidebarBottomSectionHeight, sidebarCollapsedWidth, sidebarGroupChevronSize, sidebarHoverDelay, sidebarIconInnerSize, sidebarIconSize, sidebarIconStroke, sidebarItemGap, sidebarItemHeight, sidebarItemPadding, sidebarSectionPadding, sidebarSubLinkIndent, sidebarSubLinkPaddingX, sidebarSubLinkPaddingY, sidebarToggleIconSize, sidebarTransitionDuration, sidebarWidth, subshellNavItemIconSize, topbarHeight } from '../chunk-K55TU6CC.js';
+import '../chunk-4WLAVUPS.js';
+export { AmbientBloomGrid, AppBackground, CyberBackground, FilmGrain, FloatingMotes, FloatingOrbs, PerspectiveGrid, RadiantGlow, WaveBackground } from '../chunk-RXZ3XDBM.js';
+import '../chunk-JZQNUQE4.js';
 import '../chunk-L7BZZ4SI.js';
-import '../chunk-HYQOGRWG.js';
-export { SubshellNavItem, SubshellSidebarSection, sidebarBottomSectionCollapsedHeight, sidebarBottomSectionHeight, sidebarCollapsedWidth, sidebarGroupChevronSize, sidebarHoverDelay, sidebarIconInnerSize, sidebarIconSize, sidebarIconStroke, sidebarItemGap, sidebarItemHeight, sidebarItemPadding, sidebarSectionPadding, sidebarSubLinkIndent, sidebarSubLinkPaddingX, sidebarSubLinkPaddingY, sidebarToggleIconSize, sidebarTransitionDuration, sidebarWidth, subshellNavItemIconSize, topbarHeight } from '../chunk-MISHPEJX.js';
+import '../chunk-KXNRTJAE.js';
 import '../chunk-62GVNH5U.js';
 import '../chunk-P45GQ3ZW.js';
 import '../chunk-2GIJBHZT.js';
@@ -19,7 +19,7 @@ import '../chunk-UD657ICS.js';
 import '../chunk-DD3CCMCZ.js';
 import '../chunk-RNP5R5I3.js';
 import '../chunk-RT4KRGZT.js';
-import '../chunk-R5UGIFYU.js';
+import '../chunk-5ZK7K7YP.js';
 import '../chunk-Y6I3IC45.js';
 import '../chunk-6SSQGWK7.js';
 import '../chunk-BI5VDO2K.js';

package/dist/organization/index.css

@@ -66,65 +66,6 @@
   color: var(--color-text-dimmed);
 }
 
-/* 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/theme/custom.css */
 .mantine-Button-root[data-variant=default] {
   background-color: var(--color-surface);
@@ -274,6 +215,65 @@
   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,