@umbraco-cms/backoffice 14.0.0-rc3 → 14.0.0-rc4

package/dist-cms/packages/property-editors/upload-field/property-editor-ui-upload-field.element.js

@@ -13,35 +13,30 @@ import { UmbPropertyValueChangeEvent, } from '../../core/property-editor/index.j
 let UmbPropertyEditorUIUploadFieldElement = class UmbPropertyEditorUIUploadFieldElement extends UmbLitElement {
     constructor() {
         super(...arguments);
-        this.value = '';
+        this.value = {};
     }
     set config(config) {
         if (!config)
             return;
         this._fileExtensions = config.getValueByAlias('fileExtensions');
-        this._multiple = config.getValueByAlias('multiple');
     }
-    _onChange(event) {
+    #onChange(event) {
         this.value = event.target.value;
         this.dispatchEvent(new UmbPropertyValueChangeEvent());
     }
     render() {
         return html `<umb-input-upload-field
-			@change="${this._onChange}"
-			?multiple="${this._multiple}"
-			.fileExtensions="${this._fileExtensions}"
-			.keys=${this.value?.split(',') ?? []}></umb-input-upload-field>`;
+			@change="${this.#onChange}"
+			.allowedFileExtensions="${this._fileExtensions}"
+			.value=${this.value}></umb-input-upload-field>`;
     }
 };
 __decorate([
-    property()
+    property({ type: Object })
 ], UmbPropertyEditorUIUploadFieldElement.prototype, "value", void 0);
 __decorate([
     state()
 ], UmbPropertyEditorUIUploadFieldElement.prototype, "_fileExtensions", void 0);
-__decorate([
-    state()
-], UmbPropertyEditorUIUploadFieldElement.prototype, "_multiple", void 0);
 UmbPropertyEditorUIUploadFieldElement = __decorate([
     customElement('umb-property-editor-ui-upload-field')
 ], UmbPropertyEditorUIUploadFieldElement);

package/dist-cms/packages/relations/menu/manifests.js

@@ -6,7 +6,7 @@ export const manifests = [
         name: 'Relations Menu Item',
         weight: 800,
         meta: {
-            label: 'Relations',
+            label: '#treeHeaders_relations',
             icon: 'icon-trafic',
             entityType: UMB_RELATION_TYPE_ROOT_ENTITY_TYPE,
             menus: ['Umb.Menu.AdvancedSettings'],

package/dist-cms/packages/relations/relation-types/workspace/relation-type/relation-type-workspace-editor.element.js

@@ -33,7 +33,9 @@ let UmbRelationTypeWorkspaceEditorElement = class UmbRelationTypeWorkspaceEditor
     }
     render() {
         return html `
-			<umb-workspace-editor alias="Umb.Workspace.RelationType">
+			<umb-workspace-editor
+				alias="Umb.Workspace.RelationType"
+				back-path="section/settings/workspace/relation-type-root">
 				<div id="header" slot="header">
 					<uui-input id="name" .value=${this._name} readonly>
 						<div id="alias" slot="append">${this._alias}</div>

package/dist-cms/packages/search/examine-management-dashboard/dashboard-examine-management.element.js

@@ -56,7 +56,7 @@ let UmbDashboardExamineManagementElement = class UmbDashboardExamineManagementEl
 					<div id="header" slot="header">
 						<a href=${this._routerPath}> &larr; Back to overview </a>
 					</div>
-			  `
+				`
             : nothing;
     }
     static { this.styles = [

package/dist-cms/packages/search/examine-management-dashboard/index.d.ts

@@ -0,0 +1 @@
+export * from './modal/index.js';

package/dist-cms/packages/search/examine-management-dashboard/index.js

@@ -0,0 +1 @@
+export * from './modal/index.js';

package/dist-cms/packages/search/examine-management-dashboard/manifests.js

@@ -0,0 +1,2 @@
+import { manifests as modalManifests } from './modal/manifests.js';
+export const manifests = [...modalManifests];

package/dist-cms/packages/search/examine-management-dashboard/{views/modal-views/fields-settings-modal.element.d.ts → modal/fields-settings/examine-fields-settings-modal.element.d.ts}

@@ -1,9 +1,11 @@
-import type { UmbExamineFieldsSettingsModalValue, UmbExamineFieldsSettingsModalData } from '../../../../core/modal/index.js';
+import type { UmbExamineFieldsSettingsModalData, UmbExamineFieldsSettingsModalValue } from './examine-fields-settings-modal.token.js';
 import { UmbModalBaseElement } from '../../../../core/modal/index.js';
-export default class UmbExamineFieldsSettingsModalElement extends UmbModalBaseElement<UmbExamineFieldsSettingsModalData, UmbExamineFieldsSettingsModalValue> {
-    render(): "" | import("lit-html").TemplateResult<1>;
+export declare class UmbExamineFieldsSettingsModalElement extends UmbModalBaseElement<UmbExamineFieldsSettingsModalData, UmbExamineFieldsSettingsModalValue> {
+    #private;
+    render(): import("lit-html").TemplateResult<1>;
     static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];
 }
+export default UmbExamineFieldsSettingsModalElement;
 declare global {
     interface HTMLElementTagNameMap {
         'umb-examine-fields-settings-modal': UmbExamineFieldsSettingsModalElement;

package/dist-cms/packages/search/examine-management-dashboard/modal/fields-settings/examine-fields-settings-modal.element.js

@@ -0,0 +1,66 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html, css, customElement } from '../../../../../external/lit/index.js';
+import { UmbTextStyles } from '../../../../core/style/index.js';
+import { UmbModalBaseElement } from '../../../../core/modal/index.js';
+let UmbExamineFieldsSettingsModalElement = class UmbExamineFieldsSettingsModalElement extends UmbModalBaseElement {
+    render() {
+        return html `<umb-body-layout headline=${this.localize.term('examineManagement_fields')}>
+			<uui-scroll-container id="field-settings"> ${this.#renderFields()} </uui-scroll-container>
+			<div slot="actions">
+				<uui-button
+					look="primary"
+					label=${this.localize.term('general_close')}
+					@click="${this._submitModal}"></uui-button>
+			</div>
+		</umb-body-layout>`;
+    }
+    #setExposed(fieldSetting) {
+        const newField = { ...fieldSetting, exposed: !fieldSetting.exposed };
+        const updatedFields = this.modalContext?.getValue().fields.map((field) => {
+            if (field.name === fieldSetting.name)
+                return newField;
+            else
+                return field;
+        }) ?? [];
+        this.modalContext?.updateValue({ fields: updatedFields });
+    }
+    #renderFields() {
+        if (!this.value.fields.length)
+            return;
+        return html `<span>
+			${Object.values(this.value.fields).map((field) => {
+            return html `<uui-toggle
+						name="${field.name}"
+						label="${field.name}"
+						.checked="${field.exposed}"
+						@change="${() => this.#setExposed(field)}"></uui-toggle>
+					<br />`;
+        })}
+		</span>`;
+    }
+    static { this.styles = [
+        UmbTextStyles,
+        css `
+			:host {
+				display: relative;
+			}
+
+			uui-scroll-container {
+				overflow-y: scroll;
+				max-height: 100%;
+				min-height: 0;
+				flex: 1;
+			}
+		`,
+    ]; }
+};
+UmbExamineFieldsSettingsModalElement = __decorate([
+    customElement('umb-examine-fields-settings-modal')
+], UmbExamineFieldsSettingsModalElement);
+export { UmbExamineFieldsSettingsModalElement };
+export default UmbExamineFieldsSettingsModalElement;

package/dist-cms/packages/{core/modal/token → search/examine-management-dashboard/modal/fields-settings}/examine-fields-settings-modal.token.d.ts

@@ -1,11 +1,10 @@
-import { UmbModalToken } from './modal-token.js';
+import { UmbModalToken } from '../../../../core/modal/index.js';
 export type UmbExamineFieldsSettingsModalData = never;
-type FieldSettingsType = {
+export type UmbExamineFieldSettingsType = {
     name: string;
     exposed: boolean;
 };
 export type UmbExamineFieldsSettingsModalValue = {
-    fields: Array<FieldSettingsType>;
+    fields: Array<UmbExamineFieldSettingsType>;
 };
 export declare const UMB_EXAMINE_FIELDS_SETTINGS_MODAL: UmbModalToken<never, UmbExamineFieldsSettingsModalValue>;
-export {};

package/dist-cms/packages/{core/modal/token → search/examine-management-dashboard/modal/fields-settings}/examine-fields-settings-modal.token.js

@@ -1,5 +1,5 @@
-import { UmbModalToken } from './modal-token.js';
-export const UMB_EXAMINE_FIELDS_SETTINGS_MODAL = new UmbModalToken('Umb.Modal.ExamineFieldsSettings', {
+import { UmbModalToken } from '../../../../core/modal/index.js';
+export const UMB_EXAMINE_FIELDS_SETTINGS_MODAL = new UmbModalToken('Umb.Modal.Examine.FieldsSettings', {
     modal: {
         type: 'sidebar',
         size: 'small',

package/dist-cms/packages/search/examine-management-dashboard/modal/fields-settings/index.d.ts

@@ -0,0 +1,2 @@
+export * from './examine-fields-settings-modal.element.js';
+export * from './examine-fields-settings-modal.token.js';

package/dist-cms/packages/search/examine-management-dashboard/modal/fields-settings/index.js

@@ -0,0 +1,2 @@
+export * from './examine-fields-settings-modal.element.js';
+export * from './examine-fields-settings-modal.token.js';

package/dist-cms/packages/search/examine-management-dashboard/modal/fields-viewer/examine-fields-viewer-modal.element.d.ts

@@ -0,0 +1,14 @@
+import type { UmbExamineFieldsViewerModalData, UmbExamineFieldsViewerModalValue } from './examine-fields-viewer-modal.token.js';
+import { nothing } from '../../../../../external/lit/index.js';
+import { UmbModalBaseElement } from '../../../../core/modal/index.js';
+export declare class UmbExamineFieldsViewerModalElement extends UmbModalBaseElement<UmbExamineFieldsViewerModalData, UmbExamineFieldsViewerModalValue> {
+    private _handleClose;
+    render(): typeof nothing | import("lit-html").TemplateResult<1>;
+    static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];
+}
+export default UmbExamineFieldsViewerModalElement;
+declare global {
+    interface HTMLElementTagNameMap {
+        'umb-examine-fields-viewer-modal': UmbExamineFieldsViewerModalElement;
+    }
+}

package/dist-cms/packages/search/examine-management-dashboard/{views/modal-views/fields-viewer.element.js → modal/fields-viewer/examine-fields-viewer-modal.element.js}

@@ -7,7 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { html, css, nothing, customElement } from '../../../../../external/lit/index.js';
 import { UmbTextStyles } from '../../../../core/style/index.js';
 import { UmbModalBaseElement } from '../../../../core/modal/index.js';
-let UmbModalElementFieldsViewerElement = class UmbModalElementFieldsViewerElement extends UmbModalBaseElement {
+let UmbExamineFieldsViewerModalElement = class UmbExamineFieldsViewerModalElement extends UmbModalBaseElement {
     _handleClose() {
         this.modalContext?.reject();
     }
@@ -15,7 +15,7 @@ let UmbModalElementFieldsViewerElement = class UmbModalElementFieldsViewerElemen
         if (!this.data)
             return nothing;
         return html `
-			<uui-dialog-layout class="uui-text" headline="${this.data.name}">
+			<umb-body-layout headline="${this.data?.name}">
 				<uui-scroll-container id="field-viewer">
 					<span>
 						<uui-table>
@@ -23,7 +23,7 @@ let UmbModalElementFieldsViewerElement = class UmbModalElementFieldsViewerElemen
 								<uui-table-head-cell> Field </uui-table-head-cell>
 								<uui-table-head-cell> Value </uui-table-head-cell>
 							</uui-table-head>
-							${Object.values(this.data.fields ?? []).map((cell) => {
+							${Object.values(this.data.searchResult.fields ?? []).map((cell) => {
             return html `<uui-table-row>
 									<uui-table-cell> ${cell.name} </uui-table-cell>
 									<uui-table-cell> ${cell.values?.join(', ')} </uui-table-cell>
@@ -32,10 +32,13 @@ let UmbModalElementFieldsViewerElement = class UmbModalElementFieldsViewerElemen
 						</uui-table>
 					</span>
 				</uui-scroll-container>
-				<div>
-					<uui-button look="primary" @click="${this._handleClose}">Close</uui-button>
+				<div slot="actions">
+					<uui-button
+						look="primary"
+						label=${this.localize.term('general_close')}
+						@click=${this._rejectModal}></uui-button>
 				</div>
-			</uui-dialog-layout>
+			</umb-body-layout>
 		`;
     }
     static { this.styles = [
@@ -44,11 +47,6 @@ let UmbModalElementFieldsViewerElement = class UmbModalElementFieldsViewerElemen
 			:host {
 				display: relative;
 			}
-			uui-dialog-layout {
-				display: flex;
-				flex-direction: column;
-				height: 100%;
-			}
 
 			span {
 				display: block;
@@ -56,20 +54,15 @@ let UmbModalElementFieldsViewerElement = class UmbModalElementFieldsViewerElemen
 			}
 
 			uui-scroll-container {
-				line-height: 0;
 				overflow-y: scroll;
 				max-height: 100%;
 				min-height: 0;
 			}
-			div {
-				margin-top: var(--uui-size-space-5);
-				display: flex;
-				flex-direction: row-reverse;
-			}
 		`,
     ]; }
 };
-UmbModalElementFieldsViewerElement = __decorate([
-    customElement('umb-modal-element-fields-viewer')
-], UmbModalElementFieldsViewerElement);
-export { UmbModalElementFieldsViewerElement };
+UmbExamineFieldsViewerModalElement = __decorate([
+    customElement('umb-examine-fields-viewer-modal')
+], UmbExamineFieldsViewerModalElement);
+export { UmbExamineFieldsViewerModalElement };
+export default UmbExamineFieldsViewerModalElement;

package/dist-cms/packages/search/examine-management-dashboard/modal/fields-viewer/examine-fields-viewer-modal.token.d.ts

@@ -0,0 +1,8 @@
+import type { SearchResultResponseModel } from '../../../../../external/backend-api/index.js';
+import { UmbModalToken } from '../../../../core/modal/index.js';
+export type UmbExamineFieldsViewerModalData = {
+    name: string;
+    searchResult: SearchResultResponseModel;
+};
+export type UmbExamineFieldsViewerModalValue = never;
+export declare const UMB_EXAMINE_FIELDS_VIEWER_MODAL: UmbModalToken<UmbExamineFieldsViewerModalData, never>;

package/dist-cms/packages/search/examine-management-dashboard/modal/fields-viewer/examine-fields-viewer-modal.token.js

@@ -0,0 +1,7 @@
+import { UmbModalToken } from '../../../../core/modal/index.js';
+export const UMB_EXAMINE_FIELDS_VIEWER_MODAL = new UmbModalToken('Umb.Modal.Examine.FieldsViewer', {
+    modal: {
+        type: 'sidebar',
+        size: 'small',
+    },
+});

package/dist-cms/packages/search/examine-management-dashboard/modal/fields-viewer/index.d.ts

@@ -0,0 +1,2 @@
+export * from './examine-fields-viewer-modal.element.js';
+export * from './examine-fields-viewer-modal.token.js';

package/dist-cms/packages/search/examine-management-dashboard/modal/fields-viewer/index.js

@@ -0,0 +1,2 @@
+export * from './examine-fields-viewer-modal.element.js';
+export * from './examine-fields-viewer-modal.token.js';

package/dist-cms/packages/search/examine-management-dashboard/modal/index.d.ts

@@ -0,0 +1,2 @@
+export * from './fields-settings/index.js';
+export * from './fields-viewer/index.js';

package/dist-cms/packages/search/examine-management-dashboard/modal/index.js

@@ -0,0 +1,2 @@
+export * from './fields-settings/index.js';
+export * from './fields-viewer/index.js';

package/dist-cms/packages/search/examine-management-dashboard/modal/manifests.d.ts

@@ -0,0 +1,2 @@
+import type { ManifestTypes } from '../../../core/extension-registry/index.js';
+export declare const manifests: Array<ManifestTypes>;

package/dist-cms/packages/search/examine-management-dashboard/modal/manifests.js

@@ -0,0 +1,15 @@
+const modals = [
+    {
+        type: 'modal',
+        alias: 'Umb.Modal.Examine.FieldsSettings',
+        name: 'Examine Field Settings Modal',
+        js: () => import('./fields-settings/examine-fields-settings-modal.element.js'),
+    },
+    {
+        type: 'modal',
+        alias: 'Umb.Modal.Examine.FieldsViewer',
+        name: 'Examine Field Viewer Modal',
+        js: () => import('./fields-viewer/examine-fields-viewer-modal.element.js'),
+    },
+];
+export const manifests = [...modals];

package/dist-cms/packages/search/examine-management-dashboard/views/section-view-examine-indexers.d.ts

@@ -1,12 +1,13 @@
 import { UmbLitElement } from '../../../core/lit-element/index.js';
 import './section-view-examine-searchers.js';
 export declare class UmbDashboardExamineIndexElement extends UmbLitElement {
+    #private;
     indexName: string;
     private _buttonState?;
     private _indexData?;
     private _loading;
     connectedCallback(): void;
-    private _getIndexData;
+    private _continuousPolling;
     private _onRebuildHandler;
     private _rebuild;
     render(): import("lit-html").TemplateResult<1>;

package/dist-cms/packages/search/examine-management-dashboard/views/section-view-examine-indexers.js

@@ -19,28 +19,44 @@ let UmbDashboardExamineIndexElement = class UmbDashboardExamineIndexElement exte
     }
     connectedCallback() {
         super.connectedCallback();
-        this._getIndexData();
+        this.#loadData();
     }
-    async _getIndexData() {
-        const { data } = await tryExecuteAndNotify(this, IndexerService.getIndexerByIndexName({ indexName: this.indexName }));
-        this._indexData = data;
-        // TODO: Add continuous polling to update the status
-        if (this._indexData?.healthStatus === HealthStatusModel.REBUILDING) {
+    async #loadData() {
+        this._indexData = await this.#getIndexData();
+        if (this._indexData?.healthStatus.status === HealthStatusModel.REBUILDING) {
             this._buttonState = 'waiting';
+            this._continuousPolling();
+        }
+        else {
+            this._loading = false;
         }
-        this._loading = false;
+    }
+    async #getIndexData() {
+        const { data } = await tryExecuteAndNotify(this, IndexerService.getIndexerByIndexName({ indexName: this.indexName }));
+        return data;
+    }
+    async _continuousPolling() {
+        //Checking the server every 5 seconds to see if the index is still rebuilding.
+        while (this._buttonState === 'waiting') {
+            await new Promise((resolve) => setTimeout(resolve, 5000));
+            this._indexData = await this.#getIndexData();
+            if (this._indexData?.healthStatus.status !== HealthStatusModel.REBUILDING) {
+                this._buttonState = 'success';
+            }
+        }
+        return;
     }
     async _onRebuildHandler() {
         await umbConfirmModal(this, {
-            headline: `Rebuild ${this.indexName}`,
-            content: html `
-				This will cause the index to be rebuilt.<br />
+            headline: `${this.localize.term('examineManagement_rebuildIndex')} ${this.indexName}`,
+            content: html `<umb-localize key="examineManagement_rebuildIndexWarning"
+				>This will cause the index to be rebuilt.<br />
 				Depending on how much content there is in your site this could take a while.<br />
 				It is not recommended to rebuild an index during times of high website traffic or when editors are editing
-				content.
-			`,
+				content.</umb-localize
+			> `,
             color: 'danger',
-            confirmLabel: 'Rebuild',
+            confirmLabel: this.localize.term('examineManagement_rebuildIndex'),
         });
         this._rebuild();
     }
@@ -52,7 +68,20 @@ let UmbDashboardExamineIndexElement = class UmbDashboardExamineIndexElement exte
             return;
         }
         this._buttonState = 'success';
-        await this._getIndexData();
+        await this.#loadData();
+    }
+    #renderHealthStatus(healthStatus) {
+        const msg = healthStatus.message ? healthStatus.message : healthStatus.status;
+        switch (healthStatus.status) {
+            case HealthStatusModel.HEALTHY:
+                return html `<umb-icon name="icon-check color-green"></umb-icon>${msg}`;
+            case HealthStatusModel.UNHEALTHY:
+                return html `<umb-icon name="icon-error color-red"></umb-icon>${msg}`;
+            case HealthStatusModel.REBUILDING:
+                return html `<umb-icon name="icon-time color-yellow"></umb-icon>${msg}`;
+            default:
+                return;
+        }
     }
     render() {
         if (!this._indexData || this._loading)
@@ -60,40 +89,40 @@ let UmbDashboardExamineIndexElement = class UmbDashboardExamineIndexElement exte
         return html `
 			<uui-box headline="${this.indexName}">
 				<p>
-					<strong>Health Status</strong><br />
-					The health status of the ${this.indexName} and if it can be read
+					<strong><umb-localize key="examineManagement_healthStatus">Health Status</umb-localize></strong
+					><br />
+					<umb-localize key="examineManagement_healthStatusDescription"
+						>The health status of the ${this.indexName} and if it can be read</umb-localize
+					>
 				</p>
-				<div>
-					<uui-icon-essentials>
-						${this._indexData.healthStatus === HealthStatusModel.UNHEALTHY
-            ? html `<uui-icon name="wrong" class="danger"></uui-icon>`
-            : html `<uui-icon name="check" class="positive"></uui-icon>`}
-						</uui-icon>
-					</uui-icon-essentials>
-					${this._indexData.healthStatus}
-				</div>
+				<div id="health-status">${this.#renderHealthStatus(this._indexData.healthStatus)}</div>
 			</uui-box>
 			${this.renderIndexSearch()} ${this.renderPropertyList()} ${this.renderTools()}
 		`;
     }
     renderIndexSearch() {
-        if (!this._indexData || this._indexData.healthStatus !== HealthStatusModel.HEALTHY)
+        // Do we want to show the search while rebuilding?
+        if (!this._indexData || this._indexData.healthStatus.status === HealthStatusModel.REBUILDING)
             return nothing;
         return html `<umb-dashboard-examine-searcher .searcherName="${this.indexName}"></umb-dashboard-examine-searcher>`;
     }
     renderPropertyList() {
         if (!this._indexData)
             return nothing;
-        return html `<uui-box headline="Index info">
-			<p>Lists the properties of the ${this.indexName}</p>
+        return html `<uui-box headline=${this.localize.term('examineManagement_indexInfo')}>
+			<p>
+				<umb-localize key="examineManagement_indexInfoDescription"
+					>Lists the properties of the ${this.indexName}</umb-localize
+				>
+			</p>
 			<uui-table class="info">
 				<uui-table-row>
-					<uui-table-cell style="width:0px; font-weight: bold;"> documentCount </uui-table-cell>
-					<uui-table-cell>${this._indexData.documentCount} </uui-table-cell>
+					<uui-table-cell style="width:0px; font-weight: bold;">DocumentCount</uui-table-cell>
+					<uui-table-cell>${this._indexData.documentCount}</uui-table-cell>
 				</uui-table-row>
 				<uui-table-row>
-					<uui-table-cell style="width:0px; font-weight: bold;"> fieldCount </uui-table-cell>
-					<uui-table-cell>${this._indexData.fieldCount} </uui-table-cell>
+					<uui-table-cell style="width:0px; font-weight: bold;">FieldCount</uui-table-cell>
+					<uui-table-cell>${this._indexData.fieldCount}</uui-table-cell>
 				</uui-table-row>
 				${this._indexData.providerProperties
             ? Object.entries(this._indexData.providerProperties).map((entry) => {
@@ -107,22 +136,25 @@ let UmbDashboardExamineIndexElement = class UmbDashboardExamineIndexElement exte
 		</uui-box>`;
     }
     renderTools() {
-        return html ` <uui-box headline="Tools">
-			<p>Tools to manage the ${this.indexName}</p>
+        return html ` <uui-box headline=${this.localize.term('examineManagement_tools')}>
+			<p><umb-localize key="examineManagement_toolsDescription">Tools to manage the ${this.indexName}</umb-localize></p>
 			<uui-button
 				color="danger"
 				look="primary"
 				.state="${this._buttonState}"
 				@click="${this._onRebuildHandler}"
 				.disabled="${this._indexData?.canRebuild ? false : true}"
-				label="Rebuild index">
-				Rebuild
-			</uui-button>
+				label=${this.localize.term('examineManagement_rebuildIndex')}></uui-button>
 		</uui-box>`;
     }
     static { this.styles = [
         UmbTextStyles,
         css `
+			#health-status {
+				display: flex;
+				gap: var(--uui-size-6);
+			}
+
 			:host {
 				display: block;
 			}
@@ -166,13 +198,6 @@ let UmbDashboardExamineIndexElement = class UmbDashboardExamineIndexElement exte
 				padding-right: var(--uui-size-space-5);
 			}
 
-			.positive {
-				color: var(--uui-color-positive);
-			}
-			.danger {
-				color: var(--uui-color-danger);
-			}
-
 			button {
 				background: none;
 				border: none;

package/dist-cms/packages/search/examine-management-dashboard/views/section-view-examine-overview.d.ts

@@ -1,5 +1,6 @@
 import { UmbLitElement } from '../../../core/lit-element/index.js';
 export declare class UmbDashboardExamineOverviewElement extends UmbLitElement {
+    #private;
     private _indexers?;
     private _searchers?;
     private _loadingIndexers;

package/dist-cms/packages/search/examine-management-dashboard/views/section-view-examine-overview.js

@@ -32,19 +32,37 @@ let UmbDashboardExamineOverviewElement = class UmbDashboardExamineOverviewElemen
         this._searchers = data?.items ?? [];
         this._loadingSearchers = false;
     }
+    #renderStatus(status) {
+        switch (status) {
+            case HealthStatusModel.HEALTHY:
+                return html `<umb-icon name="icon-check color-green"></umb-icon>`;
+            case HealthStatusModel.UNHEALTHY:
+                return html `<umb-icon name="icon-error color-red"></umb-icon>`;
+            case HealthStatusModel.REBUILDING:
+                return html `<umb-icon name="icon-time color-yellow"></umb-icon>`;
+            default:
+                return;
+        }
+    }
     render() {
         return html `
-			<uui-box headline="Indexers" class="overview">
+			<uui-box headline=${this.localize.term('examineManagement_indexers')} class="overview">
 				<p>
-					<strong>Manage Examine's indexes</strong><br />
-					Allows you to view the details of each index and provides some tools for managing the indexes
+					<strong><umb-localize key="examineManagement_manageIndexes">Manage Examine's indexes</umb-localize></strong
+					><br />
+					<umb-localize key="examineManagement_manageIndexesDescription"
+						>Allows you to view the details of each index and provides some tools for managing the indexes</umb-localize
+					>
 				</p>
 				${this.renderIndexersList()}
 			</uui-box>
-			<uui-box headline="Searchers">
+			<uui-box headline=${this.localize.term('examineManagement_searchers')}>
 				<p>
-					<strong>Configured Searchers</strong><br />
-					Shows properties and tools for any configured Searcher (i.e. such as a multi-index searcher)
+					<strong><umb-localize key="examineManagement_configuredSearchers">Configured Searchers</umb-localize></strong
+					><br />
+					<umb-localize key="examineManagement_configuredSearchersDescription"
+						>Shows properties and tools for any configured Searcher (i.e. such as a multi-index searcher)</umb-localize
+					>
 				</p>
 				${this.renderSearchersList()}
 			</uui-box>
@@ -59,14 +77,7 @@ let UmbDashboardExamineOverviewElement = class UmbDashboardExamineOverviewElemen
 			${this._indexers.map((index) => {
             return html `
 					<uui-table-row>
-						<uui-table-cell style="width:0px">
-							<uui-icon-essentials>
-							${index.healthStatus === HealthStatusModel.UNHEALTHY
-                ? html `<uui-icon name="wrong" class="danger"></uui-icon>`
-                : html `<uui-icon name="check" class="positive"></uui-icon>`}
-								</uui-icon>
-							</uui-icon-essentials>
-						</uui-table-cell>
+						<uui-table-cell style="width:0px"> ${this.#renderStatus(index.healthStatus.status)} </uui-table-cell>
 						<uui-table-cell>
 							<a href="${window.location.href.replace(/\/+$/, '')}/index/${index.name}">${index.name}</a>
 						</uui-table-cell>

package/dist-cms/packages/search/examine-management-dashboard/views/section-view-examine-searchers.d.ts

@@ -1,7 +1,5 @@
 import type { FieldPresentationModel } from '../../../../external/backend-api/index.js';
 import { UmbLitElement } from '../../../core/lit-element/index.js';
-import './modal-views/fields-viewer.element.js';
-import './modal-views/fields-settings-modal.element.js';
 export declare class UmbDashboardExamineSearcherElement extends UmbLitElement {
     #private;
     searcherName: string;
@@ -9,8 +7,9 @@ export declare class UmbDashboardExamineSearcherElement extends UmbLitElement {
     private _exposedFields?;
     private _searchLoading;
     private _searchInput;
-    private _onNameClick;
+    private _workspacePath;
     private _onKeyPress;
+    constructor();
     private _onSearch;
     private _updateFieldFilter;
     render(): import("lit-html").TemplateResult<1>;