@umbraco-cms/backoffice 17.7.1 → 17.8.0-rc

package/dist-cms/packages/user/user/entity-actions/create/modal/create-user-modal.element.js

@@ -67,12 +67,12 @@ let UmbCreateUserModalElement = class UmbCreateUserModalElement extends UmbModal
 			<p>${this.localize.term('user_createUserDescription', this.data?.user.kind)}</p>
 
 			${this.#renderForm()}
-			<uui-button @click=${this._rejectModal} slot="actions" label="Cancel" look="secondary"></uui-button>
+			<uui-button @click=${this._rejectModal} slot="actions" label=${this.localize.term('general_cancel')} look="secondary"></uui-button>
 			<uui-button
 				form="CreateUserForm"
 				slot="actions"
 				type="submit"
-				label="Create user"
+				label=${this.localize.term('user_createUser')}
 				look="primary"
 				color="positive"></uui-button>
 		</uui-dialog-layout>`;
@@ -81,16 +81,24 @@ let UmbCreateUserModalElement = class UmbCreateUserModalElement extends UmbModal
         return html ` <uui-form>
 			<form id="CreateUserForm" name="form" @submit="${this.#onSubmit}">
 				<uui-form-layout-item>
-					<uui-label id="nameLabel" slot="label" for="name" required>Name</uui-label>
+					<uui-label id="nameLabel" slot="label" for="name" required>
+						<umb-localize key="general_name"></umb-localize>
+					</uui-label>
 					<uui-input id="name" label="name" type="text" name="name" required></uui-input>
 				</uui-form-layout-item>
 				<uui-form-layout-item>
-					<uui-label id="emailLabel" slot="label" for="email" required>Email</uui-label>
+					<uui-label id="emailLabel" slot="label" for="email" required>
+						<umb-localize key="general_email"></umb-localize>
+					</uui-label>
 					<uui-input id="email" label="email" type="email" name="email" required></uui-input>
 				</uui-form-layout-item>
 				<uui-form-layout-item>
-					<uui-label id="userGroupsLabel" slot="label" for="userGroups" required>User group</uui-label>
-					<span slot="description">Add groups to assign access and permissions</span>
+					<uui-label id="userGroupsLabel" slot="label" for="userGroups" required>
+						<umb-localize key="user_usergroups"></umb-localize>
+					</uui-label>
+					<span slot="description">
+						<umb-localize key="user_groupsHelp"></umb-localize>
+					</span>
 					<umb-user-group-input id="userGroups" name="userGroups"></umb-user-group-input>
 				</uui-form-layout-item>
 			</form>

package/dist-cms/packages/user/user/entity-actions/disable/disable-user.action.d.ts

@@ -2,6 +2,7 @@ import type { UmbEntityActionArgs } from '../../../../core/entity-action/index.j
 import { UmbEntityActionBase } from '../../../../core/entity-action/index.js';
 import type { UmbControllerHost } from '../../../../../libs/controller-api/index.js';
 export declare class UmbDisableUserEntityAction extends UmbEntityActionBase<never> {
+    #private;
     constructor(host: UmbControllerHost, args: UmbEntityActionArgs<never>);
     execute(): Promise<void>;
 }

package/dist-cms/packages/user/user/entity-actions/disable/disable-user.action.js

@@ -1,8 +1,10 @@
 import { UmbUserItemRepository } from '../../repository/item/user-item.repository.js';
 import { UmbDisableUserRepository } from '../../repository/index.js';
 import { UmbEntityActionBase } from '../../../../core/entity-action/index.js';
+import { UmbLocalizationController } from '../../../../../libs/localization-api/index.js';
 import { umbConfirmModal } from '../../../../core/modal/index.js';
 export class UmbDisableUserEntityAction extends UmbEntityActionBase {
+    #localize = new UmbLocalizationController(this);
     constructor(host, args) {
         super(host, args);
     }
@@ -16,10 +18,10 @@ export class UmbDisableUserEntityAction extends UmbEntityActionBase {
         }
         const item = data[0];
         await umbConfirmModal(this._host, {
-            headline: `Disable ${item.name}`,
-            content: 'Are you sure you want to disable this user?',
+            headline: this.#localize.term('user_disableUserHeadline', item.name),
+            content: '#user_disableUserConfirmation',
             color: 'danger',
-            confirmLabel: 'Disable',
+            confirmLabel: '#actions_disable',
         });
         const disableUserRepository = new UmbDisableUserRepository(this);
         const { error } = await disableUserRepository.disable([this.args.unique]);

package/dist-cms/packages/user/user/entity-actions/enable/enable-user.action.d.ts

@@ -2,6 +2,7 @@ import type { UmbEntityActionArgs } from '../../../../core/entity-action/index.j
 import { UmbEntityActionBase } from '../../../../core/entity-action/index.js';
 import type { UmbControllerHost } from '../../../../../libs/controller-api/index.js';
 export declare class UmbEnableUserEntityAction extends UmbEntityActionBase<never> {
+    #private;
     constructor(host: UmbControllerHost, args: UmbEntityActionArgs<never>);
     execute(): Promise<void>;
 }

package/dist-cms/packages/user/user/entity-actions/enable/enable-user.action.js

@@ -1,8 +1,10 @@
 import { UmbEnableUserRepository } from '../../repository/enable/enable-user.repository.js';
 import { UmbUserItemRepository } from '../../repository/item/user-item.repository.js';
 import { UmbEntityActionBase } from '../../../../core/entity-action/index.js';
+import { UmbLocalizationController } from '../../../../../libs/localization-api/index.js';
 import { umbConfirmModal } from '../../../../core/modal/index.js';
 export class UmbEnableUserEntityAction extends UmbEntityActionBase {
+    #localize = new UmbLocalizationController(this);
     constructor(host, args) {
         super(host, args);
     }
@@ -16,9 +18,9 @@ export class UmbEnableUserEntityAction extends UmbEntityActionBase {
         }
         const item = data[0];
         await umbConfirmModal(this._host, {
-            headline: `Enable ${item.name}`,
-            content: 'Are you sure you want to enable this user?',
-            confirmLabel: 'Enable',
+            headline: this.#localize.term('user_enableUserHeadline', item.name),
+            content: '#user_enableUserConfirmation',
+            confirmLabel: '#actions_enable',
         });
         const enableRepository = new UmbEnableUserRepository(this);
         const { error } = await enableRepository.enable([this.args.unique]);

package/dist-cms/packages/user/user/entity-actions/unlock/unlock-user.action.d.ts

@@ -1,5 +1,6 @@
 import { UmbEntityActionBase } from '../../../../core/entity-action/index.js';
 export declare class UmbUnlockUserEntityAction extends UmbEntityActionBase<never> {
+    #private;
     execute(): Promise<void>;
 }
 export { UmbUnlockUserEntityAction as api };

package/dist-cms/packages/user/user/entity-actions/unlock/unlock-user.action.js

@@ -1,8 +1,10 @@
 import { UmbUnlockUserRepository } from '../../repository/index.js';
 import { UmbUserItemRepository } from '../../repository/item/user-item.repository.js';
 import { UmbEntityActionBase } from '../../../../core/entity-action/index.js';
+import { UmbLocalizationController } from '../../../../../libs/localization-api/index.js';
 import { umbConfirmModal } from '../../../../core/modal/index.js';
 export class UmbUnlockUserEntityAction extends UmbEntityActionBase {
+    #localize = new UmbLocalizationController(this);
     async execute() {
         if (!this.args.unique)
             throw new Error('Unique is not available');
@@ -13,9 +15,9 @@ export class UmbUnlockUserEntityAction extends UmbEntityActionBase {
         }
         const item = data[0];
         await umbConfirmModal(this._host, {
-            headline: `Unlock ${item.name}`,
-            content: 'Are you sure you want to unlock this user?',
-            confirmLabel: 'Unlock',
+            headline: this.#localize.term('user_unlockUserHeadline', item.name),
+            content: '#user_unlockUserConfirmation',
+            confirmLabel: '#actions_unlock',
         });
         const unlockUserRepository = new UmbUnlockUserRepository(this);
         const { error } = await unlockUserRepository.unlock([this.args.unique]);

package/dist-cms/packages/user/user/entity-bulk-actions/manifests.js

@@ -29,7 +29,7 @@ export const manifests = [
         api: () => import('./enable/enable.action.js'),
         forEntityTypes: [UMB_USER_ENTITY_TYPE],
         meta: {
-            label: 'Enable',
+            label: '#actions_enable',
         },
         conditions: [
             {
@@ -46,7 +46,7 @@ export const manifests = [
         api: () => import('./unlock/unlock.action.js'),
         forEntityTypes: [UMB_USER_ENTITY_TYPE],
         meta: {
-            label: 'Unlock',
+            label: '#actions_unlock',
         },
         conditions: [
             {
@@ -63,7 +63,7 @@ export const manifests = [
         api: () => import('./disable/disable.action.js'),
         forEntityTypes: [UMB_USER_ENTITY_TYPE],
         meta: {
-            label: 'Disable',
+            label: '#actions_disable',
         },
         conditions: [
             {

package/dist-cms/packages/user/user/invite/modal/invite/user-invite-modal.element.js

@@ -40,40 +40,49 @@ let UmbInviteUserModalElement = class UmbInviteUserModalElement extends UmbModal
         }
     }
     render() {
-        return html `<uui-dialog-layout headline="Invite User">
+        return html `<uui-dialog-layout headline=${this.localize.term('user_inviteUser')}>
 			${this.#renderForm()}
-			<uui-button @click=${this._rejectModal} slot="actions" label="Cancel" look="secondary"></uui-button>
+			<uui-button @click=${this._rejectModal} slot="actions" label=${this.localize.term('general_cancel')} look="secondary"></uui-button>
 			<uui-button
 				form="InviteUserForm"
 				slot="actions"
 				type="submit"
-				label="Send invite"
+				label=${this.localize.term('user_sendInvite')}
 				look="primary"
 				color="positive"></uui-button
 		></uui-dialog-layout>`;
     }
     #renderForm() {
         return html ` <p style="margin-top: 0">
-				Invite new users to give them access to Umbraco. An invite email will be sent to the user with information on
-				how to log in to Umbraco. Invites last for 72 hours.
+				<umb-localize key="user_inviteUserHelp"></umb-localize>
 			</p>
 			<uui-form>
 				<form id="InviteUserForm" name="form" @submit="${this.#onSubmit}">
 					<uui-form-layout-item>
-						<uui-label id="nameLabel" slot="label" for="name" required>Name</uui-label>
+						<uui-label id="nameLabel" slot="label" for="name" required>
+							<umb-localize key="general_name"></umb-localize>
+						</uui-label>
 						<uui-input id="name" label="name" type="text" name="name" required></uui-input>
 					</uui-form-layout-item>
 					<uui-form-layout-item>
-						<uui-label id="emailLabel" slot="label" for="email" required>Email</uui-label>
+						<uui-label id="emailLabel" slot="label" for="email" required>
+							<umb-localize key="general_email"></umb-localize>
+						</uui-label>
 						<uui-input id="email" label="email" type="email" name="email" required></uui-input>
 					</uui-form-layout-item>
 					<uui-form-layout-item>
-						<uui-label id="userGroupsLabel" slot="label" for="userGroups" required>User group</uui-label>
-						<span slot="description">Add groups to assign access and permissions</span>
+						<uui-label id="userGroupsLabel" slot="label" for="userGroups" required>
+							<umb-localize key="user_usergroups"></umb-localize>
+						</uui-label>
+						<span slot="description">
+							<umb-localize key="user_groupsHelp"></umb-localize>
+						</span>
 						<umb-user-group-input id="userGroups" name="userGroups"></umb-user-group-input>
 					</uui-form-layout-item>
 					<uui-form-layout-item>
-						<uui-label id="messageLabel" slot="label" for="message" required>Message</uui-label>
+						<uui-label id="messageLabel" slot="label" for="message" required>
+							<umb-localize key="general_message"></umb-localize>
+						</uui-label>
 						<uui-textarea id="message" label="message" name="message" required></uui-textarea>
 					</uui-form-layout-item>
 				</form>

package/dist-cms/packages/user/user/invite/modal/resend-invite/resend-invite-to-user-modal.element.js

@@ -32,14 +32,14 @@ let UmbResendInviteToUserModalElement = class UmbResendInviteToUserModalElement
         }
     }
     render() {
-        return html `<uui-dialog-layout headline="Resend invite">
+        return html `<uui-dialog-layout headline=${this.localize.term('actions_resendInvite')}>
 			${this.#renderForm()}
 
-			<uui-button @click=${this._rejectModal} slot="actions" label="Cancel" look="secondary"></uui-button>
+			<uui-button @click=${this._rejectModal} slot="actions" label=${this.localize.term('general_cancel')} look="secondary"></uui-button>
 			<uui-button
 				slot="actions"
 				type="submit"
-				label="Resend invite"
+				label=${this.localize.term('actions_resendInvite')}
 				look="primary"
 				color="positive"
 				form="ResendInviteToUserForm"></uui-button>
@@ -49,7 +49,9 @@ let UmbResendInviteToUserModalElement = class UmbResendInviteToUserModalElement
         return html ` <uui-form>
 			<form id="ResendInviteToUserForm" name="form" @submit="${this.#onSubmitForm}">
 				<uui-form-layout-item>
-					<uui-label id="messageLabel" slot="label" for="message" required>Message</uui-label>
+					<uui-label id="messageLabel" slot="label" for="message" required>
+						<umb-localize key="general_message"></umb-localize>
+					</uui-label>
 					<uui-textarea id="message" label="message" name="message" required></uui-textarea>
 				</uui-form-layout-item>
 			</form>

package/dist-cms/packages/user/user/item/user-item-ref.element.js

@@ -11,7 +11,7 @@ import { css, customElement, html, ifDefined, nothing, property, state } from '.
 import { UmbLitElement } from '../../../core/lit-element/index.js';
 import { UmbModalRouteRegistrationController } from '../../../core/router/index.js';
 import { UMB_SECTION_USER_PERMISSION_CONDITION_ALIAS } from '../../../core/section/index.js';
-import { UMB_WORKSPACE_MODAL } from '../../../core/workspace/index.js';
+import { UMB_WORKSPACE_MODAL, umbGenerateWorkspaceLink } from '../../../core/workspace/index.js';
 import { createExtensionApiByAlias } from '../../../core/extension-registry/index.js';
 let UmbUserItemRefElement = class UmbUserItemRefElement extends UmbLitElement {
     #item;
@@ -45,19 +45,24 @@ let UmbUserItemRefElement = class UmbUserItemRefElement extends UmbLitElement {
             this._editPath = routeBuilder({});
         });
     }
-    #getHref(item) {
-        if (!this._editPath)
+    #getLink(item) {
+        if (!item.unique)
             return;
-        const path = UMB_EDIT_USER_WORKSPACE_PATH_PATTERN.generateLocal({ unique: item.unique });
-        return `${this._editPath}/${path}`;
+        return umbGenerateWorkspaceLink({
+            pattern: UMB_EDIT_USER_WORKSPACE_PATH_PATTERN,
+            params: { unique: item.unique },
+            routePath: this._editPath,
+        });
     }
     render() {
         if (!this.item)
             return nothing;
+        const link = this.#getLink(this.item);
         return html `
 			<uui-ref-node-user
 				name=${this.item.name}
-				href=${ifDefined(this.#getHref(this.item))}
+				href=${ifDefined(link?.href)}
+				target=${ifDefined(link?.target)}
 				?readonly=${this.readonly || !this._userHasSectionAccess}
 				?standalone=${this.standalone}>
 				<umb-user-avatar

package/dist-cms/packages/user/user/manifests.js

@@ -5,6 +5,7 @@ import { manifests as entityActionsManifests } from './entity-actions/manifests.
 import { manifests as entityBulkActionManifests } from './entity-bulk-actions/manifests.js';
 import { manifests as inviteManifests } from './invite/manifests.js';
 import { manifests as itemManifests } from './item/manifests.js';
+import { manifests as menuManifests } from './menu/manifests.js';
 import { manifests as menuItemManifests } from './menu-item/manifests.js';
 import { manifests as modalManifests } from './modals/manifests.js';
 import { manifests as propertyEditorManifests } from './property-editor/manifests.js';
@@ -19,6 +20,7 @@ export const manifests = [
     ...entityBulkActionManifests,
     ...inviteManifests,
     ...itemManifests,
+    ...menuManifests,
     ...menuItemManifests,
     ...modalManifests,
     ...propertyEditorManifests,

package/dist-cms/packages/user/user/menu/manifests.d.ts

@@ -0,0 +1 @@
+export declare const manifests: Array<UmbExtensionManifest>;

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

@@ -0,0 +1,28 @@
+import { UMB_USER_WORKSPACE_ALIAS } from '../workspace/user/constants.js';
+import { UMB_WORKSPACE_CONDITION_ALIAS } from '../../../core/workspace/index.js';
+export const manifests = [
+    {
+        type: 'workspaceContext',
+        name: 'User Menu Structure Workspace Context',
+        alias: 'Umb.WorkspaceContext.User.Menu.Structure',
+        api: () => import('./user-menu-structure.context.js'),
+        conditions: [
+            {
+                alias: UMB_WORKSPACE_CONDITION_ALIAS,
+                match: UMB_USER_WORKSPACE_ALIAS,
+            },
+        ],
+    },
+    {
+        type: 'workspaceFooterApp',
+        kind: 'menuBreadcrumb',
+        alias: 'Umb.WorkspaceFooterApp.User.Breadcrumb',
+        name: 'User Breadcrumb Workspace Footer App',
+        conditions: [
+            {
+                alias: UMB_WORKSPACE_CONDITION_ALIAS,
+                match: UMB_USER_WORKSPACE_ALIAS,
+            },
+        ],
+    },
+];

package/dist-cms/packages/user/user/menu/user-menu-structure.context.d.ts

@@ -0,0 +1,7 @@
+import type { UmbControllerHost } from '../../../../libs/controller-api/index.js';
+import { UmbMenuListStructureWorkspaceContextBase } from '../../../core/menu/index.js';
+export declare class UmbUserMenuStructureWorkspaceContext extends UmbMenuListStructureWorkspaceContextBase {
+    #private;
+    constructor(host: UmbControllerHost);
+}
+export { UmbUserMenuStructureWorkspaceContext as api };

package/dist-cms/packages/user/user/menu/user-menu-structure.context.js

@@ -0,0 +1,37 @@
+import { UMB_USER_ROOT_ENTITY_TYPE } from '../entity.js';
+import { UMB_ENTITY_NAMED_DETAIL_WORKSPACE_CONTEXT } from '../../../core/workspace/index.js';
+import { UmbMenuListStructureWorkspaceContextBase } from '../../../core/menu/index.js';
+import { observeMultiple } from '../../../../libs/observable-api/index.js';
+export class UmbUserMenuStructureWorkspaceContext extends UmbMenuListStructureWorkspaceContextBase {
+    constructor(host) {
+        super(host);
+        this.consumeContext(UMB_ENTITY_NAMED_DETAIL_WORKSPACE_CONTEXT, (instance) => {
+            if (!instance)
+                return;
+            this.observe(observeMultiple([instance.unique, instance.entityType, instance.name, instance.isNew]), ([unique, entityType, name, isNew]) => this.#requestStructure(unique, entityType, name, isNew), 'umbUserMenuStructureObserver');
+        });
+    }
+    #requestStructure(unique, entityType, name, isNew) {
+        if (!entityType)
+            return;
+        // While new, the item itself does not exist yet, so its ancestors are just the (fixed) root.
+        const items = [
+            {
+                unique: null,
+                entityType: UMB_USER_ROOT_ENTITY_TYPE,
+                name: '#treeHeaders_users',
+                isFolder: false,
+            },
+        ];
+        if (!isNew) {
+            items.push({
+                unique: unique ?? null,
+                entityType,
+                name: name ?? '',
+                isFolder: false,
+            });
+        }
+        this._setStructure(items);
+    }
+}
+export { UmbUserMenuStructureWorkspaceContext as api };

package/dist-cms/packages/user/user/property-editor/user-picker/manifests.js

@@ -7,6 +7,7 @@ export const manifests = [
         name: 'User Picker Property Editor UI',
         element: () => import('./property-editor-ui-user-picker.element.js'),
         meta: {
+            supportsVariantChange: true,
             label: 'User Picker',
             propertyEditorSchemaAlias: 'Umbraco.UserPicker',
             icon: 'icon-user',

package/dist-cms/packages/user/user/repository/unlock/unlock-user.repository.d.ts

@@ -4,8 +4,9 @@ export declare class UmbUnlockUserRepository extends UmbUserRepositoryBase {
     #private;
     constructor(host: UmbControllerHost);
     unlock(ids: Array<string>): Promise<{
-        data: unknown;
-        error: import("../../../../core/resources/index.js").UmbError | import("../../../../core/resources/index.js").UmbCancelError | import("../../../../core/resources/index.js").UmbApiError | undefined;
+        error: import("../../../../core/resources/index.js").UmbError | import("../../../../core/resources/index.js").UmbCancelError | import("../../../../core/resources/index.js").UmbApiError;
+    } | {
+        error: undefined;
     }>;
 }
 export default UmbUnlockUserRepository;

package/dist-cms/packages/user/user/repository/unlock/unlock-user.repository.js

@@ -1,8 +1,11 @@
 import { UmbUserRepositoryBase } from '../user-repository-base.js';
+import { UmbUserDetailRepository } from '../detail/user-detail.repository.js';
 import { UmbUnlockUserServerDataSource } from './unlock-user.server.data-source.js';
-import { UserStateModel } from '../../../../core/backend-api/index.js';
+import { UmbLocalizationController } from '../../../../../libs/localization-api/index.js';
 export class UmbUnlockUserRepository extends UmbUserRepositoryBase {
     #source;
+    #detailRepository = new UmbUserDetailRepository(this);
+    #localize = new UmbLocalizationController(this);
     constructor(host) {
         super(host);
         this.#source = new UmbUnlockUserServerDataSource(host);
@@ -11,15 +14,21 @@ export class UmbUnlockUserRepository extends UmbUserRepositoryBase {
         if (ids.length === 0)
             throw new Error('User ids are missing');
         await this.init;
-        const { data, error } = await this.#source.unlock(ids);
-        if (!error) {
-            ids.forEach((id) => {
-                this.detailStore?.updateItem(id, { state: UserStateModel.ACTIVE, failedLoginAttempts: 0 });
-            });
-            const notification = { data: { message: `User unlocked` } };
-            this.notificationContext?.peek('positive', notification);
+        const { error } = await this.#source.unlock(ids);
+        if (error) {
+            return { error };
         }
-        return { data, error };
+        const { data } = await this.#detailRepository.requestByUniques(ids);
+        if (!data)
+            throw new Error('Could not load users');
+        let message = this.#localize.term('speechBubbles_unlockUsersSuccess', data.length);
+        if (data.length === 1) {
+            const names = data.map((user) => user.name).join(', ');
+            message = this.#localize.term('speechBubbles_unlockUserSuccess', names);
+        }
+        const notification = { data: { message } };
+        this.notificationContext?.peek('positive', notification);
+        return { error };
     }
 }
 export default UmbUnlockUserRepository;

package/dist-cms/packages/user/user/workspace/user/components/user-workspace-access/user-workspace-access.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 { UMB_USER_WORKSPACE_CONTEXT } from '../../user-workspace.context-token.js';
-import { html, customElement, state, css } from '../../../../../../../external/lit/index.js';
+import { html, customElement, state, css, nothing } from '../../../../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../../../../core/lit-element/index.js';
 import { UmbTextStyles } from '../../../../../../core/style/index.js';
 import '../user-workspace-assign-access/user-workspace-assign-access.element.js';
@@ -32,18 +32,27 @@ let UmbUserWorkspaceAccessElement = class UmbUserWorkspaceAccessElement extends
 		</uui-box>`;
     }
     #renderDocumentStartNodes() {
+        if (!this._calculatedStartNodes)
+            return nothing;
+        const uniques = this._calculatedStartNodes.documentStartNodeUniques.map((reference) => reference.unique);
+        const hasAccess = this._calculatedStartNodes.hasDocumentRootAccess || uniques.length > 0;
         return html ` <b><umb-localize key="sections_content">Content</umb-localize></b>
-			<umb-user-document-start-node
-				readonly
-				.uniques=${this._calculatedStartNodes?.documentStartNodeUniques.map((reference) => reference.unique) ||
-            []}></umb-user-document-start-node>`;
+			${hasAccess
+            ? html `<umb-user-document-start-node readonly .uniques=${uniques}></umb-user-document-start-node>`
+            : this.#renderNoStartNodes()}`;
     }
     #renderMediaStartNodes() {
+        if (!this._calculatedStartNodes)
+            return nothing;
+        const uniques = this._calculatedStartNodes.mediaStartNodeUniques.map((reference) => reference.unique);
+        const hasAccess = this._calculatedStartNodes.hasMediaRootAccess || uniques.length > 0;
         return html ` <b><umb-localize key="sections_media">Media</umb-localize></b>
-			<umb-user-media-start-node
-				readonly
-				.uniques=${this._calculatedStartNodes?.mediaStartNodeUniques.map((reference) => reference.unique) ||
-            []}></umb-user-media-start-node>`;
+			${hasAccess
+            ? html `<umb-user-media-start-node readonly .uniques=${uniques}></umb-user-media-start-node>`
+            : this.#renderNoStartNodes()}`;
+    }
+    #renderNoStartNodes() {
+        return html `<div><umb-localize key="user_noStartNodes">No start nodes selected</umb-localize></div>`;
     }
     static { this.styles = [
         UmbTextStyles,

package/dist-cms/packages/user/user/workspace/user/components/user-workspace-assign-access/user-workspace-assign-access.element.d.ts

@@ -1,14 +1,10 @@
 import { UmbLitElement } from '../../../../../../core/lit-element/index.js';
 export declare class UmbUserWorkspaceAssignAccessElement extends UmbLitElement {
     #private;
-    private _userGroupUniques;
-    private _documentStartNodeUniques;
-    private _documentRootAccess;
-    private _mediaStartNodeUniques;
-    private _mediaRootAccess;
+    private _values;
     constructor();
     render(): import("lit-html").TemplateResult<1>;
-    static styles: import("lit").CSSResult[];
+    static readonly styles: import("lit").CSSResult[];
 }
 declare global {
     interface HTMLElementTagNameMap {