@finos/legend-application-studio 18.0.0 → 18.0.2

package/src/components/editor/edit-panel/project-configuration-editor/ProjectConfigurationEditor.tsx

@@ -168,8 +168,6 @@ const ProjectStructureEditor = observer(
               onChange={changeGroupId}
             />
           </div>
-        </div>
-        <div className="panel__content__form">
           <div className="panel__content__form__section">
             <div className="panel__content__form__section__header__label">
               Artifact ID
@@ -228,32 +226,29 @@ const ProjectDependencyInfoModal = observer(
             <div className="modal__title">{prettyCONSTName(type)}</div>
           </div>
           <div className="modal__body">
-            <div className="panel__content">
-              {type === DEPENDENCY_INFO_TYPE.TREE ? (
-                <TextInputEditor
-                  inputValue={getDependencyTreeStringFromInfo(info)}
-                  isReadOnly={true}
-                  language={EDITOR_LANGUAGE.TEXT}
-                  showMiniMap={true}
-                />
-              ) : (
-                <TextInputEditor
-                  inputValue={getConflictsString(info)}
-                  isReadOnly={true}
-                  language={EDITOR_LANGUAGE.TEXT}
-                  showMiniMap={true}
-                />
-              )}
-            </div>
-
-            <div className="modal__footer">
-              <button
-                className="btn modal__footer__close-btn"
-                onClick={closeModal}
-              >
-                Close
-              </button>
-            </div>
+            {type === DEPENDENCY_INFO_TYPE.DEPENDENCY_TREE ? (
+              <TextInputEditor
+                inputValue={getDependencyTreeStringFromInfo(info)}
+                isReadOnly={true}
+                language={EDITOR_LANGUAGE.TEXT}
+                showMiniMap={true}
+              />
+            ) : (
+              <TextInputEditor
+                inputValue={getConflictsString(info)}
+                isReadOnly={true}
+                language={EDITOR_LANGUAGE.TEXT}
+                showMiniMap={true}
+              />
+            )}
+          </div>
+          <div className="modal__footer">
+            <button
+              className="btn modal__footer__close-btn"
+              onClick={closeModal}
+            >
+              Close
+            </button>
           </div>
         </div>
       </Dialog>
@@ -350,7 +345,7 @@ const ProjectDependencyEditor = observer(
           projectDependency.versionId === MASTER_SNAPSHOT_ALIAS
             ? SNAPSHOT_VERSION_ALIAS
             : projectDependency.versionId;
-        applicationStore.navigator.openNewWindow(
+        applicationStore.navigator.visitAddress(
           `${
             applicationStore.config.baseUrl
           }view/archive/${generateGAVCoordinates(
@@ -365,8 +360,8 @@ const ProjectDependencyEditor = observer(
     // In the future, the studio instance may be part of the project data
     const openProject = (): void => {
       if (projectDependencyData) {
-        applicationStore.navigator.openNewWindow(
-          applicationStore.navigator.generateLocation(
+        applicationStore.navigator.visitAddress(
+          applicationStore.navigator.generateAddress(
             generateViewProjectRoute(projectDependencyData.projectId),
           ),
         );
@@ -419,7 +414,7 @@ const ProjectDependencyEditor = observer(
           }
           onClick={openProject}
           tabIndex={-1}
-          title={'Open Project'}
+          title="Open Project"
         >
           <ExternalLinkSquareIcon />
         </button>
@@ -432,7 +427,7 @@ const ProjectDependencyEditor = observer(
           }
           onClick={openProjectinArchive}
           tabIndex={-1}
-          title={'Open Project in archive'}
+          title="Open Project in archive"
         >
           <ArchiveIcon />
         </button>
@@ -441,7 +436,7 @@ const ProjectDependencyEditor = observer(
           disabled={isReadOnly}
           onClick={deleteValue}
           tabIndex={-1}
-          title={'Close'}
+          title="Close"
         >
           <TimesIcon />
         </button>
@@ -456,7 +451,7 @@ const ProjectDependencyActions = observer(
     const hasConflicts = config.dependencyInfo?.conflicts.length;
     const viewTree = (): void => {
       if (config.dependencyInfo) {
-        config.setDependencyInfoModal(DEPENDENCY_INFO_TYPE.TREE);
+        config.setDependencyInfoModal(DEPENDENCY_INFO_TYPE.DEPENDENCY_TREE);
       }
     };
     const viewConflict = (): void => {
@@ -467,11 +462,11 @@ const ProjectDependencyActions = observer(
     return (
       <div className="project-dependency-editor__info">
         <button
-          className="project-dependency-editor__tree-btn"
+          className="btn btn--dark"
           tabIndex={-1}
           onClick={viewTree}
           disabled={!config.dependencyInfo}
-          title={`View dependency tree`}
+          title="View dependency tree"
         >
           View Dependency Tree
         </button>
@@ -484,7 +479,7 @@ const ProjectDependencyActions = observer(
             disabled={
               !config.dependencyInfo || !config.dependencyInfo.conflicts.length
             }
-            title={`View any conflcits in your dependencies`}
+            title="View any conflcits in your dependencies"
           >
             View Conflicts
           </button>
@@ -553,7 +548,7 @@ export const ProjectConfigurationEditor = observer(() => {
   const disableAddButton =
     selectedTab === CONFIGURATION_EDITOR_TAB.PROJECT_STRUCTURE || isReadOnly;
   const updateConfigs = (): void => {
-    if (editorStore.hasUnpushedChanges) {
+    if (editorStore.localChangesState.hasUnpushedChanges) {
       editorStore.setActionAlertInfo({
         message: 'You have unpushed changes',
         prompt:
@@ -566,7 +561,6 @@ export const ProjectConfigurationEditor = observer(() => {
             label: 'Proceed to update project dependencies',
             type: ActionAlertActionType.PROCEED_WITH_CAUTION,
             handler: (): void => {
-              editorStore.setIgnoreNavigationBlocking(true);
               flowResult(configState.updateConfigs()).catch(
                 applicationStore.alertUnhandledError,
               );

package/src/components/editor/edit-panel/service-editor/ServiceEditor.tsx

@@ -45,7 +45,7 @@ import {
   service_setDocumentation,
   service_setPattern,
   service_updateOwner,
-} from '../../../../stores/graphModifier/DSL_Service_GraphModifierHelper.js';
+} from '../../../../stores/shared/modifier/DSL_Service_GraphModifierHelper.js';
 import { validate_ServicePattern } from '@finos/legend-graph';
 import { ServiceTestableEditor } from './testable/ServiceTestableEditor.js';
 import { useApplicationNavigationContext } from '@finos/legend-application';
@@ -218,7 +218,7 @@ const ServiceGeneralEditor = observer(() => {
                     className="service-editor__pattern__parameter__action"
                     disabled={isReadOnly}
                     onClick={removePatternParameter(parameter)}
-                    title={'Remove parameter'}
+                    title="Remove parameter"
                     tabIndex={-1}
                   >
                     <TimesIcon />

package/src/components/editor/edit-panel/service-editor/ServiceExecutionEditor.tsx

@@ -272,7 +272,7 @@ const PureExecutionContextConfigurationEditor = observer(
                 className="btn--dark btn--sm service-execution-editor__configuration__item__btn"
                 onClick={visitMapping}
                 tabIndex={-1}
-                title={'See mapping'}
+                title="See mapping"
               >
                 <LongArrowRightIcon />
               </button>
@@ -307,7 +307,7 @@ const PureExecutionContextConfigurationEditor = observer(
                   className="btn--sm btn--dark service-execution-editor__configuration__item__btn"
                   onClick={visitRuntime}
                   tabIndex={-1}
-                  title={'See runtime'}
+                  title="See runtime"
                 >
                   <LongArrowRightIcon />
                 </button>
@@ -355,7 +355,7 @@ export const ChangeExecutionModal = observer(
             spellCheck={false}
             value={keyValue}
             onChange={onChange}
-            placeholder={`Multi Execution Key Name`}
+            placeholder="Multi Execution Key Name"
             validationErrorMessage={validationMessage}
           />
         );
@@ -579,7 +579,7 @@ export const NewExecutionParameterModal = observer(
               spellCheck={false}
               value={keyValue}
               onChange={onChange}
-              placeholder={`Key execution name`}
+              placeholder="Key execution name"
               validationErrorMessage={validationMessage}
             />
           </div>

package/src/components/editor/edit-panel/service-editor/ServiceExecutionQueryEditor.tsx

@@ -42,7 +42,6 @@ import { useEditorStore } from '../../EditorStoreProvider.js';
 import {
   EDITOR_LANGUAGE,
   ExecutionPlanViewer,
-  LambdaParameterValuesEditor,
   useApplicationStore,
 } from '@finos/legend-application';
 import { StudioTextInputEditor } from '../../../shared/StudioTextInputEditor.js';
@@ -55,6 +54,7 @@ import {
 import {
   type QueryBuilderState,
   ServiceQueryBuilderState,
+  LambdaParameterValuesEditor,
 } from '@finos/legend-query-builder';
 
 const ServiceExecutionResultViewer = observer(
@@ -466,6 +466,9 @@ export const ServiceExecutionQueryEditor = observer(
             .showModal && (
             <LambdaParameterValuesEditor
               graph={executionState.editorStore.graphManagerState.graph}
+              observerContext={
+                executionState.editorStore.changeDetectionState.observerContext
+              }
               lambdaParametersState={executionState.parameterState}
             />
           )}

package/src/components/editor/edit-panel/service-editor/testable/ServiceTestableEditor.tsx

@@ -30,7 +30,7 @@ import type { ServiceTestSuite } from '@finos/legend-graph';
 import { ServiceTestDataEditor } from './ServiceTestDataEditor.js';
 import { ServiceTestsEditor } from './ServiceTestsEditor.js';
 import { forwardRef, useState } from 'react';
-import { testSuite_setId } from '../../../../../stores/graphModifier/Testable_GraphModifierHelper.js';
+import { testSuite_setId } from '../../../../../stores/shared/modifier/Testable_GraphModifierHelper.js';
 import { guaranteeNonNullable } from '@finos/legend-shared';
 import type {
   ServiceTestableState,

package/src/components/editor/edit-panel/service-editor/testable/ServiceTestsEditor.tsx

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { BasicValueSpecificationEditor } from '@finos/legend-application';
+
 import {
   ContextMenu,
   PlusIcon,
@@ -36,6 +36,7 @@ import {
   TimesIcon,
 } from '@finos/legend-art';
 import { type ValueSpecification, PRIMITIVE_TYPE } from '@finos/legend-graph';
+import { BasicValueSpecificationEditor } from '@finos/legend-query-builder';
 import {
   filterByType,
   guaranteeNonNullable,
@@ -55,7 +56,7 @@ import type { TestAssertionEditorState } from '../../../../../stores/editor-stat
 import {
   atomicTest_setId,
   testAssertion_setId,
-} from '../../../../../stores/graphModifier/Testable_GraphModifierHelper.js';
+} from '../../../../../stores/shared/modifier/Testable_GraphModifierHelper.js';
 import {
   getTestableResultFromTestResult,
   TESTABLE_RESULT,
@@ -233,6 +234,9 @@ const ServiceTestParameterEditor = observer(
               paramState.updateValueSpecification(val);
             }}
             graph={setupState.editorStore.graphManagerState.graph}
+            obseverContext={
+              setupState.editorStore.changeDetectionState.observerContext
+            }
             typeCheckOption={{
               expectedType:
                 paramState.varExpression.genericType?.value.rawType ??

package/src/components/editor/edit-panel/testable/TestAssertionEditor.tsx

@@ -40,7 +40,7 @@ import {
   type TestAssertionEditorState,
   type TestAssertionState,
 } from '../../../../stores/editor-state/element-editor-state/testable/TestAssertionState.js';
-import { externalFormatData_setData } from '../../../../stores/graphModifier/DSL_Data_GraphModifierHelper.js';
+import { externalFormatData_setData } from '../../../../stores/shared/modifier/DSL_Data_GraphModifierHelper.js';
 import { TESTABLE_RESULT } from '../../../../stores/sidebar-state/testable/GlobalTestRunnerState.js';
 import { JsonDiffView } from '../../../shared/DiffView.js';
 import { StudioTextInputEditor } from '../../../shared/StudioTextInputEditor.js';
@@ -72,7 +72,7 @@ const EqualToJsonAsssertionEditor = observer(
               disabled={testAssertionEditorState.testState.isReadOnly}
               tabIndex={-1}
               onClick={formatExpectedResultJSONString}
-              title={'Format JSON (Alt + Shift + F)'}
+              title="Format JSON (Alt + Shift + F)"
             >
               <WrenchIcon />
             </button>

package/src/components/editor/edit-panel/uml-editor/AssociationEditor.tsx

@@ -64,7 +64,6 @@ import {
   type TaggedValue,
   MULTIPLICITY_INFINITE,
   Profile,
-  Multiplicity,
   Class,
   PrimitiveType,
   Unit,
@@ -84,7 +83,7 @@ import {
   annotatedElement_addStereotype,
   annotatedElement_deleteTaggedValue,
   association_changePropertyType,
-} from '../../../../stores/graphModifier/DomainGraphModifierHelper.js';
+} from '../../../../stores/shared/modifier/DomainGraphModifierHelper.js';
 import {
   CLASS_PROPERTY_TYPE,
   getClassPropertyType,
@@ -166,7 +165,10 @@ const AssociationPropertyBasicEditor = observer(
           ? upper
           : parseInt(upper, 10);
       if (!isNaN(lBound) && (uBound === undefined || !isNaN(uBound))) {
-        property_setMultiplicity(property, new Multiplicity(lBound, uBound));
+        property_setMultiplicity(
+          property,
+          editorStore.graphManagerState.graph.getMultiplicity(lBound, uBound),
+        );
       }
     };
     const changeLowerBound: React.ChangeEventHandler<HTMLInputElement> = (
@@ -199,7 +201,7 @@ const AssociationPropertyBasicEditor = observer(
             value={property.name}
             spellCheck={false}
             onChange={changeValue}
-            placeholder={`Property name`}
+            placeholder="Property name"
             validationErrorMessage={
               isPropertyDuplicated(property) ? 'Duplicated property' : undefined
             }
@@ -211,7 +213,7 @@ const AssociationPropertyBasicEditor = observer(
             options={propertyTypeOptions}
             onChange={changePropertyType}
             value={selectedPropertyType}
-            placeholder={'Choose a data type or enumeration'}
+            placeholder="Choose a type..."
             filterOption={filterOption}
           />
         )}
@@ -247,7 +249,7 @@ const AssociationPropertyBasicEditor = observer(
                 className="property-basic-editor__type__visit-btn"
                 onClick={openElement}
                 tabIndex={-1}
-                title={'Visit element'}
+                title="Visit element"
               >
                 <ArrowCircleRightIcon />
               </button>
@@ -279,7 +281,7 @@ const AssociationPropertyBasicEditor = observer(
                 className="property-basic-editor__type__visit-btn"
                 onClick={openElement}
                 tabIndex={-1}
-                title={'Visit element'}
+                title="Visit element"
               >
                 <ArrowCircleRightIcon />
               </button>
@@ -307,7 +309,7 @@ const AssociationPropertyBasicEditor = observer(
           className="uml-element-editor__basic__detail-btn"
           onClick={selectProperty}
           tabIndex={-1}
-          title={'See detail'}
+          title="See detail"
         >
           <LongArrowRightIcon />
         </button>

package/src/components/editor/edit-panel/uml-editor/ClassEditor.tsx

@@ -74,7 +74,6 @@ import {
   Class,
   GenericType,
   Profile,
-  Multiplicity,
   Type,
   PrimitiveType,
   Unit,
@@ -129,7 +128,7 @@ import {
   class_swapConstraints,
   class_swapSuperTypes,
   setGenericTypeReferenceValue,
-} from '../../../../stores/graphModifier/DomainGraphModifierHelper.js';
+} from '../../../../stores/shared/modifier/DomainGraphModifierHelper.js';
 import {
   CLASS_PROPERTY_TYPE,
   getClassPropertyType,
@@ -208,7 +207,10 @@ const PropertyBasicEditor = observer(
           ? upper
           : parseInt(upper, 10);
       if (!isNaN(lBound) && (uBound === undefined || !isNaN(uBound))) {
-        property_setMultiplicity(property, new Multiplicity(lBound, uBound));
+        property_setMultiplicity(
+          property,
+          editorStore.graphManagerState.graph.getMultiplicity(lBound, uBound),
+        );
       }
     };
     const changeLowerBound: React.ChangeEventHandler<HTMLInputElement> = (
@@ -303,7 +305,7 @@ const PropertyBasicEditor = observer(
                   value={property.name}
                   spellCheck={false}
                   onChange={changeValue}
-                  placeholder={`Property name`}
+                  placeholder="Property name"
                   validationErrorMessage={
                     isPropertyDuplicated(property)
                       ? 'Duplicated property'
@@ -318,7 +320,7 @@ const PropertyBasicEditor = observer(
                 options={propertyTypeOptions}
                 onChange={changePropertyType}
                 value={selectedPropertyType}
-                placeholder={'Choose a data type or enumeration'}
+                placeholder="Choose a type..."
                 filterOption={filterOption}
                 formatOptionLabel={getPackageableElementOptionFormatter({})}
               />
@@ -358,7 +360,7 @@ const PropertyBasicEditor = observer(
                     className="property-basic-editor__type__visit-btn"
                     onClick={openElement}
                     tabIndex={-1}
-                    title={'Visit element'}
+                    title="Visit element"
                   >
                     <ArrowCircleRightIcon />
                   </button>
@@ -390,7 +392,7 @@ const PropertyBasicEditor = observer(
                     className="property-basic-editor__type__visit-btn"
                     onClick={openElement}
                     tabIndex={-1}
-                    title={'Visit element'}
+                    title="Visit element"
                   >
                     <ArrowCircleRightIcon />
                   </button>
@@ -421,7 +423,7 @@ const PropertyBasicEditor = observer(
                 className="uml-element-editor__basic__detail-btn"
                 onClick={selectProperty}
                 tabIndex={-1}
-                title={'See detail'}
+                title="See detail"
               >
                 <LongArrowRightIcon />
               </button>
@@ -448,7 +450,7 @@ const PropertyBasicEditor = observer(
                 })}
                 onClick={deleteProperty}
                 tabIndex={-1}
-                title={'Remove'}
+                title="Remove"
               >
                 <TimesIcon />
               </button>
@@ -538,7 +540,7 @@ const DerivedPropertyBasicEditor = observer(
       if (!isNaN(lBound) && (uBound === undefined || !isNaN(uBound))) {
         property_setMultiplicity(
           derivedProperty,
-          new Multiplicity(lBound, uBound),
+          editorStore.graphManagerState.graph.getMultiplicity(lBound, uBound),
         );
       }
     };
@@ -677,7 +679,7 @@ const DerivedPropertyBasicEditor = observer(
                   options={propertyTypeOptions}
                   onChange={changePropertyType}
                   value={selectedPropertyType}
-                  placeholder="Choose a data type or enumeration"
+                  placeholder="Choose a type..."
                   filterOption={filterOption}
                   formatOptionLabel={getPackageableElementOptionFormatter({})}
                 />
@@ -1082,7 +1084,7 @@ const SuperTypeEditor = observer(
               options={superTypeOptions}
               onChange={changeType}
               value={selectedType}
-              placeholder={'Choose a class'}
+              placeholder="Choose a class"
               filterOption={filterOption}
               formatOptionLabel={getPackageableElementOptionFormatter({})}
             />
@@ -1090,7 +1092,7 @@ const SuperTypeEditor = observer(
               className="uml-element-editor__basic__detail-btn"
               onClick={visitDerivationSource}
               tabIndex={-1}
-              title={'Visit super type'}
+              title="Visit super type"
             >
               <LongArrowRightIcon />
             </button>
@@ -1100,7 +1102,7 @@ const SuperTypeEditor = observer(
                 disabled={isReadOnly}
                 onClick={deleteSuperType}
                 tabIndex={-1}
-                title={'Remove'}
+                title="Remove"
               >
                 <TimesIcon />
               </button>

package/src/components/editor/edit-panel/uml-editor/ClassQueryBuilder.tsx

@@ -33,7 +33,7 @@ import type { EmbeddedQueryBuilderState } from '../../../../stores/EmbeddedQuery
 import {
   service_initNewService,
   service_setExecution,
-} from '../../../../stores/graphModifier/DSL_Service_GraphModifierHelper.js';
+} from '../../../../stores/shared/modifier/DSL_Service_GraphModifierHelper.js';
 import { useEditorStore } from '../../EditorStoreProvider.js';
 import { NewServiceModal } from '../service-editor/NewServiceModal.js';
 

package/src/components/editor/edit-panel/uml-editor/EnumerationEditor.tsx

@@ -82,7 +82,7 @@ import {
   enum_deleteValue,
   enum_addValue,
   enum_swapValues,
-} from '../../../../stores/graphModifier/DomainGraphModifierHelper.js';
+} from '../../../../stores/shared/modifier/DomainGraphModifierHelper.js';
 import { useApplicationNavigationContext } from '@finos/legend-application';
 import { LEGEND_STUDIO_APPLICATION_NAVIGATION_CONTEXT_KEY } from '../../../../stores/LegendStudioApplicationNavigationContext.js';
 
@@ -162,7 +162,7 @@ const EnumBasicEditor = observer(
               disabled={isReadOnly}
               value={enumValue.name}
               onChange={changeValue}
-              placeholder={`Enum name`}
+              placeholder="Enum name"
               validationErrorMessage={
                 isEnumValueDuplicated(enumValue) ? 'Duplicated enum' : undefined
               }
@@ -171,7 +171,7 @@ const EnumBasicEditor = observer(
               className="uml-element-editor__basic__detail-btn"
               onClick={selectValue}
               tabIndex={-1}
-              title={'See detail'}
+              title="See detail"
             >
               <LongArrowRightIcon />
             </button>
@@ -181,7 +181,7 @@ const EnumBasicEditor = observer(
                 disabled={isReadOnly}
                 onClick={deleteValue}
                 tabIndex={-1}
-                title={'Remove'}
+                title="Remove"
               >
                 <TimesIcon />
               </button>
@@ -312,7 +312,7 @@ const EnumEditor = observer(
                 className="panel__header__action"
                 onClick={deselectValue}
                 tabIndex={-1}
-                title={'Close'}
+                title="Close"
               >
                 <TimesIcon />
               </button>

package/src/components/editor/edit-panel/uml-editor/ProfileEditor.tsx

@@ -50,7 +50,7 @@ import {
   tagStereotype_setValue,
   profile_swapTags,
   profile_swapStereotypes,
-} from '../../../../stores/graphModifier/DomainGraphModifierHelper.js';
+} from '../../../../stores/shared/modifier/DomainGraphModifierHelper.js';
 import { useApplicationNavigationContext } from '@finos/legend-application';
 import { LEGEND_STUDIO_APPLICATION_NAVIGATION_CONTEXT_KEY } from '../../../../stores/LegendStudioApplicationNavigationContext.js';
 import { useRef, useCallback } from 'react';
@@ -126,7 +126,7 @@ const TagBasicEditor = observer(
               disabled={isReadOnly}
               value={tag.value}
               onChange={changeValue}
-              placeholder={`Tag value`}
+              placeholder="Tag value"
               validationErrorMessage={
                 isTagDuplicated(tag) ? 'Duplicated tag' : undefined
               }
@@ -137,7 +137,7 @@ const TagBasicEditor = observer(
                 disabled={isReadOnly}
                 onClick={deleteValue}
                 tabIndex={-1}
-                title={'Remove'}
+                title="Remove"
               >
                 <TimesIcon />
               </button>
@@ -222,7 +222,7 @@ const StereotypeBasicEditor = observer(
               disabled={isReadOnly}
               value={stereotype.value}
               onChange={changeValue}
-              placeholder={`Stereotype value`}
+              placeholder="Stereotype value"
               validationErrorMessage={
                 isStereotypeDuplicated(stereotype)
                   ? 'Duplicated stereotype'
@@ -235,7 +235,7 @@ const StereotypeBasicEditor = observer(
                 disabled={isReadOnly}
                 onClick={deleteStereotype}
                 tabIndex={-1}
-                title={'Remove'}
+                title="Remove"
               >
                 <TimesIcon />
               </button>

package/src/components/editor/edit-panel/uml-editor/PropertyEditor.tsx

@@ -57,7 +57,7 @@ import {
   annotatedElement_addTaggedValue,
   annotatedElement_addStereotype,
   annotatedElement_deleteStereotype,
-} from '../../../../stores/graphModifier/DomainGraphModifierHelper.js';
+} from '../../../../stores/shared/modifier/DomainGraphModifierHelper.js';
 
 export const PropertyEditor = observer(
   (props: {
@@ -184,7 +184,7 @@ export const PropertyEditor = observer(
                 className="panel__header__action"
                 onClick={deselectProperty}
                 tabIndex={-1}
-                title={'Close'}
+                title="Close"
               >
                 <TimesIcon />
               </button>

package/src/components/editor/edit-panel/uml-editor/StereotypeSelector.tsx

@@ -37,7 +37,7 @@ import {
 import {
   annotatedElement_swapStereotypes,
   stereotypeReference_setValue,
-} from '../../../../stores/graphModifier/DomainGraphModifierHelper.js';
+} from '../../../../stores/shared/modifier/DomainGraphModifierHelper.js';
 import {
   buildElementOption,
   type PackageableElementOption,
@@ -185,7 +185,7 @@ export const StereotypeSelector = observer(
                 options={profileOptions}
                 onChange={changeProfile}
                 value={selectedProfile}
-                placeholder={'Choose a profile'}
+                placeholder="Choose a profile"
                 filterOption={filterOption}
                 darkMode={Boolean(darkTheme)}
               />
@@ -196,7 +196,7 @@ export const StereotypeSelector = observer(
                 disabled={isStubbed_PackageableElement(stereotype.value._OWNER)}
                 onClick={visitProfile}
                 tabIndex={-1}
-                title={'Visit profile'}
+                title="Visit profile"
               >
                 <ArrowCircleRightIcon />
               </button>
@@ -207,7 +207,7 @@ export const StereotypeSelector = observer(
               options={stereotypeOptions}
               onChange={updateStereotype}
               value={selectedStereotype}
-              placeholder={'Choose a stereotype'}
+              placeholder="Choose a stereotype"
               filterOption={stereotypeFilterOption}
               darkMode={darkTheme ?? false}
             />
@@ -217,7 +217,7 @@ export const StereotypeSelector = observer(
                 disabled={isReadOnly}
                 onClick={deleteStereotype}
                 tabIndex={-1}
-                title={'Remove'}
+                title="Remove"
               >
                 <TimesIcon />
               </button>