typo3-typescript-sources 14.3.4 → 14.3.6

package/dashboard/wizard/steps/preset-step.ts

@@ -0,0 +1,164 @@
+/*
+ * This file is part of the TYPO3 CMS project.
+ *
+ * It is free software; you can redistribute it and/or modify it under
+ * the terms of the GNU General Public License, either version 2
+ * of the License, or any later version.
+ *
+ * For the full copyright and license information, please read the
+ * LICENSE.txt file that was distributed with this source code.
+ *
+ * The TYPO3 project - inspiring people to share!
+ */
+
+import { html, type TemplateResult } from 'lit';
+import { live } from 'lit/directives/live.js';
+import { Task, TaskStatus } from '@lit/task';
+import type { WizardStepInterface } from '@typo3/backend/wizard/steps/wizard-step-interface';
+import type { WizardStepValueInterface } from '@typo3/backend/wizard/steps/wizard-step-value-interface';
+import type { WizardStepSummaryInterface } from '@typo3/backend/wizard/steps/wizard-step-summary-interface';
+import type { WizardStepAfterRenderInterface } from '@typo3/backend/wizard/steps/wizard-step-after-render-interface';
+import type { SummaryItem } from '@typo3/backend/wizard/steps/summary-item-interface';
+import AjaxRequest from '@typo3/core/ajax/ajax-request';
+import type { DashboardWizardContext } from '@typo3/dashboard/dashboard-wizard';
+import type { DashboardPresetInterface } from '@typo3/dashboard/dashboard';
+import labels from '~labels/dashboard.messages';
+
+export class PresetStep implements WizardStepInterface, WizardStepValueInterface, WizardStepSummaryInterface, WizardStepAfterRenderInterface {
+  readonly key = 'preset';
+  readonly title = labels.get('dashboard.wizard.preset.title');
+  readonly autoAdvance = true;
+
+  private task: Task<[], DashboardPresetInterface[]>;
+  private selectedPreset: string | null = null;
+  private hasDispatchedAutoAdvance: boolean = false;
+
+  constructor(private readonly context: DashboardWizardContext) {
+    this.initPresetsTask();
+  }
+
+  public isComplete(): boolean {
+    return this.getValue() !== null;
+  }
+
+  public render(): TemplateResult {
+    if (this.task.status === TaskStatus.INITIAL) {
+      this.task.run();
+    }
+
+    return this.task.render({
+      complete: (presets: DashboardPresetInterface[]) => {
+        let shouldAutoAdvance = false;
+
+        // Initialize from store, otherwise preselect the first preset
+        if (this.getValue() === null) {
+          const storedValue = this.context.getStoreData(this.key);
+          if (storedValue != null) {
+            this.setValue(storedValue);
+          } else if (presets.length > 0) {
+            this.setValue(presets[0].identifier);
+            shouldAutoAdvance = presets.length === 1;
+          }
+        }
+
+        if (shouldAutoAdvance && !this.hasDispatchedAutoAdvance) {
+          this.hasDispatchedAutoAdvance = true;
+          this.context.dispatchAutoAdvance();
+          return this.context.wizard.renderLoader();
+        }
+
+        return html`
+          <div class="dashboard-wizard-preset">
+            <h2 class="h4">${labels.get('dashboard.wizard.preset.headline')}</h2>
+            <div class="form-check-card-container">
+              ${presets.map((preset: DashboardPresetInterface) => html`
+                <div class="form-check form-check-type-card">
+                  <input
+                    class="form-check-input"
+                    type="radio"
+                    name="preset"
+                    id="preset-${preset.identifier}"
+                    value="${preset.identifier}"
+                    .checked="${live(this.getValue() === preset.identifier)}"
+                    @change="${() => this.setValue(preset.identifier)}"
+                  >
+                  <label class="form-check-label" for="preset-${preset.identifier}">
+                    <span class="form-check-label-header form-check-label-header-inherit">
+                      <typo3-backend-icon identifier="${preset.icon}" size="small"></typo3-backend-icon>
+                      ${preset.title}
+                    </span>
+                    <span class="form-check-label-body">${preset.description}</span>
+                  </label>
+                </div>
+              `)}
+            </div>
+          </div>
+        `;
+      },
+      error: (error: unknown) => this.context.wizard.renderError(labels.get('dashboard.wizard.preset.loadError'), error),
+      pending: () => this.context.wizard.renderLoader()
+    });
+  }
+
+  public reset(): void {
+    this.selectedPreset = null;
+    this.context.clearStoreData(this.key);
+    this.initPresetsTask();
+  }
+
+  public getValue(): string {
+    return this.selectedPreset;
+  }
+
+  public setValue(value: string): void {
+    this.selectedPreset = value;
+    this.context.wizard.requestUpdate();
+  }
+
+  public beforeAdvance(): void {
+    this.context.setStoreData(this.key, this.getValue());
+  }
+
+  public getSummaryData(): SummaryItem[] {
+    const selectedIdentifier = this.context.getStoreData(this.key);
+    if (!selectedIdentifier || !this.task.value) {
+      return [];
+    }
+
+    const selectedPreset = this.task.value.find((preset: DashboardPresetInterface) => preset.identifier === selectedIdentifier);
+    if (!selectedPreset) {
+      return [];
+    }
+
+    return [{
+      label: this.title,
+      value: html`
+        <typo3-backend-icon identifier="${selectedPreset.icon}" size="small" class="me-1"></typo3-backend-icon>
+        ${selectedPreset.title}
+      `
+    }];
+  }
+
+  public async afterRender(): Promise<void> {
+    // Presets load asynchronously; signal readiness so the wizard moves focus
+    // (onto the selected preset) only once they are rendered.
+    try {
+      await this.task.taskComplete;
+    } catch {
+      // ignore — the error state is rendered by the step
+    }
+  }
+
+  private initPresetsTask(): void {
+    this.task = new Task(this.context.wizard, {
+      task: async (): Promise<DashboardPresetInterface[]> => {
+        const response = await new AjaxRequest(TYPO3.settings.ajaxUrls.dashboard_presets_get).get({ cache: 'no-cache' });
+        const data = await response.resolve();
+        return Object.values(data as Record<string, DashboardPresetInterface>).filter((preset: DashboardPresetInterface) => preset.showInWizard);
+      },
+      autoRun: false
+    });
+  }
+}
+
+export default PresetStep;

