@umbraco-engage/backoffice 17.0.4 → 17.1.0

package/dist/core/components/screen/tabbed-layout.element.js

@@ -30,11 +30,13 @@ let UeTabbedScreenLayoutElement = class UeTabbedScreenLayoutElement extends UmbL
     #sectionContext;
     #documentWorkspaceContext;
     #manifestObserver;
+    #headerActionsObserver;
     #init;
     constructor() {
         super();
         this._routes = [];
         this._manifests = [];
+        this._headerActionElements = [];
         this.#init = Promise.all([
             this.consumeContext(ENGAGE_CONTEXT, (context) => {
                 if (!context)
@@ -93,6 +95,20 @@ let UeTabbedScreenLayoutElement = class UeTabbedScreenLayoutElement extends UmbL
                 return;
             this.#createRoutes();
         }, "_engageSectionScreenManifestsObserver");
+        // Only observe header actions in engage context
+        if (this._context === "engage") {
+            this.#headerActionsObserver = this.observe(umbExtensionsRegistry.byType("engageHeaderAction"), async (manifests) => {
+                const sortedManifests = [...manifests].sort((a, b) => (b.weight ?? 0) - (a.weight ?? 0));
+                const elements = await Promise.all(sortedManifests.map(async (manifest) => {
+                    const element = await createExtensionElement(manifest);
+                    if (element) {
+                        element.manifest = manifest;
+                    }
+                    return element;
+                }));
+                this._headerActionElements = elements.filter((e) => !!e);
+            }, "_engageHeaderActionsObserver");
+        }
     }
     #createRoutes() {
         const routes = this._manifests
@@ -196,23 +212,30 @@ let UeTabbedScreenLayoutElement = class UeTabbedScreenLayoutElement extends UmbL
       look=${look}
       context=${this._context}
     >
