@meshmakers/octo-ui 3.3.610 → 3.3.630

package/types/meshmakers-octo-ui.d.ts

@@ -1,15 +1,371 @@
 import * as i0 from '@angular/core';
-import { OnInit, OnChanges, EventEmitter, SimpleChanges, OnDestroy, EnvironmentProviders } from '@angular/core';
+import { OnInit, OnDestroy, EventEmitter, OnChanges, SimpleChanges, AfterViewInit, Provider, InjectionToken, EnvironmentProviders } from '@angular/core';
 import * as _progress_kendo_svg_icons from '@progress/kendo-svg-icons';
 import { SVGIcon } from '@progress/kendo-svg-icons';
+import { AttributeItem, AttributeValueTypeDto as AttributeValueTypeDto$1, CkTypeSelectorItem as CkTypeSelectorItem$1, FieldFilterDto, SearchFilterDto, SortDto, FieldFilterOperatorsDto, RtEntityDto, CkTypeDto, CkModelDto, RtAssociationDto, GetCkTypesDtoGQL, RuntimeEntityItem, RuntimeEntitySelectDataSource, RuntimeEntityDialogDataSource } from '@meshmakers/octo-services';
 import { GridDataResult, CellClickEvent, RowArgs, PageChangeEvent, SelectionEvent } from '@progress/kendo-angular-grid';
-import { FieldFilterDto, SearchFilterDto, SortDto, AttributeItem, AttributeValueTypeDto as AttributeValueTypeDto$1, CkTypeSelectorItem as CkTypeSelectorItem$1, FieldFilterOperatorsDto, RuntimeEntityItem, RuntimeEntitySelectDataSource, RuntimeEntityDialogDataSource } from '@meshmakers/octo-services';
+import { TreeItemDataTyped, CommandItemExecuteEventArgs, CommandItem } from '@meshmakers/shared-services';
 import { ControlValueAccessor, Validator, FormControl, AbstractControl, ValidationErrors } from '@angular/forms';
 import { AutoCompleteComponent, PopupSettings } from '@progress/kendo-angular-dropdowns';
-import { DataSourceTyped, ListViewComponent, HierarchyDataSourceBase } from '@meshmakers/shared-ui';
+import { DataSourceTyped, ListViewComponent, HierarchyDataSourceBase, FetchDataOptions, FetchResultTyped, BaseTreeDetailComponent, NodeDroppedEvent } from '@meshmakers/shared-ui';
 import { State } from '@progress/kendo-data-query/dist/npm/state';
-import { TreeItemDataTyped } from '@meshmakers/shared-services';
 import { Observable } from 'rxjs';
