@finos/legend-application 12.0.1 → 13.0.1

package/src/application/LegendApplicationConfig.ts

@@ -21,10 +21,10 @@ import {
 } from '@finos/legend-shared';
 import type { LegendApplicationConfigurationInput } from './LegendApplication.js';
 import {
-  collectKeyedDocumnetationEntriesFromConfig,
-  collectContextualDocumnetationEntries,
+  collectKeyedDocumentationEntriesFromConfig,
+  collectContextualDocumentationEntries,
   type KeyedDocumentationEntry,
-  type DocumentationConfigEntry,
+  type DocumentationEntryData,
   type ContextualDocumentationConfig,
   type ContextualDocumentationEntry,
   type DocumentationRegistryEntry,
@@ -42,7 +42,7 @@ export interface LegendApplicationConfigurationData {
   documentation?: {
     url: string;
     registry?: DocumentationRegistryEntry[];
-    entries?: Record<string, DocumentationConfigEntry>;
+    entries?: Record<string, DocumentationEntryData>;
     contextualEntries?: ContextualDocumentationConfig;
   };
   // TODO: when we support vault-like settings, we could support `settingOverrides`
@@ -84,10 +84,10 @@ export abstract class LegendApplicationConfig {
     this.documentationUrl = input.configData.documentation?.url;
     this.documentationRegistryEntries =
       input.configData.documentation?.registry ?? [];
-    this.keyedDocumentationEntries = collectKeyedDocumnetationEntriesFromConfig(
+    this.keyedDocumentationEntries = collectKeyedDocumentationEntriesFromConfig(
       input.configData.documentation?.entries ?? {},
     );
-    this.contextualDocEntries = collectContextualDocumnetationEntries(
+    this.contextualDocEntries = collectContextualDocumentationEntries(
       input.configData.documentation?.contextualEntries ?? {},
     );
 

package/src/{stores/ApplicationEvent.ts → application/LegendApplicationEvent.ts}

@@ -15,30 +15,35 @@
  */
 
 export enum APPLICATION_EVENT {
-  LOAD_TEXT_EDITOR_FONT__SUCCESS = 'application.load.font.success',
   APPLICATION_SETUP__FAILURE = 'application.setup.failure',
+  APPLICATION_LOAD__SUCCESS = 'application.load.success',
+  APPLICATION_LOAD__FAILURE = 'application.load.failure',
 
   ILLEGAL_APPLICATION_STATE_OCCURRED = 'application.error.illegal-state',
   APPLICATION_CONFIGURATION__FAILURE = 'application.configuration.failure',
 
-  APPLICATION_IDENTITY_AUTO_FETCH__FAILURE = 'application.identity.auto-fetch.failure',
+  IDENTITY_AUTO_FETCH__FAILURE = 'application.identity.auto-fetch.failure',
 
-  APPLICATION_DOCUMENTATION_FETCH__FAILURE = 'application.fetch.documentation.failure',
-  APPLICATION_DOCUMENTATION_LOAD__SKIP = 'application.load.documentation.skip',
-  APPLICATION_DOCUMENTATION_REQUIREMENT_CHECK__FAILURE = 'application.load.documentation.requirement-check.failure',
-  APPLICATION_TERMINAL_COMMAND_CONFIGURATION_CHECK__FAILURE = 'application.load.terminal-command.configuration-check.failure',
-  APPLICATION_CONTEXTUAL_DOCUMENTATION_LOAD__SKIP = 'application.load.contextual-documentation.skip',
+  DOCUMENTATION_FETCH__FAILURE = 'application.documentation.fetch.failure',
+  DOCUMENTATION_LOAD__SKIP = 'application.documentation.load.skip',
+  DOCUMENTATION_REQUIREMENT_CHECK__FAILURE = 'application.documentation.requirement-check.failure',
 
-  APPLICATION_COMMAND_CENTER_REGISTRATION__FAILURE = 'application.command-center.registration.failure',
+  CONTEXTUAL_DOCUMENTATION_LOAD__SKIP = 'application.virtual-assistant.contextual-documentation-load.skip',
+  VIRTUAL_ASSISTANT_DOCUMENTATION_ENTRY__ACCESS = 'application.virtual-assistant.documentation-entry.access',
 
-  APPLICATION_LOAD__SUCCESS = 'application.load.success',
-  APPLICATION_LOAD__FAILURE = 'application.load.failure',
+  TERMINAL_COMMAND_CONFIGURATION_CHECK__FAILURE = 'application.load.terminal-command.configuration-check.failure',
+
+  COLOR_THEME_CONFIGURATION_CHECK__FAILURE = 'application.layout.color-theme.configuration-check.failure',
+  LOAD_TEXT_EDITOR_FONT__SUCCESS = 'application.load.font.success',
+
+  SETTING_CONFIGURATION_CHECK__FAILURE = 'application.setting.configuration-check.failure',
+  SETTING_RETRIVE_FAILURE = 'application.setting.retrieve.failure',
+
+  COMMAND_CENTER_REGISTRATION__FAILURE = 'application.command.registration.failure',
 
   DEVELOPMENT_ISSUE = 'development.issue',
 
   APPLICATION_CONTEXT__ACCESS = 'application.context.access',
 
   APPLICATION_USAGE__INTERRUPT = 'application.usage.interrupt',
-
-  VIRTUAL_ASSISTANT_DOCUMENTATION_ENTRY__ACCESS = 'application.virtual-assistant.documentation-entry.access',
 }

package/src/application/LegendApplicationSetting.ts

@@ -0,0 +1,27 @@
+/**
+ * Copyright (c) 2020-present, Goldman Sachs
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { LEGEND_APPLICATION_COLOR_THEME } from './LegendApplicationTheme.js';
+
+export enum LEGEND_APPLICATION_SETTING_KEY {
+  COLOR_THEME = 'application.layout.colorTheme',
+}
+
+export const LEGEND_APPLICATION_SETTING_CONFIG = {
+  [LEGEND_APPLICATION_SETTING_KEY.COLOR_THEME]: {
+    defaultValue: LEGEND_APPLICATION_COLOR_THEME.DEFAULT_DARK,
+  },
+};

package/src/{stores/ApplicationTelemetry.ts → application/LegendApplicationTelemetry.ts}

@@ -19,9 +19,9 @@ import {
   GRAPH_MANAGER_EVENT,
 } from '@finos/legend-graph';
 import type { TimingsRecord } from '@finos/legend-shared';
-import { APPLICATION_EVENT } from './ApplicationEvent.js';
-import type { GenericLegendApplicationStore } from './ApplicationStore.js';
-import type { TelemetryService } from './TelemetryService.js';
+import { APPLICATION_EVENT } from './LegendApplicationEvent.js';
+import type { GenericLegendApplicationStore } from '../stores/ApplicationStore.js';
+import type { TelemetryService } from '../stores/TelemetryService.js';
 
 type ApplicationContextAccessed_TelemetryData = {
   key: string;
@@ -40,7 +40,7 @@ type GraphInitialized_TelemetryData = {
   generationCount?: number;
 };
 
-export class ApplicationTelemetry {
+export class LegendApplicationTelemetryHelper {
   static logEvent_ApplicationInitializationSucceeded(
     telemetryService: TelemetryService,
     applicationStore: GenericLegendApplicationStore,

package/src/application/LegendApplicationTheme.ts

@@ -0,0 +1,41 @@
+/**
+ * Copyright (c) 2020-present, Goldman Sachs
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import type { ColorTheme } from '../stores/LayoutService.js';
+
+export enum LEGEND_APPLICATION_COLOR_THEME {
+  DEFAULT_DARK = 'default-dark',
+  LEGACY_LIGHT = 'legacy-light',
+  HIGH_CONTRAST_LIGHT = 'hc-light',
+}
+
+export const DEFAULT_DARK_COLOR_THEME: ColorTheme = {
+  name: 'Default Dark (default)',
+  key: LEGEND_APPLICATION_COLOR_THEME.DEFAULT_DARK,
+  TEMPORARY__globalCSSClassName: 'theme__default-dark',
+};
+
+export const LEGACY_LIGHT_COLOR_THEME: ColorTheme = {
+  name: 'Legacy Light',
+  key: LEGEND_APPLICATION_COLOR_THEME.LEGACY_LIGHT,
+  TEMPORARY__globalCSSClassName: 'theme__legacy-light',
+};
+
+export const HIGH_CONTRAST_LIGHT_COLOR_THEME: ColorTheme = {
+  name: 'High-Contrast Light',
+  key: LEGEND_APPLICATION_COLOR_THEME.HIGH_CONTRAST_LIGHT,
+  TEMPORARY__globalCSSClassName: 'theme__hc-light',
+};

package/src/components/LegendApplicationComponentFrameworkProvider.tsx

@@ -28,10 +28,13 @@ import {
   type KeyBindingConfig,
 } from '@finos/legend-shared';
 import { VirtualAssistant } from './VirtualAssistant.js';
-import { ApplicationTelemetry } from '../stores/ApplicationTelemetry.js';
+import { LegendApplicationTelemetryHelper } from '../application/LegendApplicationTelemetry.js';
+import type { GenericLegendApplicationStore } from '../stores/ApplicationStore.js';
 
-const APP_CONTAINER_ID = 'app.container';
-const APP_BACKDROP_CONTAINER_ID = 'app.backdrop-container';
+enum APPLICATION_COMPONENT_ELEMENT_ID {
+  TOP_LEVEL_CONTAINER = 'application.top-level-container',
+  BACKDROP_CONTAINER = 'application.backdrop-container',
+}
 
 const PLATFORM_NATIVE_KEYBOARD_SHORTCUTS = [
   'Meta+KeyP', // Print
@@ -92,9 +95,12 @@ const buildHotkeysConfiguration = (
  * method forces those event to surface to the top of the app and being handled
  * by keybinding service
  */
-export const forceDispatchKeyboardEvent = (event: KeyboardEvent): void => {
-  document
-    .getElementById(APP_CONTAINER_ID)
+export const forceDispatchKeyboardEvent = (
+  event: KeyboardEvent,
+  applicationStore: GenericLegendApplicationStore,
+): void => {
+  applicationStore.layoutService
+    .getElementByID(APPLICATION_COMPONENT_ELEMENT_ID.TOP_LEVEL_CONTAINER)
     ?.dispatchEvent(new KeyboardEvent(event.type, event));
 };
 
@@ -104,8 +110,8 @@ export const forceDispatchKeyboardEvent = (event: KeyboardEvent): void => {
  * NOTE: we usually want the backdrop container to be the first child of its immediate parent
  * so that it properly lies under the content that we pick to show on top of the backdrop
  */
-export const BackdropContainer: React.FC<{ elementID: string }> = (props) => (
-  <div className="backdrop__container" id={props.elementID} />
+export const BackdropContainer: React.FC<{ elementId: string }> = (props) => (
+  <div className="backdrop__container" data-elementid={props.elementId} />
 );
 
 export const LegendApplicationComponentFrameworkProvider = observer(
@@ -116,12 +122,6 @@ export const LegendApplicationComponentFrameworkProvider = observer(
       event.stopPropagation();
       event.preventDefault();
     };
-    const backdropContainer = applicationStore.layoutService
-      .backdropContainerElementID
-      ? document.getElementById(
-          applicationStore.layoutService.backdropContainerElementID,
-        ) ?? document.getElementById(APP_BACKDROP_CONTAINER_ID)
-      : document.getElementById(APP_BACKDROP_CONTAINER_ID);
 
     const keyBindingMap = buildHotkeysConfiguration(
       applicationStore.keyboardShortcutsService.commandKeyMap,
@@ -157,7 +157,7 @@ export const LegendApplicationComponentFrameworkProvider = observer(
     useEffect(() => {
       const onVisibilityChange = (): void => {
         if (document.hidden) {
-          ApplicationTelemetry.logEvent_ApplicationUsageInterrupted(
+          LegendApplicationTelemetryHelper.logEvent_ApplicationUsageInterrupted(
             applicationStore.telemetryService,
           );
           applicationStore.timeService.recordUsageInterruption();
@@ -181,7 +181,14 @@ export const LegendApplicationComponentFrameworkProvider = observer(
           // For example, the default location of the backdrop works fine for most cases
           // but if we want to use the backdrop for elements within modal dialogs, we would
           // need to mount the backdrop at a different location
-          <Portal container={backdropContainer}>
+          <Portal
+            container={
+              applicationStore.layoutService.getElementByID(
+                applicationStore.layoutService.backdropContainerElementID ??
+                  APPLICATION_COMPONENT_ELEMENT_ID.BACKDROP_CONTAINER,
+              ) ?? null
+            }
+          >
             <Backdrop
               className="backdrop"
               open={applicationStore.layoutService.showBackdrop}
@@ -193,11 +200,15 @@ export const LegendApplicationComponentFrameworkProvider = observer(
             className="app__container"
             // NOTE: this `id` is used to quickly identify this DOM node so we could manually
             // dispatch keyboard event here in order to be captured by our global hotkeys matchers
-            id={APP_CONTAINER_ID}
+            data-elementid={
+              APPLICATION_COMPONENT_ELEMENT_ID.TOP_LEVEL_CONTAINER
+            }
             // Disable global context menu so that only places in the app that supports context-menu will be effective
             onContextMenu={disableContextMenu}
           >
-            <BackdropContainer elementID={APP_BACKDROP_CONTAINER_ID} />
+            <BackdropContainer
+              elementId={APPLICATION_COMPONENT_ELEMENT_ID.BACKDROP_CONTAINER}
+            />
             <VirtualAssistant />
             {children}
           </div>

package/src/components/NotificationManager.tsx

@@ -151,7 +151,6 @@ export const NotificationManager = observer(() => {
         action={[
           <button
             className="notification__action"
-            id="expand_button"
             key="expand"
             onClick={toggleExpansion}
             tabIndex={-1}

package/src/components/VirtualAssistant.tsx

@@ -56,7 +56,7 @@ import {
 import { useApplicationStore } from './ApplicationStoreProvider.js';
 import Draggable from 'react-draggable';
 import { DATE_TIME_FORMAT } from '@finos/legend-graph';
-import { ApplicationTelemetry } from '../stores/ApplicationTelemetry.js';
+import { LegendApplicationTelemetryHelper } from '../application/LegendApplicationTelemetry.js';
 import { TextSearchAdvancedConfigMenu } from './shared/TextSearchAdvancedConfigMenu.js';
 
 const WIZARD_GREETING = `Bonjour, It's Pierre!`;
@@ -67,7 +67,7 @@ const VirtualAssistantDocumentationEntryViewer = observer(
     const applicationStore = useApplicationStore();
     const toggleExpand = (): void => {
       if (!entry.isOpen) {
-        ApplicationTelemetry.logEvent_VirtualAssistantDocumentationEntryAccessed(
+        LegendApplicationTelemetryHelper.logEvent_VirtualAssistantDocumentationEntryAccessed(
           applicationStore.telemetryService,
           {
             key: entry.documentationKey,
@@ -77,7 +77,7 @@ const VirtualAssistantDocumentationEntryViewer = observer(
       entry.setIsOpen(!entry.isOpen);
     };
     const onDocumentationLinkClick = (): void => {
-      ApplicationTelemetry.logEvent_VirtualAssistantDocumentationEntryAccessed(
+      LegendApplicationTelemetryHelper.logEvent_VirtualAssistantDocumentationEntryAccessed(
         applicationStore.telemetryService,
         {
           key: entry.documentationKey,

package/src/components/shared/TextInputEditor.tsx

@@ -78,7 +78,8 @@ export const TextInputEditor: React.FC<{
       const element = textInputRef.current;
       const _editor = monacoEditorAPI.create(element, {
         ...getBaseTextEditorOptions(),
-        theme: applicationStore.layoutService.TEMPORARY__isLightThemeEnabled
+        theme: applicationStore.layoutService
+          .TEMPORARY__isLightColorThemeEnabled
           ? EDITOR_THEME.TEMPORARY__VSCODE_LIGHT
           : EDITOR_THEME.LEGEND,
         formatOnType: true,

package/src/components/shared/TextSearchAdvancedConfigMenu.tsx

@@ -16,7 +16,7 @@
 
 import { BaseRadioGroup, InfoCircleIcon } from '@finos/legend-art';
 import { observer } from 'mobx-react-lite';
-import { LEGEND_APPLICATION_DOCUMENTATION_KEY } from '../../stores/LegendApplicationDocumentation.js';
+import { LEGEND_APPLICATION_DOCUMENTATION_KEY } from '../../application/LegendApplicationDocumentation.js';
 import {
   ADVANCED_TEXT_SEARCH_MODE,
   type TextSearchAdvancedConfigState,

package/src/index.ts

@@ -16,8 +16,15 @@
 
 export * from './const.js';
 
-export * from './application/LegendApplicationPluginManager.js';
 export * from './application/LegendApplication.js';
+export * from './application/LegendApplicationConfig.js';
+export * from './application/LegendApplicationPluginManager.js';
+export * from './application/LegendApplicationEvent.js';
+export * from './application/LegendApplicationDocumentation.js';
+export * from './application/LegendApplicationTelemetry.js';
+export * from './application/LegendApplicationSetting.js';
+export { LEGEND_APPLICATION_COLOR_THEME } from './application/LegendApplicationTheme.js';
+
 export * from './components/ApplicationStoreProvider.js';
 export * from './components/WebApplicationNavigatorProvider.js';
 export * from './components/LegendApplicationComponentFrameworkProvider.js';
@@ -27,13 +34,11 @@ export * from './components/ApplicationStoreProviderTestUtils.js';
 export * from './components/WebApplicationNavigatorProviderTestUtils.js';
 
 export * from './stores/ApplicationStore.js';
-export * from './stores/ApplicationTelemetry.js';
-export * from './stores/ApplicationEvent.js';
-export * from './application/LegendApplicationConfig.js';
 export { WebApplicationNavigator } from './stores/navigation/WebApplicationNavigator.js';
 export { NavigationService } from './stores/navigation/NavigationService.js';
 export * from './stores/storage/ApplicationStorage.js';
 export * from './stores/storage/StorageService.js';
+export * from './stores/SettingService.js';
 export * from './stores/DocumentationService.js';
 export * from './stores/CommandService.js';
 export * from './stores/event/EventService.js';
@@ -44,29 +49,30 @@ export * from './stores/AlertService.js';
 export * from './stores/AssistantService.js';
 export * from './stores/ApplicationNavigationContextService.js';
 export * from './stores/LegendApplicationPlugin.js';
-
-export * from './components/shared/TextSearchAdvancedConfigMenu.js';
-export * from './stores/shared/TextSearchAdvancedConfigState.js';
-export * from './stores/LegendApplicationDocumentation.js';
+export * from './stores/Core_LegendApplicationPlugin.js';
 
 export * from './stores/ApplicationStoreTestUtils.js';
 export * from './stores/navigation/WebApplicationRouter.js';
-export { PURE_GRAMMAR_TOKEN } from './stores/pure-language/PureLanguageSupport.js';
-export * from './stores/pure-language/PureLanguageTextEditorSupport.js';
 export { DISPLAY_ANSI_ESCAPE } from './stores/terminal/Terminal.js';
 
 // ------------------------------------------- Shared components -------------------------------------------
 
 export * from './components/shared/DocumentationLink.js';
-export * from './components/shared/TextInputEditor.js';
-export * from './components/shared/PackageableElementOptionLabel.js';
-export * from './components/shared/TabManager.js';
-
-export * from './stores/shared/PackageableElementOption.js';
-export * from './stores/shared/TabManagerState.js';
 
 /**
+ * To be moved to other packages
  * @modularize
  */
 export * from './components/execution-plan-viewer/ExecutionPlanViewer.js';
 export * from './stores/ExecutionPlanState.js';
+
+export * from './components/shared/TextInputEditor.js';
+export * from './components/shared/PackageableElementOptionLabel.js';
+export { PURE_GRAMMAR_TOKEN } from './stores/pure-language/PureLanguageSupport.js';
+export * from './stores/pure-language/PureLanguageTextEditorSupport.js';
+export * from './stores/shared/PackageableElementOption.js';
+
+export * from './components/shared/TabManager.js';
+export * from './components/shared/TextSearchAdvancedConfigMenu.js';
+export * from './stores/shared/TabManagerState.js';
+export * from './stores/shared/TextSearchAdvancedConfigState.js';

package/src/stores/ApplicationNavigationContextService.ts

@@ -17,7 +17,7 @@
 import { IllegalStateError } from '@finos/legend-shared';
 import { action, computed, makeObservable, observable } from 'mobx';
 import type { GenericLegendApplicationStore } from './ApplicationStore.js';
-import { ApplicationTelemetry } from './ApplicationTelemetry.js';
+import { LegendApplicationTelemetryHelper } from '../application/LegendApplicationTelemetry.js';
 
 /**
  * Context data refers to the area of the application that the user is
@@ -114,7 +114,7 @@ export class ApplicationNavigationContextService {
         )
         .includes(context.key)
     ) {
-      ApplicationTelemetry.logEvent_ApplicationContextAccessed(
+      LegendApplicationTelemetryHelper.logEvent_ApplicationContextAccessed(
         this.applicationStore.telemetryService,
         {
           key: context.key,

package/src/stores/ApplicationStore.ts

@@ -20,7 +20,7 @@ import {
   LogEvent,
   uuid,
 } from '@finos/legend-shared';
-import { APPLICATION_EVENT } from './ApplicationEvent.js';
+import { APPLICATION_EVENT } from '../application/LegendApplicationEvent.js';
 import type { LegendApplicationConfig } from '../application/LegendApplicationConfig.js';
 import type { WebApplicationNavigator } from './navigation/WebApplicationNavigator.js';
 import type { LegendApplicationPluginManager } from '../application/LegendApplicationPluginManager.js';
@@ -41,6 +41,7 @@ import { TimeService } from './TimeService.js';
 import { LayoutService } from './LayoutService.js';
 import { ClipboardService } from './ClipboardService.js';
 import { NavigationService } from './navigation/NavigationService.js';
+import { SettingService } from './SettingService.js';
 
 export type GenericLegendApplicationStore = ApplicationStore<
   LegendApplicationConfig,
@@ -57,15 +58,19 @@ export class ApplicationStore<
   readonly pluginManager: V;
 
   // core
-  readonly identityService: IdentityService;
+  readonly timeService: TimeService;
+  readonly logService: LogService;
   readonly storageService: StorageService;
-  readonly timeService = new TimeService();
+  readonly settingService: SettingService;
+  readonly alertService: AlertService;
+  readonly notificationService: NotificationService;
+
+  readonly identityService: IdentityService;
   readonly commandService: CommandService;
   readonly keyboardShortcutsService: KeyboardShortcutsService;
   readonly layoutService: LayoutService;
   readonly clipboardService: ClipboardService;
   readonly terminalService: TerminalService;
-  readonly logService = new LogService();
   readonly navigationService: NavigationService;
   readonly navigationContextService: ApplicationNavigationContextService;
 
@@ -74,8 +79,6 @@ export class ApplicationStore<
   readonly assistantService: AssistantService;
 
   // event
-  readonly alertService: AlertService;
-  readonly notificationService: NotificationService;
   readonly eventService: EventService;
   readonly telemetryService: TelemetryService;
   readonly tracerService: TracerService;
@@ -96,9 +99,12 @@ export class ApplicationStore<
     // NOTE: set the logger first so other loading could use the configured logger
     this.logService = new LogService();
     this.logService.registerPlugins(pluginManager.getLoggerPlugins());
+    this.storageService = new StorageService(this);
+    this.settingService = new SettingService(this);
+    this.alertService = new AlertService(this);
+    this.notificationService = new NotificationService();
 
     this.identityService = new IdentityService(this);
-    this.storageService = new StorageService(this);
     this.layoutService = new LayoutService(this);
     this.clipboardService = new ClipboardService(this);
     this.terminalService = new TerminalService(this);
@@ -113,8 +119,6 @@ export class ApplicationStore<
     this.documentationService = new DocumentationService(this);
     this.assistantService = new AssistantService(this);
 
-    this.alertService = new AlertService(this);
-    this.notificationService = new NotificationService();
     this.eventService = new EventService();
     this.eventService.registerEventNotifierPlugins(
       pluginManager.getEventNotifierPlugins(),

package/src/stores/AssistantService.ts

@@ -17,7 +17,7 @@
 import { action, makeObservable, observable, computed } from 'mobx';
 import type { DocumentationEntry } from './DocumentationService.js';
 import type { GenericLegendApplicationStore } from './ApplicationStore.js';
-import { Fuse } from '@finos/legend-art';
+import { FuzzySearchEngine } from '@finos/legend-art';
 import {
   type MarkdownText,
   guaranteeNonEmptyString,
@@ -112,7 +112,7 @@ export class AssistantService {
   currentDocumentationEntry: VirtualAssistantDocumentationEntry | undefined;
 
   // search text
-  private readonly searchEngine: Fuse<DocumentationEntry>;
+  private readonly searchEngine: FuzzySearchEngine<DocumentationEntry>;
   searchConfigurationState: TextSearchAdvancedConfigState;
   searchState = ActionState.create();
   searchText = '';
@@ -144,7 +144,7 @@ export class AssistantService {
     });
 
     this.applicationStore = applicationStore;
-    this.searchEngine = new Fuse(
+    this.searchEngine = new FuzzySearchEngine(
       this.applicationStore.documentationService
         .getAllDocEntries()
         .filter(isValidVirtualAssistantDocumentationEntry),

package/src/stores/CommandService.ts

@@ -16,13 +16,14 @@
 
 import { LogEvent } from '@finos/legend-shared';
 import { action, makeObservable, observable } from 'mobx';
-import { APPLICATION_EVENT } from './ApplicationEvent.js';
+import { APPLICATION_EVENT } from '../application/LegendApplicationEvent.js';
 import type { GenericLegendApplicationStore } from './ApplicationStore.js';
 
 export interface CommandRegistrar {
   registerCommands(): void;
   deregisterCommands(): void;
 }
+
 export type CommandConfigEntry = {
   title?: string;
   /**
@@ -34,10 +35,12 @@ export type CommandConfigEntry = {
   additionalKeyboardShortcuts?: string[];
   when?: string;
 };
+
 export type KeyedCommandConfigEntry = {
   key: string;
   content: CommandConfigEntry;
 };
+
 export type CommandConfigData = Record<string, CommandConfigEntry>;
 export const collectKeyedCommandConfigEntriesFromConfig = (
   rawEntries: Record<string, CommandConfigEntry>,
@@ -46,9 +49,11 @@ export const collectKeyedCommandConfigEntriesFromConfig = (
     key: entry[0],
     content: entry[1],
   }));
+
 export type CommandArguments = {
   event?: Event;
 };
+
 export type Command = {
   key: string;
   trigger?: () => boolean;
@@ -73,9 +78,7 @@ export class CommandService {
     const commandKey = command.key;
     if (this.commandRegistry.has(commandKey)) {
       this.applicationStore.logService.warn(
-        LogEvent.create(
-          APPLICATION_EVENT.APPLICATION_COMMAND_CENTER_REGISTRATION__FAILURE,
-        ),
+        LogEvent.create(APPLICATION_EVENT.COMMAND_CENTER_REGISTRATION__FAILURE),
         `Can't register command: command is already registered`,
       );
       return;

package/src/stores/Core_LegendApplicationPlugin.ts

@@ -0,0 +1,53 @@
+/**
+ * Copyright (c) 2020-present, Goldman Sachs
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import packageJson from '../../package.json';
+import type { LegendApplicationPluginManager } from '../application/LegendApplicationPluginManager.js';
+import { LEGEND_APPLICATION_SETTING_CONFIG } from '../application/LegendApplicationSetting.js';
+import {
+  HIGH_CONTRAST_LIGHT_COLOR_THEME,
+  LEGACY_LIGHT_COLOR_THEME,
+} from '../application/LegendApplicationTheme.js';
+import type { ColorTheme } from './LayoutService.js';
+import { LegendApplicationPlugin } from './LegendApplicationPlugin.js';
+import {
+  collectSettingConfigurationEntriesFromConfig,
+  type SettingConfigurationEntry,
+} from './SettingService.js';
+
+export class Core_LegendApplicationPlugin extends LegendApplicationPlugin {
+  static NAME = packageJson.extensions.applicationPlugin;
+
+  constructor() {
+    super(Core_LegendApplicationPlugin.NAME, packageJson.version);
+  }
+
+  install(
+    pluginManager: LegendApplicationPluginManager<LegendApplicationPlugin>,
+  ): void {
+    pluginManager.registerApplicationPlugin(this);
+  }
+
+  override getExtraColorThemes(): ColorTheme[] {
+    return [LEGACY_LIGHT_COLOR_THEME, HIGH_CONTRAST_LIGHT_COLOR_THEME];
+  }
+
+  override getExtraSettingConfigurationEntries(): SettingConfigurationEntry[] {
+    return collectSettingConfigurationEntriesFromConfig(
+      LEGEND_APPLICATION_SETTING_CONFIG,
+    );
+  }
+}