@elevasis/ui 2.40.1 → 2.41.1

package/dist/provider/published.d.ts

@@ -4,6 +4,7 @@ import { QueryClient } from '@tanstack/react-query';
 import * as z from 'zod';
 import { z as z$1, ZodType } from 'zod';
 import { EventSourceMessage } from '@microsoft/fetch-event-source';
+import { IconBrain } from '@tabler/icons-react';
 
 /** Framework-agnostic theme overrides bundled with a preset (fonts, radius, component styles). */
 interface FrameworkThemeOverrides {
@@ -3799,6 +3800,84 @@ declare const OrganizationModelSchema: z$1.ZodObject<{
             primary: z$1.ZodDefault<z$1.ZodRecord<z$1.ZodString, z$1.ZodType<SidebarNode, unknown, z$1.core.$ZodTypeInternals<SidebarNode, unknown>>>>;
             bottom: z$1.ZodDefault<z$1.ZodRecord<z$1.ZodString, z$1.ZodType<SidebarNode, unknown, z$1.core.$ZodTypeInternals<SidebarNode, unknown>>>>;
         }, z$1.core.$strip>>;
+        topbar: z$1.ZodDefault<z$1.ZodRecord<z$1.ZodString, z$1.ZodObject<{
+            id: z$1.ZodString;
+            label: z$1.ZodString;
+            tooltip: z$1.ZodOptional<z$1.ZodString>;
+            icon: z$1.ZodOptional<z$1.ZodUnion<readonly [z$1.ZodEnum<{
+                message: "message";
+                error: "error";
+                agent: "agent";
+                workflow: "workflow";
+                "google-sheets": "google-sheets";
+                dashboard: "dashboard";
+                calendar: "calendar";
+                sales: "sales";
+                crm: "crm";
+                "lead-gen": "lead-gen";
+                projects: "projects";
+                clients: "clients";
+                operations: "operations";
+                monitoring: "monitoring";
+                knowledge: "knowledge";
+                settings: "settings";
+                admin: "admin";
+                archive: "archive";
+                business: "business";
+                finance: "finance";
+                platform: "platform";
+                seo: "seo";
+                playbook: "playbook";
+                strategy: "strategy";
+                reference: "reference";
+                integration: "integration";
+                database: "database";
+                user: "user";
+                team: "team";
+                gmail: "gmail";
+                attio: "attio";
+                overview: "overview";
+                "command-view": "command-view";
+                "command-queue": "command-queue";
+                pipeline: "pipeline";
+                lists: "lists";
+                resources: "resources";
+                approve: "approve";
+                reject: "reject";
+                retry: "retry";
+                edit: "edit";
+                view: "view";
+                launch: "launch";
+                "message-plus": "message-plus";
+                escalate: "escalate";
+                promote: "promote";
+                submit: "submit";
+                email: "email";
+                success: "success";
+                warning: "warning";
+                info: "info";
+                pending: "pending";
+                bolt: "bolt";
+                building: "building";
+                briefcase: "briefcase";
+                apps: "apps";
+                graph: "graph";
+                shield: "shield";
+                users: "users";
+                "chart-bar": "chart-bar";
+                search: "search";
+            }>, z$1.ZodString]>>;
+            order: z$1.ZodOptional<z$1.ZodNumber>;
+            enabled: z$1.ZodDefault<z$1.ZodBoolean>;
+            devOnly: z$1.ZodOptional<z$1.ZodBoolean>;
+            requiresAdmin: z$1.ZodOptional<z$1.ZodBoolean>;
+            targets: z$1.ZodOptional<z$1.ZodDefault<z$1.ZodObject<{
+                systems: z$1.ZodOptional<z$1.ZodDefault<z$1.ZodArray<z$1.ZodString>>>;
+                entities: z$1.ZodOptional<z$1.ZodDefault<z$1.ZodArray<z$1.ZodString>>>;
+                resources: z$1.ZodOptional<z$1.ZodDefault<z$1.ZodArray<z$1.ZodString>>>;
+                actions: z$1.ZodOptional<z$1.ZodDefault<z$1.ZodArray<z$1.ZodString>>>;
+            }, z$1.core.$strip>>>;
+        }, z$1.core.$strip>>>;
     }, z$1.core.$strip>>;
     identity: z$1.ZodDefault<z$1.ZodObject<{
         mission: z$1.ZodDefault<z$1.ZodString>;
@@ -4467,6 +4546,7 @@ declare const OrganizationModelSchema: z$1.ZodObject<{
             edit: "edit";
             view: "view";
             launch: "launch";
+            "message-plus": "message-plus";
             escalate: "escalate";
             promote: "promote";
             submit: "submit";
@@ -4832,6 +4912,8 @@ interface SSEConnectionManagerLike {
     }>;
 }
 
+type TablerIconComponent = typeof IconBrain;
+
 type ElevasisOrganizationModel = Omit<OrganizationModel, 'knowledge'> & {
     knowledge?: OrganizationModel['knowledge'];
 };
@@ -4915,6 +4997,39 @@ interface ResolvedShellRouteMatch {
 interface ShellRuntime {
     resolveRoute: (path: string) => ResolvedShellRouteMatch;
 }
+/**
+ * A resolved topbar action — the OM node after gating/filtering, with icon resolved
+ * from the semantic icon registry. Passed to `TopbarActionModule.render`.
+ */
+interface ResolvedTopbarAction {
+    id: string;
+    label: string;
+    tooltip?: string;
+    icon: TablerIconComponent;
+    order: number;
+}
+/**
+ * A topbar action module — binds a registry key to UI behavior (a render callback).
+ * The key must match `navigation.topbar[id]`. The OM supplies data + visibility;
+ * the module supplies behavior.
+ */
+interface TopbarActionModule {
+    /** Stable key that matches the `id` of a `navigation.topbar` node. */
+    key: string;
+    /** Render the topbar action. Receives the resolved OM node (icon pre-resolved). */
+    render: (ctx: {
+        node: ResolvedTopbarAction;
+    }) => ReactNode;
+}
+/** A joined entry emitted by `getTopbarActions`: resolved OM node + module behavior. */
+interface ResolvedTopbarActionEntry {
+    node: ResolvedTopbarAction;
+    render: TopbarActionModule['render'];
+}
+interface TopbarActionsProjectionOptions {
+    isPlatformAdmin?: boolean;
+    isDev?: boolean;
+}
 interface OrganizationGraphSystemBridge {
     systemId?: string;
 }
@@ -4925,6 +5040,8 @@ interface OrganizationGraphContextValue {
 }
 interface ElevasisSystemsProviderProps {
     systems?: SystemModule[];
+    /** Registered topbar action modules. OM node presence controls visibility; module supplies behavior. */
+    topbarActions?: TopbarActionModule[];
     organizationModel?: ElevasisOrganizationModel;
     timeRange?: TimeRange;
     operationsApiUrl?: string;
@@ -4938,6 +5055,8 @@ interface ElevasisSystemsContextValue {
     shellModel: ResolvedShellModel;
     shellRuntime: ShellRuntime;
     getSidebarLinks: (options?: ShellSidebarProjectionOptions) => ShellSidebarLinkGroup[];
+    /** Returns the list of topbar actions visible to the current user, in order. */
+    getTopbarActions: (options?: TopbarActionsProjectionOptions) => ResolvedTopbarActionEntry[];
     enabledResolvedSystems: ResolvedSystemModule[];
     resolvedSystems: ResolvedSystemModule[];
     organizationGraph: OrganizationGraphContextValue;
@@ -4954,7 +5073,7 @@ interface ElevasisSystemsContextValue {
 
 declare function useElevasisSystems(): ElevasisSystemsContextValue;
 declare function useOptionalElevasisSystems(): ElevasisSystemsContextValue | null;
-declare function ElevasisSystemsProvider({ systems, organizationModel, timeRange, operationsApiUrl, operationsSSEManager, deliveryApiUrl, deliverySSEManager, disabledSubsectionPaths, children }: ElevasisSystemsProviderProps): react_jsx_runtime.JSX.Element;
+declare function ElevasisSystemsProvider({ systems, topbarActions, organizationModel, timeRange, operationsApiUrl, operationsSSEManager, deliveryApiUrl, deliverySSEManager, disabledSubsectionPaths, children }: ElevasisSystemsProviderProps): react_jsx_runtime.JSX.Element;
 
 declare function SystemShell({ children }: {
     children: ReactNode;
@@ -5003,4 +5122,4 @@ declare function useElevasisServices(): ElevasisServiceContextValue;
 declare function ElevasisServiceProvider({ apiRequest, organizationId, workOSOrganizationId, isReady, children }: ElevasisServiceProviderProps): react_jsx_runtime.JSX.Element;
 
 export { AppearanceProvider, ElevasisCoreProvider, ElevasisServiceProvider, ElevasisSystemsProvider, NotificationProvider, SystemShell, useAppearance, useElevasisServices, useElevasisSystems, useNotificationAdapter, useOptionalElevasisSystems };
-export type { ApiKeyConfig, AppearanceConfig, AuthConfig, AuthKitConfig, ElevasisCoreProviderProps, ElevasisCoreThemeConfig, ElevasisServiceContextValue, ElevasisServiceProviderProps, ElevasisSystemsContextValue, ElevasisSystemsProviderProps, ElevasisTokenOverrides, NotificationAdapter, OrganizationGraphContextValue, OrganizationGraphSystemBridge, ResolvedShellModel, ResolvedShellRouteMatch, ResolvedShellSystem, ResolvedSystemAccess, ResolvedSystemModule, ResolvedSystemSemantics, ShellRouteMatchStatus, ShellRuntime, ShellSidebarLinkGroup, ShellSidebarLinkItem, ShellSidebarProjectionOptions, SystemIconComponent, SystemModule, SystemSidebarComponent, WithSchemes };
+export type { ApiKeyConfig, AppearanceConfig, AuthConfig, AuthKitConfig, ElevasisCoreProviderProps, ElevasisCoreThemeConfig, ElevasisServiceContextValue, ElevasisServiceProviderProps, ElevasisSystemsContextValue, ElevasisSystemsProviderProps, ElevasisTokenOverrides, NotificationAdapter, OrganizationGraphContextValue, OrganizationGraphSystemBridge, ResolvedShellModel, ResolvedShellRouteMatch, ResolvedShellSystem, ResolvedSystemAccess, ResolvedSystemModule, ResolvedSystemSemantics, ResolvedTopbarAction, ResolvedTopbarActionEntry, ShellRouteMatchStatus, ShellRuntime, ShellSidebarLinkGroup, ShellSidebarLinkItem, ShellSidebarProjectionOptions, SystemIconComponent, SystemModule, SystemSidebarComponent, TopbarActionModule, TopbarActionsProjectionOptions, WithSchemes };

package/dist/provider/published.js

@@ -1,24 +1,25 @@
-export { ElevasisCoreProvider, NotificationProvider, SystemShell, useNotificationAdapter } from '../chunk-6EV47QQW.js';
-import '../chunk-CTJBPF3Z.js';
-import '../chunk-3KMDHCAR.js';
+export { AppearanceProvider, ElevasisCoreProvider, ElevasisSystemsProvider, NotificationProvider, SystemShell, useAppearance, useElevasisSystems, useNotificationAdapter, useOptionalElevasisSystems } from '../chunk-QDXTIQT4.js';
+import '../chunk-NZ2F5RQ4.js';
+import '../chunk-OJJK27GC.js';
+import '../chunk-AUDNF2Q7.js';
+import '../chunk-6M6OLGQY.js';
+import '../chunk-BRXELOHC.js';
+import '../chunk-GUKY77FJ.js';
+import '../chunk-SJHM4WDG.js';
+import '../chunk-ZTWA5H77.js';
 import '../chunk-S3XR4II4.js';
-export { AppearanceProvider, useAppearance } from '../chunk-L7GXUSCV.js';
-import '../chunk-NYBEU5TE.js';
-import '../chunk-TE4P6OSJ.js';
-import '../chunk-DT3QYZVU.js';
-import '../chunk-2IFYDILW.js';
-import '../chunk-Q7DJKLEN.js';
-import '../chunk-RXH4D6TY.js';
-import '../chunk-KRWALB24.js';
-import '../chunk-LJDYY3XB.js';
-import '../chunk-7MTWRSUZ.js';
-export { ElevasisSystemsProvider, useElevasisSystems, useOptionalElevasisSystems } from '../chunk-J3FLIZY4.js';
 import '../chunk-6DO4PE3O.js';
-import '../chunk-K7GKKETO.js';
+import '../chunk-7FJI76OH.js';
 import '../chunk-DD3CCMCZ.js';
+import '../chunk-GMXGDO3I.js';
+import '../chunk-2IFYDILW.js';
+import '../chunk-Q7DJKLEN.js';
+import '../chunk-HENXLGVD.js';
+import '../chunk-7FPLLSHN.js';
+import '../chunk-RNP5R5I3.js';
 import '../chunk-W2SFTXMT.js';
-import '../chunk-6ROXVZ3L.js';
-import '../chunk-RH5VWWSC.js';
+import '../chunk-5M4HSHQ5.js';
+import '../chunk-KRWALB24.js';
 export { ElevasisServiceProvider, useElevasisServices } from '../chunk-2FTX4WO2.js';
 import '../chunk-MQZE7SUI.js';
 import '../chunk-TVTSASST.js';

package/dist/test-utils/index.js

@@ -2,13 +2,11 @@ import { server, handlers } from '../chunk-7XKCG5CT.js';
 export { handlers, server } from '../chunk-7XKCG5CT.js';
 import { mockWorkOSUser, mockUseAuth, mockUnauthenticatedUser, mockAuthenticatedUser, mockAuthLoading, createMockUseAuth } from '../chunk-DRQPEMJI.js';
 export { createMockUseAuth, mockAuthLoading, mockAuthenticatedUser, mockUnauthenticatedUser, mockUseAuth, mockWorkOSUser } from '../chunk-DRQPEMJI.js';
-import '../chunk-73EWE2EW.js';
-import { ApiClientProvider } from '../chunk-TE4P6OSJ.js';
-import '../chunk-RXH4D6TY.js';
-import '../chunk-KRWALB24.js';
+import '../chunk-V5HWC5EW.js';
+import { ApiClientProvider } from '../chunk-7FJI76OH.js';
 import '../chunk-DD3CCMCZ.js';
-import '../chunk-6ROXVZ3L.js';
-import '../chunk-RH5VWWSC.js';
+import '../chunk-5M4HSHQ5.js';
+import '../chunk-KRWALB24.js';
 import { ElevasisServiceProvider } from '../chunk-2FTX4WO2.js';
 import '../chunk-MQZE7SUI.js';
 import '../chunk-TVTSASST.js';

package/dist/theme/index.js

@@ -1,6 +1,3 @@
-export { useAvailablePresets } from '../chunk-B2DZLPDL.js';
-export { TOKEN_VAR_MAP, componentThemes, createCssVariablesResolver, mantineThemeOverride } from '../chunk-5JYKCULK.js';
-export { PresetsProvider, usePresetsContext } from '../chunk-6D4LCJ52.js';
-export { generateShades, getPreset, PRESETS as presets } from '../chunk-WF7CONXF.js';
-import '../chunk-WLOQ4IBG.js';
+export { PresetsProvider, TOKEN_VAR_MAP, componentThemes, createCssVariablesResolver, mantineThemeOverride, useAvailablePresets, usePresetsContext } from '../chunk-NZ2F5RQ4.js';
+export { generateShades, getPreset, PRESETS as presets } from '../chunk-OJJK27GC.js';
 import '../chunk-I2KLQ2HA.js';

package/dist/theme/presets/index.js

@@ -1,3 +1,2 @@
-export { THEME_PRESETS, ThemePresetEnum, generateShades, getPreset, PRESETS as presets } from '../../chunk-WF7CONXF.js';
-import '../../chunk-WLOQ4IBG.js';
+export { THEME_PRESETS, ThemePresetEnum, generateShades, getPreset, PRESETS as presets } from '../../chunk-OJJK27GC.js';
 import '../../chunk-I2KLQ2HA.js';

package/dist/utils/index.js

@@ -1,6 +1,4 @@
-export { APIClientError, API_URL, DEBOUNCE_FILTER, DEBOUNCE_SLIDER, LIMIT_ACTIVITY_FEED, OAUTH_FLOW_TIMEOUT, PAGE_SIZE_DEFAULT, REFETCH_INTERVAL_DASHBOARD, REFETCH_INTERVAL_REALTIME, REFETCH_INTERVAL_RUNNING, REFETCH_INTERVAL_RUNNING_FAST, SSE_CLOSE_GRACE_PERIOD, SSE_TOKEN_REFRESH_DELAY, WS_MAX_RETRIES_BEFORE_ERROR, WS_RECONNECT_BASE_DELAY, WS_RECONNECT_MAX_DELAY, debounce, formatChartAxisDate, formatDate, formatDateTime, formatErrorMessage, formatRelativeTime, formatTimeAgo, getErrorInfo, getErrorTitle, getResourceColor, getResourceIcon, getTimeRangeDates, getTimeRangeLabel, isAPIClientError, restoreConsole, setupBrowserMocks, suppressKnownWarnings, validateEmail } from '../chunk-RXH4D6TY.js';
+export { APIClientError, API_URL, DEBOUNCE_FILTER, DEBOUNCE_SLIDER, GC_TIME_LONG, GC_TIME_MEDIUM, GC_TIME_SHORT, LIMIT_ACTIVITY_FEED, OAUTH_FLOW_TIMEOUT, PAGE_SIZE_DEFAULT, REFETCH_INTERVAL_DASHBOARD, REFETCH_INTERVAL_REALTIME, REFETCH_INTERVAL_RUNNING, REFETCH_INTERVAL_RUNNING_FAST, SSE_CLOSE_GRACE_PERIOD, SSE_TOKEN_REFRESH_DELAY, STALE_TIME_ADMIN, STALE_TIME_DEFAULT, STALE_TIME_MONITORING, WS_MAX_RETRIES_BEFORE_ERROR, WS_RECONNECT_BASE_DELAY, WS_RECONNECT_MAX_DELAY, debounce, formatChartAxisDate, formatDate, formatDateTime, formatErrorMessage, formatRelativeTime, formatTimeAgo, getErrorInfo, getErrorTitle, getResourceColor, getResourceIcon, getTimeRangeDates, getTimeRangeLabel, isAPIClientError, restoreConsole, setupBrowserMocks, suppressKnownWarnings, validateEmail } from '../chunk-5M4HSHQ5.js';
 export { ResourceStatusColors } from '../chunk-KRWALB24.js';
-export { GC_TIME_LONG, GC_TIME_MEDIUM, GC_TIME_SHORT, STALE_TIME_ADMIN, STALE_TIME_DEFAULT, STALE_TIME_MONITORING } from '../chunk-6ROXVZ3L.js';
-import '../chunk-RH5VWWSC.js';
 import '../chunk-TVTSASST.js';
 import '../chunk-I2KLQ2HA.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elevasis/ui",
-  "version": "2.40.1",
+  "version": "2.41.1",
   "description": "UI components and platform-aware hooks for building custom frontends on the Elevasis platform",
   "type": "module",
   "license": "MIT",
@@ -270,9 +270,9 @@
     "vite": "^7.0.0",
     "vitest": "^3.2.4",
     "@elevasis/sdk": "1.29.0",
-    "@repo/elevasis-core": "1.0.0",
-    "@repo/core": "0.36.0",
+    "@repo/core": "0.37.0",
     "@repo/eslint-config": "0.0.0",
+    "@repo/elevasis-core": "1.0.0",
     "@repo/typescript-config": "0.0.0"
   },
   "dependencies": {

package/dist/chunk-3KMDHCAR.js

@@ -1,52 +0,0 @@
-import { Text, Box, Code, Title } from '@mantine/core';
-import Markdown from 'react-markdown';
-import { Prism } from 'react-syntax-highlighter';
-import { oneDark } from 'react-syntax-highlighter/dist/esm/styles/prism';
-import { jsx, Fragment } from 'react/jsx-runtime';
-
-// src/components/display/StyledMarkdown.tsx
-var customCodeTheme = Object.fromEntries(
-  Object.entries(oneDark).map(([key, value]) => [
-    key,
-    typeof value === "object" && value !== null ? { ...value, background: "none", backgroundColor: "none" } : value
-  ])
-);
-var defaultComponents = {
-  h1: ({ children }) => /* @__PURE__ */ jsx(Title, { order: 3, c: "var(--color-primary)", mb: "xs", mt: "md", children }),
-  h2: ({ children }) => /* @__PURE__ */ jsx(Title, { order: 4, c: "var(--color-primary)", mb: "xs", mt: "sm", children }),
-  ul: ({ children }) => /* @__PURE__ */ jsx("ul", { style: { margin: "0.5rem 0", paddingLeft: "1.5rem" }, children }),
-  ol: ({ children }) => /* @__PURE__ */ jsx("ol", { style: { margin: "0.5rem 0", paddingLeft: "1.5rem" }, children }),
-  li: ({ children }) => /* @__PURE__ */ jsx("li", { style: { marginBottom: "0.25rem", fontSize: "var(--mantine-font-size-sm)" }, children }),
-  code: ({ className, children, ...props }) => {
-    const match = /language-(\w+)/.exec(className || "");
-    const codeString = String(children).replace(/\n$/, "");
-    if (match) {
-      return /* @__PURE__ */ jsx(
-        Prism,
-        {
-          style: customCodeTheme,
-          language: match[1],
-          PreTag: "div",
-          customStyle: {
-            margin: "0.5rem 0",
-            borderRadius: "var(--mantine-radius-default)",
-            fontSize: "0.8rem"
-          },
-          children: codeString
-        }
-      );
-    }
-    return /* @__PURE__ */ jsx(Code, { ...props, children });
-  },
-  pre: ({ children }) => /* @__PURE__ */ jsx(Fragment, { children }),
-  blockquote: ({ children }) => /* @__PURE__ */ jsx(Box, { pl: "sm", my: "xs", style: { borderLeft: "2px solid var(--color-border)" }, children }),
-  p: ({ children }) => /* @__PURE__ */ jsx(Text, { size: "sm", m: 0, children }),
-  strong: ({ children }) => /* @__PURE__ */ jsx(Text, { component: "span", fw: 700, children }),
-  em: ({ children }) => /* @__PURE__ */ jsx(Text, { component: "span", fs: "italic", children })
-};
-function StyledMarkdown({ children, components, className, style }) {
-  const mergedComponents = components ? { ...defaultComponents, ...components } : defaultComponents;
-  return /* @__PURE__ */ jsx("div", { className, style, children: /* @__PURE__ */ jsx(Markdown, { components: mergedComponents, children }) });
-}
-
-export { StyledMarkdown };