@elevasis/ui 2.20.0 → 2.22.0

package/dist/hooks/index.js

@@ -1,31 +1,32 @@
 import '../chunk-7M2VOCYN.js';
-export { ApiKeyService, CredentialService, DeploymentService, OperationsService, OrganizationMembershipService, WebhookEndpointService, acquisitionListKeys, companyKeys, contactKeys, dealKeys, dealNoteKeys, dealTaskKeys, executionsKeys, filterByDomainFilters, isSessionCapable, operationsKeys, projectActivityKeys, requestsKeys, scheduleKeys, sessionsKeys, sortData, useActivateDeployment, useActivities, useActivitiesRealtime, useActivityFilters, useActivityTrend, useArchiveSession, useArchivedLogs, useBatchDelete, useBatchTelemetry, useBatchedResourcesHealth, useBulkDeleteExecutions, useBusinessImpact, useCancelExecution, useCancelSchedule, useCheckpointTasks, useCommandQueue, useCommandQueueTotals, useCommandViewData, useCommandViewDomainFilters, useCommandViewLayout, useCommandViewStats, useCommandViewStore, useCompanies, useCompany, useCompanyFacets, useCompleteDealTask, useContact, useContacts, useCostBreakdown, useCostByModel, useCostSummary, useCostTrends, useCreateApiKey, useCreateCompany, useCreateContact, useCreateCredential, useCreateDealNote, useCreateDealTask, useCreateList, useCreateSchedule, useCreateSession, useCreateWebhookEndpoint, useCredentials, useDashboardMetrics, useDeactivateDeployment, useDeactivateMembership, useDealDetail, useDealNotes, useDealTasks, useDealTasksDue, useDeals, useDealsLookup, useDealsSummary, useDeleteApiKey, useDeleteCompanies, useDeleteContacts, useDeleteCredential, useDeleteDeal, useDeleteDeployment, useDeleteExecution, useDeleteList, useDeleteRequest, useDeleteSchedule, useDeleteSession, useDeleteTask, useDeleteWebhookEndpoint, useErrorAnalysis, useErrorDetail, useErrorDetails, useErrorDistribution, useErrorNotification, useExecuteAsync, useExecuteResource, useExecution, useExecutionHealth, useExecutionLogSSE, useExecutionLogs, useExecutionLogsFilters, useExecutionPanelState, useExecutions, useGetExecutionHistory, useGetSchedule, useGraphStats, useList, useListApiKeys, useListDeployments, useListExecutions, useListProgress, useListSchedules, useListWebhookEndpoints, useLists, useListsTelemetry, useMarkAllAsRead, useMarkAsRead, useNotificationCount as useNotificationCountSSE, useNotifications, useOrganizationMembers, usePaginationState, usePatchTask, usePauseSchedule, useProjectActivities, useProjectRealtime, useReactivateMembership, useRecentExecutionsByResource, useRequest, useRequestsList, useResolveAllErrors, useResolveError, useResolveErrorsByExecution, useResourceDefinition, useResourceErrors, useResourceExecutions, useResourceSearch, useResources, useResourcesDomainFilters, useResourcesHealth, useResumeSchedule, useRetryExecution, useSSEConnection, useScheduledTasks, useSession, useSessionExecution, useSessionExecutions, useSessionMessages, useSessionWebSocket, useSessions, useSortedData, useStatusFilter, useSubmitAction, useSuccessNotification, useSyncDealStage, useTableSelection, useTableSort, useTestNotification, useTimeRangeDates, useTopFailingResources, useUnresolveError, useUnresolvedErrors, useUpdateAnchor, useUpdateApiKey, useUpdateCompany, useUpdateContact, useUpdateCredential, useUpdateList, useUpdateListConfig, useUpdateMemberConfig, useUpdateRequestStatus, useUpdateSchedule, useUpdateWebhookEndpoint, useUserMemberships, useVisibleResources, useWarningNotification } from '../chunk-FMFX4K6E.js';
+export { ApiKeyService, CredentialService, DeploymentService, OperationsService, OrganizationMembershipService, WebhookEndpointService, acquisitionListKeys, collectResourceFilterFacets, companyKeys, contactKeys, dealKeys, dealNoteKeys, dealTaskKeys, executionsKeys, filterByDomainFilters, getResourceFilterFacetIds, isSessionCapable, labelResourceFilterFacet, operationsKeys, projectActivityKeys, requestsKeys, scheduleKeys, sessionsKeys, sortData, useActivateDeployment, useActivities, useActivitiesRealtime, useActivityFilters, useActivityTrend, useArchiveSession, useArchivedLogs, useAssignRole, useBatchDelete, useBatchTelemetry, useBatchedResourcesHealth, useBulkDeleteExecutions, useBusinessImpact, useCancelExecution, useCancelSchedule, useCheckpointTasks, useCommandQueue, useCommandQueueTotals, useCommandViewData, useCommandViewDomainFilters, useCommandViewLayout, useCommandViewStats, useCommandViewStore, useCompanies, useCompany, useCompanyFacets, useCompleteDealTask, useContact, useContacts, useCostBreakdown, useCostByModel, useCostSummary, useCostTrends, useCreateApiKey, useCreateCompany, useCreateContact, useCreateCredential, useCreateDealNote, useCreateDealTask, useCreateList, useCreateOrgRole, useCreateSchedule, useCreateSession, useCreateWebhookEndpoint, useCredentials, useDashboardMetrics, useDeactivateDeployment, useDeactivateMembership, useDealDetail, useDealNotes, useDealTasks, useDealTasksDue, useDeals, useDealsLookup, useDealsSummary, useDeleteApiKey, useDeleteCompanies, useDeleteContacts, useDeleteCredential, useDeleteDeal, useDeleteDeployment, useDeleteExecution, useDeleteList, useDeleteOrgRole, useDeleteRequest, useDeleteSchedule, useDeleteSession, useDeleteTask, useDeleteWebhookEndpoint, useEffectivePermissions, useErrorAnalysis, useErrorDetail, useErrorDetails, useErrorDistribution, useErrorNotification, useExecuteAsync, useExecuteResource, useExecution, useExecutionHealth, useExecutionLogSSE, useExecutionLogs, useExecutionLogsFilters, useExecutionPanelState, useExecutions, useGetExecutionHistory, useGetSchedule, useGraphStats, useHasPermission, useList, useListApiKeys, useListDeployments, useListExecutions, useListProgress, useListSchedules, useListWebhookEndpoints, useLists, useListsTelemetry, useMarkAllAsRead, useMarkAsRead, useNotificationCount as useNotificationCountSSE, useNotifications, useOrgRoles, useOrganizationMembers, useOrganizationPermissions, usePaginationState, usePatchTask, usePauseSchedule, usePermissionCatalog, useProjectActivities, useProjectRealtime, useReactivateMembership, useRecentExecutionsByResource, useRequest, useRequestsList, useResolveAllErrors, useResolveError, useResolveErrorsByExecution, useResourceDefinition, useResourceErrors, useResourceExecutions, useResourceSearch, useResources, useResourcesDomainFilters, useResourcesHealth, useResumeSchedule, useRetryExecution, useRevokeRole, useSSEConnection, useScheduledTasks, useSession, useSessionExecution, useSessionExecutions, useSessionMessages, useSessionWebSocket, useSessions, useSortedData, useStatusFilter, useSubmitAction, useSuccessNotification, useSyncDealStage, useTableSelection, useTableSort, useTestNotification, useTimeRangeDates, useTopFailingResources, useUnresolveError, useUnresolvedErrors, useUpdateAnchor, useUpdateApiKey, useUpdateCompany, useUpdateContact, useUpdateCredential, useUpdateList, useUpdateListConfig, useUpdateMemberConfig, useUpdateOrgRole, useUpdateRequestStatus, useUpdateSchedule, useUpdateWebhookEndpoint, useUserMemberships, useVisibleResources, useWarningNotification } from '../chunk-B4FHWKEF.js';
 import '../chunk-BRXELOHC.js';
 export { observabilityKeys, useErrorTrends } from '../chunk-QSTH6T77.js';
