@umbraco-cms/backoffice 17.2.1 → 17.3.0-rc

package/dist-cms/packages/templating/partial-views/entity-actions/create/manifests.js

@@ -1,4 +1,5 @@
 import { UMB_PARTIAL_VIEW_FOLDER_ENTITY_TYPE, UMB_PARTIAL_VIEW_ROOT_ENTITY_TYPE } from '../../entity.js';
+import { UMB_IS_SERVER_PRODUCTION_MODE_CONDITION_ALIAS } from '../../../../core/server/index.js';
 export const manifests = [
     {
         type: 'entityAction',
@@ -13,6 +14,12 @@ export const manifests = [
             label: '#actions_createFor',
             additionalOptions: true,
         },
+        conditions: [
+            {
+                alias: UMB_IS_SERVER_PRODUCTION_MODE_CONDITION_ALIAS,
+                match: false,
+            },
+        ],
     },
     {
         type: 'modal',

package/dist-cms/packages/templating/partial-views/entity-actions/manifests.js

@@ -2,6 +2,7 @@ import { UMB_PARTIAL_VIEW_DETAIL_REPOSITORY_ALIAS, UMB_PARTIAL_VIEW_ITEM_REPOSIT
 import { UMB_PARTIAL_VIEW_ENTITY_TYPE } from '../entity.js';
 import { manifests as createManifests } from './create/manifests.js';
 import { manifests as renameManifests } from './rename/manifests.js';
+import { UMB_IS_SERVER_PRODUCTION_MODE_CONDITION_ALIAS } from '../../../core/server/index.js';
 export const manifests = [
     {
         type: 'entityAction',
@@ -13,6 +14,12 @@ export const manifests = [
             detailRepositoryAlias: UMB_PARTIAL_VIEW_DETAIL_REPOSITORY_ALIAS,
             itemRepositoryAlias: UMB_PARTIAL_VIEW_ITEM_REPOSITORY_ALIAS,
         },
+        conditions: [
+            {
+                alias: UMB_IS_SERVER_PRODUCTION_MODE_CONDITION_ALIAS,
+                match: false,
+            },
+        ],
     },
     ...createManifests,
     ...renameManifests,

package/dist-cms/packages/templating/partial-views/entity-actions/rename/manifests.js

@@ -1,5 +1,6 @@
 import { UMB_PARTIAL_VIEW_ENTITY_TYPE } from '../../entity.js';
 import { UMB_PARTIAL_VIEW_ITEM_REPOSITORY_ALIAS } from '../../repository/item/manifests.js';
+import { UMB_IS_SERVER_PRODUCTION_MODE_CONDITION_ALIAS } from '../../../../core/server/index.js';
 export const UMB_RENAME_PARTIAL_VIEW_REPOSITORY_ALIAS = 'Umb.Repository.PartialView.Rename';
 export const UMB_RENAME_PARTIAL_VIEW_ENTITY_ACTION_ALIAS = 'Umb.EntityAction.PartialView.Rename';
 export const manifests = [
@@ -19,5 +20,11 @@ export const manifests = [
             renameRepositoryAlias: UMB_RENAME_PARTIAL_VIEW_REPOSITORY_ALIAS,
             itemRepositoryAlias: UMB_PARTIAL_VIEW_ITEM_REPOSITORY_ALIAS,
         },
+        conditions: [
+            {
+                alias: UMB_IS_SERVER_PRODUCTION_MODE_CONDITION_ALIAS,
+                match: false,
+            },
+        ],
     },
 ];

package/dist-cms/packages/templating/partial-views/repository/item/partial-view-item.server.request-manager.d.ts

@@ -2,5 +2,6 @@ import type { UmbControllerHost } from '../../../../../libs/controller-api/index
 import { type PartialViewItemResponseModel } from '../../../../core/backend-api/index.js';
 import { UmbManagementApiItemDataRequestManager } from '../../../../management-api/index.js';
 export declare class UmbManagementApiPartialViewItemDataRequestManager extends UmbManagementApiItemDataRequestManager<PartialViewItemResponseModel> {
+    #private;
     constructor(host: UmbControllerHost);
 }

package/dist-cms/packages/templating/partial-views/repository/item/partial-view-item.server.request-manager.js

@@ -1,12 +1,14 @@
 /* eslint-disable local-rules/no-direct-api-import */
 import { partialViewItemCache } from './partial-view-item.server.cache.js';
 import { PartialViewService } from '../../../../core/backend-api/index.js';
-import { UmbManagementApiItemDataRequestManager } from '../../../../management-api/index.js';
+import { UmbManagementApiItemDataRequestManager, UmbManagementApiInFlightRequestCache, } from '../../../../management-api/index.js';
 export class UmbManagementApiPartialViewItemDataRequestManager extends UmbManagementApiItemDataRequestManager {
+    static #inflightRequestCache = new UmbManagementApiInFlightRequestCache();
     constructor(host) {
         super(host, {
             getItems: (paths) => PartialViewService.getItemPartialView({ query: { path: paths } }),
             dataCache: partialViewItemCache,
+            inflightRequestCache: UmbManagementApiPartialViewItemDataRequestManager.#inflightRequestCache,
             getUniqueMethod: (item) => item.path,
         });
     }

package/dist-cms/packages/templating/partial-views/tree/folder/manifests.js

@@ -1,6 +1,7 @@
 import { UMB_PARTIAL_VIEW_FOLDER_ENTITY_TYPE } from '../../entity.js';
 import { UMB_PARTIAL_VIEW_FOLDER_REPOSITORY_ALIAS, manifests as repositoryManifests } from './repository/manifests.js';
 import { manifests as workspaceManifests } from './workspace/manifests.js';
+import { UMB_IS_SERVER_PRODUCTION_MODE_CONDITION_ALIAS } from '../../../../core/server/index.js';
 export const UMB_DELETE_PARTIAL_VIEW_FOLDER_ENTITY_ACTION_ALIAS = 'Umb.EntityAction.PartialView.Folder.Delete';
 export const manifests = [
     {
@@ -12,6 +13,12 @@ export const manifests = [
         meta: {
             folderRepositoryAlias: UMB_PARTIAL_VIEW_FOLDER_REPOSITORY_ALIAS,
         },
+        conditions: [
+            {
+                alias: UMB_IS_SERVER_PRODUCTION_MODE_CONDITION_ALIAS,
+                match: false,
+            },
+        ],
     },
     ...repositoryManifests,
     ...workspaceManifests,

package/dist-cms/packages/templating/partial-views/workspace/manifests.js

@@ -1,4 +1,5 @@
 import { UmbSubmitWorkspaceAction, UMB_WORKSPACE_CONDITION_ALIAS } from '../../../core/workspace/index.js';
+import { UMB_IS_SERVER_PRODUCTION_MODE_CONDITION_ALIAS } from '../../../core/server/index.js';
 export const UMB_PARTIAL_VIEW_WORKSPACE_ALIAS = 'Umb.Workspace.PartialView';
 export const manifests = [
     {
@@ -27,6 +28,28 @@ export const manifests = [
                 alias: UMB_WORKSPACE_CONDITION_ALIAS,
                 match: UMB_PARTIAL_VIEW_WORKSPACE_ALIAS,
             },
+            {
+                alias: UMB_IS_SERVER_PRODUCTION_MODE_CONDITION_ALIAS,
+                match: false,
+            },
+        ],
+    },
+    {
+        type: 'workspaceAction',
+        alias: 'Umb.WorkspaceAction.PartialView.ProductionMode',
+        name: 'Partial View Production Mode',
+        api: () => import('../../local-components/production-mode-workspace-action/production-mode-workspace-action.js'),
+        element: () => import('../../local-components/production-mode-workspace-action/production-mode-workspace-action.js'),
+        weight: 60,
+        conditions: [
+            {
+                alias: UMB_WORKSPACE_CONDITION_ALIAS,
+                match: UMB_PARTIAL_VIEW_WORKSPACE_ALIAS,
+            },
+            {
+                alias: UMB_IS_SERVER_PRODUCTION_MODE_CONDITION_ALIAS,
+                match: true,
+            },
         ],
     },
 ];

package/dist-cms/packages/templating/partial-views/workspace/partial-view-workspace-editor.element.d.ts

@@ -5,6 +5,11 @@ export declare class UmbPartialViewWorkspaceEditorElement extends UmbLitElement
     #private;
     private _content?;
     private _isNew?;
+    /**
+     * Whether editing is restricted. True when in production mode OR when runtime mode is still unknown.
+     * This ensures a safe default (restricted) until we confirm the runtime mode.
+     */
+    private _isRestricted;
     private _codeEditor?;
     constructor();
     render(): import("lit-html").TemplateResult<1>;

package/dist-cms/packages/templating/partial-views/workspace/partial-view-workspace-editor.element.js

@@ -10,6 +10,7 @@ import { css, customElement, html, nothing, query, state } from '../../../../ext
 import { UmbLitElement } from '../../../core/lit-element/index.js';
 import { umbOpenModal } from '../../../core/modal/index.js';
 import { UMB_TEMPLATE_QUERY_BUILDER_MODAL } from '../../templates/index.js';
+import { UMB_SERVER_CONTEXT } from '../../../core/server/index.js';
 import '../../../code-editor/index.js';
 import '../../local-components/insert-menu/index.js';
 let UmbPartialViewWorkspaceEditorElement = class UmbPartialViewWorkspaceEditorElement extends UmbLitElement {
@@ -17,6 +18,17 @@ let UmbPartialViewWorkspaceEditorElement = class UmbPartialViewWorkspaceEditorEl
     constructor() {
         super();
         this._content = '';
+        /**
+         * Whether editing is restricted. True when in production mode OR when runtime mode is still unknown.
+         * This ensures a safe default (restricted) until we confirm the runtime mode.
+         */
+        this._isRestricted = true;
+        this.consumeContext(UMB_SERVER_CONTEXT, (context) => {
+            this.observe(context?.isProductionMode, (isProductionMode) => {
+                // Restricted until we confirm it's NOT production mode (safe default).
+                this._isRestricted = isProductionMode !== false;
+            });
+        });
         this.consumeContext(UMB_PARTIAL_VIEW_WORKSPACE_CONTEXT, (workspaceContext) => {
             this.#workspaceContext = workspaceContext;
             this.observe(this.#workspaceContext?.content, (content) => {
@@ -48,14 +60,18 @@ let UmbPartialViewWorkspaceEditorElement = class UmbPartialViewWorkspaceEditorEl
 			<umb-entity-detail-workspace-editor>
 				<umb-workspace-header-name-editable
 					slot="header"
-					?readonly=${this._isNew === false}></umb-workspace-header-name-editable>
+					?readonly=${this._isNew === false || this._isRestricted}></umb-workspace-header-name-editable>
 				<uui-box>
 					<div slot="header" id="code-editor-menu-container">
-						<umb-templating-insert-menu @insert=${this.#insertSnippet} hidePartialViews></umb-templating-insert-menu>
+						<umb-templating-insert-menu
+							@insert=${this.#insertSnippet}
+							?disabled=${this._isRestricted}
+							hidePartialViews></umb-templating-insert-menu>
 						<uui-button
 							look="secondary"
 							id="query-builder-button"
 							label=${this.localize.term('template_queryBuilder')}
+							?disabled=${this._isRestricted}
 							@click=${this.#openQueryBuilder}>
 							<uui-icon name="icon-wand"></uui-icon>
 							<umb-localize key="template_queryBuilder">Query builder</umb-localize>
@@ -75,6 +91,7 @@ let UmbPartialViewWorkspaceEditorElement = class UmbPartialViewWorkspaceEditorEl
 				id="content"
 				language="razor"
 				.code=${this._content ?? ''}
+				?readonly=${this._isRestricted}
 				@input=${this.#onCodeEditorInput}></umb-code-editor>
 		`;
     }
@@ -137,6 +154,9 @@ __decorate([
 __decorate([
     state()
 ], UmbPartialViewWorkspaceEditorElement.prototype, "_isNew", void 0);
+__decorate([
+    state()
+], UmbPartialViewWorkspaceEditorElement.prototype, "_isRestricted", void 0);
 __decorate([
     query('umb-code-editor')
 ], UmbPartialViewWorkspaceEditorElement.prototype, "_codeEditor", void 0);

package/dist-cms/packages/templating/scripts/repository/item/script-item.server.request-manager.d.ts

@@ -2,5 +2,6 @@ import type { UmbControllerHost } from '../../../../../libs/controller-api/index
 import { type ScriptItemResponseModel } from '../../../../core/backend-api/index.js';
 import { UmbManagementApiItemDataRequestManager } from '../../../../management-api/index.js';
 export declare class UmbManagementApiScriptItemDataRequestManager extends UmbManagementApiItemDataRequestManager<ScriptItemResponseModel> {
+    #private;
     constructor(host: UmbControllerHost);
 }

package/dist-cms/packages/templating/scripts/repository/item/script-item.server.request-manager.js

@@ -1,12 +1,14 @@
 /* eslint-disable local-rules/no-direct-api-import */
 import { scriptItemCache } from './script-item.server.cache.js';
 import { ScriptService } from '../../../../core/backend-api/index.js';
-import { UmbManagementApiItemDataRequestManager } from '../../../../management-api/index.js';
+import { UmbManagementApiItemDataRequestManager, UmbManagementApiInFlightRequestCache, } from '../../../../management-api/index.js';
 export class UmbManagementApiScriptItemDataRequestManager extends UmbManagementApiItemDataRequestManager {
+    static #inflightRequestCache = new UmbManagementApiInFlightRequestCache();
     constructor(host) {
         super(host, {
             getItems: (paths) => ScriptService.getItemScript({ query: { path: paths } }),
             dataCache: scriptItemCache,
+            inflightRequestCache: UmbManagementApiScriptItemDataRequestManager.#inflightRequestCache,
             getUniqueMethod: (item) => item.path,
         });
     }

package/dist-cms/packages/templating/stylesheets/repository/item/stylesheet-item.server.request-manager.d.ts

@@ -2,5 +2,6 @@ import type { UmbControllerHost } from '../../../../../libs/controller-api/index
 import { type StylesheetItemResponseModel } from '../../../../core/backend-api/index.js';
 import { UmbManagementApiItemDataRequestManager } from '../../../../management-api/index.js';
 export declare class UmbManagementApiStylesheetItemDataRequestManager extends UmbManagementApiItemDataRequestManager<StylesheetItemResponseModel> {
+    #private;
     constructor(host: UmbControllerHost);
 }

package/dist-cms/packages/templating/stylesheets/repository/item/stylesheet-item.server.request-manager.js

@@ -1,12 +1,14 @@
 /* eslint-disable local-rules/no-direct-api-import */
 import { stylesheetItemCache } from './stylesheet-item.server.cache.js';
 import { StylesheetService } from '../../../../core/backend-api/index.js';
-import { UmbManagementApiItemDataRequestManager } from '../../../../management-api/index.js';
+import { UmbManagementApiItemDataRequestManager, UmbManagementApiInFlightRequestCache, } from '../../../../management-api/index.js';
 export class UmbManagementApiStylesheetItemDataRequestManager extends UmbManagementApiItemDataRequestManager {
+    static #inflightRequestCache = new UmbManagementApiInFlightRequestCache();
     constructor(host) {
         super(host, {
             getItems: (paths) => StylesheetService.getItemStylesheet({ query: { path: paths } }),
             dataCache: stylesheetItemCache,
+            inflightRequestCache: UmbManagementApiStylesheetItemDataRequestManager.#inflightRequestCache,
             getUniqueMethod: (item) => item.path,
         });
     }

package/dist-cms/packages/templating/templates/entity-actions/manifests.js

@@ -1,6 +1,7 @@
 import { UMB_TEMPLATE_DETAIL_REPOSITORY_ALIAS, UMB_TEMPLATE_ITEM_REPOSITORY_ALIAS } from '../constants.js';
 import { UMB_TEMPLATE_ENTITY_TYPE, UMB_TEMPLATE_ROOT_ENTITY_TYPE } from '../entity.js';
 import { UMB_TEMPLATE_ALLOW_DELETE_ACTION_CONDITION_ALIAS } from '../conditions/allow-delete/constants.js';
+import { UMB_IS_SERVER_PRODUCTION_MODE_CONDITION_ALIAS } from '../../../core/server/index.js';
 export const manifests = [
     {
         type: 'entityAction',
@@ -15,6 +16,12 @@ export const manifests = [
             label: '#actions_createFor',
             additionalOptions: true,
         },
+        conditions: [
+            {
+                alias: UMB_IS_SERVER_PRODUCTION_MODE_CONDITION_ALIAS,
+                match: false,
+            },
+        ],
     },
     {
         type: 'entityAction',
@@ -26,6 +33,12 @@ export const manifests = [
             detailRepositoryAlias: UMB_TEMPLATE_DETAIL_REPOSITORY_ALIAS,
             itemRepositoryAlias: UMB_TEMPLATE_ITEM_REPOSITORY_ALIAS,
         },
-        conditions: [{ alias: UMB_TEMPLATE_ALLOW_DELETE_ACTION_CONDITION_ALIAS }],
+        conditions: [
+            { alias: UMB_TEMPLATE_ALLOW_DELETE_ACTION_CONDITION_ALIAS },
+            {
+                alias: UMB_IS_SERVER_PRODUCTION_MODE_CONDITION_ALIAS,
+                match: false,
+            },
+        ],
     },
 ];

package/dist-cms/packages/templating/templates/repository/item/template-item.server.request-manager.d.ts

@@ -2,5 +2,6 @@ import type { UmbControllerHost } from '../../../../../libs/controller-api/index
 import { type TemplateItemResponseModel } from '../../../../core/backend-api/index.js';
 import { UmbManagementApiItemDataRequestManager } from '../../../../management-api/index.js';
 export declare class UmbManagementApiTemplateItemDataRequestManager extends UmbManagementApiItemDataRequestManager<TemplateItemResponseModel> {
+    #private;
     constructor(host: UmbControllerHost);
 }

package/dist-cms/packages/templating/templates/repository/item/template-item.server.request-manager.js

@@ -1,12 +1,14 @@
 /* eslint-disable local-rules/no-direct-api-import */
 import { templateItemCache } from './template-item.server.cache.js';
 import { TemplateService } from '../../../../core/backend-api/index.js';
-import { UmbManagementApiItemDataRequestManager } from '../../../../management-api/index.js';
+import { UmbManagementApiItemDataRequestManager, UmbManagementApiInFlightRequestCache, } from '../../../../management-api/index.js';
 export class UmbManagementApiTemplateItemDataRequestManager extends UmbManagementApiItemDataRequestManager {
+    static #inflightRequestCache = new UmbManagementApiInFlightRequestCache();
     constructor(host) {
         super(host, {
             getItems: (ids) => TemplateService.getItemTemplate({ query: { id: ids } }),
             dataCache: templateItemCache,
+            inflightRequestCache: UmbManagementApiTemplateItemDataRequestManager.#inflightRequestCache,
             getUniqueMethod: (item) => item.id,
         });
     }

package/dist-cms/packages/templating/templates/search/global-search/manifests.js

@@ -11,6 +11,7 @@ export const manifests = [
         meta: {
             label: 'Templates',
             searchProviderAlias: UMB_TEMPLATE_SEARCH_PROVIDER_ALIAS,
+            sectionAlias: UMB_SETTINGS_SECTION_ALIAS,
         },
         conditions: [
             {

package/dist-cms/packages/templating/templates/search/template-search.server.data-source.js

@@ -24,7 +24,11 @@ export class UmbTemplateSearchServerDataSource {
      */
     async search(args) {
         const { data, error } = await tryExecute(this.#host, TemplateService.getItemTemplateSearch({
-            query: { query: args.query },
+            query: {
+                query: args.query,
+                skip: args.paging?.skip,
+                take: args.paging?.take,
+            },
         }));
         if (data) {
             const mappedItems = data.items.map((item) => {

package/dist-cms/packages/templating/templates/workspace/manifests.js

@@ -1,4 +1,5 @@
 import { UmbSubmitWorkspaceAction, UMB_WORKSPACE_CONDITION_ALIAS } from '../../../core/workspace/index.js';
+import { UMB_IS_SERVER_PRODUCTION_MODE_CONDITION_ALIAS } from '../../../core/server/index.js';
 export const UMB_TEMPLATE_WORKSPACE_ALIAS = 'Umb.Workspace.Template';
 export const manifests = [
     {
@@ -28,6 +29,28 @@ export const manifests = [
                 alias: UMB_WORKSPACE_CONDITION_ALIAS,
                 match: UMB_TEMPLATE_WORKSPACE_ALIAS,
             },
+            {
+                alias: UMB_IS_SERVER_PRODUCTION_MODE_CONDITION_ALIAS,
+                match: false,
+            },
+        ],
+    },
+    {
+        type: 'workspaceAction',
+        alias: 'Umb.WorkspaceAction.Template.ProductionMode',
+        name: 'Template Production Mode',
+        api: () => import('../../local-components/production-mode-workspace-action/production-mode-workspace-action.js'),
+        element: () => import('../../local-components/production-mode-workspace-action/production-mode-workspace-action.js'),
+        weight: 60,
+        conditions: [
+            {
+                alias: UMB_WORKSPACE_CONDITION_ALIAS,
+                match: UMB_TEMPLATE_WORKSPACE_ALIAS,
+            },
+            {
+                alias: UMB_IS_SERVER_PRODUCTION_MODE_CONDITION_ALIAS,
+                match: true,
+            },
         ],
     },
 ];

package/dist-cms/packages/templating/templates/workspace/template-workspace-editor.element.d.ts

@@ -7,6 +7,11 @@ export declare class UmbTemplateWorkspaceEditorElement extends UmbLitElement {
     private _content?;
     private _alias?;
     private _masterTemplateName?;
+    /**
+     * Whether editing is restricted. True when in production mode OR when runtime mode is still unknown.
+     * This ensures a safe default (restricted) until we confirm the runtime mode.
+     */
+    private _isRestricted;
     private _codeEditor?;
     constructor();
     render(): import("lit-html").TemplateResult<1>;

package/dist-cms/packages/templating/templates/workspace/template-workspace-editor.element.js

@@ -13,6 +13,7 @@ import { css, customElement, html, nothing, query, state } from '../../../../ext
 import { UmbLitElement, umbFocus } from '../../../core/lit-element/index.js';
 import { UMB_MODAL_MANAGER_CONTEXT } from '../../../core/modal/index.js';
 import { umbBindToValidation } from '../../../core/validation/index.js';
+import { UMB_SERVER_CONTEXT } from '../../../core/server/index.js';
 import '../../../code-editor/index.js';
 import '../../local-components/insert-menu/index.js';
 /**
@@ -31,11 +32,22 @@ let UmbTemplateWorkspaceEditorElement = class UmbTemplateWorkspaceEditorElement
         this._content = '';
         this._alias = '';
         this._masterTemplateName = null;
+        /**
+         * Whether editing is restricted. True when in production mode OR when runtime mode is still unknown.
+         * This ensures a safe default (restricted) until we confirm the runtime mode.
+         */
+        this._isRestricted = true;
         this.#isNew = false;
         this.#masterTemplateUnique = null;
         this.consumeContext(UMB_MODAL_MANAGER_CONTEXT, (instance) => {
             this.#modalContext = instance;
         });
+        this.consumeContext(UMB_SERVER_CONTEXT, (context) => {
+            this.observe(context?.isProductionMode, (isProductionMode) => {
+                // Restricted until we confirm it's NOT production mode (safe default).
+                this._isRestricted = isProductionMode !== false;
+            });
+        });
         this.consumeContext(UMB_TEMPLATE_WORKSPACE_CONTEXT, (workspaceContext) => {
             this.#templateWorkspaceContext = workspaceContext;
             this.observe(this.#templateWorkspaceContext?.name, (name) => {
@@ -122,12 +134,18 @@ let UmbTemplateWorkspaceEditorElement = class UmbTemplateWorkspaceEditorElement
 					@click=${this.#openMasterTemplatePicker}
 					look="secondary"
 					id="master-template-button"
+					?disabled=${this._isRestricted}
 					label="${this.localize.term('template_mastertemplate')}: ${this._masterTemplateName
             ? this._masterTemplateName
             : this.localize.term('template_noMaster')}"></uui-button>
 				${this._masterTemplateName
-            ? html `<uui-button look="secondary" label=${this.localize.term('actions_remove')} compact>
-							<uui-icon name="icon-delete" @click=${this.#resetMasterTemplate}></uui-icon>
+            ? html `<uui-button
+							look="secondary"
+							label=${this.localize.term('actions_remove')}
+							?disabled=${this._isRestricted}
+							@click=${this.#resetMasterTemplate}
+							compact>
+							<uui-icon name="icon-delete"></uui-icon>
 						</uui-button>`
             : nothing}
 			</uui-button-group>
@@ -146,6 +164,7 @@ let UmbTemplateWorkspaceEditorElement = class UmbTemplateWorkspaceEditorElement
 					.alias=${this._alias}
 					alias-pattern=${UMB_TEMPLATE_ALIAS_PATTERN}
 					?auto-generate-alias=${this.#isNew}
+					?readonly=${this._isRestricted}
 					@change=${this.#onNameAndAliasChange}
 					required
 					${umbBindToValidation(this)}
@@ -155,11 +174,13 @@ let UmbTemplateWorkspaceEditorElement = class UmbTemplateWorkspaceEditorElement
 				<uui-box>
 					<div slot="header" id="code-editor-menu-container">${this.#renderMasterTemplatePicker()}</div>
 					<div slot="header-actions">
-						<umb-templating-insert-menu @insert=${this.#insertSnippet}></umb-templating-insert-menu>
+						<umb-templating-insert-menu @insert=${this.#insertSnippet} ?disabled=${this._isRestricted}>
+						</umb-templating-insert-menu>
 						<uui-button
 							look="secondary"
 							id="query-builder-button"
 							label=${this.localize.term('template_queryBuilder')}
+							?disabled=${this._isRestricted}
 							@click=${this.#openQueryBuilder}>
 							<uui-icon name="icon-wand"></uui-icon> ${this.localize.term('template_queryBuilder')}
 						</uui-button>
@@ -167,6 +188,7 @@ let UmbTemplateWorkspaceEditorElement = class UmbTemplateWorkspaceEditorElement
 							look="secondary"
 							id="sections-button"
 							label=${this.localize.term('template_insertSections')}
+							?disabled=${this._isRestricted}
 							@click=${this.#openInsertSectionModal}>
 							<uui-icon name="icon-indent"></uui-icon> ${this.localize.term('template_insertSections')}
 						</uui-button>
@@ -183,17 +205,12 @@ let UmbTemplateWorkspaceEditorElement = class UmbTemplateWorkspaceEditorElement
 				id="content"
 				language="razor"
 				.code=${this._content ?? ''}
+				?readonly=${this._isRestricted}
 				@input=${this.#onCodeEditorInput}></umb-code-editor>
 		`;
     }
     static { this.styles = [
         css `
-			:host {
-				display: block;
-				width: 100%;
-				height: 100%;
-			}
-
 			#loader-container {
 				display: grid;
 				place-items: center;
@@ -260,6 +277,9 @@ __decorate([
 __decorate([
     state()
 ], UmbTemplateWorkspaceEditorElement.prototype, "_masterTemplateName", void 0);
+__decorate([
+    state()
+], UmbTemplateWorkspaceEditorElement.prototype, "_isRestricted", void 0);
 __decorate([
     query('umb-code-editor')
 ], UmbTemplateWorkspaceEditorElement.prototype, "_codeEditor", void 0);

package/dist-cms/packages/tiptap/clipboard/block/copy/block-rte-to-block-copy-translator.d.ts

@@ -0,0 +1,8 @@
+import { UmbControllerBase } from '../../../../../libs/class-api/index.js';
+import type { UmbBlockClipboardEntryValueModel } from '../../../../block/block/index.js';
+import type { UmbClipboardCopyPropertyValueTranslator } from '../../../../clipboard/index.js';
+import type { UmbBlockRteValueModel } from '../../../../block/block-rte/index.js';
+export declare class UmbTiptapBlockRteToBlockClipboardCopyPropertyValueTranslator extends UmbControllerBase implements UmbClipboardCopyPropertyValueTranslator<UmbBlockRteValueModel> {
+    translate(propertyValue: UmbBlockRteValueModel): Promise<UmbBlockClipboardEntryValueModel>;
+}
+export { UmbTiptapBlockRteToBlockClipboardCopyPropertyValueTranslator as api };

package/dist-cms/packages/tiptap/clipboard/block/copy/block-rte-to-block-copy-translator.js

@@ -0,0 +1,24 @@
+import { UmbControllerBase } from '../../../../../libs/class-api/index.js';
+import { UMB_BLOCK_RTE_PROPERTY_EDITOR_SCHEMA_ALIAS } from '../../../../block/block-rte/index.js';
+export class UmbTiptapBlockRteToBlockClipboardCopyPropertyValueTranslator extends UmbControllerBase {
+    async translate(propertyValue) {
+        if (!propertyValue) {
+            throw new Error('Property value is missing.');
+        }
+        const valueClone = structuredClone(propertyValue);
+        const contentData = valueClone.contentData;
+        const layout = valueClone.layout?.[UMB_BLOCK_RTE_PROPERTY_EDITOR_SCHEMA_ALIAS] ?? undefined;
+        const settingsData = valueClone.settingsData;
+        layout?.forEach((layoutItem) => {
+            // @ts-expect-error - We are removing the $type property from the layout item
+            delete layoutItem.$type;
+        });
+        const blockValue = {
+            contentData: contentData ?? [],
+            layout: layout,
+            settingsData: settingsData ?? [],
+        };
+        return blockValue;
+    }
+}
+export { UmbTiptapBlockRteToBlockClipboardCopyPropertyValueTranslator as api };

package/dist-cms/packages/tiptap/clipboard/block/copy/manifest.d.ts

@@ -0,0 +1 @@
+export declare const manifest: UmbExtensionManifest;

package/dist-cms/packages/tiptap/clipboard/block/copy/manifest.js

@@ -0,0 +1,10 @@
+import { UMB_TIPTAP_PROPERTY_EDITOR_UI_ALIAS } from '../../../property-editors/tiptap-rte/constants.js';
+import { UMB_BLOCK_CLIPBOARD_ENTRY_VALUE_TYPE } from '../../../../block/block/index.js';
+export const manifest = {
+    type: 'clipboardCopyPropertyValueTranslator',
+    alias: 'Umb.ClipboardCopyPropertyValueTranslator.Tiptap.BlockRteToBlock',
+    name: 'Tiptap Block RTE To Block Clipboard Copy Property Value Translator',
+    api: () => import('./block-rte-to-block-copy-translator.js'),
+    fromPropertyEditorUi: UMB_TIPTAP_PROPERTY_EDITOR_UI_ALIAS,
+    toClipboardEntryValueType: UMB_BLOCK_CLIPBOARD_ENTRY_VALUE_TYPE,
+};

package/dist-cms/packages/tiptap/clipboard/block/paste/block-to-block-rte-paste-translator.d.ts

@@ -0,0 +1,14 @@
+import { UmbControllerBase } from '../../../../../libs/class-api/index.js';
+import type { UmbBlockClipboardEntryValueModel } from '../../../../block/block/index.js';
+import type { UmbPropertyEditorRteValueType } from '../../../../rte/index.js';
+import type { UmbClipboardPastePropertyValueTranslator } from '../../../../clipboard/index.js';
+export declare class UmbTiptapBlockToBlockRteClipboardPastePropertyValueTranslator extends UmbControllerBase implements UmbClipboardPastePropertyValueTranslator<UmbBlockClipboardEntryValueModel, UmbPropertyEditorRteValueType> {
+    translate(value: UmbBlockClipboardEntryValueModel): Promise<UmbPropertyEditorRteValueType>;
+    isCompatibleValue(propertyValue: UmbPropertyEditorRteValueType, config: Array<{
+        alias: string;
+        value: [{
+            contentElementTypeKey: string;
+        }];
+    }>): Promise<boolean>;
+}
+export { UmbTiptapBlockToBlockRteClipboardPastePropertyValueTranslator as api };

package/dist-cms/packages/tiptap/clipboard/block/paste/block-to-block-rte-paste-translator.js

@@ -0,0 +1,30 @@
+import { UmbControllerBase } from '../../../../../libs/class-api/index.js';
+import { UMB_BLOCK_RTE_PROPERTY_EDITOR_SCHEMA_ALIAS } from '../../../../block/block-rte/index.js';
+export class UmbTiptapBlockToBlockRteClipboardPastePropertyValueTranslator extends UmbControllerBase {
+    async translate(value) {
+        if (!value) {
+            throw new Error('Value is missing.');
+        }
+        const valueClone = structuredClone(value);
+        const blockRtePropertyValue = {
+            markup: '',
+            blocks: {
+                contentData: valueClone.contentData,
+                settingsData: valueClone.settingsData,
+                expose: [],
+                layout: {
+                    [UMB_BLOCK_RTE_PROPERTY_EDITOR_SCHEMA_ALIAS]: valueClone.layout ?? undefined,
+                },
+            },
+        };
+        return blockRtePropertyValue;
+    }
+    async isCompatibleValue(propertyValue, 
+    // TODO: Replace any with the correct type.
+    config) {
+        const allowedBlockContentTypes = config.find((c) => c.alias === 'blocks')?.value.map((b) => b.contentElementTypeKey) ?? [];
+        const blockContentTypes = propertyValue.blocks?.contentData.map((c) => c.contentTypeKey) ?? [];
+        return blockContentTypes.every((b) => allowedBlockContentTypes.includes(b));
+    }
+}
+export { UmbTiptapBlockToBlockRteClipboardPastePropertyValueTranslator as api };

package/dist-cms/packages/tiptap/clipboard/block/paste/manifest.d.ts

@@ -0,0 +1 @@
+export declare const manifest: UmbExtensionManifest;

package/dist-cms/packages/tiptap/clipboard/block/paste/manifest.js

@@ -0,0 +1,10 @@
+import { UMB_TIPTAP_PROPERTY_EDITOR_UI_ALIAS } from '../../../property-editors/tiptap-rte/constants.js';
+import { UMB_BLOCK_CLIPBOARD_ENTRY_VALUE_TYPE } from '../../../../block/block/index.js';
+export const manifest = {
+    type: 'clipboardPastePropertyValueTranslator',
+    alias: 'Umb.ClipboardPastePropertyValueTranslator.Tiptap.BlockToBlockRte',
+    name: 'Tiptap Block To Block RTE Clipboard Paste Property Value Translator',
+    api: () => import('./block-to-block-rte-paste-translator.js'),
+    fromClipboardEntryValueType: UMB_BLOCK_CLIPBOARD_ENTRY_VALUE_TYPE,
+    toPropertyEditorUi: UMB_TIPTAP_PROPERTY_EDITOR_UI_ALIAS,
+};

package/dist-cms/packages/tiptap/clipboard/manifests.d.ts

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

package/dist-cms/packages/tiptap/clipboard/manifests.js

@@ -0,0 +1,11 @@
+import { UMB_TIPTAP_PROPERTY_EDITOR_UI_ALIAS } from '../property-editors/tiptap-rte/constants.js';
+import { manifest as blockCopy } from './block/copy/manifest.js';
+import { manifest as blockPaste } from './block/paste/manifest.js';
+const propertyContext = {
+    type: 'propertyContext',
+    kind: 'clipboard',
+    alias: 'Umb.PropertyContext.Tiptap.Clipboard',
+    name: 'Tiptap Clipboard Property Context',
+    forPropertyEditorUis: [UMB_TIPTAP_PROPERTY_EDITOR_UI_ALIAS],
+};
+export const manifests = [blockCopy, blockPaste, propertyContext];