@theia/core 1.66.0-next.67 → 1.66.0-next.73

package/src/browser/style/symbol-icon.css

@@ -0,0 +1,258 @@
+/********************************************************************************
+ * Copyright (C) 2025 TypeFox 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-only WITH Classpath-exception-2.0
+ ********************************************************************************/
+
+/*
+  We need to explicitly select the specific panels
+  Otherwise, the codicon styles are applied to all codicons in the application.
+  This leads to issues in the side panels, where the codicons are supposed to use the foreground color.
+ */
+
+
+:is(#theia-main-content-panel,
+    #theia-left-side-panel,
+    #theia-right-side-panel,
+    #theia-bottom-content-panel) .codicon.codicon-symbol-array {
+    color: var(--theia-symbolIcon-arrayForeground);
+}
+
+:is(#theia-main-content-panel,
+    #theia-left-side-panel,
+    #theia-right-side-panel,
+    #theia-bottom-content-panel) .codicon.codicon-symbol-boolean {
+    color: var(--theia-symbolIcon-booleanForeground);
+}
+
+:is(#theia-main-content-panel,
+    #theia-left-side-panel,
+    #theia-right-side-panel,
+    #theia-bottom-content-panel) .codicon.codicon-symbol-class {
+    color: var(--theia-symbolIcon-classForeground);
+}
+
+:is(#theia-main-content-panel,
+    #theia-left-side-panel,
+    #theia-right-side-panel,
+    #theia-bottom-content-panel) .codicon.codicon-symbol-method {
+    color: var(--theia-symbolIcon-methodForeground);
+}
+
+:is(#theia-main-content-panel,
+    #theia-left-side-panel,
+    #theia-right-side-panel,
+    #theia-bottom-content-panel) .codicon.codicon-symbol-color {
+    color: var(--theia-symbolIcon-colorForeground);
+}
+
+:is(#theia-main-content-panel,
+    #theia-left-side-panel,
+    #theia-right-side-panel,
+    #theia-bottom-content-panel) .codicon.codicon-symbol-constant {
+    color: var(--theia-symbolIcon-constantForeground);
+}
+
+:is(#theia-main-content-panel,
+    #theia-left-side-panel,
+    #theia-right-side-panel,
+    #theia-bottom-content-panel) .codicon.codicon-symbol-constructor {
+    color: var(--theia-symbolIcon-constructorForeground);
+}
+
+:is(#theia-main-content-panel,
+    #theia-left-side-panel,
+    #theia-right-side-panel,
+    #theia-bottom-content-panel) .codicon.codicon-symbol-value,
+:is(#theia-main-content-panel,
+    #theia-left-side-panel,
+    #theia-right-side-panel,
+    #theia-bottom-content-panel) .codicon.codicon-symbol-enum {
+    color: var(--theia-symbolIcon-enumeratorForeground);
+}
+
+:is(#theia-main-content-panel,
+    #theia-left-side-panel,
+    #theia-right-side-panel,
+    #theia-bottom-content-panel) .codicon.codicon-symbol-enum-member {
+    color: var(--theia-symbolIcon-enumeratorMemberForeground);
+}
+
+:is(#theia-main-content-panel,
+    #theia-left-side-panel,
+    #theia-right-side-panel,
+    #theia-bottom-content-panel) .codicon.codicon-symbol-event {
+    color: var(--theia-symbolIcon-eventForeground);
+}
+
+:is(#theia-main-content-panel,
+    #theia-left-side-panel,
+    #theia-right-side-panel,
+    #theia-bottom-content-panel) .codicon.codicon-symbol-field {
+    color: var(--theia-symbolIcon-fieldForeground);
+}
+
+:is(#theia-main-content-panel,
+    #theia-left-side-panel,
+    #theia-right-side-panel,
+    #theia-bottom-content-panel) .codicon.codicon-symbol-file {
+    color: var(--theia-symbolIcon-fileForeground);
+}
+
+:is(#theia-main-content-panel,
+    #theia-left-side-panel,
+    #theia-right-side-panel,
+    #theia-bottom-content-panel) .codicon.codicon-symbol-folder {
+    color: var(--theia-symbolIcon-folderForeground);
+}
+
+:is(#theia-main-content-panel,
+    #theia-left-side-panel,
+    #theia-right-side-panel,
+    #theia-bottom-content-panel) .codicon.codicon-symbol-function {
+    color: var(--theia-symbolIcon-functionForeground);
+}
+
+:is(#theia-main-content-panel,
+    #theia-left-side-panel,
+    #theia-right-side-panel,
+    #theia-bottom-content-panel) .codicon.codicon-symbol-interface {
+    color: var(--theia-symbolIcon-interfaceForeground);
+}
+
+:is(#theia-main-content-panel,
+    #theia-left-side-panel,
+    #theia-right-side-panel,
+    #theia-bottom-content-panel) .codicon.codicon-symbol-key {
+    color: var(--theia-symbolIcon-keyForeground);
+}
+
+:is(#theia-main-content-panel,
+    #theia-left-side-panel,
+    #theia-right-side-panel,
+    #theia-bottom-content-panel) .codicon.codicon-symbol-keyword {
+    color: var(--theia-symbolIcon-keywordForeground);
+}
+
+:is(#theia-main-content-panel,
+    #theia-left-side-panel,
+    #theia-right-side-panel,
+    #theia-bottom-content-panel) .codicon.codicon-symbol-module {
+    color: var(--theia-symbolIcon-moduleForeground);
+}
+
+:is(#theia-main-content-panel,
+    #theia-left-side-panel,
+    #theia-right-side-panel,
+    #theia-bottom-content-panel) .codicon.codicon-symbol-namespace {
+    color: var(--theia-symbolIcon-namespaceForeground);
+}
+
+:is(#theia-main-content-panel,
+    #theia-left-side-panel,
+    #theia-right-side-panel,
+    #theia-bottom-content-panel) .codicon.codicon-symbol-null {
+    color: var(--theia-symbolIcon-nullForeground);
+}
+
+:is(#theia-main-content-panel,
+    #theia-left-side-panel,
+    #theia-right-side-panel,
+    #theia-bottom-content-panel) .codicon.codicon-symbol-number {
+    color: var(--theia-symbolIcon-numberForeground);
+}
+
+:is(#theia-main-content-panel,
+    #theia-left-side-panel,
+    #theia-right-side-panel,
+    #theia-bottom-content-panel) .codicon.codicon-symbol-object {
+    color: var(--theia-symbolIcon-objectForeground);
+}
+
+:is(#theia-main-content-panel,
+    #theia-left-side-panel,
+    #theia-right-side-panel,
+    #theia-bottom-content-panel) .codicon.codicon-symbol-operator {
+    color: var(--theia-symbolIcon-operatorForeground);
+}
+
+:is(#theia-main-content-panel,
+    #theia-left-side-panel,
+    #theia-right-side-panel,
+    #theia-bottom-content-panel) .codicon.codicon-symbol-package {
+    color: var(--theia-symbolIcon-packageForeground);
+}
+
+:is(#theia-main-content-panel,
+    #theia-left-side-panel,
+    #theia-right-side-panel,
+    #theia-bottom-content-panel) .codicon.codicon-symbol-property {
+    color: var(--theia-symbolIcon-propertyForeground);
+}
+
+:is(#theia-main-content-panel,
+    #theia-left-side-panel,
+    #theia-right-side-panel,
+    #theia-bottom-content-panel) .codicon.codicon-symbol-reference {
+    color: var(--theia-symbolIcon-referenceForeground);
+}
+
+:is(#theia-main-content-panel,
+    #theia-left-side-panel,
+    #theia-right-side-panel,
+    #theia-bottom-content-panel) .codicon.codicon-symbol-snippet {
+    color: var(--theia-symbolIcon-snippetForeground);
+}
+
+:is(#theia-main-content-panel,
+    #theia-left-side-panel,
+    #theia-right-side-panel,
+    #theia-bottom-content-panel) .codicon.codicon-symbol-string {
+    color: var(--theia-symbolIcon-stringForeground);
+}
+
+
+:is(#theia-main-content-panel,
+    #theia-left-side-panel,
+    #theia-right-side-panel,
+    #theia-bottom-content-panel) .codicon.codicon-symbol-struct {
+    color: var(--theia-symbolIcon-structForeground);
+}
+
+:is(#theia-main-content-panel,
+    #theia-left-side-panel,
+    #theia-right-side-panel,
+    #theia-bottom-content-panel) .codicon.codicon-symbol-text {
+    color: var(--theia-symbolIcon-textForeground);
+}
+
+:is(#theia-main-content-panel,
+    #theia-left-side-panel,
+    #theia-right-side-panel,
+    #theia-bottom-content-panel) .codicon.codicon-symbol-type-parameter {
+    color: var(--theia-symbolIcon-typeParameterForeground);
+}
+
+:is(#theia-main-content-panel,
+    #theia-left-side-panel,
+    #theia-right-side-panel,
+    #theia-bottom-content-panel) .codicon.codicon-symbol-unit {
+    color: var(--theia-symbolIcon-unitForeground);
+}
+
+:is(#theia-main-content-panel,
+    #theia-left-side-panel,
+    #theia-right-side-panel,
+    #theia-bottom-content-panel) .codicon.codicon-symbol-variable {
+    color: var(--theia-symbolIcon-variableForeground);
+}

package/src/browser/symbol-icon-color-contribution.ts

@@ -0,0 +1,242 @@
+// *****************************************************************************
+// Copyright (C) 2025 TypeFox 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-only WITH Classpath-exception-2.0
+// *****************************************************************************
+
+import { injectable } from 'inversify';
+import { ColorContribution } from './color-application-contribution';
+import { ColorRegistry } from './color-registry';
+
+@injectable()
+export class SymbolIconColorContribution implements ColorContribution {
+    registerColors(colors: ColorRegistry): void {
+        colors.register(
+            {
+                id: 'symbolIcon.arrayForeground',
+                defaults: 'editor.foreground',
+                description: 'The foreground color for array symbols. These symbols appear in the outline, breadcrumb, and suggest widget.'
+            },
+            {
+                id: 'symbolIcon.booleanForeground',
+                defaults: 'editor.foreground',
+                description: 'The foreground color for boolean symbols. These symbols appear in the outline, breadcrumb, and suggest widget.'
+            },
+            {
+                id: 'symbolIcon.classForeground',
+                defaults: {
+                    dark: '#EE9D28',
+                    light: '#D67E00',
+                    hcDark: '#EE9D28',
+                    hcLight: '#D67E00'
+                },
+                description: 'The foreground color for class symbols. These symbols appear in the outline, breadcrumb, and suggest widget.'
+            },
+            {
+                id: 'symbolIcon.colorForeground',
+                defaults: 'editor.foreground',
+                description: 'The foreground color for color symbols. These symbols appear in the outline, breadcrumb, and suggest widget.'
+            },
+            {
+                id: 'symbolIcon.constantForeground',
+                defaults: 'editor.foreground',
+                description: 'The foreground color for constant symbols. These symbols appear in the outline, breadcrumb, and suggest widget.'
+            },
+            {
+                id: 'symbolIcon.constructorForeground',
+                defaults: {
+                    dark: '#B180D7',
+                    light: '#652D90',
+                    hcDark: '#B180D7',
+                    hcLight: '#652D90'
+                },
+                description: 'The foreground color for constructor symbols. These symbols appear in the outline, breadcrumb, and suggest widget.'
+            },
+            {
+                id: 'symbolIcon.enumeratorForeground',
+                defaults: {
+                    dark: '#EE9D28',
+                    light: '#D67E00',
+                    hcDark: '#EE9D28',
+                    hcLight: '#D67E00'
+                },
+                description: 'The foreground color for enumerator symbols. These symbols appear in the outline, breadcrumb, and suggest widget.'
+            },
+            {
+                id: 'symbolIcon.enumeratorMemberForeground',
+                defaults: {
+                    dark: '#75BEFF',
+                    light: '#007ACC',
+                    hcDark: '#75BEFF',
+                    hcLight: '#007ACC'
+                },
+                description: 'The foreground color for enumerator member symbols. These symbols appear in the outline, breadcrumb, and suggest widget.'
+            },
+            {
+                id: 'symbolIcon.eventForeground',
+                defaults: {
+                    dark: '#EE9D28',
+                    light: '#D67E00',
+                    hcDark: '#EE9D28',
+                    hcLight: '#D67E00'
+                },
+                description: 'The foreground color for event symbols. These symbols appear in the outline, breadcrumb, and suggest widget.'
+            },
+            {
+                id: 'symbolIcon.fieldForeground',
+                defaults: {
+                    dark: '#75BEFF',
+                    light: '#007ACC',
+                    hcDark: '#75BEFF',
+                    hcLight: '#007ACC'
+                },
+                description: 'The foreground color for field symbols. These symbols appear in the outline, breadcrumb, and suggest widget.'
+            },
+            {
+                id: 'symbolIcon.fileForeground',
+                defaults: 'editor.foreground',
+                description: 'The foreground color for file symbols. These symbols appear in the outline, breadcrumb, and suggest widget.'
+            },
+            {
+                id: 'symbolIcon.folderForeground',
+                defaults: 'editor.foreground',
+                description: 'The foreground color for folder symbols. These symbols appear in the outline, breadcrumb, and suggest widget.'
+            },
+            {
+                id: 'symbolIcon.functionForeground',
+                defaults: {
+                    dark: '#B180D7',
+                    light: '#652D90',
+                    hcDark: '#B180D7',
+                    hcLight: '#652D90'
+                },
+                description: 'The foreground color for function symbols. These symbols appear in the outline, breadcrumb, and suggest widget.'
+            },
+            {
+                id: 'symbolIcon.interfaceForeground',
+                defaults: {
+                    dark: '#75BEFF',
+                    light: '#007ACC',
+                    hcDark: '#75BEFF',
+                    hcLight: '#007ACC'
+                },
+                description: 'The foreground color for interface symbols. These symbols appear in the outline, breadcrumb, and suggest widget.'
+            },
+            {
+                id: 'symbolIcon.keyForeground',
+                defaults: 'editor.foreground',
+                description: 'The foreground color for key symbols. These symbols appear in the outline, breadcrumb, and suggest widget.'
+            },
+            {
+                id: 'symbolIcon.keywordForeground',
+                defaults: 'editor.foreground',
+                description: 'The foreground color for keyword symbols. These symbols appear in the outline, breadcrumb, and suggest widget.'
+            },
+            {
+                id: 'symbolIcon.methodForeground',
+                defaults: {
+                    dark: '#B180D7',
+                    light: '#652D90',
+                    hcDark: '#B180D7',
+                    hcLight: '#652D90'
+                },
+                description: 'The foreground color for method symbols. These symbols appear in the outline, breadcrumb, and suggest widget.'
+            },
+            {
+                id: 'symbolIcon.moduleForeground',
+                defaults: 'editor.foreground',
+                description: 'The foreground color for module symbols. These symbols appear in the outline, breadcrumb, and suggest widget.'
+            },
+            {
+                id: 'symbolIcon.namespaceForeground',
+                defaults: 'editor.foreground',
+                description: 'The foreground color for namespace symbols. These symbols appear in the outline, breadcrumb, and suggest widget.'
+            },
+            {
+                id: 'symbolIcon.nullForeground',
+                defaults: 'editor.foreground',
+                description: 'The foreground color for null symbols. These symbols appear in the outline, breadcrumb, and suggest widget.'
+            },
+            {
+                id: 'symbolIcon.numberForeground',
+                defaults: 'editor.foreground',
+                description: 'The foreground color for number symbols. These symbols appear in the outline, breadcrumb, and suggest widget.'
+            },
+            {
+                id: 'symbolIcon.objectForeground',
+                defaults: 'editor.foreground',
+                description: 'The foreground color for object symbols. These symbols appear in the outline, breadcrumb, and suggest widget.'
+            },
+            {
+                id: 'symbolIcon.operatorForeground',
+                defaults: 'editor.foreground',
+                description: 'The foreground color for operator symbols. These symbols appear in the outline, breadcrumb, and suggest widget.'
+            },
+            {
+                id: 'symbolIcon.packageForeground',
+                defaults: 'editor.foreground',
+                description: 'The foreground color for package symbols. These symbols appear in the outline, breadcrumb, and suggest widget.'
+            },
+            {
+                id: 'symbolIcon.propertyForeground',
+                defaults: 'editor.foreground',
+                description: 'The foreground color for property symbols. These symbols appear in the outline, breadcrumb, and suggest widget.'
+            },
+            {
+                id: 'symbolIcon.referenceForeground',
+                defaults: 'editor.foreground',
+                description: 'The foreground color for reference symbols. These symbols appear in the outline, breadcrumb, and suggest widget.'
+            },
+            {
+                id: 'symbolIcon.snippetForeground',
+                defaults: 'editor.foreground',
+                description: 'The foreground color for snippet symbols. These symbols appear in the outline, breadcrumb, and suggest widget.'
+            },
+            {
+                id: 'symbolIcon.stringForeground',
+                defaults: 'editor.foreground',
+                description: 'The foreground color for string symbols. These symbols appear in the outline, breadcrumb, and suggest widget.'
+            },
+            {
+                id: 'symbolIcon.structForeground',
+                defaults: 'editor.foreground',
+                description: 'The foreground color for struct symbols. These symbols appear in the outline, breadcrumb, and suggest widget.'
+            },
+            {
+                id: 'symbolIcon.textForeground',
+                defaults: 'editor.foreground',
+                description: 'The foreground color for text symbols. These symbols appear in the outline, breadcrumb, and suggest widget.'
+            },
+            {
+                id: 'symbolIcon.typeParameterForeground',
+                defaults: 'editor.foreground',
+                description: 'The foreground color for type parameter symbols. These symbols appear in the outline, breadcrumb, and suggest widget.'
+            },
+            {
+                id: 'symbolIcon.unitForeground',
+                defaults: 'editor.foreground',
+                description: 'The foreground color for unit symbols. These symbols appear in the outline, breadcrumb, and suggest widget.'
+            },
+            {
+                id: 'symbolIcon.variableForeground',
+                defaults: {
+                    dark: '#75BEFF',
+                    light: '#007ACC',
+                    hcDark: '#75BEFF',
+                    hcLight: '#007ACC'
+                },
+                description: 'The foreground color for variable symbols. These symbols appear in the outline, breadcrumb, and suggest widget.'
+            }
+        );
+    }
+}

package/src/browser/tree/tree-widget.tsx

@@ -391,6 +391,7 @@ export class TreeWidget extends ReactWidget implements StatefulWidget {
         }
         this.rows = new Map(rowsToUpdate);
         this.update();
+        this.scheduleUpdateScrollToRow();
     }
 
     protected getDepthForNode(node: TreeNode, depths: Map<CompositeTreeNode | undefined, number>): number {
@@ -1661,18 +1662,36 @@ export namespace TreeWidget {
     export class View extends React.Component<ViewProps> {
         list: VirtuosoHandle | undefined;
         private lastScrollState: TreeScrollState = { scrollTop: 0, isAtBottom: true, scrollHeight: 0, clientHeight: 0 };
+        /**
+         * Ensure the selected row is scrolled into view when virtualization finishes updating.
+         */
+        protected readonly scrollIntoViewIfNeeded = () => {
+            const { scrollToRow } = this.props;
+            if (this.list && scrollToRow !== undefined) {
+                this.list.scrollToIndex({
+                    index: scrollToRow,
+                    align: 'center',
+                    behavior: 'smooth'
+                });
+            }
+        };
+
+        override componentDidMount(): void {
+            this.scrollIntoViewIfNeeded();
+        }
+
+        override componentDidUpdate(prevProps: ViewProps): void {
+            if (this.props.scrollToRow !== prevProps.scrollToRow || this.props.rows !== prevProps.rows) {
+                this.scrollIntoViewIfNeeded();
+            }
+        }
 
         override render(): React.ReactNode {
             const { rows, width, height, scrollToRow, renderNodeRow, onScrollEmitter, ...other } = this.props;
             return <Virtuoso
                 ref={list => {
                     this.list = (list || undefined);
-                    if (this.list && scrollToRow !== undefined) {
-                        this.list.scrollIntoView({
-                            index: scrollToRow,
-                            align: 'center'
-                        });
-                    }
+                    this.scrollIntoViewIfNeeded();
                 }}
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 onScroll={(e: any) => {

package/src/common/color.ts

@@ -14,6 +14,8 @@
 // SPDX-License-Identifier: EPL-2.0 OR GPL-2.0-only WITH Classpath-exception-2.0
 // *****************************************************************************
 
+import { isObject } from './types';
+
 /**
  * Either be a reference to an existing color or a color value as a hex string, rgba, or hsla.
  */
@@ -36,12 +38,23 @@ export namespace Color {
     export function darken(v: string, f: number): ColorTransformation {
         return { v, f, kind: 'darken' };
     }
+    export function is(value: unknown): value is Color {
+        return typeof value === 'string' || (ColorTransformation.is(value) || RGBA.is(value) || HSLA.is(value));
+    }
 }
 export interface ColorTransformation {
     kind: 'transparent' | 'lighten' | 'darken'
     v: string
     f: number
 }
+export namespace ColorTransformation {
+    export function is(value: unknown): value is ColorTransformation {
+        return isObject(value)
+            && (value.kind === 'transparent' || value.kind === 'lighten' || value.kind === 'darken')
+            && typeof value.v === 'string'
+            && typeof value.f === 'number';
+    }
+}
 export interface RGBA {
     /**
      * Red: integer in [0-255]
@@ -63,6 +76,11 @@ export interface RGBA {
      */
     readonly a: number;
 }
+export namespace RGBA {
+    export function is(value: unknown): value is RGBA {
+        return isObject(value) && typeof value.r === 'number' && typeof value.g === 'number' && typeof value.b === 'number' && typeof value.a === 'number';
+    }
+}
 export interface HSLA {
     /**
      * Hue: integer in [0, 360]
@@ -81,6 +99,11 @@ export interface HSLA {
      */
     readonly a: number;
 }
+export namespace HSLA {
+    export function is(value: unknown): value is HSLA {
+        return isObject(value) && typeof value.h === 'number' && typeof value.s === 'number' && typeof value.l === 'number' && typeof value.a === 'number';
+    }
+}
 
 export interface ColorDefaults {
     light?: Color
@@ -91,9 +114,36 @@ export interface ColorDefaults {
     hcLight?: Color;
 }
 
+export namespace ColorDefaults {
+    export function getLight(defaults: ColorDefaults | Color | undefined): Color | undefined {
+        if (Color.is(defaults)) {
+            return defaults;
+        }
+        return defaults?.light;
+    }
+    export function getDark(defaults: ColorDefaults | Color | undefined): Color | undefined {
+        if (Color.is(defaults)) {
+            return defaults;
+        }
+        return defaults?.dark;
+    }
+    export function getHCDark(defaults: ColorDefaults | Color | undefined): Color | undefined {
+        if (Color.is(defaults)) {
+            return defaults;
+        }
+        return defaults?.hcDark ?? defaults?.hc;
+    }
+    export function getHCLight(defaults: ColorDefaults | Color | undefined): Color | undefined {
+        if (Color.is(defaults)) {
+            return defaults;
+        }
+        return defaults?.hcLight;
+    }
+}
+
 export interface ColorDefinition {
     id: string
-    defaults?: ColorDefaults
+    defaults?: ColorDefaults | Color;
     description: string
 }
 

package/src/electron-browser/menu/electron-menu-contribution.ts

@@ -335,7 +335,7 @@ export class ElectronMenuContribution extends BrowserMenuBarContribution impleme
         registry.registerKeybindings(
             {
                 command: ElectronCommands.TOGGLE_DEVELOPER_TOOLS.id,
-                keybinding: 'ctrlcmd+alt+i'
+                keybinding: 'alt+f12'
             },
             {
                 command: ElectronCommands.RELOAD.id,