-export { milestoneKeys, noteKeys, projectKeys, taskKeys, useCreateProject as useCreateDeliveryProject, useCreateMilestone, useCreateNote, useCreateTask, useDeleteProject as useDeleteDeliveryProject, useDeleteTask as useDeleteDeliveryTask, useDeleteMilestone, useMilestones, useProject, useProjectMilestones, useProjectNotes, useProjectTasks, useProjects, useTasks, useUpdateProject as useUpdateDeliveryProject, useUpdateMilestone, useUpdateTask } from '../chunk-M7W7CGPL.js';
+export { milestoneKeys, noteKeys, projectKeys, taskKeys, useCreateProject as useCreateDeliveryProject, useCreateMilestone, useCreateNote, useCreateTask, useDeleteProject as useDeleteDeliveryProject, useDeleteTask as useDeleteDeliveryTask, useDeleteMilestone, useMilestones, useProject, useProjectMilestones, useProjectNotes, useProjectTasks, useProjects, useTasks, useUpdateProject as useUpdateDeliveryProject, useUpdateMilestone, useUpdateTask } from '../chunk-Z6FAH4XV.js';
 import '../chunk-22UVE3RA.js';
 export { useMergedExecution } from '../chunk-3ZMAGTWF.js';
-import '../chunk-Q4QJOSVS.js';
-import '../chunk-TO7QXDBX.js';
-import '../chunk-Q5HC6ENG.js';
+import '../chunk-ZBCTB5CA.js';
+import '../chunk-3HEUGBOT.js';
+import '../chunk-XOTJNW4Q.js';
 import '../chunk-WLOQ4IBG.js';
