@umbraco-cms/backoffice 14.0.0-bd6f74b3 → 14.0.0-c074e160

package/dist-cms/packages/documents/documents/workspace/document-workspace-split-view.element.d.ts

@@ -3,7 +3,6 @@ import { ActiveVariant } from '../../../core/workspace/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
 export declare class UmbDocumentWorkspaceSplitViewElement extends UmbLitElement {
     private _workspaceContext?;
-    _unique?: string;
     _variants?: Array<ActiveVariant>;
     constructor();
     private _observeActiveVariantInfo;

package/dist-cms/packages/documents/documents/workspace/document-workspace-split-view.element.js

@@ -4,14 +4,15 @@ 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 { UUITextStyles } from '../../../../external/uui/index.js';
+import { UMB_DOCUMENT_WORKSPACE_CONTEXT } from './document-workspace.context.js';
+import { UmbTextStyles } from "../../../../shared/style/index.js";
 import { css, html, nothing, customElement, state, repeat } from '../../../../external/lit/index.js';
-import { UMB_WORKSPACE_CONTEXT } from '../../../core/workspace/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
 export let UmbDocumentWorkspaceSplitViewElement = class UmbDocumentWorkspaceSplitViewElement extends UmbLitElement {
     constructor() {
         super();
-        this.consumeContext(UMB_WORKSPACE_CONTEXT, (context) => {
+        // TODO: Refactor: use a split view workspace context token:
+        this.consumeContext(UMB_DOCUMENT_WORKSPACE_CONTEXT, (context) => {
             this._workspaceContext = context;
             this._observeActiveVariantInfo();
         });
@@ -27,10 +28,10 @@ export let UmbDocumentWorkspaceSplitViewElement = class UmbDocumentWorkspaceSpli
         return this._variants
             ? html `<div id="splitViews">
 						${repeat(this._variants, (view) => view.index + '_' + (view.culture ?? '') + '_' + (view.segment ?? '') + '_' + this._variants.length, (view) => html `
-								<umb-workspace-variant
+								<umb-workspace-split-view
 									alias="Umb.Workspace.Document"
 									.splitViewIndex=${view.index}
-									.displayNavigation=${view.index === this._variants.length - 1}></umb-workspace-variant>
+									.displayNavigation=${view.index === this._variants.length - 1}></umb-workspace-split-view>
 							`)}
 					</div>
 
@@ -40,7 +41,7 @@ export let UmbDocumentWorkspaceSplitViewElement = class UmbDocumentWorkspaceSpli
             : nothing;
     }
     static { this.styles = [
-        UUITextStyles,
+        UmbTextStyles,
         css `
 			:host {
 				width: 100%;
@@ -63,9 +64,6 @@ export let UmbDocumentWorkspaceSplitViewElement = class UmbDocumentWorkspaceSpli
 		`,
     ]; }
 };
-__decorate([
-    state()
-], UmbDocumentWorkspaceSplitViewElement.prototype, "_unique", void 0);
 __decorate([
     state()
 ], UmbDocumentWorkspaceSplitViewElement.prototype, "_variants", void 0);

package/dist-cms/packages/documents/documents/workspace/document-workspace.context.d.ts

@@ -1,13 +1,16 @@
 import { UmbDocumentRepository } from '../repository/document.repository.js';
 import { UmbDocumentTypeRepository } from '../../document-types/repository/document-type.repository.js';
+import { UmbDocumentVariantContext } from '../variant-context/document-variant-context.js';
 import { UmbVariantId } from '../../../core/variant/index.js';
 import { UmbContentTypePropertyStructureManager } from '../../../core/content-type/index.js';
-import { UmbWorkspaceContext, UmbWorkspaceSplitViewManager, UmbWorkspaceVariableEntityContextInterface } from '../../../core/workspace/index.js';
+import { UmbSaveableWorkspaceContextInterface, UmbWorkspaceContext, UmbWorkspaceSplitViewManager, UmbVariantableWorkspaceContextInterface } from '../../../core/workspace/index.js';
 import type { DocumentResponseModel } from '../../../../external/backend-api/index.js';
-import { UmbControllerHostElement } from '../../../../libs/controller-api/index.js';
+import { UmbControllerHost, UmbControllerHostElement } from '../../../../libs/controller-api/index.js';
+import { UmbContextToken } from '../../../../libs/context-api/index.js';
 type EntityType = DocumentResponseModel;
-export declare class UmbDocumentWorkspaceContext extends UmbWorkspaceContext<UmbDocumentRepository, EntityType> implements UmbWorkspaceVariableEntityContextInterface<EntityType | undefined> {
+export declare class UmbDocumentWorkspaceContext extends UmbWorkspaceContext<UmbDocumentRepository, EntityType> implements UmbVariantableWorkspaceContextInterface<EntityType | undefined> {
     #private;
+    isLoaded(): Promise<any> | undefined;
     readonly unique: import("rxjs").Observable<string | undefined>;
     readonly documentTypeKey: import("rxjs").Observable<string | undefined>;
     readonly variants: import("rxjs").Observable<import("../../../../external/backend-api/index.js").DocumentVariantResponseModel[]>;
@@ -16,22 +19,30 @@ export declare class UmbDocumentWorkspaceContext extends UmbWorkspaceContext<Umb
     readonly structure: UmbContentTypePropertyStructureManager<UmbDocumentTypeRepository>;
     readonly splitView: UmbWorkspaceSplitViewManager;
     constructor(host: UmbControllerHostElement);
-    load(entityId: string): Promise<DocumentResponseModel | undefined>;
-    create(documentTypeKey: string, parentId: string | null): Promise<DocumentResponseModel | undefined>;
+    load(entityId: string): Promise<any>;
+    create(documentTypeKey: string, parentId: string | null): Promise<any>;
     getData(): DocumentResponseModel;
     getEntityId(): string | undefined;
     getEntityType(): string;
     getContentTypeId(): string | undefined;
+    variantById(variantId: UmbVariantId): import("rxjs").Observable<import("../../../../external/backend-api/index.js").DocumentVariantResponseModel | undefined>;
     getVariant(variantId: UmbVariantId): import("../../../../external/backend-api/index.js").DocumentVariantResponseModel | undefined;
     getName(variantId?: UmbVariantId): string | undefined;
     setName(name: string, variantId?: UmbVariantId): void;
-    propertyValuesOf(variantId?: UmbVariantId): import("rxjs").Observable<import("../../../../external/backend-api/index.js").ValueModelBaseModel[] | undefined>;
-    propertyDataByAlias(propertyAlias: string, variantId?: UmbVariantId): import("rxjs").Observable<import("../../../../external/backend-api/index.js").ValueModelBaseModel | undefined>;
-    propertyValueByAlias(propertyAlias: string, variantId?: UmbVariantId): import("rxjs").Observable<any>;
-    getPropertyValue(alias: string, variantId?: UmbVariantId): void;
-    setPropertyValue(alias: string, value: unknown, variantId?: UmbVariantId): void;
+    propertyStructureById(propertyId: string): Promise<import("rxjs").Observable<import("../../../../external/backend-api/index.js").PropertyTypeModelBaseModel | undefined>>;
+    propertyValueByAlias<PropertyValueType = unknown>(propertyAlias: string, variantId?: UmbVariantId): Promise<import("rxjs").Observable<PropertyValueType>>;
+    /**
+     * Get the current value of the property with the given alias and variantId.
+     * @param alias
+     * @param variantId
+     * @returns The value or undefined if not set or found.
+     */
+    getPropertyValue<ReturnType = unknown>(alias: string, variantId?: UmbVariantId): ReturnType | undefined;
+    setPropertyValue<PropertyValueType = unknown>(alias: string, value: PropertyValueType, variantId?: UmbVariantId): Promise<void>;
     save(): Promise<void>;
     delete(id: string): Promise<void>;
+    createVariantContext(host: UmbControllerHost, variantId: UmbVariantId): UmbDocumentVariantContext;
     destroy(): void;
 }
 export default UmbDocumentWorkspaceContext;
+export declare const UMB_DOCUMENT_WORKSPACE_CONTEXT: UmbContextToken<UmbSaveableWorkspaceContextInterface<unknown>, UmbDocumentWorkspaceContext>;

package/dist-cms/packages/documents/documents/workspace/document-workspace.context.js

@@ -1,36 +1,42 @@
 import { UmbDocumentRepository } from '../repository/document.repository.js';
 import { UmbDocumentTypeRepository } from '../../document-types/repository/document-type.repository.js';
+import { UmbDocumentVariantContext } from '../variant-context/document-variant-context.js';
 import { UmbContentTypePropertyStructureManager } from '../../../core/content-type/index.js';
 import { UmbWorkspaceContext, UmbWorkspaceSplitViewManager, } from '../../../core/workspace/index.js';
 import { appendToFrozenArray, partialUpdateFrozenArray, UmbObjectState, UmbObserverController, } from '../../../../libs/observable-api/index.js';
+import { UmbContextToken } from '../../../../libs/context-api/index.js';
 export class UmbDocumentWorkspaceContext extends UmbWorkspaceContext {
     /**
      * The document is the current stored version of the document.
      * For now lets not share this publicly as it can become confusing.
-     * TODO: Use this to compare, for variants with changes.
+     * TODO: This concept is to be able to compare if there is changes since the saved one.
      */
-    #document;
+    //#persistedData = new UmbObjectState<EntityType | undefined>(undefined);
     /**
      * The document is the current state/draft version of the document.
      */
-    #draft;
+    #currentData;
+    #getDataPromise;
+    isLoaded() {
+        return this.#getDataPromise;
+    }
     constructor(host) {
         super(host, 'Umb.Workspace.Document', new UmbDocumentRepository(host));
         /**
          * The document is the current stored version of the document.
          * For now lets not share this publicly as it can become confusing.
-         * TODO: Use this to compare, for variants with changes.
+         * TODO: This concept is to be able to compare if there is changes since the saved one.
          */
-        this.#document = new UmbObjectState(undefined);
+        //#persistedData = new UmbObjectState<EntityType | undefined>(undefined);
         /**
          * The document is the current state/draft version of the document.
          */
-        this.#draft = new UmbObjectState(undefined);
-        this.unique = this.#draft.asObservablePart((data) => data?.id);
-        this.documentTypeKey = this.#draft.asObservablePart((data) => data?.contentTypeId);
-        this.variants = this.#draft.asObservablePart((data) => data?.variants || []);
-        this.urls = this.#draft.asObservablePart((data) => data?.urls || []);
-        this.templateId = this.#draft.asObservablePart((data) => data?.templateId || null);
+        this.#currentData = new UmbObjectState(undefined);
+        this.unique = this.#currentData.asObservablePart((data) => data?.id);
+        this.documentTypeKey = this.#currentData.asObservablePart((data) => data?.contentTypeId);
+        this.variants = this.#currentData.asObservablePart((data) => data?.variants || []);
+        this.urls = this.#currentData.asObservablePart((data) => data?.urls || []);
+        this.templateId = this.#currentData.asObservablePart((data) => data?.templateId || null);
         this.structure = new UmbContentTypePropertyStructureManager(this.host, new UmbDocumentTypeRepository(this.host));
         this.splitView = new UmbWorkspaceSplitViewManager(this.host);
         new UmbObserverController(this.host, this.documentTypeKey, (id) => this.structure.loadType(id));
@@ -39,25 +45,26 @@ export class UmbDocumentWorkspaceContext extends UmbWorkspaceContext {
         */
     }
     async load(entityId) {
-        const { data } = await this.repository.requestById(entityId);
+        this.#getDataPromise = this.repository.requestById(entityId);
+        const { data } = await this.#getDataPromise;
         if (!data)
             return undefined;
         this.setIsNew(false);
-        this.#document.next(data);
-        this.#draft.next(data);
+        //this.#persisted.next(data);
+        this.#currentData.next(data);
         return data || undefined;
     }
     async create(documentTypeKey, parentId) {
-        const { data } = await this.repository.createScaffold(documentTypeKey, { parentId });
+        this.#getDataPromise = this.repository.createScaffold(documentTypeKey, { parentId });
+        const { data } = await this.#getDataPromise;
         if (!data)
             return undefined;
         this.setIsNew(true);
-        this.#document.next(data);
-        this.#draft.next(data);
+        this.#currentData.next(data);
         return data || undefined;
     }
     getData() {
-        return this.#draft.getValue() || {};
+        return this.#currentData.getValue() || {};
     }
     /*
     getUnique() {
@@ -73,11 +80,14 @@ export class UmbDocumentWorkspaceContext extends UmbWorkspaceContext {
     getContentTypeId() {
         return this.getData().contentTypeId;
     }
+    variantById(variantId) {
+        return this.#currentData.asObservablePart((data) => data?.variants?.find((x) => variantId.compare(x)));
+    }
     getVariant(variantId) {
-        return this.#draft.getValue()?.variants?.find((x) => variantId.compare(x));
+        return this.#currentData.getValue()?.variants?.find((x) => variantId.compare(x));
     }
     getName(variantId) {
-        const variants = this.#draft.getValue()?.variants;
+        const variants = this.#currentData.getValue()?.variants;
         if (!variants)
             return;
         if (variantId) {
@@ -88,48 +98,52 @@ export class UmbDocumentWorkspaceContext extends UmbWorkspaceContext {
         }
     }
     setName(name, variantId) {
-        const oldVariants = this.#draft.getValue()?.variants || [];
+        const oldVariants = this.#currentData.getValue()?.variants || [];
         const variants = partialUpdateFrozenArray(oldVariants, { name }, variantId ? (x) => variantId.compare(x) : () => true);
-        this.#draft.update({ variants });
-    }
-    propertyValuesOf(variantId) {
-        return this.#draft.asObservablePart((data) => variantId ? data?.values?.filter((x) => variantId.compare(x)) : data?.values);
+        this.#currentData.update({ variants });
     }
-    propertyDataByAlias(propertyAlias, variantId) {
-        return this.#draft.asObservablePart((data) => data?.values?.find((x) => x?.alias === propertyAlias && (variantId ? variantId.compare(x) : true)));
+    async propertyStructureById(propertyId) {
+        return this.structure.propertyStructureById(propertyId);
     }
-    propertyValueByAlias(propertyAlias, variantId) {
-        return this.#draft.asObservablePart((data) => data?.values?.find((x) => x?.alias === propertyAlias && (variantId ? variantId.compare(x) : true))?.value);
+    async propertyValueByAlias(propertyAlias, variantId) {
+        return this.#currentData.asObservablePart((data) => data?.values?.find((x) => x?.alias === propertyAlias && (variantId ? variantId.compare(x) : true))?.value);
     }
+    /**
+     * Get the current value of the property with the given alias and variantId.
+     * @param alias
+     * @param variantId
+     * @returns The value or undefined if not set or found.
+     */
     getPropertyValue(alias, variantId) {
-        const currentData = this.#draft.value;
+        const currentData = this.#currentData.value;
         if (currentData) {
             const newDataSet = currentData.values?.find((x) => x.alias === alias && (variantId ? variantId.compare(x) : true));
             return newDataSet?.value;
         }
+        return undefined;
     }
-    setPropertyValue(alias, value, variantId) {
+    async setPropertyValue(alias, value, variantId) {
         const entry = { ...variantId?.toObject(), alias, value };
-        const currentData = this.#draft.value;
+        const currentData = this.#currentData.value;
         if (currentData) {
             const values = appendToFrozenArray(currentData.values || [], entry, (x) => x.alias === alias && (variantId ? variantId.compare(x) : true));
-            this.#draft.update({ values });
+            this.#currentData.update({ values });
         }
     }
     async save() {
-        if (!this.#draft.value)
+        if (!this.#currentData.value)
             return;
-        if (!this.#draft.value.id)
+        if (!this.#currentData.value.id)
             return;
         if (this.getIsNew()) {
             // TODO: typescript hack until we get the create type
-            const value = this.#draft.value;
+            const value = this.#currentData.value;
             if ((await this.repository.create(value)).data !== undefined) {
                 this.setIsNew(false);
             }
         }
         else {
-            await this.repository.save(this.#draft.value.id, this.#draft.value);
+            await this.repository.save(this.#currentData.value.id, this.#currentData.value);
         }
         this.saveComplete(this.getData());
     }
@@ -147,9 +161,16 @@ export class UmbDocumentWorkspaceContext extends UmbWorkspaceContext {
 
     }
     */
+    createVariantContext(host, variantId) {
+        return new UmbDocumentVariantContext(host, this, variantId);
+    }
     destroy() {
-        this.#draft.complete();
+        this.#currentData.complete();
         this.structure.destroy();
+        super.destroy();
     }
 }
 export default UmbDocumentWorkspaceContext;
+export const UMB_DOCUMENT_WORKSPACE_CONTEXT = new UmbContextToken('UmbWorkspaceContext', 
+// TODO: Refactor: make a better generic way to identify workspaces, maybe workspaceType or workspaceAlias?.
+(context) => context.getEntityType?.() === 'document');

package/dist-cms/packages/documents/documents/workspace/document-workspace.element.js

@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { UmbDocumentWorkspaceContext } from './document-workspace.context.js';
-import { UUITextStyles } from '../../../../external/uui/index.js';
+import { UmbTextStyles } from "../../../../shared/style/index.js";
 import { html, customElement, state } from '../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
 import './document-workspace-editor.element.js';
@@ -41,7 +41,7 @@ export let UmbDocumentWorkspaceElement = class UmbDocumentWorkspaceElement exten
     render() {
         return html `<umb-router-slot .routes="${this._routes}"></umb-router-slot>`;
     }
-    static { this.styles = [UUITextStyles]; }
+    static { this.styles = [UmbTextStyles]; }
 };
 __decorate([
     state()

package/dist-cms/packages/documents/documents/workspace/index.d.ts

@@ -1 +1 @@
-export { UmbDocumentWorkspaceContext } from './document-workspace.context.js';
+export * from './document-workspace.context.js';

package/dist-cms/packages/documents/documents/workspace/index.js

@@ -1 +1 @@
-export { UmbDocumentWorkspaceContext } from './document-workspace.context.js';
+export * from './document-workspace.context.js';

package/dist-cms/packages/documents/documents/workspace/views/edit/document-workspace-view-edit-properties.element.js

@@ -4,11 +4,11 @@ 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 { UMB_DOCUMENT_WORKSPACE_CONTEXT } from '../../document-workspace.context.js';
 import { css, html, customElement, property, state, repeat } from '../../../../../../external/lit/index.js';
-import { UUITextStyles } from '../../../../../../external/uui/index.js';
+import { UmbTextStyles } from "../../../../../../shared/style/index.js";
 import { UmbContentTypePropertyStructureHelper } from '../../../../../core/content-type/index.js';
 import { UmbLitElement } from '../../../../../../shared/lit-element/index.js';
-import { UMB_WORKSPACE_CONTEXT } from '../../../../../core/workspace/index.js';
 export let UmbDocumentWorkspaceViewEditPropertiesElement = class UmbDocumentWorkspaceViewEditPropertiesElement extends UmbLitElement {
     get containerName() {
         return this._propertyStructureHelper.getContainerName();
@@ -26,7 +26,7 @@ export let UmbDocumentWorkspaceViewEditPropertiesElement = class UmbDocumentWork
         super();
         this._propertyStructureHelper = new UmbContentTypePropertyStructureHelper(this);
         this._propertyStructure = [];
-        this.consumeContext(UMB_WORKSPACE_CONTEXT, (workspaceContext) => {
+        this.consumeContext(UMB_DOCUMENT_WORKSPACE_CONTEXT, (workspaceContext) => {
             this._propertyStructureHelper.setStructureManager(workspaceContext.structure);
         });
         this.observe(this._propertyStructureHelper.propertyStructure, (propertyStructure) => {
@@ -34,10 +34,10 @@ export let UmbDocumentWorkspaceViewEditPropertiesElement = class UmbDocumentWork
         });
     }
     render() {
-        return repeat(this._propertyStructure, (property) => property.alias, (property) => html `<umb-variantable-property class="property" .property=${property}></umb-variantable-property> `);
+        return repeat(this._propertyStructure, (property) => property.alias, (property) => html `<umb-property-type-based-property class="property" .property=${property}></umb-property-type-based-property> `);
     }
     static { this.styles = [
-        UUITextStyles,
+        UmbTextStyles,
         css `
 			.property {
 				border-bottom: 1px solid var(--uui-color-divider);

package/dist-cms/packages/documents/documents/workspace/views/edit/document-workspace-view-edit-tab.element.js

@@ -4,11 +4,11 @@ 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 { UMB_DOCUMENT_WORKSPACE_CONTEXT } from '../../document-workspace.context.js';
 import { css, html, customElement, property, state, repeat } from '../../../../../../external/lit/index.js';
-import { UUITextStyles } from '../../../../../../external/uui/index.js';
+import { UmbTextStyles } from "../../../../../../shared/style/index.js";
 import { UmbContentTypeContainerStructureHelper } from '../../../../../core/content-type/index.js';
 import { UmbLitElement } from '../../../../../../shared/lit-element/index.js';
-import { UMB_WORKSPACE_CONTEXT } from '../../../../../core/workspace/index.js';
 import './document-workspace-view-edit-properties.element.js';
 export let UmbDocumentWorkspaceViewEditTabElement = class UmbDocumentWorkspaceViewEditTabElement extends UmbLitElement {
     get tabName() {
@@ -42,7 +42,7 @@ export let UmbDocumentWorkspaceViewEditTabElement = class UmbDocumentWorkspaceVi
         this._groupStructureHelper = new UmbContentTypeContainerStructureHelper(this);
         this._groups = [];
         this._hasProperties = false;
-        this.consumeContext(UMB_WORKSPACE_CONTEXT, (workspaceContext) => {
+        this.consumeContext(UMB_DOCUMENT_WORKSPACE_CONTEXT, (workspaceContext) => {
             this._groupStructureHelper.setStructureManager(workspaceContext.structure);
         });
         this.observe(this._groupStructureHelper.containers, (groups) => {
@@ -73,7 +73,7 @@ export let UmbDocumentWorkspaceViewEditTabElement = class UmbDocumentWorkspaceVi
 		`;
     }
     static { this.styles = [
-        UUITextStyles,
+        UmbTextStyles,
         css `
 			uui-box {
 				--uui-box-default-padding: 0 var(--uui-size-space-5);

package/dist-cms/packages/documents/documents/workspace/views/edit/document-workspace-view-edit.element.js

@@ -4,12 +4,12 @@ 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 { UMB_DOCUMENT_WORKSPACE_CONTEXT } from '../../document-workspace.context.js';
 import { css, html, customElement, state, repeat } from '../../../../../../external/lit/index.js';
-import { UUITextStyles } from '../../../../../../external/uui/index.js';
+import { UmbTextStyles } from "../../../../../../shared/style/index.js";
 import { UmbContentTypeContainerStructureHelper } from '../../../../../core/content-type/index.js';
 import { encodeFolderName, } from '../../../../../../shared/router/index.js';
 import { UmbLitElement } from '../../../../../../shared/lit-element/index.js';
-import { UMB_WORKSPACE_CONTEXT } from '../../../../../core/workspace/index.js';
 export let UmbDocumentWorkspaceViewEditElement = class UmbDocumentWorkspaceViewEditElement extends UmbLitElement {
     constructor() {
         super();
@@ -25,7 +25,7 @@ export let UmbDocumentWorkspaceViewEditElement = class UmbDocumentWorkspaceViewE
             this._createRoutes();
         });
         // _hasRootProperties can be gotten via _tabsStructureHelper.hasProperties. But we do not support root properties currently.
-        this.consumeContext(UMB_WORKSPACE_CONTEXT, (workspaceContext) => {
+        this.consumeContext(UMB_DOCUMENT_WORKSPACE_CONTEXT, (workspaceContext) => {
             this._workspaceContext = workspaceContext;
             this._tabsStructureHelper.setStructureManager(workspaceContext.structure);
             this._observeRootGroups();
@@ -82,7 +82,7 @@ export let UmbDocumentWorkspaceViewEditElement = class UmbDocumentWorkspaceViewE
             return;
         return html `
 			<umb-body-layout header-fit-height>
-				${this._routerPath && (this._tabs.length > 0 || this._hasRootGroups)
+				${this._routerPath && (this._tabs.length > 1 || (this._tabs.length === 1 && this._hasRootGroups))
             ? html ` <uui-tab-group slot="header">
 							${this._hasRootGroups && this._tabs.length > 0
                 ? html `
@@ -96,7 +96,7 @@ export let UmbDocumentWorkspaceViewEditElement = class UmbDocumentWorkspaceViewE
                 : ''}
 							${repeat(this._tabs, (tab) => tab.name, (tab) => {
                 const path = this._routerPath + '/tab/' + encodeFolderName(tab.name || '');
-                return html `<uui-tab label=${tab.name} .active=${path === this._activePath} href=${path}
+                return html `<uui-tab label=${tab.name ?? 'Unnamed'} .active=${path === this._activePath} href=${path}
 										>${tab.name}</uui-tab
 									>`;
             })}
@@ -116,7 +116,7 @@ export let UmbDocumentWorkspaceViewEditElement = class UmbDocumentWorkspaceViewE
 		`;
     }
     static { this.styles = [
-        UUITextStyles,
+        UmbTextStyles,
         css `
 			:host {
 				display: block;

package/dist-cms/packages/documents/documents/workspace/views/info/document-info-workspace-view.element.js

@@ -5,10 +5,10 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { css, html, nothing, repeat, customElement, state } from '../../../../../../external/lit/index.js';
-import { UUITextStyles } from '../../../../../../external/uui/index.js';
 import { UmbLitElement } from '../../../../../../shared/lit-element/index.js';
 import { UMB_WORKSPACE_CONTEXT } from '../../../../../core/workspace/index.js';
 import { UMB_WORKSPACE_MODAL, UmbModalRouteRegistrationController } from '../../../../../core/modal/index.js';
+import { UmbTextStyles } from '../../../../../../shared/style/index.js';
 export let UmbDocumentInfoWorkspaceViewElement = class UmbDocumentInfoWorkspaceViewElement extends UmbLitElement {
     constructor() {
         super();
@@ -208,7 +208,7 @@ export let UmbDocumentInfoWorkspaceViewElement = class UmbDocumentInfoWorkspaceV
         }
     }
     static { this.styles = [
-        UUITextStyles,
+        UmbTextStyles,
         css `
 			:host {
 				display: grid;

package/dist-cms/packages/{settings/dashboards/health-check → health-check}/dashboard-health-check.element.d.ts

@@ -1,4 +1,4 @@
-import { UmbLitElement } from '../../../../shared/lit-element/index.js';
+import { UmbLitElement } from '../../shared/lit-element/index.js';
 export declare class UmbDashboardHealthCheckElement extends UmbLitElement {
     #private;
     private _routes;

package/dist-cms/packages/{settings/dashboards/health-check → health-check}/dashboard-health-check.element.js

@@ -6,11 +6,11 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { UmbHealthCheckDashboardContext, UMB_HEALTHCHECK_DASHBOARD_CONTEXT_TOKEN, } from './health-check-dashboard.context.js';
 import { UmbHealthCheckContext } from './health-check.context.js';
-import { html, customElement, state } from '../../../../external/lit/index.js';
-import { HealthCheckResource } from '../../../../external/backend-api/index.js';
-import { UmbLitElement } from '../../../../shared/lit-element/index.js';
-import { umbExtensionsRegistry } from '../../../core/extension-registry/index.js';
-import { tryExecuteAndNotify } from '../../../../shared/resources/index.js';
+import { html, customElement, state } from '../../external/lit/index.js';
+import { HealthCheckResource } from '../../external/backend-api/index.js';
+import { UmbLitElement } from '../../shared/lit-element/index.js';
+import { umbExtensionsRegistry } from '../core/extension-registry/index.js';
+import { tryExecuteAndNotify } from '../../shared/resources/index.js';
 export let UmbDashboardHealthCheckElement = class UmbDashboardHealthCheckElement extends UmbLitElement {
     constructor() {
         super();

package/dist-cms/packages/{settings/dashboards/health-check → health-check}/health-check-dashboard.context.d.ts

@@ -1,6 +1,6 @@
 import { UmbHealthCheckContext } from './health-check.context.js';
-import type { ManifestHealthCheck } from '../../../core/extension-registry/index.js';
-import { UmbContextToken } from '../../../../libs/context-api/index.js';
+import type { ManifestHealthCheck } from '../core/extension-registry/index.js';
+import { UmbContextToken } from '../../libs/context-api/index.js';
 export declare class UmbHealthCheckDashboardContext {
     #private;
     set manifests(value: ManifestHealthCheck[]);
@@ -10,4 +10,4 @@ export declare class UmbHealthCheckDashboardContext {
     constructor(host: HTMLElement);
     checkAll(): void;
 }
-export declare const UMB_HEALTHCHECK_DASHBOARD_CONTEXT_TOKEN: UmbContextToken<UmbHealthCheckDashboardContext>;
+export declare const UMB_HEALTHCHECK_DASHBOARD_CONTEXT_TOKEN: UmbContextToken<UmbHealthCheckDashboardContext, UmbHealthCheckDashboardContext>;

package/dist-cms/packages/{settings/dashboards/health-check → health-check}/health-check-dashboard.context.js

@@ -1,4 +1,4 @@
-import { UmbContextToken } from '../../../../libs/context-api/index.js';
+import { UmbContextToken } from '../../libs/context-api/index.js';
 export class UmbHealthCheckDashboardContext {
     #manifests;
     set manifests(value) {

package/dist-cms/packages/{settings/dashboards/health-check → health-check}/health-check.context.d.ts

@@ -1,6 +1,6 @@
-import { HealthCheckGroupPresentationModel, HealthCheckGroupWithResultResponseModel } from '../../../../external/backend-api/index.js';
-import { UmbContextToken } from '../../../../libs/context-api/index.js';
-import { UmbControllerHostElement } from '../../../../libs/controller-api/index.js';
+import { HealthCheckGroupPresentationModel, HealthCheckGroupWithResultResponseModel } from '../../external/backend-api/index.js';
+import { UmbContextToken } from '../../libs/context-api/index.js';
+import { UmbControllerHostElement } from '../../libs/controller-api/index.js';
 export declare class UmbHealthCheckContext {
     private _checks;
     readonly checks: import("rxjs/internal/Observable").Observable<HealthCheckGroupPresentationModel | undefined>;
@@ -11,4 +11,4 @@ export declare class UmbHealthCheckContext {
     getGroupChecks(name: string): Promise<void>;
     checkGroup(name: string): Promise<void>;
 }
-export declare const UMB_HEALTHCHECK_CONTEXT_TOKEN: UmbContextToken<UmbHealthCheckContext>;
+export declare const UMB_HEALTHCHECK_CONTEXT_TOKEN: UmbContextToken<UmbHealthCheckContext, UmbHealthCheckContext>;

package/dist-cms/packages/{settings/dashboards/health-check → health-check}/health-check.context.js

@@ -1,7 +1,7 @@
-import { BehaviorSubject } from '../../../../external/rxjs/index.js';
-import { HealthCheckResource, } from '../../../../external/backend-api/index.js';
-import { UmbContextToken } from '../../../../libs/context-api/index.js';
-import { tryExecuteAndNotify } from '../../../../shared/resources/index.js';
+import { BehaviorSubject } from '../../external/rxjs/index.js';
+import { HealthCheckResource, } from '../../external/backend-api/index.js';
+import { UmbContextToken } from '../../libs/context-api/index.js';
+import { tryExecuteAndNotify } from '../../shared/resources/index.js';
 export class UmbHealthCheckContext {
     constructor(host) {
         this._checks = new BehaviorSubject(undefined);

package/dist-cms/packages/health-check/index.d.ts

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

package/dist-cms/packages/health-check/index.js

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

package/dist-cms/packages/health-check/manifests.d.ts

@@ -0,0 +1,16 @@
+export declare const manifests: {
+    type: string;
+    alias: string;
+    name: string;
+    elementName: string;
+    loader: () => Promise<typeof import("./dashboard-health-check.element.js")>;
+    weight: number;
+    meta: {
+        label: string;
+        pathname: string;
+    };
+    conditions: {
+        alias: string;
+        match: string;
+    }[];
+}[];

package/dist-cms/packages/health-check/manifests.js

@@ -0,0 +1,20 @@
+export const manifests = [
+    {
+        type: 'dashboard',
+        alias: 'Umb.Dashboard.HealthCheck',
+        name: 'Health Check',
+        elementName: 'umb-dashboard-health-check',
+        loader: () => import('./dashboard-health-check.element.js'),
+        weight: 102,
+        meta: {
+            label: 'Health Check',
+            pathname: 'health-check',
+        },
+        conditions: [
+            {
+                alias: 'Umb.Condition.SectionAlias',
+                match: 'Umb.Section.Settings',
+            },
+        ],
+    },
+];

package/dist-cms/packages/health-check/umbraco-package.d.ts

@@ -0,0 +1,7 @@
+export declare const name = "Umbraco.Core.HealthCheck";
+export declare const extensions: {
+    name: string;
+    alias: string;
+    type: string;
+    loader: () => Promise<typeof import("./manifests.js")>;
+}[];

package/dist-cms/packages/health-check/umbraco-package.js

@@ -0,0 +1,9 @@
+export const name = 'Umbraco.Core.HealthCheck';
+export const extensions = [
+    {
+        name: 'Health Check Bundle',
+        alias: 'Umb.Bundle.HealthCheck',
+        type: 'bundle',
+        loader: () => import('./manifests.js'),
+    },
+];