@eclipse-glsp/client 2.6.0-next.435 → 2.6.0-next.5

package/src/features/accessibility/element-navigation/diagram-navigation-tool.ts

@@ -38,7 +38,6 @@ import { GEdge } from '../../../model';
 import { SelectableBoundsAware } from '../../../utils/gmodel-util';
 import { BaseTool } from '../../tools/base-tools';
 import { RepositionAction } from '../../viewport/reposition';
-import { SearchAutocompletePaletteTool } from '../search/search-tool';
 import { ShowToastMessageAction } from '../toast/toast-handler';
 import { ElementNavigator } from './element-navigator';
 
@@ -144,7 +143,7 @@ export class ElementNavigatorKeyListener extends KeyListener {
             if (this.mode !== NavigationMode.POSITION) {
                 this.clean();
                 this.tool.dispatchActions([
-                    EnableToolsAction.create([ElementNavigatorTool.ID, SearchAutocompletePaletteTool.ID, AvailableShortcutsTool.ID]),
+                    EnableToolsAction.create([ElementNavigatorTool.ID, AvailableShortcutsTool.ID]),
                     ShowToastMessageAction.create({
                         id: Symbol.for(ElementNavigatorKeyListener.name),
                         message: messages.navigation.local_navigation_mode_activated
@@ -180,9 +179,8 @@ export class ElementNavigatorKeyListener extends KeyListener {
         if (this.matchesActivateDefaultNavigation(event)) {
             if (this.mode !== NavigationMode.DEFAULT) {
                 this.clean();
-
                 this.tool.dispatchActions([
-                    EnableToolsAction.create([ElementNavigatorTool.ID, SearchAutocompletePaletteTool.ID, AvailableShortcutsTool.ID]),
+                    EnableToolsAction.create([ElementNavigatorTool.ID, AvailableShortcutsTool.ID]),
                     ShowToastMessageAction.create({
                         id: Symbol.for(ElementNavigatorKeyListener.name),
                         message: messages.navigation.default_navigation_mode_activated

package/src/features/accessibility/{keyboard-pointer/keyboard-pointer-module.ts → keyboard/keyboard-module.ts}

@@ -23,15 +23,19 @@ import {
     configureActionHandler
 } from '@eclipse-glsp/sprotty';
 import { SetEdgeTargetSelectionAction } from '../edge-autocomplete/action';
-import { EdgeAutocompletePalette } from '../edge-autocomplete/edge-autocomplete-palette';
+import { EdgeAutocompletePalette, SetEdgeTargetGridSuggestionProvider } from '../edge-autocomplete/edge-autocomplete-palette';
 import { EdgeAutocompletePaletteTool } from '../edge-autocomplete/edge-autocomplete-tool';
 import { GlobalKeyListenerTool } from '../global-keylistener-tool';
 import { EnableKeyboardGridAction, KeyboardGridCellSelectedAction } from '../keyboard-grid/action';
 import { KeyboardGrid } from '../keyboard-grid/keyboard-grid';
-import { GridSearchPalette } from '../keyboard-grid/keyboard-grid-search-palette';
+import {
+    GridSearchPalette,
+    RevealGridEdgeSuggestionProvider,
+    RevealGridNamedElementSuggestionProvider
+} from '../keyboard-grid/keyboard-grid-search-palette';
 import { KeyboardNodeGrid } from '../keyboard-grid/keyboard-node-grid';
-import { SetKeyboardPointerRenderPositionAction } from './actions';
-import { KeyboardPointer } from './keyboard-pointer';
+import { SetKeyboardPointerRenderPositionAction } from '../keyboard-pointer/actions';
+import { KeyboardPointer } from '../keyboard-pointer/keyboard-pointer';
 
 /**
  * Handles the pointer used via grid to position new elements.
@@ -55,6 +59,7 @@ export function configureKeyboardControlTools(context: BindingContext): void {
 
     bindAsService(context, TYPES.IUIExtension, EdgeAutocompletePalette);
     bindAsService(context, TYPES.IDefaultTool, EdgeAutocompletePaletteTool);
+    bindAsService(context, TYPES.IAutocompleteSuggestionProvider, SetEdgeTargetGridSuggestionProvider);
 
     configureActionHandler(context, EnableKeyboardGridAction.KIND, KeyboardGrid);
     configureActionHandler(context, KeyboardGridCellSelectedAction.KIND, KeyboardPointer);
@@ -63,4 +68,6 @@ export function configureKeyboardControlTools(context: BindingContext): void {
     configureActionHandler(context, SetEdgeTargetSelectionAction.KIND, EdgeAutocompletePalette);
 
     bindAsService(context, TYPES.IUIExtension, GridSearchPalette);
+    bindAsService(context, TYPES.IAutocompleteSuggestionProvider, RevealGridEdgeSuggestionProvider);
+    bindAsService(context, TYPES.IAutocompleteSuggestionProvider, RevealGridNamedElementSuggestionProvider);
 }

package/src/features/accessibility/keyboard-grid/keyboard-grid-search-palette.ts

@@ -15,36 +15,40 @@
  ********************************************************************************/
 import '../../../../css/keyboard.css';
 
-import { Action, GModelElement, GModelRoot, SetUIExtensionVisibilityAction } from '@eclipse-glsp/sprotty';
+import { Action, GModelElement, SetUIExtensionVisibilityAction } from '@eclipse-glsp/sprotty';
 import { injectable } from 'inversify';
-import { IAutocompleteSuggestionProvider } from '../../../base/auto-complete/autocomplete-suggestion-providers';
-import {
-    RevealEdgeElementAutocompleteSuggestionProvider,
-    RevealNamedElementAutocompleteSuggestionProvider,
-    SearchAutocompletePalette
-} from '../search/search-palette';
-import { KeyboardGridMetadata } from './constants';
 import { GEdge } from '../../../model';
-
-export namespace GridSearchPaletteMetadata {
-    export const ID = 'grid-search-palette';
-}
+import { SearchAutocompletePalette } from '../../search-palette/search-palette';
+import { RevealEdgeElementSuggestionProvider } from '../../search-palette/suggestions/edge-element-suggestions';
+import { RevealNamedElementSuggestionProvider } from '../../search-palette/suggestions/named-element-suggestions';
+import { KeyboardGridMetadata } from './constants';
 
 @injectable()
 export class GridSearchPalette extends SearchAutocompletePalette {
+    static override readonly ID: string = 'glsp.grid-search-palette';
+
     override id(): string {
-        return GridSearchPaletteMetadata.ID;
+        return GridSearchPalette.ID;
     }
 
-    protected override getSuggestionProviders(root: Readonly<GModelRoot>, input: string): IAutocompleteSuggestionProvider[] {
-        return [new GridRevealNamedElementSuggestionProvider(), new GridRevealEdgeSuggestionProvider()];
+    override get searchContext(): string[] {
+        return [GridSearchPalette.ID];
     }
 }
 
-export class GridRevealEdgeSuggestionProvider extends RevealEdgeElementAutocompleteSuggestionProvider {
-    protected override getActions(edge: GEdge): Action[] {
+@injectable()
+export class RevealGridEdgeSuggestionProvider extends RevealEdgeElementSuggestionProvider {
+    override get id(): string {
+        return 'glsp.reveal-grid-edge-suggestion';
+    }
+
+    override canHandle(searchContext: string): boolean {
+        return searchContext === GridSearchPalette.ID;
+    }
+
+    protected override createActions(edge: GEdge): Action[] {
         return [
-            ...super.getActions(edge),
+            ...super.createActions(edge),
             SetUIExtensionVisibilityAction.create({
                 extensionId: KeyboardGridMetadata.ID,
                 visible: true
@@ -52,10 +56,20 @@ export class GridRevealEdgeSuggestionProvider extends RevealEdgeElementAutocompl
         ];
     }
 }
-export class GridRevealNamedElementSuggestionProvider extends RevealNamedElementAutocompleteSuggestionProvider {
-    protected override getActions(nameable: GModelElement): Action[] {
+
+@injectable()
+export class RevealGridNamedElementSuggestionProvider extends RevealNamedElementSuggestionProvider {
+    override get id(): string {
+        return 'glsp.reveal-grid-named-element-suggestion';
+    }
+
+    override canHandle(searchContext: string): boolean {
+        return searchContext === GridSearchPalette.ID;
+    }
+
+    protected override createActions(nameable: GModelElement): Action[] {
         return [
-            ...super.getActions(nameable),
+            ...super.createActions(nameable),
             SetUIExtensionVisibilityAction.create({
                 extensionId: KeyboardGridMetadata.ID,
                 visible: true

package/src/features/accessibility/keyboard-grid/keyboard-node-grid.ts

@@ -21,7 +21,7 @@ import { KeyboardPointerMetadata } from '../keyboard-pointer/constants';
 import { KeyboardPointer } from '../keyboard-pointer/keyboard-pointer';
 import { KeyboardNodeGridMetadata } from './constants';
 import { KeyboardGrid } from './keyboard-grid';
-import { GridSearchPaletteMetadata } from './keyboard-grid-search-palette';
+import { GridSearchPalette } from './keyboard-grid-search-palette';
 
 @injectable()
 export class KeyboardNodeGrid extends KeyboardGrid {
@@ -52,7 +52,7 @@ export class KeyboardNodeGrid extends KeyboardGrid {
             event.preventDefault();
             this.actionDispatcher.dispatch(
                 SetUIExtensionVisibilityAction.create({
-                    extensionId: GridSearchPaletteMetadata.ID,
+                    extensionId: GridSearchPalette.ID,
                     visible: true
                 })
             );

package/src/features/command-palette/command-palette.ts

@@ -14,14 +14,16 @@
  * SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
  ********************************************************************************/
 
-import { CommandPalette } from '@eclipse-glsp/sprotty';
+import { Bounds, CommandPalette, getWindowScroll, GModelElement, GModelRoot } from '@eclipse-glsp/sprotty';
 import { injectable } from 'inversify';
 import { CSS_HIDDEN_EXTENSION_CLASS, CSS_UI_EXTENSION_CLASS } from '../../base/ui-extension/ui-extension';
+import { getElements, isSelectableAndBoundsAware } from '../../utils/gmodel-util';
 
 @injectable()
 export class GlspCommandPalette extends CommandPalette {
     protected override initializeContents(containerElement: HTMLElement): void {
         super.initializeContents(containerElement);
+        containerElement.style.position = '';
         containerElement.classList.add(CSS_UI_EXTENSION_CLASS);
     }
 
@@ -32,4 +34,42 @@ export class GlspCommandPalette extends CommandPalette {
             this.containerElement?.classList.add(CSS_HIDDEN_EXTENSION_CLASS);
         }
     }
+
+    protected override onBeforeShow(containerElement: HTMLElement, root: Readonly<GModelRoot>, ...selectedElementIds: string[]): void {
+        let x = this.xOffset;
+        let y = this.yOffset;
+
+        const selectedElements = getElements(root.index, selectedElementIds, isSelectableAndBoundsAware);
+        if (selectedElements.length === 1) {
+            const bounds = this.getAbsoluteBounds(selectedElements[0]);
+            x += bounds.x + bounds.width;
+            y += bounds.y;
+        } else {
+            const bounds = this.getAbsoluteBounds(root);
+            x += bounds.x;
+            y += bounds.y;
+        }
+        containerElement.style.left = `${x}px`;
+        containerElement.style.top = `${y}px`;
+        containerElement.style.width = `${this.defaultWidth}px`;
+    }
+
+    protected getAbsoluteBounds(element: Readonly<GModelElement>): Bounds {
+        let x = 0;
+        let y = 0;
+        let width = 0;
+        let height = 0;
+
+        const svgElementId = this.domHelper.createUniqueDOMElementId(element);
+        const svgElement = document.getElementById(svgElementId);
+        if (svgElement) {
+            const rect = svgElement.getBoundingClientRect();
+            const scroll = getWindowScroll();
+            x = rect.left + scroll.x;
+            y = rect.top + scroll.y;
+            width = rect.width;
+            height = rect.height;
+        }
+        return { x, y, width, height };
+    }
 }

package/src/features/{accessibility/search/search-palette-module.ts → search-palette/search-palette-key-listener.ts}

@@ -14,20 +14,21 @@
  * SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
  ********************************************************************************/
 
-import { bindAsService, BindingContext, FeatureModule, TYPES } from '@eclipse-glsp/sprotty';
-import '../../../../css/search.css';
+import { Action, GModelElement, KeyListener, matchesKeystroke, SetUIExtensionVisibilityAction } from '@eclipse-glsp/sprotty';
+import { injectable } from 'inversify';
 import { SearchAutocompletePalette } from './search-palette';
-import { SearchAutocompletePaletteTool } from './search-tool';
 
-export const searchPaletteModule = new FeatureModule(
-    (bind, _unbind, isBound, rebind) => {
-        const context = { bind, isBound, rebind };
-        configureSearchPaletteModule(context);
-    },
-    { featureId: Symbol('searchPalette') }
-);
-
-export function configureSearchPaletteModule(context: Pick<BindingContext, 'bind'>): void {
-    bindAsService(context, TYPES.IUIExtension, SearchAutocompletePalette);
-    bindAsService(context, TYPES.IDefaultTool, SearchAutocompletePaletteTool);
+@injectable()
+export class SearchPaletteKeyListener extends KeyListener {
+    override keyDown(element: GModelElement, event: KeyboardEvent): Action[] {
+        if (matchesKeystroke(event, 'KeyF', 'ctrlCmd')) {
+            return [
+                SetUIExtensionVisibilityAction.create({
+                    extensionId: SearchAutocompletePalette.ID,
+                    visible: true
+                })
+            ];
+        }
+        return [];
+    }
 }

package/src/features/search-palette/search-palette-module.ts

@@ -0,0 +1,48 @@
+/********************************************************************************
+ * Copyright (c) 2023-2025 Business Informatics Group (TU Wien) and others.
+ *
+ * This program and the accompanying materials are made available under the
+ * terms of the Eclipse Public License v. 2.0 which is available at
+ * http://www.eclipse.org/legal/epl-2.0.
+ *
+ * This Source Code may also be made available under the following Secondary
+ * Licenses when the conditions for such availability set forth in the Eclipse
+ * Public License v. 2.0 are satisfied: GNU General Public License, version 2
+ * with the GNU Classpath Exception which is available at
+ * https://www.gnu.org/software/classpath/license.html.
+ *
+ * SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
+ ********************************************************************************/
+
+import { bindAsService, FeatureModule, TYPES } from '@eclipse-glsp/sprotty';
+import '../../../css/search.css';
+import { SearchAutocompletePalette } from './search-palette';
+import { SearchPaletteKeyListener } from './search-palette-key-listener';
+import { RevealEdgeElementSuggestionProvider } from './suggestions/edge-element-suggestions';
+import { NodesWithoutNameSuggestionProvider, RevealNamedElementSuggestionProvider } from './suggestions/named-element-suggestions';
+
+export const searchPaletteModule = new FeatureModule(
+    (bind, _unbind, isBound, rebind) => {
+        const context = { bind, isBound, rebind };
+        bindAsService(context, TYPES.IUIExtension, SearchAutocompletePalette);
+    },
+    { featureId: Symbol('searchPalette') }
+);
+
+export const searchPaletteDefaultSuggestionsModule = new FeatureModule(
+    (bind, _unbind, isBound, rebind) => {
+        const context = { bind, isBound, rebind };
+        bindAsService(context, TYPES.IAutocompleteSuggestionProvider, RevealNamedElementSuggestionProvider);
+        bindAsService(context, TYPES.IAutocompleteSuggestionProvider, NodesWithoutNameSuggestionProvider);
+        bindAsService(context, TYPES.IAutocompleteSuggestionProvider, RevealEdgeElementSuggestionProvider);
+    },
+    { featureId: Symbol('searchPaletteDefaultSuggestions'), requires: searchPaletteModule }
+);
+
+export const standaloneSearchPaletteModule = new FeatureModule(
+    (bind, _unbind, isBound) => {
+        const context = { bind, isBound };
+        bindAsService(context, TYPES.KeyListener, SearchPaletteKeyListener);
+    },
+    { featureId: Symbol('standaloneSearchPalette'), requires: searchPaletteModule }
+);

package/src/features/search-palette/search-palette.ts

@@ -0,0 +1,164 @@
+/********************************************************************************
+ * Copyright (c) 2023-2025 Business Informatics Group (TU Wien) and others.
+ *
+ * This program and the accompanying materials are made available under the
+ * terms of the Eclipse Public License v. 2.0 which is available at
+ * http://www.eclipse.org/legal/epl-2.0.
+ *
+ * This Source Code may also be made available under the following Secondary
+ * Licenses when the conditions for such availability set forth in the Eclipse
+ * Public License v. 2.0 are satisfied: GNU General Public License, version 2
+ * with the GNU Classpath Exception which is available at
+ * https://www.gnu.org/software/classpath/license.html.
+ *
+ * SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
+ ********************************************************************************/
+
+import { GModelElement, GModelRoot, GNode, LabeledAction, SelectAllAction, toArray, TYPES } from '@eclipse-glsp/sprotty';
+import { inject, injectable } from 'inversify';
+import { debounce, isEqual } from 'lodash';
+import {
+    AutocompleteSuggestionProviderContext,
+    type AutocompleteSuggestion,
+    type AutocompleteSuggestionRegistry
+} from '../../base/auto-complete/autocomplete-suggestion-provider';
+import { BaseAutocompletePalette } from '../../base/auto-complete/base-autocomplete-palette';
+import { applyCssClasses, deleteCssClasses } from '../../base/feedback/css-feedback';
+import { messages } from '../../base/messages';
+import { GEdge } from '../../model';
+import { RepositionAction } from '../viewport/reposition';
+
+const CSS_SEARCH_HIDDEN = 'search-hidden';
+const CSS_SEARCH_HIGHLIGHTED = 'search-highlighted';
+
+export interface SearchAutocompleteSuggestion extends Required<AutocompleteSuggestion> {}
+
+export namespace SearchAutocompleteSuggestion {
+    export function is(suggestion: AutocompleteSuggestion): suggestion is SearchAutocompleteSuggestion {
+        return suggestion.element !== undefined;
+    }
+}
+
+@injectable()
+export class SearchAutocompletePalette extends BaseAutocompletePalette {
+    static readonly ID: string = 'glsp.search-autocomplete-palette';
+
+    @inject(TYPES.IAutocompleteSuggestionProviderRegistry)
+    protected readonly suggestionRegistry: AutocompleteSuggestionRegistry;
+
+    /**
+     * Cache the suggestions so that we don't have to retrieve them again for CSS manipulation.
+     */
+    protected cachedSuggestions: SearchAutocompleteSuggestion[] = [];
+
+    id(): string {
+        return SearchAutocompletePalette.ID;
+    }
+
+    /**
+     * The search context for the search palette. This is used to filter the suggestions
+     */
+    get searchContext(): string[] {
+        return [AutocompleteSuggestionProviderContext.CANVAS];
+    }
+
+    protected override initializeContents(containerElement: HTMLElement): void {
+        super.initializeContents(containerElement);
+
+        this.autocompleteWidget.inputField.placeholder = messages.search.placeholder;
+        containerElement.setAttribute('aria-label', messages.search.label);
+    }
+
+    protected async retrieveSuggestions(root: Readonly<GModelRoot>, input: string): Promise<LabeledAction[]> {
+        const suggestions = await this.provideSearchSuggestions(root, input);
+        this.cachedSuggestions = suggestions;
+        return suggestions.map(s => s.action);
+    }
+
+    protected async provideSearchSuggestions(root: Readonly<GModelRoot>, input: string): Promise<SearchAutocompleteSuggestion[]> {
+        return (
+            await Promise.all(
+                this.suggestionRegistry.providersForContext(this.searchContext).flatMap(provider => provider.getSuggestions(root, input))
+            )
+        )
+            .flat(1)
+            .filter(SearchAutocompleteSuggestion.is);
+    }
+
+    protected override async visibleSuggestionsChanged(root: Readonly<GModelRoot>, labeledActions: LabeledAction[]): Promise<void> {
+        await this.applyCSS(this.getHiddenElements(root, this.getSuggestionsFromLabeledActions(labeledActions)), CSS_SEARCH_HIDDEN);
+        await this.deleteCSS(
+            this.getSuggestionsFromLabeledActions(labeledActions)
+                .filter(s => s.element)
+                .map(s => s.element!),
+            CSS_SEARCH_HIDDEN
+        );
+    }
+
+    protected override async selectedSuggestionChanged(
+        root: Readonly<GModelRoot>,
+        labeledAction?: LabeledAction | undefined
+    ): Promise<void> {
+        await this.handleSuggestionChanged(root, labeledAction);
+    }
+
+    protected readonly handleSuggestionChanged = debounce(this.doHandleSuggestionChanged, 300, { trailing: true });
+    protected async doHandleSuggestionChanged(root: Readonly<GModelRoot>, labeledAction?: LabeledAction | undefined): Promise<void> {
+        await this.deleteAllCSS(root, CSS_SEARCH_HIGHLIGHTED);
+        if (labeledAction !== undefined) {
+            const suggestions = this.getSuggestionsFromLabeledActions([labeledAction]);
+
+            const actions: RepositionAction[] = [];
+            suggestions.map(currElem => actions.push(RepositionAction.create([currElem.element.id])));
+
+            this.actionDispatcher.dispatchAll(actions);
+            await this.applyCSS(
+                suggestions.map(s => s.element),
+                CSS_SEARCH_HIGHLIGHTED
+            );
+        }
+    }
+
+    override show(root: Readonly<GModelRoot>, ...contextElementIds: string[]): void {
+        this.actionDispatcher.dispatch(SelectAllAction.create(false));
+
+        super.show(root, ...contextElementIds);
+    }
+
+    override hide(): void {
+        if (this.root !== undefined) {
+            this.deleteAllCSS(this.root, CSS_SEARCH_HIDDEN, CSS_SEARCH_HIGHLIGHTED);
+            this.autocompleteWidget.inputField.value = '';
+        }
+
+        super.hide();
+    }
+
+    protected applyCSS(elements: GModelElement[], ...add: string[]): Promise<void> {
+        const actions = elements.map(element => applyCssClasses(element, ...add));
+        return this.actionDispatcher.dispatchAll(actions);
+    }
+
+    protected deleteCSS(elements: GModelElement[], ...remove: string[]): Promise<void> {
+        const actions = elements.map(element => deleteCssClasses(element, ...remove));
+        return this.actionDispatcher.dispatchAll(actions);
+    }
+
+    protected deleteAllCSS(root: Readonly<GModelRoot>, ...remove: string[]): Promise<void> {
+        const actions = toArray(root.index.all().map(element => deleteCssClasses(element, ...remove)));
+        return this.actionDispatcher.dispatchAll(actions);
+    }
+
+    protected getSuggestionsFromLabeledActions(labeledActions: LabeledAction[]): SearchAutocompleteSuggestion[] {
+        return this.cachedSuggestions.filter(c => labeledActions.find(s => isEqual(s, c.action)));
+    }
+
+    protected getHiddenElements(root: Readonly<GModelRoot>, suggestions: SearchAutocompleteSuggestion[]): GModelElement[] {
+        return toArray(
+            root.index
+                .all()
+                .filter(element => element instanceof GNode || element instanceof GEdge)
+                .filter(element => suggestions.find(suggestion => suggestion.element.id === element.id) === undefined)
+        );
+    }
+}

package/src/features/search-palette/suggestions/edge-element-suggestions.ts

@@ -0,0 +1,71 @@
+/********************************************************************************
+ * Copyright (c) 2023-2025 Business Informatics Group (TU Wien) and others.
+ *
+ * This program and the accompanying materials are made available under the
+ * terms of the Eclipse Public License v. 2.0 which is available at
+ * http://www.eclipse.org/legal/epl-2.0.
+ *
+ * This Source Code may also be made available under the following Secondary
+ * Licenses when the conditions for such availability set forth in the Eclipse
+ * Public License v. 2.0 are satisfied: GNU General Public License, version 2
+ * with the GNU Classpath Exception which is available at
+ * https://www.gnu.org/software/classpath/license.html.
+ *
+ * SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
+ ********************************************************************************/
+
+import { Action, CenterAction, GModelRoot, SelectAction, codiconCSSString, name, toArray } from '@eclipse-glsp/sprotty';
+import { injectable } from 'inversify';
+import {
+    AutocompleteSuggestionProviderContext,
+    IAutocompleteSuggestionProvider,
+    type AutocompleteSuggestion
+} from '../../../base/auto-complete/autocomplete-suggestion-provider';
+import { GEdge } from '../../../model';
+
+@injectable()
+export class RevealEdgeElementSuggestionProvider implements IAutocompleteSuggestionProvider {
+    get id(): string {
+        return 'glsp.reveal-edge-element-suggestion';
+    }
+
+    canHandle(context: string): boolean {
+        return context === AutocompleteSuggestionProviderContext.CANVAS;
+    }
+
+    async getSuggestions(root: Readonly<GModelRoot>, text: string): Promise<AutocompleteSuggestion[]> {
+        const edges = toArray(root.index.all().filter(element => element instanceof GEdge)) as GEdge[];
+        return edges.map(edge => ({
+            element: edge,
+            action: {
+                label: `[${edge.type}]  ${this.getEdgeLabel(root, edge)}`,
+                actions: this.createActions(edge),
+                icon: codiconCSSString('arrow-both')
+            }
+        }));
+    }
+
+    protected createActions(edge: GEdge): Action[] {
+        return [
+            SelectAction.create({ selectedElementsIDs: [edge.id] }),
+            CenterAction.create([edge.sourceId, edge.targetId], { retainZoom: true })
+        ];
+    }
+
+    protected getEdgeLabel(root: Readonly<GModelRoot>, edge: GEdge): string {
+        let sourceName = '';
+        let targetName = '';
+
+        const sourceNode = root.index.getById(edge.sourceId);
+        const targetNode = root.index.getById(edge.targetId);
+
+        if (sourceNode !== undefined) {
+            sourceName = name(sourceNode) ?? sourceNode.type;
+        }
+        if (targetNode !== undefined) {
+            targetName = name(targetNode) ?? targetNode.type;
+        }
+
+        return sourceName + ' -> ' + targetName;
+    }
+}

package/src/features/search-palette/suggestions/named-element-suggestions.ts

@@ -0,0 +1,88 @@
+/********************************************************************************
+ * Copyright (c) 2023-2025 Business Informatics Group (TU Wien) and others.
+ *
+ * This program and the accompanying materials are made available under the
+ * terms of the Eclipse Public License v. 2.0 which is available at
+ * http://www.eclipse.org/legal/epl-2.0.
+ *
+ * This Source Code may also be made available under the following Secondary
+ * Licenses when the conditions for such availability set forth in the Eclipse
+ * Public License v. 2.0 are satisfied: GNU General Public License, version 2
+ * with the GNU Classpath Exception which is available at
+ * https://www.gnu.org/software/classpath/license.html.
+ *
+ * SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
+ ********************************************************************************/
+
+import {
+    Action,
+    CenterAction,
+    codiconCSSString,
+    GModelElement,
+    GModelRoot,
+    GNode,
+    isNameable,
+    name,
+    SelectAction,
+    toArray
+} from '@eclipse-glsp/sprotty';
+import { injectable } from 'inversify';
+import {
+    AutocompleteSuggestionProviderContext,
+    IAutocompleteSuggestionProvider,
+    type AutocompleteSuggestion
+} from '../../../base/auto-complete/autocomplete-suggestion-provider';
+
+@injectable()
+export class RevealNamedElementSuggestionProvider implements IAutocompleteSuggestionProvider {
+    get id(): string {
+        return 'glsp.reveal-named-element-suggestion';
+    }
+
+    canHandle(context: string): boolean {
+        return context === AutocompleteSuggestionProviderContext.CANVAS;
+    }
+
+    async getSuggestions(root: Readonly<GModelRoot>, text: string): Promise<AutocompleteSuggestion[]> {
+        const nameables = toArray(root.index.all().filter(element => isNameable(element)));
+        return nameables.map(nameable => ({
+            element: nameable,
+            action: {
+                label: `[${nameable.type}] ${name(nameable) ?? '<no-name>'}`,
+                actions: this.createActions(nameable),
+                icon: codiconCSSString('eye')
+            }
+        }));
+    }
+
+    protected createActions(nameable: GModelElement): Action[] {
+        return [SelectAction.create({ selectedElementsIDs: [nameable.id] }), CenterAction.create([nameable.id], { retainZoom: true })];
+    }
+}
+
+@injectable()
+export class NodesWithoutNameSuggestionProvider implements IAutocompleteSuggestionProvider {
+    get id(): string {
+        return 'glsp.reveal-nodes-without-name-suggestion';
+    }
+
+    canHandle(searchContext: string): boolean {
+        return searchContext === AutocompleteSuggestionProviderContext.CANVAS;
+    }
+
+    async getSuggestions(root: Readonly<GModelRoot>, text: string): Promise<AutocompleteSuggestion[]> {
+        const nodes = toArray(root.index.all().filter(element => !isNameable(element) && element instanceof GNode));
+        return nodes.map(node => ({
+            element: node,
+            action: {
+                label: `[${node.type}]`,
+                actions: this.createActions(node),
+                icon: codiconCSSString('symbol-namespace')
+            }
+        }));
+    }
+
+    protected createActions(nameable: GModelElement): Action[] {
+        return [SelectAction.create({ selectedElementsIDs: [nameable.id] }), CenterAction.create([nameable.id], { retainZoom: true })];
+    }
+}

package/src/features/viewport/reposition.ts

@@ -70,13 +70,7 @@ export class RepositionCommand extends BoundsAwareViewportCommand {
         if (element instanceof GChildElement && element.parent !== viewport) {
             return this.boundsInViewport(element.parent, element.parent.localToParent(bounds) as Bounds, viewport);
         } else if (element instanceof GEdge) {
-            const edgeBounds = getRouteBounds(calcElementAndRoute(element).newRoutingPoints ?? []);
-
-            if (element instanceof GChildElement && element.parent !== viewport) {
-                return this.boundsInViewport(element.parent, element.parent.localToParent(edgeBounds), viewport);
-            }
-
-            return edgeBounds;
+            return getRouteBounds(calcElementAndRoute(element).newRoutingPoints ?? []);
         }
 
         return bounds;