-export { createFeatureAccessHook, createUseFeatureAccess } from '../chunk-LR5CRY5A.js';
-import '../chunk-OUYH2SBS.js';
-import '../chunk-RX4UWZZR.js';
-import '../chunk-BHR7IV72.js';
+import '../chunk-AXXTN44Z.js';
+import '../chunk-LVUCBY7X.js';
+export { createFeatureAccessHook } from '../chunk-LJWV4TWV.js';
+import '../chunk-TKAYX2SP.js';
+import '../chunk-XUYBOO32.js';
 import '../chunk-SZHARWKU.js';
 import '../chunk-3KMDHCAR.js';
 import '../chunk-NYBEU5TE.js';
-import '../chunk-R7OJCNL3.js';
+import '../chunk-T6INEVX6.js';
 import '../chunk-2IFYDILW.js';
 import '../chunk-Q7DJKLEN.js';
-import '../chunk-7YQKVWSD.js';
+import '../chunk-SQ5JGELM.js';
 import '../chunk-6IA2OMAE.js';
 import '../chunk-QJ2KCHKX.js';
 import '../chunk-HQ7M6PBW.js';
 import '../chunk-DT3QYZVU.js';
 import '../chunk-RNP5R5I3.js';
-export { REFETCH_INTERVAL_RUNNING, WS_MAX_RETRIES_BEFORE_ERROR, WS_RECONNECT_BASE_DELAY, WS_RECONNECT_MAX_DELAY } from '../chunk-OD7GWIZS.js';
+export { REFETCH_INTERVAL_RUNNING, WS_MAX_RETRIES_BEFORE_ERROR, WS_RECONNECT_BASE_DELAY, WS_RECONNECT_MAX_DELAY } from '../chunk-SGXXJE52.js';
 import '../chunk-KRWALB24.js';
 import '../chunk-SLH2QLKV.js';
 import '../chunk-DK2HVHCY.js';

package/dist/hooks/operations/command-view/utils/transformCommandViewData.d.ts

@@ -1,70 +1,4 @@
-/**
- * Command View Types
- *
- * Unified type definitions for the Command View graph visualization.
- * These types are used by both backend serialization and frontend rendering.
- *
- * Command View shows the resource graph: agents, workflows, triggers, integrations,
- * external resources, and human checkpoints with their relationships.
- */
-
-/**
- * Extended agent metadata for Command View
- * Includes model and capability information for graph display
- */
-interface CommandViewAgent extends ResourceDefinition {
-    type: 'agent';
-    modelProvider: string;
-    modelId: string;
-    toolCount: number;
-    hasKnowledgeMap: boolean;
-    hasMemory: boolean;
-    sessionCapable: boolean;
-}
-/**
- * Extended workflow metadata for Command View
- * Includes step information for graph display
- */
-interface CommandViewWorkflow extends ResourceDefinition {
-    type: 'workflow';
-    stepCount: number;
-    entryPoint: string;
-}
-/**
- * Relationship types between resources
- *
- * - triggers: Resource initiates/starts another resource (orange)
- * - uses: Resource uses an integration (teal)
- * - approval: Resource requires human approval (yellow)
- */
-type RelationshipType$1 = 'triggers' | 'uses' | 'approval';
-/**
- * Command View edge (relationship between resources)
- */
-interface CommandViewEdge$1 {
-    id: string;
-    source: string;
-    target: string;
-    relationship: RelationshipType$1;
-    label?: string;
-}
-/**
- * Command View data structure
- * Complete graph data for visualization
- *
- * Backend serializes this once at startup and serves it via /command-view endpoint.
- * Frontend consumes this directly for graph rendering.
- */
-interface CommandViewData {
-    workflows: CommandViewWorkflow[];
-    agents: CommandViewAgent[];
-    triggers: TriggerDefinition[];
-    integrations: IntegrationDefinition[];
-    externalResources: ExternalResourceDefinition[];
-    humanCheckpoints: HumanCheckpointDefinition[];
-    edges: CommandViewEdge$1[];
-    domainDefinitions?: DomainDefinition[];
-}
+import { z } from 'zod';
 
 /**
  * Supported integration types
@@ -107,8 +41,10 @@ interface ResourceDefinition {
     type: ResourceType;
     /** Environment/deployment status */
     status: ResourceStatus;
