@finos/legend-application-studio 28.18.40 → 28.18.41

package/lib/stores/showcase/ShowcaseViewerStore.js

@@ -52,7 +52,7 @@ export class ShowcaseViewerStore {
         if (!this.editorStore.initState.isInInitialState) {
             return;
         }
-        const showcasePath = params[0];
+        const showcasePath = params.showcasePath;
         this.editorStore.initState.inProgress();
         const onLeave = (hasBuildSucceeded) => {
             this.editorStore.initState.complete(hasBuildSucceeded);

package/lib/stores/showcase/ShowcaseViewerStore.js.map

@@ -1 +1 @@
-{"version":3,"file":"ShowcaseViewerStore.js","sourceRoot":"","sources":["../../../src/stores/showcase/ShowcaseViewerStore.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"ShowcaseViewerStore.js","sourceRoot":"","sources":["../../../src/stores/showcase/ShowcaseViewerStore.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@finos/legend-application-studio",
-  "version": "28.18.40",
+  "version": "28.18.41",
   "description": "Legend Studio application core",
   "keywords": [
     "legend",
@@ -45,25 +45,25 @@
     "test:watch": "jest --watch"
   },
   "dependencies": {
-    "@finos/legend-application": "16.0.1",
-    "@finos/legend-art": "7.1.60",
-    "@finos/legend-code-editor": "2.0.2",
-    "@finos/legend-graph": "31.10.36",
-    "@finos/legend-lego": "2.0.3",
-    "@finos/legend-query-builder": "4.15.0",
-    "@finos/legend-server-depot": "6.0.61",
-    "@finos/legend-server-sdlc": "5.3.32",
-    "@finos/legend-server-showcase": "0.2.29",
-    "@finos/legend-shared": "10.0.56",
-    "@finos/legend-storage": "3.0.106",
+    "@finos/legend-application": "16.0.2",
+    "@finos/legend-art": "7.1.61",
+    "@finos/legend-code-editor": "2.0.3",
+    "@finos/legend-graph": "31.10.37",
+    "@finos/legend-lego": "2.0.4",
+    "@finos/legend-query-builder": "4.15.1",
+    "@finos/legend-server-depot": "6.0.62",
+    "@finos/legend-server-sdlc": "5.3.33",
+    "@finos/legend-server-showcase": "0.2.30",
+    "@finos/legend-shared": "10.0.57",
+    "@finos/legend-storage": "3.0.107",
     "@testing-library/dom": "10.4.0",
     "@testing-library/react": "16.0.1",
-    "@types/react": "18.3.9",
+    "@types/react": "18.3.11",
     "@types/react-dom": "18.3.0",
     "fast-xml-parser": "4.5.0",
     "mobx": "6.13.3",
     "mobx-react-lite": "4.0.7",
-    "mobx-utils": "6.0.8",
+    "mobx-utils": "6.1.0",
     "monaco-editor": "0.52.0",
     "node-diff3": "3.1.2",
     "react": "18.3.1",
@@ -73,15 +73,15 @@
     "yaml": "2.5.1"
   },
   "devDependencies": {
-    "@finos/legend-dev-utils": "2.1.23",
+    "@finos/legend-dev-utils": "2.1.24",
     "@jest/globals": "29.7.0",
     "cross-env": "7.0.3",
-    "eslint": "8.57.1",
+    "eslint": "9.12.0",
     "jest": "29.7.0",
     "npm-run-all": "4.1.5",
     "rimraf": "6.0.1",
-    "sass": "1.79.3",
-    "typescript": "5.6.2"
+    "sass": "1.79.4",
+    "typescript": "5.6.3"
   },
   "peerDependencies": {
     "react": "^18.0.0"

package/src/__lib__/LegendStudioNavigation.ts

@@ -61,7 +61,7 @@ export const LEGEND_STUDIO_SDLC_BYPASSED_ROUTE_PATTERN = Object.freeze({
   VIEW_BY_GAV: `/view/archive/:${LEGEND_STUDIO_ROUTE_PATTERN_TOKEN.GAV}`,
   VIEW_BY_GAV_ENTITY: `/view/archive/:${LEGEND_STUDIO_ROUTE_PATTERN_TOKEN.GAV}/entity/:${LEGEND_STUDIO_ROUTE_PATTERN_TOKEN.ENTITY_PATH}`,
   PREVIEW_BY_GAV_ENTITY: `/view/archive/:${LEGEND_STUDIO_ROUTE_PATTERN_TOKEN.GAV}/entity/:${LEGEND_STUDIO_ROUTE_PATTERN_TOKEN.ENTITY_PATH}/preview`,
-  SHOWCASE_PROJECT: `/showcase/*`,
+  SHOWCASE: `/showcase/:${LEGEND_STUDIO_ROUTE_PATTERN_TOKEN.SHOWCASE_PATH}`,
   PCT_REPORT: '/pct',
 });
 
@@ -79,7 +79,7 @@ export type ProjectViewerPathParams = {
 };
 
 export type ShowcaseViewerPathParams = {
-  [0]?: string;
+  [LEGEND_STUDIO_ROUTE_PATTERN_TOKEN.SHOWCASE_PATH]?: string;
 };
 
 export type WorkspaceEditorPathParams = {
@@ -363,7 +363,7 @@ export const EXTERNAL_APPLICATION_NAVIGATION__generateServiceQueryCreatorUrl = (
     versionId,
   )}/${servicePath}`;
 
-export const generateShowcasePath = (projectPath: string): string =>
-  generatePath(LEGEND_STUDIO_SDLC_BYPASSED_ROUTE_PATTERN.SHOWCASE_PROJECT, {
-    0: projectPath,
+export const generateShowcasePath = (showcasePath: string): string =>
+  generatePath(LEGEND_STUDIO_SDLC_BYPASSED_ROUTE_PATTERN.SHOWCASE, {
+    showcasePath: encodeURIComponent(showcasePath),
   });

package/src/components/LegendStudioWebApplication.tsx

@@ -36,8 +36,7 @@ import {
   BrowserEnvironmentProvider,
   generateExtensionUrlPattern,
   Route,
-  Switch,
-  type TEMPORARY__ReactRouterComponentType,
+  Routes,
 } from '@finos/legend-application/browser';
 import { LEGEND_STUDIO_DOCUMENTATION_KEY } from '../__lib__/LegendStudioDocumentation.js';
 import { LazyTextEditor } from './lazy-text-editor/LazyTextEditor.js';
@@ -122,138 +121,160 @@ export const LegendStudioWebApplicationRouter = observer(() => {
         <>
           {baseStore.isSDLCAuthorized === undefined && (
             <>
-              <Switch>
+              <Routes>
                 <Route
-                  exact={true}
-                  path={[
-                    LEGEND_STUDIO_SDLC_BYPASSED_ROUTE_PATTERN.VIEW_BY_GAV,
-                    LEGEND_STUDIO_SDLC_BYPASSED_ROUTE_PATTERN.VIEW_BY_GAV_ENTITY,
-                  ]}
-                  component={
-                    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-                    ProjectViewer as TEMPORARY__ReactRouterComponentType
-                  }
+                  path={LEGEND_STUDIO_SDLC_BYPASSED_ROUTE_PATTERN.VIEW_BY_GAV}
+                  element={<ProjectViewer />}
                 />
                 <Route
-                  exact={true}
                   path={
-                    LEGEND_STUDIO_SDLC_BYPASSED_ROUTE_PATTERN.SHOWCASE_PROJECT
-                  }
-                  component={
-                    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-                    ShowcaseViewer as TEMPORARY__ReactRouterComponentType
+                    LEGEND_STUDIO_SDLC_BYPASSED_ROUTE_PATTERN.VIEW_BY_GAV_ENTITY
                   }
+                  element={<ProjectViewer />}
+                />
+
+                <Route
+                  path={LEGEND_STUDIO_SDLC_BYPASSED_ROUTE_PATTERN.SHOWCASE}
+                  element={<ShowcaseViewer />}
                 />
+
                 <Route
-                  exact={true}
                   path={LEGEND_STUDIO_SDLC_BYPASSED_ROUTE_PATTERN.PCT_REPORT}
-                  component={
-                    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-                    PureCompatibilityTestManager as TEMPORARY__ReactRouterComponentType
-                  }
+                  element={<PureCompatibilityTestManager />}
                 />
-                <Route>
-                  <NotFoundPage />
-                </Route>
-              </Switch>
+
+                <Route path="*" element={<NotFoundPage />} />
+              </Routes>
             </>
           )}
           {baseStore.isSDLCAuthorized && (
             <>
-              <Switch>
+              <Routes>
                 <Route
-                  exact={true}
-                  path={[
-                    LEGEND_STUDIO_ROUTE_PATTERN.VIEW,
-                    LEGEND_STUDIO_ROUTE_PATTERN.VIEW_BY_ENTITY,
-                    LEGEND_STUDIO_ROUTE_PATTERN.VIEW_BY_REVISION,
-                    LEGEND_STUDIO_ROUTE_PATTERN.VIEW_BY_VERSION,
-                    LEGEND_STUDIO_ROUTE_PATTERN.VIEW_BY_REVISION_ENTITY,
-                    LEGEND_STUDIO_ROUTE_PATTERN.VIEW_BY_VERSION_ENTITY,
-                  ]}
-                  component={
-                    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-                    ProjectViewer as TEMPORARY__ReactRouterComponentType
-                  }
+                  path={LEGEND_STUDIO_ROUTE_PATTERN.VIEW}
+                  element={<ProjectViewer />}
+                />
+                <Route
+                  path={LEGEND_STUDIO_ROUTE_PATTERN.VIEW_BY_ENTITY}
+                  element={<ProjectViewer />}
+                />
+                <Route
+                  path={LEGEND_STUDIO_ROUTE_PATTERN.VIEW_BY_REVISION}
+                  element={<ProjectViewer />}
+                />
+                <Route
+                  path={LEGEND_STUDIO_ROUTE_PATTERN.VIEW_BY_VERSION}
+                  element={<ProjectViewer />}
                 />
                 <Route
-                  exact={true}
+                  path={LEGEND_STUDIO_ROUTE_PATTERN.VIEW_BY_REVISION_ENTITY}
+                  element={<ProjectViewer />}
+                />
+                <Route
+                  path={LEGEND_STUDIO_ROUTE_PATTERN.VIEW_BY_VERSION_ENTITY}
+                  element={<ProjectViewer />}
+                />
+
+                <Route
                   path={LEGEND_STUDIO_ROUTE_PATTERN.REVIEW}
-                  component={
-                    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-                    ProjectReviewer as TEMPORARY__ReactRouterComponentType
-                  }
+                  element={<ProjectReviewer />}
                 />
+
                 <Route
-                  exact={true}
-                  strict={true}
-                  path={[
-                    LEGEND_STUDIO_ROUTE_PATTERN.EDIT_GROUP_WORKSPACE,
-                    LEGEND_STUDIO_ROUTE_PATTERN.EDIT_PATCH_GROUP_WORKSPACE,
-                    LEGEND_STUDIO_ROUTE_PATTERN.EDIT_GROUP_WORKSPACE_ENTITY,
-                    LEGEND_STUDIO_ROUTE_PATTERN.EDIT_PATCH_GROUP_WORKSPACE_ENTITY,
-                    LEGEND_STUDIO_ROUTE_PATTERN.EDIT_WORKSPACE,
-                    LEGEND_STUDIO_ROUTE_PATTERN.EDIT_PATCH_WORKSPACE,
-                    LEGEND_STUDIO_ROUTE_PATTERN.EDIT_WORKSPACE_ENTITY,
-                    LEGEND_STUDIO_ROUTE_PATTERN.EDIT_PATCH_WORKSPACE_ENTITY,
-                  ]}
-                  component={
-                    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-                    Editor as TEMPORARY__ReactRouterComponentType
-                  }
+                  path={LEGEND_STUDIO_ROUTE_PATTERN.EDIT_GROUP_WORKSPACE}
+                  element={<Editor />}
                 />
                 <Route
-                  exact={true}
-                  strict={true}
-                  path={[
-                    LEGEND_STUDIO_ROUTE_PATTERN.TEXT_GROUP_WORKSPACE,
-                    LEGEND_STUDIO_ROUTE_PATTERN.TEXT_WORKSPACE,
-                  ]}
-                  component={
-                    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-                    LazyTextEditor as TEMPORARY__ReactRouterComponentType
-                  }
+                  path={LEGEND_STUDIO_ROUTE_PATTERN.EDIT_PATCH_GROUP_WORKSPACE}
+                  element={<Editor />}
+                />
+                <Route
+                  path={LEGEND_STUDIO_ROUTE_PATTERN.EDIT_GROUP_WORKSPACE_ENTITY}
+                  element={<Editor />}
                 />
                 <Route
-                  exact={true}
-                  path={[
-                    // root path will lead to setup page (home page)
-                    '/',
-                    LEGEND_STUDIO_ROUTE_PATTERN.SETUP_WORKSPACE,
-                    LEGEND_STUDIO_ROUTE_PATTERN.SETUP_PATCH_WORKSPACE,
-                    LEGEND_STUDIO_ROUTE_PATTERN.SETUP_GROUP_WORKSPACE,
-                    LEGEND_STUDIO_ROUTE_PATTERN.SETUP_PATCH_GROUP_WORKSPACE,
-                  ]}
-                  component={
-                    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-                    WorkspaceSetup as TEMPORARY__ReactRouterComponentType
+                  path={
+                    LEGEND_STUDIO_ROUTE_PATTERN.EDIT_PATCH_GROUP_WORKSPACE_ENTITY
                   }
+                  element={<Editor />}
+                />
+                <Route
+                  path={LEGEND_STUDIO_ROUTE_PATTERN.EDIT_WORKSPACE}
+                  element={<Editor />}
+                />
+                <Route
+                  path={LEGEND_STUDIO_ROUTE_PATTERN.EDIT_PATCH_WORKSPACE}
+                  element={<Editor />}
+                />
+                <Route
+                  path={LEGEND_STUDIO_ROUTE_PATTERN.EDIT_WORKSPACE_ENTITY}
+                  element={<Editor />}
+                />
+                <Route
+                  path={LEGEND_STUDIO_ROUTE_PATTERN.EDIT_PATCH_WORKSPACE_ENTITY}
+                  element={<Editor />}
+                />
+
+                <Route
+                  path={LEGEND_STUDIO_ROUTE_PATTERN.TEXT_GROUP_WORKSPACE}
+                  element={<LazyTextEditor />}
+                />
+                <Route
+                  path={LEGEND_STUDIO_ROUTE_PATTERN.TEXT_WORKSPACE}
+                  element={<LazyTextEditor />}
+                />
+
+                <Route
+                  // root path will lead to setup page (home page)
+                  path=""
+                  element={<WorkspaceSetup />}
+                />
+                <Route
+                  // root path will lead to setup page (home page)
+                  path="/"
+                  element={<WorkspaceSetup />}
                 />
                 <Route
-                  exact={true}
+                  path={LEGEND_STUDIO_ROUTE_PATTERN.SETUP_WORKSPACE}
+                  element={<WorkspaceSetup />}
+                />
+                <Route
+                  path={LEGEND_STUDIO_ROUTE_PATTERN.SETUP_PATCH_WORKSPACE}
+                  element={<WorkspaceSetup />}
+                />
+                <Route
+                  path={LEGEND_STUDIO_ROUTE_PATTERN.SETUP_GROUP_WORKSPACE}
+                  element={<WorkspaceSetup />}
+                />
+                <Route
+                  path={LEGEND_STUDIO_ROUTE_PATTERN.SETUP_PATCH_GROUP_WORKSPACE}
+                  element={<WorkspaceSetup />}
+                />
+
+                <Route
+                  path={LEGEND_STUDIO_SDLC_BYPASSED_ROUTE_PATTERN.SHOWCASE}
+                  element={<ShowcaseViewer />}
+                />
+
+                <Route
                   path={LEGEND_STUDIO_SDLC_BYPASSED_ROUTE_PATTERN.PCT_REPORT}
-                  component={
-                    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-                    PureCompatibilityTestManager as TEMPORARY__ReactRouterComponentType
-                  }
+                  element={<PureCompatibilityTestManager />}
                 />
-                {extraApplicationPageEntries.map((entry) => (
-                  <Route
-                    key={entry.key}
-                    exact={true}
-                    path={entry.addressPatterns.map(
-                      generateExtensionUrlPattern,
-                    )}
-                    component={
-                      // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-                      entry.renderer as TEMPORARY__ReactRouterComponentType
-                    }
-                  />
-                ))}
-                <Route>
-                  <NotFoundPage />
-                </Route>
-              </Switch>
+
+                {extraApplicationPageEntries.flatMap((entry) =>
+                  entry.addressPatterns
+                    .map(generateExtensionUrlPattern)
+                    .map((path) => (
+                      <Route
+                        key={entry.key}
+                        path={path}
+                        element={entry.renderer()}
+                      />
+                    )),
+                )}
+
+                <Route path="*" element={<NotFoundPage />} />
+              </Routes>
             </>
           )}
         </>

package/src/components/editor/Editor.tsx

@@ -59,7 +59,7 @@ import { ShowcaseManager } from '../ShowcaseManager.js';
 export const Editor = withEditorStore(
   observer(() => {
     const params = useParams<WorkspaceEditorPathParams>();
-    const projectId = params.projectId;
+    const projectId = guaranteeNonNullable(params.projectId);
     const patchReleaseVersionId = params.patchReleaseVersionId;
     const workspaceType = params.groupWorkspaceId
       ? WorkspaceType.GROUP
@@ -147,6 +147,7 @@ export const Editor = withEditorStore(
     useEffect(() => {
       editorStore.internalizeEntityPath(params);
     }, [editorStore, params]);
+
     useEffect(() => {
       flowResult(
         editorStore.initialize(

package/src/components/editor/QuickInput.tsx

@@ -43,7 +43,8 @@ function QuickInputDialog<T>(props: {
   const filterOption = createFilter({
     ignoreCase: true,
     ignoreAccents: false,
-    stringify: (option) => getSearchValue(option),
+    stringify: (option: { label: string; data: QuickInputOption<T> }) =>
+      getSearchValue({ label: option.label, value: option.data.value }),
   });
   const onChange = (value: QuickInputOption<T>): void => {
     onSelect(value);
@@ -73,7 +74,7 @@ function QuickInputDialog<T>(props: {
       >
         <div className="quick-input">
           <CustomSelectorInput
-            ref={inputRef}
+            inputRef={inputRef}
             className="quick-input__input"
             options={options}
             onChange={onChange}

package/src/components/editor/__test-utils__/EditorComponentTestUtils.tsx

@@ -62,13 +62,10 @@ import {
   ApplicationStoreProvider,
   ApplicationStore,
 } from '@finos/legend-application';
-import {
-  createMemoryHistory,
-  TEST__BrowserEnvironmentProvider,
-} from '@finos/legend-application/test';
+import { TEST__BrowserEnvironmentProvider } from '@finos/legend-application/test';
 import { type LegendStudioApplicationStore } from '../../../stores/LegendStudioBaseStore.js';
 import { TEST__getLegendStudioApplicationConfig } from '../../../stores/__test-utils__/LegendStudioApplicationTestUtils.js';
-import { Route } from '@finos/legend-application/browser';
+import { Route, Routes } from '@finos/legend-application/browser';
 import { ProjectViewer } from '../../project-view/ProjectViewer.js';
 
 export const TEST_DATA__DefaultSDLCInfo = {
@@ -345,34 +342,36 @@ export const TEST__setUpEditor = async (
     );
   }
 
-  const history = createMemoryHistory({
-    initialEntries: [
-      viewerMode
-        ? generateViewProjectRoute(
-            (workspace as unknown as Workspace).projectId,
-          )
-        : generateEditorRoute(
-            (workspace as unknown as Workspace).projectId,
-            undefined,
-            (workspace as unknown as Workspace).workspaceId,
-            WorkspaceType.USER,
-          ),
-    ],
-  });
-
   const renderResult = render(
     <ApplicationStoreProvider store={MOCK__editorStore.applicationStore}>
-      <TEST__BrowserEnvironmentProvider historyAPI={history}>
+      <TEST__BrowserEnvironmentProvider
+        initialEntries={[
+          viewerMode
+            ? generateViewProjectRoute(
+                (workspace as unknown as Workspace).projectId,
+              )
+            : generateEditorRoute(
+                (workspace as unknown as Workspace).projectId,
+                undefined,
+                (workspace as unknown as Workspace).workspaceId,
+                WorkspaceType.USER,
+              ),
+        ]}
+      >
         <LegendStudioFrameworkProvider>
-          {viewerMode ? (
-            <Route path={[LEGEND_STUDIO_ROUTE_PATTERN.VIEW]}>
-              <ProjectViewer />
-            </Route>
-          ) : (
-            <Route path={[LEGEND_STUDIO_ROUTE_PATTERN.EDIT_WORKSPACE]}>
-              <Editor />
-            </Route>
-          )}
+          <Routes>
+            {viewerMode ? (
+              <Route
+                path={LEGEND_STUDIO_ROUTE_PATTERN.VIEW}
+                element={<ProjectViewer />}
+              />
+            ) : (
+              <Route
+                path={LEGEND_STUDIO_ROUTE_PATTERN.EDIT_WORKSPACE}
+                element={<Editor />}
+              />
+            )}
+          </Routes>
         </LegendStudioFrameworkProvider>
       </TEST__BrowserEnvironmentProvider>
     </ApplicationStoreProvider>,

package/src/components/editor/command-center/ProjectSearchCommand.tsx

@@ -67,8 +67,9 @@ export const ProjectSearchCommand = observer(() => {
   const filterOption = createFilter({
     ignoreCase: true,
     ignoreAccents: false,
-    stringify: (option: PackageableElementOption<PackageableElement>): string =>
-      option.value.path,
+    stringify: (option: {
+      data: PackageableElementOption<PackageableElement>;
+    }): string => option.data.value.path,
   });
   const openElement = (
     val: PackageableElementOption<PackageableElement> | null,
@@ -141,7 +142,7 @@ export const ProjectSearchCommand = observer(() => {
             </div>
           </ControlledDropdownMenu>
           <CustomSelectorInput
-            ref={selectorRef}
+            inputRef={selectorRef}
             className="project-search-command__input"
             options={options}
             onChange={openElement}

package/src/components/editor/editor-group/GenerationSpecificationEditor.tsx

@@ -92,7 +92,10 @@ const ModelGenerationItem = observer(
     const applicationStore = editorStore.applicationStore;
     const modelGenerationRef = generationTreeNode.generationElement;
     const modelGeneration = modelGenerationRef.value;
-    const value = { label: modelGeneration.name, value: modelGeneration };
+    const value = {
+      label: modelGeneration.name,
+      value: modelGeneration,
+    } as PackageableElementOption<FileGenerationSpecification>;
     const onChange = (
       val: PackageableElementOption<FileGenerationSpecification> | null,
     ): void => {
@@ -202,7 +205,9 @@ const ModelGenerationItem = observer(
         />
         <CustomSelectorInput
           className="generation-spec-model-generation-editor__item__dropdown"
-          options={options}
+          options={
+            options as PackageableElementOption<FileGenerationSpecification>[]
+          }
           onChange={onChange}
           value={value}
           darkMode={

package/src/components/editor/editor-group/RuntimeEditor.tsx

@@ -74,7 +74,7 @@ import {
   ElementDragSource,
 } from '../../../stores/editor/utils/DnDUtils.js';
 import { useDrop } from 'react-dnd';
-import { assertErrorThrown, guaranteeType } from '@finos/legend-shared';
+import { assertErrorThrown } from '@finos/legend-shared';
 import type { ConnectionEditorState } from '../../../stores/editor/editor-state/element-editor-state/connection/ConnectionEditorState.js';
 import { useEditorStore } from '../EditorStoreProvider.js';
 import {
@@ -504,7 +504,7 @@ const IdentifiedConnectionEditor = observer(
       ? []
       : ([{ label: embeddedConnectionLabel }] as {
           label: string | React.ReactNode;
-          value?: PackageableConnection;
+          value: PackageableConnection;
         }[]);
     connectionOptions = connectionOptions.concat(
       currentRuntimeEditorTabState.packageableConnections.map(
@@ -514,13 +514,16 @@ const IdentifiedConnectionEditor = observer(
         }),
       ),
     );
-    const selectedConnectionOption = {
-      value: identifiedConnection.connection,
-      label: isEmbeddedConnection
-        ? embeddedConnectionLabel
-        : guaranteeType(identifiedConnection.connection, ConnectionPointer)
-            .packageableConnection.value.path,
-    };
+    const selectedConnectionOption =
+      identifiedConnection.connection instanceof ConnectionPointer
+        ? {
+            value: identifiedConnection.connection.packageableConnection.value,
+            label: isEmbeddedConnection
+              ? embeddedConnectionLabel
+              : identifiedConnection.connection.packageableConnection.value
+                  .path,
+          }
+        : null;
     const editorStore = useEditorStore();
     const onConnectionSelectionChange = (val: {
       label: string | React.ReactNode;
@@ -823,11 +826,12 @@ const RuntimeMappingEditor = observer(
     const filterOption = createFilter({
       ignoreCase: true,
       ignoreAccents: false,
-      stringify: (option: PackageableElementOption<Mapping>): string =>
-        option.value.path,
+      stringify: (option: {
+        data: PackageableElementOption<Mapping>;
+      }): string => option.data.value.path,
     });
     const selectedMappingOption = {
-      value: mappingRef,
+      value: mappingRef.value,
       label: mappingRef.value.name,
     };
     const changeMapping = (val: PackageableElementOption<Mapping>): void =>