package/dashboard/wizard/steps/title-step.ts

@@ -0,0 +1,90 @@
+/*
+ * This file is part of the TYPO3 CMS project.
+ *
+ * It is free software; you can redistribute it and/or modify it under
+ * the terms of the GNU General Public License, either version 2
+ * of the License, or any later version.
+ *
+ * For the full copyright and license information, please read the
+ * LICENSE.txt file that was distributed with this source code.
+ *
+ * The TYPO3 project - inspiring people to share!
+ */
+
+import { html, type TemplateResult } from 'lit';
+import { live } from 'lit/directives/live.js';
+import type { WizardStepInterface } from '@typo3/backend/wizard/steps/wizard-step-interface';
+import type { WizardStepValueInterface } from '@typo3/backend/wizard/steps/wizard-step-value-interface';
+import type { WizardStepSummaryInterface } from '@typo3/backend/wizard/steps/wizard-step-summary-interface';
+import type { SummaryItem } from '@typo3/backend/wizard/steps/summary-item-interface';
+import type { DashboardWizardContext } from '@typo3/dashboard/dashboard-wizard';
+import labels from '~labels/dashboard.messages';
+
+export class TitleStep implements WizardStepInterface, WizardStepValueInterface, WizardStepSummaryInterface {
+  readonly key = 'title';
+  readonly title = labels.get('dashboard.wizard.title.title');
+  readonly autoAdvance = false;
+
+  private titleValue: string = '';
+
+  constructor(private readonly context: DashboardWizardContext) {
+  }
+
+  public isComplete(): boolean {
+    return this.getValue().trim() !== '';
+  }
+
+  public render(): TemplateResult {
+    if (this.titleValue === '') {
+      this.titleValue = this.context.getStoreData(this.key) ?? '';
+    }
+
+    return html`
+      <div class="dashboard-wizard-title">
+        <div class="form-group">
+          <label class="form-label" for="dashboard-wizard-title-input">${labels.get('dashboard.title')}</label>
+          <input
+            type="text"
+            id="dashboard-wizard-title-input"
+            class="form-control"
+            required="required"
+            .value="${live(this.titleValue)}"
+            @input="${(event: InputEvent) => this.setValue((event.target as HTMLInputElement).value)}"
+          >
+        </div>
+      </div>
+    `;
+  }
+
+  public reset(): void {
+    this.titleValue = '';
+    this.context.clearStoreData(this.key);
+  }
+
+  public getValue(): string {
+    return this.titleValue;
+  }
+
+  public setValue(value: string): void {
+    this.titleValue = value;
+    this.context.wizard.requestUpdate();
+  }
+
+  public beforeAdvance(): void {
+    this.context.setStoreData(this.key, this.getValue());
+  }
+
+  public getSummaryData(): SummaryItem[] {
+    const title = this.context.getStoreData(this.key);
+    if (!title) {
+      return [];
+    }
+
+    return [{
+      label: this.title,
+      value: title
+    }];
+  }
+}
+
+export default TitleStep;