-      <uui-tab-group slot="header">
-        ${repeat(this._manifests, (manifest) => manifest, (manifest) => {
+      <div slot="header" class="header-container">
+        <uui-tab-group>
+          ${repeat(this._manifests, (manifest) => manifest, (manifest) => {
             const path = this._routerPath + "/" + encodeFolderName(manifest.meta.pathname);
             return html `<uui-tab
-              label=${this.localize.string(manifest.meta.label)}
-              ?active=${path === this._activePath}
-              ?disabled=${manifest.meta.enabled !== true}
-              class=${manifest.meta.enabled ? "" : "hide"}
-              href=${path}
-              look=${look}
-              ><div>
-                <!-- ${when(manifest.meta.icon, () => html ` <umb-icon .name=${manifest.meta.icon}></umb-icon>`)} -->
-                ${this.localize.string(manifest.meta.label)}
-              </div></uui-tab
-            >`;
+                label=${this.localize.string(manifest.meta.label)}
+                ?active=${path === this._activePath}
+                ?disabled=${manifest.meta.enabled !== true}
+                class=${manifest.meta.enabled ? "" : "hide"}
+                href=${path}
+                look=${look}
+                ><div>
+                  <!-- ${when(manifest.meta.icon, () => html ` <umb-icon .name=${manifest.meta.icon}></umb-icon>`)} -->
+                  ${this.localize.string(manifest.meta.label)}
+                </div></uui-tab
+              >`;
         })}
-      </uui-tab-group>
+        </uui-tab-group>
+        ${when(this._context === "engage" && look === "secondary" && this._headerActionElements.length > 0, () => html `
+            <div class="header-actions">
+              ${this._headerActionElements}
+            </div>
+          `)}
+      </div>
       <umb-router-slot
         .routes=${this._routes}
         @init=${(event) => {
@@ -228,9 +251,18 @@ let UeTabbedScreenLayoutElement = class UeTabbedScreenLayoutElement extends UmbL
     disconnectedCallback() {
         super.disconnectedCallback();
         this.#manifestObserver?.destroy();
+        this.#headerActionsObserver?.destroy();
     }
     static { this.styles = [
         css `
+      .header-container {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        width: 100%;
+        height: 100%;
+      }
+
       uui-tab.hide {
         display: none;
       }
@@ -260,6 +292,13 @@ let UeTabbedScreenLayoutElement = class UeTabbedScreenLayoutElement extends UmbL
       uui-tab[active][look="default"] {
         --uui-color-current: var(--uui-palette-spanish-pink);
       }
+
+      .header-actions {
+        display: flex;
+        align-items: center;
+        height: 100%;
+        margin-right: var(--uui-size-space-2);
+      }
     `,
     ]; }
 };
@@ -284,6 +323,9 @@ __decorate([
 __decorate([
     state()
 ], UeTabbedScreenLayoutElement.prototype, "_userPermission", void 0);
+__decorate([
+    state()
+], UeTabbedScreenLayoutElement.prototype, "_headerActionElements", void 0);
 UeTabbedScreenLayoutElement = __decorate([
     customElement(elementName)
 ], UeTabbedScreenLayoutElement);

package/dist/core/components/sidebar-layout.element.js

@@ -46,6 +46,7 @@ let UeSidebarLayoutElement = class UeSidebarLayoutElement extends UmbLitElement
           top: var(--sidebar-layout-sidebar-top, var(--uui-size-space-6));
           flex: 1 0 var(--sidebar-layout-width, 350px);
           max-width: var(--sidebar-layout-width, 350px);
+          align-self: var(--sidebar-layout-align, flex-start);
         }
       }
     `,

package/dist/core/components/tooltip/tooltip-element.js

@@ -63,10 +63,11 @@ let UeTooltipElement = class UeTooltipElement extends UmbLitElement {
       max-width: 300px;
       background: var(--engage-color-tab-active);
       color: white;
-      padding: var(--uui-size-3);
+      padding: var(--uui-size-2);
       border-radius: var(--uui-border-radius);
       box-shadow: var(--uui-shadow-depth-4);
       line-height: 1.5;
+      font-size: var(--uui-size-4);
     }
   `; }
 };

package/dist/core/components/variant-pickers/variant-content-picker.element.d.ts

@@ -1,6 +1,6 @@
-import { type UmbPropertyEditorUiElement } from "@umbraco-cms/backoffice/property-editor";
 import { UeVariantPickerBaseElement } from "./variant-picker-base.element.js";
 import type { UeVariantDocumentPickerModel } from "./index.js";
+import { type UmbPropertyEditorUiElement } from "@umbraco-cms/backoffice/property-editor";
 declare const elementName = "ue-variant-content-picker";
 export declare class UeVariantContentPickerElement extends UeVariantPickerBaseElement<UeVariantDocumentPickerModel> implements UmbPropertyEditorUiElement {
     onValueUpdated(): void;

package/dist/core/components/variant-pickers/variant-content-picker.element.js

@@ -4,10 +4,10 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     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 { UeVariantPickerBaseElement } from "./variant-picker-base.element.js";
 import { css, customElement, html } from "@umbraco-cms/backoffice/external/lit";
 import { partialUpdateFrozenArray } from "@umbraco-cms/backoffice/observable-api";
 import { UmbChangeEvent } from "@umbraco-cms/backoffice/event";
-import { UeVariantPickerBaseElement } from "./variant-picker-base.element.js";
 const elementName = "ue-variant-content-picker";
 let UeVariantContentPickerElement = class UeVariantContentPickerElement extends UeVariantPickerBaseElement {
     onValueUpdated() { }

package/dist/core/components/variant-pickers/variant-content-type-picker.element.d.ts

@@ -1,5 +1,5 @@
-import { type UmbPropertyEditorUiElement } from "@umbraco-cms/backoffice/property-editor";
 import { UeVariantPickerBaseElement } from "./variant-picker-base.element.js";
+import { type UmbPropertyEditorUiElement } from "@umbraco-cms/backoffice/property-editor";
 import type { UeVariantDocumentTypePickerModel } from "../../index.js";
 declare const elementName = "ue-variant-content-type-picker";
 export declare class UeVariantContentTypePickerElement extends UeVariantPickerBaseElement<UeVariantDocumentTypePickerModel> implements UmbPropertyEditorUiElement {

package/dist/core/components/variant-pickers/variant-content-type-picker.element.js

@@ -4,10 +4,10 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     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 { UeVariantPickerBaseElement } from "./variant-picker-base.element.js";
 import { css, customElement, html, state, when, } from "@umbraco-cms/backoffice/external/lit";
 import { partialUpdateFrozenArray } from "@umbraco-cms/backoffice/observable-api";
 import { UmbChangeEvent } from "@umbraco-cms/backoffice/event";
-import { UeVariantPickerBaseElement } from "./variant-picker-base.element.js";
 import { DocumentTypePermissionsService, } from "../../../generated/index.js";
 const elementName = "ue-variant-content-type-picker";
 let UeVariantContentTypePickerElement = class UeVariantContentTypePickerElement extends UeVariantPickerBaseElement {

package/dist/core/components/variant-pickers/variant-picker-base.element.d.ts

@@ -8,6 +8,7 @@ export declare abstract class UeVariantPickerBaseElement<EntityModel extends {
     protected languageOptions: Array<Option>;
     protected culture?: string;
     protected emptyMessage?: string;
+    protected includeAllCulturesOption: boolean;
     set value(value: Array<EntityModel> | undefined);
     get value(): Array<EntityModel> | undefined;
     set config(config: UmbPropertyEditorConfigCollection | undefined);

package/dist/core/components/variant-pickers/variant-picker-base.element.js

@@ -4,12 +4,14 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     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 { ALL_CULTURES } from "../../constants.js";
 import { UmbChangeEvent } from "@umbraco-cms/backoffice/event";
 import { html, property, state, } from "@umbraco-cms/backoffice/external/lit";
 import { UMB_APP_LANGUAGE_CONTEXT } from "@umbraco-cms/backoffice/language";
 import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
 export class UeVariantPickerBaseElement extends UmbLitElement {
     #value;
+    #languages;
     set value(value) {
         this.#value = value;
         this.onValueUpdated();
@@ -21,25 +23,63 @@ export class UeVariantPickerBaseElement extends UmbLitElement {
         if (!config)
             return;
         this.emptyMessage = this.localize.string(config.getValueByAlias("emptyMessage"));
+        this.includeAllCulturesOption =
+            config.getValueByAlias("includeAllCulturesOption") ?? false;
+        // Re-build language options if languages are already loaded
+        if (this.#languages.length > 0) {
+            this.#updateLanguageOptions();
+        }
     }
     constructor() {
         super();
         this.languageOptions = [];
+        this.includeAllCulturesOption = false;
+        this.#languages = [];
         this.consumeContext(UMB_APP_LANGUAGE_CONTEXT, (context) => {
             if (!context)
                 return;
             this.observe(context.languages, (languages) => {
-                this.languageOptions =
-                    languages?.map((l, i) => ({
-                        name: l.name,
-                        value: l.unique,
-                        selected: (languages.length === 1 && i == 0) ||
-                            this.value?.at(0)?.culture === l.unique,
-                    })) ?? [];
-                this.culture = this.languageOptions.at(0)?.value;
+                this.#languages = languages ?? [];
+                this.#updateLanguageOptions();
             });
         });
     }
+    #updateLanguageOptions() {
+        const currentCulture = this.value?.at(0)?.culture;
+        const languageItems = this.#languages.map((l) => ({
+            name: l.name,
+            value: l.unique,
+            selected: currentCulture === l.unique,
+        }));
+        // Prepend "All cultures" option if enabled and there are multiple languages
+        if (this.includeAllCulturesOption && this.#languages.length > 1) {
+            const allCulturesSelected = currentCulture === ALL_CULTURES || !currentCulture;
+            this.languageOptions = [
+                {
+                    name: this.localize.term("engage_allCultures"),
+                    value: ALL_CULTURES,
+                    selected: allCulturesSelected,
+                },
+                ...languageItems.map((l) => ({
+                    ...l,
+                    selected: !allCulturesSelected && l.selected,
+                })),
+            ];
+            this.culture = allCulturesSelected
+                ? ALL_CULTURES
+                : (currentCulture ?? ALL_CULTURES);
+        }
+        else {
+            this.languageOptions = languageItems;
+            // If only one language, auto-select it
+            if (this.#languages.length === 1) {
+                this.languageOptions[0].selected = true;
+            }
+            this.culture =
+                this.languageOptions.find((l) => l.selected)?.value ??
+                    this.languageOptions.at(0)?.value;
+        }
+    }
     onLanguageChange(e) {
         this.culture = e.target.value.toString();
         this.value =
@@ -63,6 +103,9 @@ __decorate([
 __decorate([
     state()
 ], UeVariantPickerBaseElement.prototype, "emptyMessage", void 0);
+__decorate([
+    state()
+], UeVariantPickerBaseElement.prototype, "includeAllCulturesOption", void 0);
 __decorate([
     property({ type: Array })
 ], UeVariantPickerBaseElement.prototype, "value", null);

package/dist/core/components/workspace-editor-base.element.d.ts

@@ -1,8 +1,8 @@
+import type { UeExtractModel } from "../entities.js";
 import type { UmbContextToken } from "@umbraco-cms/backoffice/context-api";
 import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
 import { type Observable } from "@umbraco-cms/backoffice/observable-api";
 import type { UmbSubmittableWorkspaceContext, UmbWorkspaceViewElement } from "@umbraco-cms/backoffice/workspace";
-import type { UeExtractModel } from "../entities.js";
 export interface UeWorkspaceEditorBaseCtorArgs<EntityModel> {
     workspaceAlias: string;
     createLabel?: string;

package/dist/core/conditions/document-type-accessible.condition.d.ts

@@ -1,5 +1,5 @@
-import { UmbConditionBase } from "@umbraco-cms/backoffice/extension-registry";
 import type { UeDocumentTypePermissionConditionConfig } from "./types.js";
+import { UmbConditionBase } from "@umbraco-cms/backoffice/extension-registry";
 import type { UmbConditionControllerArguments, UmbExtensionCondition } from "@umbraco-cms/backoffice/extension-api";
 import type { UmbControllerHost } from "@umbraco-cms/backoffice/controller-api";
 export declare class UeDocumentTypePermissionCondition extends UmbConditionBase<UeDocumentTypePermissionConditionConfig> implements UmbExtensionCondition {

package/dist/core/conditions/document-type-accessible.condition.js

@@ -1,5 +1,5 @@
-import { UmbConditionBase } from "@umbraco-cms/backoffice/extension-registry";
 import { ENGAGE_CONTEXT } from "../context/index.js";
+import { UmbConditionBase } from "@umbraco-cms/backoffice/extension-registry";
 import { UMB_DOCUMENT_WORKSPACE_CONTEXT } from "@umbraco-cms/backoffice/document";
 export class UeDocumentTypePermissionCondition extends UmbConditionBase {
     constructor(host, args) {

package/dist/core/conditions/entity-is-not-new.condition.d.ts

@@ -1,7 +1,7 @@
+import type { UeEntityIsNewConditionConfig } from './types.js';
 import { UmbConditionBase } from "@umbraco-cms/backoffice/extension-registry";
 import type { UmbControllerHost } from "@umbraco-cms/backoffice/controller-api";
 import type { UmbConditionControllerArguments, UmbExtensionCondition } from "@umbraco-cms/backoffice/extension-api";
-import { UeEntityIsNewConditionConfig } from "./types.js";
 export declare class UeEntityIsNotNewWorkspaceCondition extends UmbConditionBase<UeEntityIsNewConditionConfig> implements UmbExtensionCondition {
     constructor(host: UmbControllerHost, args: UmbConditionControllerArguments<UeEntityIsNewConditionConfig>);
 }

package/dist/core/conditions/extension-visibility.condition.d.ts

@@ -1,7 +1,7 @@
+import type { UeExtensionVisibilityConditionConfig } from "./types.js";
 import { UmbConditionBase } from "@umbraco-cms/backoffice/extension-registry";
 import type { UmbControllerHost } from "@umbraco-cms/backoffice/controller-api";
 import type { UmbConditionControllerArguments, UmbExtensionCondition } from "@umbraco-cms/backoffice/extension-api";
-import type { UeExtensionVisibilityConditionConfig } from "./types.js";
 export declare class UeExtensionVisibilityCondition extends UmbConditionBase<UeExtensionVisibilityConditionConfig> implements UmbExtensionCondition {
     #private;
     splitViewActive: boolean;

package/dist/core/conditions/extension-visibility.condition.js

@@ -1,5 +1,5 @@
-import { UmbConditionBase } from "@umbraco-cms/backoffice/extension-registry";
 import { ENGAGE_CONTEXT } from "../context/index.js";
+import { UmbConditionBase } from "@umbraco-cms/backoffice/extension-registry";
 import { UMB_DOCUMENT_WORKSPACE_CONTEXT } from "@umbraco-cms/backoffice/document";
 export class UeExtensionVisibilityCondition extends UmbConditionBase {
     constructor(host, args) {

package/dist/core/conditions/types.d.ts

@@ -1,6 +1,6 @@
-import type { UmbConditionConfigBase } from "@umbraco-cms/backoffice/extension-api";
-import type { ENGAGE_DOCUMENT_TYPE_PERMISSIONS_CONDITION_ALIAS, ENGAGE_ENTITY_IS_NOT_NEW_CONDITION_ALIAS, ENGAGE_EXTENSION_VISIBILITY_CONDITION_ALIAS, ENGAGE_USER_GROUP_PERMISSIONS_CONDITION_ALIAS, ENGAGE_WORKSPACE_PROPERTY_HAS_VALUE_CONDITION_ALIAS, ENGAGE_WORKSPACE_VIEW_ACTIVE_CONDITION_ALIAS } from "./constants.js";
 import type { UeDocumentTypePermissionMap, UeUserGroupPermissionMap } from "../entities.js";
+import type { ENGAGE_DOCUMENT_TYPE_PERMISSIONS_CONDITION_ALIAS, ENGAGE_ENTITY_IS_NOT_NEW_CONDITION_ALIAS, ENGAGE_EXTENSION_VISIBILITY_CONDITION_ALIAS, ENGAGE_USER_GROUP_PERMISSIONS_CONDITION_ALIAS, ENGAGE_WORKSPACE_PROPERTY_HAS_VALUE_CONDITION_ALIAS, ENGAGE_WORKSPACE_VIEW_ACTIVE_CONDITION_ALIAS } from "./constants.js";
+import type { UmbConditionConfigBase } from "@umbraco-cms/backoffice/extension-api";
 export interface UeWorkspacePropertyHasValueConditionConfig extends UmbConditionConfigBase<typeof ENGAGE_WORKSPACE_PROPERTY_HAS_VALUE_CONDITION_ALIAS> {
     observablePropertyAlias?: string;
     value?: string | boolean | number;

package/dist/core/conditions/user-group-accessible.condition.d.ts

@@ -1,7 +1,7 @@
+import type { UeUserGroupPermissionConditionConfig } from "./types.js";
 import type { UmbControllerHost } from "@umbraco-cms/backoffice/controller-api";
 import type { UmbConditionControllerArguments, UmbExtensionCondition } from "@umbraco-cms/backoffice/extension-api";
 import { UmbConditionBase } from "@umbraco-cms/backoffice/extension-registry";
-import type { UeUserGroupPermissionConditionConfig } from "./types.js";
 export declare class UeUserGroupPermissionCondition extends UmbConditionBase<UeUserGroupPermissionConditionConfig> implements UmbExtensionCondition {
     constructor(host: UmbControllerHost, args: UmbConditionControllerArguments<UeUserGroupPermissionConditionConfig>);
 }

package/dist/core/conditions/user-group-accessible.condition.js

@@ -1,5 +1,5 @@
-import { UmbConditionBase } from "@umbraco-cms/backoffice/extension-registry";
 import { ENGAGE_CONTEXT } from "../context/index.js";
+import { UmbConditionBase } from "@umbraco-cms/backoffice/extension-registry";
 export class UeUserGroupPermissionCondition extends UmbConditionBase {
     constructor(host, args) {
         super(host, args);

package/dist/core/conditions/workspace-property-has-value.condition.d.ts

@@ -1,7 +1,7 @@
+import type { UeWorkspacePropertyHasValueConditionConfig } from "./types.js";
 import { UmbConditionBase } from "@umbraco-cms/backoffice/extension-registry";
 import type { UmbConditionControllerArguments, UmbExtensionCondition } from "@umbraco-cms/backoffice/extension-api";
 import type { UmbControllerHost } from "@umbraco-cms/backoffice/controller-api";
-import type { UeWorkspacePropertyHasValueConditionConfig } from "./types.js";
 export declare class UeWorkspacePropertyHasValueCondition extends UmbConditionBase<UeWorkspacePropertyHasValueConditionConfig> implements UmbExtensionCondition {
     constructor(host: UmbControllerHost, args: UmbConditionControllerArguments<UeWorkspacePropertyHasValueConditionConfig>);
 }

package/dist/core/conditions/workspace-view-active.condition.d.ts

@@ -1,7 +1,7 @@
+import type { UeWorkspaceViewActiveConditionConfig } from "./types.js";
 import { UmbConditionBase } from "@umbraco-cms/backoffice/extension-registry";
 import type { UmbControllerHost } from "@umbraco-cms/backoffice/controller-api";
 import type { UmbConditionControllerArguments, UmbExtensionCondition } from "@umbraco-cms/backoffice/extension-api";
-import { UeWorkspaceViewActiveConditionConfig } from "./types.js";
 export declare class UeWorkspaceViewIsActiveWorkspaceCondition extends UmbConditionBase<UeWorkspaceViewActiveConditionConfig> implements UmbExtensionCondition {
     constructor(host: UmbControllerHost, args: UmbConditionControllerArguments<UeWorkspaceViewActiveConditionConfig>);
 }

package/dist/core/conditions/workspace-view-active.condition.js

@@ -1,5 +1,5 @@
-import { UmbConditionBase } from "@umbraco-cms/backoffice/extension-registry";
 import { ENGAGE_VIEW_AWARE_WORKSPACE_CONTEXT } from "../context/index.js";
+import { UmbConditionBase } from "@umbraco-cms/backoffice/extension-registry";
 export class UeWorkspaceViewIsActiveWorkspaceCondition extends UmbConditionBase {
     constructor(host, args) {
         super(host, args);

package/dist/core/constants.d.ts

@@ -8,3 +8,4 @@ export declare const SHOW_ANALYTICS = "showAnalytics";
 export declare const ALLOW_ABTESTING = "allowAbTesting";
 export declare const ALLOW_APPLY_PERSONALIZATION = "allowApplyPersonalization";
 export declare const ALLOW_SCORE_PERSONALIZATION = "allowScorePersonalization";
+export declare const ALL_CULTURES = "*";

package/dist/core/constants.js

@@ -8,3 +8,4 @@ export const SHOW_ANALYTICS = "showAnalytics";
 export const ALLOW_ABTESTING = "allowAbTesting";
 export const ALLOW_APPLY_PERSONALIZATION = "allowApplyPersonalization";
 export const ALLOW_SCORE_PERSONALIZATION = "allowScorePersonalization";
+export const ALL_CULTURES = "*";

package/dist/core/context/context/engage-context.d.ts

@@ -1,8 +1,7 @@
+import { type UeLicensedFeaturesMap, type UeDocumentTypePermissionMap, type UeUserGroupPermissionMap } from "../../entities.js";
 import { UmbContextBase } from "@umbraco-cms/backoffice/class-api";
 import { type Observable } from "@umbraco-cms/backoffice/observable-api";
 import type { UmbControllerHost } from "@umbraco-cms/backoffice/controller-api";
-import { UeLicensedFeaturesMap } from "../../entities.js";
-import { type UeDocumentTypePermissionMap, type UeUserGroupPermissionMap } from "../../entities.js";
 import { type MainSwitchStatusResponseModel, type ConfigurationDtoModel, type PackageStatusResultModel, type DocumentTypePermissionDtoModel } from "../../../generated/index.js";
 export declare class UeContext extends UmbContextBase {
     #private;

package/dist/core/context/context/engage-context.js

@@ -1,13 +1,12 @@
 import { ENGAGE_CONTEXT } from "../token/engage.context-token.js";
-import { ENGAGE_FEATURE_ABTESTING, ENGAGE_FEATURE_PERSONALIZATION, ENGAGE_FEATURE_ANALYTICS, } from "../../constants.js";
-import { UeTimeFormatOptions } from "../../entities.js";
+import { ENGAGE_FEATURE_ABTESTING, ENGAGE_FEATURE_PERSONALIZATION, ENGAGE_FEATURE_ANALYTICS, ENGAGE_FEATURE_PROFILES, ENGAGE_FEATURE_REPORTING, ENGAGE_FEATURE_SETTINGS } from "../../constants.js";
+import { UeTimeFormatOptions, } from "../../entities.js";
 import { UmbContextBase } from "@umbraco-cms/backoffice/class-api";
 import { tryExecute } from "@umbraco-cms/backoffice/resources";
 import { UmbArrayState, UmbObjectState, } from "@umbraco-cms/backoffice/observable-api";
 import { UmbLocalizationController } from "@umbraco-cms/backoffice/localization-api";
-import { ENGAGE_FEATURE_PROFILES, ENGAGE_FEATURE_REPORTING, ENGAGE_FEATURE_SETTINGS, } from "../../constants.js";
-import { ConfigurationService, MainSwitchService, PackageService, ReportingService, UserGroupPermissionsService, DocumentTypePermissionsService, } from "../../../generated/index.js";
 import { UMB_CURRENT_USER_CONTEXT } from "@umbraco-cms/backoffice/current-user";
+import { ConfigurationService, MainSwitchService, PackageService, ReportingService, UserGroupPermissionsService, DocumentTypePermissionsService, } from "../../../generated/index.js";
 export class UeContext extends UmbContextBase {
     #configuration;
     #packageStatus;

package/dist/core/context/index.d.ts

@@ -1,3 +1,4 @@
+export * from "./entities.js";
 export * from "./context/index.js";
 export * from "./token/index.js";
 export * from "./workspace-context-base.js";

package/dist/core/context/index.js

@@ -1,3 +1,4 @@
+export * from "./entities.js";
 export * from "./context/index.js";
 export * from "./token/index.js";
 export * from "./workspace-context-base.js";

package/dist/core/context/token/engage.context-token.d.ts

@@ -1,4 +1,4 @@
-import { UmbContextToken } from "@umbraco-cms/backoffice/context-api";
 import type { UeContext } from "../context/engage-context.js";
+import { UmbContextToken } from "@umbraco-cms/backoffice/context-api";
 export declare const ENGAGE_CONTEXT_ALIAS = "UeContext";
 export declare const ENGAGE_CONTEXT: UmbContextToken<UeContext, UeContext>;

package/dist/core/entities.d.ts

@@ -1,8 +1,8 @@
 import type { ManifestUeScreenElement } from "./extension-manifests/index.js";
-import { type MetaWorkspaceAction, type UmbWorkspaceAction, type UmbSubmittableWorkspaceContextBase } from "@umbraco-cms/backoffice/workspace";
-import type { ApiLoaderProperty } from "@umbraco-cms/backoffice/extension-api";
 import type { UeDocumentTypePermissionConditionConfig } from "./conditions/types.js";
 import type { ENGAGE_FEATURE_ANALYTICS, ENGAGE_FEATURE_ABTESTING, ENGAGE_FEATURE_PERSONALIZATION, ENGAGE_FEATURE_PROFILES, ENGAGE_FEATURE_REPORTING, ENGAGE_FEATURE_SETTINGS, SHOW_ANALYTICS, ALLOW_ABTESTING, ALLOW_APPLY_PERSONALIZATION, ALLOW_SCORE_PERSONALIZATION } from "./constants.js";
+import type { ApiLoaderProperty } from "@umbraco-cms/backoffice/extension-api";
+import { type MetaWorkspaceAction, type UmbWorkspaceAction, type UmbSubmittableWorkspaceContextBase } from "@umbraco-cms/backoffice/workspace";
 export type KnownValidationTypes = "ipAddress";
 export interface UeWorkspaceAction {
     verb: string;
@@ -46,33 +46,26 @@ export type UeGroupedItemDetailModel = UeEntityBase & {
     createdOn?: string | null;
     items: Array<any>;
 };
+export interface UeColor {
+    label: string;
+    value: string;
+}
 export type UeGroupedItemListModel = Omit<UeGroupedItemDetailModel, "items"> & {
-    color?: {
-        label: string;
-        value: string;
-    };
+    color?: UeColor;
     iconUrl?: string | null;
 };
-export interface UeScoreableGroupModel<PersonaScoreModel, JourneyScoreModel> {
+interface UeEntityScoreBaseModel {
     id: number;
-    personaScoring?: Array<PersonaScoreModel> | null | undefined;
-    customerJourneyScoring?: Array<JourneyScoreModel> | null | undefined;
+    score: number;
+    isLocked?: boolean;
 }
-export interface UePersonaScoreModel {
+export interface UePersonaScoreModel extends UeEntityScoreBaseModel {
     personaId: number;
-    id: number;
-    score: number;
 }
-export interface UeJourneyScoreModel {
+export interface UeJourneyScoreModel extends UeEntityScoreBaseModel {
     customerJourneyStepId: number;
-    id: number;
-    score: number;
 }
-export interface UeEntityScoreModel {
-    score: number;
-    id: number;
-    unique: string;
-    isActive?: boolean;
+export interface UeEntityScoreModel extends UeEntityScoreBaseModel {
     entityId: number;
 }
 export interface UeLicensedFeaturesMap {
@@ -94,3 +87,4 @@ export interface UeDocumentTypePermissionMap {
     [ALLOW_APPLY_PERSONALIZATION]: boolean;
     [ALLOW_SCORE_PERSONALIZATION]: boolean;
 }
+export {};

package/dist/core/extension-manifests/header-action.extension.d.ts

@@ -0,0 +1,15 @@
+import type { ManifestElement } from "@umbraco-cms/backoffice/extension-api";
+export interface ManifestUeHeaderAction extends ManifestElement {
+    type: "engageHeaderAction";
+    meta: MetaUeHeaderAction;
+    weight?: number;
+}
+export interface MetaUeHeaderAction {
+    label: string;
+    icon?: string;
+}
+declare global {
+    interface UmbExtensionManifestMap {
+        ueHeaderAction: ManifestUeHeaderAction;
+    }
+}

package/dist/core/extension-manifests/header-action.extension.js

@@ -0,0 +1 @@
+export {};

package/dist/core/extension-manifests/index.d.ts

@@ -1,3 +1,4 @@
 export * from "./screen-element.extension.js";
 export * from "./collection-create-action.extension.js";
 export * from "./collection-delete-bulk-action.extension.js";
+export * from "./header-action.extension.js";

package/dist/core/extension-manifests/index.js

@@ -1,3 +1,4 @@
 export * from "./screen-element.extension.js";
 export * from "./collection-create-action.extension.js";
 export * from "./collection-delete-bulk-action.extension.js";
+export * from "./header-action.extension.js";

package/dist/core/icons/icon-panel-left.d.ts

@@ -0,0 +1,2 @@
+declare const _default: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-panel-left\"><rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\"/><path d=\"M9 3v18\"/></svg>";
+export default _default;

package/dist/core/icons/icon-panel-left.js

@@ -0,0 +1 @@
+export default `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-panel-left"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M9 3v18"/></svg>`;

package/dist/core/icons/icons.d.ts

@@ -122,5 +122,9 @@ declare const _default: ({
     name: string;
     hidden: boolean;
     path: () => Promise<typeof import("./icon-waypoints.js")>;
+} | {
+    name: string;
+    hidden: boolean;
+    path: () => Promise<typeof import("./icon-panel-left.js")>;
 })[];
 export default _default;

package/dist/core/icons/icons.js

@@ -57,6 +57,10 @@ export default [
         name: "waypoints",
         path: () => import("./icon-waypoints.js"),
     },
+    {
+        name: "panel-left",
+        path: () => import("./icon-panel-left.js"),
+    },
 ].map((icon) => ({
     ...icon,
     name: `icon-${icon.name}`,