@finos/legend-application 6.0.2 → 7.0.2

package/src/components/ApplicationStoreProviderTestUtils.tsx

@@ -18,14 +18,15 @@ import { jest } from '@jest/globals';
 import { createMemoryHistory } from 'history';
 import { ApplicationStore } from '../stores/ApplicationStore.js';
 import { WebApplicationNavigator } from '../stores/WebApplicationNavigator.js';
-import type { LegendApplicationConfig } from '../stores/LegendApplicationConfig.js';
+import type { LegendApplicationConfig } from '../application/LegendApplicationConfig.js';
 import { ApplicationStoreProvider } from './ApplicationStoreProvider.js';
 import type { LegendApplicationPluginManager } from '../application/LegendApplicationPluginManager.js';
+import type { LegendApplicationPlugin } from '../stores/LegendApplicationPlugin.js';
 
 export const TEST__ApplicationStoreProvider: React.FC<{
   children: React.ReactNode;
   config: LegendApplicationConfig;
-  pluginManager: LegendApplicationPluginManager;
+  pluginManager: LegendApplicationPluginManager<LegendApplicationPlugin>;
 }> = ({ children, config, pluginManager }) => (
   <ApplicationStoreProvider config={config} pluginManager={pluginManager}>
     {children}
@@ -34,14 +35,15 @@ export const TEST__ApplicationStoreProvider: React.FC<{
 
 export const TEST__provideMockedApplicationStore = <
   T extends LegendApplicationConfig,
+  V extends LegendApplicationPlugin,
 >(
   config: T,
-  pluginManager: LegendApplicationPluginManager,
+  pluginManager: LegendApplicationPluginManager<V>,
   customization?: {
-    mock?: ApplicationStore<T>;
+    mock?: ApplicationStore<T, V>;
     navigator?: WebApplicationNavigator;
   },
-): ApplicationStore<T> => {
+): ApplicationStore<T, V> => {
   const value =
     customization?.mock ??
     new ApplicationStore(

package/src/components/VirtualAssistant.tsx

@@ -51,11 +51,11 @@ import { TAB_SIZE } from '../const.js';
 import {
   type VirtualAssistantDocumentationEntry,
   VIRTUAL_ASSISTANT_TAB,
-} from '../stores/LegendApplicationAssistantService.js';
+} from '../stores/AssistantService.js';
 import { useApplicationStore } from './ApplicationStoreProvider.js';
 import Draggable from 'react-draggable';
 import { DATE_TIME_FORMAT } from '@finos/legend-graph';
-import { ApplicationTelemetry } from '../index.js';
+import { ApplicationTelemetry } from '../stores/ApplicationTelemetry.js';
 
 const WIZARD_GREETING = `Bonjour, It's Pierre!`;
 
@@ -293,14 +293,14 @@ const VirtualAssistantSearchPanel = observer(() => {
       ContentType.APPLICATION_JSON,
     );
   };
-  const downloadContextualDocMap = (): void => {
+  const downloadContextualDocIndex = (): void => {
     downloadFileUsingDataURI(
       `documentation-registry_${format(
         new Date(Date.now()),
         DATE_TIME_FORMAT,
       )}.json`,
       JSON.stringify(
-        applicationStore.documentationService.publishContextualDocMap(),
+        applicationStore.documentationService.publishContextualDocIndex(),
         undefined,
         TAB_SIZE,
       ),
@@ -419,7 +419,7 @@ const VirtualAssistantSearchPanel = observer(() => {
                 <MenuContentItem onClick={downloadDocRegistry}>
                   Download documentation registry
                 </MenuContentItem>
-                <MenuContentItem onClick={downloadContextualDocMap}>
+                <MenuContentItem onClick={downloadContextualDocIndex}>
                   Download contextual documentation mapping
                 </MenuContentItem>
               </MenuContent>
@@ -519,7 +519,6 @@ const VirtualAssistantPanel = observer(
             if (event.key === 'Tab') {
               event.preventDefault();
               event.stopPropagation();
-              return;
             }
           }}
         >

package/src/components/shared/PackageableElementOptionRenderer.tsx

@@ -15,7 +15,7 @@
  */
 
 import type { PackageableElement } from '@finos/legend-graph';
-import type { PackageableElementOption } from '../../index.js';
+import type { PackageableElementOption } from '../../stores/shared/PackageableElementOption.js';
 
 export const getPackageableElementOptionalFormatter = (props?: {
   darkMode?: boolean;

package/src/index.ts

@@ -21,7 +21,7 @@ export * from './application/LegendApplication.js';
 export * from './components/ApplicationStoreProvider.js';
 export * from './components/WebApplicationNavigatorProvider.js';
 export * from './components/LegendApplicationComponentFrameworkProvider.js';
-export * from './components/LegendApplicationNavigationContextServiceUtils.js';
+export * from './components/ApplicationNavigationContextServiceUtils.js';
 export * from './components/ApplicationStoreProviderTestUtils.js';
 export * from './components/WebApplicationNavigatorProviderTestUtils.js';
 // TODO: consider moving this to `LegendApplicationComponentFrameworkProvider`
@@ -31,12 +31,12 @@ export * from './components/VirtualAssistant.js';
 export * from './stores/ApplicationStore.js';
 export * from './stores/ApplicationTelemetry.js';
 export * from './stores/ApplicationEvent.js';
-export * from './stores/LegendApplicationConfig.js';
+export * from './application/LegendApplicationConfig.js';
 export { WebApplicationNavigator } from './stores/WebApplicationNavigator.js';
-export * from './stores/LegendApplicationDocumentationService.js';
-export * from './stores/LegendApplicationEventService.js';
-export * from './stores/LegendApplicationAssistantService.js';
-export * from './stores/LegendApplicationNavigationContextService.js';
+export * from './stores/DocumentationService.js';
+export * from './stores/EventService.js';
+export * from './stores/AssistantService.js';
+export * from './stores/ApplicationNavigationContextService.js';
 export * from './stores/LegendApplicationPlugin.js';
 
 export * from './stores/ApplicationStoreTestUtils.js';

package/src/stores/{LegendApplicationNavigationContextService.ts → ApplicationNavigationContextService.ts}

@@ -16,9 +16,8 @@
 
 import { IllegalStateError } from '@finos/legend-shared';
 import { action, computed, makeObservable, observable } from 'mobx';
-import type { ApplicationStore } from './ApplicationStore.js';
+import type { GenericLegendApplicationStore } from './ApplicationStore.js';
 import { ApplicationTelemetry } from './ApplicationTelemetry.js';
-import type { LegendApplicationConfig } from './LegendApplicationConfig.js';
 
 /**
  * Context data refers to the area of the application that the user is
@@ -66,11 +65,11 @@ export class ApplicationNavigationContextData {
   }
 }
 
-export class LegendApplicationNavigationContextService {
-  applicationStore: ApplicationStore<LegendApplicationConfig>;
+export class ApplicationNavigationContextService {
+  applicationStore: GenericLegendApplicationStore;
   contextStack: ApplicationNavigationContextData[] = [];
 
-  constructor(applicationStore: ApplicationStore<LegendApplicationConfig>) {
+  constructor(applicationStore: GenericLegendApplicationStore) {
     makeObservable(this, {
       contextStack: observable,
       currentContext: computed,

package/src/stores/ApplicationStore.ts

@@ -27,13 +27,14 @@ import {
 } from '@finos/legend-shared';
 import { makeAutoObservable, action } from 'mobx';
 import { APPLICATION_EVENT } from './ApplicationEvent.js';
-import type { LegendApplicationConfig } from './LegendApplicationConfig.js';
+import type { LegendApplicationConfig } from '../application/LegendApplicationConfig.js';
 import type { WebApplicationNavigator } from './WebApplicationNavigator.js';
 import type { LegendApplicationPluginManager } from '../application/LegendApplicationPluginManager.js';
-import { LegendApplicationDocumentationService } from './LegendApplicationDocumentationService.js';
-import { LegendApplicationAssistantService } from './LegendApplicationAssistantService.js';
-import { LegendApplicationEventService } from './LegendApplicationEventService.js';
-import { LegendApplicationNavigationContextService } from './LegendApplicationNavigationContextService.js';
+import { DocumentationService } from './DocumentationService.js';
+import { AssistantService } from './AssistantService.js';
+import { EventService } from './EventService.js';
+import { ApplicationNavigationContextService } from './ApplicationNavigationContextService.js';
+import type { LegendApplicationPlugin } from './LegendApplicationPlugin.js';
 
 export enum ActionAlertType {
   STANDARD = 'STANDARD',
@@ -102,13 +103,21 @@ export class Notification {
   }
 }
 
-export class ApplicationStore<T extends LegendApplicationConfig> {
-  pluginManager: LegendApplicationPluginManager;
+export type GenericLegendApplicationStore = ApplicationStore<
+  LegendApplicationConfig,
+  LegendApplicationPlugin
+>;
+
+export class ApplicationStore<
+  T extends LegendApplicationConfig,
+  V extends LegendApplicationPlugin,
+> {
+  pluginManager: LegendApplicationPluginManager<V>;
   config: T;
 
   // navigation
   navigator: WebApplicationNavigator;
-  navigationContextService: LegendApplicationNavigationContextService;
+  navigationContextService: ApplicationNavigationContextService;
 
   // TODO: refactor this to `NotificationService` including notifications and alerts
   notification?: Notification | undefined;
@@ -119,18 +128,18 @@ export class ApplicationStore<T extends LegendApplicationConfig> {
   log: Log = new Log();
 
   // documentation & help
-  documentationService: LegendApplicationDocumentationService;
-  assistantService: LegendApplicationAssistantService;
+  documentationService: DocumentationService;
+  assistantService: AssistantService;
 
   // communication
-  eventService = new LegendApplicationEventService();
+  eventService = new EventService();
   telemetryService = new TelemetryService();
   tracerService = new TracerService();
 
   constructor(
     config: T,
     navigator: WebApplicationNavigator,
-    pluginManager: LegendApplicationPluginManager,
+    pluginManager: LegendApplicationPluginManager<V>,
   ) {
     makeAutoObservable(this, {
       navigator: false,
@@ -150,10 +159,11 @@ export class ApplicationStore<T extends LegendApplicationConfig> {
     // NOTE: set the logger first so other loading could use the configured logger
     this.log.registerPlugins(pluginManager.getLoggerPlugins());
 
-    this.navigationContextService =
-      new LegendApplicationNavigationContextService(this);
-    this.documentationService = new LegendApplicationDocumentationService(this);
-    this.assistantService = new LegendApplicationAssistantService(this);
+    this.navigationContextService = new ApplicationNavigationContextService(
+      this,
+    );
+    this.documentationService = new DocumentationService(this);
+    this.assistantService = new AssistantService(this);
     this.telemetryService.registerPlugins(
       pluginManager.getTelemetryServicePlugins(),
     );

package/src/stores/ApplicationStoreTestUtils.ts

@@ -17,8 +17,9 @@
 import { ApplicationStore } from './ApplicationStore.js';
 import { createBrowserHistory } from 'history';
 import { WebApplicationNavigator } from './WebApplicationNavigator.js';
-import type { LegendApplicationConfig } from './LegendApplicationConfig.js';
+import type { LegendApplicationConfig } from '../application/LegendApplicationConfig.js';
 import type { LegendApplicationPluginManager } from '../application/LegendApplicationPluginManager.js';
+import type { LegendApplicationPlugin } from './LegendApplicationPlugin.js';
 
 export const TEST_DATA__applicationVersion = {
   buildTime: '2001-01-01T00:00:00-0000',
@@ -28,10 +29,11 @@ export const TEST_DATA__applicationVersion = {
 
 export const TEST__getTestApplicationStore = <
   T extends LegendApplicationConfig,
+  V extends LegendApplicationPlugin,
 >(
   config: T,
-  pluginManager: LegendApplicationPluginManager,
-): ApplicationStore<T> =>
+  pluginManager: LegendApplicationPluginManager<V>,
+): ApplicationStore<T, V> =>
   new ApplicationStore(
     config,
     new WebApplicationNavigator(createBrowserHistory()),

package/src/stores/{LegendApplicationAssistantService.ts → AssistantService.ts}

@@ -15,9 +15,8 @@
  */
 
 import { action, makeObservable, observable, computed } from 'mobx';
-import type { LegendApplicationDocumentationEntry } from './LegendApplicationDocumentationService.js';
-import type { LegendApplicationConfig } from './LegendApplicationConfig.js';
-import type { ApplicationStore } from './ApplicationStore.js';
+import type { DocumentationEntry } from './DocumentationService.js';
+import type { GenericLegendApplicationStore } from './ApplicationStore.js';
 import { Fuse } from './CJS__Fuse.cjs';
 import {
   type MarkdownText,
@@ -40,7 +39,7 @@ export class VirtualAssistantDocumentationEntry {
   url?: string | undefined;
   isOpen = false;
 
-  constructor(docEntry: LegendApplicationDocumentationEntry) {
+  constructor(docEntry: DocumentationEntry) {
     makeObservable(this, {
       isOpen: observable,
       setIsOpen: action,
@@ -67,7 +66,7 @@ export class VirtualAssistantContextualDocumentationEntry {
 
   constructor(
     context: string,
-    docEntry: LegendApplicationDocumentationEntry,
+    docEntry: DocumentationEntry,
     related: VirtualAssistantDocumentationEntry[],
   ) {
     this.context = context;
@@ -78,9 +77,9 @@ export class VirtualAssistantContextualDocumentationEntry {
   }
 }
 
-export class LegendApplicationAssistantService {
-  readonly applicationStore: ApplicationStore<LegendApplicationConfig>;
-  private readonly searchEngine: Fuse<LegendApplicationDocumentationEntry>;
+export class AssistantService {
+  readonly applicationStore: GenericLegendApplicationStore;
+  private readonly searchEngine: Fuse<DocumentationEntry>;
   /**
    * This key is used to allow programmatic re-rendering of the assistant panel
    */
@@ -93,7 +92,7 @@ export class LegendApplicationAssistantService {
   searchState = ActionState.create().pass();
   searchText = '';
 
-  constructor(applicationStore: ApplicationStore<LegendApplicationConfig>) {
+  constructor(applicationStore: GenericLegendApplicationStore) {
     makeObservable(this, {
       isHidden: observable,
       isOpen: observable,

package/src/stores/{LegendApplicationDocumentationService.ts → DocumentationService.ts}

@@ -30,10 +30,9 @@ import {
   primitive,
 } from 'serializr';
 import { APPLICATION_EVENT } from './ApplicationEvent.js';
-import type { ApplicationStore } from './ApplicationStore.js';
-import type { LegendApplicationConfig } from './LegendApplicationConfig.js';
+import type { GenericLegendApplicationStore } from './ApplicationStore.js';
 
-export type LegendApplicationDocumentationRegistryEntry = {
+export type DocumentationRegistryEntry = {
   url: string;
   /**
    * Sometimes, we don't need to expose an endpoint to get the documentation data
@@ -51,11 +50,11 @@ export type LegendApplicationDocumentationRegistryEntry = {
   simple?: boolean | undefined;
 };
 
-export type LegendApplicationDocumentationRegistryData = {
-  entries: Record<string, LegendApplicationDocumentationConfigEntry>;
+export type DocumentationRegistryData = {
+  entries: Record<string, DocumentationConfigEntry>;
 };
 
-export type LegendApplicationDocumentationConfigEntry = {
+export type DocumentationConfigEntry = {
   markdownText?: MarkdownText | undefined;
   title?: string | undefined;
   text?: string | undefined;
@@ -63,7 +62,7 @@ export type LegendApplicationDocumentationConfigEntry = {
   related?: string[] | undefined;
 };
 
-export class LegendApplicationDocumentationEntry {
+export class DocumentationEntry {
   readonly _documentationKey!: string;
 
   markdownText?: MarkdownText | undefined;
@@ -73,7 +72,7 @@ export class LegendApplicationDocumentationEntry {
   related?: string[] | undefined;
 
   static readonly serialization = new SerializationFactory(
-    createModelSchema(LegendApplicationDocumentationEntry, {
+    createModelSchema(DocumentationEntry, {
       markdownText: custom(
         (val) => val,
         (val) => (val.value ? val : undefined),
@@ -86,56 +85,49 @@ export class LegendApplicationDocumentationEntry {
   );
 
   static create(
-    json: PlainObject<LegendApplicationDocumentationEntry>,
+    json: PlainObject<DocumentationEntry>,
     documentationKey: string,
-  ): LegendApplicationDocumentationEntry {
-    const entry =
-      LegendApplicationDocumentationEntry.serialization.fromJson(json);
-    (entry as Writable<LegendApplicationDocumentationEntry>)._documentationKey =
+  ): DocumentationEntry {
+    const entry = DocumentationEntry.serialization.fromJson(json);
+    (entry as Writable<DocumentationEntry>)._documentationKey =
       documentationKey;
     return entry;
   }
 }
 
-export interface LegendApplicationKeyedDocumentationEntry {
+export interface KeyedDocumentationEntry {
   key: string;
-  content: LegendApplicationDocumentationEntry;
+  content: DocumentationEntry;
 }
 
 export const collectKeyedDocumnetationEntriesFromConfig = (
-  rawEntries: Record<string, LegendApplicationDocumentationConfigEntry>,
-): LegendApplicationKeyedDocumentationEntry[] =>
+  rawEntries: Record<string, DocumentationConfigEntry>,
+): KeyedDocumentationEntry[] =>
   Object.entries(rawEntries).map((entry) => ({
     key: entry[0],
-    content: LegendApplicationDocumentationEntry.create(entry[1], entry[0]),
+    content: DocumentationEntry.create(entry[1], entry[0]),
   }));
 
-export type LegendApplicationContextualDocumentationMapConfig = Record<
-  string,
-  string
->;
-export type LegendApplicationContextualDocumentationEntry = {
+export type ContextualDocumentationConfig = Record<string, string>;
+export type ContextualDocumentationEntry = {
   context: string;
   documentationKey: string;
 };
-export const collectContextualDocumnetationEntry = (
-  contextualDocMap: LegendApplicationContextualDocumentationMapConfig,
-): LegendApplicationContextualDocumentationEntry[] =>
-  Object.entries(contextualDocMap).map((entry) => ({
+export const collectContextualDocumnetationEntries = (
+  config: ContextualDocumentationConfig,
+): ContextualDocumentationEntry[] =>
+  Object.entries(config).map((entry) => ({
     context: entry[0],
     documentationKey: entry[1],
   }));
 
-export class LegendApplicationDocumentationService {
+export class DocumentationService {
   url?: string | undefined;
 
-  private docRegistry = new Map<string, LegendApplicationDocumentationEntry>();
-  private contextualDocMap = new Map<
-    string,
-    LegendApplicationDocumentationEntry
-  >();
+  private docRegistry = new Map<string, DocumentationEntry>();
+  private contextualDocIndex = new Map<string, DocumentationEntry>();
 
-  constructor(applicationStore: ApplicationStore<LegendApplicationConfig>) {
+  constructor(applicationStore: GenericLegendApplicationStore) {
     // set the main documenation site url
     this.url = applicationStore.config.documentationUrl;
 
@@ -221,7 +213,7 @@ export class LegendApplicationDocumentationService {
       } else {
         const existingDocEntry = this.getDocEntry(entry.documentationKey);
         if (existingDocEntry) {
-          this.contextualDocMap.set(entry.context, existingDocEntry);
+          this.contextualDocIndex.set(entry.context, existingDocEntry);
         }
       }
     });
@@ -230,12 +222,12 @@ export class LegendApplicationDocumentationService {
     applicationStore.config.contextualDocEntries.forEach((entry) => {
       const existingDocEntry = this.getDocEntry(entry.documentationKey);
       if (existingDocEntry) {
-        this.contextualDocMap.set(entry.context, existingDocEntry);
+        this.contextualDocIndex.set(entry.context, existingDocEntry);
       }
     });
   }
 
-  getDocEntry(key: string): LegendApplicationDocumentationEntry | undefined {
+  getDocEntry(key: string): DocumentationEntry | undefined {
     return this.docRegistry.get(key);
   }
 
@@ -243,36 +235,29 @@ export class LegendApplicationDocumentationService {
     return this.docRegistry.has(key);
   }
 
-  getContextualDocEntry(
-    key: string,
-  ): LegendApplicationDocumentationEntry | undefined {
-    return this.contextualDocMap.get(key);
+  getContextualDocEntry(key: string): DocumentationEntry | undefined {
+    return this.contextualDocIndex.get(key);
   }
 
   hasContextualDocEntry(key: string): boolean {
-    return this.contextualDocMap.has(key);
+    return this.contextualDocIndex.has(key);
   }
 
-  getAllDocEntries(): LegendApplicationDocumentationEntry[] {
+  getAllDocEntries(): DocumentationEntry[] {
     return Array.from(this.docRegistry.values());
   }
 
-  publishDocRegistry(): Record<
-    string,
-    LegendApplicationDocumentationConfigEntry
-  > {
-    const result: Record<string, LegendApplicationDocumentationConfigEntry> =
-      {};
+  publishDocRegistry(): Record<string, DocumentationConfigEntry> {
+    const result: Record<string, DocumentationConfigEntry> = {};
     this.docRegistry.forEach((value, key) => {
-      result[key] =
-        LegendApplicationDocumentationEntry.serialization.toJson(value);
+      result[key] = DocumentationEntry.serialization.toJson(value);
     });
     return result;
   }
 
-  publishContextualDocMap(): LegendApplicationContextualDocumentationMapConfig {
-    const result: LegendApplicationContextualDocumentationMapConfig = {};
-    this.contextualDocMap.forEach((value, key) => {
+  publishContextualDocIndex(): ContextualDocumentationConfig {
+    const result: ContextualDocumentationConfig = {};
+    this.contextualDocIndex.forEach((value, key) => {
       result[key] = value._documentationKey;
     });
     return result;

package/src/stores/{LegendApplicationEventService.ts → EventService.ts}

@@ -19,7 +19,7 @@ import type {
   EventNotifierPlugin,
 } from '@finos/legend-shared';
 
-export class LegendApplicationEventService {
+export class EventService {
   private notifierPlugins: EventNotifierPlugin[] = [];
 
   registerEventNotifierPlugins(plugins: EventNotifierPlugin[]): void {

package/src/stores/LegendApplicationPlugin.ts

@@ -17,15 +17,28 @@
 import { AbstractPlugin } from '@finos/legend-shared';
 import type { LegendApplicationPluginManager } from '../application/LegendApplicationPluginManager.js';
 import type {
-  LegendApplicationContextualDocumentationEntry,
-  LegendApplicationDocumentationRegistryEntry,
-  LegendApplicationKeyedDocumentationEntry,
-} from './LegendApplicationDocumentationService.js';
+  ContextualDocumentationEntry,
+  DocumentationRegistryEntry,
+  KeyedDocumentationEntry,
+} from './DocumentationService.js';
 
-export type LegendApplicationSetup = (
-  pluginManager: LegendApplicationPluginManager,
+export type LegendApplicationSetup = <T extends LegendApplicationPlugin>(
+  pluginManager: LegendApplicationPluginManager<T>,
 ) => Promise<void>;
 
+/**
+ * Prefix URL patterns coming from extensions with `/extensions/`
+ * to avoid potential conflicts with main routes.
+ */
+export const generateExtensionUrlPattern = (pattern: string): string =>
+  `/extensions/${pattern}`.replace(/^\/extensions\/\//, '/extensions/');
+
+export type ApplicationPageEntry = {
+  key: string;
+  urlPatterns: string[];
+  renderer: React.FC | React.ReactElement;
+};
+
 export abstract class LegendApplicationPlugin extends AbstractPlugin {
   /**
    * Get the list of setup procedures to be run when booting up the application.
@@ -34,16 +47,21 @@ export abstract class LegendApplicationPlugin extends AbstractPlugin {
    */
   getExtraApplicationSetups?(): LegendApplicationSetup[];
 
+  /**
+   * Get the list of application page entries to be rendered.
+   */
+  getExtraApplicationPageEntries?(): ApplicationPageEntry[];
+
   /**
    * Get the list of documentation registry entries from which the application can fetch
    * documentation config data and load the documentation registry
    */
-  getExtraDocumentationRegistryEntries?(): LegendApplicationDocumentationRegistryEntry[];
+  getExtraDocumentationRegistryEntries?(): DocumentationRegistryEntry[];
 
   /**
    * Get the list of keyed documentation entries to be registered with documentation service.
    */
-  getExtraKeyedDocumentationEntries?(): LegendApplicationKeyedDocumentationEntry[];
+  getExtraKeyedDocumentationEntries?(): KeyedDocumentationEntry[];
 
   /**
    * Get the list of documentation keys whose corresponding documentation entry is required
@@ -55,7 +73,7 @@ export abstract class LegendApplicationPlugin extends AbstractPlugin {
   /**
    * Get the list of contextual documentation entries to be registered with documentation service.
    */
-  getExtraContextualDocumentationEntries?(): LegendApplicationContextualDocumentationEntry[];
+  getExtraContextualDocumentationEntries?(): ContextualDocumentationEntry[];
 
   /**
    * Get the list of application context keys for which the application will log event for

package/src/stores/PureLanguageSupport.ts

@@ -16,7 +16,7 @@
 
 /* eslint-disable prefer-named-capture-group */
 import {
-  type GraphPluginManager,
+  type GraphManagerPluginManager,
   PARSER_SECTION_MARKER,
   PURE_ELEMENT_NAME,
   PURE_CONNECTION_NAME,
@@ -353,7 +353,7 @@ const generateLanguageMonarch = (
   } as monacoLanguagesAPI.IMonarchLanguage);
 
 export const setupPureLanguageService = (
-  pluginManager: GraphPluginManager,
+  pluginManager: GraphManagerPluginManager,
 ): void => {
   // register Pure language in `monaco-editor`
   monacoEditorAPI.defineTheme(EDITOR_THEME.LEGEND, theme);

package/src/stores/shared/ExecutionPlanState.ts

@@ -21,8 +21,7 @@ import {
   ExecutionPlan,
   ExecutionNode,
 } from '@finos/legend-graph';
-import type { ApplicationStore } from '../ApplicationStore.js';
-import type { LegendApplicationConfig } from '../LegendApplicationConfig.js';
+import type { GenericLegendApplicationStore } from '../ApplicationStore.js';
 import type { TreeNodeData } from '@finos/legend-art';
 
 export class ExecutionPlanViewTreeNodeData implements TreeNodeData {
@@ -61,7 +60,7 @@ export enum EXECUTION_PLAN_VIEW_MODE {
 }
 
 export class ExecutionPlanState {
-  applicationStore: ApplicationStore<LegendApplicationConfig>;
+  applicationStore: GenericLegendApplicationStore;
   graphManagerState: GraphManagerState;
   displayDataJson: object = {};
   displayData = '';
@@ -75,7 +74,7 @@ export class ExecutionPlanState {
   debugText?: string | undefined;
 
   constructor(
-    applicationStore: ApplicationStore<LegendApplicationConfig>,
+    applicationStore: GenericLegendApplicationStore,
     graphManagerState: GraphManagerState,
   ) {
     makeObservable(this, {

package/src/stores/shared/PackageableElementOption.ts

@@ -21,9 +21,9 @@ export interface PackageableElementOption<T extends PackageableElement> {
   value: T;
 }
 
-export const buildElementOption = (
-  element: PackageableElement,
-): PackageableElementOption<PackageableElement> => ({
+export const buildElementOption = <T extends PackageableElement>(
+  element: T,
+): PackageableElementOption<T> => ({
   label: element.name,
   value: element,
 });