-    /** Domain tags for filtering and organization */
-    domains?: ResourceDomain[];
+    /** Graph links to Organization Model nodes */
+    links?: ResourceLink[];
+    /** Infrastructure category for filtering */
+    category?: ResourceCategory;
     /** Whether the agent supports multi-turn sessions (agents only) */
     sessionCapable?: boolean;
     /** Whether the resource is local (monorepo) or remote (externally deployed) */
@@ -116,33 +52,6 @@ interface ResourceDefinition {
     /** Whether this resource is archived and should be excluded from registration and deployment */
     archived?: boolean;
 }
-/**
- * Domain definition for Command View filtering
- *
- * Domains are organizational metadata for UI filtering/grouping.
- * No execution impact - purely for visualization.
- *
- * @example
- * {
- *   id: 'support',
- *   name: 'Customer Support',
- *   description: 'Ticket triage, knowledge base, escalations',
- *   color: 'green',
- *   icon: 'IconHeadset'
- * }
- */
-interface DomainDefinition {
-    /** Unique identifier (e.g., 'support') */
-    id: string;
-    /** Display name (e.g., 'Customer Support') */
-    name: string;
-    /** Purpose description */
-    description: string;
-    /** Optional Mantine color for UI (e.g., 'blue', 'green', 'orange') */
-    color?: string;
-    /** Optional Tabler icon name (e.g., 'IconHeadset') */
-    icon?: string;
-}
 /** Webhook provider identifiers */
 type WebhookProviderType = 'cal-com' | 'stripe' | 'signature-api' | 'instantly' | 'apify' | 'test';
 /** Webhook trigger configuration */
@@ -179,7 +88,7 @@ type TriggerConfig = WebhookTriggerConfig | ScheduleTriggerConfig | EventTrigger
  * scheduled cron jobs, platform events, or manual user actions.
  *
  * BREAKING CHANGES (2025-11-30):
- * - Now extends ResourceDefinition (inherits: resourceId, name, description, version, type, status, domains)
+ * - Now extends ResourceDefinition (inherits: resourceId, name, description, version, type, status, links, category)
  * - Field renames: `id` -> `resourceId` (inherited), `type` -> `triggerType`
  * - Relationship rename: `invokes` -> `triggers` (unified vocabulary)
  * - New required fields: `version` (inherited), `type: 'trigger'` (inherited)