package/form/backend/form-editor/core.ts

@@ -720,17 +720,30 @@ function extendModel<D extends object, T extends ModelData<D>>(
     modelToExtend.set(pathPrefix, modelExtension, disablePublishersOnSet);
   } else {
     const _modelExtension = { ...modelExtension } as Record<string, T | [] | Record<string, never>>;
-    for (const key of Object.keys(_modelExtension)) {
-      const path = (pathPrefix === '') ? key : pathPrefix + '.' + key;
 
-      modelToExtend.on(path, 'core/formElement/somePropertyChanged');
+    // A "leaf map" is an object whose values are all scalars (e.g. select
+    // options or finisher recipients keyed by their value). Its keys may
+    // contain dots (e.g. email addresses used as recipient keys) and must
+    // therefore be stored as a whole, otherwise Model.set() would split the
+    // key into a nested object path and thus corrupt the data.
+    const isLeafMap = pathPrefix !== '' && Object.values(_modelExtension).every(
+      (value) => value === null || typeof value !== 'object'
+    );
 
-      if (_modelExtension[key] !== null && (typeof (_modelExtension[key]) === 'object' || Array.isArray(_modelExtension[key]))) {
-        extendModel(modelToExtend, _modelExtension[key], path, disablePublishersOnSet);
-      } else if (pathPrefix === 'properties.options') {
-        modelToExtend.set(pathPrefix, modelExtension, disablePublishersOnSet);
-      } else {
-        modelToExtend.set(path, _modelExtension[key], disablePublishersOnSet);
+    if (isLeafMap) {
+      modelToExtend.on(pathPrefix, 'core/formElement/somePropertyChanged');
+      modelToExtend.set(pathPrefix, modelExtension, disablePublishersOnSet);
+    } else {
+      for (const key of Object.keys(_modelExtension)) {
+        const path = (pathPrefix === '') ? key : pathPrefix + '.' + key;
+
+        modelToExtend.on(path, 'core/formElement/somePropertyChanged');
+
+        if (_modelExtension[key] !== null && (typeof (_modelExtension[key]) === 'object' || Array.isArray(_modelExtension[key]))) {
+          extendModel(modelToExtend, _modelExtension[key], path, disablePublishersOnSet);
+        } else {
+          modelToExtend.set(path, _modelExtension[key], disablePublishersOnSet);
+        }
       }
     }
   }

package/form/backend/form-editor/inspector-component.ts

@@ -22,6 +22,7 @@ import Icons from '@typo3/backend/icons';
 import Modal from '@typo3/backend/modal';
 import { MessageUtility } from '@typo3/backend/utility/message-utility';
 import Sortable from 'sortablejs';
+import dompurify from 'dompurify';
 import {
   type PropertyGridEditorEntry,
   PropertyGridEditorUpdateEvent
@@ -158,6 +159,37 @@ function getFormElementDefinition<T extends keyof FormElementDefinition>(
   return getFormEditorApp().getFormElementDefinition(formElement, formElementDefinitionKey);
 }
 
+const DOMPURIFY_LABEL_CONFIG = {
+  ALLOWED_TAGS: ['abbr', 'b', 'br', 'code', 'em', 'i', 'kbd', 'span', 'strong', 'u'],
+  ALLOWED_ATTR: ['class', 'title', 'role'],
+};
+
+const DOMPURIFY_DESCRIPTION_CONFIG = {
+  ALLOWED_TAGS: ['a', 'abbr', 'blockquote', 'b', 'br', 'code', 'em', 'i', 'kbd', 'li', 'p', 'pre', 'span', 'strong', 'u', 'ul', 'ol'],
+  ALLOWED_ATTR: ['class', 'href', 'title', 'target', 'role', 'rel'],
+};
+
+/**
+ * Safely sets sanitized HTML as label content on a DOM element.
+ * Only phrasing content (inline elements) is allowed, as required by the HTML
+ * specification for <label> elements.
+ */
+function setLabelHtmlContent(element: HTMLElement | null | undefined, html: string): void {
+  if (element) {
+    element.innerHTML = dompurify.sanitize(html, DOMPURIFY_LABEL_CONFIG);
+  }
+}
+
+/**
+ * Safely sets sanitized HTML as description content on a DOM element.
+ * Allows limited block-level markup (e.g. <p>, <ul>) in addition to inline elements.
+ */
+function setHtmlContent(element: HTMLElement | null | undefined, html: string): void {
+  if (element) {
+    element.innerHTML = dompurify.sanitize(html, DOMPURIFY_DESCRIPTION_CONFIG);
+  }
+}
+
 /**
  * @publish view/inspector/editor/insert/perform
  */
@@ -853,7 +885,7 @@ export function renderCollectionElementSelectionEditor(
   collectionContainer?.replaceChildren();
 
   const labelEl = getHelper().getTemplatePropertyElement('label', editorHtml);
-  if (labelEl) { labelEl.append(document.createTextNode(editorConfiguration.label)); }
+  setLabelHtmlContent(labelEl, editorConfiguration.label);
   const selectElement = getHelper().getTemplatePropertyElement('selectOptions', editorHtml) as HTMLSelectElement | null;
   const hasAlreadySelectedCollectionElements = (
     !getUtility().isUndefinedOrNull(alreadySelectedCollectionElements) &&
@@ -897,7 +929,7 @@ export function renderCollectionElementSelectionEditor(
     selectGroup?.remove();
     const labelNoSelect = getHelper().getTemplatePropertyElement('label-no-select', editorHtml);
     if (hasAlreadySelectedCollectionElements) {
-      if (labelNoSelect) { labelNoSelect.textContent = editorConfiguration.label; }
+      setLabelHtmlContent(labelNoSelect, editorConfiguration.label);
     } else {
       labelNoSelect?.remove();
     }
@@ -1047,7 +1079,7 @@ export function renderCollectionElementHeaderEditor(
     const panelTitle = getHelper().getTemplatePropertyElement('panel-title', editorHtml);
     if (panelTitle) {
       panelTitle.removeAttribute('data-template-property');
-      panelTitle.append(document.createTextNode(editorConfiguration.label));
+      setLabelHtmlContent(panelTitle, editorConfiguration.label);
     }
   }
 }
@@ -1075,7 +1107,7 @@ export function renderFileMaxSizeEditor(
   if (editorConfiguration.label) {
     const element = getHelper().getTemplatePropertyElement('label', editorHtml);
     const maximumFileSize = element?.getAttribute(getHelper().getDomElementDataAttribute('maximumFileSize'));
-    element?.append(document.createTextNode(editorConfiguration.label.replace('{0}', maximumFileSize ?? '')));
+    setLabelHtmlContent(element, editorConfiguration.label.replace('{0}', maximumFileSize ?? ''));
   }
 }
 
@@ -1106,8 +1138,7 @@ export function renderTextEditor(
     1475421056
   );
 
-  getHelper().getTemplatePropertyElement('label', editorHtml)
-    ?.append(document.createTextNode(editorConfiguration.label));
+  setLabelHtmlContent(getHelper().getTemplatePropertyElement('label', editorHtml), editorConfiguration.label);
   renderDescription(editorConfiguration, editorHtml);
 
   if (getUtility().isNonEmptyString(editorConfiguration.placeholder)) {
@@ -1194,8 +1225,7 @@ export function renderValidationErrorMessageEditor(
     1489874124
   );
 
-  getHelper().getTemplatePropertyElement('label', editorHtml)
-    ?.append(document.createTextNode(editorConfiguration.label));
+  setLabelHtmlContent(getHelper().getTemplatePropertyElement('label', editorHtml), editorConfiguration.label);
   renderDescription(editorConfiguration, editorHtml);
 
   const propertyPath = getFormEditorApp().buildPropertyPath(editorConfiguration.propertyPath);
@@ -1254,8 +1284,7 @@ export function renderCountrySelectEditor(
     collectionName
   );
 
-  getHelper().getTemplatePropertyElement('label', editorHtml)
-    ?.append(document.createTextNode(editorConfiguration.label));
+  setLabelHtmlContent(getHelper().getTemplatePropertyElement('label', editorHtml), editorConfiguration.label);
   renderDescription(editorConfiguration, editorHtml);
 
   const selectElement = getHelper().getTemplatePropertyElement('selectOptions', editorHtml) as HTMLSelectElement | null;
@@ -1326,8 +1355,7 @@ export function renderSingleSelectEditor(
     collectionName
   );
 
-  getHelper().getTemplatePropertyElement('label', editorHtml)
-    ?.append(document.createTextNode(editorConfiguration.label));
+  setLabelHtmlContent(getHelper().getTemplatePropertyElement('label', editorHtml), editorConfiguration.label);
   renderDescription(editorConfiguration, editorHtml);
 
   const selectElement = getHelper().getTemplatePropertyElement('selectOptions', editorHtml) as HTMLSelectElement | null;
@@ -1386,8 +1414,7 @@ export function renderMultiSelectEditor(
     collectionName
   );
 
-  getHelper().getTemplatePropertyElement('label', editorHtml)
-    ?.append(document.createTextNode(editorConfiguration.label));
+  setLabelHtmlContent(getHelper().getTemplatePropertyElement('label', editorHtml), editorConfiguration.label);
   renderDescription(editorConfiguration, editorHtml);
 
   const selectElement = getHelper().getTemplatePropertyElement('selectOptions', editorHtml) as HTMLSelectElement | null;
@@ -1457,8 +1484,7 @@ export function renderGridColumnViewPortConfigurationEditor(
     return;
   }
 
-  getHelper().getTemplatePropertyElement('label', editorHtml)
-    ?.append(document.createTextNode(editorConfiguration.label));
+  setLabelHtmlContent(getHelper().getTemplatePropertyElement('label', editorHtml), editorConfiguration.label);
 
   const viewportButtonSel = getHelper().getDomElementDataIdentifierSelector('viewportButton');
   const viewportButtonTemplate = editorHtml.querySelector(viewportButtonSel)?.cloneNode(true) as HTMLElement | null;
@@ -1480,15 +1506,15 @@ export function renderGridColumnViewPortConfigurationEditor(
 
     const labelEl = getHelper().getTemplatePropertyElement('numbersOfColumnsToUse-label', numbersOfColumnsTemplateClone);
     if (labelEl) {
-      labelEl.append(document.createTextNode(
+      setLabelHtmlContent(labelEl,
         editorConfiguration.configurationOptions.numbersOfColumnsToUse.label
           .replace('{@viewPortLabel}', element.dataset.viewPortLabel ?? '')
-      ));
+      );
     }
 
     const descEl = getHelper().getTemplatePropertyElement('numbersOfColumnsToUse-description', numbersOfColumnsTemplateClone);
     if (descEl) {
-      descEl.append(document.createTextNode(editorConfiguration.configurationOptions.numbersOfColumnsToUse.description));
+      setHtmlContent(descEl, editorConfiguration.configurationOptions.numbersOfColumnsToUse.description);
     }
 
     const propertyPath = editorConfiguration.configurationOptions.numbersOfColumnsToUse.propertyPath
@@ -1579,8 +1605,7 @@ export function renderPropertyGridEditor(
     1475419232
   );
 
-  getHelper().getTemplatePropertyElement('label', editorHtml)
-    ?.append(document.createTextNode(editorConfiguration.label));
+  setLabelHtmlContent(getHelper().getTemplatePropertyElement('label', editorHtml), editorConfiguration.label);
   renderDescription(editorConfiguration, editorHtml);
 
   const propertyPathPrefix = (() => {
@@ -1740,8 +1765,7 @@ export function renderRequiredValidatorEditor(
   );
 
   const validatorIdentifier = editorConfiguration.validatorIdentifier;
-  getHelper().getTemplatePropertyElement('label', editorHtml)
-    ?.append(document.createTextNode(editorConfiguration.label));
+  setLabelHtmlContent(getHelper().getTemplatePropertyElement('label', editorHtml), editorConfiguration.label);
 
   let propertyValue: string;
   let propertyPath: string;
@@ -1767,11 +1791,15 @@ export function renderRequiredValidatorEditor(
     const validationErrorMessageTemplateClone = validationErrorMessageTemplate?.cloneNode(true) as HTMLElement | null;
     getEditorWrapperDomElement(editorHtml)?.after(validationErrorMessageTemplateClone);
 
-    getHelper().getTemplatePropertyElement('validationErrorMessage-label', validationErrorMessageTemplateClone)
-      ?.append(document.createTextNode(editorConfiguration.configurationOptions.validationErrorMessage.label));
+    setLabelHtmlContent(
+      getHelper().getTemplatePropertyElement('validationErrorMessage-label', validationErrorMessageTemplateClone),
+      editorConfiguration.configurationOptions.validationErrorMessage.label
+    );
 
-    getHelper().getTemplatePropertyElement('validationErrorMessage-description', validationErrorMessageTemplateClone)
-      ?.append(document.createTextNode(editorConfiguration.configurationOptions.validationErrorMessage.description));
+    setHtmlContent(
+      getHelper().getTemplatePropertyElement('validationErrorMessage-description', validationErrorMessageTemplateClone),
+      editorConfiguration.configurationOptions.validationErrorMessage.description
+    );
 
     propertyData = getCurrentlySelectedFormElement().get(validationErrorMessagePropertyPath);
     if (getUtility().isUndefinedOrNull(propertyData)) {
@@ -1863,8 +1891,7 @@ export function renderCheckboxEditor(
     1476218674
   );
 
-  getHelper().getTemplatePropertyElement('label', editorHtml)
-    ?.append(document.createTextNode(editorConfiguration.label));
+  setLabelHtmlContent(getHelper().getTemplatePropertyElement('label', editorHtml), editorConfiguration.label);
   renderDescription(editorConfiguration, editorHtml);
 
   const propertyPath = getFormEditorApp()
@@ -1927,8 +1954,7 @@ export function renderTextareaEditor(
   const propertyPath = getFormEditorApp()
     .buildPropertyPath(editorConfiguration.propertyPath, collectionElementIdentifier, collectionName);
 
-  getHelper().getTemplatePropertyElement('label', editorHtml)
-    ?.append(document.createTextNode(editorConfiguration.label));
+  setLabelHtmlContent(getHelper().getTemplatePropertyElement('label', editorHtml), editorConfiguration.label);
   renderDescription(editorConfiguration, editorHtml);
 
   const propertyData = getCurrentlySelectedFormElement().get(propertyPath);
@@ -2023,10 +2049,8 @@ export function renderTypo3WinBrowserEditor(
     1477300590
   );
 
-  getHelper().getTemplatePropertyElement('label', editorHtml)
-    ?.append(document.createTextNode(editorConfiguration.label));
-  getHelper().getTemplatePropertyElement('buttonLabel', editorHtml)
-    ?.append(document.createTextNode(editorConfiguration.buttonLabel));
+  setLabelHtmlContent(getHelper().getTemplatePropertyElement('label', editorHtml), editorConfiguration.label);
+  setLabelHtmlContent(getHelper().getTemplatePropertyElement('buttonLabel', editorHtml), editorConfiguration.buttonLabel);
   renderDescription(editorConfiguration, editorHtml);
 
   const formEl = editorHtml.querySelector('form');
@@ -2222,8 +2246,7 @@ export function renderDateEditor(
     collectionName
   );
 
-  getHelper().getTemplatePropertyElement('label', editorHtml)
-    ?.append(document.createTextNode(editorConfiguration.label || ''));
+  setLabelHtmlContent(getHelper().getTemplatePropertyElement('label', editorHtml), editorConfiguration.label || '');
   renderDescription(editorConfiguration, editorHtml);
 
   const editorElement = editorHtml.querySelector('typo3-form-date-editor');
@@ -2266,7 +2289,7 @@ export function renderDescription(
 ): void {
   const descEl = getHelper().getTemplatePropertyElement('description', editorHtml);
   if (getUtility().isNonEmptyString(editorConfiguration.description)) {
-    if (descEl) { descEl.textContent = editorConfiguration.description; }
+    setHtmlContent(descEl, editorConfiguration.description);
   } else {
     descEl?.remove();
   }

package/form/backend/form-editor/stage-component.ts

@@ -273,8 +273,8 @@ function renderNestedSortableListItem(formElement: FormElement): HTMLElement {
     const childFormElements = formElement.get('renderables');
     const hasChildren = Array.isArray(childFormElements) && childFormElements.length > 0;
 
-    // Show "Create new element" placeholder when the container (page or composite) is empty.
-    if (!hasChildren) {
+    // Show "Create new element" placeholder only for composite containers (not SummaryPage).
+    if (!hasChildren && isCompositeFormElement) {
       childList.append(createNewElementPlaceholder(formElement, 'inside'));
     }
 

package/form/backend/form-wizard/form-wizard.ts

@@ -107,6 +107,7 @@ export class FormWizard extends LitElement {
       <typo3-backend-wizard .steps="${this.steps}"
                             .submissionService="${this.submissionService}"
                             confirm-button-label="${formManagerLabels.get('formManager.newFormWizard.step1.title')}"
+                            skip-summary
       ></typo3-backend-wizard>
     `;
   }

package/form/backend/form-wizard/steps/settings-step.ts

@@ -158,7 +158,6 @@ export class SettingsStep implements WizardStepInterface, WizardStepValueInterfa
   }
 
   private renderFormNameInput(): TemplateResult {
-    this.focusInput('#new-form-name');
     return html `
       <div class="form-group">
         <label class="form-label" for="new-form-name">${formManagerLabels.get('formManager.form_name')}</label>
@@ -234,15 +233,6 @@ export class SettingsStep implements WizardStepInterface, WizardStepValueInterfa
       template: (currentTemplates[0]?.value ?? '')
     });
   }
-
-  private focusInput(selector: string): void {
-    this.context.wizard.updateComplete.then(() => {
-      const input = this.context.wizard.renderRoot.querySelector<HTMLInputElement>(selector);
-      if (input) {
-        input.focus();
-      }
-    });
-  }
 }
 
 export default SettingsStep;

package/install/router.ts

@@ -25,6 +25,7 @@ import RegularEvent from '@typo3/core/event/regular-event';
 import '@typo3/backend/element/progress-bar-element';
 import { ScaffoldState } from '@typo3/backend/viewport/scaffold-state';
 import '@typo3/backend/element/sidebar-toggle-element';
+import 'bootstrap'; // required for panels in `handleAjaxError()`
 
 class Router {
   private readonly rootSelector: string = '.t3js-body';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "typo3-typescript-sources",
-  "version": "14.3.4",
+  "version": "14.3.6",
   "description": "TYPO3 Core TypeScript Sources - Extracted from TYPO3/typo3 repository",
   "main": "index.js",
   "types": "index.d.ts",
@@ -28,7 +28,7 @@
   },
   "typo3": {
     "sourceRepository": "https://github.com/TYPO3/typo3",
-    "sourceTag": "v14.3.4",
+    "sourceTag": "v14.3.6",
     "sourcePath": "Build/Sources/TypeScript"
   }
 }

package/redirects/event-handler.ts

@@ -89,9 +89,9 @@ class EventHandler {
   }
 
   private revert(correlationIds: string[]): Promise<AjaxResponse> {
-    const request = new AjaxRequest(TYPO3.settings.ajaxUrls.redirects_revert_correlation).withQueryArguments({
-      correlation_ids: correlationIds
-    }).get();
+    const request = new AjaxRequest(TYPO3.settings.ajaxUrls.redirects_revert_correlation).post({
+      correlation_ids: correlationIds,
+    });
 
     request.then(async (response: AjaxResponse): Promise<void> => {
       const json = await response.resolve();

package/scheduler/scheduler.ts

@@ -90,14 +90,14 @@ class Scheduler {
         // Schedule selected tasks for next cron run
         const goCron: HTMLInputElement = document.createElement('input');
         goCron.setAttribute('type', 'hidden');
-        goCron.setAttribute('name', 'scheduleCron');
+        goCron.setAttribute('name', 'action[scheduleCron]');
         goCron.setAttribute('value', taskIds.join(','));
         form.append(goCron);
       } else {
         // Execute selected tasks directly
         const executeTasks: HTMLInputElement = document.createElement('input');
         executeTasks.setAttribute('type', 'hidden');
-        executeTasks.setAttribute('name', 'execute');
+        executeTasks.setAttribute('name', 'action[execute]');
         executeTasks.setAttribute('value', taskIds.join(','));
         form.append(executeTasks);
       }

package/workspaces/renderable/record-table.ts

@@ -278,7 +278,7 @@ export class RecordTableElement extends LitElement {
   private renderElementActions(data: RecordData): TemplateResult[] {
     return [
       this.getAction(
-        data.allowedAction_view,
+        (data.allowedAction_view && data.previewUrl !== ''),
         'preview',
         'actions-version-workspace-preview',
         {

package/workspaces/workspace-state.ts

@@ -30,7 +30,7 @@ export interface Workspace {
 }
 
 interface WorkspaceInfoResponse {
-  current: Workspace;
+  current: Workspace | null;
   workspaces: Workspace[];
 }