+import { Routes } from '@angular/router';
+
+interface AttributeSelectorDialogData {
+    rtCkTypeId: string;
+    selectedAttributes?: string[];
+    dialogTitle?: string;
+    singleSelect?: boolean;
+    includeNavigationProperties?: boolean;
+    maxDepth?: number;
+    /** Additional virtual attributes to include in the available list (e.g., Timestamp for stream data queries) */
+    additionalAttributes?: AttributeItem[];
+    /** When true, hides the navigation properties checkbox and max depth controls */
+    hideNavigationControls?: boolean;
+    /** When set, restricts the available attributes to only these attribute paths (filtered client-side after fetching) */
+    attributePaths?: string[];
+}
+interface AttributeSelectorDialogResult {
+    selectedAttributes: AttributeItem[];
+}
+interface ValueTypeFilterOption$1 {
+    text: string;
+    value: AttributeValueTypeDto$1 | null;
+}
+declare class AttributeSelectorDialogComponent implements OnInit {
+    private readonly windowRef;
+    private readonly attributeService;
+    private searchSubject;
+    protected readonly arrowRightIcon: _progress_kendo_svg_icons.SVGIcon;
+    protected readonly arrowLeftIcon: _progress_kendo_svg_icons.SVGIcon;
+    protected readonly chevronDoubleRightIcon: _progress_kendo_svg_icons.SVGIcon;
+    protected readonly chevronDoubleLeftIcon: _progress_kendo_svg_icons.SVGIcon;
+    protected readonly searchIcon: _progress_kendo_svg_icons.SVGIcon;
+    protected readonly arrowUpIcon: _progress_kendo_svg_icons.SVGIcon;
+    protected readonly arrowDownIcon: _progress_kendo_svg_icons.SVGIcon;
+    private _data;
+    get data(): AttributeSelectorDialogData;
+    set data(value: AttributeSelectorDialogData);
+    dialogTitle: string;
+    rtCkTypeId: string;
+    singleSelect: boolean;
+    private additionalAttributes;
+    searchText: string;
+    selectedSingleKey: string[];
+    selectedValueTypeFilter: AttributeValueTypeDto$1 | null;
+    includeNavigationProperties: boolean;
+    maxDepth: number | null;
+    hideNavigationControls: boolean;
+    private attributePathsSet;
+    availableAttributes: AttributeItem[];
+    selectedAttributes: AttributeItem[];
+    availableGridData: GridDataResult;
+    selectedGridData: GridDataResult;
+    selectedAvailableKeys: string[];
+    selectedChosenKeys: string[];
+    valueTypeOptions: ValueTypeFilterOption$1[];
+    private lastClickTime;
+    private lastClickedItem;
+    private readonly doubleClickDelay;
+    ngOnInit(): void;
+    private initializeFromData;
+    private loadAvailableAttributes;
+    private loadInitialSelectedAttributes;
+    onSearchChange(value: string): void;
+    onValueTypeFilterChange(_value: AttributeValueTypeDto$1 | null): void;
+    onNavigationPropertiesChange(): void;
+    onMaxDepthChange(value: number | null): void;
+    addSelected(): void;
+    removeSelected(): void;
+    addAll(): void;
+    removeAll(): void;
+    private sortAvailableAttributes;
+    canMoveUp(): boolean;
+    canMoveDown(): boolean;
+    moveUp(): void;
+    moveDown(): void;
+    private updateGrids;
+    private updateAvailableGrid;
+    private updateSelectedGrid;
+    onCancel(): void;
+    onConfirm(): void;
+    /**
+     * Handle cell click on available attributes grid to detect double-click
+     */
+    onAvailableCellClick(event: CellClickEvent): void;
+    /**
+     * Handle cell click on selected attributes grid to detect double-click
+     */
+    onSelectedCellClick(event: CellClickEvent): void;
+    /**
+     * Handle cell click on single-select grid to detect double-click (confirm immediately)
+     */
+    onSingleSelectCellClick(event: CellClickEvent): void;
+    /**
+     * Move a single attribute from available to selected
+     */
+    private moveAttributeToSelected;
+    /**
+     * Move a single attribute from selected to available
+     */
+    private moveAttributeToAvailable;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AttributeSelectorDialogComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AttributeSelectorDialogComponent, "mm-attribute-selector-dialog", never, {}, {}, never, never, true, never>;
+}
+
+interface AttributeSelectorResult {
+    confirmed: boolean;
+    selectedAttributes: AttributeItem[];
+}
+declare class AttributeSelectorDialogService {
+    private readonly windowService;
+    private readonly windowStateService;
+    /**
+     * Opens the attribute selector dialog
+     * @param rtCkTypeId The RtCkType ID to fetch attributes for
+     * @param selectedAttributes Optional array of pre-selected attribute paths
+     * @param dialogTitle Optional custom dialog title
+     * @param singleSelect Optional flag for single-select mode
+     * @param additionalAttributes Optional virtual attributes to include (e.g., Timestamp for stream data)
+     * @param includeNavigationProperties Optional flag to control navigation property inclusion
+     * @param maxDepth Optional max depth for navigation properties
+     * @param hideNavigationControls Optional flag to hide the navigation property controls in the dialog
+     * @returns Promise that resolves with the result containing selected attributes and confirmation status
+     */
+    openAttributeSelector(rtCkTypeId: string, selectedAttributes?: string[], dialogTitle?: string, singleSelect?: boolean, additionalAttributes?: AttributeItem[], includeNavigationProperties?: boolean, maxDepth?: number, hideNavigationControls?: boolean, attributePaths?: string[]): Promise<AttributeSelectorResult>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AttributeSelectorDialogService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AttributeSelectorDialogService>;
+}
+
+interface AttributeSortItem {
+    attributePath: string;
+    attributeValueType: string;
+    sortOrder: 'standard' | 'ascending' | 'descending';
+}
+interface AttributeSortSelectorDialogData {
+    ckTypeId: string;
+    selectedAttributes?: AttributeSortItem[];
+    dialogTitle?: string;
+    /** When set, controls whether navigation properties are included in the attribute list */
+    includeNavigationProperties?: boolean;
+    /** When true, hides the navigation property controls (if they were to be added) */
+    hideNavigationControls?: boolean;
+    /** When set, restricts the available attributes to only these attribute paths (filtered client-side after fetching) */
+    attributePaths?: string[];
+}
+interface AttributeSortSelectorDialogResult {
+    selectedAttributes: AttributeSortItem[];
+}
+interface SortOption {
+    text: string;
+    value: 'standard' | 'ascending' | 'descending';
+}
+interface ValueTypeFilterOption {
+    text: string;
+    value: AttributeValueTypeDto$1 | null;
+}
+declare class AttributeSortSelectorDialogComponent implements OnInit {
+    private readonly windowRef;
+    private readonly attributeService;
+    private searchSubject;
+    data: AttributeSortSelectorDialogData;
+    ckTypeId: string;
+    includeNavigationProperties: boolean | undefined;
+    private attributePathsSet;
+    searchText: string;
+    currentSortOrder: 'standard' | 'ascending' | 'descending';
+    selectedValueTypeFilter: AttributeValueTypeDto$1 | null;
+    availableAttributes: AttributeItem[];
+    selectedAttributes: AttributeSortItem[];
+    availableGridData: GridDataResult;
+    selectedGridData: GridDataResult;
+    selectedAvailableKeys: string[];
+    selectedChosenKeys: string[];
+    private lastClickTime;
+    private lastClickedItem;
+    private readonly doubleClickDelay;
+    dialogTitle: string;
+    sortOptions: SortOption[];
+    valueTypeOptions: ValueTypeFilterOption[];
+    protected readonly searchIcon: _progress_kendo_svg_icons.SVGIcon;
+    protected readonly sortAscIcon: _progress_kendo_svg_icons.SVGIcon;
+    protected readonly sortDescIcon: _progress_kendo_svg_icons.SVGIcon;
+    ngOnInit(): void;
+    private loadAvailableAttributes;
+    onSearchChange(value: string): void;
+    onValueTypeFilterChange(_value: AttributeValueTypeDto$1 | null): void;
+    setSortOrder(order: 'standard' | 'ascending' | 'descending'): void;
+    addAttributeWithSort(): void;
+    onAvailableCellClick(event: CellClickEvent): void;
+    onSelectedCellClick(event: CellClickEvent): void;
+    private addAttributeToSelected;
+    removeAttribute(attribute: AttributeSortItem): void;
+    getSortIndicator(sortOrder: string): string;
+    getSortText(sortOrder: string): string;
+    private updateGrids;
+    private updateAvailableGrid;
+    private updateSelectedGrid;
+    onOk(): void;
+    onCancel(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AttributeSortSelectorDialogComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AttributeSortSelectorDialogComponent, "mm-attribute-sort-selector-dialog", never, {}, {}, never, never, true, never>;
+}
+
+interface AttributeSortSelectorResult {
+    confirmed: boolean;
+    selectedAttributes: AttributeSortItem[];
+}
+declare class AttributeSortSelectorDialogService {
+    private readonly windowService;
+    private readonly windowStateService;
+    /**
+     * Opens the attribute sort selector dialog
+     * @param ckTypeId The CkType ID to fetch attributes for
+     * @param selectedAttributes Optional array of pre-selected attributes with sort orders
+     * @param dialogTitle Optional custom dialog title
+     * @param includeNavigationProperties Optional flag to control navigation property inclusion
+     * @param hideNavigationControls Optional flag to hide the navigation property controls
+     * @returns Promise that resolves with the result containing selected attributes with sort orders and confirmation status
+     */
+    openAttributeSortSelector(ckTypeId: string, selectedAttributes?: AttributeSortItem[], dialogTitle?: string, includeNavigationProperties?: boolean, hideNavigationControls?: boolean, attributePaths?: string[]): Promise<AttributeSortSelectorResult>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AttributeSortSelectorDialogService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AttributeSortSelectorDialogService>;
+}
+
+interface CkTypeSelectorDialogData {
+    selectedCkTypeId?: string;
+    ckModelIds?: string[];
+    dialogTitle?: string;
+    allowAbstract?: boolean;
+    derivedFromRtCkTypeId?: string;
+}
+interface CkTypeSelectorDialogResult {
+    selectedCkType: CkTypeSelectorItem$1;
+}
+declare class CkTypeSelectorDialogComponent implements OnInit, OnDestroy {
+    private readonly windowRef;
+    private readonly ckTypeSelectorService;
+    private searchSubject;
+    private subscriptions;
+    protected readonly searchIcon: _progress_kendo_svg_icons.SVGIcon;
+    protected readonly filterClearIcon: _progress_kendo_svg_icons.SVGIcon;
+    dialogTitle: string;
+    allowAbstract: boolean;
+    searchText: string;
+    selectedModel: string | null;
+    availableModels: string[];
+    gridData: GridDataResult;
+    isLoading: boolean;
+    pageSize: number;
+    skip: number;
+    selectedKeys: string[];
+    selectedType: CkTypeSelectorItem$1 | null;
+    selectItemBy: (context: RowArgs) => string;
+    private initialCkModelIds?;
+    derivedFromRtCkTypeId?: string;
+    private lastClickTime;
+    private lastClickRtCkTypeId;
+    /** Data passed from the service */
+    data?: CkTypeSelectorDialogData;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    private loadTypes;
+    private getDerivedTypes;
+    private filterDerivedTypesFallback;
+    private loadAvailableModels;
+    onSearchChange(value: string): void;
+    onModelFilterChange(_value: string | null): void;
+    clearFilters(): void;
+    onPageChange(event: PageChangeEvent): void;
+    onSelectionChange(event: SelectionEvent): void;
+    onCellClick(event: CellClickEvent): void;
+    onCancel(): void;
+    onConfirm(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CkTypeSelectorDialogComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CkTypeSelectorDialogComponent, "mm-ck-type-selector-dialog", never, {}, {}, never, never, true, never>;
+}
+
+interface CkTypeSelectorResult {
+    confirmed: boolean;
+    selectedCkType: CkTypeSelectorItem$1 | null;
+}
+declare class CkTypeSelectorDialogService {
+    private readonly windowService;
+    private readonly windowStateService;
+    /**
+     * Opens the CkType selector dialog
+     * @param options Dialog options
+     * @returns Promise that resolves with the result containing selected CkType and confirmation status
+     */
+    openCkTypeSelector(options?: {
+        selectedCkTypeId?: string;
+        ckModelIds?: string[];
+        dialogTitle?: string;
+        allowAbstract?: boolean;
+        derivedFromRtCkTypeId?: string;
+    }): Promise<CkTypeSelectorResult>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CkTypeSelectorDialogService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<CkTypeSelectorDialogService>;
+}
+
+declare class CkTypeSelectorInputComponent implements OnInit, OnDestroy, ControlValueAccessor, Validator {
+    autocomplete: AutoCompleteComponent;
+    placeholder: string;
+    minSearchLength: number;
+    maxResults: number;
+    debounceMs: number;
+    ckModelIds?: string[];
+    allowAbstract: boolean;
+    dialogTitle: string;
+    advancedSearchLabel: string;
+    derivedFromRtCkTypeId?: string;
+    private _disabled;
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    private _required;
+    get required(): boolean;
+    set required(value: boolean);
+    ckTypeSelected: EventEmitter<CkTypeSelectorItem$1>;
+    ckTypeCleared: EventEmitter<void>;
+    searchFormControl: FormControl<any>;
+    filteredTypes: string[];
+    selectedCkType: CkTypeSelectorItem$1 | null;
+    isLoading: boolean;
+    private typeMap;
+    private searchSubject;
+    private subscriptions;
+    private onChange;
+    private onTouched;
+    protected readonly searchIcon: _progress_kendo_svg_icons.SVGIcon;
+    protected popupSettings: PopupSettings;
+    private static popupStyleInjected;
+    private readonly ckTypeSelectorService;
+    private readonly dialogService;
+    private readonly elementRef;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    writeValue(value: CkTypeSelectorItem$1 | null): void;
+    registerOnChange(fn: (value: CkTypeSelectorItem$1 | null) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    validate(control: AbstractControl): ValidationErrors | null;
+    onFilterChange(filter: string): void;
+    onSelectionChange(value: string): void;
+    onFocus(): void;
+    onBlur(): void;
+    clear(): void;
+    focus(): void;
+    reset(): void;
+    private setupSearch;
+    private getDerivedTypes;
+    private filterDerivedTypesFallback;
+    private injectPopupStyles;
+    private selectCkType;
+    openDialog(event?: Event): Promise<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CkTypeSelectorInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CkTypeSelectorInputComponent, "mm-ck-type-selector-input", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "minSearchLength": { "alias": "minSearchLength"; "required": false; }; "maxResults": { "alias": "maxResults"; "required": false; }; "debounceMs": { "alias": "debounceMs"; "required": false; }; "ckModelIds": { "alias": "ckModelIds"; "required": false; }; "allowAbstract": { "alias": "allowAbstract"; "required": false; }; "dialogTitle": { "alias": "dialogTitle"; "required": false; }; "advancedSearchLabel": { "alias": "advancedSearchLabel"; "required": false; }; "derivedFromRtCkTypeId": { "alias": "derivedFromRtCkTypeId"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; }, { "ckTypeSelected": "ckTypeSelected"; "ckTypeCleared": "ckTypeCleared"; }, never, never, true, never>;
+}
 
 declare abstract class OctoGraphQlDataSource<TDto> extends DataSourceTyped<TDto | null> {
     private _searchFilterAttributePaths;
@@ -22,9 +378,204 @@ declare abstract class OctoGraphQlDataSource<TDto> extends DataSourceTyped<TDto
     private static getOperatorAndValue;
 }
 
-declare abstract class OctoGraphQlHierarchyDataSource<TQueryDto> extends HierarchyDataSourceBase<TQueryDto> {
-    abstract fetchChildren(item: TreeItemDataTyped<TQueryDto>): Promise<TreeItemDataTyped<TQueryDto>[]>;
-    abstract fetchRootNodes(): Promise<TreeItemDataTyped<TQueryDto>[]>;
+declare abstract class OctoGraphQlHierarchyDataSource<TQueryDto> extends HierarchyDataSourceBase<TQueryDto> {
+    abstract fetchChildren(item: TreeItemDataTyped<TQueryDto>): Promise<TreeItemDataTyped<TQueryDto>[]>;
+    abstract fetchRootNodes(): Promise<TreeItemDataTyped<TQueryDto>[]>;
+}
+
+interface CopyOption {
+    label: string;
+    value: string;
+    displayText: string;
+}
+/**
+ * A reusable component for displaying and copying entity identifiers.
+ * Provides a dropdown button with options to copy:
+ * - RtId: The runtime ObjectId
+ * - CkTypeId: The full versioned Construction Kit type ID
+ * - RtCkTypeId: The runtime CK type ID (unversioned)
+ * - RtEntityId: Combined format {RtCkTypeId}@{RtId}
+ *
+ * @example
+ * ```html
+ * <mm-entity-id-info
+ *   [rtId]="entity.rtId"
+ *   [rtCkTypeId]="entity.ckTypeId"
+ *   [ckTypeId]="entity.constructionKitType?.ckTypeId?.fullName">
+ * </mm-entity-id-info>
+ * ```
+ */
+declare class EntityIdInfoComponent {
+    private readonly notificationService;
+    protected readonly copyIcon: _progress_kendo_svg_icons.SVGIcon;
+    /** The RtId (ObjectId) of the entity */
+    rtId: string;
+    /** The RtCkTypeId - runtime CK type ID (e.g., System.Communication/MeshAdapter) */
+    rtCkTypeId: string;
+    /** The CkTypeId - full versioned Construction Kit type ID (e.g., System.Communication-2.0.3/MeshAdapter-1) */
+    ckTypeId?: string;
+    protected get copyOptions(): CopyOption[];
+    private truncateValue;
+    protected copyToClipboard(option: CopyOption): Promise<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EntityIdInfoComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EntityIdInfoComponent, "mm-entity-id-info", never, { "rtId": { "alias": "rtId"; "required": true; }; "rtCkTypeId": { "alias": "rtCkTypeId"; "required": true; }; "ckTypeId": { "alias": "ckTypeId"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Variable definition for use in filter values.
+ * Generic interface that can be provided by any consumer (e.g., MeshBoard).
+ */
+interface FilterVariable {
+    /** Variable name (without $ prefix) */
+    name: string;
+    /** Display label for UI */
+    label?: string;
+    /** Variable data type */
+    type?: 'string' | 'number' | 'boolean' | 'date' | 'datetime';
+}
+interface FieldFilterItem extends FieldFilterDto {
+    id: number;
+    /** If true, comparisonValue contains a variable reference (e.g., $myVar) */
+    useVariable?: boolean;
+}
+type InputType = 'text' | 'number' | 'boolean' | 'datetime';
+declare class FieldFilterEditorComponent implements OnChanges {
+    private readonly attributeService;
+    protected readonly plusIcon: _progress_kendo_svg_icons.SVGIcon;
+    protected readonly minusIcon: _progress_kendo_svg_icons.SVGIcon;
+    protected readonly trashIcon: _progress_kendo_svg_icons.SVGIcon;
+    protected readonly dollarIcon: _progress_kendo_svg_icons.SVGIcon;
+    private readonly arrayOperators;
+    readonly operators: {
+        label: string;
+        value: FieldFilterOperatorsDto;
+    }[];
+    readonly booleanOptions: string[];
+    availableAttributes: AttributeItem[];
+    /**
+     * Optional CK type ID for self-loading attributes.
+     * When set, the component loads available attributes itself and shows
+     * navigation property controls (checkbox + max depth).
+     * When not set, the component uses the externally provided availableAttributes input.
+     */
+    ckTypeId?: string;
+    /**
+     * When true, hides the "Include Navigation Properties" checkbox and Max Depth controls,
+     * and forces attribute loading without navigation properties.
+     * Used for stream data queries which don't support navigation properties.
+     */
+    hideNavigationProperties: boolean;
+    /**
+     * When set, restricts the available attributes to only these attribute paths (filtered client-side after fetching).
+     * Used for stream data queries to show only stream-data-enabled attributes.
+     */
+    attributePaths?: string[];
+    /** Enable variable mode - allows using variables instead of literal values */
+    enableVariables: boolean;
+    /** Available variables for selection when enableVariables is true */
+    availableVariables: FilterVariable[];
+    /** Controls for self-loading mode (when ckTypeId is set) */
+    includeNavigationProperties: boolean;
+    maxDepth: number | null;
+    isLoadingAttributes: boolean;
+    private _filters;
+    private nextId;
+    filteredAttributeList: AttributeItem[];
+    private attributeTypeMap;
+    get filters(): FieldFilterItem[];
+    set filters(value: FieldFilterItem[]);
+    filtersChange: EventEmitter<FieldFilterItem[]>;
+    selectedKeys: number[];
+    ngOnChanges(changes?: SimpleChanges): void;
+    /**
+     * Detects filters that contain variable references and sets useVariable flag.
+     * This ensures proper display when filters are loaded from saved configuration.
+     */
+    private detectVariableFilters;
+    private buildAttributeTypeMap;
+    onNavigationPropertiesChange(): void;
+    onMaxDepthChange(value: number | null): void;
+    private loadAttributesFromCkType;
+    private filterAvailableAttributes;
+    private getAttributeDepth;
+    addFilter(): void;
+    removeFilter(filter: FieldFilterItem): void;
+    removeSelected(): void;
+    onFilterChange(): void;
+    onAttributeChange(filter: FieldFilterItem, attributePath: string): void;
+    onOperatorChange(filter: FieldFilterItem): void;
+    onComparisonValueChange(filter: FieldFilterItem, inputValue: string | null): void;
+    onComparisonValueBlur(filter: FieldFilterItem): void;
+    onBooleanValueChange(filter: FieldFilterItem, value: string): void;
+    onNumericValueChange(filter: FieldFilterItem, value: number | null): void;
+    onDateTimeValueChange(filter: FieldFilterItem, value: Date | null): void;
+    getDisplayValue(filter: FieldFilterItem): string;
+    getBooleanValue(filter: FieldFilterItem): string;
+    getNumericValue(filter: FieldFilterItem): number;
+    getDateTimeValue(filter: FieldFilterItem): Date | null;
+    getInputType(filter: FieldFilterItem): InputType;
+    getDecimals(filter: FieldFilterItem): number;
+    getNumberFormat(filter: FieldFilterItem): string;
+    getValuePlaceholder(filter: FieldFilterItem): string;
+    isArrayOperator(operator: FieldFilterOperatorsDto): boolean;
+    isSelected(filter: FieldFilterItem): boolean;
+    toggleSelection(filter: FieldFilterItem): void;
+    isAllSelected(): boolean;
+    isIndeterminate(): boolean;
+    toggleSelectAll(event: Event): void;
+    onAttributeFilterChange(filter: string): void;
+    /**
+     * Toggles between literal value and variable mode for a filter.
+     */
+    toggleVariableMode(filter: FieldFilterItem): void;
+    /**
+     * Gets the selected variable object for a filter that uses variable mode.
+     */
+    getSelectedVariable(filter: FieldFilterItem): FilterVariable | null;
+    /**
+     * Handles variable selection from the dropdown.
+     */
+    onVariableSelected(filter: FieldFilterItem, variable: FilterVariable | null): void;
+    /**
+     * Extracts variable name from ${variableName} or $variableName format.
+     */
+    private extractVariableName;
+    /**
+     * Checks if a filter value is a variable reference.
+     */
+    isVariableValue(value: unknown): boolean;
+    /**
+     * Formats a variable name for display (e.g., "myVar" -> "${myVar}").
+     */
+    formatVariableDisplay(name: string): string;
+    getFieldFilters(): FieldFilterDto[];
+    setFieldFilters(filters: FieldFilterDto[]): void;
+    clear(): void;
+    private isArrayValue;
+    private extractArrayContent;
+    private parseAndCleanArrayValues;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FieldFilterEditorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FieldFilterEditorComponent, "mm-field-filter-editor", never, { "availableAttributes": { "alias": "availableAttributes"; "required": false; }; "ckTypeId": { "alias": "ckTypeId"; "required": false; }; "hideNavigationProperties": { "alias": "hideNavigationProperties"; "required": false; }; "attributePaths": { "alias": "attributePaths"; "required": false; }; "enableVariables": { "alias": "enableVariables"; "required": false; }; "availableVariables": { "alias": "availableVariables"; "required": false; }; "filters": { "alias": "filters"; "required": false; }; }, { "filtersChange": "filtersChange"; }, never, never, true, never>;
+}
+
+/**
+ * Animated OctoMesh logo loader component.
+ * Displays the OctoMesh octopus SVG with wiggling tentacles
+ * and orbiting data blocks representing data loading.
+ *
+ * Uses `--kendo-color-primary` for theme-independent coloring.
+ * Override the color via CSS `color` property on the host element.
+ *
+ * @example
+ * ```html
+ * <mm-octo-loader [size]="'medium'"></mm-octo-loader>
+ * <mm-octo-loader [size]="'small'"></mm-octo-loader>
+ * ```
+ */
+declare class OctoLoaderComponent {
+    size: 'small' | 'medium';
+    static ɵfac: i0.ɵɵFactoryDeclaration<OctoLoaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OctoLoaderComponent, "mm-octo-loader", never, { "size": { "alias": "size"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 declare enum AttributeValueTypeDto {
@@ -359,598 +910,880 @@ declare class PropertyValueDisplayComponent implements OnInit {
         key: string;
         value: unknown;
     }[];
-    /**
-     * Determine the appropriate type for a nested property value
-     */
-    getPropertyType(value: unknown): AttributeValueTypeDto;
-    /**
-     * Check if this is a BINARY_LINKED type with download capability
-     */
-    isBinaryLinkedWithDownload(): boolean;
-    /**
-     * Get the filename from binary info
-     */
-    getBinaryFilename(): string | null;
-    /**
-     * Get the file size from binary info
-     */
-    getBinarySize(): number | null;
-    /**
-     * Get the content type from binary info
-     */
-    getBinaryContentType(): string | null;
-    /**
-     * Format file size to human readable format
-     */
-    formatFileSize(bytes: number | null): string;
-    /**
-     * Handle download button click
-     */
-    onDownload(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PropertyValueDisplayComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PropertyValueDisplayComponent, "mm-property-value-display", never, { "value": { "alias": "value"; "required": false; }; "type": { "alias": "type"; "required": false; }; "displayMode": { "alias": "displayMode"; "required": false; }; }, { "binaryDownload": "binaryDownload"; }, never, never, true, never>;
-}
-
-interface AttributeSelectorDialogData {
-    rtCkTypeId: string;
-    selectedAttributes?: string[];
-    dialogTitle?: string;
-    singleSelect?: boolean;
-    includeNavigationProperties?: boolean;
-    maxDepth?: number;
-    /** Additional virtual attributes to include in the available list (e.g., Timestamp for stream data queries) */
-    additionalAttributes?: AttributeItem[];
-    /** When true, hides the navigation properties checkbox and max depth controls */
-    hideNavigationControls?: boolean;
-    /** When set, restricts the available attributes to only these attribute paths (filtered client-side after fetching) */
-    attributePaths?: string[];
-}
-interface AttributeSelectorDialogResult {
-    selectedAttributes: AttributeItem[];
-}
-interface ValueTypeFilterOption$1 {
-    text: string;
-    value: AttributeValueTypeDto$1 | null;
-}
-declare class AttributeSelectorDialogComponent implements OnInit {
-    private readonly windowRef;
-    private readonly attributeService;
-    private searchSubject;
-    protected readonly arrowRightIcon: _progress_kendo_svg_icons.SVGIcon;
-    protected readonly arrowLeftIcon: _progress_kendo_svg_icons.SVGIcon;
-    protected readonly chevronDoubleRightIcon: _progress_kendo_svg_icons.SVGIcon;
-    protected readonly chevronDoubleLeftIcon: _progress_kendo_svg_icons.SVGIcon;
-    protected readonly searchIcon: _progress_kendo_svg_icons.SVGIcon;
-    protected readonly arrowUpIcon: _progress_kendo_svg_icons.SVGIcon;
-    protected readonly arrowDownIcon: _progress_kendo_svg_icons.SVGIcon;
-    data: AttributeSelectorDialogData;
-    dialogTitle: string;
-    rtCkTypeId: string;
-    singleSelect: boolean;
-    private additionalAttributes;
-    searchText: string;
-    selectedSingleKey: string[];
-    selectedValueTypeFilter: AttributeValueTypeDto$1 | null;
-    includeNavigationProperties: boolean;
-    maxDepth: number | null;
-    hideNavigationControls: boolean;
-    private attributePathsSet;
-    availableAttributes: AttributeItem[];
-    selectedAttributes: AttributeItem[];
-    availableGridData: GridDataResult;
-    selectedGridData: GridDataResult;
-    selectedAvailableKeys: string[];
-    selectedChosenKeys: string[];
-    valueTypeOptions: ValueTypeFilterOption$1[];
-    private lastClickTime;
-    private lastClickedItem;
-    private readonly doubleClickDelay;
-    ngOnInit(): void;
-    private loadAvailableAttributes;
-    private loadInitialSelectedAttributes;
-    onSearchChange(value: string): void;
-    onValueTypeFilterChange(_value: AttributeValueTypeDto$1 | null): void;
-    onNavigationPropertiesChange(): void;
-    onMaxDepthChange(value: number | null): void;
-    addSelected(): void;
-    removeSelected(): void;
-    addAll(): void;
-    removeAll(): void;
-    private sortAvailableAttributes;
-    canMoveUp(): boolean;
-    canMoveDown(): boolean;
-    moveUp(): void;
-    moveDown(): void;
-    private updateGrids;
-    private updateAvailableGrid;
-    private updateSelectedGrid;
-    onCancel(): void;
-    onConfirm(): void;
-    /**
-     * Handle cell click on available attributes grid to detect double-click
-     */
-    onAvailableCellClick(event: CellClickEvent): void;
-    /**
-     * Handle cell click on selected attributes grid to detect double-click
-     */
-    onSelectedCellClick(event: CellClickEvent): void;
-    /**
-     * Handle cell click on single-select grid to detect double-click (confirm immediately)
-     */
-    onSingleSelectCellClick(event: CellClickEvent): void;
-    /**
-     * Move a single attribute from available to selected
-     */
-    private moveAttributeToSelected;
-    /**
-     * Move a single attribute from selected to available
-     */
-    private moveAttributeToAvailable;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AttributeSelectorDialogComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AttributeSelectorDialogComponent, "mm-attribute-selector-dialog", never, {}, {}, never, never, true, never>;
-}
-
-interface AttributeSelectorResult {
-    confirmed: boolean;
-    selectedAttributes: AttributeItem[];
-}
-declare class AttributeSelectorDialogService {
-    private readonly windowService;
-    private readonly windowStateService;
-    /**
-     * Opens the attribute selector dialog
-     * @param rtCkTypeId The RtCkType ID to fetch attributes for
-     * @param selectedAttributes Optional array of pre-selected attribute paths
-     * @param dialogTitle Optional custom dialog title
-     * @param singleSelect Optional flag for single-select mode
-     * @param additionalAttributes Optional virtual attributes to include (e.g., Timestamp for stream data)
-     * @param includeNavigationProperties Optional flag to control navigation property inclusion
-     * @param maxDepth Optional max depth for navigation properties
-     * @param hideNavigationControls Optional flag to hide the navigation property controls in the dialog
-     * @returns Promise that resolves with the result containing selected attributes and confirmation status
-     */
-    openAttributeSelector(rtCkTypeId: string, selectedAttributes?: string[], dialogTitle?: string, singleSelect?: boolean, additionalAttributes?: AttributeItem[], includeNavigationProperties?: boolean, maxDepth?: number, hideNavigationControls?: boolean, attributePaths?: string[]): Promise<AttributeSelectorResult>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AttributeSelectorDialogService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<AttributeSelectorDialogService>;
-}
-
-interface AttributeSortItem {
-    attributePath: string;
-    attributeValueType: string;
-    sortOrder: 'standard' | 'ascending' | 'descending';
-}
-interface AttributeSortSelectorDialogData {
-    ckTypeId: string;
-    selectedAttributes?: AttributeSortItem[];
-    dialogTitle?: string;
-    /** When set, controls whether navigation properties are included in the attribute list */
-    includeNavigationProperties?: boolean;
-    /** When true, hides the navigation property controls (if they were to be added) */
-    hideNavigationControls?: boolean;
-    /** When set, restricts the available attributes to only these attribute paths (filtered client-side after fetching) */
-    attributePaths?: string[];
-}
-interface AttributeSortSelectorDialogResult {
-    selectedAttributes: AttributeSortItem[];
-}
-interface SortOption {
-    text: string;
-    value: 'standard' | 'ascending' | 'descending';
-}
-interface ValueTypeFilterOption {
-    text: string;
-    value: AttributeValueTypeDto$1 | null;
-}
-declare class AttributeSortSelectorDialogComponent implements OnInit {
-    private readonly windowRef;
-    private readonly attributeService;
-    private searchSubject;
-    data: AttributeSortSelectorDialogData;
-    ckTypeId: string;
-    includeNavigationProperties: boolean | undefined;
-    private attributePathsSet;
-    searchText: string;
-    currentSortOrder: 'standard' | 'ascending' | 'descending';
-    selectedValueTypeFilter: AttributeValueTypeDto$1 | null;
-    availableAttributes: AttributeItem[];
-    selectedAttributes: AttributeSortItem[];
-    availableGridData: GridDataResult;
-    selectedGridData: GridDataResult;
-    selectedAvailableKeys: string[];
-    selectedChosenKeys: string[];
-    private lastClickTime;
-    private lastClickedItem;
-    private readonly doubleClickDelay;
-    dialogTitle: string;
-    sortOptions: SortOption[];
-    valueTypeOptions: ValueTypeFilterOption[];
-    protected readonly searchIcon: _progress_kendo_svg_icons.SVGIcon;
-    protected readonly sortAscIcon: _progress_kendo_svg_icons.SVGIcon;
-    protected readonly sortDescIcon: _progress_kendo_svg_icons.SVGIcon;
-    ngOnInit(): void;
-    private loadAvailableAttributes;
-    onSearchChange(value: string): void;
-    onValueTypeFilterChange(_value: AttributeValueTypeDto$1 | null): void;
-    setSortOrder(order: 'standard' | 'ascending' | 'descending'): void;
-    addAttributeWithSort(): void;
-    onAvailableCellClick(event: CellClickEvent): void;
-    onSelectedCellClick(event: CellClickEvent): void;
-    private addAttributeToSelected;
-    removeAttribute(attribute: AttributeSortItem): void;
-    getSortIndicator(sortOrder: string): string;
-    getSortText(sortOrder: string): string;
-    private updateGrids;
-    private updateAvailableGrid;
-    private updateSelectedGrid;
-    onOk(): void;
-    onCancel(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AttributeSortSelectorDialogComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AttributeSortSelectorDialogComponent, "mm-attribute-sort-selector-dialog", never, {}, {}, never, never, true, never>;
+    /**
+     * Determine the appropriate type for a nested property value
+     */
+    getPropertyType(value: unknown): AttributeValueTypeDto;
+    /**
+     * Check if this is a BINARY_LINKED type with download capability
+     */
+    isBinaryLinkedWithDownload(): boolean;
+    /**
+     * Get the filename from binary info
+     */
+    getBinaryFilename(): string | null;
+    /**
+     * Get the file size from binary info
+     */
+    getBinarySize(): number | null;
+    /**
+     * Get the content type from binary info
+     */
+    getBinaryContentType(): string | null;
+    /**
+     * Format file size to human readable format
+     */
+    formatFileSize(bytes: number | null): string;
+    /**
+     * Handle download button click
+     */
+    onDownload(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PropertyValueDisplayComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PropertyValueDisplayComponent, "mm-property-value-display", never, { "value": { "alias": "value"; "required": false; }; "type": { "alias": "type"; "required": false; }; "displayMode": { "alias": "displayMode"; "required": false; }; }, { "binaryDownload": "binaryDownload"; }, never, never, true, never>;
 }
 
-interface AttributeSortSelectorResult {
-    confirmed: boolean;
-    selectedAttributes: AttributeSortItem[];
+interface RtEntityId {
+    rtId: string;
+    ckTypeId: string;
 }
-declare class AttributeSortSelectorDialogService {
-    private readonly windowService;
-    private readonly windowStateService;
+declare class RtEntityIdHelper {
     /**
-     * Opens the attribute sort selector dialog
-     * @param ckTypeId The CkType ID to fetch attributes for
-     * @param selectedAttributes Optional array of pre-selected attributes with sort orders
-     * @param dialogTitle Optional custom dialog title
-     * @param includeNavigationProperties Optional flag to control navigation property inclusion
-     * @param hideNavigationControls Optional flag to hide the navigation property controls
-     * @returns Promise that resolves with the result containing selected attributes with sort orders and confirmation status
+     * Encodes ckTypeId@rtId into a URL-safe Base64 string for routing
      */
-    openAttributeSortSelector(ckTypeId: string, selectedAttributes?: AttributeSortItem[], dialogTitle?: string, includeNavigationProperties?: boolean, hideNavigationControls?: boolean, attributePaths?: string[]): Promise<AttributeSortSelectorResult>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AttributeSortSelectorDialogService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<AttributeSortSelectorDialogService>;
+    static encode(rtId: string, ckTypeId: string): string;
+    /**
+     * Encodes a ckTypeId@rtId string directly into a URL-safe Base64 string
+     */
+    static encodeFromString(entityIdentifier: string): string;
+    /**
+     * Decodes URL parameter back to RtEntityId
+     */
+    static decode(encoded: string): RtEntityId;
+    /**
+     * Validates if a string is in the correct ckTypeId@rtId format
+     */
+    static isValidFormat(entityIdentifier: string): boolean;
 }
 
-interface CkTypeSelectorDialogData {
-    selectedCkTypeId?: string;
-    ckModelIds?: string[];
-    dialogTitle?: string;
-    allowAbstract?: boolean;
-    derivedFromRtCkTypeId?: string;
+declare class EntityDetailComponent implements OnInit, OnDestroy {
+    private readonly location;
+    private readonly route;
+    private readonly router;
+    private readonly dataSource;
+    private readonly destroy$;
+    protected readonly arrowLeftIcon: _progress_kendo_svg_icons.SVGIcon;
+    entity: RtEntityDto | null;
+    loading: boolean;
+    error: string | null;
+    entityId: RtEntityId | null;
+    ngOnInit(): Promise<void>;
+    ngOnDestroy(): void;
+    loadEntity(): Promise<void>;
+    navigateBack(): void;
+    navigateToEntity(rtId: string, ckTypeId: string): Promise<void>;
+    getEntityDisplayName(): string;
+    /**
+     * Handle property value changes from the property grid
+     */
+    onPropertyChange(event: unknown): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EntityDetailComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EntityDetailComponent, "mm-entity-detail", never, {}, {}, never, never, true, never>;
 }
-interface CkTypeSelectorDialogResult {
-    selectedCkType: CkTypeSelectorItem$1;
+
+declare const botService: {
+    name: string;
+    content: string;
+    viewBox: string;
+};
+declare const dashboard: {
+    name: string;
+    content: string;
+    viewBox: string;
+};
+declare const tenancy: {
+    name: string;
+    content: string;
+    viewBox: string;
+};
+declare const code: {
+    name: string;
+    content: string;
+    viewBox: string;
+};
+declare const identityService: {
+    name: string;
+    content: string;
+    viewBox: string;
+};
+declare const storage: {
+    name: string;
+    content: string;
+    viewBox: string;
+};
+declare const publicIcon: {
+    name: string;
+    content: string;
+    viewBox: string;
+};
+declare const power: {
+    name: string;
+    content: string;
+    viewBox: string;
+};
+declare const team_dashboard: {
+    name: string;
+    content: string;
+    viewBox: string;
+};
+declare const swagger_asset: {
+    name: string;
+    content: string;
+    viewBox: string;
+};
+declare const swagger_bot: {
+    name: string;
+    content: string;
+    viewBox: string;
+};
+declare const swagger_identity: {
+    name: string;
+    content: string;
+    viewBox: string;
+};
+declare const swagger_communication: {
+    name: string;
+    content: string;
+    viewBox: string;
+};
+declare const swagger: {
+    name: string;
+    content: string;
+    viewBox: string;
+};
+declare const user_diagnostics: {
+    name: string;
+    content: string;
+    viewBox: string;
+};
+declare const work: {
+    name: string;
+    content: string;
+    viewBox: string;
+};
+declare const more_time: {
+    name: string;
+    content: string;
+    viewBox: string;
+};
+declare const manage_accounts: {
+    name: string;
+    content: string;
+    viewBox: string;
+};
+declare const group: {
+    name: string;
+    content: string;
+    viewBox: string;
+};
+declare const app_registration: {
+    name: string;
+    content: string;
+    viewBox: string;
+};
+declare const settings: {
+    name: string;
+    content: string;
+    viewBox: string;
+};
+declare const account_tree: {
+    name: string;
+    content: string;
+    viewBox: string;
+};
+declare const analytics: {
+    name: string;
+    content: string;
+    viewBox: string;
+};
+declare const travel_explore: {
+    name: string;
+    content: string;
+    viewBox: string;
+};
+declare const page_info: {
+    name: string;
+    content: string;
+    viewBox: string;
+};
+declare const query_builder: {
+    name: string;
+    content: string;
+    viewBox: string;
+};
+declare const event_list: {
+    name: string;
+    content: string;
+    viewBox: string;
+};
+declare const graphic_eq: {
+    name: string;
+    content: string;
+    viewBox: string;
+};
+declare const pool: {
+    name: string;
+    content: string;
+    viewBox: string;
+};
+declare const component_exchange: {
+    name: string;
+    content: string;
+    viewBox: string;
+};
+declare const schedule_send: {
+    name: string;
+    content: string;
+    viewBox: string;
+};
+declare const text_snippet: {
+    name: string;
+    content: string;
+    viewBox: string;
+};
+declare const notifications: {
+    name: string;
+    content: string;
+    viewBox: string;
+};
+declare const webhook: {
+    name: string;
+    content: string;
+    viewBox: string;
+};
+declare const pages: {
+    name: string;
+    content: string;
+    viewBox: string;
+};
+declare const insert_link: {
+    name: string;
+    content: string;
+    viewBox: string;
+};
+declare const add: {
+    name: string;
+    content: string;
+    viewBox: string;
+};
+declare const customer: {
+    name: string;
+    content: string;
+    viewBox: string;
+};
+declare const computer: {
+    name: string;
+    content: string;
+    viewBox: string;
+};
+declare const checklist: {
+    name: string;
+    content: string;
+    viewBox: string;
+};
+declare const sort: {
+    name: string;
+    content: string;
+    viewBox: string;
+};
+declare const person_search: {
+    name: string;
+    content: string;
+    viewBox: string;
+};
+declare const category: {
+    name: string;
+    content: string;
+    viewBox: string;
+};
+declare const chat: {
+    name: string;
+    content: string;
+    viewBox: string;
+};
+declare const playlist_add_check: {
+    name: string;
+    content: string;
+    viewBox: string;
+};
+declare const article: {
+    name: string;
+    content: string;
+    viewBox: string;
+};
+
+/**
+ * Translatable messages for the RuntimeBrowser components.
+ * Pass translated strings to override the English defaults.
+ */
+interface RuntimeBrowserMessages {
+    title: string;
+    badgeLabel: string;
+    titlePrefix: string;
+    ready: string;
+    selectItem: string;
+    noPropertiesAvailable: string;
+    constructionKitModel: string;
+    constructionKitModels: string;
+    fullName: string;
+    semanticName: string;
+    modelName: string;
+    version: string;
+    state: string;
+    selectTypeFromTree: string;
+    browseModelsAndTypes: string;
+    type: string;
+    abstract: string;
+    final: string;
+    base: string;
+    runtimeEntities: string;
+    runtimeId: string;
+    typeId: string;
+    entityIdentifier: string;
+    wellKnownName: string;
+    entityInformation: string;
+    loadingEntityDetails: string;
+    retry: string;
+    attributes: string;
+    associations: string;
+    direction: string;
+    role: string;
+    relatedType: string;
+    relatedEntity: string;
+    all: string;
+    inbound: string;
+    outbound: string;
+    allRoles: string;
+    allTypes: string;
+    entityId: string;
+    viewDetails: string;
+    copyToClipboard: string;
+    copyEntityIdentifierToClipboard: string;
+    goToEntity: string;
+    refresh: string;
+    create: string;
+    edit: string;
+    delete: string;
+    createEntity: string;
+    updateEntity: string;
+    name: string;
+    runtimeCkTypeId: string;
+    targetLocation: string;
+    rootLevel: string;
+    entityType: string;
+    selectType: string;
+    selectTypePrompt: string;
+    save: string;
+    cancel: string;
+    longitude: string;
+    latitude: string;
+    resetToInitialValue: string;
+    attributesFor: string;
+    couldNotLoadEntityDetails: string;
+    failedToLoadEntityDetails: string;
+    copiedToClipboard: string;
+    failedToCopyToClipboard: string;
+    downloadNotAvailable: string;
+    failedToLoadDownloadInfo: string;
+    missingRequiredIdentifiers: string;
+    failedToCreateEntity: string;
+    failedToUpdateEntity: string;
+    goToEntityTitle: string;
+    goToEntityPrompt: string;
+    go: string;
+    created: string;
+    modified: string;
 }
-declare class CkTypeSelectorDialogComponent implements OnInit, OnDestroy {
-    private readonly windowRef;
-    private readonly ckTypeSelectorService;
-    private searchSubject;
-    private subscriptions;
-    protected readonly searchIcon: _progress_kendo_svg_icons.SVGIcon;
-    protected readonly filterClearIcon: _progress_kendo_svg_icons.SVGIcon;
-    dialogTitle: string;
-    allowAbstract: boolean;
-    searchText: string;
-    selectedModel: string | null;
-    availableModels: string[];
-    gridData: GridDataResult;
-    isLoading: boolean;
-    pageSize: number;
-    skip: number;
-    selectedKeys: string[];
-    selectedType: CkTypeSelectorItem$1 | null;
-    selectItemBy: (context: RowArgs) => string;
-    private initialCkModelIds?;
-    derivedFromRtCkTypeId?: string;
-    private lastClickTime;
-    private lastClickRtCkTypeId;
-    /** Data passed from the service */
-    data?: CkTypeSelectorDialogData;
-    ngOnInit(): void;
-    ngOnDestroy(): void;
-    private loadTypes;
-    private loadAvailableModels;
-    onSearchChange(value: string): void;
-    onModelFilterChange(_value: string | null): void;
-    clearFilters(): void;
-    onPageChange(event: PageChangeEvent): void;
-    onSelectionChange(event: SelectionEvent): void;
-    onCellClick(event: CellClickEvent): void;
-    onCancel(): void;
-    onConfirm(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CkTypeSelectorDialogComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CkTypeSelectorDialogComponent, "mm-ck-type-selector-dialog", never, {}, {}, never, never, true, never>;
+/**
+ * Default English messages for the RuntimeBrowser components.
+ */
+declare const DEFAULT_RUNTIME_BROWSER_MESSAGES: RuntimeBrowserMessages;
+
+declare class CkTypeEntitiesDataSourceDirective extends OctoGraphQlDataSource<RtEntityDto> {
+    private readonly getRuntimeEntitiesGQL;
+    private ckTypeId;
+    constructor();
+    setRtCkTypeId(ckTypeId: string): void;
+    fetchData(queryOptions: FetchDataOptions): Observable<FetchResultTyped<RtEntityDto> | null>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CkTypeEntitiesDataSourceDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CkTypeEntitiesDataSourceDirective, "[mmCkTypeEntitiesDataSource]", ["mmCkTypeEntitiesDataSource"], {}, {}, never, never, true, never>;
 }
 
-interface CkTypeSelectorResult {
-    confirmed: boolean;
-    selectedCkType: CkTypeSelectorItem$1 | null;
+/**
+ * Performs helpful Octomesh Types operations, like checks, comparisons etc.
+ */
+declare class TypeHelperService {
+    /**
+     * Checks if given item is runtime entity.
+     *
+     * @param item Item to check.
+     * @returns True for runtime entity, false otherwise.
+     */
+    isRuntimeEntity(item: unknown): item is RtEntityDto;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TypeHelperService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<TypeHelperService>;
 }
-declare class CkTypeSelectorDialogService {
-    private readonly windowService;
-    private readonly windowStateService;
+
+interface CreateInput {
     /**
-     * Opens the CkType selector dialog
-     * @param options Dialog options
-     * @returns Promise that resolves with the result containing selected CkType and confirmation status
+     * Parent context: object is always present; ckTypeId, rtId and name are optional (undefined for root-level creation, e.g. when creating under a CK Type or when parentNode is null).
+     * Code uses parent?.ckTypeId and parent?.rtId defensively when building associations.
      */
-    openCkTypeSelector(options?: {
-        selectedCkTypeId?: string;
-        ckModelIds?: string[];
-        dialogTitle?: string;
-        allowAbstract?: boolean;
-        derivedFromRtCkTypeId?: string;
-    }): Promise<CkTypeSelectorResult>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CkTypeSelectorDialogService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<CkTypeSelectorDialogService>;
+    parent: {
+        ckTypeId?: string;
+        rtId?: string;
+        name?: string;
+    };
+    /**
+     * List of available CK types to choose from when creating a new entity. This is required to populate the dropdown for type selection in the UI.
+     */
+    ckTypes: CkTypeDto[];
+}
+interface CreateOutput {
+    success: boolean;
+    data?: {
+        /**
+         * The RT ID of the newly created entity. This is returned after a successful creation operation and can be used for further operations or navigation. It is optional because the creation might fail, in which case this value would be undefined.
+         */
+        createdRtEntityId: string;
+    };
 }
 
-declare class CkTypeSelectorInputComponent implements OnInit, OnDestroy, ControlValueAccessor, Validator {
-    autocomplete: AutoCompleteComponent;
-    placeholder: string;
-    minSearchLength: number;
-    maxResults: number;
-    debounceMs: number;
-    ckModelIds?: string[];
-    allowAbstract: boolean;
-    dialogTitle: string;
-    advancedSearchLabel: string;
-    derivedFromRtCkTypeId?: string;
-    private _disabled;
-    get disabled(): boolean;
-    set disabled(value: boolean);
-    private _required;
-    get required(): boolean;
-    set required(value: boolean);
-    ckTypeSelected: EventEmitter<CkTypeSelectorItem$1>;
-    ckTypeCleared: EventEmitter<void>;
-    searchFormControl: FormControl<any>;
-    filteredTypes: string[];
-    selectedCkType: CkTypeSelectorItem$1 | null;
-    isLoading: boolean;
-    private typeMap;
-    private searchSubject;
-    private subscriptions;
-    private onChange;
-    private onTouched;
-    protected readonly searchIcon: _progress_kendo_svg_icons.SVGIcon;
-    protected popupSettings: PopupSettings;
-    private static popupStyleInjected;
-    private readonly ckTypeSelectorService;
-    private readonly dialogService;
-    private readonly elementRef;
-    ngOnInit(): void;
-    ngOnDestroy(): void;
-    writeValue(value: CkTypeSelectorItem$1 | null): void;
-    registerOnChange(fn: (value: CkTypeSelectorItem$1 | null) => void): void;
-    registerOnTouched(fn: () => void): void;
-    setDisabledState(isDisabled: boolean): void;
-    validate(control: AbstractControl): ValidationErrors | null;
-    onFilterChange(filter: string): void;
-    onSelectionChange(value: string): void;
-    onFocus(): void;
-    onBlur(): void;
-    clear(): void;
-    focus(): void;
-    reset(): void;
-    private setupSearch;
-    private injectPopupStyles;
-    private selectCkType;
-    openDialog(event?: Event): Promise<void>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CkTypeSelectorInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CkTypeSelectorInputComponent, "mm-ck-type-selector-input", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "minSearchLength": { "alias": "minSearchLength"; "required": false; }; "maxResults": { "alias": "maxResults"; "required": false; }; "debounceMs": { "alias": "debounceMs"; "required": false; }; "ckModelIds": { "alias": "ckModelIds"; "required": false; }; "allowAbstract": { "alias": "allowAbstract"; "required": false; }; "dialogTitle": { "alias": "dialogTitle"; "required": false; }; "advancedSearchLabel": { "alias": "advancedSearchLabel"; "required": false; }; "derivedFromRtCkTypeId": { "alias": "derivedFromRtCkTypeId"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; }, { "ckTypeSelected": "ckTypeSelected"; "ckTypeCleared": "ckTypeCleared"; }, never, never, true, never>;
+interface UpdateInput {
+    /**
+     * The name of the entity being updated. This is required to display the name of the entity in the UI.
+     */
+    name: string;
+    /**
+     * The RT ID of the entity being updated. This is required to identify which entity to update in the backend.
+     */
+    rtId: string;
+    /**
+     * The RT CK type ID of the entity being updated. This is required to understand the structure and attributes of the entity for proper mapping and validation during the update operation.
+     */
+    rtCkTypeId: string;
+    /**
+     * The CK type ID of the entity being updated. This is required to understand the structure and attributes of the entity for proper mapping and validation during the update operation.
+     */
+    ckTypeId: string;
+}
+interface UpdateOutput {
+    success: boolean;
+    data?: {
+        /**
+         * The RT ID of the updated entity. This is returned after a successful update operation and can be used for further operations or navigation. It is optional because the update might fail, in which case this value would be undefined.
+         */
+        updatedRtEntityId: string;
+    };
 }
 
-/**
- * Variable definition for use in filter values.
- * Generic interface that can be provided by any consumer (e.g., MeshBoard).
- */
-interface FilterVariable {
-    /** Variable name (without $ prefix) */
-    name: string;
-    /** Display label for UI */
-    label?: string;
-    /** Variable data type */
-    type?: 'string' | 'number' | 'boolean' | 'date' | 'datetime';
+type BrowserItem$3 = RtEntityDto | CkModelDto | CkTypeDto | {
+    isCkModelsRoot?: boolean;
+    ckModelId?: string;
+};
+/** Payload emitted when create or update finishes; parent uses it to refresh tree and optionally reload detail view. */
+interface EntitySavedEvent {
+    parentCkTypeId?: string;
+    parentRtId?: string;
+    /** True when save was an update; parent should reload detail view after tree refresh. */
+    isUpdate?: boolean;
 }
-interface FieldFilterItem extends FieldFilterDto {
-    id: number;
-    /** If true, comparisonValue contains a variable reference (e.g., $myVar) */
-    useVariable?: boolean;
+declare class RuntimeBrowserDetailsComponent implements OnChanges, AfterViewInit {
+    selectedItem: TreeItemDataTyped<BrowserItem$3> | null;
+    set messages(value: Partial<RuntimeBrowserMessages>);
+    protected _messages: RuntimeBrowserMessages;
+    entitySaved: EventEmitter<void | EntitySavedEvent>;
+    dataSourceDirective?: CkTypeEntitiesDataSourceDirective;
+    private readonly router;
+    private readonly route;
+    private readonly entityDataSource;
+    private readonly stateService;
+    protected readonly typeHelperService: TypeHelperService;
+    protected readonly detailsIcon: _progress_kendo_svg_icons.SVGIcon;
+    protected fullEntity: RtEntityDto | null;
+    protected get ckTypeColumns(): ({
+        field: string;
+        displayName: string;
+        dataType: "text";
+        format?: undefined;
+    } | {
+        field: string;
+        displayName: string;
+        format: "short";
+        dataType: "iso8601";
+    })[];
+    protected get ckTypeViewDetailsCommand(): {
+        id: string;
+        type: "link";
+        text: string;
+        svgIcon: _progress_kendo_svg_icons.SVGIcon;
+        onClick: (eventArgs: CommandItemExecuteEventArgs) => Promise<void>;
+    };
+    protected loading: boolean;
+    protected error: string | null;
+    private pendingRtCkTypeId;
+    protected isCreateModeEnabled: boolean;
+    protected isUpdateModeEnabled: boolean;
+    protected createInput: CreateInput | undefined;
+    protected updateInput: UpdateInput | undefined;
+    ngAfterViewInit(): void;
+    ngOnChanges(changes: SimpleChanges): Promise<void>;
+    protected loadFullEntityDetails(): Promise<void>;
+    protected navigateToDetails(): Promise<void>;
+    protected navigateToEntity(rtId: string, ckTypeId: string): Promise<void>;
+    protected getEntityForDisplay(): RtEntityDto | null;
+    protected isCkModel(item: BrowserItem$3): item is CkModelDto;
+    protected isCkType(item: BrowserItem$3): item is CkTypeDto;
+    protected isCkModelsRoot(item: BrowserItem$3): item is {
+        isCkModelsRoot?: boolean;
+        ckModelId?: string;
+    };
+    protected getCkModelIdFullName(item: BrowserItem$3): string;
+    protected getCkModelIdName(item: BrowserItem$3): string;
+    protected getCkModelIdVersion(item: BrowserItem$3): string;
+    protected getCkModelIdSemanticName(item: BrowserItem$3): string;
+    protected getCkModelState(item: BrowserItem$3): string;
+    protected getCkTypeId(item: BrowserItem$3): string;
+    protected getRtCkTypeId(item: BrowserItem$3): string;
+    protected isCkTypeAbstract(item: BrowserItem$3): boolean;
+    protected isCkTypeFinal(item: BrowserItem$3): boolean;
+    protected getCkTypeBaseType(item: BrowserItem$3): string | null;
+    protected onViewEntityDetails: (eventArgs: CommandItemExecuteEventArgs) => Promise<void>;
+    /**
+     * Activates the creation UI and provides necessary data
+     * @param parentNode The tree node under which the new entity will be created, or null for root-level creation
+     * @param allowedTypes List of compatible entity types for the new node
+     */
+    enterCreateMode(parentNode: TreeItemDataTyped<BrowserItem$3> | null, allowedTypes: CkTypeDto[]): void;
+    enterEditMode(selectedItem: TreeItemDataTyped<BrowserItem$3> | null, rtCkTypeId: string | undefined): void;
+    /**
+     * Handles the result of the save operation from the child component
+     * @param result Object containing success status and new entity details
+     */
+    onEntityCreationFinished(result: CreateOutput): void;
+    /**
+     * Called when update editor saves. Emits so parent refreshes tree, then parent will call
+     * reloadCurrentEntityDetails() after refresh so the detail view shows fresh data.
+     */
+    onEntityUpdateFinished(result: UpdateOutput): void;
+    /**
+     * Reloads full entity details for the currently selected item.
+     * Called by parent after tree refresh so the detail view shows data after create/update.
+     */
+    reloadCurrentEntityDetails(): void;
+    onCancel(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RuntimeBrowserDetailsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RuntimeBrowserDetailsComponent, "mm-runtime-browser-details", never, { "selectedItem": { "alias": "selectedItem"; "required": false; }; "messages": { "alias": "messages"; "required": false; }; }, { "entitySaved": "entitySaved"; }, never, never, true, never>;
 }
-type InputType = 'text' | 'number' | 'boolean' | 'datetime';
-declare class FieldFilterEditorComponent implements OnChanges {
-    private readonly attributeService;
-    protected readonly plusIcon: _progress_kendo_svg_icons.SVGIcon;
-    protected readonly minusIcon: _progress_kendo_svg_icons.SVGIcon;
-    protected readonly trashIcon: _progress_kendo_svg_icons.SVGIcon;
-    protected readonly dollarIcon: _progress_kendo_svg_icons.SVGIcon;
-    private readonly arrayOperators;
-    readonly operators: {
-        label: string;
-        value: FieldFilterOperatorsDto;
-    }[];
-    readonly booleanOptions: string[];
-    availableAttributes: AttributeItem[];
+
+type BrowserItem$2 = RtEntityDto | CkModelDto | CkTypeDto | {
+    isCkModelsRoot?: boolean;
+    ckModelId?: string;
+};
+declare class RuntimeBrowserDataSource extends OctoGraphQlHierarchyDataSource<BrowserItem$2> {
+    private readonly getTreesDtoGQL;
+    private readonly getTreeNodesDtoGQL;
+    private readonly getCkModelsGQL;
+    private readonly getCkTypesGQL;
+    private readonly getCkModelByIdDtoGQL;
+    private readonly deleteEntitiesDtoGQL;
+    private readonly getRuntimeEntityAssociationsByIdDtoGQL;
+    private readonly updateTreeNodesDtoGQL;
+    private readonly typeHelperService;
+    private isCkModelsRoot;
+    private isCkModel;
+    private isCkType;
+    private static readonly levelMetaData;
+    private static readonly ckTypeMetaData;
+    fetchChildren(item: TreeItemDataTyped<BrowserItem$2>): Promise<TreeItemDataTyped<BrowserItem$2>[]>;
+    fetchRootNodes(): Promise<TreeItemDataTyped<BrowserItem$2>[]>;
     /**
-     * Optional CK type ID for self-loading attributes.
-     * When set, the component loads available attributes itself and shows
-     * navigation property controls (checkbox + max depth).
-     * When not set, the component uses the externally provided availableAttributes input.
+     * Gets ParentChild association of given Runtime Entity.
+     *
+     * @param ckTypeId Ck Type Id.
+     * @param rtId Runtime Id.
+     * @param isParentAssoc if true, fetches only parent, otherwise children.
+     *
+     * @returns Fetches configured association.
      */
-    ckTypeId?: string;
+    getParentChildAssociation(ckTypeId: string, rtId: string, isParentAssoc: boolean): Promise<RtAssociationDto[] | undefined>;
     /**
-     * When true, hides the "Include Navigation Properties" checkbox and Max Depth controls,
-     * and forces attribute loading without navigation properties.
-     * Used for stream data queries which don't support navigation properties.
+     * Swaps parent of the given object.
+     *
+     * @param srcObjRtId Runtime Entity Id of the object that is supposed to have its association changed.
+     * @param oldParentCkTypeId CkTypeId of the current parent.
+     * @param oldParentRtId Runtime Entity Id of the current parent.
+     * @param newParentCkTypeId CkTypeId of the target parent.
+     * @param newParentRtId Runtime Entity Id of the target parent.
+     *
+     * @returns true if association was successfully swapped.
      */
-    hideNavigationProperties: boolean;
+    updateParentChildAssociation(srcObjRtId: string, oldParentCkTypeId: string, oldParentRtId: string, newParentCkTypeId: string, newParentRtId: string): Promise<boolean>;
     /**
-     * When set, restricts the available attributes to only these attribute paths (filtered client-side after fetching).
-     * Used for stream data queries to show only stream-data-enabled attributes.
+     * Returns ckTypeId and rtId of a parent of given runtime entity.
+     *
+     * @param ckTypeId Runtime entity's ck type
+     * @param rtId Runtime entity's runtime id
+     * @returns object with parent's ckTypeId and rtId, or undefined when not found or on error.
      */
-    attributePaths?: string[];
-    /** Enable variable mode - allows using variables instead of literal values */
-    enableVariables: boolean;
-    /** Available variables for selection when enableVariables is true */
-    availableVariables: FilterVariable[];
-    /** Controls for self-loading mode (when ckTypeId is set) */
-    includeNavigationProperties: boolean;
-    maxDepth: number | null;
-    isLoadingAttributes: boolean;
-    private _filters;
-    private nextId;
-    filteredAttributeList: AttributeItem[];
-    private attributeTypeMap;
-    get filters(): FieldFilterItem[];
-    set filters(value: FieldFilterItem[]);
-    filtersChange: EventEmitter<FieldFilterItem[]>;
-    selectedKeys: number[];
-    ngOnChanges(changes?: SimpleChanges): void;
+    getRuntimeEntityParentData(ckTypeId: string, rtId: string): Promise<{
+        ckTypeId: string;
+        rtId: string;
+    } | undefined>;
     /**
-     * Detects filters that contain variable references and sets useVariable flag.
-     * This ensures proper display when filters are loaded from saved configuration.
+     * Performs cascade delete operation on given runtime entity.
+     *
+     * @param itemToDelete Potential runtime entity.
+     * @returns true on successful delete, false on database error or if object is not a runtime entity.
      */
-    private detectVariableFilters;
-    private buildAttributeTypeMap;
-    onNavigationPropertiesChange(): void;
-    onMaxDepthChange(value: number | null): void;
-    private loadAttributesFromCkType;
-    addFilter(): void;
-    removeFilter(filter: FieldFilterItem): void;
-    removeSelected(): void;
-    onFilterChange(): void;
-    onAttributeChange(filter: FieldFilterItem, attributePath: string): void;
-    onOperatorChange(filter: FieldFilterItem): void;
-    onComparisonValueChange(filter: FieldFilterItem, inputValue: string | null): void;
-    onComparisonValueBlur(filter: FieldFilterItem): void;
-    onBooleanValueChange(filter: FieldFilterItem, value: string): void;
-    onNumericValueChange(filter: FieldFilterItem, value: number | null): void;
-    onDateTimeValueChange(filter: FieldFilterItem, value: Date | null): void;
-    getDisplayValue(filter: FieldFilterItem): string;
-    getBooleanValue(filter: FieldFilterItem): string;
-    getNumericValue(filter: FieldFilterItem): number;
-    getDateTimeValue(filter: FieldFilterItem): Date | null;
-    getInputType(filter: FieldFilterItem): InputType;
-    getDecimals(filter: FieldFilterItem): number;
-    getNumberFormat(filter: FieldFilterItem): string;
-    getValuePlaceholder(filter: FieldFilterItem): string;
-    isArrayOperator(operator: FieldFilterOperatorsDto): boolean;
-    isSelected(filter: FieldFilterItem): boolean;
-    toggleSelection(filter: FieldFilterItem): void;
-    isAllSelected(): boolean;
-    isIndeterminate(): boolean;
-    toggleSelectAll(event: Event): void;
-    onAttributeFilterChange(filter: string): void;
+    deleteRtEntityAndChildren(itemToDelete: TreeItemDataTyped<unknown>): Promise<boolean>;
     /**
-     * Toggles between literal value and variable mode for a filter.
+     * Check if the Basic construction kit is available in the system
      */
-    toggleVariableMode(filter: FieldFilterItem): void;
+    private checkBasicConstructionKitAvailable;
+    private fetchCkModels;
+    private fetchCkTypes;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RuntimeBrowserDataSource, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<RuntimeBrowserDataSource>;
+}
+
+type BrowserItem$1 = RtEntityDto | CkModelDto | CkTypeDto | {
+    isCkModelsRoot?: boolean;
+    ckModelId?: string;
+};
+declare class RuntimeBrowserComponent implements AfterViewInit {
+    protected readonly ckTypesGQL: GetCkTypesDtoGQL;
+    protected readonly dataSource: RuntimeBrowserDataSource;
+    private readonly getRuntimeEntityByIdGQL;
+    private readonly inputService;
+    private readonly router;
+    private readonly route;
+    private readonly stateService;
+    private readonly typeHelperService;
+    private readonly notificationService;
+    private isSelectedItemAnRtEntity;
+    private isLoading;
+    private isCreating;
+    private isEditing;
+    messages: i0.InputSignal<Partial<RuntimeBrowserMessages>>;
+    protected readonly resolvedMessages: i0.Signal<RuntimeBrowserMessages>;
+    treeDetail: BaseTreeDetailComponent<BrowserItem$1>;
+    detailsPanel: RuntimeBrowserDetailsComponent;
+    protected get leftToolbarActions(): CommandItem[];
+    protected get rightToolbarActions(): CommandItem[];
+    private _selectedItem;
+    protected get selectedItem(): TreeItemDataTyped<BrowserItem$1> | null;
+    protected set selectedItem(item: TreeItemDataTyped<BrowserItem$1> | null);
+    private get isGoToEntityButtonEnabled();
+    private get isRefreshButtonEnabled();
+    private get isCreateButtonEnabled();
+    private get isDeleteButtonEnabled();
+    private get isEditButtonEnabled();
+    ngAfterViewInit(): void;
     /**
-     * Gets the selected variable object for a filter that uses variable mode.
+     * Wait for the tree component to be fully initialized and ready
      */
-    getSelectedVariable(filter: FieldFilterItem): FilterVariable | null;
+    private waitForTreeComponent;
     /**
-     * Handles variable selection from the dropdown.
+     * Restore the previously selected tree item and expand path
      */
-    onVariableSelected(filter: FieldFilterItem, variable: FilterVariable | null): void;
+    private restoreTreeState;
+    protected onNodeSelected(treeItem: TreeItemDataTyped<unknown>): void;
     /**
-     * Extracts variable name from ${variableName} or $variableName format.
+     * Boilerplate for showing warning notification.
+     *
+     * @param message Message of the warning.
      */
-    private extractVariableName;
+    private _showWarningNotification;
     /**
-     * Checks if a filter value is a variable reference.
+     * Occurs when item has been dropped on the Runtime Browser tree.
+     *
+     * @param event Metadata of the drag and drop operation.
      */
-    isVariableValue(value: unknown): boolean;
+    protected onNodeDropped(event: NodeDroppedEvent<unknown>): Promise<void>;
     /**
-     * Formats a variable name for display (e.g., "myVar" -> "${myVar}").
+     * Save the state using the expanded keys from the tree component.
+     * This is much more efficient than recursively searching for the path.
      */
-    formatVariableDisplay(name: string): string;
-    getFieldFilters(): FieldFilterDto[];
-    setFieldFilters(filters: FieldFilterDto[]): void;
-    clear(): void;
-    private isArrayValue;
-    private extractArrayContent;
-    private parseAndCleanArrayValues;
-    static ɵfac: i0.ɵɵFactoryDeclaration<FieldFilterEditorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FieldFilterEditorComponent, "mm-field-filter-editor", never, { "availableAttributes": { "alias": "availableAttributes"; "required": false; }; "ckTypeId": { "alias": "ckTypeId"; "required": false; }; "hideNavigationProperties": { "alias": "hideNavigationProperties"; "required": false; }; "attributePaths": { "alias": "attributePaths"; "required": false; }; "enableVariables": { "alias": "enableVariables"; "required": false; }; "availableVariables": { "alias": "availableVariables"; "required": false; }; "filters": { "alias": "filters"; "required": false; }; }, { "filtersChange": "filtersChange"; }, never, never, true, never>;
+    private saveStateFromExpandedKeys;
+    /**
+     * Generate a unique key for a tree item (same logic as in TreeComponent)
+     */
+    private getItemKey;
+    private extractBrowserItem;
+    private getItemText;
+    /**
+     * Create a TreeItemDataTyped from saved state data
+     */
+    private createTreeItemFromSavedState;
+    /**
+     * Toolbar action: Open dialog to navigate to entity
+     */
+    protected onGotoEntity(): Promise<void>;
+    /**
+     * Toolbar action: Refresh tree data
+     */
+    protected onRefresh(): Promise<void>;
+    /**
+     * Toolbar action: Delete selected tree node
+     */
+    protected onDelete(): Promise<void>;
+    /**
+     * Navigate to entity details route using the format "ckTypeId@rtId"
+     * @param entityIdentifier - String in format "ckTypeId@rtId"
+     * @example navigateToEntityDetails("Basic/TreeNode@507f1f77bcf86cd799439011")
+     */
+    private navigateToEntityDetails;
+    /**
+     * Main action to initiate the creation of a new node
+     */
+    protected onCreate(): Promise<void>;
+    protected onEdit(): Promise<void>;
+    /**
+     * Filters the list of types to find compatible types for entity creation.
+     * For root-level creation, only allows Basic/Tree types.
+     * For child creation, allows non-abstract TreeNode types.
+     *
+     * @param types - All available CK types
+     * @param isRootLevel - If true, only Basic/Tree types are allowed
+     * @returns Filtered list of compatible types
+     */
+    private getCompatibleTreeTypes;
+    /**
+     * Checks if a specific type or its base type belongs to the TreeNode hierarchy
+     */
+    private isTreeNodeType;
+    /**
+     * Handles entitySaved from the details panel: refreshes the tree, then reloads the detail view
+     * when the save was an update so the user sees fresh data.
+     */
+    protected onEntitySaved(event: EntitySavedEvent | void): Promise<void>;
+    /**
+     * Refresh tree data after entity creation.
+     * IMPORTANT: We use refreshTree() instead of refreshRuntimeEntities() because
+     * refreshRuntimeEntities() only manipulates expanded keys but doesn't force data
+     * reload from the data source. This causes stale data to persist in Kendo TreeView
+     */
+    protected refreshTreeAfterCreation(parentInfo?: {
+        parentRtId?: string;
+    }): Promise<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RuntimeBrowserComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RuntimeBrowserComponent, "mm-runtime-browser", never, { "messages": { "alias": "messages"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-interface CopyOption {
-    label: string;
-    value: string;
-    displayText: string;
+/**
+ * Simple outlet component for runtime browser routes.
+ * Use as the parent component when mounting runtime browser routes as children.
+ */
+declare class RuntimeBrowserOutletComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<RuntimeBrowserOutletComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RuntimeBrowserOutletComponent, "mm-runtime-browser-outlet", never, {}, {}, never, never, true, never>;
 }
+
 /**
- * A reusable component for displaying and copying entity identifiers.
- * Provides a dropdown button with options to copy:
- * - RtId: The runtime ObjectId
- * - CkTypeId: The full versioned Construction Kit type ID
- * - RtCkTypeId: The runtime CK type ID (unversioned)
- * - RtEntityId: Combined format {RtCkTypeId}@{RtId}
- *
- * @example
- * ```html
- * <mm-entity-id-info
- *   [rtId]="entity.rtId"
- *   [rtCkTypeId]="entity.ckTypeId"
- *   [ckTypeId]="entity.constructionKitType?.ckTypeId?.fullName">
- * </mm-entity-id-info>
- * ```
+ * Page component that wraps RuntimeBrowserComponent with optional message override.
+ * Use RUNTIME_BROWSER_MESSAGES token to provide custom/translated messages at route level.
  */
-declare class EntityIdInfoComponent {
-    private readonly notificationService;
-    protected readonly copyIcon: _progress_kendo_svg_icons.SVGIcon;
-    /** The RtId (ObjectId) of the entity */
-    rtId: string;
-    /** The RtCkTypeId - runtime CK type ID (e.g., System.Communication/MeshAdapter) */
-    rtCkTypeId: string;
-    /** The CkTypeId - full versioned Construction Kit type ID (e.g., System.Communication-2.0.3/MeshAdapter-1) */
-    ckTypeId?: string;
-    protected get copyOptions(): CopyOption[];
-    private truncateValue;
-    protected copyToClipboard(option: CopyOption): Promise<void>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<EntityIdInfoComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EntityIdInfoComponent, "mm-entity-id-info", never, { "rtId": { "alias": "rtId"; "required": true; }; "rtCkTypeId": { "alias": "rtCkTypeId"; "required": true; }; "ckTypeId": { "alias": "ckTypeId"; "required": false; }; }, {}, never, never, true, never>;
+declare class RuntimeBrowserPageComponent {
+    private readonly injectedMessages;
+    protected readonly messages: RuntimeBrowserMessages;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RuntimeBrowserPageComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RuntimeBrowserPageComponent, "mm-runtime-browser-page", never, {}, {}, never, never, true, never>;
 }
 
+/** Options for creating runtime browser routes. */
+interface RuntimeBrowserRouteOptions {
+    /** Base path for breadcrumb URLs (e.g. 'repository/browser', 'administration/plant-management'). */
+    basePath: string;
+    /** Breadcrumb label for the main browser view. Default: 'Runtime Browser'. */
+    breadcrumbLabel?: string;
+    /** Breadcrumb label for the entity detail view. Default: 'Entity Details'. */
+    entityBreadcrumbLabel?: string;
+    /** Optional SVG icon for breadcrumbs. */
+    svgIcon?: SVGIcon;
+    /** Optional custom page component for the main view (overrides RuntimeBrowserPageComponent). */
+    pageComponent?: unknown;
+    /** Optional route-level providers (e.g. for RUNTIME_BROWSER_MESSAGES). */
+    providers?: Provider[];
+}
 /**
- * Animated OctoMesh logo loader component.
- * Displays the OctoMesh octopus SVG with wiggling tentacles
- * and orbiting data blocks representing data loading.
- *
- * Uses `--kendo-color-primary` for theme-independent coloring.
- * Override the color via CSS `color` property on the host element.
+ * Creates routes for the runtime browser feature (main view + entity detail).
+ * Use these as children of a parent route that has a router-outlet.
  *
  * @example
- * ```html
- * <mm-octo-loader [size]="'medium'"></mm-octo-loader>
- * <mm-octo-loader [size]="'small'"></mm-octo-loader>
- * ```
+ * // In repository.routes.ts
+ * import { storage } from '@meshmakers/octo-ui';
+ * {
+ *   path: 'browser',
+ *   component: RuntimeBrowserOutletComponent,
+ *   children: createRuntimeBrowserRoutes({
+ *     basePath: 'repository/browser',
+ *     breadcrumbLabel: 'Runtime Browser',
+ *     entityBreadcrumbLabel: 'Entity Details',
+ *     svgIcon: storage,
+ *   }),
+ *   data: { roles: [Roles.AdminPanelManagement], breadcrumb: [{ label: 'Repository', url: 'repository' }] },
+ * }
  */
-declare class OctoLoaderComponent {
-    size: 'small' | 'medium';
-    static ɵfac: i0.ɵɵFactoryDeclaration<OctoLoaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OctoLoaderComponent, "mm-octo-loader", never, { "size": { "alias": "size"; "required": false; }; }, {}, never, never, true, never>;
-}
+declare function createRuntimeBrowserRoutes(options: RuntimeBrowserRouteOptions): Routes;
 
-declare class TenantSwitcherComponent {
-    currentTenantId: string | null;
-    allowedTenants: string[];
-    isDenied: boolean;
-    tenantSelected: EventEmitter<string>;
-    refreshRequested: EventEmitter<void>;
-    protected readonly refreshIcon: _progress_kendo_svg_icons.SVGIcon;
-    protected isRefreshing: boolean;
-    private anchor;
-    private popup;
-    showPopup: boolean;
-    onKeydown(event: KeyboardEvent): void;
-    onDocumentClick(event: MouseEvent): void;
-    onToggle(): void;
-    onSelectTenant(tenantId: string): void;
-    onRefresh(event: MouseEvent): void;
-    private contains;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TenantSwitcherComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TenantSwitcherComponent, "mm-tenant-switcher", never, { "currentTenantId": { "alias": "currentTenantId"; "required": false; }; "allowedTenants": { "alias": "allowedTenants"; "required": false; }; "isDenied": { "alias": "isDenied"; "required": false; }; }, { "tenantSelected": "tenantSelected"; "refreshRequested": "refreshRequested"; }, never, never, true, never>;
+/**
+ * Injection token for RuntimeBrowser messages.
+ * Provide this at route or component level to override default English messages (e.g. for i18n).
+ */
+declare const RUNTIME_BROWSER_MESSAGES: InjectionToken<RuntimeBrowserMessages>;
+
+type BrowserItem = RtEntityDto | CkModelDto | CkTypeDto | {
+    isCkModelsRoot?: boolean;
+    ckModelId?: string;
+};
+interface BrowserState {
+    selectedItemId: string;
+    selectedItemText: string;
+    selectedItemData: BrowserItem;
+    parentPath: TreeItemDataTyped<BrowserItem>[];
+    expandedKeys: string[];
+    timestamp: number;
+}
+declare class RuntimeBrowserStateService {
+    private currentState;
+    /**
+     * Save the current browser state including selected item information and parent path
+     * @deprecated Use saveStateWithKeys instead for better performance
+     */
+    saveState(selectedItem: TreeItemDataTyped<BrowserItem> | null, parentPath?: TreeItemDataTyped<BrowserItem>[]): void;
+    /**
+     * Save the current browser state using expanded keys from the tree.
+     * This is more efficient as it doesn't require recursive tree traversal.
+     */
+    saveStateWithKeys(selectedItem: TreeItemDataTyped<BrowserItem> | null, expandedKeys: string[]): void;
+    /**
+     * Get the saved browser state
+     */
+    getState(): BrowserState | null;
+    /**
+     * Clear the saved state
+     */
+    clearState(): void;
+    /**
+     * Check if the given item matches the saved state
+     */
+    isItemMatching(item: TreeItemDataTyped<BrowserItem>): boolean;
+    /**
+     * Get unique identifier for a tree item
+     */
+    private getItemId;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RuntimeBrowserStateService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<RuntimeBrowserStateService>;
 }
 
 /**
@@ -1044,11 +1877,32 @@ declare class RuntimeEntityVariableDialogService {
     static ɵprov: i0.ɵɵInjectableDeclaration<RuntimeEntityVariableDialogService>;
 }
 
+declare class TenantSwitcherComponent {
+    currentTenantId: string | null;
+    allowedTenants: string[];
+    isDenied: boolean;
+    tenantSelected: EventEmitter<string>;
+    refreshRequested: EventEmitter<void>;
+    protected readonly refreshIcon: _progress_kendo_svg_icons.SVGIcon;
+    protected isRefreshing: boolean;
+    private anchor;
+    private popup;
+    showPopup: boolean;
+    onKeydown(event: KeyboardEvent): void;
+    onDocumentClick(event: MouseEvent): void;
+    onToggle(): void;
+    onSelectTenant(tenantId: string): void;
+    onRefresh(event: MouseEvent): void;
+    private contains;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TenantSwitcherComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TenantSwitcherComponent, "mm-tenant-switcher", never, { "currentTenantId": { "alias": "currentTenantId"; "required": false; }; "allowedTenants": { "alias": "allowedTenants"; "required": false; }; "isDenied": { "alias": "isDenied"; "required": false; }; }, { "tenantSelected": "tenantSelected"; "refreshRequested": "refreshRequested"; }, never, never, true, never>;
+}
+
 /**
  * Provides OctoUi services using modern Angular provider functions.
  * This is the recommended approach for library providers.
  */
 declare function provideOctoUi(): EnvironmentProviders;
 
-export { AttributeSelectorDialogComponent, AttributeSelectorDialogService, AttributeSortSelectorDialogComponent, AttributeSortSelectorDialogService, AttributeValueTypeDto, CkTypeSelectorDialogComponent, CkTypeSelectorDialogService, CkTypeSelectorInputComponent, DefaultPropertyCategory, EntityIdInfoComponent, FieldFilterEditorComponent, OctoGraphQlDataSource, OctoGraphQlHierarchyDataSource, OctoLoaderComponent, PropertyConverterService, PropertyDisplayMode, PropertyGridComponent, PropertyValueDisplayComponent, RuntimeEntityVariableDialogComponent, RuntimeEntityVariableDialogService, TenantSwitcherComponent, provideOctoUi };
-export type { AttributeSelectorDialogData, AttributeSelectorDialogResult, AttributeSelectorResult, AttributeSortItem, AttributeSortSelectorDialogData, AttributeSortSelectorDialogResult, AttributeSortSelectorResult, BinaryDownloadEvent, CkTypeSelectorDialogData, CkTypeSelectorDialogResult, CkTypeSelectorResult, FieldFilterItem, FilterVariable, PropertyChangeEvent, PropertyGridConfig, PropertyGridItem, RuntimeEntityVariableDialogData, RuntimeEntityVariableDialogResult, RuntimeEntityVariableMapping, RuntimeEntityVariableResult, SortOption };
+export { AttributeSelectorDialogComponent, AttributeSelectorDialogService, AttributeSortSelectorDialogComponent, AttributeSortSelectorDialogService, AttributeValueTypeDto, CkTypeSelectorDialogComponent, CkTypeSelectorDialogService, CkTypeSelectorInputComponent, DEFAULT_RUNTIME_BROWSER_MESSAGES, DefaultPropertyCategory, EntityDetailComponent, EntityIdInfoComponent, FieldFilterEditorComponent, OctoGraphQlDataSource, OctoGraphQlHierarchyDataSource, OctoLoaderComponent, PropertyConverterService, PropertyDisplayMode, PropertyGridComponent, PropertyValueDisplayComponent, RUNTIME_BROWSER_MESSAGES, RtEntityIdHelper, RuntimeBrowserComponent, RuntimeBrowserOutletComponent, RuntimeBrowserPageComponent, RuntimeBrowserStateService, RuntimeEntityVariableDialogComponent, RuntimeEntityVariableDialogService, TenantSwitcherComponent, account_tree, add, analytics, app_registration, article, botService, category, chat, checklist, code, component_exchange, computer, createRuntimeBrowserRoutes, customer, dashboard, event_list, graphic_eq, group, identityService, insert_link, manage_accounts, more_time, notifications, page_info, pages, person_search, playlist_add_check, pool, power, provideOctoUi, publicIcon, query_builder, schedule_send, settings, sort, storage, swagger, swagger_asset, swagger_bot, swagger_communication, swagger_identity, team_dashboard, tenancy, text_snippet, travel_explore, user_diagnostics, webhook, work };
+export type { AttributeSelectorDialogData, AttributeSelectorDialogResult, AttributeSelectorResult, AttributeSortItem, AttributeSortSelectorDialogData, AttributeSortSelectorDialogResult, AttributeSortSelectorResult, BinaryDownloadEvent, BrowserState, CkTypeSelectorDialogData, CkTypeSelectorDialogResult, CkTypeSelectorResult, FieldFilterItem, FilterVariable, PropertyChangeEvent, PropertyGridConfig, PropertyGridItem, RtEntityId, RuntimeBrowserMessages, RuntimeBrowserRouteOptions, RuntimeEntityVariableDialogData, RuntimeEntityVariableDialogResult, RuntimeEntityVariableMapping, RuntimeEntityVariableResult, SortOption };