@@ -224,7 +133,7 @@ interface TriggerDefinition extends ResourceDefinition {
  * stored here (queried at runtime from credentials table).
  *
  * BREAKING CHANGES (2025-11-30):
- * - Now extends ResourceDefinition (inherits: resourceId, name, description, version, type, status, domains)
+ * - Now extends ResourceDefinition (inherits: resourceId, name, description, version, type, status, links, category)
  * - Field renames: `id` -> `resourceId` (inherited)
  * - New required field: `status` (inherited) - organizations must add status to all integrations
  * - New required field: `version` (inherited) - organizations must add version to all integrations
@@ -265,7 +174,7 @@ type ExternalPlatform = 'n8n' | 'make' | 'zapier' | 'other';
  * no API integration with external platforms, no status syncing.
  *
  * BREAKING CHANGES (2025-11-30):
- * - Now extends ResourceDefinition (inherits: resourceId, name, description, version, type, status, domains)
+ * - Now extends ResourceDefinition (inherits: resourceId, name, description, version, type, status, links, category)
  * - Field renames: `id` -> `resourceId` (inherited)
  * - New required field: `version` (inherited) - organizations must add version to all external resources
  * - New required field: `type: 'external'` (inherited) - resource type discriminator
@@ -314,7 +223,7 @@ interface ExternalResourceDefinition extends ResourceDefinition {
  * Tasks with matching command_queue_group are routed to this checkpoint.
  *
  * BREAKING CHANGES (2025-11-30):
- * - Now extends ResourceDefinition (inherits: resourceId, name, description, version, type, status, domains)
+ * - Now extends ResourceDefinition (inherits: resourceId, name, description, version, type, status, links, category)
  * - Field renames: `id` -> `resourceId` (inherited)
  * - description is now REQUIRED (was optional) - organizations must add description to all human checkpoints
  * - New required field: `version` (inherited) - organizations must add version to all human checkpoints
@@ -352,31 +261,93 @@ interface HumanCheckpointDefinition extends ResourceDefinition {
 }
 
 /**
- * Standard Domain Definitions
- * Centralized domain constants and definitions for all organization resources.
+ * Command View Types
+ *
+ * Unified type definitions for the Command View graph visualization.
+ * These types are used by both backend serialization and frontend rendering.
+ *
+ * Command View shows the resource graph: agents, workflows, triggers, integrations,
+ * external resources, and human checkpoints with their relationships.
  */
 
-declare const DOMAINS: {
-    readonly INBOUND_PIPELINE: "inbound-pipeline";
-    readonly LEAD_GEN_PIPELINE: "lead-gen-pipeline";
-    readonly SUPPORT: "support";
-    readonly CLIENT_SUPPORT: "client-support";
-    readonly DELIVERY: "delivery";
-    readonly OPERATIONS: "operations";
-    readonly FINANCE: "finance";
-    readonly EXECUTIVE: "executive";
-    readonly INSTANTLY: "instantly";
-    readonly TESTING: "testing";
-    readonly INTERNAL: "internal";
-    readonly INTEGRATION: "integration";
-    readonly UTILITY: "utility";
-    readonly DIAGNOSTIC: "diagnostic";
-};
 /**
- * ResourceDomain - Strongly typed domain identifier
- * Use this type for all domain references to ensure compile-time validation.
+ * Extended agent metadata for Command View
+ * Includes model and capability information for graph display
+ */
+interface CommandViewAgent extends ResourceDefinition {
+    type: 'agent';
+    modelProvider: string;
+    modelId: string;
+    toolCount: number;
+    hasKnowledgeMap: boolean;
+    hasMemory: boolean;
+    sessionCapable: boolean;
+}
+/**
+ * Extended workflow metadata for Command View
+ * Includes step information for graph display
+ */
+interface CommandViewWorkflow extends ResourceDefinition {
+    type: 'workflow';
+    stepCount: number;
+    entryPoint: string;
+}
+/**
+ * Relationship types between resources
+ *
+ * - triggers: Resource initiates/starts another resource (orange)
+ * - uses: Resource uses an integration (teal)
+ * - approval: Resource requires human approval (yellow)
+ */
+type RelationshipType$1 = 'triggers' | 'uses' | 'approval';
+/**
+ * Command View edge (relationship between resources)
  */
-type ResourceDomain = (typeof DOMAINS)[keyof typeof DOMAINS];
+interface CommandViewEdge$1 {
+    id: string;
+    source: string;
+    target: string;
+    relationship: RelationshipType$1;
+    label?: string;
+}
+/**
+ * Command View data structure
+ * Complete graph data for visualization
+ *
+ * Backend serializes this once at startup and serves it via /command-view endpoint.
+ * Frontend consumes this directly for graph rendering.
+ */
+interface CommandViewData {
+    workflows: CommandViewWorkflow[];
+    agents: CommandViewAgent[];
+    triggers: TriggerDefinition[];
+    integrations: IntegrationDefinition[];
+    externalResources: ExternalResourceDefinition[];
+    humanCheckpoints: HumanCheckpointDefinition[];
+    edges: CommandViewEdge$1[];
+}
+
+declare const LinkSchema: z.ZodObject<{
+    nodeId: z.ZodString;
+    kind: z.ZodEnum<{
+        contains: "contains";
+        references: "references";
+        exposes: "exposes";
+        maps_to: "maps_to";
+        "operates-on": "operates-on";
+        uses: "uses";
+    }>;
+}, z.core.$strip>;
+type Link = z.infer<typeof LinkSchema>;
+
+declare const ResourceCategorySchema: z.ZodEnum<{
+    production: "production";
+    diagnostic: "diagnostic";
+    internal: "internal";
+    testing: "testing";
+}>;
+type ResourceCategory = z.infer<typeof ResourceCategorySchema>;
+type ResourceLink = Link;
 
 /**
  * Command View Types

package/dist/hooks/published.css

@@ -125,83 +125,14 @@
   }
 }
 
-/* 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);
-}
-.mantine-Accordion-control:hover {
-  background-color: var(--color-surface-hover);
-}
-.mantine-Menu-item:hover:not([data-disabled]) {
-  background-color: var(--color-surface-hover);
-}
-.mantine-Select-option:hover {
-  background-color: var(--color-surface-hover) !important;
-}
-[data-mantine-color-scheme=dark] .mantine-Tabs-root {
-  --tab-border-color: var(--color-border);
-}
-.mantine-Tabs-tab:hover {
-  background-color: var(--color-surface-hover);
-}
-.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);
-}
-.mantine-Checkbox-input {
-  background-color: var(--color-surface);
-  border-color: var(--color-border);
-}
-.mantine-Checkbox-input:checked {
-  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);
-}
-.recharts-surface:focus {
-  outline: none;
-}
-.hide-scrollbar {
-  scrollbar-width: none;
-  -ms-overflow-style: none;
+/* src/graph/Graph.globals.css */
+.elevasis-graph-root .react-flow__node.selected,
+.elevasis-graph-root .react-flow__node:focus,
+.elevasis-graph-root .react-flow__node:focus-visible {
+  outline: none !important;
 }
-.hide-scrollbar::-webkit-scrollbar {
-  display: none;
+.elevasis-graph-root .react-flow__node.selected > * {
+  box-shadow: none;
 }
 
 /* src/graph/Graph.module.css */
@@ -309,7 +240,7 @@
       transparent 1px),
     radial-gradient(
       ellipse at 50% 50%,
-      color-mix(in srgb, var(--color-primary) 5%, transparent) 0%,
+      color-mix(in srgb, var(--color-primary) 1.25%, transparent) 0%,
       transparent 70%);
   background-color: color-mix(in srgb, var(--color-background) 50%, var(--glass-background));
   backdrop-filter: var(--glass-blur);
@@ -328,7 +259,7 @@
       transparent 1px),
     radial-gradient(
       ellipse at 50% 50%,
-      color-mix(in srgb, var(--color-primary) 9%, transparent) 0%,
+      color-mix(in srgb, var(--color-primary) 2.25%, transparent) 0%,
       transparent 70%);
   background-size:
     40px 40px,
@@ -578,12 +509,81 @@
   }
 }
 
-/* src/graph/Graph.globals.css */
-.elevasis-graph-root .react-flow__node.selected,
-.elevasis-graph-root .react-flow__node:focus,
-.elevasis-graph-root .react-flow__node:focus-visible {
-  outline: none !important;
+/* 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);
 }
-.elevasis-graph-root .react-flow__node.selected > * {
-  box-shadow: none;
+.mantine-Button-root[data-variant=default]:hover {
+  background-color: var(--color-surface-hover);
+}
+.mantine-Accordion-control:hover {
+  background-color: var(--color-surface-hover);
+}
+.mantine-Menu-item:hover:not([data-disabled]) {
+  background-color: var(--color-surface-hover);
+}
+.mantine-Select-option:hover {
+  background-color: var(--color-surface-hover) !important;
+}
+[data-mantine-color-scheme=dark] .mantine-Tabs-root {
+  --tab-border-color: var(--color-border);
+}
+.mantine-Tabs-tab:hover {
+  background-color: var(--color-surface-hover);
+}
+.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);
+}
+.mantine-Checkbox-input {
+  background-color: var(--color-surface);
+  border-color: var(--color-border);
+}
+.mantine-Checkbox-input:checked {
+  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);
+}
+.recharts-surface:focus {
+  outline: none;
+}
+.hide-scrollbar {
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+}
+.hide-scrollbar::-webkit-scrollbar {
+  display: none;
 }